@font-face {
    font-family: UdemyIcons;
    src: url(/fonts/UdemyIcons.woff2) format("woff2"),url(/fonts/UdemyIcons.ttf) format("truetype"),url(/fonts/UdemyIcons.woff) format("woff"),url(/fonts/UdemyIcons.svg#UdemyIcons) format("svg");
    font-weight: 400;
    font-style: normal
}

.udi {
    font-family: UdemyIcons !important;
    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
}

.udi-3d-and-animation:before {
    content: "\E692"
}

.udi-academics:before {
    content: "\E693"
}

.udi-activity:before {
    content: "\E902"
}

.udi-add:before {
    content: "\E72C"
}

.udi-adjust:before {
    content: "\F042"
}

.udi-advertising:before {
    content: "\E694"
}

.udi-affiliate-marketing:before {
    content: "\E695"
}

.udi-analytics-and-automation:before {
    content: "\E696"
}

.udi-angle-double-left:before {
    content: "\F100"
}

.udi-angle-double-right:before {
    content: "\F101"
}

.udi-angle-down:before {
    content: "\F107"
}

.udi-angle-left:before {
    content: "\F104"
}

.udi-angle-right:before {
    content: "\F105"
}

.udi-angle-up:before {
    content: "\F106"
}

.udi-apple:before {
    content: "\E697"
}

.udi-arabic:before {
    content: "\E77E"
}

.udi-architectural-design:before {
    content: "\E699"
}

.udi-archive:before {
    content: "\E91C"
}

.udi-arrow-left:before {
    content: "\F060"
}

.udi-arrow-right:before {
    content: "\F061"
}

.udi-article:before {
    content: "\E6C5"
}

.udi-arts-and-crafts:before {
    content: "\E69A"
}

.udi-ban:before {
    content: "\F05E"
}

.udi-bar-chart-o:before, .udi-bar-chart:before {
    content: "\F080"
}

.udi-bars:before, .udi-navicon:before, .udi-reorder:before {
    content: "\F0C9"
}

.udi-beauty-and-makeup:before {
    content: "\E69B"
}

.udi-bell:before {
    content: "\E72E"
}

.udi-bell-line:before {
    content: "\E91F"
}

.udi-black-and-white:before {
    content: "\E69C"
}

.udi-bold:before {
    content: "\F032"
}

.udi-book:before {
    content: "\F02D"
}

.udi-bookmark:before {
    content: "\E791"
}

.udi-bookmark-add:before {
    content: "\E788"
}

.udi-branding:before {
    content: "\E69D"
}

.udi-bullhorn:before {
    content: "\F0AB"
}

.udi-business:before {
    content: "\E69F"
}

.udi-business-law:before {
    content: "\E69E"
}

.udi-calendar:before {
    content: "\F073"
}

.udi-calendar-o:before {
    content: "\F133"
}

.udi-career-development:before {
    content: "\E6A0"
}

.udi-caret-down:before {
    content: "\F0D7"
}

.udi-caret-left:before {
    content: "\F0D9"
}

.udi-caret-right:before {
    content: "\F0DA"
}

.udi-caret-up:before {
    content: "\F0D8"
}

.udi-cart:before {
    content: "\E789"
}

.udi-cart-add:before {
    content: "\E901"
}

.udi-cart-check:before {
    content: "\E90D"
}

.udi-cart-line:before {
    content: "\E91E"
}

.udi-chain:before, .udi-link:before {
    content: "\F0C1"
}

.udi-chat-line:before {
    content: "\E920"
}

.udi-check:before, .udi-ok:before {
    content: "\F00C"
}

.udi-check-circle:before {
    content: "\F058"
}

.udi-check-square-o:before {
    content: "\F046"
}

.udi-chevron-circle-right:before {
    content: "\F138"
}

.udi-chevron-down:before {
    content: "\F07D"
}

.udi-chevron-left:before {
    content: "\F053"
}

.udi-chevron-right:before {
    content: "\F054"
}

.udi-chevron-up:before {
    content: "\F07B"
}

.udi-chinese:before {
    content: "\E6A1"
}

.udi-circle:before {
    content: "\F111"
}

.udi-circle-loader:before {
    content: "\E779"
}

.udi-circle-o:before {
    content: "\F10C"
}

.udi-clock:before {
    content: "\E733"
}

.udi-clock-o:before {
    content: "\F017"
}

.udi-close:before, .udi-icon-xmark:before {
    content: "\E730"
}

.udi-closed-caption:before {
    content: "\E78A"
}

.udi-code:before {
    content: "\F121"
}

.udi-cog:before, .udi-gear:before {
    content: "\F013"
}

.udi-cogs:before, .udi-gears:before {
    content: "\F085"
}

.udi-college-entry-exam:before {
    content: "\E6A2"
}

.udi-comment:before {
    content: "\F075"
}

.udi-comment-o:before {
    content: "\F0E9"
}

.udi-comments:before {
    content: "\F086"
}

.udi-comments-double:before {
    content: "\E921"
}

.udi-commercial-photography:before {
    content: "\E6A3"
}

.udi-communication-balloon:before {
    content: "\E940"
}

.udi-communications:before {
    content: "\E6A4"
}

.udi-content-marketing:before {
    content: "\E6A5"
}

.udi-coupon:before {
    content: "\E800"
}

.udi-course-player:before {
    content: "\E941"
}

.udi-create-course:before {
    content: "\E90E"
}

.udi-creativity:before {
    content: "\E6A6"
}

.udi-curly-braces:before {
    content: "\E900"
}

.udi-curly-braces-bold:before {
    content: "\E909"
}

.udi-curriculum:before {
    content: "\E735"
}

.udi-dance:before {
    content: "\E6A7"
}

.udi-data-and-analytics:before {
    content: "\E6A8"
}

.udi-databases:before {
    content: "\E6A9"
}

.udi-delete:before {
    content: "\E75A"
}

.udi-design:before {
    content: "\E6AC"
}

.udi-design-thinking:before {
    content: "\E6AA"
}

.udi-design-tools:before {
    content: "\E6AB"
}

.udi-desktop:before {
    content: "\F108"
}

.udi-development:before {
    content: "\E6AD"
}

.udi-development-tools:before {
    content: "\E727"
}

.udi-dieting:before {
    content: "\E6AE"
}

.udi-digital-marketing:before {
    content: "\E6AF"
}

.udi-digital-photography:before {
    content: "\E6B0"
}

.udi-doc:before {
    content: "\E943"
}

.udi-download:before {
    content: "\F019"
}

.udi-drawer:before {
    content: "\E792"
}

.udi-e-commerce:before {
    content: "\E728"
}

.udi-educational-development:before {
    content: "\E6B1"
}

.udi-ellipsis-h:before {
    content: "\F141"
}

.udi-ellipsis-v:before {
    content: "\F142"
}

.udi-english:before {
    content: "\E6B2"
}

.udi-entrepreneurship:before {
    content: "\E6B3"
}

.udi-envelope:before {
    content: "\F0E5"
}

.udi-exclamation-circle:before {
    content: "\F06D"
}

.udi-exit-fullscreen:before {
    content: "\E78E"
}

.udi-exp-fullscreen:before {
    content: "\E933"
}

.udi-exp-mute:before {
    content: "\E934"
}

.udi-exp-next:before {
    content: "\E935"
}

.udi-exp-pause:before {
    content: "\E936"
}

.udi-exp-play:before {
    content: "\E937"
}

.udi-exp-skip-back:before {
    content: "\E938"
}

.udi-exp-skip-forward:before {
    content: "\E939"
}

.udi-exp-test-fullscreen-close:before {
    content: "\E93A"
}

.udi-exp-volume:before {
    content: "\E93B"
}

.udi-expand:before {
    content: "\F065"
}

.udi-explore:before {
    content: "\E90F"
}

.udi-external-link:before {
    content: "\F08E"
}

.udi-facebook-f:before, .udi-facebook:before {
    content: "\F09A"
}

.udi-facebook-square:before {
    content: "\F082"
}

.udi-fashion:before {
    content: "\E6B4"
}

.udi-file:before {
    content: "\F15B"
}

.udi-file-o:before {
    content: "\F016"
}

.udi-file-text:before {
    content: "\F15C"
}

.udi-file-text-o:before {
    content: "\F0F6"
}

.udi-film:before {
    content: "\F008"
}

.udi-finance:before {
    content: "\E6B5"
}

.udi-fitness:before {
    content: "\E6B6"
}

.udi-flag:before {
    content: "\F024"
}

.udi-folder-open:before {
    content: "\F07C"
}

.udi-food-and-beverage:before {
    content: "\E6B7"
}

.udi-french:before {
    content: "\E6B8"
}

.udi-fullscreen:before {
    content: "\E78D"
}

.udi-game-design:before {
    content: "\E6B9"
}

.udi-game-development:before {
    content: "\E6BA"
}

.udi-gaming:before {
    content: "\E6BB"
}

.udi-general-health:before {
    content: "\E6BC"
}

.udi-german:before {
    content: "\E6BD"
}

.udi-gift:before {
    content: "\F06B"
}

.udi-globe:before {
    content: "\F0AC"
}

.udi-google:before {
    content: "\E6BE"
}

.udi-google-plus:before {
    content: "\E76A"
}

.udi-grad-entry-exam:before {
    content: "\E6BF"
}

.udi-graphic-design:before {
    content: "\E6C0"
}

.udi-group:before, .udi-users:before {
    content: "\F0C0"
}

.udi-growth-hacking:before {
    content: "\E6C1"
}

.udi-happiness:before {
    content: "\E6C2"
}

.udi-hardware:before {
    content: "\E6C3"
}

.udi-health-and-fitness:before {
    content: "\E6C4"
}

.udi-heart:before {
    content: "\F007"
}

.udi-heart-o:before {
    content: "\F08A"
}

.udi-hebrew:before {
    content: "\E77F"
}

.udi-history:before {
    content: "\F1DA"
}

.udi-home:before {
    content: "\F015"
}

.udi-home-business:before {
    content: "\E6C6"
}

.udi-home-improvement:before {
    content: "\E6C7"
}

.udi-how-discover:before {
    content: "\E751"
}

.udi-how-learn:before {
    content: "\E752"
}

.udi-how-master:before {
    content: "\E753"
}

.udi-human-resources:before {
    content: "\E6C8"
}

.udi-humanities:before {
    content: "\E6C9"
}

.udi-icon-check:before {
    content: "\E606"
}

.udi-image:before, .udi-photo:before, .udi-picture-o:before {
    content: "\F03E"
}

.udi-industry:before {
    content: "\E6CA"
}

.udi-influence:before {
    content: "\E6CB"
}

.udi-info:before {
    content: "\F129"
}

.udi-info-circle:before {
    content: "\F05A"
}

.udi-instructional-design:before {
    content: "\E6CC"
}

.udi-instruments:before {
    content: "\E6CD"
}

.udi-interior-design:before {
    content: "\E6CE"
}

.udi-international-high-school:before {
    content: "\E6CF"
}

.udi-intuit:before {
    content: "\E6D0"
}

.udi-ion-arrow-graph-up-right:before {
    content: "\F262"
}

.udi-ion-ios-refresh-empty:before {
    content: "\F49A"
}

.udi-it-and-software:before {
    content: "\E6D2"
}

.udi-it-certification:before {
    content: "\E6D1"
}

.udi-italian:before {
    content: "\E6D3"
}

.udi-italic:before {
    content: "\F033"
}

.udi-japanese:before {
    content: "\E780"
}

.udi-join-course:before {
    content: "\E754"
}

.udi-join-hours:before {
    content: "\E755"
}

.udi-join-students:before {
    content: "\E756"
}

.udi-landscape:before {
    content: "\E6D5"
}

.udi-language:before {
    content: "\E6D6"
}

.udi-latin:before {
    content: "\E6D7"
}

.udi-leadership:before {
    content: "\E6D8"
}

.udi-length-1:before {
    content: "\E926"
}

.udi-length-2:before {
    content: "\E925"
}

.udi-length-4:before {
    content: "\E923"
}

.udi-lifestyle:before {
    content: "\E6D9"
}

.udi-line-chart:before {
    content: "\F201"
}

.udi-line-star:before {
    content: "\E786"
}

.udi-list:before {
    content: "\F03A"
}

.udi-list-alt:before {
    content: "\F022"
}

.udi-list-ol:before {
    content: "\F0CB"
}

.udi-list-ul:before {
    content: "\F0CA"
}

.udi-lock:before {
    content: "\F023"
}

.udi-mail-forward:before, .udi-share:before {
    content: "\F064"
}

.udi-management:before {
    content: "\E6DA"
}

.udi-map-marker:before {
    content: "\F041"
}

.udi-marketing:before {
    content: "\E6DC"
}

.udi-marketing-fundamentals:before {
    content: "\E6DB"
}

.udi-math-and-science:before {
    content: "\E6DD"
}

.udi-media:before {
    content: "\E6DE"
}

.udi-meditation:before {
    content: "\E6DF"
}

.udi-memory:before {
    content: "\E6E0"
}

.udi-mental-health:before {
    content: "\E6E1"
}

.udi-menu:before {
    content: "\E73B"
}

.udi-microphone:before {
    content: "\F130"
}

.udi-microsoft:before {
    content: "\E6E2"
}

.udi-minimize:before {
    content: "\E905"
}

.udi-minus:before {
    content: "\F068"
}

.udi-minus-circle:before {
    content: "\F056"
}

.udi-minus-square-o:before {
    content: "\F147"
}

.udi-mobile-phone:before, .udi-mobile:before {
    content: "\F10B"
}

.udi-mobile-apps:before {
    content: "\E6E3"
}

.udi-mobile-photography:before {
    content: "\E6E4"
}

.udi-motivation:before {
    content: "\E6E5"
}

.udi-music:before {
    content: "\E6E9"
}

.udi-music-fundamentals:before {
    content: "\E6E6"
}

.udi-music-software:before {
    content: "\E6E7"
}

.udi-music-techniques:before {
    content: "\E6E8"
}

.udi-network-and-security:before {
    content: "\E6EA"
}

.udi-next:before {
    content: "\E73E"
}

.udi-no-results:before {
    content: "\E927"
}

.udi-non-digital-marketing:before {
    content: "\E6EB"
}

.udi-nutrition:before {
    content: "\E6EC"
}

.udi-office-productivity:before {
    content: "\E6ED"
}

.udi-operating-systems:before {
    content: "\E6EE"
}

.udi-operations:before {
    content: "\E6EF"
}

.udi-oracle:before {
    content: "\E6F0"
}

.udi-overflow:before {
    content: "\E777"
}

.udi-parenting-and-relationships:before {
    content: "\E6F1"
}

.udi-pause:before {
    content: "\F04C"
}

.udi-pdf:before {
    content: "\E944"
}

.udi-pencil:before {
    content: "\F040"
}

.udi-performance-chart:before {
    content: "\E942"
}

.udi-personal-brand-building:before {
    content: "\E6F2"
}

.udi-personal-development:before {
    content: "\E6F3"
}

.udi-personal-finance:before {
    content: "\E6F4"
}

.udi-personal-transformation:before {
    content: "\E6F5"
}

.udi-pet-care-and-training:before {
    content: "\E6F6"
}

.udi-phone:before {
    content: "\F095"
}

.udi-photography:before {
    content: "\E6F9"
}

.udi-photography-fundamentals:before {
    content: "\E6F7"
}

.udi-photography-tools:before {
    content: "\E6F8"
}

.udi-piggy-bank:before {
    content: "\E907"
}

.udi-play:before {
    content: "\E771"
}

.udi-play-circle:before {
    content: "\F144"
}

.udi-play-circle-o:before {
    content: "\F01D"
}

.udi-plus:before {
    content: "\F067"
}

.udi-plus-circle:before {
    content: "\F055"
}

.udi-plus-square:before {
    content: "\F0FE"
}

.udi-plus-square-o:before {
    content: "\F196"
}

.udi-portraits:before {
    content: "\E6FA"
}

.udi-portuguese:before {
    content: "\E6FB"
}

.udi-ppt:before {
    content: "\E945"
}

.udi-presentation:before {
    content: "\E912"
}

.udi-previous:before {
    content: "\E741"
}

.udi-product-marketing:before {
    content: "\E6FC"
}

.udi-production:before {
    content: "\E6FD"
}

.udi-productivity:before {
    content: "\E6FE"
}

.udi-programming-languages:before {
    content: "\E6FF"
}

.udi-project-management:before {
    content: "\E700"
}

.udi-public-relations:before {
    content: "\E701"
}

.udi-purchase-history-line:before {
    content: "\E91D"
}

.udi-question-circle:before {
    content: "\F059"
}

.udi-question-line-circle:before {
    content: "\E948"
}

.udi-ready-set-go:before {
    content: "\E906"
}

.udi-real-estate:before {
    content: "\E702"
}

.udi-religion-and-spirituality:before {
    content: "\E703"
}

.udi-repeat:before, .udi-rotate-right:before {
    content: "\F01E"
}

.udi-resend:before {
    content: "\E947"
}

.udi-right_talk:before {
    content: "\E92E"
}

.udi-rocket:before {
    content: "\F135"
}

.udi-russian:before {
    content: "\E704"
}

.udi-safety-and-first-aid:before {
    content: "\E705"
}

.udi-sales:before {
    content: "\E706"
}

.udi-salesforce:before {
    content: "\E707"
}

.udi-sap:before {
    content: "\E708"
}

.udi-schedule:before {
    content: "\E78F"
}

.udi-search:before {
    content: "\F002"
}

.udi-search-engine-optimization:before {
    content: "\E709"
}

.udi-search-filter:before {
    content: "\E795"
}

.udi-self-defense:before {
    content: "\E70B"
}

.udi-self-esteem:before {
    content: "\E70C"
}

.udi-settings:before {
    content: "\E748"
}

.udi-settings-line:before {
    content: "\E91B"
}

.udi-share-alt:before {
    content: "\F1E0"
}

.udi-share-square-o:before {
    content: "\F045"
}

.udi-shopping-cart:before {
    content: "\F07F"
}

.udi-sign-up:before {
    content: "\E904"
}

.udi-signup_temp:before {
    content: "\E92F"
}

.udi-social-media-marketing:before {
    content: "\E70D"
}

.udi-social-science:before {
    content: "\E70E"
}

.udi-software-engineering:before {
    content: "\E70F"
}

.udi-software-testing:before {
    content: "\E710"
}

.udi-sort:before, .udi-unsorted:before {
    content: "\F0DC"
}

.udi-sort-alpha-desc:before {
    content: "\F15F"
}

.udi-sort-numeric-asc:before {
    content: "\F162"
}

.udi-sort-numeric-desc:before {
    content: "\F163"
}

.udi-spanish:before {
    content: "\E781"
}

.udi-spinner:before {
    content: "\F110"
}

.udi-sports:before {
    content: "\E712"
}

.udi-square:before {
    content: "\F0C8"
}

.udi-star:before {
    content: "\F005"
}

.udi-star-half:before {
    content: "\F089"
}

.udi-stop:before {
    content: "\F04D"
}

.udi-strategy:before {
    content: "\E713"
}

.udi-stress-management:before {
    content: "\E714"
}

.udi-tag:before {
    content: "\F02B"
}

.udi-tasks:before {
    content: "\F0AE"
}

.udi-teacher-training:before {
    content: "\E715"
}

.udi-teaching-tools:before {
    content: "\E716"
}

.udi-test-prep:before {
    content: "\E717"
}

.udi-test-taking-skills:before {
    content: "\E718"
}

.udi-thin-arrow-down:before {
    content: "\E633"
}

.udi-thin-arrow-left:before {
    content: "\E67F"
}

.udi-thin-arrow-right:before {
    content: "\E642"
}

.udi-thin-arrow-up:before {
    content: "\E698"
}

.udi-thumbs-o-up:before {
    content: "\F087"
}

.udi-thumbs-up:before {
    content: "\E903"
}

.udi-timeless:before {
    content: "\E92D"
}

.udi-times-circle:before {
    content: "\F057"
}

.udi-tools:before {
    content: "\E949"
}

.udi-trash:before {
    content: "\F1F8"
}

.udi-trash-o:before {
    content: "\F014"
}

.udi-travel:before {
    content: "\E71A"
}

.udi-travel-photography:before {
    content: "\E719"
}

.udi-trending-flame-icon:before {
    content: "\E94A"
}

.udi-trophy:before {
    content: "\F091"
}

.udi-twitter:before {
    content: "\F099"
}

.udi-upload:before {
    content: "\F093"
}

.udi-user:before {
    content: "\F009"
}

.udi-user-experience:before {
    content: "\E71B"
}

.udi-video-and-mobile-marketing:before {
    content: "\E71D"
}

.udi-video-content:before {
    content: "\E908"
}

.udi-video-design:before {
    content: "\E71C"
}

.udi-vjs-cc-subtitles:before {
    content: "\E910"
}

.udi-vjs-circle:before {
    content: "\E90A"
}

.udi-vjs-forward:before {
    content: "\E911"
}

.udi-vjs-fullscreen:before {
    content: "\E914"
}

.udi-vjs-fullscreen-collapse:before {
    content: "\E913"
}

.udi-vjs-minus:before {
    content: "\E90B"
}

.udi-vjs-pause:before {
    content: "\E915"
}

.udi-vjs-play:before {
    content: "\E916"
}

.udi-vjs-plus:before {
    content: "\E90C"
}

.udi-vjs-rewind:before {
    content: "\E917"
}

.udi-vjs-settings:before {
    content: "\E918"
}

.udi-vjs-volume:before {
    content: "\E91A"
}

.udi-vjs-volume-off:before {
    content: "\E919"
}

.udi-vocal:before {
    content: "\E71E"
}

.udi-volume-up:before {
    content: "\F028"
}

.udi-web-design:before {
    content: "\E71F"
}

.udi-web-development:before {
    content: "\E720"
}

.udi-website:before {
    content: "\E766"
}

.udi-wedding-photography:before {
    content: "\E721"
}

.udi-what-30day:before {
    content: "\E757"
}

.udi-what-desktop:before {
    content: "\E758"
}

.udi-what-lifetime:before {
    content: "\E759"
}

.udi-wildlife-photography:before {
    content: "\E722"
}

.udi-wrench:before {
    content: "\F0AD"
}

.udi-yoga:before {
    content: "\E723"
}

.udi-youtube:before {
    content: "\F167"
}

.udi-zip:before {
    content: "\E946"
}

.udi-zoom-in:before {
    content: "\E711"
}

.udi-add-course:before {
    content: "\E94C"
}

.udi-check-course:before {
    content: "\E94D"
}

.udi-edit-custom-course:before {
    content: "\E94E"
}

.udi-cloud-computing:before {
    content: "\E94B"
}

.udi-credit-card:before {
    content: "\F09D"
}

.udi-exclamation-line:before {
    content: "\E930"
}

.udi-exclamation-triangle:before, .udi-remove:before, .udi-warning-sign:before, .udi-warning:before {
    content: "\F071"
}

.udi-eye:before {
    content: "\F06E"
}

.udi-eye-slash:before {
    content: "\F070"
}

.udi-flexible-learning:before {
    content: "\E93C"
}

.udi-fresh-content:before {
    content: "\E93D"
}

.udi-grav:before {
    content: "\F2D6"
}

.udi-length-3:before {
    content: "\E924"
}

.udi-level-advance:before {
    content: "\E92A"
}

.udi-level-all:before {
    content: "\E92B"
}

.udi-level-beginner:before {
    content: "\E928"
}

.udi-level-intermediate:before {
    content: "\E929"
}

.udi-linkedin:before {
    content: "\F0E1"
}

.udi-management-cog:before {
    content: "\E93F"
}

.udi-popular-students:before {
    content: "\E922"
}

.udi-question:before {
    content: "\F128"
}

.udi-slack:before {
    content: "\E932"
}

.udi-sort-alpha-asc:before {
    content: "\F15D"
}

.udi-sort-asc:before, .udi-sort-up:before {
    content: "\F0DE"
}

.udi-sort-desc:before, .udi-sort-down:before {
    content: "\F0DD"
}

.udi-students:before {
    content: "\E92C"
}

.udi-trusted-instructor:before {
    content: "\E93E"
}

.udi-unlock:before {
    content: "\F09C"
}

.udi-workplace:before {
    content: "\E931"
}

.icon-spin {
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    text-decoration: none
}

.icon-spin, .loader {
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ud-icon-success {
    font-family: UdemyIcons;
    font-style: normal;
    color: #004025
}

    .ud-icon-success:before {
        content: "\F058"
    }

.ud-icon-info {
    font-family: UdemyIcons;
    font-style: normal;
    color: #003440
}

    .ud-icon-info:before {
        content: "\F05A"
    }

.ud-icon-warning {
    font-family: UdemyIcons;
    font-style: normal;
    color: #f59c49
}

    .ud-icon-warning:before {
        content: "\F071"
    }

.ud-icon-danger {
    font-family: UdemyIcons;
    font-style: normal;
    color: #521822
}

    .ud-icon-danger:before {
        content: "\F06D"
    }

.udi-circle-loader {
    -ms-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
    display: inline-block
}

.udi-large {
    font-size: 64px
}

.udi-medium {
    font-size: 32px
}

.udi-small {
    font-size: 16px
}

.udi {
    /*vertical-align: -8%*/
}

.social-buttons--social-btn--1JTo2 {
    box-shadow: 0 2px 2px 0 rgba(41,48,59,.24),0 0 2px 0 rgba(41,48,59,.12);
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    margin-bottom: 8px;
    padding: 0
}

    .social-buttons--social-btn--1JTo2 .social-buttons--social-icon--3jP8h {
        display: inline-block;
        font-size: 20px;
        font-weight: 400;
        padding: 16px 0;
        text-align: center;
        width: 48px
    }

    .social-buttons--social-btn--1JTo2 .social-buttons--udi-circle-loader--V_zRt {
        margin: auto
    }

.social-buttons--disabled-btn--isMJD.social-buttons--disabled-btn--isMJD {
    opacity: .5
}

.social-buttons--disabled-btn--isMJD:hover {
    cursor: not-allowed
}


.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    /*.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }*/

    /*.btn.focus, .btn:focus, .btn:hover {
        color: #007791;
        text-decoration: none
    }*/

   /* .btn.active, .btn:active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }*/

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    border-color: transparent
}

    .btn-primary.focus, .btn-primary:focus {
        background-color: #e72424;
        border-color: transparent
    }

    .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        background-color: #e72424
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            background-color: #d01717
        }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #ec5252;
        border-color: transparent
    }

.btn-success {
    border-color: #208058
}

    .btn-success.focus, .btn-success:focus {
        background-color: #e6e6e6;
        border-color: #061a12
    }

    .btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        background-color: #e6e6e6;
        border-color: #144f36
    }

        .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
            background-color: #d4d4d4;
            border-color: #061a12
        }

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #fff;
        border-color: #208058
    }

.btn-info {
    border-color: #007791
}

    .btn-info.focus, .btn-info:focus {
        background-color: #e6e6e6;
        border-color: #000e11
    }

    .btn-info.active, .btn-info:active, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        background-color: #e6e6e6;
        border-color: #004554
    }

        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
            background-color: #d4d4d4;
            border-color: #000e11
        }

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #fff;
        border-color: #007791
    }

.btn-warning {
    border-color: #b35a1b
}

    .btn-warning.focus, .btn-warning:focus {
        background-color: #e6e6e6;
        border-color: #44220a
    }

    .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        background-color: #e6e6e6;
        border-color: #7e3f13
    }

        .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
            background-color: #d4d4d4;
            border-color: #44220a
        }

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #fff;
        border-color: #b35a1b
    }

.btn-danger {
    border-color: #992337
}

    .btn-danger.focus, .btn-danger:focus {
        background-color: #e6e6e6;
        border-color: #310b12
    }

    .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        background-color: #e6e6e6;
        border-color: #671825
    }

        .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
            background-color: #d4d4d4;
            border-color: #310b12
        }

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #fff;
        border-color: #992337
    }

.btn-link {
    color: #007791;
    font-weight: 400;
    border-radius: 0
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #003845;
                text-decoration: none;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #686f7a;
                text-decoration: none
            }

.btn-lg {
    font-size: 19px;
    line-height: 1.573
}

.btn-sm {
    font-size: 13px
}

.btn-sm, .btn-xs {
    line-height: 1.287
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.btn {
    padding: 0px 11px;
    font-size: 15pt;
    line-height: 1.43;
    border-radius: 2px;
    line-height: 1.35135
}

    .btn.disabled, .btn:disabled, .btn[disabled], fieldset[disabled] .btn {
        background-color: transparent !important;
        border-color: #dedfe0 !important;
        color: #a1a7b3 !important;
        opacity: 1
    }

    .btn.focus, .btn:focus {
        box-shadow: none !important
    }

    .btn.active, .btn:active, .open > .dropdown-toggle.btn {
        box-shadow: none;
        outline: 0 !important
    }


.btn-default {
    /*color: #007791;
    background-color: #fff;
    border: 1px solid #007791*/
}

    .btn-default:hover {
        color: #fff;
        background-color: #C11130;
        /*text-decoration:underline;*/
        /*border-color: #007791*/
    }

    .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
        color: #fff;
        background-color: #C11130;
        /*text-decoration: underline;*/
        /*border-color: #007791*/
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.focus, .btn-default:focus {
        color: #fff;
        background-color: #C11130;
        /*text-decoration: underline;*/
        /*border: 1px solid #00576b*/
    }


.btn-quaternary {
    color: #686f7a;
    background-color: #fff;
    text-transform: uppercase;
    border: none;
    line-height: 50px;
    height: 50px;
    font-size: 13px;
    font-weight: 600;
    padding: 0 40px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #efefef;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    display: inline-block;
}

    .btn-quaternary:hover {
        color: #686f7a;
        background-color: #f2f3f5;
        border-color: #eeeeee;
    }

    .btn-quaternary.active, .btn-quaternary.active.focus, .btn-quaternary.active:focus, .btn-quaternary.active:hover, .btn-quaternary:active, .btn-quaternary:active.focus, .btn-quaternary:active:focus, .btn-quaternary:active:hover, .open > .dropdown-toggle.btn-quaternary, .open > .dropdown-toggle.btn-quaternary.focus, .open > .dropdown-toggle.btn-quaternary:focus, .open > .dropdown-toggle.btn-quaternary:hover {
        color: #686f7a;
        background-color: #e8e9eb;
        border-color: #eeeeee;
    }

    .btn-quaternary.active, .btn-quaternary:active, .open > .dropdown-toggle.btn-quaternary {
        background-image: none
    }

    .btn-quaternary.focus, .btn-quaternary:focus {
        color: #686f7a;
        background-color: #fff;
        border: 1px solid #eeeeee;
    }

body:not(.keyboard-navigation-in-use) .btn-quaternary.focus, body:not(.keyboard-navigation-in-use) .btn-quaternary:focus {
    outline: 1px solid #eeeeee;
}

.btn-quaternary.disabled.focus, .btn-quaternary.disabled:focus, .btn-quaternary.disabled:hover, .btn-quaternary[disabled].focus, .btn-quaternary[disabled]:focus, .btn-quaternary[disabled]:hover, fieldset[disabled] .btn-quaternary.focus, fieldset[disabled] .btn-quaternary:focus, fieldset[disabled] .btn-quaternary:hover {
    background-color: #f2f3f5;
    border-color: #eeeeee;
}

.btn-quaternary .badge {
    color: #fff;
    background-color: #686f7a
}

.btn-danger {
    color: #992337;
    background-color: #fff;
    border: 1px solid #992337
}

    .btn-danger:hover {
        color: #992337;
        background-color: #faebeb;
        border-color: #992337
    }

    .btn-danger.active, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
        color: #992337;
        background-color: #ff7373;
        border-color: #992337
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #992337;
        background-color: #fff;
        border: 1px solid #521822
    }

body:not(.keyboard-navigation-in-use) .btn-danger.focus, body:not(.keyboard-navigation-in-use) .btn-danger:focus {
    outline: 1px solid #521822
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #f2f3f5;
    border-color: #a1a7b3
}

.btn-danger .badge {
    color: #fff;
    background-color: #992337
}

.btn-info {
    color: #007791;
    background-color: #fff;
    border: 1px solid #007791
}

    .btn-info:hover {
        color: #007791;
        background-color: #e6f2f5;
        border-color: #007791
    }

    .btn-info.active, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
        color: #007791;
        background-color: #76c5d6;
        border-color: #007791
    }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.focus, .btn-info:focus {
        color: #007791;
        background-color: #fff;
        border: 1px solid #00576b
    }

body:not(.keyboard-navigation-in-use) .btn-info.focus, body:not(.keyboard-navigation-in-use) .btn-info:focus {
    outline: 1px solid #00576b
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #f2f3f5;
    border-color: #a1a7b3
}

.btn-info .badge {
    color: #fff;
    background-color: #007791
}

.btn-success {
    color: #208058;
    background-color: #fff;
    border: 1px solid #208058
}

    .btn-success:hover {
        color: #208058;
        background-color: #e9f7f1;
        border-color: #208058
    }

    .btn-success.active, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
        color: #208058;
        background-color: #85edc2;
        border-color: #208058
    }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.focus, .btn-success:focus {
        color: #208058;
        background-color: #fff;
        border: 1px solid #208058
    }

body:not(.keyboard-navigation-in-use) .btn-success.focus, body:not(.keyboard-navigation-in-use) .btn-success:focus {
    outline: 1px solid #208058
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #f2f3f5;
    border-color: #a1a7b3
}

.btn-success .badge {
    color: #fff;
    background-color: #208058
}

.btn-warning {
    color: #b35a1b;
    background-color: #fff;
    border: 1px solid #b35a1b
}

    .btn-warning:hover {
        color: #b35a1b;
        background-color: #fff2e5;
        border-color: #b35a1b
    }

    .btn-warning.active, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
        color: #b35a1b;
        background-color: #ffc48c;
        border-color: #b35a1b
    }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #b35a1b;
        background-color: #fff;
        border: 1px solid #b35a1b
    }

body:not(.keyboard-navigation-in-use) .btn-warning.focus, body:not(.keyboard-navigation-in-use) .btn-warning:focus {
    outline: 1px solid #b35a1b
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f2f3f5;
    border-color: #a1a7b3
}

.btn-warning .badge {
    color: #fff;
    background-color: #b35a1b
}

.btn-primary--white {
    color: #29303b;
    background-color: #fff;
    border-color: transparent
}

    .btn-primary--white.active, .btn-primary--white.focus, .btn-primary--white:active, .btn-primary--white:focus, .btn-primary--white:hover, .open > .dropdown-toggle.btn-primary--white {
        color: #29303b;
        background-color: #e6e6e6;
        border-color: transparent
    }

        .btn-primary--white.active.focus, .btn-primary--white.active:focus, .btn-primary--white.active:hover, .btn-primary--white:active.focus, .btn-primary--white:active:focus, .btn-primary--white:active:hover, .open > .dropdown-toggle.btn-primary--white.focus, .open > .dropdown-toggle.btn-primary--white:focus, .open > .dropdown-toggle.btn-primary--white:hover {
            color: #29303b;
            background-color: #d4d4d4;
            border-color: transparent
        }

    .btn-primary--white.active, .btn-primary--white:active, .open > .dropdown-toggle.btn-primary--white {
        background-image: none
    }

    .btn-primary--white.disabled.focus, .btn-primary--white.disabled:focus, .btn-primary--white.disabled:hover, .btn-primary--white[disabled].focus, .btn-primary--white[disabled]:focus, .btn-primary--white[disabled]:hover, fieldset[disabled] .btn-primary--white.focus, fieldset[disabled] .btn-primary--white:focus, fieldset[disabled] .btn-primary--white:hover {
        background-color: #fff;
        border-color: transparent
    }

    .btn-primary--white .badge {
        color: #fff;
        background-color: #29303b
    }

    .btn-primary--white.disabled, .btn-primary--white:disabled, .btn-primary--white[disabled], fieldset[disabled] .btn-primary--white {
        background-color: #f2f3f5 !important;
        border-color: #dedfe0 !important;
        color: #a1a7b3 !important;
        opacity: .45
    }

.btn-default--white {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

    .btn-default--white.focus, .btn-default--white:focus {
        color: #fff;
        background-color: transparent;
        border-color: #bfbfbf
    }

    .btn-default--white.active, .btn-default--white:active, .btn-default--white:hover, .open > .dropdown-toggle.btn-default--white {
        color: #fff;
        background-color: transparent;
        border-color: #e0e0e0
    }

        .btn-default--white.active.focus, .btn-default--white.active:focus, .btn-default--white.active:hover, .btn-default--white:active.focus, .btn-default--white:active:focus, .btn-default--white:active:hover, .open > .dropdown-toggle.btn-default--white.focus, .open > .dropdown-toggle.btn-default--white:focus, .open > .dropdown-toggle.btn-default--white:hover {
            color: #fff;
            background-color: transparent;
            border-color: #bfbfbf
        }

    .btn-default--white.active, .btn-default--white:active, .open > .dropdown-toggle.btn-default--white {
        background-image: none
    }

    .btn-default--white.disabled.focus, .btn-default--white.disabled:focus, .btn-default--white.disabled:hover, .btn-default--white[disabled].focus, .btn-default--white[disabled]:focus, .btn-default--white[disabled]:hover, fieldset[disabled] .btn-default--white.focus, fieldset[disabled] .btn-default--white:focus, fieldset[disabled] .btn-default--white:hover {
        background-color: transparent;
        border-color: #fff
    }

    .btn-default--white .badge {
        color: transparent;
        background-color: #fff
    }

    .btn-default--white.disabled, .btn-default--white:disabled, .btn-default--white[disabled], fieldset[disabled] .btn-default--white {
        background-color: transparent !important;
        border-color: #dedfe0 !important;
        color: #a1a7b3 !important;
        opacity: .45
    }

.btn-tertiary--white {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

    .btn-tertiary--white.active, .btn-tertiary--white.active.focus, .btn-tertiary--white.active:focus, .btn-tertiary--white.active:hover, .btn-tertiary--white:active, .btn-tertiary--white:active.focus, .btn-tertiary--white:active:focus, .btn-tertiary--white:active:hover, .btn-tertiary--white:hover, .open > .dropdown-toggle.btn-tertiary--white, .open > .dropdown-toggle.btn-tertiary--white.focus, .open > .dropdown-toggle.btn-tertiary--white:focus, .open > .dropdown-toggle.btn-tertiary--white:hover {
        color: #dedfe0;
        background-color: transparent;
        border-color: #dedfe0
    }

    .btn-tertiary--white.active, .btn-tertiary--white:active, .open > .dropdown-toggle.btn-tertiary--white {
        background-image: none
    }

    .btn-tertiary--white.focus, .btn-tertiary--white:focus {
        color: #dedfe0;
        background-color: transparent;
        border: 1px solid #dedfe0
    }

body:not(.keyboard-navigation-in-use) .btn-tertiary--white.focus, body:not(.keyboard-navigation-in-use) .btn-tertiary--white:focus {
    outline: 1px solid #dedfe0
}

.btn-tertiary--white.disabled.focus, .btn-tertiary--white.disabled:focus, .btn-tertiary--white.disabled:hover, .btn-tertiary--white[disabled].focus, .btn-tertiary--white[disabled]:focus, .btn-tertiary--white[disabled]:hover, fieldset[disabled] .btn-tertiary--white.focus, fieldset[disabled] .btn-tertiary--white:focus, fieldset[disabled] .btn-tertiary--white:hover {
    background-color: #f2f3f5;
    border-color: #a1a7b3
}

.btn-tertiary--white .badge {
    color: transparent;
    background-color: #fff
}

.btn-tertiary--white.disabled, .btn-tertiary--white:disabled, .btn-tertiary--white[disabled], fieldset[disabled] .btn-tertiary--white {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #a1a7b3 !important;
    opacity: .45
}

.btn-link.disabled, .btn-link:disabled, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #a1a7b3 !important;
    opacity: 1
}

.btn-text {
    cursor: default
}

    .btn-text, .btn-text.active, .btn-text.active.focus, .btn-text.active:focus, .btn-text.active:hover, .btn-text.focus, .btn-text:active, .btn-text:active.focus, .btn-text:active:focus, .btn-text:active:hover, .btn-text:focus, .btn-text:hover, .open > .dropdown-toggle.btn-text, .open > .dropdown-toggle.btn-text.focus, .open > .dropdown-toggle.btn-text:focus, .open > .dropdown-toggle.btn-text:hover {
        color: #505763;
        background-color: transparent;
        border-color: transparent
    }

        .btn-text.active, .btn-text:active, .open > .dropdown-toggle.btn-text {
            background-image: none
        }

        .btn-text.disabled.focus, .btn-text.disabled:focus, .btn-text.disabled:hover, .btn-text[disabled].focus, .btn-text[disabled]:focus, .btn-text[disabled]:hover, fieldset[disabled] .btn-text.focus, fieldset[disabled] .btn-text:focus, fieldset[disabled] .btn-text:hover {
            background-color: transparent;
            border-color: transparent
        }

        .btn-text .badge {
            color: transparent;
            background-color: #505763
        }

        .btn-text.disabled, .btn-text:disabled, .btn-text[disabled], fieldset[disabled] .btn-text {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #a1a7b3 !important;
            opacity: 1
        }

.btn-lg {
    padding: 16px 12px
}

.btn-lg, .btn-sm {
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-sm {
    padding: 6px 10px
}

.btn-xs {
    padding: 2px 8px;
    font-size: 13px;
    line-height: 1.35135;
    border-radius: 2px
}

button.unstyled {
    border: none;
    background-color: transparent;
    outline-style: none;
    text-align: left
}

a.unstyled {
    color: inherit;
    text-decoration: initial
}

[ng-click] {
    cursor: pointer
}

    [ng-click].disabled, [ng-click]:disabled {
        cursor: not-allowed
    }

.pen {
    pointer-events: none
}

.icon-btn {
    font-size: 10px;
    padding: 10px 15px;
    background: #f2f3f5;
    color: #505763
}

    .icon-btn:active, .icon-btn:focus, .icon-btn:hover {
        opacity: .8
    }

.eu-cookie-message--eu-cookie-message--2x6-B {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #e6f2f5;
    bottom: 0;
    color: #29303b;
    min-height: 50px;
    padding: 12px;
    position: relative;
    width: 100%
}

    .eu-cookie-message--eu-cookie-message--2x6-B .eu-cookie-message--eu-cookie-message__content--1ejLg {
        flex: 1 1 auto;
        min-width: 1px;
        font-size: 13px
    }

    .eu-cookie-message--eu-cookie-message--2x6-B .eu-cookie-message--eu-cookie-message__cta--n9_pl {
        margin-top: 12px
    }

    .eu-cookie-message--eu-cookie-message--2x6-B .eu-cookie-message--eu-cookie-message__link--1bqdp {
        color: #29303b;
        font-weight: 500;
        text-decoration: underline
    }

    .eu-cookie-message--eu-cookie-message--2x6-B .eu-cookie-message--eu-cookie-message__text--O9yDC {
        color: #29303b;
        margin-right: 5px
    }

@media (min-width:768px) {
    .eu-cookie-message--eu-cookie-message--2x6-B {
        flex-direction: row;
        padding: 12px 18px;
        justify-content: center
    }

        .eu-cookie-message--eu-cookie-message--2x6-B .eu-cookie-message--eu-cookie-message__cta--n9_pl {
            margin: 0;
            margin-left: 18px
        }

        .eu-cookie-message--eu-cookie-message--2x6-B .eu-cookie-message--eu-cookie-message__content--1ejLg {
            flex: 0 1 auto;
            font-size: 14px
        }
}

.modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {
    content: " ";
    display: table
}

.modal-footer:after, .modal-header:after {
    clear: both
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.43
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 400px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.modal[ng-click] {
    cursor: default
}

.modal.modal--scroll-overflow .modal-body {
    max-height: 434px;
    overflow-y: scroll;
    border-bottom: 1px solid #e8e9eb
}

.modal .modal-dialog {
    cursor: default;
    margin: 10vh auto;
    transform: translate(0) !important;
    min-width: 300px
}

.modal .modal-backdrop.in {
    opacity: .7;
    background-color: #fff
}

.modal .modal-content {
    border-radius: 6px;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
    border: none
}

.modal .modal-header {
    padding: 24px;
    border-bottom: 1px solid #e8e9eb
}

.modal .modal-title {
    font-size: 18px;
    padding-right: 48px
}

.modal .close {
    color: #686f7a;
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    position: relative;
    z-index: 3;
    padding: 0 8px;
    right: -8px;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: -8px
}

.modal .modal-body {
    padding: 24px
}

.modal .modal-footer {
    padding: 24px;
    border: none
}

.modal .modal-footer--inner {
    float: right
}

.modal .form-actions {
    margin-top: 24px;
    text-align: right
}

@media (max-width:767px) {
    .modal {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .modal .modal-dialog {
            width: 100%;
            margin: 0 auto
        }

        .modal .modal-md .modal-content, .modal .modal-sm .modal-content {
            width: 100%
        }

        .modal .modal-content {
            border-radius: 0
        }

        .modal .modal-content-wrapper {
            width: auto
        }
}

.modal--static {
    position: static;
    display: block;
    overflow: visible
}

.modal-open .modal--static {
    overflow-x: visible;
    overflow-y: visible
}

.modal-backdrop {
    background: rgba(41,48,59,.8);
    opacity: 1 !important;
    transition: none !important
}

    .modal-backdrop .modal-open {
        overflow-y: auto
    }

.generic-modal {
    background-color: transparent !important
}

    .generic-modal .close {
        position: absolute;
        right: 24px;
        top: 24px
    }

    .generic-modal.modal--has-header .close {
        right: 24px;
        top: 24px
    }

    .generic-modal.modal--has-header .modal-title {
        margin-right: 16px
    }

    .generic-modal .modal-content {
        flex: 0 1 auto;
        min-width: 1px;
        min-width: 300px;
        position: relative
    }

    .generic-modal .modal-dialog {
        display: flex;
        justify-content: center;
        max-width: 100%;
        width: 100%
    }

@media (max-width:767px) {
    .generic-modal .modal-dialog {
        height: 100%;
        overflow: auto
    }

    .generic-modal .modal-content {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%
    }

    .generic-modal .modal-content-wrapper {
        width: auto
    }
}

.modal.fade {
    background-color: rgba(41,48,59,.2)
}

.modal-sm .modal-content, .modal-wrapper-sm {
    width: 400px
}

.modal-md .modal-content, .modal-wrapper-md {
    width: 600px
}

.modal-lg .modal-content, .modal-wrapper-lg {
    width: 900px;
    max-width: 100%
}

.modal-content-wrapper {
    margin: 24px auto;
    max-width: 100%
}

.modal .modal-content-wrapper {
    margin: 0
}

.mobile-no-scroll {
    height: 100vh;
    overflow: hidden;
    position: relative
}

    .mobile-no-scroll body {
        height: 100%
    }

    .mobile-no-scroll .generic-modal, .mobile-no-scroll .modal-backdrop {
        position: absolute
    }

.legal-message--legal-message--2ychi {
    left: 10px;
    max-width: 400px;
    margin-bottom: 8px;
    padding: 15px;
    position: relative;
    background: #29303b;
    color: #f2f3f5
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu-link, .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.43;
        color: #505763;
        white-space: nowrap
    }

        .dropdown-menu-link:focus, .dropdown-menu-link:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            text-decoration: none;
            color: #454b55;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #007791
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #686f7a
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 13px;
    line-height: 1.43;
    color: #686f7a;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.dropdown-header {
    color: #505763;
    font-size: 15px;
    padding: 5px 12px
}

.dropdown.btn-group-primary .btn-primary, .dropup.btn-group-primary .btn-primary {
    border-right-color: rgba(41,48,59,.1) !important;
    border-left-color: rgba(41,48,59,.1) !important
}

    .dropdown.btn-group-primary .btn-primary:first-of-type, .dropup.btn-group-primary .btn-primary:first-of-type {
        border-left-color: transparent !important
    }

    .dropdown.btn-group-primary .btn-primary:last-of-type, .dropup.btn-group-primary .btn-primary:last-of-type {
        border-right-color: transparent !important
    }

.dropdown.btn-group-secondary .btn-secondary, .dropup.btn-group-secondary .btn-secondary {
    border-right-color: rgba(41,48,59,.1) !important;
    border-left-color: rgba(41,48,59,.1) !important
}

    .dropdown.btn-group-secondary .btn-secondary:first-of-type, .dropup.btn-group-secondary .btn-secondary:first-of-type {
        border-left-color: transparent !important
    }

    .dropdown.btn-group-secondary .btn-secondary:last-of-type, .dropup.btn-group-secondary .btn-secondary:last-of-type {
        border-right-color: transparent !important
    }

.dropdown .dropdown-menu, .dropup .dropdown-menu {
    max-width: calc(100vw - 30px)
}

    .dropdown .dropdown-menu:after, .dropdown .dropdown-menu:before, .dropup .dropdown-menu:after, .dropup .dropdown-menu:before {
        content: none !important
    }

    .dropdown .dropdown-menu.dropdown-menu-right, .dropup .dropdown-menu.dropdown-menu-right {
        left: auto;
        right: 2px
    }

    .dropdown .dropdown-menu.dropdown-menu-bottom, .dropup .dropdown-menu.dropdown-menu-bottom {
        left: auto;
        top: auto;
        right: 2px;
        bottom: 100%
    }

    .dropdown .dropdown-menu-link, .dropdown .dropdown-menu > li > a, .dropup .dropdown-menu-link, .dropup .dropdown-menu > li > a {
        color: #505763;
        padding: 5px 12px
    }

        .dropdown .dropdown-menu-link:hover, .dropdown .dropdown-menu > li > a:hover, .dropup .dropdown-menu-link:hover, .dropup .dropdown-menu > li > a:hover {
            background-color: #f2f3f5
        }

    .dropdown .dropdown-menu > .active > a, .dropdown .dropdown-menu > .active > a:focus, .dropdown .dropdown-menu > .active > a:hover, .dropup .dropdown-menu > .active > a, .dropup .dropdown-menu > .active > a:focus, .dropup .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #007791
    }

.dropdown--open-on-hover .dropdown-menu {
    margin: 0
}

.dropdown--open-on-hover.dropdown--desktop:hover .dropdown-menu {
    display: block
}

.dropdown-menu {
    box-shadow: 0 4px 16px rgba(20,23,28,.25);
    border: none
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after {
    clear: both
}

.btn-group-lg > .btn {
    font-size: 19px;
    line-height: 1.573
}

.btn-group-sm > .btn {
    font-size: 13px;
    line-height: 1.287
}

.btn-group-xs > .btn {
    line-height: 1.287
}

.btn-group-lg > .btn {
    padding: 16px 12px
}

.btn-group-lg > .btn, .btn-group-sm > .btn {
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-group-sm > .btn {
    padding: 6px 10px
}

.btn-group-xs > .btn {
    padding: 2px 8px;
    font-size: 13px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto
        }

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.dropup .dropdown-toggle .dropdown-caret {
    transform: rotate(180deg);
    display: inline-block
}

.styles--dropdown__footer--2q66h {
    background: #f2f3f5;
    display: inline-block;
    padding: 20px;
    width: 100%
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1.43;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #ec5252;
    border-radius: 15px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #007791;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.badge {
    padding: 2px 6px;
    font-size: 10px;
    background-clip: padding-box;
    min-width: 22px;
    border: 2px solid #fff;
    z-index: 1;
    text-shadow: none;
    vertical-align: text-top
}

    .badge.badge-lg {
        border-radius: 17px;
        font-size: 13px;
        padding: 4px 10px;
        vertical-align: baseline
    }

    .badge.badge-accented {
        border-radius: 3px;
        font-size: 9px;
        padding: 1px 8px;
        background: #14171c;
        border: none;
        color: #fff;
        min-width: inherit;
        display: inline-block;
        font-weight: 700;
        line-height: 1.5;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        top: -3px;
        z-index: 2;
        vertical-align: baseline
    }

        .badge.badge-accented:after {
            border-radius: 3px;
            right: -4px;
            background: inherit;
            content: "";
            height: 11px;
            position: absolute;
            top: 2px;
            transform: rotate(45deg);
            width: 11px;
            z-index: 1;
            display: block
        }

        .badge.badge-accented.on-course-card {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
            pointer-events: none;
            position: absolute;
            top: 12px;
            z-index: 1
        }

        .badge.badge-accented.badge-lg {
            border-radius: 4px;
            font-size: 12px;
            padding: 6px 15px;
            top: 0;
            text-transform: capitalize;
            line-height: 1
        }

            .badge.badge-accented.badge-lg:after {
                border-radius: 6px;
                right: -6px;
                width: 20px;
                height: 20px
            }

        .badge.badge-accented.black {
            background: #14171c;
            color: #fff
        }

        .badge.badge-accented.coral {
            background: #ec5252;
            color: #fff
        }

        .badge.badge-accented.green {
            background: #46c28e;
            color: #fff
        }

        .badge.badge-accented.orange {
            background: #f59c49;
            color: #29303b
        }

        .badge.badge-accented.purple {
            background: #853c6c;
            color: #fff
        }

        .badge.badge-accented.teal {
            background: #007791;
            color: #fff
        }

        .badge.badge-accented.yellow {
            background: #f4c150;
            color: #29303b
        }

.badge-hover .context-info {
    visibility: hidden;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.badge-hover:hover .context-info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.badge-with-context {
    display: inline-block;
    position: relative;
    top: 3px
}

    .badge-with-context .badge {
        top: 0
    }

        .badge-with-context .badge.badge-accented {
            float: left;
            margin: 0 10px 0 0
        }

    .badge-with-context .context-info {
        margin-left: 5px;
        margin-top: 0
    }

.context-info {
    color: #686f7a;
    display: block;
    font-size: 11px;
    overflow: auto;
    margin-top: 5px
}

    .context-info a {
        color: #007791;
        letter-spacing: -.2px
    }

.styles--dropdown-message--3l1Qo {
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    justify-content: center;
    padding: 10px;
    width: 100%
}

    .styles--dropdown-message--3l1Qo.styles--dropdown-message--purple---U3Mq {
        background: #6e1a52
    }

    .styles--dropdown-message--3l1Qo .styles--dropdown-message__title--1nzUj {
        font-weight: 700;
        margin: 5px
    }

    .styles--dropdown-message--3l1Qo .styles--dropdown-message__subtitle--2450e {
        margin: 5px
    }

@media (min-width:768px) {
    .styles--dropdown-message--3l1Qo {
        flex-direction: row;
        font-size: 15px;
        padding: 20px
    }
}

.styles--dropdown-message--3l1Qo .styles--close-button--2evE- {
    color: #fff
}

    .styles--dropdown-message--3l1Qo .styles--close-button--2evE-:hover {
        background: #6e1a52
    }

.styles--cart-message--3C7do {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    justify-content: center;
    padding: 10px;
    width: 100%
}

    .styles--cart-message--3C7do.styles--cart-message--purple--1SiU0 {
        background: #6e1a52
    }

    .styles--cart-message--3C7do .styles--cart-message__title--2_pOg {
        font-weight: 700;
        margin: 5px
    }

    .styles--cart-message--3C7do .styles--cart-message__subtitle--2eyzu {
        margin: 5px
    }

@media (min-width:768px) {
    .styles--cart-message--3C7do {
        flex-direction: row;
        font-size: 15px;
        padding: 20px
    }
}

.price-text--base-price__container--35GKL {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .price-text--base-price__container--35GKL.price-text--center--2IpA9 {
        justify-content: center
    }

    .price-text--base-price__container--35GKL.price-text--left--3RXq7 {
        justify-content: flex-start
    }

    .price-text--base-price__container--35GKL.price-text--right--1RoSd {
        justify-content: flex-end
    }

    .price-text--base-price__container--35GKL.price-text--reverse--2drJ_ {
        flex-direction: row-reverse
    }

@media (min-width:768px) {
    .price-text--base-price__container--35GKL.price-text--vertical--1VeWi {
        flex-direction: column
    }

        .price-text--base-price__container--35GKL.price-text--vertical--1VeWi .price-text--base-price__discount--1HLbY, .price-text--base-price__container--35GKL.price-text--vertical--1VeWi .price-text--base-price__original--3rvRm {
            margin-right: 0
        }
}

@media (min-width:768px) {
    .price-text--base-price__container--35GKL.price-text--vertical--1VeWi.price-text--left--3RXq7 {
        align-items: flex-start
    }
}

.price-text--base-price__container--35GKL.price-text--vertical--1VeWi.price-text--reverse--2drJ_ {
    align-items: flex-end
}

@media (min-width:768px) {
    .price-text--base-price__container--35GKL.price-text--vertical--1VeWi.price-text--right--1RoSd {
        align-items: flex-end
    }
}

.price-text--base-price__container--35GKL .price-text--base-price__discount--1HLbY {
    margin-right: 10px;
    white-space: nowrap
}

.price-text--base-price__container--35GKL .price-text--base-price__discount--no-margin--3o7do {
    margin-right: 0
}

.price-text--base-price__container--35GKL .price-text--base-price__original--3rvRm {
    margin-right: 10px
}

.price-text--base-price__container--35GKL .price-text--base-price__original--no-margin--2UAcX {
    margin-right: 0
}

.price-text--base-price__container--35GKL .price-text--base-price__total-label--1Tr6N {
    margin-right: 10px
}

.price-text--black--W3rKx {
    color: #29303b
}

.price-text--bold--UNBNv {
    font-weight: 700
}

.price-text--small--3WBs_ {
    font-size: 15px
}

.price-text--large--rmYet {
    font-size: 20px
}

.price-text--light--3WMN7 {
    color: #505763
}

.price-text--lighter--3YmTb {
    color: #686f7a
}

.price-text--lightest--3I3Hn {
    color: #a1a7b3
}

.price-text--medium--5MLeb {
    font-size: 18px
}

.price-text--strike--1isr8 {
    text-decoration: line-through
}

.price-text--primary--1yaFJ {
    color: #ec5252
}

.price-text--regular--37RDc {
    font-weight: 400
}

.price-text--semibold--GtLXu {
    font-weight: 600
}

.price-text--xlarge--2csTD {
    font-size: 36px
}

.price-text--xsmall--28sLX {
    font-size: 13px
}

.styles--sc-checkout-box__amount--3lFNF {
    min-width: 65px;
    padding-left: 10px
}

.styles--sc-checkout-box__credits-total--BjHdQ {
    margin-bottom: 10px
}

.styles--sc-checkout-box__details--1a6cy {
    font-size: 13px;
    text-align: right;
    width: 100%;
    white-space: nowrap
}

.styles--sc-checkout-box__label--UrQyL {
    vertical-align: middle;
    width: 100%
}

.styles--sc-checkout-box__label--shrink--2VSVm {
    width: auto
}

.styles--sc-checkout-box__title--2_n9O {
    display: block;
    margin: 0 0 20px
}

.styles--sc-checkout-box__total-price--3u3TW {
    color: #ec5252;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0
}

.styles--sc-checkout-box__total-price--black--2yAVd {
    color: #29303b !important
}

.styles--sc-checkout-box__total--346Yo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0;
    font-size: 15px
}

    .styles--sc-checkout-box__total--346Yo .styles--sc-checkout-box__discount--38tXM {
        display: flex;
        color: #686f7a
    }

    .styles--sc-checkout-box__total--346Yo .styles--sc-checkout-box__discount-percentage--Hg8Bw {
        margin-left: 10px;
        white-space: nowrap
    }

    .styles--sc-checkout-box__total--346Yo .styles--sc-checkout-box__total-price--3u3TW {
        font-size: 25px;
        margin-right: 10px;
        padding: 0
    }

    .styles--sc-checkout-box__total--346Yo .styles--sc-checkout-box__total-label--m6kj4 {
        color: #686f7a;
        font-size: 18px;
        margin-right: 10px
    }

@media screen and (min-width:768px) {
    .styles--sc-checkout-box__total--cartPage--2quEj {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start
    }

        .styles--sc-checkout-box__total--cartPage--2quEj .styles--sc-checkout-box__total-price--3u3TW {
            color: #ec5252;
            font-size: 36px;
            font-weight: 600;
            line-height: 49px;
            margin: 0
        }
}

.styles--sc-checkout-box__total--dropdown--WgAqQ .styles--sc-checkout-box__discount--38tXM {
    font-size: 13px
}

.styles--sc-checkout-box__total--dropdown--WgAqQ .styles--sc-checkout-box__total-label--m6kj4 {
    flex: 1 0 auto;
    font-size: 15px
}

.styles--sc-checkout-box__total--dropdown--WgAqQ .styles--sc-checkout-box__total-price--3u3TW {
    font-size: 18px;
    font-weight: 600
}

.styles--sc-shopping-list__items--h-1Zf {
    -webkit-box-shadow: 0 0 2px #dedfe0;
    box-shadow: 0 0 2px #dedfe0;
    margin-bottom: 10px
}

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card--3imwn {
        display: flex;
        justify-content: space-between;
        padding: 10px 10px 30px;
        position: relative
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__action--1kP0W {
        flex: 0 1 auto;
        min-width: 1px;
        margin-right: 20px
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__actions--3C_uV {
        display: flex;
        justify-content: flex-start;
        font-size: 11px;
        width: 100%;
        line-height: 1;
        position: absolute;
        left: 10px;
        top: 117.5px
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__column-wrapper--1pCwq {
        flex: 1 1;
        min-width: 1px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-height: 100px
    }

        .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__column-wrapper--1pCwq > * {
            display: inline-block;
            flex: 0 1 auto;
            min-width: 1px
        }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__image--2xyJE {
        display: flex
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__image--sm--WZWal {
        display: inline-block
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__image--lg--J8lG8 {
        display: none
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__instructors--DCi03 {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        color: #686f7a
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__prices--1-_t8 {
        display: flex;
        flex: 0 1 auto;
        min-width: 1px
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__thumbnail--1rTuN {
        flex: 0 1 auto;
        min-width: 1px;
        margin-right: 10px
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__title--L-qWv {
        display: block !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        color: #29303b;
        line-height: 1.2;
        font-weight: 700;
        max-height: 55px
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__coupon--3BPbe {
        color: #686f7a;
        display: inline-block
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__coupon--latest--3p_28 {
        color: #ec5252
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__list-price--35l-5 {
        text-decoration: line-through;
        color: #686f7a
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__purchase-price--_VyIE {
        font-weight: 900
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__purchase-price--black--2gkcH {
        color: #29303b
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-card__purchase-price--latest-coupon--V00et {
        color: #ec5252
    }

    .styles--sc-shopping-list__items--h-1Zf .styles--sc-shopping-list__item--26SKJ {
        border-top: 1px solid #dedfe0;
        max-height: 300px;
        overflow: hidden
    }

        .styles--sc-shopping-list__items--h-1Zf .styles--sc-shopping-list__item--26SKJ.styles--ng-enter--pflIe {
            max-height: 0
        }

        .styles--sc-shopping-list__items--h-1Zf .styles--sc-shopping-list__item--26SKJ:first-child {
            border-top: none
        }

@media only screen and (min-width:992px) {
    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card--3imwn {
        padding: 10px 80px 10px 10px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__actions--3C_uV {
        display: flex;
        flex: 0 1 auto;
        min-width: 1px;
        flex-direction: column;
        line-height: 1.6;
        position: static;
        text-align: right;
        width: auto
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__description--f8sZo {
        padding-right: 10px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__image--2xyJE {
        height: auto;
        max-width: 130px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__image--sm--WZWal {
        display: none
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__image--lg--J8lG8 {
        display: inline-block
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__instructors--DCi03 {
        display: block !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        max-height: 36px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__prices--1-_t8 {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        position: absolute;
        padding-right: 20px;
        right: 10px;
        text-align: right;
        top: 10px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__thumbnail--1rTuN {
        height: 70px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__title--L-qWv {
        display: block !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        margin-bottom: 0;
        max-height: 37px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__coupon--3BPbe {
        position: absolute;
        right: 0;
        top: 2px
    }
}

@media only screen and (min-width:992px) {
    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card--3imwn {
        padding-right: 115px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--cart-page--33suQ .styles--sc-card__actions--3C_uV {
        font-size: 13px
    }
}

.styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    max-height: 260px;
    overflow-y: auto
}

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card--3imwn {
        padding: 0 0 10px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card__column-wrapper--1pCwq {
        cursor: pointer
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card__image--sm--WZWal {
        width: 60px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card__title--L-qWv {
        color: #505763;
        font-size: 13px;
        font-weight: 600;
        height: 17px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
        -ms-line-clamp: 1;
        -o-line-clamp: 1;
        line-clamp: 1;
        display: block !important
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card__instructors--DCi03 {
        display: block !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        color: #686f7a;
        font-size: 13px;
        max-height: 36px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-shopping-list__item--26SKJ {
        border: 0;
        padding: 23px 23px 10px;
        display: block
    }

        .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-shopping-list__item--26SKJ:hover {
            background: #f2f3f5
        }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card__purchase-price--_VyIE {
        color: #ec5252;
        font-size: 18px;
        font-weight: 600;
        margin-right: 5px
    }

    .styles--sc-shopping-list__items--h-1Zf.styles--sc-shopping-list__items--dropdown--eop-D .styles--sc-card__coupon--3BPbe {
        display: none
    }

.styles--sc-shopping-list--empty--1isYv {
    -webkit-box-shadow: 0 0 2px #dedfe0;
    box-shadow: 0 0 2px #dedfe0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 300px;
    margin-bottom: 30px;
    padding: 10px;
    text-align: center
}

.styles--sc-shopping-list__empty-icon--3Qz3v {
    margin-bottom: 20px;
    font-size: 120px;
    color: #e8e9eb
}

.styles--sc-shopping-list__empty-text--8Sa79 {
    color: #686f7a
}

.styles--sc-dropdown__empty-message--24wbn {
    border-top: none;
    text-align: center;
    padding: 20px
}

.styles--sc-dropdown__to-more--o3k3O {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 13px
}

    .styles--sc-dropdown__to-more--o3k3O .styles--udi-next--3B5HT {
        position: relative;
        font-size: 12px;
        top: 1px;
        left: 0;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .styles--sc-dropdown__to-more--o3k3O:hover {
        color: #004d5e
    }

        .styles--sc-dropdown__to-more--o3k3O:hover .styles--udi-next--3B5HT {
            left: 5px
        }

.user-avatar {
    display: inline-block;
    position: relative;
    width: 40px;
    font-size: 13px;
    max-width: 100%
}

    .user-avatar:after {
        content: "";
        display: block;
        /*padding-bottom: 100%*/
    }

    .user-avatar .user-avatar__img {
        width: 64px;
        height: 64px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

.user-avatar--initials {
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    color: #686f7a;
    font-size: 15px
}

    .user-avatar--initials .user-initials {
        color: inherit
    }

.user-avatar__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.43;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 500px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #29303b;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #29303b
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #29303b
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #29303b
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #29303b
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #29303b
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #29303b
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #29303b
}

.tooltip {
    font-weight: 400;
    font-size: 13px
}

    .tooltip.alignment-left .tooltip-arrow {
        bottom: 0;
        right: auto;
        left: 18px
    }

    .tooltip.alignment-right .tooltip-arrow {
        bottom: 0;
        right: 18px;
        left: auto;
        margin-right: -5px
    }

    .tooltip.alignment-top .tooltip-arrow {
        top: 18px
    }

    .tooltip.alignment-bottom .tooltip-arrow {
        top: auto;
        bottom: 18px;
        margin-bottom: -5px
    }

    .tooltip .tooltip-inner {
        border-radius: 0;
        display: block;
        text-align: left;
        padding: 16px;
        box-shadow: 0 4px 16px rgba(20,23,28,.25)
    }

    .tooltip:not(.with-chevron) .tooltip-arrow {
        display: none
    }

    .tooltip .close-button {
        position: absolute;
        right: 16px;
        top: 16px;
        margin-top: 0;
        border-width: 0
    }

    .tooltip.bottom .tooltip-inner .close-button, .tooltip.top .tooltip-inner .close-button {
        top: 20px;
        right: 10px
    }

    .tooltip .content-with-close-btn {
        margin-right: 32px
    }

.tooltip-neutral {
    background-color: #fff;
    color: #29303b;
    border: 1px solid #dedfe0
}

    .tooltip-neutral.bottom, .tooltip-neutral.left, .tooltip-neutral.right, .tooltip-neutral.top {
        padding: 0
    }

    .tooltip-neutral .tooltip-arrow {
        display: none
    }

    .tooltip-neutral .tooltip-inner {
        background-color: #fff;
        color: inherit
    }

    .tooltip-neutral.with-chevron .tooltip-arrow {
        display: inline
    }

    .tooltip-neutral.with-chevron.top {
        margin-bottom: 5px
    }

        .tooltip-neutral.with-chevron.top .tooltip-arrow {
            border-top-color: #fff
        }

            .tooltip-neutral.with-chevron.top .tooltip-arrow:after, .tooltip-neutral.with-chevron.top .tooltip-arrow:before {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                margin-left: -7px
            }

            .tooltip-neutral.with-chevron.top .tooltip-arrow:before {
                border-top: 6px solid #dedfe0
            }

            .tooltip-neutral.with-chevron.top .tooltip-arrow:after {
                border-top: 7px solid #fff;
                margin-top: -2px
            }

        .tooltip-neutral.with-chevron.top .tooltip-inner .close-button {
            top: 15px
        }

    .tooltip-neutral.with-chevron.right {
        margin-left: 7px
    }

        .tooltip-neutral.with-chevron.right .tooltip-arrow {
            border-right-color: #fff
        }

            .tooltip-neutral.with-chevron.right .tooltip-arrow:after, .tooltip-neutral.with-chevron.right .tooltip-arrow:before {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                margin-left: -6px;
                margin-top: -7px
            }

            .tooltip-neutral.with-chevron.right .tooltip-arrow:before {
                border-right: 6px solid #dedfe0
            }

            .tooltip-neutral.with-chevron.right .tooltip-arrow:after {
                border-right: 7px solid #fff;
                margin-left: -5px
            }

        .tooltip-neutral.with-chevron.right .tooltip-inner .close-button {
            right: 5px
        }

    .tooltip-neutral.with-chevron.bottom {
        margin-top: 7px
    }

        .tooltip-neutral.with-chevron.bottom .tooltip-arrow {
            border-bottom-color: #fff;
            top: 2px
        }

            .tooltip-neutral.with-chevron.bottom .tooltip-arrow:after, .tooltip-neutral.with-chevron.bottom .tooltip-arrow:before {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                margin-left: -7px
            }

            .tooltip-neutral.with-chevron.bottom .tooltip-arrow:before {
                border-bottom: 6px solid #dedfe0;
                margin-bottom: 2px
            }

            .tooltip-neutral.with-chevron.bottom .tooltip-arrow:after {
                border-bottom: 7px solid #fff
            }

        .tooltip-neutral.with-chevron.bottom .tooltip-inner .close-button {
            top: 15px
        }

    .tooltip-neutral.with-chevron.left {
        margin-right: 5px
    }

        .tooltip-neutral.with-chevron.left .tooltip-arrow {
            border-left-color: #fff
        }

            .tooltip-neutral.with-chevron.left .tooltip-arrow:after, .tooltip-neutral.with-chevron.left .tooltip-arrow:before {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                margin-right: -7px;
                margin-top: -7px
            }

            .tooltip-neutral.with-chevron.left .tooltip-arrow:before {
                border-left: 6px solid #dedfe0
            }

            .tooltip-neutral.with-chevron.left .tooltip-arrow:after {
                border-left: 7px solid #fff;
                margin-left: -2px
            }

        .tooltip-neutral.with-chevron.left .tooltip-inner .close-button {
            right: 5px
        }

    .tooltip-neutral.right .tooltip-inner .close-button {
        right: 2px
    }

    .tooltip-neutral.top .tooltip-inner .close-button {
        top: 12px;
        margin-right: 0
    }

    .tooltip-neutral.left .tooltip-inner .close-button {
        right: 1px
    }

    .tooltip-neutral.bottom .tooltip-inner .close-button {
        top: 11px
    }

    .tooltip-neutral .udi-close {
        color: #505763;
        cursor: pointer
    }

.tooltip-blue {
    color: #fff
}

    .tooltip-blue.top-left .tooltip-arrow, .tooltip-blue.top-right .tooltip-arrow, .tooltip-blue.top .tooltip-arrow {
        border-top-color: #007791
    }

    .tooltip-blue.right .tooltip-arrow {
        border-right-color: #007791
    }

    .tooltip-blue.left .tooltip-arrow {
        border-left-color: #007791
    }

    .tooltip-blue.bottom-left .tooltip-arrow, .tooltip-blue.bottom-right .tooltip-arrow, .tooltip-blue.bottom .tooltip-arrow {
        border-bottom-color: #007791
    }

    .tooltip-blue .tooltip-inner {
        background-color: #007791;
        color: inherit
    }

.tooltip-green {
    color: #29303b
}

    .tooltip-green.top-left .tooltip-arrow, .tooltip-green.top-right .tooltip-arrow, .tooltip-green.top .tooltip-arrow {
        border-top-color: #85edc2
    }

    .tooltip-green.right .tooltip-arrow {
        border-right-color: #85edc2
    }

    .tooltip-green.left .tooltip-arrow {
        border-left-color: #85edc2
    }

    .tooltip-green.bottom-left .tooltip-arrow, .tooltip-green.bottom-right .tooltip-arrow, .tooltip-green.bottom .tooltip-arrow {
        border-bottom-color: #85edc2
    }

    .tooltip-green .tooltip-inner {
        background-color: #85edc2;
        color: inherit
    }

    .tooltip-green .udi-close {
        color: #29303b;
        cursor: pointer
    }

.tooltip-container {
    display: inline-block;
    position: relative
}

    .tooltip-container .tooltip {
        display: block;
        opacity: 0;
        position: absolute;
        visibility: hidden;
        z-index: -1;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

        .tooltip-container .tooltip.top {
            bottom: calc(100% + 3px);
            left: 50%;
            transform: translateX(-50%)
        }

        .tooltip-container .tooltip.right {
            top: 50%;
            transform: translateY(-50%);
            left: 100%
        }

        .tooltip-container .tooltip.bottom {
            top: 100%;
            left: 50%;
            transform: translateX(-50%)
        }

        .tooltip-container .tooltip.left {
            top: 50%;
            transform: translateY(-50%);
            right: calc(100% + 3px)
        }

    .tooltip-container .tooltip-inner {
        max-width: none;
        white-space: nowrap
    }

    .dismissable-tooltip-container .tooltip, .tooltip-container:hover .tooltip {
        opacity: 1;
        visibility: visible;
        z-index: 3
    }

.highcharts-tooltip > span {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 4px 16px rgba(20,23,28,.25);
    padding: 3px 8px
}

.styles--add-to-cart__button--3EPNS {
    width: 100%
}

.styles--add-to-cart__notification--vDZFC {
    font-size: 13px
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f2f3f5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #007791;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #46c28e
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-info {
    background-color: #007791
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-warning {
    background-color: #f59c49
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-danger {
    background-color: #ec5252
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress {
    height: 34px
}

    .progress .progress-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px
    }

.progress-inline {
    margin-bottom: 0
}

.progress-sm {
    height: 23px
}

    .progress-sm .progress-bar {
        font-size: 13px
    }

.progress-bias .progress-bar {
    position: relative
}

.progress-bias .bias-label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1
}

.progress-bias--low .bias-label {
    color: #29303b;
    left: 100%;
    margin-left: 10px
}

.progress-bias--high .bias-label {
    right: 0;
    margin-right: 10px
}

.progress-xs {
    border-radius: 6px;
    height: 6px;
    background-color: #dedfe0
}

    .progress-xs .progress-bar {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px
    }

.progress-bar-default--white {
    background-color: #fff
}

.progress-striped .progress-bar-default--white {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-default--white {
    background-color: #686f7a
}

.nav:after, .nav:before {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

    .nav > li, .nav > li > a {
        position: relative;
        display: block
    }

        .nav > li > a {
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #e8e9eb
            }

        .nav > li.disabled > a {
            color: #686f7a
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #686f7a;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #e8e9eb;
        border-color: #007791
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.43;
            border: 1px solid transparent;
            border-radius: 2px 2px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #e8e9eb #e8e9eb #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #505763;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 2px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 2px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #007791
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 2px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-collapse .nav-collapse__toggle {
    display: none
}

.nav-collapse .nav-collapse__toggle-btn {
    display: none;
    padding: 5px 10px;
    cursor: pointer;
    margin: 5px
}

.nav-collapse .nav-collapse__title {
    display: none;
    font-weight: 600;
    margin-right: 15px
}

@media (max-width:991px) {
    .nav-collapse .nav-collapse__toggle:checked ~ .nav, .nav-collapse .nav-collapse__toggle:checked ~ .nav-container {
        display: block
    }

    .nav-collapse .nav-collapse__toggle:checked ~ .nav-collapse__toggle-btn {
        background-color: rgba(41,48,59,.2)
    }

    .nav-collapse .nav-collapse__toggle ~ .nav, .nav-collapse .nav-collapse__toggle ~ .nav-container {
        display: none
    }

    .nav-collapse .nav-collapse__toggle-btn {
        display: inline-block;
        font-size: 20px
    }

        .nav-collapse .nav-collapse__toggle-btn ~ .nav, .nav-collapse .nav-collapse__toggle-btn ~ .nav-container {
            border-top: 1px solid #dedfe0
        }

            .nav-collapse .nav-collapse__toggle-btn ~ .nav-container .sub-nav, .nav-collapse .nav-collapse__toggle-btn ~ .nav .sub-nav {
                float: left;
                margin-top: 10px
            }

    .nav-collapse .nav-collapse__title {
        display: flex;
        align-self: center
    }
}

.nav-container {
    position: relative
}

    .nav-container .nav-fader {
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
        height: 100%;
        width: 60px;
        position: absolute;
        top: 0;
        right: -15px;
        z-index: 1
    }

.nav-tabs, .nav-tabs.nav-justified {
    padding-top: 7px;
    border: 0
}

    .nav-tabs.nav-justified.nav-tabs-align-left .sub-nav .nav > li, .nav-tabs.nav-justified.nav-tabs-align-left > li, .nav-tabs.nav-tabs-align-left .sub-nav .nav > li, .nav-tabs.nav-tabs-align-left > li {
        padding: 0 60px 0 0
    }

    .nav-tabs.nav-justified .sub-nav .nav > li, .nav-tabs.nav-justified > li, .nav-tabs .sub-nav .nav > li, .nav-tabs > li {
        padding: 0 15px
    }

        .nav-tabs.nav-justified .sub-nav .nav > li.active > a, .nav-tabs.nav-justified .sub-nav .nav > li.active > a:focus, .nav-tabs.nav-justified .sub-nav .nav > li.active > a:hover, .nav-tabs.nav-justified .sub-nav .nav > li.open > a, .nav-tabs.nav-justified .sub-nav .nav > li.open > a:focus, .nav-tabs.nav-justified .sub-nav .nav > li.open > a:hover, .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:focus, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.open > a, .nav-tabs.nav-justified > li.open > a:focus, .nav-tabs.nav-justified > li.open > a:hover, .nav-tabs .sub-nav .nav > li.active > a, .nav-tabs .sub-nav .nav > li.active > a:focus, .nav-tabs .sub-nav .nav > li.active > a:hover, .nav-tabs .sub-nav .nav > li.open > a, .nav-tabs .sub-nav .nav > li.open > a:focus, .nav-tabs .sub-nav .nav > li.open > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li.open > a, .nav-tabs > li.open > a:focus, .nav-tabs > li.open > a:hover {
            color: #29303b;
            background-color: transparent;
            border: 0;
            border-bottom: 6px solid #007791;
            cursor: default
        }

        .nav-tabs.nav-justified .sub-nav .nav > li.disabled, .nav-tabs.nav-justified > li.disabled, .nav-tabs .sub-nav .nav > li.disabled, .nav-tabs > li.disabled {
            cursor: not-allowed
        }

            .nav-tabs.nav-justified .sub-nav .nav > li.disabled > a, .nav-tabs.nav-justified > li.disabled > a, .nav-tabs .sub-nav .nav > li.disabled > a, .nav-tabs > li.disabled > a {
                color: #686f7a
            }

        .nav-tabs.nav-justified .sub-nav .nav > li.sub-nav, .nav-tabs.nav-justified > li.sub-nav, .nav-tabs .sub-nav .nav > li.sub-nav, .nav-tabs > li.sub-nav {
            padding-left: 0
        }

            .nav-tabs.nav-justified .sub-nav .nav > li.sub-nav .sub-nav__title, .nav-tabs.nav-justified > li.sub-nav .sub-nav__title, .nav-tabs .sub-nav .nav > li.sub-nav .sub-nav__title, .nav-tabs > li.sub-nav .sub-nav__title {
                margin: 0 0 10px 30px;
                display: inline-block
            }

        .nav-tabs.nav-justified .sub-nav .nav > li > a, .nav-tabs.nav-justified > li > a, .nav-tabs .sub-nav .nav > li > a, .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: none;
            border-radius: 0;
            padding: 10px 15px;
            color: #505763;
            border-bottom: 6px solid transparent
        }

            .nav-tabs.nav-justified .sub-nav .nav > li > a[tab-heading-transclude], .nav-tabs.nav-justified > li > a[tab-heading-transclude], .nav-tabs .sub-nav .nav > li > a[tab-heading-transclude], .nav-tabs > li > a[tab-heading-transclude] {
                margin-top: -1px
            }

            .nav-tabs.nav-justified .sub-nav .nav > li > a:focus, .nav-tabs.nav-justified > li > a:focus, .nav-tabs .sub-nav .nav > li > a:focus, .nav-tabs > li > a:focus {
                background: none
            }

            .nav-tabs.nav-justified .sub-nav .nav > li > a:hover, .nav-tabs.nav-justified > li > a:hover, .nav-tabs .sub-nav .nav > li > a:hover, .nav-tabs > li > a:hover {
                border-bottom: 6px solid #00576b;
                background: none;
                text-decoration: none
            }

        .nav-tabs.nav-justified .sub-nav .nav > li .dropdown, .nav-tabs.nav-justified > li .dropdown, .nav-tabs .sub-nav .nav > li .dropdown, .nav-tabs > li .dropdown {
            padding: 0;
            color: #505763;
            line-height: 0
        }

            .nav-tabs.nav-justified .sub-nav .nav > li .dropdown .dropdown-menu, .nav-tabs.nav-justified > li .dropdown .dropdown-menu, .nav-tabs .sub-nav .nav > li .dropdown .dropdown-menu, .nav-tabs > li .dropdown .dropdown-menu {
                border: 0;
                left: 0;
                top: 39px
            }

            .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a, .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a:focus, .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a:hover, .nav-tabs.nav-justified > li .dropdown > a, .nav-tabs.nav-justified > li .dropdown > a:focus, .nav-tabs.nav-justified > li .dropdown > a:hover, .nav-tabs .sub-nav .nav > li .dropdown > a, .nav-tabs .sub-nav .nav > li .dropdown > a:focus, .nav-tabs .sub-nav .nav > li .dropdown > a:hover, .nav-tabs > li .dropdown > a, .nav-tabs > li .dropdown > a:focus, .nav-tabs > li .dropdown > a:hover {
                background: none;
                box-shadow: none;
                border: none
            }

                .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a.btn, .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a:focus.btn, .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a:hover.btn, .nav-tabs.nav-justified > li .dropdown > a.btn, .nav-tabs.nav-justified > li .dropdown > a:focus.btn, .nav-tabs.nav-justified > li .dropdown > a:hover.btn, .nav-tabs .sub-nav .nav > li .dropdown > a.btn, .nav-tabs .sub-nav .nav > li .dropdown > a:focus.btn, .nav-tabs .sub-nav .nav > li .dropdown > a:hover.btn, .nav-tabs > li .dropdown > a.btn, .nav-tabs > li .dropdown > a:focus.btn, .nav-tabs > li .dropdown > a:hover.btn {
                    padding: 0;
                    line-height: 1.43;
                    color: #505763
                }

                    .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a.btn i, .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a:focus.btn i, .nav-tabs.nav-justified .sub-nav .nav > li .dropdown > a:hover.btn i, .nav-tabs.nav-justified > li .dropdown > a.btn i, .nav-tabs.nav-justified > li .dropdown > a:focus.btn i, .nav-tabs.nav-justified > li .dropdown > a:hover.btn i, .nav-tabs .sub-nav .nav > li .dropdown > a.btn i, .nav-tabs .sub-nav .nav > li .dropdown > a:focus.btn i, .nav-tabs .sub-nav .nav > li .dropdown > a:hover.btn i, .nav-tabs > li .dropdown > a.btn i, .nav-tabs > li .dropdown > a:focus.btn i, .nav-tabs > li .dropdown > a:hover.btn i {
                        color: #505763
                    }

    .nav-container ~ .tab-content, .nav-tabs.nav-justified ~ .tab-content, .nav-tabs ~ .tab-content {
        border-top: 1px solid rgba(41,48,59,.25);
        padding-top: 20px
    }

.nav-slide:not(.nav-stacked):not(.nav-justified) {
    white-space: nowrap;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    left: -15px;
    padding-left: 15px;
    width: calc(100% + 30px)
}

    .nav-slide:not(.nav-stacked):not(.nav-justified) > li {
        display: inline-block;
        float: none
    }

.nav-tabs.nav-stacked {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

    .nav-tabs.nav-stacked .sub-nav .nav > li, .nav-tabs.nav-stacked > li {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

        .nav-tabs.nav-stacked .sub-nav .nav > li.active, .nav-tabs.nav-stacked > li.active {
            border-left: 5px solid #007791;
            padding-left: 5px
        }

            .nav-tabs.nav-stacked .sub-nav .nav > li.active > a, .nav-tabs.nav-stacked > li.active > a {
                color: #505763
            }

        .nav-tabs.nav-stacked .sub-nav .nav > li.disabled, .nav-tabs.nav-stacked > li.disabled {
            cursor: not-allowed
        }

            .nav-tabs.nav-stacked .sub-nav .nav > li.disabled > a, .nav-tabs.nav-stacked > li.disabled > a {
                color: #a1a7b3
            }

        .nav-tabs.nav-stacked .sub-nav .nav > li.sub-nav, .nav-tabs.nav-stacked > li.sub-nav {
            padding-right: 0;
            border-left: none;
            padding-left: 0
        }

            .nav-tabs.nav-stacked .sub-nav .nav > li.sub-nav:not(:first-of-type), .nav-tabs.nav-stacked > li.sub-nav:not(:first-of-type) {
                margin-top: 45px
            }

            .nav-tabs.nav-stacked .sub-nav .nav > li.sub-nav .sub-nav__title, .nav-tabs.nav-stacked > li.sub-nav .sub-nav__title {
                display: inline-block;
                margin: 0 0 10px 22px;
                font-weight: 600
            }

        .nav-tabs.nav-stacked .sub-nav .nav > li > a, .nav-tabs.nav-stacked > li > a {
            margin-top: 10px;
            color: #505763;
            display: block;
            padding: 2px 20px 5px 14px;
            border-bottom: none !important
        }

            .nav-tabs.nav-stacked .sub-nav .nav > li > a:hover, .nav-tabs.nav-stacked > li > a:hover {
                background: rgba(41,48,59,.2);
                cursor: pointer
            }

@media only screen and (max-width:991px) {
    .nav-tabs.nav-stacked {
        padding-top: 10px;
        padding-bottom: 10px
    }

        .nav-tabs.nav-stacked > li.sub-nav {
            margin-right: 0
        }

            .nav-tabs.nav-stacked .sub-nav .nav > li.sub-nav:not(:first-of-type), .nav-tabs.nav-stacked > li.sub-nav:not(:first-of-type) {
                margin-top: 10px;
                margin-bottom: 20px
            }

        .nav-tabs.nav-stacked ::-moz-selection, .nav-tabs.nav-stacked ::selection {
            background: transparent
        }
}

.nav-tabs.nav-steps .sub-nav .nav > li, .nav-tabs.nav-steps > li {
    padding-top: 0;
    padding-bottom: 0
}

    .nav-tabs.nav-steps .sub-nav .nav > li.with-alert > a:after, .nav-tabs.nav-steps > li.with-alert > a:after {
        content: "";
        position: absolute;
        left: .9em;
        height: .4em;
        width: .4em;
        border-radius: 50%;
        background: #ec5252
    }

    .nav-tabs.nav-steps .sub-nav .nav > li.checked > a:before, .nav-tabs.nav-steps > li.checked > a:before {
        font-family: UdemyIcons;
        content: "\E606";
        border: 1px solid #007791;
        color: #007791;
        background: #fff;
        top: -1px;
        margin-bottom: -.2em
    }

    .nav-tabs.nav-steps .sub-nav .nav > li > a, .nav-tabs.nav-steps > li > a {
        position: relative;
        padding-left: 38px;
        margin-right: 0
    }

        .nav-tabs.nav-steps .sub-nav .nav > li > a:before, .nav-tabs.nav-steps > li > a:before {
            left: -2px;
            display: inline-block;
            content: "";
            position: relative;
            top: 3px;
            border: 1px solid #686f7a;
            margin-right: 5px;
            margin-left: -25px;
            font-size: .6em;
            height: 2em;
            line-height: 2em;
            width: 2em;
            border-radius: 50%;
            color: #dedfe0;
            text-align: center
        }

.overlay-with-pointer {
    cursor: pointer
}

.disabled-button-trigger {
    cursor: not-allowed
}

    .disabled-button-trigger button[disabled] {
        pointer-events: none
    }

.performance-chart--checkbox--3kKT- {
    height: auto;
    margin-top: 2px;
    margin-left: 10px;
    width: 10px;
    position: relative
}

    .performance-chart--checkbox--3kKT-:before {
        position: absolute;
        top: 1px;
        content: "";
        border-radius: 2px;
        width: 14px;
        height: 14px;
        border: 1px solid;
        background-color: #007791;
        border-color: #007791
    }

    .performance-chart--checkbox--3kKT-:after {
        position: relative;
        top: -1px;
        left: 2px;
        font-family: UdemyIcons;
        color: #fff;
        transition: all .2s;
        content: "\F00C";
        font-size: 10px
    }

    .performance-chart--checkbox--3kKT-:not(.performance-chart--checked--1NoNW):before {
        background-color: #fff;
        border-color: #cacbcc;
        transition: all .2s
    }

@media (max-width:991px) {
    .instructor-analytics--route-content--2kUBL {
        margin-top: 30px
    }
}

.instructor-analytics--analytics-title--MiKUm {
    margin-top: 0
}

@media (max-width:1199px) {
    .instructor-analytics--analytics-title--MiKUm {
        margin: 0
    }
}

@media (max-width:991px) {
    .instructor-analytics--scrolling-nav--3cqh0 {
        border-bottom: 1px solid #cacbcc
    }
}

.instructor-analytics--rmt30--3H4We {
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .instructor-analytics--rmt30--3H4We {
        margin-top: 20px
    }
}

.instructor-analytics--rmt50--2iATx {
    margin-top: 50px
}

@media (max-width:1199px) {
    .instructor-analytics--rmt50--2iATx {
        margin-top: 30px
    }
}

@media screen and (max-width:767px) {
    .instructor-analytics--hidden-on-mobile--3QjsI {
        display: none
    }
}

.instructor-analytics--instructor-overview-panel--eQA-8 .panel-body {
    padding: 0
}

.instructor-analytics--instructor-overview-panel--eQA-8 .nav-tabs {
    padding: 0;
    border-bottom: 1px solid #fff
}

.instructor-analytics--instructor-overview-panel--eQA-8 li:hover {
    background: #f2f3f5
}

.instructor-analytics--instructor-overview-panel--eQA-8 .nav-tabs > li > a:hover {
    border-bottom: 6px solid #f2f3f5
}

.instructor-analytics--instructor-overview-panel--eQA-8 .nav-tabs > li.active > a {
    border-bottom: 6px solid #007791
}

.instructor-analytics--instructor-overview-panel--eQA-8 .nav-container ~ .tab-content {
    padding-top: 0
}

.instructor-analytics--instructor-overview-panel--eQA-8 .nav-tabs > li {
    padding: 0
}

    .instructor-analytics--instructor-overview-panel--eQA-8 .nav-tabs > li > a {
        margin: 0;
        padding: 15px 24px 10px
    }

@media (min-width:1200px) {
    .instructor-analytics--instructor-overview-panel--eQA-8 .nav-tabs > li > a {
        padding: 15px 30px 10px
    }
}

@media screen and (min-width:768px) {
    .instructor-analytics--top-dropdown-group--OxumV {
        display: flex
    }

        .instructor-analytics--top-dropdown-group--OxumV .btn-group {
            max-width: calc(25% - 20px);
            margin-left: 20px
        }
}

@media screen and (max-width:767px) {
    .instructor-analytics--top-dropdown-group--OxumV .btn-group {
        display: block
    }

    .instructor-analytics--top-dropdown-group--OxumV .btn, .instructor-analytics--top-dropdown-group--OxumV .dropdown-menu {
        width: 100%
    }

    .instructor-analytics--top-dropdown-group--OxumV .dropdown {
        display: inline-block;
        width: 100%
    }
}

.instructor-analytics--top-dropdown-group--OxumV .dropdown-menu {
    position: absolute;
    overflow-y: auto;
    max-height: 400px
}

@media screen and (min-width:768px) {
    .instructor-analytics--top-dropdown-group--OxumV .dropdown-menu {
        max-width: 500px !important
    }
}

.instructor-analytics--top-dropdown-group--OxumV .instructor-analytics--course-dropdown-container--on2Hp .btn-group {
    min-width: 100%;
    margin-left: 0
}

@media screen and (min-width:768px) {
    .instructor-analytics--top-dropdown-group--OxumV .instructor-analytics--course-dropdown-container--on2Hp {
        max-width: 75%
    }
}

@media screen and (min-width:992px) {
    .instructor-analytics--top-dropdown-group--OxumV .instructor-analytics--second-dropdown--2fcT5 {
        margin-top: 15px
    }
}

@media screen and (min-width:768px) {
    .instructor-analytics--top-dropdown-group--OxumV .instructor-analytics--second-dropdown--2fcT5 {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .instructor-analytics--top-dropdown-group--OxumV .instructor-analytics--second-dropdown--2fcT5 {
        margin-top: 10px
    }
}

.instructor-analytics--dropdown-title--yjkKv {
    display: inline-block !important;
    width: 100%;
    padding-right: 15px
}

@media screen and (min-width:992px) {
    .instructor-analytics--course-dropdown-container--on2Hp {
        margin-top: 15px
    }
}

.instructor-analytics--course-dropdown-container--on2Hp .instructor-analytics--filter-course-dropdown--15j-K {
    max-width: 100%
}

    .instructor-analytics--course-dropdown-container--on2Hp .instructor-analytics--filter-course-dropdown--15j-K .dropdown {
        width: 100%
    }

    .instructor-analytics--course-dropdown-container--on2Hp .instructor-analytics--filter-course-dropdown--15j-K .dropdown-menu {
        position: absolute;
        overflow-y: auto;
        max-height: 400px;
        max-width: 100%
    }

    .instructor-analytics--course-dropdown-container--on2Hp .instructor-analytics--filter-course-dropdown--15j-K .instructor-analytics--dropdown-title--yjkKv {
        display: inline-block;
        width: 100%;
        padding-right: 15px
    }

@media screen and (max-width:767px) {
    .instructor-analytics--course-dropdown-container--on2Hp .instructor-analytics--filter-course-dropdown--15j-K, .instructor-analytics--course-dropdown-container--on2Hp .instructor-analytics--filter-course-dropdown--15j-K .dropdown-menu {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .instructor-analytics--metrics-data--1S3Nx {
        padding-top: 15px;
        padding-left: 15px;
        background-color: #f7f8fa
    }
}

.instructor-analytics--chart--FW_HY {
    padding-top: 10px;
    width: 100%;
    background-color: #f7f8fa;
    min-height: 300px
}

.instructor-analytics--date-filter--1mATk {
    margin-top: 5px;
    margin-right: 30px;
    text-align: right
}

@media screen and (max-width:767px) {
    .instructor-analytics--date-filter--1mATk {
        padding-bottom: 10px;
        margin-left: 15px;
        margin-top: 0;
        text-align: left
    }
}

.instructor-analytics--date-filter-label--1QB4f {
    line-height: 1.43;
    font-size: 13px;
    margin-right: 5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .instructor-analytics--date-filter-label--1QB4f {
        display: none
    }
}

.instructor-analytics--chart-footer--1h4Yp {
    text-align: center;
    width: 100%;
    border-top: 1px solid #cacbcc;
    padding: 5px 0
}

.instructor-analytics--no-data-message--fv4a2 {
    font-size: 15px;
    color: #505763;
    height: 260px;
    width: 100%;
    padding: 10px 30px 0
}

@media screen and (max-width:767px) {
    .instructor-analytics--no-data-message--fv4a2 {
        height: 180px
    }
}

.instructor-analytics--tooltip--2CkFn {
    max-width: 360px
}

@media screen and (max-width:767px) {
    .instructor-analytics--tooltip--2CkFn {
        max-width: 250px
    }
}

.instructor-analytics--disabled--34i9m, .instructor-analytics--tooltip-icon--2_EIZ {
    color: #a1a7b3
}

.instructor-analytics--no-permission--26uFP {
    margin-bottom: 300px
}

.instructor-analytics--tooltipIcon--3x601 {
    color: #686f7a
}

    .instructor-analytics--tooltipIcon--3x601 .instructor-analytics--icon--esU-B {
        color: #a1a7b3
    }

.instructor-analytics--full-width--2JS45 {
    display: block
}

.instructor-analytics--ref-link-domain--3l4wz {
    background-color: #f2f3f5;
    padding: 1px 4px
}

.instructor-analytics--ref-link-panel--35FJN {
    min-height: 250px
}

.instructor-analytics--channel-column--237x0 {
    color: #505763
}

.instructor-analytics--ref-link-path--3moy2 {
    word-wrap: break-word
}

.instructor-analytics--channel-filter-dropdown--3Dx1i {
    max-width: 100%
}

@media screen and (max-width:767px) {
    .instructor-analytics--channel-filter-dropdown--3Dx1i, .instructor-analytics--channel-filter-dropdown--3Dx1i .btn, .instructor-analytics--channel-filter-dropdown--3Dx1i .dropdown, .instructor-analytics--channel-filter-dropdown--3Dx1i .dropdown-menu {
        width: 100%
    }
}

.instructor-analytics--no-ref-data--28gNs {
    margin-top: 50px
}

.translation-rediscover--language-icon--1ZK8n {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 50px
}

.translation-rediscover--crowd-title--1EqX1 {
    white-space: pre-wrap !important
}

.translation-rediscover--crowd-continue--3_EpV {
    margin-top: 4px;
    font-weight: 600
}

input[size].form-control {
    width: auto
}

.form-control-counter-container {
    position: relative
}

    .form-control-counter-container .form-control {
        padding-right: 40px !important
    }

.form-control-counter {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    color: #686f7a;
    background: #dedfe0;
    font-weight: 700;
    min-width: 34px;
    line-height: 24px;
    text-align: center
}

.form-control-counter-error {
    color: #521822;
    background: #faebeb
}

.form-group-sm .form-control-counter {
    line-height: 14px
}

.form-control-single-select-container {
    position: relative
}

    .form-control-single-select-container:after {
        font-family: UdemyIcons;
        content: "\F107";
        color: #cacbcc;
        display: block;
        position: absolute;
        top: 50%;
        line-height: 1;
        pointer-events: none;
        font-size: 16px;
        height: 16px;
        width: 16px;
        right: 12px;
        transform: translateY(-50%)
    }

    .form-control-single-select-container .form-control {
        appearance: none !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        cursor: pointer;
        position: relative;
        padding-right: 40px
    }

        .form-control-single-select-container .form-control::-ms-expand {
            display: none
        }

    .form-control-single-select-container ~ .control-label {
        opacity: 1;
        pointer-events: none
    }

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #505763;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 12px
}

.form-control, output {
    display: block;
    font-size: 15px;
    line-height: 1.43;
    color: #29303b
}

.form-control {
    width: 100%;
    height: 44px;
    padding: 11px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cacbcc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-control:focus {
        border-color: #ec5252;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,82,82,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,82,82,.6)
    }

    .form-control::-moz-placeholder {
        color: #686f7a;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #686f7a
    }

    .form-control::-webkit-input-placeholder {
        color: #686f7a
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #f2f3f5;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 44px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 34px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 54px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox label, .radio label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px\9
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed
    }

.form-control-static {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
    min-height: 36px
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0
    }

.input-sm {
    height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

select.input-sm {
    height: 34px;
    line-height: 34px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 34px;
    line-height: 34px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 34px;
    min-height: 34px;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 1.287
}

.input-lg {
    height: 54px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

select.input-lg {
    height: 54px;
    line-height: 54px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 54px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

.form-group-lg select.form-control {
    height: 54px;
    line-height: 54px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 54px;
    min-height: 40px;
    padding: 17px 12px;
    font-size: 19px;
    line-height: 1.573
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 55px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 54px;
    height: 54px;
    line-height: 54px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 34px;
    height: 34px;
    line-height: 34px
}

.has-success .form-control {
    border-color: #208058
}

    .has-success .form-control:focus {
        border-color: #16573c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #39cd8f;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #39cd8f
    }

.has-success .input-group-addon {
    border-color: #208058
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #f59c49
}

.has-warning .form-control {
    border-color: #f59c49
}

    .has-warning .form-control:focus {
        border-color: #f28219;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fad1aa;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fad1aa
    }

.has-warning .input-group-addon {
    color: #f59c49;
    border-color: #f59c49
}

.has-error .form-control {
    border-color: #992337
}

    .has-error .form-control:focus {
        border-color: #6f1a28;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d64c63;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d64c63
    }

.has-error .input-group-addon {
    border-color: #992337
}

.has-feedback label ~ .form-control-feedback {
    top: 26px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #5d6d86
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 33px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 12px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 17px;
        font-size: 19px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 7px;
        font-size: 13px
    }
}

.checkbox-inline:not(.checkbox-slide):not(.checkbox-button), .checkbox:not(.checkbox-slide):not(.checkbox-button) {
    font-size: 15px
}

    .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) label, .checkbox:not(.checkbox-slide):not(.checkbox-button) label, label.checkbox-inline:not(.checkbox-slide):not(.checkbox-button), label.checkbox:not(.checkbox-slide):not(.checkbox-button) {
        padding-left: 1.3em
    }

    .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) label, .checkbox:not(.checkbox-slide):not(.checkbox-button) label {
        position: relative;
        margin-left: 2px
    }

    .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox], .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] {
        height: auto;
        margin-top: .25em;
        margin-left: -1.4em
    }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label {
            display: inline-block;
            line-height: 1.43;
            text-align: left;
            padding-left: .35em;
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label > span, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label > span {
                pointer-events: none
            }

            .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label:before, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label:before {
                position: absolute;
                left: -.1em;
                top: .15em;
                content: "";
                border-radius: 2px;
                width: 1.13em;
                height: 1.13em;
                border: 1px solid;
                background-color: #007791;
                border-color: #007791
            }

            .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label:after, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox] + .checkbox-label:after {
                position: absolute;
                left: -.11em;
                top: .16em;
                font-family: UdemyIcons;
                color: #fff;
                transition: all .2s;
                content: "\F00C";
                margin-left: 2px;
                font-size: .85em
            }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:checked) + .checkbox-label:after, .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:checked) + .checkbox-label:before, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:checked) + .checkbox-label:after, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:checked) + .checkbox-label:before {
            background-color: #fff;
            border-color: #cacbcc;
            transition: all .2s
        }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:checked) + .checkbox-label:after, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:checked) + .checkbox-label:after {
            opacity: 0;
            transform: scale(0)
        }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:disabled) + .checkbox-label:hover:before, .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:disabled):focus + .checkbox-label:before, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:disabled) + .checkbox-label:hover:before, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:not(:disabled):focus + .checkbox-label:before {
            border: 1px solid #007791 !important
        }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:checked + .checkbox-label:after, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:checked + .checkbox-label:after {
            opacity: 1;
            transform: scale(1)
        }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:disabled + .checkbox-label, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:disabled + .checkbox-label {
            cursor: not-allowed;
            color: #a1a7b3
        }

            .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:disabled + .checkbox-label:before, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:disabled + .checkbox-label:before {
                box-shadow: none;
                border-color: #cacbcc;
                background-color: #e8e9eb
            }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:disabled:checked + .checkbox-label:after, .checkbox:not(.checkbox-slide):not(.checkbox-button) input[type=checkbox]:disabled:checked + .checkbox-label:after {
            color: #cacbcc
        }

    .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed {
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 4px
    }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed > label, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed > label {
            padding: 15px;
            border: 1px solid #cacbcc;
            border-radius: 4px;
            width: 100%;
            margin-left: 0
        }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox], .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] {
            margin-left: 0
        }

            .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] + .checkbox-label, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] + .checkbox-label {
                padding-left: 25px
            }

                .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] + .checkbox-label:after, .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] + .checkbox-label:before, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] + .checkbox-label:after, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed input[type=checkbox] + .checkbox-label:before {
                    left: 15px;
                    top: 17px
                }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed .checkbox-label, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed .checkbox-label {
            width: 100%
        }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed:not(.disabled) > label:hover, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed:not(.disabled) > label:hover {
            background: #f2f3f5
        }

            .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed:not(.disabled) > label:hover .checkbox-label:before, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed:not(.disabled) > label:hover .checkbox-label:before {
                border: 1px solid #007791 !important
            }

        .checkbox-inline:not(.checkbox-slide):not(.checkbox-button).boxed.disabled > label, .checkbox:not(.checkbox-slide):not(.checkbox-button).boxed.disabled > label {
            border-color: #dedfe0
        }

.checkbox-slide {
    display: inline-block;
    vertical-align: middle
}

    .checkbox-slide, .checkbox-slide label {
        padding-left: 0 !important
    }

        .checkbox-slide input[type=checkbox] {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0
        }

            .checkbox-slide input[type=checkbox] + .checkbox-label {
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                display: inline-block;
                cursor: pointer;
                position: relative;
                box-sizing: content-box;
                height: 1.4em;
                width: 3.2em;
                padding-left: 0;
                margin-top: .1em;
                border: .2em solid #cacbcc;
                border-radius: .9em;
                background: #cacbcc;
                text-indent: -99999px
            }

                .checkbox-slide input[type=checkbox] + .checkbox-label:before {
                    content: none
                }

                .checkbox-slide input[type=checkbox] + .checkbox-label:after {
                    -webkit-transition: all .2s ease-in-out;
                    -moz-transition: all .2s ease-in-out;
                    -ms-transition: all .2s ease-in-out;
                    -o-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 1.4em;
                    height: 1.4em;
                    border-radius: 50%;
                    background: #fff
                }

            .checkbox-slide input[type=checkbox]:checked + .checkbox-label {
                background: #007791;
                border-color: #007791
            }

                .checkbox-slide input[type=checkbox]:checked + .checkbox-label:after {
                    left: 1.8em
                }

            .checkbox-slide input[type=checkbox]:disabled + .checkbox-label {
                cursor: not-allowed
            }

.checkbox-button input[type=checkbox]:checked + .checkbox-label:not([class*=udi-]):before, .radio-button input[type=radio]:checked + .radio-label:not([class*=udi-]):before {
    content: "\E606"
}

.checkbox-button {
    display: inline-block;
    margin: 10px 10px 10px 0
}

    .checkbox-button label {
        padding: 0
    }

    .checkbox-button input[type=checkbox] {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        border: 0 !important
    }

        .checkbox-button input[type=checkbox] + .checkbox-label {
            border: 1px solid #cacbcc;
            border-radius: 2px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: inline-block;
            line-height: 1.35135
        }

        .checkbox-button input[type=checkbox]:not(:disabled) + .checkbox-label {
            color: #686f7a
        }

            .checkbox-button input[type=checkbox]:not(:disabled) + .checkbox-label:hover {
                border-color: #505763;
                color: #505763
            }

        .checkbox-button input[type=checkbox]:checked:not(:disabled) + .checkbox-label {
            border-color: #007791;
            color: #007791
        }

            .checkbox-button input[type=checkbox]:checked:not(:disabled) + .checkbox-label:hover {
                border-color: #505763;
                color: #505763
            }

        .checkbox-button input[type=checkbox]:disabled + .checkbox-label {
            background-color: #e8e9eb
        }

        .checkbox-button input[type=checkbox]:checked + .checkbox-label:before {
            font-family: UdemyIcons;
            display: inline-block;
            height: 1em;
            width: 1em;
            text-align: center;
            vertical-align: -8%
        }

        .checkbox-button input[type=checkbox]:not(:checked) + .checkbox-label:before {
            content: none
        }

    .checkbox-button + .checkbox-button {
        margin: 0 10px 10px 0
    }

body.keyboard-navigation-in-use .checkbox-button input[type=checkbox]:checked:focus + .checkbox-label, body.keyboard-navigation-in-use .checkbox-button input[type=checkbox]:focus + .checkbox-label {
    outline: 4px auto #007791;
    outline-offset: 1px
}

.checkbox-button.checkbox-danger input[type=checkbox]:checked:not(:disabled):not(:hover) + .checkbox-label {
    color: #ec5252;
    border-color: #ec5252
}

.checkbox-button.checkbox-success input[type=checkbox]:checked:not(:disabled):not(:hover) + .checkbox-label {
    color: #46c28e;
    border-color: #46c28e
}

.checkbox-button.checkbox-warning input[type=checkbox]:checked:not(:disabled):not(:hover) + .checkbox-label {
    color: #f59c49;
    border-color: #f59c49
}

.checkbox-button.checkbox-info input[type=checkbox]:checked:not(:disabled):not(:hover) + .checkbox-label {
    color: #007791;
    border-color: #007791
}

.checkbox-button-block {
    display: block;
    margin: 0
}

    .checkbox-button-block label {
        display: block
    }

    .checkbox-button-block input[type=checkbox] + .checkbox-label {
        display: block;
        text-align: center
    }

.checkbox-button.checkbox-xs input[type=checkbox] + .checkbox-label {
    font-size: 13px;
    padding: 2px 16px
}

.checkbox-button.checkbox-xs input[type=checkbox]:checked + .checkbox-label {
    padding-left: 8px;
    padding-right: 8px
}

    .checkbox-button.checkbox-xs input[type=checkbox]:checked + .checkbox-label:before {
        margin-right: 3px
    }

.checkbox-button.checkbox-sm input[type=checkbox] + .checkbox-label {
    font-size: 15px;
    padding: 6px 20px
}

.checkbox-button.checkbox-sm input[type=checkbox]:checked + .checkbox-label {
    padding-left: 10px;
    padding-right: 10px
}

    .checkbox-button.checkbox-sm input[type=checkbox]:checked + .checkbox-label:before {
        margin-right: 5px
    }

.checkbox-button.checkbox-md input[type=checkbox] + .checkbox-label, .checkbox-button input[type=checkbox] + .checkbox-label {
    font-size: 15px;
    padding: 11px 23px
}

.checkbox-button.checkbox-md input[type=checkbox]:checked + .checkbox-label, .checkbox-button input[type=checkbox]:checked + .checkbox-label {
    padding-left: 12px;
    padding-right: 12px
}

    .checkbox-button.checkbox-md input[type=checkbox]:checked + .checkbox-label:before, .checkbox-button input[type=checkbox]:checked + .checkbox-label:before {
        margin-right: 7px
    }

.checkbox-button.checkbox-lg input[type=checkbox] + .checkbox-label {
    font-size: 15px;
    padding: 16px 23px
}

.checkbox-button.checkbox-lg input[type=checkbox]:checked + .checkbox-label {
    padding-left: 12px;
    padding-right: 12px
}

    .checkbox-button.checkbox-lg input[type=checkbox]:checked + .checkbox-label:before {
        margin-right: 7px
    }

.radio-inline:not(.radio-button), .radio:not(.radio-button) {
    font-size: 15px;
    padding-left: 0
}

    .radio-inline:not(.radio-button) label, .radio:not(.radio-button) label {
        padding-left: 0
    }

    .radio-inline:not(.radio-button) input[type=radio], .radio:not(.radio-button) input[type=radio] {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0
    }

        .radio-inline:not(.radio-button) input[type=radio] + .radio-label, .radio:not(.radio-button) input[type=radio] + .radio-label {
            display: inline-block;
            line-height: 1.43;
            position: relative;
            padding-left: 1.67em;
            padding-top: .07em;
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .radio-inline:not(.radio-button) input[type=radio] + .radio-label > span, .radio:not(.radio-button) input[type=radio] + .radio-label > span {
                pointer-events: none
            }

            .radio-inline:not(.radio-button) input[type=radio] + .radio-label:before, .radio:not(.radio-button) input[type=radio] + .radio-label:before {
                content: "";
                position: absolute;
                left: 0;
                top: .2em;
                width: 1.14em;
                height: 1.14em;
                border: 1px solid;
                background-color: #007791;
                border-color: #007791;
                border-radius: 1.13em
            }

            .radio-inline:not(.radio-button) input[type=radio] + .radio-label:after, .radio:not(.radio-button) input[type=radio] + .radio-label:after {
                font-family: UdemyIcons;
                position: absolute;
                color: #fff;
                transition: all .2s;
                content: "\F111";
                top: .07em;
                left: .14em
            }

        .radio-inline:not(.radio-button) input[type=radio]:not(:checked) + .radio-label:after, .radio-inline:not(.radio-button) input[type=radio]:not(:checked) + .radio-label:before, .radio:not(.radio-button) input[type=radio]:not(:checked) + .radio-label:after, .radio:not(.radio-button) input[type=radio]:not(:checked) + .radio-label:before {
            background-color: #fff;
            border-color: #cacbcc;
            transition: all .2s
        }

        .radio-inline:not(.radio-button) input[type=radio]:not(:checked) + .radio-label:after, .radio:not(.radio-button) input[type=radio]:not(:checked) + .radio-label:after {
            opacity: 0;
            transform: scale(0)
        }

        .radio-inline:not(.radio-button) input[type=radio]:not(:disabled) + .radio-label:hover:before, .radio-inline:not(.radio-button) input[type=radio]:not(:disabled):focus + .radio-label:before, .radio:not(.radio-button) input[type=radio]:not(:disabled) + .radio-label:hover:before, .radio:not(.radio-button) input[type=radio]:not(:disabled):focus + .radio-label:before {
            border: 1px solid #007791 !important
        }

        .radio-inline:not(.radio-button) input[type=radio]:checked + .radio-label:after, .radio:not(.radio-button) input[type=radio]:checked + .radio-label:after {
            opacity: 1;
            transform: scale(.6)
        }

        .radio-inline:not(.radio-button) input[type=radio]:disabled + .radio-label, .radio:not(.radio-button) input[type=radio]:disabled + .radio-label {
            cursor: not-allowed;
            color: #a1a7b3
        }

            .radio-inline:not(.radio-button) input[type=radio]:disabled + .radio-label:before, .radio:not(.radio-button) input[type=radio]:disabled + .radio-label:before {
                box-shadow: none;
                border-color: #cacbcc;
                background-color: #e8e9eb
            }

        .radio-inline:not(.radio-button) input[type=radio]:disabled:checked + .radio-label:after, .radio:not(.radio-button) input[type=radio]:disabled:checked + .radio-label:after {
            color: #cacbcc
        }

    .radio-inline:not(.radio-button).boxed, .radio:not(.radio-button).boxed {
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 4px
    }

        .radio-inline:not(.radio-button).boxed > label, .radio:not(.radio-button).boxed > label {
            padding: 15px;
            border: 1px solid #cacbcc;
            border-radius: 4px;
            width: 100%
        }

        .radio-inline:not(.radio-button).boxed .radio-label, .radio:not(.radio-button).boxed .radio-label {
            width: 100%
        }

        .radio-inline:not(.radio-button).boxed:not(.disabled) > label:hover, .radio:not(.radio-button).boxed:not(.disabled) > label:hover {
            background: #f2f3f5
        }

            .radio-inline:not(.radio-button).boxed:not(.disabled) > label:hover .radio-label:before, .radio:not(.radio-button).boxed:not(.disabled) > label:hover .radio-label:before {
                border: 1px solid #007791 !important
            }

        .radio-inline:not(.radio-button).boxed.disabled > label, .radio:not(.radio-button).boxed.disabled > label {
            border-color: #dedfe0
        }

.radio-button {
    display: inline-block;
    margin: 10px 10px 10px 0
}

    .radio-button label {
        padding: 0
    }

    .radio-button input[type=radio] {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        border: 0 !important
    }

        .radio-button input[type=radio] + .radio-label {
            border: 1px solid #cacbcc;
            border-radius: 2px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: inline-block;
            line-height: 1.35135
        }

        .radio-button input[type=radio]:not(:disabled) + .radio-label {
            color: #686f7a
        }

            .radio-button input[type=radio]:not(:disabled) + .radio-label:hover {
                border-color: #505763;
                color: #505763
            }

        .radio-button input[type=radio]:checked:not(:disabled) + .radio-label {
            border-color: #007791;
            color: #007791
        }

            .radio-button input[type=radio]:checked:not(:disabled) + .radio-label:hover {
                border-color: #505763;
                color: #505763
            }

        .radio-button input[type=radio]:disabled + .radio-label {
            background-color: #e8e9eb
        }

        .radio-button input[type=radio]:checked + .radio-label:before {
            font-family: UdemyIcons;
            display: inline-block;
            height: 1em;
            width: 1em;
            text-align: center;
            vertical-align: -8%
        }

        .radio-button input[type=radio]:not(:checked) + .radio-label:before {
            content: none
        }

    .radio-button + .radio-button {
        margin: 0 10px 10px 0
    }

body.keyboard-navigation-in-use .radio-button input[type=radio]:checked:focus + .radio-label, body.keyboard-navigation-in-use .radio-button input[type=radio]:focus + .radio-label {
    outline: 4px auto #007791;
    outline-offset: 1px
}

.radio-button.radio-danger input[type=radio]:checked:not(:disabled):not(:hover) + .radio-label {
    color: #ec5252;
    border-color: #ec5252
}

.radio-button.radio-success input[type=radio]:checked:not(:disabled):not(:hover) + .radio-label {
    color: #46c28e;
    border-color: #46c28e
}

.radio-button.radio-warning input[type=radio]:checked:not(:disabled):not(:hover) + .radio-label {
    color: #f59c49;
    border-color: #f59c49
}

.radio-button.radio-info input[type=radio]:checked:not(:disabled):not(:hover) + .radio-label {
    color: #007791;
    border-color: #007791
}

.radio-button-block {
    display: block;
    margin: 0
}

    .radio-button-block label {
        display: block
    }

    .radio-button-block input[type=radio] + .radio-label {
        display: block;
        text-align: center
    }

.radio-button.radio-xs input[type=radio] + .radio-label {
    font-size: 13px;
    padding: 2px 16px
}

.radio-button.radio-xs input[type=radio]:checked + .radio-label {
    padding-left: 8px;
    padding-right: 8px
}

    .radio-button.radio-xs input[type=radio]:checked + .radio-label:before {
        margin-right: 3px
    }

.radio-button.radio-sm input[type=radio] + .radio-label {
    font-size: 15px;
    padding: 6px 20px
}

.radio-button.radio-sm input[type=radio]:checked + .radio-label {
    padding-left: 10px;
    padding-right: 10px
}

    .radio-button.radio-sm input[type=radio]:checked + .radio-label:before {
        margin-right: 5px
    }

.radio-button.radio-md input[type=radio] + .radio-label, .radio-button input[type=radio] + .radio-label {
    font-size: 15px;
    padding: 11px 23px
}

.radio-button.radio-md input[type=radio]:checked + .radio-label, .radio-button input[type=radio]:checked + .radio-label {
    padding-left: 12px;
    padding-right: 12px
}

    .radio-button.radio-md input[type=radio]:checked + .radio-label:before, .radio-button input[type=radio]:checked + .radio-label:before {
        margin-right: 7px
    }

.radio-button.radio-lg input[type=radio] + .radio-label {
    font-size: 15px;
    padding: 16px 23px
}

.radio-button.radio-lg input[type=radio]:checked + .radio-label {
    padding-left: 12px;
    padding-right: 12px
}

    .radio-button.radio-lg input[type=radio]:checked + .radio-label:before {
        margin-right: 7px
    }

input[type=file] {
    display: flex
}

select[multiple], select[size] {
    height: auto !important
}

    select[multiple] option, select[size] option {
        padding: 0
    }

.blockLabel, label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400
}

.help-block {
    font-size: 11px
}

.disabled, a.disabled:focus, a.disabled:hover {
    color: #686f7a
}

a.disabled {
    color: #686f7a !important
}

.form-group {
    position: relative
}

.form-group-lg .form-control, .input-lg {
    padding: 13px 12px
}

.form-control {
    box-shadow: none;
    font-size: 16px;
    padding: 10px 12px;
    transition: border-color .08s ease-in-out,box-shadow .08s ease-in-out
}

    .form-control[type=search] {
        appearance: none !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        box-sizing: border-box
    }

    .form-control ~ small {
        color: #686f7a
    }

    .form-control:focus {
        box-shadow: inset 0 0 1px rgba(0,119,145,.5);
        border-color: #76c5d6
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        color: #686f7a
    }

.has-success .form-control:focus, .success .form-control:focus {
    box-shadow: inset 0 0 1px rgba(0,119,145,.5)
}

.error .form-control:focus, .has-error .form-control:focus {
    box-shadow: inset 0 0 1px hsla(0,100%,73%,.5)
}

.has-warning .form-control:focus, .warning .form-control:focus {
    box-shadow: inset 0 0 1px rgba(255,196,140,.5)
}

.form-group-floating-label:not(.has-error):not(.has-success):not(.has-warning) .control-label {
    color: #686f7a
}

.form-group-floating-label .control-label {
    cursor: text;
    font-size: 11px;
    top: 5px;
    left: 13px;
    position: absolute;
    transition: .1s
}

.form-group-floating-label .form-control {
    height: 50px;
    padding-top: 25px
}

    .form-group-floating-label .form-control[value=""] {
        padding-top: 11px
    }

        .form-group-floating-label .form-control[value=""] ~ .control-label {
            font-size: 15px;
            top: 15px
        }

    .form-group-floating-label .form-control:focus {
        padding-top: 25px
    }

        .form-group-floating-label .form-control:focus ~ .control-label {
            font-size: 11px;
            top: 5px
        }

.form-group-floating-label .form-control-feedback {
    top: 0 !important;
    line-height: 50px !important
}

.form-group-floating-label .help-block {
    padding-left: 14px
}

.form-group-floating-label .form-control-single-select-container .form-control, .form-group-floating-label .form-control-single-select-container .form-control:focus {
    padding-top: 18px
}

.has-success .form-control-feedback {
    display: none
}

.form-control-feedback {
    line-height: 44px !important
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    line-height: 54px !important
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    line-height: 34px !important
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
    color: #208058
}

.has-success .form-control {
    border-color: #46c28e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #35a073;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #93dbbd;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #93dbbd
    }

.has-success .input-group-addon {
    color: #208058;
    border-color: #46c28e;
    background-color: #e9f7f1
}

.has-success .form-control-feedback {
    color: #208058;
    color: #46c28e
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #b35a1b
}

.has-warning .form-control {
    border-color: #ffc48c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #ffaa59;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff8f2;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff8f2
    }

.has-warning .input-group-addon {
    color: #b35a1b;
    border-color: #ffc48c;
    background-color: #fff2e5
}

.has-warning .form-control-feedback {
    color: #b35a1b;
    color: #f59c49
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #992337
}

.has-error .form-control {
    border-color: #ff7373;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #ff4040;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffd9d9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffd9d9
    }

.has-error .input-group-addon {
    color: #992337;
    border-color: #ff7373;
    background-color: #faebeb
}

.has-error .form-control-feedback {
    color: #992337;
    color: #ec5252
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 54px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 54px;
    line-height: 54px
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 34px;
    line-height: 34px
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

    .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 11px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #29303b;
    text-align: center;
    background-color: #f2f3f5;
    border: 1px solid #cacbcc;
    border-radius: 2px
}

    .input-group-addon.input-sm {
        padding: 6px 10px;
        font-size: 13px;
        border-radius: 2px
    }

    .input-group-addon.input-lg {
        padding: 16px 12px;
        font-size: 19px;
        border-radius: 2px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn, .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2
        }

        .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
            margin-right: -1px
        }

        .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
            z-index: 2;
            margin-left: -1px
        }

.input-group ~ .form-control-feedback {
    z-index: 3
}

.es-autocomplete .form-control {
    -webkit-appearance: none
}

    .es-autocomplete .form-control::-ms-clear {
        width: 0;
        height: 0
    }

.es-autocomplete .dropdown-menu {
    z-index: 1001
}

    .es-autocomplete .dropdown-menu > .focus > a, .es-autocomplete .dropdown-menu > :not(.disabled) > a:focus, .es-autocomplete .dropdown-menu > :not(.disabled) > a:hover {
        color: #007791;
        background-color: #f5f5f5
    }

.es-autocomplete .btn[type=submit] {
    width: 44px;
    height: 44px
}

.es-autocomplete--primary .input-group {
    background-color: #f2f3f5;
    border-radius: 2px
}

.es-autocomplete--primary .form-control {
    background-color: transparent;
    border-color: transparent;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    font-size: 13pt;
}

    .es-autocomplete--primary .form-control:focus {
        background-color: #fff;
        border-color: #dedfe0;
        border-right-color: transparent;
        box-shadow: none
    }

        .es-autocomplete--primary .form-control:focus ~ .input-group-btn .btn-link {
            background-color: #fff;
            border-color: #dedfe0
        }

            .es-autocomplete--primary .form-control:focus ~ .input-group-btn .btn-link:hover {
                background-color: #ec5252
            }

body.keyboard-navigation-in-use .es-autocomplete--primary .form-control:focus {
    outline: 4px auto #007791
}

.es-autocomplete--primary .btn-link[type=submit] {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #ec5252
}

    .es-autocomplete--primary .btn-link[type=submit]:hover {
        background-color: #ec5252;
        color: #fff
    }


.es-autocomplete--primary .dropdown-menu {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 0 4px 16px rgba(20,23,28,.25);
    left: 1px;
    right: 1px;
    margin: 0
}

.es-autocomplete__type-icon {
    color: #cacbcc;
    margin-right: 10px
}

.slick-prev.slick-prev:before {
    content: "\F053"
}

.slick-next.slick-next:before {
    content: "\F054"
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/staticx/udemy/js/webpack/ajax-loader.c5cd7f5300576ab4c88202b42f6ded62.gif) 50% no-repeat
}


.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

    .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
        background: transparent;
        color: transparent;
        outline: none
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1
        }

        .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
            opacity: .25
        }

        .slick-next:before, .slick-prev:before {
            font-family: slick;
            font-size: 20px;
            color: #fff;
            opacity: .75
        }

.slick-prev {
    left: -25px
}

    .slick-prev[dir=rtl] {
        left: auto;
        right: -25px
    }

    .slick-prev:before {
        content: "\2190"
    }

        .slick-prev:before[dir=rtl] {
            content: "\2192"
        }

.slick-next {
    right: -25px
}

    .slick-next[dir=rtl] {
        left: -25px;
        right: auto
    }

    .slick-next:before {
        content: "\2192"
    }

        .slick-next:before[dir=rtl] {
            content: "\2190"
        }

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        padding: 0
    }

        .slick-dots li, .slick-dots li button {
            height: 20px;
            width: 20px;
            cursor: pointer
        }

            .slick-dots li button {
                border: 0;
                background: transparent;
                outline: none;
                line-height: 0;
                color: transparent;
                padding: 5px
            }

                .slick-dots li button:focus, .slick-dots li button:hover {
                    outline: none
                }

                    .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                        opacity: 1
                    }

                .slick-dots li button:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "\2022";
                    width: 20px;
                    height: 20px;
                    font-family: slick;
                    font-size: 6px;
                    line-height: 20px;
                    text-align: center;
                    color: #000;
                    opacity: .25;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale
                }

            .slick-dots li.slick-active button:before {
                color: #000;
                opacity: .75
            }

.carousel-arrow {
    background-color: #fff;
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
    color: #007791;
    font-size: 24px;
    height: 47px;
    line-height: 1;
    padding: 11px 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 47px;
    z-index: 3;
    position: absolute
}

    .carousel-arrow .udi-circle-loader {
        width: 24px
    }

    .carousel-arrow:hover {
        box-shadow: 0 2px 8px 2px rgba(20,23,28,.15);
        color: #00576b
    }

    .carousel-arrow.prev {
        left: -15px;
        padding-right: 2px;
        padding-left: 0
    }

@media (min-width:992px) {
    .carousel-arrow.prev {
        left: -23.5px
    }
}

.carousel-arrow.next {
    right: -15px;
    padding-left: 2px;
    padding-right: 0
}

@media (min-width:992px) {
    .carousel-arrow.next {
        right: -23.5px
    }
}

.carousel-container {
    position: relative
}

.slick-slider {
    user-select: text
}

.draggable {
    user-select: none
}

.slick-arrow {
    height: auto;
    width: auto
}

.slick-next:before, .slick-prev:before {
    font-family: UdemyIcons !important;
    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;
    font-size: 40px;
    color: #686f7a
}

.slick-dots {
    list-style: none;
    padding: 0;
    position: relative;
    width: auto;
    height: 10px;
    text-align: center;
    left: 0;
    right: 0;
    line-height: 0;
    margin: 30px auto
}

    .slick-dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        opacity: 1
    }

        .slick-dots li button {
            border-radius: 50%;
            border: none;
            display: block;
            width: 10px;
            height: 10px;
            font-size: 0;
            padding: 0;
            background: #dedfe0;
            transition: border .3s ease-out
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                border: 2px solid #686f7a
            }

            .slick-dots li button:before {
                content: normal
            }

        .slick-dots li.slick-active button {
            background: #686f7a
        }

.smart-bar--smart-bar--1rOkE {
    background-color: #007791;
    color: #fff;
    display: flex;
    font-size: 13px;
    padding: 10px
}

.smart-bar--smart_bar_carousel--3iGb_ {
    width: 95%
}

    .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--smart_bar_carousel__right_slide--11XBK {
        text-align: center
    }

    .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-dots {
        bottom: 0;
        margin: 5px auto
    }

        .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-dots li button {
            background: #fff;
            height: 7px;
            opacity: .5;
            width: 7px
        }

            .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-dots li button:focus, .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-dots li button:hover {
                border: none
            }

        .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-dots li.slick-active button {
            opacity: 1
        }

    .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-track {
        display: flex;
        align-items: stretch
    }

        .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-track > * {
            height: auto !important
        }

        .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-track.smart-bar--center--1F2Wb {
            justify-content: center
        }

        .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-track.smart-bar--right--JmKNo {
            justify-content: flex-end
        }

        .smart-bar--smart_bar_carousel--3iGb_ .smart-bar--slick-slider--smart-bar--2KKTV .slick-track .slick-slide {
            align-items: center;
            display: flex;
            justify-content: center
        }

.smart-bar--smart-bar-light-theme--2Tdwy .smart-bar--smart-bar__content--3X42a:hover, .smart-bar--smart-bar-light-theme--2Tdwy .smart-bar--smart-bar__content--3X42a a, .smart-bar--smart-bar-light-theme--2Tdwy .smart-bar--smart-bar__content--3X42a a:active, .smart-bar--smart-bar-light-theme--2Tdwy .smart-bar--smart-bar__content--3X42a a:visited {
    color: #29303b
}

.smart-bar--smart-bar-light-theme--2Tdwy .smart-bar--smart-bar__content--with-action--8ddXG:hover {
    text-decoration: underline
}

.smart-bar--smart-bar-dark-theme--18ulO .smart-bar--smart-bar__content--3X42a:hover, .smart-bar--smart-bar-dark-theme--18ulO .smart-bar--smart-bar__content--3X42a a, .smart-bar--smart-bar-dark-theme--18ulO .smart-bar--smart-bar__content--3X42a a:active, .smart-bar--smart-bar-dark-theme--18ulO .smart-bar--smart-bar__content--3X42a a:visited {
    color: #fff
}

.smart-bar--smart-bar-dark-theme--18ulO .smart-bar--smart-bar__content--with-action--8ddXG:hover {
    text-decoration: underline
}

.smart-bar--smart-bar-rain-theme--1Sdwf .smart-bar--smart-bar__content--3X42a:hover, .smart-bar--smart-bar-rain-theme--1Sdwf .smart-bar--smart-bar__content--3X42a a, .smart-bar--smart-bar-rain-theme--1Sdwf .smart-bar--smart-bar__content--3X42a a:active, .smart-bar--smart-bar-rain-theme--1Sdwf .smart-bar--smart-bar__content--3X42a a:visited {
    color: #003440
}

.smart-bar--smart-bar-rain-theme--1Sdwf .smart-bar--smart-bar__content--with-action--8ddXG:hover {
    text-decoration: underline
}

.smart-bar--smart-bar--rain--Sb34B {
    background: #f7f8fa;
    bottom-border: 1px solid #e8e9eb;
    color: #003440
}

.smart-bar--smart-bar--purple--1zDbf {
    background: #6e1a52
}

.smart-bar--smart-bar--teal--Qijai {
    background: #007791
}

.smart-bar--smart-bar--yellow--jXUJZ {
    background: #f4c150;
    color: #29303b
}

.smart-bar--has-transition--2L-6H {
    overflow: hidden;
    -webkit-transition: .25s ease-out .4s;
    -moz-transition: .25s ease-out .4s;
    -ms-transition: .25s ease-out .4s;
    -o-transition: .25s ease-out .4s;
    transition: .25s ease-out .4s
}

.smart-bar--instructor-bar--purple--3WfEy {
    background: #853c6c
}

.smart-bar--smart-bar__action-url--1wVIX {
    cursor: default
}

.smart-bar--smart-bar__close--3mCup {
    align-self: baseline;
    cursor: pointer;
    margin-left: auto
}

.smart-bar--smart-bar__content--3X42a {
    flex-basis: 100%
}

.smart-bar--smart-bar__image--1qsPM {
    display: none;
    flex-shrink: 0;
    height: 48px;
    margin-right: 20px;
    width: 48px
}

.smart-bar--is-sticky--2D5zu {
    position: fixed;
    width: 100%;
    z-index: 1060
}

.smart-bar--smart-bar__subtitle--I38FP a {
    text-decoration: underline
}

.smart-bar--smart-bar__title--1LFsk {
    font-weight: 600;
    margin-right: 5px
}

@media (min-width:576px) {
    .smart-bar--smart-bar--1rOkE {
        font-size: 15px
    }

    .smart-bar--smart-bar__image--1qsPM {
        display: block
    }
}

.smart-bar--smart-bar-headline--timer-prominence--2s1Kp {
    max-width: 900px
}

.smart-bar-timer--timer-container--2mwOn {
    font-size: 13px;
    font-weight: 600
}

@media (min-width:992px) {
    .smart-bar-timer--timer-container--2mwOn {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .smart-bar-timer--timer-container--timer-prominence--3dmEn {
        font-size: 18px;
        margin-left: 96px
    }
}

.basic-with-timer--centered-content__text--2t0l3 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.basic-with-timer--centered-content--QtJd8 {
    display: flex;
    justify-content: center;
    text-align: center
}

    .basic-with-timer--centered-content--QtJd8 a, .basic-with-timer--centered-content--QtJd8 a:active, .basic-with-timer--centered-content--QtJd8 a:visited, .basic-with-timer--centered-content--QtJd8:hover {
        color: #fff
    }

@media (min-width:768px) {
    .basic-with-timer--basic-bar--timer-prominence--3lF3g {
        align-items: center;
        display: flex;
        flex-direction: row;
        font-size: 19px;
        justify-content: space-between;
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
        width: 100%
    }
}

.feedbacks-bar--feedbacks-bar--RapCY {
    left: 0;
    top: 0;
    display: none;
    position: fixed !important;
    z-index: 10001 !important;
    height: 52px;
    width: 100%;
    cursor: pointer
}

    .feedbacks-bar--feedbacks-bar--RapCY .feedbacks-bar--close--2wAwj {
        position: absolute;
        bottom: 16px;
        right: 10px
    }

    .feedbacks-bar--feedbacks-bar--RapCY .feedbacks-bar--feedback-bar--3OWyr {
        position: relative;
        box-shadow: 0 1px 2px #505763
    }

        .feedbacks-bar--feedbacks-bar--RapCY .feedbacks-bar--feedback-bar--3OWyr .feedbacks-bar--feedback-container--3Dpkf {
            margin: 0 auto;
            text-align: center;
            padding: 10px
        }

            .feedbacks-bar--feedbacks-bar--RapCY .feedbacks-bar--feedback-bar--3OWyr .feedbacks-bar--feedback-container--3Dpkf .feedbacks-bar--message--3Na3Q {
                margin: 0
            }

    .feedbacks-bar--feedbacks-bar--RapCY .feedbacks-bar--feedback-type-info--1PAbl {
        font-size: 15px;
        background-color: #46c28e;
        color: #fff
    }

    .feedbacks-bar--feedbacks-bar--RapCY .feedbacks-bar--feedback-type-error--3Nt-k {
        font-size: 15px;
        background-color: #ec5252;
        color: #fff
    }
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *, :after, :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 15pt;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    /*font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;*/
    font-family: Cambria, Georgia, sans-serif;
    font-size: 15pt;
    line-height: 1.43;
    color: #29303b;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    text-decoration: none
}

    a:focus, a:hover {
        color: #003845
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 2px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.43;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #e8e9eb
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #686f7a
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 21px;
    margin-bottom: 10.5px
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 24px
}

.h3, h3 {
    /*font-size: 18px*/
}

.h4, .h5, .h6, h4, h5, h6 {
    font-size: 15px
}

p {
    margin: 0 0 10.5px
}

.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 22.5px
    }
}

.small, small {
    font-size: 86%
}

.mark, mark {
    background-color: #fff2e5;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #686f7a
}

.text-primary {
    color: #ec5252
}

a.text-primary:focus, a.text-primary:hover {
    color: #e72424
}

.text-success {
    color: #208058
}

a.text-success:focus, a.text-success:hover {
    color: #16573c
}

.text-info {
    color: #007791
}

a.text-info:focus, a.text-info:hover {
    color: #004d5e
}

.text-warning {
    color: #f59c49
}

a.text-warning:focus, a.text-warning:hover {
    color: #f28219
}

.text-danger {
    color: #992337
}

a.text-danger:focus, a.text-danger:hover {
    color: #6f1a28
}

.bg-primary {
    color: #fff;
    background-color: #ec5252
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #e72424
}

.bg-success {
    background-color: #e9f7f1
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c4e9d9
}

.bg-info {
    background-color: #e6f2f5
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #c2dfe6
}

.bg-warning {
    background-color: #fff2e5
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ffd8b2
}

.bg-danger {
    background-color: #faebeb
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #f0c2c2
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #dedfe0
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10.5px
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 21px
}

dd, dt {
    line-height: 1.43
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #686f7a
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #e8e9eb
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.43;
        color: #686f7a
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: "\2014   \A0"
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #e8e9eb;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: ""
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: "\A0   \2014"
        }

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.43
}

html {
    font-size: 15.4px;
    position: relative;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.main-content-wrapper, body {
    display: flex;
    min-height: 100vh;
    flex-direction: column
}

a {
    color: #007791;
    font-weight: 400
}

    a:focus, a:hover {
        text-decoration: none
    }

    a:active {
        outline: none !important
    }

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a:hover {
    cursor: pointer
}

.a1, .a2, .h1, .h2, h1, h2 {
    font-weight: 300
}

.a3, .h3, h3 {
    font-weight: 400;
    line-height: 1.2
}

.a4, .a5, .a6, .h4, .h5, .h6, h4, h5, h6 {
    font-weight: 600
}

.a1 {
    line-height: 1.287
}

.a11, .a12 {
    line-height: 1.43
}

ul.bulleted-list {
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 10.5px;
    padding-left: 40px
}

    ul.bulleted-list ul.bulleted-list {
        list-style-type: circle;
        margin-bottom: 0
    }

        ul.bulleted-list ul.bulleted-list ul.bulleted-list {
            list-style-type: square
        }

.font-heading-xl {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.3em
}

.font-heading-lg {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33em
}

.font-heading-md {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.47em
}

.font-heading-sm {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em
}

.font-heading-xs {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43em
}

.font-heading-sub {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33em;
    text-transform: uppercase;
    letter-spacing: 1px
}

.font-text-lg {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.47em
}

.font-text-md {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em
}

.font-text-sm {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43em
}

.font-text-xs {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33em
}

.a1, .h1 {
    font-size: 36px
}

.a2, .h2 {
    font-size: 24px
}

.a3, .h3 {
    font-size: 18px
}

.a4, .a10, .h4, .h10 {
    font-size: 15px
}

.a11, .h11 {
    font-size: 13px
}

.a12, .h12 {
    font-size: 11px
}

.btn:focus, .dropdown-toggle:focus, :focus, a:focus, input:focus {
    outline: none
}

body.keyboard-navigation-in-use .btn:focus, body.keyboard-navigation-in-use .dropdown-toggle:focus, body.keyboard-navigation-in-use :focus, body.keyboard-navigation-in-use a:focus, body.keyboard-navigation-in-use input:focus {
    outline: 4px auto #007791;
    outline-offset: 0
}

body.keyboard-navigation-in-use .btn {
    outline-offset: 2px
}

body.keyboard-navigation-in-use .form-control:focus, body.keyboard-navigation-in-use .ProseMirror:focus, body.keyboard-navigation-in-use [role=dialog]:focus {
    outline: none
}

.main-content, .main-content-wrapper {
    flex: 1 0 auto
}

.text-strong {
    font-weight: 700
}

.text-middle {
    display: flex;
    align-items: center
}

.text-wrap {
    white-space: normal;
    word-wrap: break-word
}

.alert {
    padding: 20px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 2px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 40px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    background-color: #e9f7f1;
    border-color: #e9f7f1;
    color: #004025
}

    .alert-success hr {
        border-top-color: #d6f0e5
    }

    .alert-success .alert-link {
        color: #000d08
    }

.alert-info {
    background-color: #e6f2f5;
    border-color: #e6f2f5;
    color: #003440
}

    .alert-info hr {
        border-top-color: #d4e9ee
    }

    .alert-info .alert-link {
        color: #000b0d
    }

.alert-warning {
    background-color: #fff2e5;
    border-color: #fff2e5;
    color: #4d2000
}

    .alert-warning hr {
        border-top-color: #ffe5cb
    }

    .alert-warning .alert-link {
        color: #1a0b00
    }

.alert-danger {
    background-color: #faebeb;
    border-color: #faebeb;
    color: #521822
}

    .alert-danger hr {
        border-top-color: #f5d7d7
    }

    .alert-danger .alert-link {
        color: #2b0c12
    }

.modal .alert .close {
    font-size: 24px;
    position: static;
    transform: none
}

    .modal .alert .close:hover {
        color: #29303b
    }

.alert, .alert h3 {
    text-align: left !important
}

    .alert h3 {
        font-size: 18px !important;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
        font-weight: 400 !important
    }

        .alert h3 i {
            margin-right: 10px
        }

        .alert h3.headless {
            display: inline
        }

    .alert > p {
        text-align: left;
        padding-left: 28px
    }

        .alert > p a {
            color: #007791;
            text-decoration: underline
        }

    .alert.with-icon .icon {
        font-size: 18px;
        float: left;
        margin-top: 2px
    }

    .alert.with-icon .content, .alert.with-icon .title {
        padding-left: 28px
    }

    .alert .title + .content {
        margin-top: 15px
    }

    .alert .collapse-button {
        float: right
    }

.alert-success.with-icon .icon {
    color: #46c28e
}

.alert-success h3 i {
    color: #004025
}

.alert-info.with-icon .icon {
    color: #007791
}

.alert-info h3 i {
    color: #003440
}

.alert-danger.with-icon .icon {
    color: #ec5252
}

.alert-danger h3 i {
    color: #521822
}

.alert-warning.with-icon .icon {
    color: #f59c49
}

.alert-warning h3 i {
    color: #4d2000
}

.breadcrumb {
    padding: 0;
    margin-bottom: 21px;
    list-style: none;
    background-color: transparent;
    border-radius: 2px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            content: "/\A0";
            padding: 0 5px;
            color: #fff
        }

    .breadcrumb > .active {
        color: #fff
    }

    .breadcrumb a {
        color: #fff;
        -webkit-transition: .15s ease-in-out;
        -moz-transition: .15s ease-in-out;
        -ms-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        transition: .15s ease-in-out
    }

        .breadcrumb a:focus, .breadcrumb a:hover {
            color: #dedfe0
        }

        .breadcrumb a .udi {
            color: #a1a7b3
        }

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4
}

code, kbd {
    font-size: 90%;
    border-radius: 2px
}

kbd {
    padding: 2px 4px;
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.43;
    word-break: break-all;
    word-wrap: break-word;
    color: #505763;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.pln {
    color: #000
}

@media screen {
    .str {
        color: #080
    }

    .kwd {
        color: #008
    }

    .com {
        color: #800
    }

    .typ {
        color: #606
    }

    .lit {
        color: #066
    }

    .clo, .opn, .pun {
        color: #660
    }

    .tag {
        color: #008
    }

    .atn {
        color: #606
    }

    .atv {
        color: #080
    }

    .dec, .var {
        color: #606
    }

    .fun {
        color: red
    }
}

@media print,projection {
    .str {
        color: #060
    }

    .kwd {
        color: #006;
        font-weight: 700
    }

    .com {
        color: #600;
        font-style: italic
    }

    .typ {
        color: #404;
        font-weight: 700
    }

    .lit {
        color: #044
    }

    .clo, .opn, .pun {
        color: #440
    }

    .tag {
        color: #006;
        font-weight: 700
    }

    .atn {
        color: #404
    }

    .atv {
        color: #060
    }
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #eee
}

code {
    color: #ec5252;
    background-color: #f2f3f5;
    border: 1px solid #dedfe0;
    border-radius: 4px;
    padding: 2px 4px
}

pre code {
    border: none
}

.rt-editor pre.prettyprint {
    padding: 10px;
    border: 1px solid #ccc
}

pre.prettyprinted {
    border: none;
    font-size: 12px;
    font-family: Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace,Courier New;
    cursor: auto
}

    pre.prettyprinted, pre.prettyprinted li.L1, pre.prettyprinted li.L3, pre.prettyprinted li.L5, pre.prettyprinted li.L7, pre.prettyprinted li.L9 {
        background-color: inherit
    }

        pre.prettyprinted ol.linenums {
            list-style-type: none;
            margin-left: 0;
            padding-left: 0
        }

            pre.prettyprinted ol.linenums > li {
                counter-increment: customlistcounter
            }

            pre.prettyprinted ol.linenums li {
                margin-bottom: 0 !important
            }

            pre.prettyprinted ol.linenums > li:before {
                content: counter(customlistcounter) " ";
                width: 40px;
                display: inline-block;
                text-align: right;
                padding-right: 5px;
                margin-right: 15px;
                border-right: 1px solid #dedfe0;
                color: #dedfe0
            }

            pre.prettyprinted ol.linenums:first-child {
                counter-reset: customlistcounter
            }

        pre.prettyprinted .pln {
            color: #29303b
        }

        pre.prettyprinted .tag {
            color: #b35a1b
        }

        pre.prettyprinted .atn {
            color: #29303b
        }

        pre.prettyprinted .str {
            color: #46c28e
        }

        pre.prettyprinted .kwd {
            color: #b35a1b
        }

        pre.prettyprinted .com {
            color: #cacbcc
        }

        pre.prettyprinted .clo, pre.prettyprinted .lit, pre.prettyprinted .opn, pre.prettyprinted .pun, pre.prettyprinted .typ {
            color: #29303b
        }

        pre.prettyprinted .atv {
            color: #46c28e
        }

        pre.prettyprinted .dec, pre.prettyprinted .var {
            color: #29303b
        }

        pre.prettyprinted .fun {
            color: #b35a1b
        }

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table
}

.container-fluid:after, .container:after, .row:after {
    clear: both
}

.container-flex .row:after, .container-flex .row:before, .container-flex:after, .container-flex:before {
    content: none
}

.container-flex [class*=col-] {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.container-flex .container, .container-flex .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-flex .container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

.container-flex .row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

    .container-flex .row.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

.container-flex .col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.container-flex .col-xs, .container-flex .col-xs-1, .container-flex .col-xs-2, .container-flex .col-xs-3, .container-flex .col-xs-4, .container-flex .col-xs-5, .container-flex .col-xs-6, .container-flex .col-xs-7, .container-flex .col-xs-8, .container-flex .col-xs-9, .container-flex .col-xs-10, .container-flex .col-xs-11, .container-flex .col-xs-12, .container-flex .col-xs-offset-0, .container-flex .col-xs-offset-1, .container-flex .col-xs-offset-2, .container-flex .col-xs-offset-3, .container-flex .col-xs-offset-4, .container-flex .col-xs-offset-5, .container-flex .col-xs-offset-6, .container-flex .col-xs-offset-7, .container-flex .col-xs-offset-8, .container-flex .col-xs-offset-9, .container-flex .col-xs-offset-10, .container-flex .col-xs-offset-11, .container-flex .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
}

.container-flex .col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.container-flex .col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.container-flex .col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.container-flex .col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.container-flex .col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.container-flex .col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.container-flex .col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.container-flex .col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.container-flex .col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.container-flex .col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.container-flex .col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.container-flex .col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.container-flex .col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.container-flex .col-xs-offset-0 {
    margin-left: 0
}

.container-flex .col-xs-offset-1 {
    margin-left: 8.33333333%
}

.container-flex .col-xs-offset-2 {
    margin-left: 16.66666667%
}

.container-flex .col-xs-offset-3 {
    margin-left: 25%
}

.container-flex .col-xs-offset-4 {
    margin-left: 33.33333333%
}

.container-flex .col-xs-offset-5 {
    margin-left: 41.66666667%
}

.container-flex .col-xs-offset-6 {
    margin-left: 50%
}

.container-flex .col-xs-offset-7 {
    margin-left: 58.33333333%
}

.container-flex .col-xs-offset-8 {
    margin-left: 66.66666667%
}

.container-flex .col-xs-offset-9 {
    margin-left: 75%
}

.container-flex .col-xs-offset-10 {
    margin-left: 83.33333333%
}

.container-flex .col-xs-offset-11 {
    margin-left: 91.66666667%
}

.container-flex .start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.container-flex .center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.container-flex .end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.container-flex .top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.container-flex .middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-flex .bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.container-flex .around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.container-flex .between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-flex .first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.container-flex .last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width:48em) {
    .container-flex .container {
        width: 49rem
    }

    .container-flex .col-sm, .container-flex .col-sm-1, .container-flex .col-sm-2, .container-flex .col-sm-3, .container-flex .col-sm-4, .container-flex .col-sm-5, .container-flex .col-sm-6, .container-flex .col-sm-7, .container-flex .col-sm-8, .container-flex .col-sm-9, .container-flex .col-sm-10, .container-flex .col-sm-11, .container-flex .col-sm-12, .container-flex .col-sm-offset-0, .container-flex .col-sm-offset-1, .container-flex .col-sm-offset-2, .container-flex .col-sm-offset-3, .container-flex .col-sm-offset-4, .container-flex .col-sm-offset-5, .container-flex .col-sm-offset-6, .container-flex .col-sm-offset-7, .container-flex .col-sm-offset-8, .container-flex .col-sm-offset-9, .container-flex .col-sm-offset-10, .container-flex .col-sm-offset-11, .container-flex .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .container-flex .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .container-flex .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .container-flex .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .container-flex .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .container-flex .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .container-flex .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .container-flex .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .container-flex .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .container-flex .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .container-flex .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .container-flex .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .container-flex .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .container-flex .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .container-flex .col-sm-offset-0 {
        margin-left: 0
    }

    .container-flex .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .container-flex .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .container-flex .col-sm-offset-3 {
        margin-left: 25%
    }

    .container-flex .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .container-flex .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .container-flex .col-sm-offset-6 {
        margin-left: 50%
    }

    .container-flex .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .container-flex .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .container-flex .col-sm-offset-9 {
        margin-left: 75%
    }

    .container-flex .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .container-flex .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .container-flex .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .container-flex .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .container-flex .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .container-flex .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container-flex .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-flex .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container-flex .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .container-flex .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .container-flex .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:64em) {
    .container-flex .container {
        width: 65rem
    }

    .container-flex .col-md, .container-flex .col-md-1, .container-flex .col-md-2, .container-flex .col-md-3, .container-flex .col-md-4, .container-flex .col-md-5, .container-flex .col-md-6, .container-flex .col-md-7, .container-flex .col-md-8, .container-flex .col-md-9, .container-flex .col-md-10, .container-flex .col-md-11, .container-flex .col-md-12, .container-flex .col-md-offset-0, .container-flex .col-md-offset-1, .container-flex .col-md-offset-2, .container-flex .col-md-offset-3, .container-flex .col-md-offset-4, .container-flex .col-md-offset-5, .container-flex .col-md-offset-6, .container-flex .col-md-offset-7, .container-flex .col-md-offset-8, .container-flex .col-md-offset-9, .container-flex .col-md-offset-10, .container-flex .col-md-offset-11, .container-flex .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .container-flex .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .container-flex .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .container-flex .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .container-flex .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .container-flex .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .container-flex .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .container-flex .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .container-flex .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .container-flex .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .container-flex .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .container-flex .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .container-flex .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .container-flex .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .container-flex .col-md-offset-0 {
        margin-left: 0
    }

    .container-flex .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .container-flex .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .container-flex .col-md-offset-3 {
        margin-left: 25%
    }

    .container-flex .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .container-flex .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .container-flex .col-md-offset-6 {
        margin-left: 50%
    }

    .container-flex .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .container-flex .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .container-flex .col-md-offset-9 {
        margin-left: 75%
    }

    .container-flex .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .container-flex .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .container-flex .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .container-flex .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .container-flex .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .container-flex .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container-flex .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-flex .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container-flex .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .container-flex .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .container-flex .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:75em) {
    .container-flex .container {
        width: 76rem
    }

    .container-flex .col-lg, .container-flex .col-lg-1, .container-flex .col-lg-2, .container-flex .col-lg-3, .container-flex .col-lg-4, .container-flex .col-lg-5, .container-flex .col-lg-6, .container-flex .col-lg-7, .container-flex .col-lg-8, .container-flex .col-lg-9, .container-flex .col-lg-10, .container-flex .col-lg-11, .container-flex .col-lg-12, .container-flex .col-lg-offset-0, .container-flex .col-lg-offset-1, .container-flex .col-lg-offset-2, .container-flex .col-lg-offset-3, .container-flex .col-lg-offset-4, .container-flex .col-lg-offset-5, .container-flex .col-lg-offset-6, .container-flex .col-lg-offset-7, .container-flex .col-lg-offset-8, .container-flex .col-lg-offset-9, .container-flex .col-lg-offset-10, .container-flex .col-lg-offset-11, .container-flex .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .container-flex .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .container-flex .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .container-flex .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .container-flex .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .container-flex .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .container-flex .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .container-flex .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .container-flex .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .container-flex .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .container-flex .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .container-flex .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .container-flex .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .container-flex .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .container-flex .col-lg-offset-0 {
        margin-left: 0
    }

    .container-flex .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .container-flex .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .container-flex .col-lg-offset-3 {
        margin-left: 25%
    }

    .container-flex .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .container-flex .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .container-flex .col-lg-offset-6 {
        margin-left: 50%
    }

    .container-flex .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .container-flex .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .container-flex .col-lg-offset-9 {
        margin-left: 75%
    }

    .container-flex .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .container-flex .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .container-flex .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .container-flex .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .container-flex .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .container-flex .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container-flex .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-flex .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container-flex .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .container-flex .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .container-flex .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.container-flex.container, .container-flex.container-fluid {
    margin-right: auto;
    margin-left: auto;
    min-width: 0;
    padding-right: 0;
    padding-left: 0
}

.container-flex.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

@media only screen and (min-width:48em) {
    .container-flex.container {
        width: 49rem
    }
}

@media only screen and (min-width:64em) {
    .container-flex.container {
        width: 65rem
    }
}

@media only screen and (min-width:75em) {
    .container-flex.container {
        width: 76rem
    }
}

.container-no-padding {
    padding: 0
}

    .container-no-padding .row {
        margin: 0
    }

    .container-no-padding [class*=col-] {
        padding: 0
    }

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 320px
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media (min-width:1440px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1410px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    float: left
}

.col-xxs-12 {
    width: 100%
}

.col-xxs-11 {
    width: 91.66666667%
}

.col-xxs-10 {
    width: 83.33333333%
}

.col-xxs-9 {
    width: 75%
}

.col-xxs-8 {
    width: 66.66666667%
}

.col-xxs-7 {
    width: 58.33333333%
}

.col-xxs-6 {
    width: 50%
}

.col-xxs-5 {
    width: 41.66666667%
}

.col-xxs-4 {
    width: 33.33333333%
}

.col-xxs-3 {
    width: 25%
}

.col-xxs-2 {
    width: 16.66666667%
}

.col-xxs-1 {
    width: 8.33333333%
}

.col-xxs-pull-12 {
    right: 100%
}

.col-xxs-pull-11 {
    right: 91.66666667%
}

.col-xxs-pull-10 {
    right: 83.33333333%
}

.col-xxs-pull-9 {
    right: 75%
}

.col-xxs-pull-8 {
    right: 66.66666667%
}

.col-xxs-pull-7 {
    right: 58.33333333%
}

.col-xxs-pull-6 {
    right: 50%
}

.col-xxs-pull-5 {
    right: 41.66666667%
}

.col-xxs-pull-4 {
    right: 33.33333333%
}

.col-xxs-pull-3 {
    right: 25%
}

.col-xxs-pull-2 {
    right: 16.66666667%
}

.col-xxs-pull-1 {
    right: 8.33333333%
}

.col-xxs-pull-0 {
    right: auto
}

.col-xxs-push-12 {
    left: 100%
}

.col-xxs-push-11 {
    left: 91.66666667%
}

.col-xxs-push-10 {
    left: 83.33333333%
}

.col-xxs-push-9 {
    left: 75%
}

.col-xxs-push-8 {
    left: 66.66666667%
}

.col-xxs-push-7 {
    left: 58.33333333%
}

.col-xxs-push-6 {
    left: 50%
}

.col-xxs-push-5 {
    left: 41.66666667%
}

.col-xxs-push-4 {
    left: 33.33333333%
}

.col-xxs-push-3 {
    left: 25%
}

.col-xxs-push-2 {
    left: 16.66666667%
}

.col-xxs-push-1 {
    left: 8.33333333%
}

.col-xxs-push-0 {
    left: auto
}

.col-xxs-offset-12 {
    margin-left: 100%
}

.col-xxs-offset-11 {
    margin-left: 91.66666667%
}

.col-xxs-offset-10 {
    margin-left: 83.33333333%
}

.col-xxs-offset-9 {
    margin-left: 75%
}

.col-xxs-offset-8 {
    margin-left: 66.66666667%
}

.col-xxs-offset-7 {
    margin-left: 58.33333333%
}

.col-xxs-offset-6 {
    margin-left: 50%
}

.col-xxs-offset-5 {
    margin-left: 41.66666667%
}

.col-xxs-offset-4 {
    margin-left: 33.33333333%
}

.col-xxs-offset-3 {
    margin-left: 25%
}

.col-xxs-offset-2 {
    margin-left: 16.66666667%
}

.col-xxs-offset-1 {
    margin-left: 8.33333333%
}

.col-xxs-offset-0 {
    margin-left: 0
}

@media (min-width:576px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        float: left
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1440px) {
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #e8e9eb
}

    .jumbotron, .jumbotron .h1, .jumbotron h1 {
        color: inherit
    }

        .jumbotron p {
            margin-bottom: 15px;
            font-size: 23px;
            font-weight: 200
        }

        .jumbotron > hr {
            border-top-color: #cdcfd3
        }

.container-fluid .jumbotron, .container .jumbotron {
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container-fluid .jumbotron, .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 68px
    }
}

.jumbotron-header-bar {
    color: #fff;
    margin: 0;
    padding: 0
}

    .jumbotron-header-bar .breadcrumb {
        margin-bottom: 0
    }

    .jumbotron-header-bar h1 {
        font-size: 30px;
        font-weight: 400;
        line-height: 1.287;
        margin: 0
    }

    .jumbotron-header-bar h2 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.287;
        margin: 7px 0 0
    }

.jumbotron-header-bar--tabs .jumbotron-header-bar__inner {
    padding: 34px 0 0
}

.jumbotron-header-bar--tabs .nav-tabs {
    padding-top: 2px
}

    .jumbotron-header-bar--tabs .nav-tabs > li {
        padding: 0;
        margin: 0 30px 0 0
    }

        .jumbotron-header-bar--tabs .nav-tabs > li:last-child {
            margin: 0
        }

        .jumbotron-header-bar--tabs .nav-tabs > li > a {
            padding: 0 0 5px;
            border-bottom: 6px solid hsla(0,0%,100%,0);
            color: #fff
        }

            .jumbotron-header-bar--tabs .nav-tabs > li > a:focus {
                background-color: transparent;
                color: #fff
            }

            .jumbotron-header-bar--tabs .nav-tabs > li.active > a, .jumbotron-header-bar--tabs .nav-tabs > li.active > a:focus, .jumbotron-header-bar--tabs .nav-tabs > li.active > a:hover, .jumbotron-header-bar--tabs .nav-tabs > li > a:hover {
                border-bottom-color: hsla(0,0%,100%,.7);
                color: #fff
            }

.jumbotron-header-bar__inner {
    padding: 34px 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

    .jumbotron-header-bar__inner > div {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 69px
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #686f7a
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #51565e
    }

.label-primary {
    background-color: #ec5252
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #e72424
    }

.label-success {
    background-color: #46c28e
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #35a073
    }

.label-info {
    background-color: #007791
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #004d5e
    }

.label-warning {
    background-color: #f59c49
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #f28219
    }

.label-danger {
    background-color: #ec5252
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #e72424
    }

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.media img {
    max-width: none
}

.course-badge--course-badge--1AN7r {
    display: inline;
    position: static
}

.course-badge--with-context--2v79N {
    float: left
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 600px;
    padding: 1px;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.43;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 15px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 1px 1px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.popover {
    border: none;
    box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
}

    .popover.top > .arrow {
        border-top-color: rgba(20,23,28,.1)
    }

    .popover.right > .arrow {
        border-right-color: rgba(20,23,28,.1)
    }

    .popover.bottom > .arrow {
        border-bottom-color: rgba(20,23,28,.1)
    }

    .popover.left > .arrow {
        border-left-color: rgba(20,23,28,.1)
    }

.notification-message--msg--1LrLV {
    position: fixed;
    left: 100%;
    bottom: 0;
    z-index: 9999;
    width: 500px;
    box-shadow: 0 2px 30px 5px rgba(41,48,59,.4);
    transition: transform .2s;
    transform: translate(10%)
}

    .notification-message--msg--1LrLV.notification-message--on--3ojnb {
        transform: translate(-100%)
    }

.notification-message--inner--2Vo2Z {
    display: flex;
    padding: 30px;
    color: #fff
}

.notification-message--success--3puX8 {
    background-color: #46c28e
}

.notification-message--error--oa-zS {
    background-color: #ec5252
}

.notification-message--left--3XIgt {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-right: 20px
}

.notification-message--right--129tj {
    margin-left: 20px
}

.notification-message--copy--4IEK5 {
    margin-left: 30px
}

.notification-message--extra-link--330vs {
    color: #fff;
    text-decoration: underline
}

.notification-message--icon--3TJIk {
    font-size: 60px
}

.notification-message--closeBtn--25HgK {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 1px;
    right: 1px
}

    .notification-message--closeBtn--25HgK:hover {
        color: #29303b
    }

@media (max-width:575px) {
    .notification-message--msg--1LrLV {
        width: 100%
    }

    .notification-message--inner--2Vo2Z {
        margin: 0
    }
}

.course-context-menu--course-context-menu--2y8J2 #actions-dropdown-button > .udi:first-child {
    margin-right: 4px
}

.course-context-menu--course-context-menu--2y8J2.course-context-menu--white--2c57N .dropdown-toggle.btn-tertiary, .course-context-menu--course-context-menu--2y8J2.course-context-menu--white--2c57N > button {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

    .course-context-menu--course-context-menu--2y8J2.course-context-menu--white--2c57N .dropdown-toggle.btn-tertiary:hover, .course-context-menu--course-context-menu--2y8J2.course-context-menu--white--2c57N .open > .dropdown-toggle.btn-tertiary, .course-context-menu--course-context-menu--2y8J2.course-context-menu--white--2c57N > button:hover {
        border: 1px solid #fff;
        color: #fff;
        background: hsla(0,0%,100%,.1)
    }

.course-context-menu--course-context-menu--2y8J2.course-context-menu--blue--3-cEh .dropdown-toggle.btn-tertiary, .course-context-menu--course-context-menu--2y8J2.course-context-menu--blue--3-cEh > button {
    background: none;
    border: 1px solid #007791;
    color: #007791
}

    .course-context-menu--course-context-menu--2y8J2.course-context-menu--blue--3-cEh .dropdown-toggle.btn-tertiary:hover, .course-context-menu--course-context-menu--2y8J2.course-context-menu--blue--3-cEh .open > .dropdown-toggle.btn-tertiary, .course-context-menu--course-context-menu--2y8J2.course-context-menu--blue--3-cEh > button:hover {
        border: 1px solid #007791;
        color: #007791;
        background: rgba(0,119,145,.1)
    }

.course-context-menu--course-context-menu--2y8J2 .context-action-button .udi:first-child {
    margin-right: 4px
}

.course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu {
    min-width: 220px;
    padding: 8px 0
}

    .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li {
        margin-bottom: 4px;
        overflow-wrap: break-word;
        white-space: normal;
        flex-flow: column wrap;
        flex: 1 auto;
        width: 100%
    }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li > span {
            color: #a1a7b3
        }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li a {
            padding: 4px 16px 4px 8px
        }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li .udi {
            color: #a1a7b3;
            height: 22px;
            width: 24px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-right: 4px;
            font-size: 16px
        }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li .udi-circle-loader {
            font-size: 16px
        }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li hr {
            margin: 8px 0
        }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li:last-child {
            margin-bottom: 0
        }

        .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li .dropdown-menu-link {
            display: inline-flex;
            white-space: normal
        }

            .course-context-menu--course-context-menu--2y8J2 ul.dropdown-menu > li .dropdown-menu-link:hover {
                background-color: transparent
            }

.course-context-menu--course-context-menu--2y8J2.course-context-menu--clp--SiBKP {
    margin-top: 16px
}

.course-context-menu--course-context-menu--2y8J2.course-context-menu--dashboard--30Kn_ {
    margin-bottom: 6px
}

.course-context-menu--course-context-menu--2y8J2.course-context-menu--my_learning_unit--1LIBH {
    margin-left: 4px
}

.course-context-menu--course-context-menu--2y8J2.course-context-menu--quickviewbox--16svN button {
    margin: .7em 0
}

.custom-category-selection-form--custom-category-checkbox--3vepm {
    padding: 5px 10px
}

.custom-category-selection-form--custom-category-checkbox-group--2Vwjl {
    overflow-y: scroll;
    max-height: 20vh;
    background-color: #f2f3f5;
    padding-left: 4px
}

.custom-category-selection-form--custom-category-selection--3b2qu {
    border: 1px solid rgba(41,48,59,.1)
}

    .custom-category-selection-form--custom-category-selection--3b2qu .form-group {
        margin-bottom: 0
    }

.assign-course--autocomplete_form_group--152B3, .assign-course--autocomplete_form_group--152B3 .assign-course--error_message--143IP {
    margin-bottom: 0
}

.assign-course--group-checkbox--2uIZQ {
    padding: 5px 10px
}

.assign-course--group-checkbox__wrapper--3OGI2 {
    overflow-y: auto;
    height: 35vh;
    max-height: 35vh;
    background-color: #f2f3f5;
    padding-left: 4px;
    border: 1px solid rgba(41,48,59,.1)
}

    .assign-course--group-checkbox__wrapper--3OGI2 .form-group {
        margin-bottom: 0
    }

.assign-course--group-selection__wrapper--no-groups--1OE51 > div:last-of-type {
    background-color: #f2f3f5;
    border: 1px solid rgba(41,48,59,.1)
}

.assign-course--group-selection-disabled-groups--2QajS {
    margin-top: 20px
}

.assign-course--assign-course-container--1Wcn2 {
    padding: 0;
    margin: -20px 0 -10px
}

.assign-course--submit-button--2_NRl {
    width: 150px
}

.assign-course--pane-content--2SrN7 {
    padding-top: 10px
}

.assign-course--user-autocomplete-result--1K2i- {
    border-bottom: 1px solid rgba(41,48,59,.1)
}

.user-autocomplete--results_container--3VcA2 {
    background-color: #fff;
    left: -7px;
    right: -7px;
    margin-top: 5px;
    border-radius: 4px;
    position: absolute;
    z-index: 1000;
    border: none;
    box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
}

    .user-autocomplete--results_container--3VcA2 .user-autocomplete--loader_container--3vYyg {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 270px
    }

    .user-autocomplete--results_container--3VcA2 .user-autocomplete--no_match_found--jjokz {
        color: #dedfe0;
        padding-left: 15px;
        height: 60px;
        display: flex;
        font-weight: 600;
        flex-direction: row;
        align-items: center
    }

    .user-autocomplete--results_container--3VcA2 .user-autocomplete--no_match_question--39c28 {
        font-size: 26px;
        border-radius: 20px;
        width: 40px;
        height: 40px;
        text-align: center;
        font-weight: 700;
        border: 1px dashed #dedfe0;
        margin-right: 15px
    }

.user-autocomplete--autocomplete_result--2efxP {
    padding: 10px 15px;
    height: 60px
}

    .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--highlighted--3YrP- {
        background-color: #f2f3f5;
        transition: all .3s ease;
        cursor: pointer
    }

    .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--disabled--k_Q0o {
        cursor: default
    }

        .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--disabled--k_Q0o:hover {
            background-color: #fff
        }

        .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--disabled--k_Q0o .user-autocomplete--image_container--1sBZc, .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--disabled--k_Q0o .user-autocomplete--user_email--13oOM, .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--disabled--k_Q0o .user-autocomplete--user_name--1N2iM {
            opacity: .5
        }

        .user-autocomplete--autocomplete_result--2efxP.user-autocomplete--disabled--k_Q0o .user-autocomplete--disabled_message--5ZJaL {
            opacity: .5;
            font-size: 12px;
            padding: 12px 0
        }

    .user-autocomplete--autocomplete_result--2efxP:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .user-autocomplete--autocomplete_result--2efxP .user-autocomplete--image_container--1sBZc {
        margin-right: 15px
    }

    .user-autocomplete--autocomplete_result--2efxP .user-autocomplete--user_info_container--208jd {
        overflow: hidden;
        padding-right: 10px;
        flex-grow: 2
    }

        .user-autocomplete--autocomplete_result--2efxP .user-autocomplete--user_info_container--208jd .user-autocomplete--user_name--1N2iM {
            font-size: 16px;
            color: #505763;
            font-weight: 700;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .user-autocomplete--autocomplete_result--2efxP .user-autocomplete--user_info_container--208jd .user-autocomplete--user_email--13oOM {
            font-size: 12px;
            color: #686f7a
        }

@media (max-width:767px) {
    .user-autocomplete--disabled--k_Q0o .user-autocomplete--disabled_message--5ZJaL {
        display: none
    }
}

.autosuggest-theme--container--1JBcb {
    position: relative
}

.autosuggest-theme--suggestionsContainerOpen--3S4M- {
    max-height: 270px;
    overflow-y: scroll
}

.autosuggest-theme--suggestion--3vpDu {
    border-bottom: 1px solid #dedfe0;
    border-radius: 0
}

    .autosuggest-theme--suggestion--3vpDu:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .autosuggest-theme--suggestion--3vpDu:last-child {
        border: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

.share-autocomplete-result--autocomplete-result--2CITu {
    padding: 10px 15px;
    height: 45px;
    cursor: pointer
}

.share-autocomplete-result--autocomplete-result--highlighted--2jn5x {
    padding: 10px 15px;
    height: 45px;
    cursor: pointer;
    background-color: #f2f3f5;
    transition: background-color .3s ease
}

.share-autocomplete-result--autocomplete-result--suggestion-container--2waOe {
    overflow: hidden;
    padding-right: 10px
}

.share-autocomplete-result--autocomplete-result--suggestion--2UCSC {
    font-size: 16px;
    color: #505763;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.autosuggest-theme--container--1d2Of {
    position: relative
}

.autosuggest-theme--suggestionsContainerOpen--3EvaC {
    max-height: 270px;
    overflow-y: scroll
}

.autosuggest-theme--suggestion--3iEs8 {
    border-bottom: 1px solid #dedfe0;
    border-radius: 0
}

    .autosuggest-theme--suggestion--3iEs8:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .autosuggest-theme--suggestion--3iEs8:last-child {
        border: none
    }

.autocomplete--autocomplete__input-group--1GgOJ {
    width: 100%
}

.autocomplete--autocomplete__input--1xvh- {
    font-size: 14px
}

    .autocomplete--autocomplete__input--1xvh-:focus {
        box-shadow: none;
        border-color: #dedfe0
    }

.autocomplete--autocomplete__cancel-button--1gz6y {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 14px;
    z-index: 100;
    color: #686f7a
}

    .autocomplete--autocomplete__cancel-button--1gz6y:hover {
        background-color: transparent
    }

.autocomplete--autocomplete__result--3WcxX {
    background-color: #fff;
    left: -7px;
    right: -7px;
    margin-top: 5px;
    border-radius: 4px;
    position: absolute;
    z-index: 1000;
    border: none;
    box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
}

.autocomplete--autocomplete__result--no-match-found--35Nfp {
    color: #686f7a;
    padding-left: 15px;
    height: 60px;
    display: flex;
    font-weight: 600;
    flex-direction: row;
    align-items: center
}

.autocomplete--autocomplete__loader--7PjxF {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 270px
}

.share-on-slack-modal--slack-message--1tX_m {
    border: 0;
    outline: none;
    resize: none;
    padding: 0;
    margin-bottom: 10px;
    width: 100%
}

    .share-on-slack-modal--slack-message--1tX_m:focus {
        border-color: transparent;
        box-shadow: none
    }

.share-on-slack-modal--slack-message-wrapper--LBzDW {
    padding: 15px;
    border: 1px solid #cacbcc;
    max-height: 380px;
    overflow-y: auto
}

.share-on-slack-modal--slack-attachment--vv_2u {
    display: flex;
    margin: 0 0 8px
}

.share-on-slack-modal--slack-attachment__border--2vk_j {
    flex-shrink: 0;
    width: 4px;
    background-color: #e8e9eb;
    border-radius: 8px
}

.share-on-slack-modal--slack-attachment__body--3FJhr {
    padding: 0 12px;
    line-height: 1.46666667
}

.share-on-slack-modal--slack-attachment__author--1mwcy {
    color: #686f7a
}

.share-on-slack-modal--slack-attachment__author_icon--3nZyR {
    margin-right: 8px
}

.share-on-slack-modal--slack-attachment__title--3TCT5 {
    color: #007791;
    font-weight: 700
}

.share-on-slack-modal--slack-attachment__image--C7PsC {
    border-radius: 4px;
    margin-top: 5px
}

.share-on-slack-modal--slack-modal--header--change-workspace__text--M6k_m {
    margin-left: 10px;
    color: #007791
}

.quick-view-box--box--3cUtO {
    width: 335px;
    z-index: 1030;
    box-shadow: 0 4px 16px rgba(20,23,28,.25)
}

    .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi {
        margin-left: 6px;
        margin-right: 6px;
        margin-top: 16px
    }

        .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--title--3SbSa {
            visibility: visible;
            display: block !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -ms-line-clamp: 3;
            -o-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-box-orient: vertical;
            -o-box-orient: vertical;
            box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.33;
            letter-spacing: -.3px;
            color: #505763
        }

            .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--title--3SbSa:hover {
                text-decoration: underline
            }

        .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--info--1dhH1 {
            margin-top: 0 !important;
            padding: 5px 0;
            white-space: nowrap
        }

            .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--info--1dhH1 .quick-view-box--icon--3C6Iw {
                width: 13px
            }

            .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--info--1dhH1 .quick-view-box--lecture--2uhPl {
                letter-spacing: -.1px
            }

            .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--info--1dhH1 .quick-view-box--content--6mxZ9 {
                letter-spacing: -.2px
            }

            .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--info--1dhH1 .quick-view-box--level--nWB_b {
                letter-spacing: -.3px
            }

        .quick-view-box--box--3cUtO .quick-view-box--top--26Tmi .quick-view-box--published-above--1JvM3 {
            display: inherit
        }

.quick-view-box--bottom--RmaIC {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 16px;
    max-height: 376px;
    min-height: 310px
}

    .quick-view-box--bottom--RmaIC .quick-view-box--objectives-container--1N2yT {
        flex: auto;
        min-width: 1px
    }

        .quick-view-box--bottom--RmaIC .quick-view-box--objectives-container--1N2yT .quick-view-box--objectives--3GLJc li:before {
            content: "\2022";
            display: inline-block;
            font-size: 22px;
            margin-right: 10px;
            line-height: 1;
            color: #dedfe0;
            vertical-align: middle
        }

        .quick-view-box--bottom--RmaIC .quick-view-box--objectives-container--1N2yT .quick-view-box--objectives--3GLJc .quick-view-box--objective-text--1ro4W {
            margin-bottom: 10px;
            max-height: 54px;
            visibility: visible;
            display: block !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -ms-line-clamp: 3;
            -o-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-box-orient: vertical;
            -o-box-orient: vertical;
            box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-size: 13px;
            letter-spacing: -.2px;
            color: #686f7a
        }

.quick-view-box--bottom-simplified--1SiLB {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 16px;
    max-height: 376px;
    min-height: 310px;
    min-height: 150px
}

    .quick-view-box--bottom-simplified--1SiLB .quick-view-box--objectives-container--1N2yT {
        flex: auto;
        min-width: 1px
    }

        .quick-view-box--bottom-simplified--1SiLB .quick-view-box--objectives-container--1N2yT .quick-view-box--objectives--3GLJc li:before {
            content: "\2022";
            display: inline-block;
            font-size: 22px;
            margin-right: 10px;
            line-height: 1;
            color: #dedfe0;
            vertical-align: middle
        }

        .quick-view-box--bottom-simplified--1SiLB .quick-view-box--objectives-container--1N2yT .quick-view-box--objectives--3GLJc .quick-view-box--objective-text--1ro4W {
            margin-bottom: 10px;
            max-height: 54px;
            font-size: 13px
        }

        .quick-view-box--bottom-simplified--1SiLB .quick-view-box--objectives-container--1N2yT .quick-view-box--objectives--3GLJc .quick-view-box--objective-text--1ro4W, .quick-view-box--headline--1a-2u {
            visibility: visible;
            display: block !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -ms-line-clamp: 3;
            -o-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-box-orient: vertical;
            -o-box-orient: vertical;
            box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            letter-spacing: -.2px;
            color: #686f7a
        }

.quick-view-box--headline--1a-2u {
    font-size: 15px;
    line-height: 1.53;
    padding-top: 10px
}

.ie .quick-view-box--box--3cUtO .quick-view-box--objectives--3GLJc, .quick-view-box--add-to-cart-button--3i-R5 {
    width: 100%
}

.ie .quick-view-box--box--3cUtO .quick-view-box--bottom--RmaIC {
    height: 369px
}

@media (max-width:991px) {
    .quick-view-box--box--3cUtO {
        display: none !important
    }
}

.wishlist-button--add-to-wishlist--1aImd {
    border: none;
    display: inline-block;
    margin: 6px 10px;
    padding: 0 1px;
    position: absolute;
    right: 6px;
    top: 5px;
    z-index: 2
}

    .wishlist-button--add-to-wishlist--1aImd .wishlist-button--tooltip--3KE5Z {
        top: 0;
        display: none;
        white-space: nowrap
    }

    .wishlist-button--add-to-wishlist--1aImd .wishlist-button--wish-icon--XnBJz {
        text-stroke: 1px #fff;
        -webkit-text-stroke: 1px #fff;
        color: #686f7a;
        font-size: 18px
    }

.ie .wishlist-button--add-to-wishlist--1aImd .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}

.wishlist-button--add-to-wishlist--1aImd .wishlist-button--wish-icon--outline--1K6_K {
    text-stroke: 1px #ec5252;
    -webkit-text-stroke: 1px #ec5252;
    color: #fff
}

.ie .wishlist-button--add-to-wishlist--1aImd .wishlist-button--wish-icon--outline--1K6_K {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist--1aImd.wishlist-button--active--2i1GY {
    box-shadow: none
}

    .wishlist-button--add-to-wishlist--1aImd.wishlist-button--active--2i1GY .wishlist-button--wish-icon--XnBJz {
        text-stroke: 1px #ec5252;
        -webkit-text-stroke: 1px #ec5252;
        color: #ec5252;
        opacity: 1
    }

.ie .wishlist-button--add-to-wishlist--1aImd.wishlist-button--active--2i1GY .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist--1aImd.wishlist-button--active--2i1GY .wishlist-button--wish-icon--outline--1K6_K {
    text-stroke: 1px #ec5252;
    -webkit-text-stroke: 1px #ec5252;
    color: #ec5252;
    opacity: 1
}

.ie .wishlist-button--add-to-wishlist--1aImd.wishlist-button--active--2i1GY .wishlist-button--wish-icon--outline--1K6_K {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist--1aImd:hover {
    box-shadow: none
}

    .wishlist-button--add-to-wishlist--1aImd:hover .wishlist-button--tooltip--3KE5Z {
        display: inline-block !important;
        font-size: 12px;
        opacity: 1
    }

    .wishlist-button--add-to-wishlist--1aImd:hover .wishlist-button--wish-icon--XnBJz {
        opacity: 1;
        color: #ec5252
    }

    .wishlist-button--add-to-wishlist--1aImd:hover .wishlist-button--wish-icon--outline--1K6_K {
        text-stroke: 1px #ec5252;
        -webkit-text-stroke: 1px #ec5252;
        color: #ec5252;
        opacity: 1
    }

.ie .wishlist-button--add-to-wishlist--1aImd:hover .wishlist-button--wish-icon--outline--1K6_K {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist-quick-view-box--1ojOS {
    width: 45px;
    height: 100%;
    border: none;
    font-size: 25px;
    padding: 5px
}

    .wishlist-button--add-to-wishlist-quick-view-box--1ojOS .wishlist-button--wish-icon--XnBJz {
        text-stroke: 1px #ec5252;
        -webkit-text-stroke: 1px #ec5252;
        color: transparent
    }

.ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist-quick-view-box--1ojOS.wishlist-button--active--2i1GY .wishlist-button--wish-icon--XnBJz {
    text-stroke: 1px #ec5252;
    -webkit-text-stroke: 1px #ec5252;
    color: #ec5252;
    opacity: 1
}

.ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS.wishlist-button--active--2i1GY .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist-quick-view-box--1ojOS:hover .wishlist-button--wish-icon--XnBJz {
    text-stroke: 1px #ec5252;
    -webkit-text-stroke: 1px #ec5252;
    color: #ec5252
}

.ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS:hover .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.wishlist-button--add-to-wishlist-quick-view-box--1ojOS.wishlist-button--active--2i1GY, .wishlist-button--add-to-wishlist-quick-view-box--1ojOS:hover {
    background: none !important
}

.ie .wishlist-button--add-to-wishlist--1aImd .wishlist-button--wish-icon--XnBJz {
    width: 19px;
    height: 19px;
    display: block
}

.ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS .wishlist-button--wish-icon--XnBJz {
    color: #fff
}

.ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS.wishlist-button--active--2i1GY .wishlist-button--wish-icon--XnBJz {
    text-stroke: 1px #ec5252;
    -webkit-text-stroke: 1px #ec5252;
    color: #ec5252;
    opacity: 1
}

.ie .ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS.wishlist-button--active--2i1GY .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS:hover .wishlist-button--wish-icon--XnBJz {
    text-stroke: 1px #ec5252;
    -webkit-text-stroke: 1px #ec5252;
    color: #ec5252
}

.ie .ie .wishlist-button--add-to-wishlist-quick-view-box--1ojOS:hover .wishlist-button--wish-icon--XnBJz {
    text-shadow: -1px -1px 0 #ec5252,1px -1px 0 #ec5252,-1px 1px 0 #ec5252,1px 1px 0 #ec5252
}

.ie .clp-header__wishlist .wishlist-button--wish-icon--XnBJz {
    color: #29303b
}

.star-rating--star-rating--static--3wPvS {
    position: relative;
    display: inline-block;
    white-space: nowrap
}

    .star-rating--star-rating--static--3wPvS div {
        position: relative;
        display: inline-block
    }

        .star-rating--star-rating--static--3wPvS div:not(:first-child) {
            margin-left: .3em
        }

    .star-rating--star-rating--static--3wPvS.star-rating--star-rating--tiny--2kjvX {
        font-size: 13px
    }

    .star-rating--star-rating--static--3wPvS.star-rating--star-rating--smaller--2Iva0 {
        font-size: 15px
    }

    .star-rating--star-rating--static--3wPvS.star-rating--star-rating--small--yMOwk {
        font-size: 17px
    }

    .star-rating--star-rating--static--3wPvS.star-rating--star-rating--medium--K6lQC {
        font-size: 20px
    }

    .star-rating--star-rating--static--3wPvS.star-rating--star-rating--large--1sVno {
        font-size: 22px
    }

.star-rating--review-star--Z6Nqj {
    top: 0;
    left: 0
}

    .star-rating--review-star--Z6Nqj:before {
        font-family: UdemyIcons;
        display: inline-block;
        position: relative;
        line-height: 1
    }

.star-rating--review-star--unfilled--1aZxo {
    position: relative
}

    .star-rating--review-star--unfilled--1aZxo:before {
        z-index: 0;
        content: "\F005";
        color: #dedfe0
    }

.star-rating--review-star--filled--2D0bO {
    position: absolute;
    overflow: hidden
}

    .star-rating--review-star--filled--2D0bO:before {
        z-index: 1;
        content: "\F005";
        color: #f4c150
    }

.star-rating--review__numbers-container--2euA- {
    margin-left: 5px
}

    .star-rating--review__numbers-container--2euA-.star-rating--review__numbers-vertical--24kMp {
        display: block;
        margin-bottom: 12px;
        margin-left: 0
    }

.star-rating--reviews__count--1Zo2k {
    font-size: 12px;
    font-weight: 400;
    color: #686f7a;
    margin-left: 5px
}

.star-rating--reviews__stats--3ANGp {
    font-weight: 600;
    color: #505763
}

.star-rating--rating-fraction--3oiVb .star-rating--star-icon--34S38 {
    color: #f4c150;
    margin-right: 6px
}

.star-rating--rating-fraction--3oiVb .star-rating--rating-score--3P-ZS {
    font-size: 15px
}

.star-rating--rating-fraction--3oiVb .star-rating--rating-max-score--3M8-M {
    color: #686f7a;
    font-size: 15px
}

.star-rating--details__rating--36AIt {
    display: flex;
    padding-top: 2px;
    margin-top: -2px;
    background: none;
    margin-bottom: 10px
}

    .star-rating--details__rating--36AIt.star-rating--more-space--3uKRJ {
        margin-bottom: 15px
    }

.star-rating--noreviews--3rzG2 {
    line-height: 1.43;
    font-size: 11px;
    display: flex;
    color: #686f7a
}

.star-rating--star-container--186zZ {
    position: relative;
    top: 1px
}

@media (min-width:768px) {
    .star-rating--noreviews--3rzG2 {
        margin-bottom: 15px
    }
}

.merchandising-course-card--card--2UfMa {
    display: inline-block;
    margin: 0 15px 15px 0;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 216px;
    height: 290px;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1)
}

    .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN {
        box-shadow: none
    }

        .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover .merchandising-course-card--card__content-info--w4ejK, .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover .merchandising-course-card--card__content-info--w4ejK img, .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover .merchandising-course-card--card__instructor-avatars--3AJqW, .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover .merchandising-course-card--card__instructor-avatars--3AJqW img, .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover:after {
            opacity: 1
        }

        .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover .merchandising-course-card--card__options--3h6RM {
            background: #29303b
        }

            .merchandising-course-card--card--2UfMa.merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d:hover .merchandising-course-card--card__options--3h6RM > img {
                opacity: .5
            }

    .merchandising-course-card--card--2UfMa .merchandising-course-card--mask--2-b-d {
        font-size: 13px;
        height: 100%
    }

    .merchandising-course-card--card--2UfMa .merchandising-course-card--new-badge--2v-RJ {
        position: absolute;
        top: 10px;
        left: -2px;
        z-index: 1;
        pointer-events: none
    }

    .merchandising-course-card--card--2UfMa .merchandising-course-card--card__content-info--w4ejK {
        display: flex;
        flex-direction: column;
        background: none;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        left: 0;
        margin-left: 10px;
        opacity: 0;
        position: absolute;
        text-align: left;
        text-stroke: .4px #fff;
        -webkit-text-stroke: .4px #fff;
        top: 70px;
        z-index: 2
    }

.ie .merchandising-course-card--card--2UfMa .merchandising-course-card--card__content-info--w4ejK {
    text-shadow: -.4px -.4px 0 #fff,.4px -.4px 0 #fff,-.4px .4px 0 #fff,.4px .4px 0 #fff
}

.merchandising-course-card--card--2UfMa .merchandising-course-card--card__details--4coAj {
    display: block;
    padding: 15px 10px 0 15px
}

    .merchandising-course-card--card--2UfMa .merchandising-course-card--card__details--4coAj .merchandising-course-card--card__instructor-titles--2JzTX {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 21px;
        height: 21px;
        font-size: 12px;
        color: #686f7a;
        margin-bottom: 10px
    }

    .merchandising-course-card--card--2UfMa .merchandising-course-card--card__details--4coAj .merchandising-course-card--details__name--mG8UB {
        display: block !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        font-weight: 600;
        /*height: 36px;*/
        min-height: 42px;
        font-size: 14pt;
        color: #29303b;
        margin-bottom: 10px
    }

    .merchandising-course-card--card--2UfMa .merchandising-course-card--card__details--4coAj .merchandising-course-card--card__pricing--tRCgo {
        display: flex;
        justify-content: flex-end;
        min-height: 36px
    }

.merchandising-course-card--card--2UfMa .merchandising-course-card--card__image--upq5w {
    display: block;
    height: 122px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 0 0 hsla(220,7%,92%,.5)
}

.merchandising-course-card--card--2UfMa .merchandising-course-card--card__instructor-avatars--3AJqW {
    height: 50px;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px
}

    .merchandising-course-card--card--2UfMa .merchandising-course-card--card__instructor-avatars--3AJqW .merchandising-course-card--card__instructor-avatar--1OE2G {
        display: inline-block;
        margin-right: 3px;
        position: relative;
        overflow: hidden
    }

        .merchandising-course-card--card--2UfMa .merchandising-course-card--card__instructor-avatars--3AJqW .merchandising-course-card--card__instructor-avatar--1OE2G .user-avatar {
            background: #fff;
            border: 3px solid #fff;
            border-radius: 2px
        }

.merchandising-course-card--card--2UfMa .merchandising-course-card--card__options--3h6RM {
    display: block;
    position: relative
}

    .merchandising-course-card--card--2UfMa .merchandising-course-card--card__options--3h6RM > img {
        width: 100%;
        opacity: 1;
        -webkit-filter: sepia(.1) grayscale(.1) saturate(.8);
        filter: sepia(.1) grayscale(.1) saturate(.8)
    }

.merchandising-course-card--card--2UfMa .merchandising-course-card--mask--2-b-d {
    background: #fff;
    color: #29303b;
    height: 290px;
    display: block;
    font-size: small;
    overflow: hidden;
    position: relative
}

.mobile .merchandising-course-card--card--2UfMa > a:hover .merchandising-course-card--card__options--3h6RM > img {
    opacity: 1
}

.my-courses .merchandising-course-card--card--2UfMa {
    width: 230px !important;
    margin: 10px
}

@media (max-width:767px) {
    .my-courses .merchandising-course-card--card--2UfMa {
        width: 100% !important;
        margin: 0 0 15px
    }

    .my-courses .card-wrapper.card-wrapper--merchandising {
        margin: 0
    }
}

@media (min-width:768px) {
    .merchandising-course-card--card--2UfMa {
        position: relative;
        border: none;
        box-shadow: none
    }

        .merchandising-course-card--card--2UfMa:after, .merchandising-course-card--card--2UfMa:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transition: .2s ease;
            pointer-events: none
        }

        .merchandising-course-card--card--2UfMa:before {
            box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
            opacity: 1
        }

        .merchandising-course-card--card--2UfMa:after {
            opacity: 0;
            box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
        }

        .merchandising-course-card--card--2UfMa:hover:before {
            opacity: 0
        }

        .merchandising-course-card--card--2UfMa:hover:after {
            opacity: 1
        }
}

@media (max-width:767px) {
    .merchandising-course-card--responsive--14_rN {
        border-bottom: 1px solid #e8e9eb;
        display: block;
        width: auto;
        height: auto;
        box-shadow: none;
        margin-right: 0
    }

        .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__content-info--w4ejK {
            display: none
        }

        .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__details--4coAj {
            flex: 1;
            min-width: 1px;
            display: block;
            width: 100%;
            padding: 0 0 0 10px
        }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__details--4coAj .merchandising-course-card--card__instructor-titles--2JzTX, .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__details--4coAj .merchandising-course-card--details__name--mG8UB {
                min-height: 0;
                margin: 0 0 5px !important
            }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__details--4coAj .merchandising-course-card--details__rating--38HIn, .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__details--4coAj .merchandising-course-card--details__rating--38HIn.merchandising-course-card--more-space--1c4oY {
                margin-bottom: 5px
            }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__details--4coAj .merchandising-course-card--card__pricing--tRCgo {
                padding-left: 0;
                padding-bottom: 0;
                min-height: 0
            }

        .merchandising-course-card--responsive--14_rN > a:hover .merchandising-course-card--card__options--3h6RM {
            background: none
        }

        .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__options--3h6RM {
            height: 87px;
            overflow: hidden;
            min-width: 87px;
            width: 87px
        }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__options--3h6RM > span {
                display: none
            }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--card__options--3h6RM > img {
                max-width: none;
                width: auto;
                height: 87px;
                margin-left: -34px
            }

        .merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d {
            display: flex;
            height: auto;
            background: none;
            padding: 5px 0
        }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d .merchandising-course-card--card__instructor-avatars--3AJqW {
                display: none
            }

            .merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d .merchandising-course-card--card__instructor-titles--2JzTX, .merchandising-course-card--responsive--14_rN .merchandising-course-card--mask--2-b-d .merchandising-course-card--details__name--mG8UB {
                height: auto;
                margin: 0
            }
}

.merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ {
    box-shadow: none;
    height: 100%;
    margin: 0 0 10px;
    max-width: calc(100vw/2 - 30px)
}

    .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ:before {
        box-shadow: none
    }

    .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ .merchandising-course-card--card__details--4coAj {
        display: block;
        padding: 0
    }

        .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ .merchandising-course-card--card__details--4coAj .merchandising-course-card--card__instructor-titles--2JzTX {
            font-size: 12px;
            margin-bottom: 0
        }

        .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ .merchandising-course-card--card__details--4coAj .merchandising-course-card--card__pricing--tRCgo {
            justify-content: flex-start;
            margin-bottom: 4px;
            min-height: 16px
        }

        .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ .merchandising-course-card--card__details--4coAj .merchandising-course-card--details__name--mG8UB {
            font-size: 12px;
            margin-bottom: 0;
            margin-top: 8px;
            min-height: 32px
        }

    .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ .merchandising-course-card--card__image--upq5w {
        height: 33%;
        box-shadow: 0 1px 0 0 hsla(220,7%,92%,.5)
    }

    .merchandising-course-card--card--2UfMa.merchandising-course-card--vertical-card--3fXMJ .merchandising-course-card--mask--2-b-d {
        background-color: transparent;
        font-size: 12px;
        height: auto
    }

.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
    content: " ";
    display: table
}

.navbar-collapse:after, .navbar-header:after, .navbar:after {
    clear: both
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 2px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:576px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: 21px;
    height: 50px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width:768px) {
    .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.25px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 21px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 14.5px;
                padding-bottom: 14.5px
            }
}

.navbar-form {
    margin: 3px -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto
        }

        .navbar-form .input-group > .form-control {
            width: 100%
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 3px;
    margin-bottom: 3px
}

    .navbar-btn.btn-sm {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 14.5px;
    margin-bottom: 14.5px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #e7e7e7;
        color: #555
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #8f95a0
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
        color: #8f95a0
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #080808;
        color: #fff
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #8f95a0
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #8f95a0
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #8f95a0
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 2px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 11px 12px;
            line-height: 1.43;
            text-decoration: none;
            color: #007791;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px
        }

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

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

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #007791;
            background-color: #e6f2f5;
            border-color: #007791
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        background-color: #007791;
        border-color: #007791;
        cursor: default
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #a1a7b3;
        background-color: transparent;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination .pagination-first, .pagination .pagination-last {
    margin: 0 -3px
}

.pagination .pagination-ml-10 {
    margin-left: -10px
}

.pagination .pagination-mr-10 {
    margin-right: -10px
}

.pagination li:nth-last-of-type(3):not(:nth-of-type(-n+2)).disabled a, .pagination li:nth-last-of-type(4):not(:nth-of-type(-n+2)).disabled a, .pagination li:nth-of-type(3):not(:nth-last-of-type(-n+2)).disabled a, .pagination li:nth-of-type(4):not(:nth-last-of-type(-n+2)).disabled a {
    color: #007791;
    background-color: #fff;
    border-color: #ddd
}

.pagination li a {
    padding: 10px 15px
}

.panel-body:after, .panel-body:before {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

    .panel-heading > .dropdown .dropdown-toggle, .panel-title {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 1px;
        border-top-left-radius: 1px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption {
        padding-left: 15px;
        padding-right: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
        border-top-right-radius: 1px;
        border-top-left-radius: 1px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
            border-top-left-radius: 1px
        }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
            border-top-right-radius: 1px
        }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 1px
        }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 1px
        }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 21px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 2px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #505763;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #505763
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #ec5252
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #ec5252;
        border-color: #ec5252
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ec5252
        }

        .panel-primary > .panel-heading .badge {
            color: #ec5252;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ec5252
    }

.panel-success {
    border-color: #e9f7f1
}

    .panel-success > .panel-heading {
        color: #004025;
        background-color: #e9f7f1;
        border-color: #e9f7f1
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #e9f7f1
        }

        .panel-success > .panel-heading .badge {
            color: #e9f7f1;
            background-color: #004025
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #e9f7f1
    }

.panel-info {
    border-color: #e6f2f5
}

    .panel-info > .panel-heading {
        color: #003440;
        background-color: #e6f2f5;
        border-color: #e6f2f5
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #e6f2f5
        }

        .panel-info > .panel-heading .badge {
            color: #e6f2f5;
            background-color: #003440
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #e6f2f5
    }

.panel-warning {
    border-color: #fff2e5
}

    .panel-warning > .panel-heading {
        color: #4d2000;
        background-color: #fff2e5;
        border-color: #fff2e5
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #fff2e5
        }

        .panel-warning > .panel-heading .badge {
            color: #fff2e5;
            background-color: #4d2000
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #fff2e5
    }

.panel-danger {
    border-color: #faebeb
}

    .panel-danger > .panel-heading {
        color: #521822;
        background-color: #faebeb;
        border-color: #faebeb
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebeb
        }

        .panel-danger > .panel-heading .badge {
            color: #faebeb;
            background-color: #521822
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebeb
    }

.panel-title a, .panel-title a:focus, .panel-title a:hover {
    color: inherit
}

.panel {
    position: relative;
    border: none;
    box-shadow: none
}

    .panel:after, .panel:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: .2s ease;
        pointer-events: none
    }

    .panel:before {
        box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
        opacity: 1
    }

    .panel:after {
        opacity: 0;
        box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
    }

    .panel:hover:before {
        opacity: 0
    }

    .panel:hover:after {
        opacity: 1
    }

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #686f7a
}

caption, th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.43;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #e9f7f1
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d6f0e5
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #e6f2f5
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #d4e9ee
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fff2e5
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #ffe5cb
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #faebeb
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #f5d7d7
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 2px
}

.well-sm {
    padding: 9px;
    border-radius: 2px
}

#AWIN_CDT {
    position: absolute;
    width: 0;
    height: 0;
    border: 0
}

.ng-cloak, [ng-cloak] {
    display: none !important
}

.modal .loginbox-v4 {
    margin: 0;
    border: 0
}

.loginbox-v4 {
    border-radius: 6px;
    color: #29303b;
    width: 380px
}

    .loginbox-v4.onboarding-signup {
        align-self: center;
        display: flex;
        height: 80vh;
        margin-left: auto;
        margin-right: auto;
        width: 50%
    }

    .loginbox-v4 #form-item-email label, .loginbox-v4 #form-item-fullname label, .loginbox-v4 #form-item-password label, .loginbox-v4 #form-item-title label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0
    }

    .loginbox-v4 #form-item-email .asteriskField, .loginbox-v4 #form-item-fullname .asteriskField, .loginbox-v4 #form-item-password .asteriskField, .loginbox-v4 #form-item-title .asteriskField {
        display: none
    }

    .loginbox-v4 #form-item-email:before, .loginbox-v4 #form-item-fullname:before, .loginbox-v4 #form-item-password:before, .loginbox-v4 #form-item-title:before {
        font-family: UdemyIcons;
        color: #cacbcc;
        font-size: 16px;
        left: 8px;
        line-height: 1;
        margin-top: 16px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 24px;
        z-index: 2
    }

    .loginbox-v4 #form-item-email:before {
        content: "\F0E5"
    }

    .loginbox-v4 #form-item-fullname:before {
        content: "\F009"
    }

    .loginbox-v4 #form-item-password:before {
        content: "\F023"
    }

    .loginbox-v4 #form-item-title:before {
        content: "\F135"
    }

    .loginbox-v4 #form-item-signup {
        display: none
    }

    .loginbox-v4.loginbox-v4--estacio .logos {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px 0
    }

        .loginbox-v4.loginbox-v4--estacio .logos .logosep {
            content: " ";
            height: 27px;
            margin: 0 10px;
            width: 1px;
            border-right: 2px solid #cacbcc
        }

        .loginbox-v4.loginbox-v4--estacio .logos .logo {
            flex: 0 0 auto;
            min-width: 1px
        }

        .loginbox-v4.loginbox-v4--estacio .logos .logo__image {
            max-height: 40px
        }

        .loginbox-v4.loginbox-v4--estacio .logos .logo__image--smaller {
            margin-top: 4px;
            max-height: 28px;
            width: 84px
        }

    .loginbox-v4.loginbox-v4--values {
        max-width: 450px
    }

    .loginbox-v4 .disabled-btn {
        opacity: .5
    }

    .loginbox-v4 .form-actions {
        margin: 0 0 16px
    }

    .loginbox-v4 .alert-danger {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .loginbox-v4 .manage-fields-wrapper {
        background: transparent;
        box-shadow: none
    }

        .loginbox-v4 .manage-fields-wrapper input[type=email], .loginbox-v4 .manage-fields-wrapper input[type=password], .loginbox-v4 .manage-fields-wrapper input[type=text] {
            border-radius: 5px;
            color: #29303b;
            font-size: 18px;
            height: auto;
            padding: 11px 10px 12px 40px
        }

            .loginbox-v4 .manage-fields-wrapper input[type=email]:focus, .loginbox-v4 .manage-fields-wrapper input[type=password]:focus, .loginbox-v4 .manage-fields-wrapper input[type=text]:focus {
                border-color: #76c5d6
            }

                .loginbox-v4 .manage-fields-wrapper input[type=email]:focus ~ i, .loginbox-v4 .manage-fields-wrapper input[type=password]:focus ~ i, .loginbox-v4 .manage-fields-wrapper input[type=text]:focus ~ i {
                    color: #a1a7b3
                }

        .loginbox-v4 .manage-fields-wrapper > div {
            margin-bottom: 8px;
            position: relative
        }

        .loginbox-v4 .manage-fields-wrapper i {
            color: #dedfe0;
            font-size: 18px;
            left: 10px;
            margin-top: -10px;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 18px
        }

    .loginbox-v4 .submit-row {
        text-align: center
    }

        .loginbox-v4 .submit-row > input {
            font-size: 16px;
            font-weight: 600;
            height: 48px;
            margin-bottom: 16px;
            width: 100%
        }

.loginbox-v4__content {
    padding: 24px 24px 16px
}

.loginbox-v4__footer {
    display: block;
    padding: 0 0 24px;
    text-align: center
}

    .loginbox-v4__footer a {
        font-weight: 600
    }

.loginbox-v4__header {
    border-bottom: 1px solid #dedfe0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #29303b;
    display: block;
    font-weight: 600;
    font-size: 15px;
    padding: 24px 64px 24px 24px
}

    .loginbox-v4__header.onboarding-signup {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5em;
        padding: 16px 24px 24px
    }

.loginbox-v4__secondary-text {
    margin: 0 0 16px;
    font-size: 10px;
    text-align: center
}

.loginbox-v4__separator {
    border-top: 1px solid #dedfe0;
    height: 1px
}

.loginbox-v4__separator-container {
    display: flex;
    align-items: center;
    padding-top: 10px
}

    .loginbox-v4__separator-container .loginbox-v4__separator {
        flex: 1 0 auto;
        min-width: 1px
    }

.loginbox-v4__separator-text {
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600
}

.loginbox-v4__signin-link {
    display: flex;
    justify-content: center;
    padding: 8px
}

    .loginbox-v4__signin-link span {
        margin-right: 3px
    }

.loginbox-v4__welcome-back {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

    .loginbox-v4__welcome-back .user-avatar {
        height: 50px;
        margin-bottom: 8px;
        width: 50px
    }

.custom-signup-message .custom-signup-message__title {
    font-size: 24px;
    font-weight: 300;
    margin: 16px 0
}


.onboarding-signup-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    .onboarding-signup-wrapper {
        flex-direction: row;
        height: 85vh
    }
}

.onboarding-signup-wrapper #onboarding-loginbox-wrapper {
    display: flex;
    justify-content: center;
    min-width: 50%;
    width: 350px
}

@media (min-width:1440px) {
    .onboarding-signup-wrapper #onboarding-loginbox-wrapper {
        margin-right: auto;
        min-width: auto;
        width: 768px
    }
}

.onboarding-signup-wrapper #onboarding-signup-wrapper__value-props {
    background: linear-gradient(180deg,#853c6c,#ff7373);
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .onboarding-signup-wrapper #onboarding-signup-wrapper__value-props {
        width: 50%
    }
}

.onboarding-signup-wrapper #onboarding-signup-wrapper__value-props #value-props-container {
    display: flex;
    height: 50vh;
    justify-content: center
}

@media (min-width:1440px) {
    .onboarding-signup-wrapper #onboarding-signup-wrapper__value-props #value-props-container {
        height: 100%;
        margin-left: auto;
        width: 768px
    }
}

.onboarding-signup-wrapper #onboarding-signup-wrapper__value-props #value-props-container #value-props-container__items {
    align-self: center;
    color: #f7f8fa;
    display: flex;
    flex-direction: column;
    padding-bottom: 32px
}

    .onboarding-signup-wrapper #onboarding-signup-wrapper__value-props #value-props-container #value-props-container__items .items__item {
        align-items: center;
        display: flex;
        padding-bottom: 32px
    }

        .onboarding-signup-wrapper #onboarding-signup-wrapper__value-props #value-props-container #value-props-container__items .items__item .item__text {
            margin-left: 11px
        }

    .onboarding-signup-wrapper #onboarding-signup-wrapper__value-props #value-props-container #value-props-container__items #items__title {
        margin-bottom: 32px
    }

body.organization .logo-text {
    color: #29303b;
    font-weight: 700
}

.org-logo {
    height: 40px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

.org-logo, .org-title {
    width: 130px;
    text-align: center
}

@media (max-width:640px) {
    .org-logo, .org-title {
        width: 65px
    }
}

.popup-backdrop, .popup-form-loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.popup-backdrop {
    position: fixed;
    background: rgba(41,48,59,.8)
}

.popup-form-loader {
    position: absolute;
    background: rgba(41,48,59,.25)
}

.card {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0;
    width: 216px;
    text-align: left;
    background-color: #fff;
    position: relative;
    border: none;
    box-shadow: none
}

    .card:after, .card:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: .2s ease;
        pointer-events: none
    }

    .card:before {
        box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
        opacity: 1
    }

    .card:after {
        opacity: 0;
        box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
    }

    .card:hover:before {
        opacity: 0
    }

    .card:hover:after {
        opacity: 1
    }

    .card a {
        color: #29303b;
        display: block;
        font-size: 13px
    }

        .card a:hover img {
            opacity: .5
        }

        .card a:hover .card__content-info, .card a:hover .card__content-info img, .card a:hover .card__instructors, .card a:hover .card__instructors img, .card a:hover:after {
            opacity: 1
        }

    .card .details__instructor, .card .details__name {
        height: 39px;
        display: block !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal
    }

    .card .details__rating {
        margin-bottom: 5px
    }

    .card .review-stars {
        font-size: 17px
    }

        .card .review-stars label {
            cursor: pointer
        }

    .card .star-rating--static {
        margin-right: 5px
    }

    .card .options__wishlist .tooltip {
        top: 0;
        right: 20px;
        visibility: hidden;
        transition: .25s cubic-bezier(.46,.03,.52,.96)
    }

    .card .options__wishlist .tooltip__arrow {
        border-left-color: #fff
    }

    .card .options__wishlist .tooltip__inner {
        max-width: 175px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
        background-color: #fff;
        color: #505763
    }

    .card .options__wishlist .icon {
        font-size: 18px;
        color: #505763;
        text-stroke: 1px #fff;
        -webkit-text-stroke: 1px #fff
    }

.ie .card .options__wishlist .icon {
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}

.card .options__wishlist .icon:before {
    float: right
}

.card .options__wishlist.active .icon {
    color: #ec5252;
    text-stroke: 1px #fff;
    -webkit-text-stroke: 1px #fff
}

.ie .card .options__wishlist.active .icon {
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}

.card .options__wishlist:hover {
    cursor: pointer
}

    .card .options__wishlist:hover .tooltip {
        opacity: 1;
        visibility: visible
    }

    .card .options__wishlist:hover .icon {
        color: #ec5252;
        text-stroke: 1px #fff;
        -webkit-text-stroke: 1px #fff
    }

.ie .card .options__wishlist:hover .icon {
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}

.card .options__dropdown .dropdown-menu {
    -webkit-box-shadow: 0 0 5px rgba(41,48,59,.175);
    box-shadow: 0 0 5px rgba(41,48,59,.175);
    padding: 0;
    border: 0
}

    .card .options__dropdown .dropdown-menu a {
        padding: 5px 12px
    }

        .card .options__dropdown .dropdown-menu a:hover {
            box-shadow: none
        }

.card .options__dropdown .tooltip__card-dropdown {
    right: -13px;
    top: 100%;
    white-space: nowrap;
    z-index: 0
}

    .card .options__dropdown .tooltip__card-dropdown .tooltip-arrow {
        left: auto;
        right: 17px
    }

    .card .options__dropdown .tooltip__card-dropdown .tooltip__card-dropdown__content {
        width: 230px;
        white-space: normal;
        font-size: 12px;
        display: inline-flex
    }

.card__instructors {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    height: 50px
}

.card__instructor {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    border: 3px solid #fff;
    position: relative;
    margin-right: 3px;
    display: inline-block;
    overflow: hidden
}

.card__content-info {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    opacity: 0;
    background: none;
    position: absolute;
    left: 0;
    text-align: left;
    text-stroke: .4px #fff;
    -webkit-text-stroke: .4px #fff;
    margin-left: 10px;
    z-index: 2;
    top: 70px
}

.ie .card__content-info {
    text-shadow: -.4px -.4px 0 #fff,.4px -.4px 0 #fff,-.4px .4px 0 #fff,.4px .4px 0 #fff
}

.card__image {
    height: auto;
    display: block;
    position: relative;
    background: #29303b;
    overflow: hidden
}

    .card__image img {
        width: 100%
    }

.card__details {
    padding: 12px 15px;
    display: block
}

.card__options {
    position: absolute;
    top: 10px;
    right: 10px
}

.card__price {
    font-weight: 700;
    font-size: 15px;
    color: #505763
}

.card__price--old {
    color: #686f7a;
    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;
    margin-left: 5px
}

body.no-footer .ud-component--footer--app, body.no-header-or-footer .c_header, body.no-header-or-footer .ud-component--footer--app {
    visibility: hidden
}

.page-when-header-mobile-nav-open, .page-when-header-mobile-nav-open body {
    height: 100vh;
    overflow: hidden
}

.c_activity-notification .notification__list {
    max-height: 415px;
    overflow-y: auto
}

    .c_activity-notification .notification__list a:focus {
        outline-offset: -4px
    }

.c_activity-notification .notification__url {
    padding: 10px 15px;
    border-bottom: 1px solid hsla(210,3%,87%,.45)
}

    .c_activity-notification .notification__url:hover {
        background: #f7f8fa
    }

    .c_activity-notification .notification__url:last-child {
        border-bottom: none
    }

.c_activity-notification .notification__message {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 40px;
    color: #505763;
    line-height: 1.5
}

.c_activity-notification .notification__time {
    color: #686f7a;
    font-size: 13px;
    margin-top: 4px
}

.c_activity-notification .notification__status-container {
    position: absolute;
    top: 0;
    right: 0
}

.c_activity-notification .notification__status {
    display: block;
    padding: 12px
}

.c_activity-notification .notification__status-icon {
    background: #007791;
    border: 1px solid transparent;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.c_activity-notification .notification__status-tooltip.bottom {
    left: auto;
    right: 12px;
    margin: 0;
    padding: 0;
    transform: none
}

.c_activity-notification .notification--is-read .notification__status {
    cursor: default
}

.c_activity-notification .notification--is-read .notification__status-icon {
    background: transparent;
    border-color: rgba(41,48,59,.25)
}

.c_header {
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
    display: block;
    position: relative;
    z-index: 1010
}

    .c_header .dropdown {
        font-size: 13px;
        margin: 0 2px;
        padding: 10px 0
    }

    .c_header.c_header--desktop .dropdown--open-on-hover:hover .dropdown-toggle, .c_header .dropdown--open-on-hover.open .dropdown-toggle {
        background: rgba(20,23,28,.05);
        border-color: rgba(20,23,28,.05)
    }

    .c_header.c_header--desktop .dropdown--open-on-hover:hover .dropdown-menu, .c_header .dropdown--open-on-hover.open .dropdown-menu {
        display: block
    }

    .c_header.c_header--desktop .dropdown--open-on-hover:hover .dropdown-menu--notice, .c_header .dropdown--open-on-hover.open .dropdown-menu--notice {
        display: none
    }

    .c_header.c_header--desktop .dropdown--topics.dropdown--open-on-hover:hover .dropdown-toggle, .c_header.c_header--desktop .dropdown--user.dropdown--open-on-hover:hover .dropdown-toggle, .c_header .dropdown--topics.open .dropdown-toggle, .c_header .dropdown--user.open .dropdown-toggle {
        background: none;
        border-color: transparent
    }

    .c_header.c_header--desktop .uftPopup__header__button.dropdown--open-on-hover:hover .dropdown-toggle, .c_header .uftPopup__header__button .dropdown-toggle:focus, .c_header .uftPopup__header__button.open .dropdown-toggle {
        background: #00667d;
        border-color: #00667d
    }

    .c_header.c_header--desktop .dropdown--org-days-left.dropdown--open-on-hover:hover .dropdown-toggle, .c_header .dropdown--org-days-left .dropdown-toggle:focus, .c_header .dropdown--org-days-left.open .dropdown-toggle {
        background: #ea4040;
        border-color: #ea4040
    }

    .c_header.c_header--ufb .c_header__inner {
        max-width: 100%
    }

    .c_header .badge {
        border: none;
        min-width: 19px
    }

    .c_header .badge--no-text {
        font-size: 0;
        width: 12px;
        height: 12px;
        min-width: 0
    }

    .c_header .c_header__inner {
        display: flex;
        justify-content: space-between;
        background: inherit;
        box-sizing: border-box;
        height: 65px;
        max-width: 1405px;
        margin: auto;
        padding: 0 15px;
        position: relative;
        z-index: 1011
    }

    .c_header .c_header__left {
        flex: 1;
        min-width: 1px;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .c_header .c_header__logo-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .c_header .c_header__logo-wrap {
        margin: 0 16px 0 0
    }

    .c_header .c_header__mobile-bt {
        display: none;
        background: none;
        border: none;
        font-size: 24px;
        color: #686f7a;
        width: 48px;
        height: 48px;
        touch-action: pan-y;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        padding: 0
    }

        .c_header .c_header__mobile-bt .udi-search {
            font-size: 20px;
            vertical-align: 1px
        }

    .c_header .c_header__mobile-spacer {
        display: none;
        visibility: hidden
    }

    .c_header .c_header__overlay {
        cursor: pointer;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1011;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        -ms-transition: opacity .2s ease-out;
        -o-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out;
        background-color: rgba(41,48,59,.55)
    }

    .c_header .c_header__right {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .c_header .c_header__search-wrapper {
        margin: 0 25px;
        max-width: 630px;
        width: 100%
    }

    .c_header .dropdown--icon .udi-heart-o {
        color: #ec5252
    }

    .c_header .dropdown--icon .dropdown-toggle {
        border-radius: 50%;
        padding: 12px 0;
        width: 45px
    }

    .c_header .dropdown--instructor .dropdown-menu {
        min-width: 210px;
        padding: 8px 0
    }

    .c_header .dropdown__main-icon {
        font-size: 20px;
        color: #686f7a;
        display: block;
        padding: 0
    }

    .c_header .dropdown-toggle {
        display: flex;
        flex-direction: row;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #505763;
        font-weight: 400;
        height: 45px;
        line-height: 20px;
        padding: 12px 15px;
        white-space: nowrap
    }

        .c_header .dropdown-toggle .badge {
            position: absolute;
            right: 0;
            top: -10px
        }

    .c_header .dropdown--open-on-hover .dropdown-menu {
        border: none;
        border-radius: 0;
        border-bottom-left-radius: 2px;
        border-top: 1px solid #e8e9eb;
        box-shadow: 0 4px 16px rgba(20,23,28,.25);
        color: #505763;
        font-size: 13px;
        margin: 0
    }

        .c_header .dropdown--open-on-hover .dropdown-menu:after, .c_header .dropdown--open-on-hover .dropdown-menu:before {
            border-style: solid;
            border-width: 0 10px 13px;
            content: "" !important;
            height: 0;
            position: absolute;
            left: 14px;
            width: 0
        }

        .c_header .dropdown--open-on-hover .dropdown-menu:before {
            border-color: transparent transparent #e8e9eb;
            top: -14px
        }

        .c_header .dropdown--open-on-hover .dropdown-menu:after {
            border-color: transparent transparent #fff;
            top: -12px
        }

        .c_header .dropdown--open-on-hover .dropdown-menu.dropdown-menu-right {
            border-bottom-right-radius: 2px;
            right: 0
        }

            .c_header .dropdown--open-on-hover .dropdown-menu.dropdown-menu-right:after, .c_header .dropdown--open-on-hover .dropdown-menu.dropdown-menu-right:before {
                left: auto;
                right: 14px
            }

        .c_header .dropdown--open-on-hover .dropdown-menu.skin2, .c_header .dropdown--open-on-hover .dropdown-menu.skin3, .c_header .dropdown--open-on-hover .dropdown-menu.skin4, .c_header .dropdown--open-on-hover .dropdown-menu.skin5, .c_header .dropdown--open-on-hover .dropdown-menu.skin6 {
            background: #29303b
        }

    .c_header .dropdown-menu--notice {
        display: block
    }

    .c_header .dropdown--open-on-hover .dropdown-menu--purple {
        border-top-color: #6e1a52
    }

        .c_header .dropdown--open-on-hover .dropdown-menu--purple:after, .c_header .dropdown--open-on-hover .dropdown-menu--purple:before {
            border-color: transparent transparent #6e1a52
        }

    .c_header .c_quick-search__form .dropdown {
        margin: 0;
        padding: 0
    }

    .c_header .dropdown--mycourses .dropdown-menu, .c_header .dropdown--notification .dropdown-menu, .c_header .dropdown--shopping-list .dropdown-menu {
        width: 330px;
        padding: 0
    }

[lang=de-de] .c_header .dropdown--notification .dropdown-menu, [lang=es-es] .c_header .dropdown--notification .dropdown-menu, [lang=fr-fr] .c_header .dropdown--notification .dropdown-menu, [lang=pl-pl] .c_header .dropdown--notification .dropdown-menu, [lang=ru-ru] .c_header .dropdown--notification .dropdown-menu, [lang=tr-tr] .c_header .dropdown--notification .dropdown-menu {
    width: 420px
}

.c_header .dropdown--notification .nav-tabs {
    padding: 0
}

    .c_header .dropdown--notification .nav-tabs > li {
        display: inline-block;
        float: none;
        padding: 0 4px
    }

        .c_header .dropdown--notification .nav-tabs > li > a {
            font-size: 13px;
            padding: 4px 8px
        }

    .c_header .dropdown--notification .nav-tabs .badge {
        position: absolute;
        right: -9px;
        top: -4px
    }

.c_header .dropdown--notification .notification__header {
    border-bottom: 1px solid hsla(210,3%,87%,.45);
    color: #29303b;
    font-size: 15px;
    min-height: 45px;
    padding: 12px 12px 0;
    white-space: nowrap
}

.c_header .dropdown--notification .notification__settings {
    color: #a1a7b3;
    font-size: 20px;
    position: relative;
    top: -4px
}

    .c_header .dropdown--notification .notification__settings:hover {
        color: #686f7a
    }

.c_header .dropdown--org-days-left .dropdown-toggle {
    background: #ec5252;
    border-color: #ec5252;
    color: #fff
}

    .c_header .dropdown--org-days-left .dropdown-toggle:active {
        background: #e93636;
        border-color: #e93636
    }

.c_header .dropdown--org-manage .dropdown-menu {
    min-width: 240px;
    padding: 8px 0 0
}

.c_header .dropdown--topics .dropdown-toggle {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px
}

    .c_header .dropdown--topics .dropdown-toggle .udi {
        color: #a1a7b3;
        margin-right: 4px
    }

.c_header .dropdown--topics .dropdown-menu {
    width: 270px;
    /*height: 560px;*/
    padding: 0
}

.c_header .dropdown--topics .dropdown-menu--sub {
    border: 0;
    border-bottom-left-radius: 0;
    left: 100%;
    top: 0;
    min-height: 100%;
    overflow: visible;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    box-shadow: 4px 4px 16px rgba(20,23,28,.25)
}

    .c_header .dropdown--topics .dropdown-menu--sub:after, .c_header .dropdown--topics .dropdown-menu--sub:before {
        display: none
    }

.c_header .dropdown--topics .dropdown-menu--level-two {
    background: #f7f8fa;
    top: -1px
}

.c_header .dropdown--topics .dropdown-menu--level-three {
    background: #f2f3f5
}

.c_header .dropdown--topics .dropdown-menu__list {
    height: 100%;
    padding: 16px 0
}

    .c_header .dropdown--topics .dropdown-menu__list .menu__link a {
        padding: 5px 15px
    }

    .c_header .dropdown--topics .dropdown-menu__list > li.maintain-hover > a {
        background: #f2f3f5;
        color: #007791
    }

    .c_header .dropdown--topics .dropdown-menu__list > li.maintain-hover > .dropdown-menu--sub {
        opacity: 1;
        visibility: visible
    }

    .c_header .dropdown--topics .dropdown-menu__list .menu__placeholder {
        animation: pulse 1s infinite ease-in-out;
        padding: 5px 15px;
        display: flex;
        align-items: center
    }

@keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.c_header .dropdown--topics .dropdown-menu__list .menu__placeholder--icon {
    background: #e8e9eb;
    width: 20px;
    height: 20px;
    margin-right: 20px
}

.c_header .dropdown--topics .dropdown-menu__list .menu__placeholder--text-wrapper {
    flex: 1
}

.c_header .dropdown--topics .dropdown-menu__list .menu__placeholder--text {
    background: #e8e9eb;
    height: 1em
}

.c_header .dropdown--topics .org-custom-category img {
    margin: 0 20px 0 5px;
    width: 16px
}

.c_header .dropdown--topics .org-custom-category + .divider {
    margin: 20px 0
}

.c_header .dropdown--user {
    margin-right: 0
}

    .c_header .dropdown--user .dropdown-toggle {
        padding: 0
    }

        .c_header .dropdown--user .dropdown-toggle .badge {
            right: 4px;
            top: 9px
        }

        .c_header .dropdown--user .dropdown-toggle .user-avatar {
            width: 45px
        }

    .c_header .dropdown--user .dropdown-menu {
        padding: 8px 0 16px;
        width: 300px
    }

    .c_header .dropdown--user .menu__link .badge {
        margin-left: 16px
    }

    .c_header .dropdown--user .menu__link .menu__icon {
        margin: 0 18px 0 9px
    }

    .c_header .dropdown--user .account-menu-ufb-ad a:not(.btn) {
        padding-bottom: 0;
        padding-top: 0
    }

    .c_header .dropdown--user .account-menu-teach-ad a:not(.btn) {
        margin-top: 4px;
        padding-top: 0;
        padding-bottom: 0
    }

.c_header .menu__arrow {
    color: #a1a7b3;
    font-size: 10px;
    margin-right: -2px;
    padding: 0
}

.c_header .menu__course-labels-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    color: #29303b;
    font-size: 15px;
    padding: 5px 15px;
    width: 100%
}

.c_header .dropdown-header {
    color: #686f7a;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 22px;
    text-transform: uppercase
}

.c_header .dropdown__footer {
    background: #f7f8fa;
    height: 58px
}

    .c_header .dropdown__footer a {
        color: #007791;
        display: block;
        font-size: 13px;
        font-weight: 600;
        padding: 20px 15px
    }

        .c_header .dropdown__footer a .udi-next {
            position: relative;
            font-size: 12px;
            left: 4px;
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .c_header .dropdown__footer a:hover {
            color: #004d5e;
            background: #f2f3f5
        }

            .c_header .dropdown__footer a:hover .udi-next {
                left: 8px
            }

.c_header .menu__icon {
    color: #a1a7b3;
    font-size: 20px;
    font-weight: 600;
    margin-right: 20px
}

.c_header .menu__link a:not(.btn) {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #29303b;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 22px;
    width: 100%;
    position: relative
}

    .c_header .menu__link a:not(.btn):hover {
        color: #007791
    }

        .c_header .menu__link a:not(.btn):hover .udi {
            color: #a1a7b3
        }

.c_header .menu__link:hover {
    background: #f2f3f5
}

    .c_header .menu__link:hover .udi {
        color: #a1a7b3
    }

.c_header .dropdown__footer a:focus, .c_header .menu__link a:focus, .c_header .mobile-nav header a:focus, .c_header .mycourses__list a:focus {
    outline-offset: -4px
}

.c_header .dropdown-menu .divider {
    background-color: hsla(210,3%,87%,.45);
    margin: 4px 22px
}

.c_header .dropdown-menu .divider--account-ads {
    margin-bottom: 10px
}

.c_header .menu__link--highlight {
    background: #f7f8fa
}

    .c_header .menu__link--highlight a:not(.btn) {
        margin-top: 10px;
        padding: 20px
    }

        .c_header .menu__link--highlight a:not(.btn) .udi, .c_header .menu__link--highlight a:not(.btn):hover .udi {
            color: #007791;
            font-size: 24px
        }

.c_header .dropdown--mycourses .metadata__title {
    color: #505763;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600
}

.c_header .dropdown--mycourses .metadata__instructor {
    color: #686f7a;
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 13px;
    line-height: 21px;
    margin-top: 4px;
    max-height: 42px
}

.c_header .mycourses__list {
    max-height: 341px;
    overflow-y: auto;
    position: relative
}

.c_header .mycourses__image {
    position: relative;
    width: 60px;
    height: 60px
}

    .c_header .mycourses__image img {
        width: 100%
    }

.c_header .mycourses__item a {
    display: block;
    padding: 23px 23px 10px
}

    .c_header .mycourses__item a:hover {
        background: none
    }

        .c_header .mycourses__item a:hover .metadata__title {
            color: #007791
        }

.c_header .zero-state .dropdown-menu {
    font-size: 15px;
    padding: 24px 16px;
    text-align: center;
    width: 330px
}

@media (max-width:575px) {
    .c_header .zero-state .dropdown-menu {
        width: 250px
    }
}

.c_header .nav-open .mobile-nav {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

    .c_header .nav-open .mobile-nav .user-avatar {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

.c_header .nav-open .mobile-nav__user {
    opacity: 1;
    -webkit-transition: .6s cubic-bezier(.02,.01,.21,1) .7s;
    -moz-transition: .6s .7s cubic-bezier(.02,.01,.21,1);
    -ms-transition: .6s .7s cubic-bezier(.02,.01,.21,1);
    -o-transition: .6s .7s cubic-bezier(.02,.01,.21,1);
    transition: .6s cubic-bezier(.02,.01,.21,1) .7s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.c_header .nav-open .mobile-nav__profile:after {
    -webkit-transform: scale(3.6);
    -ms-transform: scale(3.6);
    -o-transform: scale(3.6);
    transform: scale(3.6)
}

.c_header .nav-open--level-one .mobile-nav__main {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.c_header .nav-open--level-one .mobile-nav__level-one.active {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.c_header .nav-open--level-two .mobile-nav__main {
    -webkit-transform: translate3d(-200%,0,0);
    -moz-transform: translate3d(-200%,0,0);
    -ms-transform: translate3d(-200%,0,0);
    -o-transform: translate3d(-200%,0,0);
    transform: translate3d(-200%,0,0)
}

.c_header .nav-open--level-two .mobile-nav__level-one.active {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.c_header .nav-open--level-two .mobile-nav__level-two.active {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.c_header .scroll {
    position: relative;
    -webkit-box-shadow: inset 0 -3px 2px 0 #f2f3f5,inset 0 3px 2px 0 #f2f3f5;
    box-shadow: inset 0 -3px 2px 0 #f2f3f5,inset 0 3px 2px 0 #f2f3f5
}

.c_header .scroll--at-bottom {
    position: relative;
    -webkit-box-shadow: inset 0 3px 2px 0 #f2f3f5;
    box-shadow: inset 0 3px 2px 0 #f2f3f5
}

.c_header .scroll--at-top {
    position: relative;
    -webkit-box-shadow: inset 0 -3px 2px 0 #f2f3f5;
    box-shadow: inset 0 -3px 2px 0 #f2f3f5
}

.c_header .uftPopup__header__button .dropdown-toggle {
    background: #007791;
    border-color: #007791;
    color: #fff
}

    .c_header .uftPopup__header__button .dropdown-toggle:active {
        background: #005e72;
        border-color: #005e72
    }

@media (max-width:767px) {
    .c_header .c_header__inner {
        height: 51px;
        padding: 0 3px
    }

    .c_header .c_header__left {
        flex: initial;
        min-width: 1px
    }

    .c_header .c_header__logo-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .c_header .c_header__mobile-bt {
        display: block;
        z-index: 1;
        position: relative
    }

    .c_header .c_header__mobile-spacer {
        display: block;
        flex: 1;
        min-width: 1px
    }

    .c_header .overlay--mobile-show {
        visibility: visible;
        opacity: 1
    }

    .c_header .mobile-nav {
        background: #fff;
        height: 100%;
        left: 0;
        max-width: 80%;
        position: fixed;
        overflow: hidden;
        top: 0;
        width: 285px;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.785,.135,.15,.86);
        -moz-transition: -moz-transform .6s cubic-bezier(.785,.135,.15,.86);
        -o-transition: -o-transform .6s cubic-bezier(.785,.135,.15,.86);
        transition: transform .6s cubic-bezier(.785,.135,.15,.86);
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        z-index: 1012
    }

        .c_header .mobile-nav .badge {
            position: relative;
            left: 10px;
            right: auto
        }

        .c_header .mobile-nav .menu__link a:not(.btn) {
            color: #686f7a;
            padding: 16px 20px
        }

        .c_header .mobile-nav .menu__link--auth {
            padding: 16px 20px
        }

    .c_header .mobile-nav__back-bt {
        background: #f2f3f5;
        border: none;
        color: #686f7a;
        display: block;
        font-weight: 400;
        font-size: 15px;
        padding: 20px
    }

        .c_header .mobile-nav__back-bt .udi-previous {
            margin-right: 8px
        }

    .c_header .mobile-nav__back-ctg-bt {
        background: none;
        display: flex;
        flex-direction: row;
        align-items: center
    }

        .c_header .mobile-nav__back-ctg-bt .menu__icon {
            margin-right: 8px;
            font-size: 25px
        }

    .c_header .mobile-nav__greet {
        color: #505763;
        display: block;
        font-size: 13px
    }

    .c_header .mobile-nav__main {
        -webkit-transition: .6s cubic-bezier(.42,0,0,.99);
        -moz-transition: .6s cubic-bezier(.42,0,0,.99);
        -ms-transition: .6s cubic-bezier(.42,0,0,.99);
        -o-transition: .6s cubic-bezier(.42,0,0,.99);
        transition: .6s cubic-bezier(.42,0,0,.99);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        overflow-y: auto;
        height: 100%
    }

    .c_header .mobile-nav__profile {
        background: #fff;
        display: block;
        padding: 32px 20px;
        position: relative;
        overflow: hidden
    }

        .c_header .mobile-nav__profile:after {
            background: #f2f3f5;
            content: "";
            border-radius: 50%;
            position: absolute;
            width: 300px;
            height: 300px;
            -webkit-transition: .6s cubic-bezier(.02,.01,.21,1) .4s;
            -moz-transition: .6s .4s cubic-bezier(.02,.01,.21,1);
            -ms-transition: .6s .4s cubic-bezier(.02,.01,.21,1);
            -o-transition: .6s .4s cubic-bezier(.02,.01,.21,1);
            transition: .6s cubic-bezier(.02,.01,.21,1) .4s;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            right: -150px;
            bottom: -150px
        }

        .c_header .mobile-nav__profile a {
            position: relative;
            z-index: 1
        }

        .c_header .mobile-nav__profile .user-avatar {
            -webkit-transition: .3s cubic-bezier(.02,.01,.21,1) .4s;
            -moz-transition: .3s .4s cubic-bezier(.02,.01,.21,1);
            -ms-transition: .3s .4s cubic-bezier(.02,.01,.21,1);
            -o-transition: .3s .4s cubic-bezier(.02,.01,.21,1);
            transition: .3s cubic-bezier(.02,.01,.21,1) .4s;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            -o-transform: scale(.3);
            transform: scale(.3);
            opacity: 0
        }

    .c_header .mobile-nav__level-one, .c_header .mobile-nav__level-two {
        background: #fff;
        overflow-y: auto;
        -webkit-transition: .6s cubic-bezier(.42,0,0,.99);
        -moz-transition: .6s cubic-bezier(.42,0,0,.99);
        -ms-transition: .6s cubic-bezier(.42,0,0,.99);
        -o-transition: .6s cubic-bezier(.42,0,0,.99);
        transition: .6s cubic-bezier(.42,0,0,.99);
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        -o-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        font-size: 18px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }

        .c_header .mobile-nav__level-one header, .c_header .mobile-nav__level-two header {
            display: block;
            background: none;
            color: #fff;
            font-weight: 600;
            padding: 0;
            position: relative
        }

    .c_header .mobile-nav__user {
        color: #fff;
        display: block;
        font-size: 15px;
        margin: 0 0 0 16px;
        opacity: 0;
        text-align: left;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: .6s ease-in-out;
        -moz-transition: .6s ease-in-out;
        -ms-transition: .6s ease-in-out;
        -o-transition: .6s ease-in-out;
        transition: .6s ease-in-out;
        transition-property: transform,opacity
    }

    .c_header .mobile-nav__title {
        color: #505763;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px
    }

    .c_header .c_header__search-wrapper {
        margin: 0;
        width: auto
    }

    .c_header .c_quick-search__form {
        display: none
    }

    .c_header .search-open .c_quick-search__form {
        background: #fff;
        box-shadow: 0 2px 1px #dedfe0;
        padding: 5px 15px 15px;
        display: block;
        position: absolute;
        top: 50px;
        right: 0;
        width: 100%;
        height: 67px
    }

    .c_header .search-open form:before {
        border-color: transparent transparent #f2f3f5;
        border-style: solid;
        border-width: 0 9px 10px;
        content: "";
        height: 0;
        left: 50px;
        position: absolute;
        top: -10px;
        width: 0
    }
}

.c_header.c_header--ia-instructor {
    background: transparent;
    box-shadow: none;
    display: block;
    position: relative;
    z-index: 1010
}

    .c_header.c_header--ia-instructor .c_header__mobile-bt {
        color: #fff;
        margin-left: 4px
    }

    .c_header.c_header--ia-instructor .mobile-nav .menu__link:hover {
        background: #fff
    }

    .c_header.c_header--ia-instructor .mobile-nav .menu__link a:not(.btn), .c_header.c_header--ia-instructor .mobile-nav__back-bt, .c_header.c_header--ia-instructor .mobile-nav__profile a:not(.btn) {
        color: #52143e
    }

        .c_header.c_header--ia-instructor .mobile-nav .menu__link a:not(.btn) .udi-next, .c_header.c_header--ia-instructor .mobile-nav .menu__link a:not(.btn) .udi-previous, .c_header.c_header--ia-instructor .mobile-nav__back-bt .udi-next, .c_header.c_header--ia-instructor .mobile-nav__back-bt .udi-previous, .c_header.c_header--ia-instructor .mobile-nav__profile a:not(.btn) .udi-next, .c_header.c_header--ia-instructor .mobile-nav__profile a:not(.btn) .udi-previous {
            color: #ec5252
        }

    .c_header.c_header--ia-instructor .mobile-nav__back-bt {
        font-weight: 700
    }

    .c_header.c_header--ia-instructor .mobile-nav__profile .mobile-nav__greet, .c_header.c_header--ia-instructor .mobile-nav__profile .mobile-nav__title {
        color: #52143e
    }

    .c_header.c_header--ia-instructor .mobile-nav, .c_header.c_header--ia-instructor .mobile-nav__back-bt, .c_header.c_header--ia-instructor .mobile-nav__level-one, .c_header.c_header--ia-instructor .mobile-nav__profile, .c_header.c_header--ia-instructor .mobile-nav__profile:after {
        background-color: #fbfbfa
    }

@media (max-width:767px) {
    .c_header.c_header--ia-instructor .dropdown--org-manage .dropdown-toggle {
        color: #fff
    }
}

.c_header.c_header--ia-instructor .dropdown--notification .nav-tabs > li.active > a, .c_header.c_header--ia-instructor .dropdown--notification .nav-tabs > li.active > a:focus, .c_header.c_header--ia-instructor .dropdown--notification .nav-tabs > li.active > a:hover, .c_header.c_header--ia-instructor .dropdown--notification .nav-tabs > li > a:hover {
    border-color: #ec5252
}


@keyframes pulse-animation {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(.9)
    }

    30% {
        transform: scale(1.1)
    }

    40% {
        transform: scale(1)
    }
}

.footer-v6.footer--ufb .container-fluid {
    max-width: 100%
}

.footer-v6 .fixed-message-container {
    position: fixed;
    bottom: 0;
    z-index: 1060;
    width: 100%
}

.footer-v6 .container-fluid {
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px
}

.footer-v6 .benesse-logo {
    margin-top: -4px
}

.footer-v6 footer {
    background-color: #fff;
    color: #a1a7b3;
    font-size: 13pt;
    line-height: 18px;
    width: 100%
}

.footer-v6 .footer__bottom {
    margin: 30px auto
}

.footer-v6 .footer__inst-banner {
    background: #f7f8fa;
    line-height: 1.43
}

    .footer-v6 .footer__inst-banner .inst-banner__content {
        align-items: center;
        box-sizing: content-box;
        display: flex;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .footer-v6 .footer__inst-banner .inst-banner__btn {
        margin-left: 24px;
        min-width: 160px
    }

    .footer-v6 .footer__inst-banner .inst-banner__heading {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5em;
        margin-bottom: 4px;
        color: #29303b
    }

    .footer-v6 .footer__inst-banner .inst-banner__icon {
        width: 98px
    }

    .footer-v6 .footer__inst-banner .inst-banner__subheading {
        color: #686f7a;
        font-size: 15px
    }

@media (max-width:767px) {
    .footer-v6 .footer__inst-banner .inst-banner__content {
        flex-direction: column;
        align-items: flex-start
    }

    .footer-v6 .footer__inst-banner .inst-banner__btn {
        margin-left: 0
    }

    .footer-v6 .footer__inst-banner .inst-banner__subheading {
        margin-bottom: 8px
    }
}

.footer-v6 .footer__links--bottom li {
    padding: 6px
}

.footer-v6 .footer__links--main ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 90px
}

    .footer-v6 .footer__links--main ul li {
        flex: 33.3%;
        width: 33.3%
    }

        .footer-v6 .footer__links--main ul li:nth-child(n+4) {
            width: 22.2%
        }

.footer-v6 .footer__main {
    margin: 40px auto 30px
}

.footer-v6 hr {
    margin: 0
}

.footer-v6 .hr-primary {
    border-top: 6px solid #ec5252
}

.footer-v6 .locale-dropdown .dropdown-menu, .footer-v6 .locale-dropdown .dropdown-toggle {
    font-size: 13px;
    line-height: 18px;
    min-width: 160px;
    text-align: left;
    width: 100%
}

.footer-v6 .locale-dropdown .dropdown-toggle {
    padding-bottom: 9px;
    padding-top: 9px
}

.footer-v6 .footer__app-download-link {
    display: none
}

.footer-v6 .ufb-notice-container {
    display: flex;
    margin: 16px auto
}

.footer-v6 .ufb-notice-copy {
    color: #505763;
    font-size: 15px;
    padding-right: 48px;
    line-height: 24px
}

    .footer-v6 .ufb-notice-copy a {
        font-weight: 600
    }

.footer-v6 .partners-logos {
    display: inline-flex;
    height: 24px
}

.footer-v6 .logo-item {
    display: flex;
    margin-right: 32px;
    height: 24px
}

@media (max-width:1439px) {
    .footer-v6 .ufb-notice-container {
        display: block;
        margin: 16px auto
    }

    .footer-v6 .ufb-notice-copy {
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .footer-v6 .partners-logos img:nth-child(n+5) {
        display: none
    }
}

@media (max-width:575px) {
    .footer-v6 .partners-logos img:nth-child(n+4) {
        display: none
    }
}

@media (max-width:767px) {
    .footer-v6.footer--payment .footer__copyright {
        margin-bottom: 0
    }

    .footer-v6:not(.footer--payment) .footer__bottom {
        margin: 20px auto
    }

    .footer-v6 .footer__inst-banner .inst-banner__header {
        font-size: 15px;
        margin-top: 0
    }

    .footer-v6 .footer__inst-banner .inst-banner__icon {
        width: 30px
    }

    .footer-v6 .footer__main, .footer-v6.footer--with-intl-links .footer__main {
        margin: 20px auto
    }

    .footer-v6 .footer__links--bottom, .footer-v6 .footer__locale-dropdown {
        text-align: left
    }

    .footer-v6 .footer__app-download-link {
        display: inline
    }
}

@media (min-width:1440px) {
    .footer-v6 .footer__inst-banner .container {
        width: 1440px;
        max-width: 100%
    }
}

.error__container {
    margin: 20vh auto;
    text-align: center
}

    .error__container .error__cta {
        color: #686f7a;
        font-size: 15px;
        line-height: 20px;
        margin-top: 20px
    }

    .error__container .error__greeting {
        color: #e8e9eb;
        font-size: 124px;
        font-weight: 300;
        letter-spacing: -5px;
        line-height: 178px
    }

    .error__container .error__body {
        margin: 0 auto;
        max-width: 370px
    }

    .error__container .error__main {
        font-size: 35px;
        font-weight: 300;
        line-height: 38px
    }

@media (max-width:767px) {
    .error__container .error__greeting {
        font-size: 64px;
        line-height: 93px
    }

    .error__container .error__main {
        font-size: 24px;
        line-height: 28px;
        margin: auto;
        max-width: 300px
    }
}

.uftPopup {
    width: 760px
}

.uftPopup__unlimited {
    font-size: 18px
}

.uftPopup__lock {
    font-size: 20px;
    margin-right: 20px;
    vertical-align: middle
}

.uftPopup__head {
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle
}

.uftPopup__btnWrapper {
    margin-top: 50px
}

.uftPopup__btn {
    padding: 15px 70px
}

.uftPopup__header__button__content {
    background: #007791;
    color: #fff !important
}

    .uftPopup__header__button__content:focus, .uftPopup__header__button__content:hover {
        background-color: #00667d
    }

    .uftPopup__header__button__content:active {
        background-color: #005e72
    }

.uftPopup__heading__inner {
    margin-left: 10px
}

.uftPopup__heading--med {
    margin: 10px 0 0;
    padding: 0;
    font-size: 18px
}

.uftPopup__slider {
    margin-top: 35px
}

.uftPopup__slider__right {
    margin-top: 10px
}

.uftPopup__slider__right__copy {
    font-size: 11px;
    display: inline-block;
    color: #007791
}

.uftPopup__nums {
    margin: 50px 0 30px
}

.uftPopup__nums__head {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.uftPopup__nums__total {
    font-size: 32px;
    font-weight: 700
}

.uftPopup__submit {
    padding: 15px 30px !important
}

.uftPopup__cancel {
    border: 0;
    margin-right: 35px
}

.uftPopup__error {
    margin: 20px 0 0
}

.uftPopup__error__link {
    text-decoration: underline
}

.uftPopup__footer {
    margin-top: 70px;
    text-align: right
}

.uftModal__submit {
    padding: 15px 30px
}

.uftModal__cancel {
    margin-right: 20px;
    border: 0;
    padding: 15px 30px
}

.uftPopup__loader {
    position: absolute;
    background: rgba(41,48,59,.65);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px
}

@media (max-width:767px) {
    .uftPopup__slider {
        display: block
    }

    .uftPopup__slider__right__copy {
        padding-left: 0;
        margin-top: 10px;
        display: inherit
    }

    .uftPopup__footer {
        text-align: center
    }

    .uftModal__cancel {
        margin-right: 0
    }
}

.star-rating--static {
    color: #dedfe0;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    margin-left: -2px
}

    .star-rating--static.star-rating--primary span:before {
        color: #f4c150
    }

    .star-rating--static:before, .star-rating--static span:before {
        font-family: UdemyIcons;
        content: "\2009\F005\2009\2009\F005\2009\2009\F005\2009\2009\F005\2009\2009\F005\2009";
        font-size: 20px;
        letter-spacing: -.5px;
        line-height: 1
    }

    .star-rating--static span {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        z-index: 2
    }

        .star-rating--static span:before {
            color: #f4c150
        }

    .star-rating--static.star-rating--large:before, .star-rating--static.star-rating--large span:before {
        font-size: 22px
    }

    .star-rating--static.star-rating--small:before, .star-rating--static.star-rating--small span:before {
        font-size: 17px
    }

    .star-rating--static.star-rating--smaller:before, .star-rating--static.star-rating--smaller span:before {
        font-size: 15px
    }

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.df, .fx-flex {
    display: flex
}

.fx {
    flex: 1;
    min-width: 1px
}

.aic, .fx-vc {
    align-items: center
}

.fx-drr {
    flex-direction: row-reverse
}

.fx-wrap, .fxwrap {
    flex-wrap: wrap
}

.dif, .fx-dif, .inline-flex {
    display: inline-flex
}

.flex-wrapper, .fx-df {
    display: flex;
    align-items: flex-start
}

.fx-lt, .fxw {
    display: flex
}

.fx-lc, .fxac {
    display: flex;
    flex-direction: row;
    align-items: center
}

.fx-lb {
    display: flex;
    align-items: flex-end
}

.fx-ct, .fxjc {
    align-items: flex-start
}

.fx-c, .fx-ct, .fxc, .fxjc {
    display: flex;
    justify-content: center
}

.fx-c, .fxc {
    flex-direction: row;
    align-items: center
}

.fx-cb, .fxjc {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.fx-rc, .fx-rt, .fxje {
    display: flex;
    justify-content: flex-end
}

.fx-rc {
    align-items: center
}

.fx-rb {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.fx-jsa, .fxjsa {
    display: flex;
    justify-content: space-around
}

.fx-jsb, .fxjsb {
    display: flex;
    justify-content: space-between
}

.fx-dc, .fxdc {
    display: flex;
    flex-direction: column
}

    .fx-dc.center, .fxdc.center {
        align-items: center
    }

    .fx-dc.right, .fxdc.right {
        align-items: flex-end
    }

.fx-jcc {
    justify-content: center
}

.fx-str {
    display: flex;
    align-items: stretch
}

    .fx-str > * {
        height: auto !important
    }

    .fx-str.center {
        justify-content: center
    }

    .fx-str.right {
        justify-content: flex-end
    }

.fx-is {
    align-self: flex-start
}

.fx-ie {
    align-self: flex-end
}

.fx-ic {
    align-self: center
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.thin {
    font-weight: 100
}

.thin-force {
    font-weight: 100 !important
}

.light {
    font-weight: 300
}

.light-force {
    font-weight: 300 !important
}

.regular {
    font-weight: 400
}

.regular-force {
    font-weight: 400 !important
}

.semibold {
    font-weight: 600
}

.semibold-force {
    font-weight: 600 !important
}

.bold {
    font-weight: 700
}

.bold-force {
    font-weight: 700 !important
}

.db {
    display: block
}

.db-force {
    display: block !important
}

.dib {
    display: inline-block
}

.dib-force {
    display: inline-block !important
}

.dn {
    display: none
}

.dn-force {
    display: none !important
}

.oh {
    overflow: hidden
}

.oh-force {
    overflow: hidden !important
}

.oa {
    overflow: auto
}

.oa-force {
    overflow: auto !important
}

.pos-s {
    position: static
}

.pos-s-force {
    position: static !important
}

.pos-r {
    position: relative
}

.pos-r-force {
    position: relative !important
}

.pos-a {
    position: absolute
}

.pos-a-force {
    position: absolute !important
}

.pos-f {
    position: fixed
}

.pos-f-force {
    position: fixed !important
}

.shadow-on-ground {
    box-shadow: 0 0 0 0 rgba(20,23,28,.15)
}

.shadow-on-ground-force {
    box-shadow: 0 0 0 0 rgba(20,23,28,.15) !important
}

.shadow-elevation-one {
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1)
}

.shadow-elevation-one-force {
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1) !important
}

.shadow-elevation-two {
    box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
}

.shadow-elevation-two-force {
    box-shadow: 0 2px 8px 2px rgba(20,23,28,.15) !important
}

.shadow-elevation-three {
    box-shadow: 0 4px 16px rgba(20,23,28,.25)
}

.shadow-elevation-three-force {
    box-shadow: 0 4px 16px rgba(20,23,28,.25) !important
}

.h100p {
    height: 100%
}

.h100p-force {
    height: 100% !important
}

.w100p {
    width: 100%
}

.w100p-force {
    width: 100% !important
}

.text-vertical-middle {
    vertical-align: middle
}

.text-vertical-middle-force {
    vertical-align: middle !important
}

.text-danger-dark {
    color: #992337
}

.text-danger-dark-force {
    color: #992337 !important
}

.bg-danger-dark {
    background-color: #992337
}

.bg-danger-dark-force {
    background-color: #992337 !important
}

.text-danger {
    color: #ec5252
}

.text-danger-force {
    color: #ec5252 !important
}

.bg-danger {
    background-color: #ec5252
}

.bg-danger-force {
    background-color: #ec5252 !important
}

.text-green {
    color: #46c28e
}

.text-green-force {
    color: #46c28e !important
}

.bg-green {
    background-color: #46c28e
}

.bg-green-force {
    background-color: #46c28e !important
}

.text-midnight {
    color: #29303b
}

.text-midnight-force {
    color: #29303b !important
}

.bg-midnight {
    background-color: #29303b
}

.bg-midnight-force {
    background-color: #29303b !important
}

.text-midnight-light {
    color: #505763
}

.text-midnight-light-force {
    color: #505763 !important
}

.bg-midnight-light {
    background-color: #505763
}

.bg-midnight-light-force {
    background-color: #505763 !important
}

.text-midnight-lighter {
    color: #686f7a
}

.text-midnight-lighter-force {
    color: #686f7a !important
}

.bg-midnight-lighter {
    background-color: #686f7a
}

.bg-midnight-lighter-force {
    background-color: #686f7a !important
}

.text-orange {
    color: #f59c49
}

.text-orange-force {
    color: #f59c49 !important
}

.bg-orange {
    background-color: #f59c49
}

.bg-orange-force {
    background-color: #f59c49 !important
}

.text-primary {
    color: #ec5252
}

.text-primary-force {
    color: #ec5252 !important
}

.bg-primary {
    background-color: #ec5252
}

.bg-primary-force {
    background-color: #ec5252 !important
}

.text-purple {
    color: #853c6c
}

.text-purple-force {
    color: #853c6c !important
}

.bg-purple {
    background-color: #853c6c
}

.bg-purple-force {
    background-color: #853c6c !important
}

.text-rain {
    color: #dedfe0
}

.text-rain-force {
    color: #dedfe0 !important
}

.bg-rain {
    background-color: #dedfe0
}

.bg-rain-force {
    background-color: #dedfe0 !important
}

.text-rain-light {
    color: #e8e9eb
}

.text-rain-light-force {
    color: #e8e9eb !important
}

.bg-rain-light {
    background-color: #e8e9eb
}

.bg-rain-light-force {
    background-color: #e8e9eb !important
}

.text-rain-lighter {
    color: #f2f3f5
}

.text-rain-lighter-force {
    color: #f2f3f5 !important
}

.bg-rain-lighter {
    background-color: #f2f3f5
}

.bg-rain-lighter-force {
    background-color: #f2f3f5 !important
}

.text-secondary {
    color: #007791
}

.text-secondary-force {
    color: #007791 !important
}

.bg-secondary {
    background-color: #007791
}

.bg-secondary-force {
    background-color: #007791 !important
}

.text-yellow {
    color: #f4c150
}

.text-yellow-force {
    color: #f4c150 !important
}

.bg-yellow {
    background-color: #f4c150
}

.bg-yellow-force {
    background-color: #f4c150 !important
}

.text-white {
    color: #fff
}

.text-white-force {
    color: #fff !important
}

.bg-white {
    background-color: #fff
}

.bg-white-force {
    background-color: #fff !important
}

.m-space-0 {
    margin: 0
}

.mt-space-0 {
    margin-top: 0
}

.mr-space-0 {
    margin-right: 0
}

.mb-space-0 {
    margin-bottom: 0
}

.ml-space-0 {
    margin-left: 0
}

.p-space-0 {
    padding: 0
}

.pt-space-0 {
    padding-top: 0
}

.pr-space-0 {
    padding-right: 0
}

.pb-space-0 {
    padding-bottom: 0
}

.pl-space-0 {
    padding-left: 0
}

.m-space-xxs {
    margin: 4px
}

.mt-space-xxs {
    margin-top: 4px
}

.mr-space-xxs {
    margin-right: 4px
}

.mb-space-xxs {
    margin-bottom: 4px
}

.ml-space-xxs {
    margin-left: 4px
}

.p-space-xxs {
    padding: 4px
}

.pt-space-xxs {
    padding-top: 4px
}

.pr-space-xxs {
    padding-right: 4px
}

.pb-space-xxs {
    padding-bottom: 4px
}

.pl-space-xxs {
    padding-left: 4px
}

.m-space-xs {
    margin: 8px
}

.mt-space-xs {
    margin-top: 8px
}

.mr-space-xs {
    margin-right: 8px
}

.mb-space-xs {
    margin-bottom: 8px
}

.ml-space-xs {
    margin-left: 8px
}

.p-space-xs {
    padding: 8px
}

.pt-space-xs {
    padding-top: 8px
}

.pr-space-xs {
    padding-right: 8px
}

.pb-space-xs {
    padding-bottom: 8px
}

.pl-space-xs {
    padding-left: 8px
}

.m-space-sm {
    margin: 16px
}

.mt-space-sm {
    margin-top: 16px
}

.mr-space-sm {
    margin-right: 16px
}

.mb-space-sm {
    margin-bottom: 16px
}

.ml-space-sm {
    margin-left: 16px
}

.p-space-sm {
    padding: 16px
}

.pt-space-sm {
    padding-top: 16px
}

.pr-space-sm {
    padding-right: 16px
}

.pb-space-sm {
    padding-bottom: 16px
}

.pl-space-sm {
    padding-left: 16px
}

.m-space-md {
    margin: 24px
}

.mt-space-md {
    margin-top: 24px
}

.mr-space-md {
    margin-right: 24px
}

.mb-space-md {
    margin-bottom: 24px
}

.ml-space-md {
    margin-left: 24px
}

.p-space-md {
    padding: 24px
}

.pt-space-md {
    padding-top: 24px
}

.pr-space-md {
    padding-right: 24px
}

.pb-space-md {
    padding-bottom: 24px
}

.pl-space-md {
    padding-left: 24px
}

.m-space-lg {
    margin: 32px
}

.mt-space-lg {
    margin-top: 32px
}

.mr-space-lg {
    margin-right: 32px
}

.mb-space-lg {
    margin-bottom: 32px
}

.ml-space-lg {
    margin-left: 32px
}

.p-space-lg {
    padding: 32px
}

.pt-space-lg {
    padding-top: 32px
}

.pr-space-lg {
    padding-right: 32px
}

.pb-space-lg {
    padding-bottom: 32px
}

.pl-space-lg {
    padding-left: 32px
}

.m-space-xl {
    margin: 48px
}

.mt-space-xl {
    margin-top: 48px
}

.mr-space-xl {
    margin-right: 48px
}

.mb-space-xl {
    margin-bottom: 48px
}

.ml-space-xl {
    margin-left: 48px
}

.p-space-xl {
    padding: 48px
}

.pt-space-xl {
    padding-top: 48px
}

.pr-space-xl {
    padding-right: 48px
}

.pb-space-xl {
    padding-bottom: 48px
}

.pl-space-xl {
    padding-left: 48px
}

.m-space-xxl {
    margin: 64px
}

.mt-space-xxl {
    margin-top: 64px
}

.mr-space-xxl {
    margin-right: 64px
}

.mb-space-xxl {
    margin-bottom: 64px
}

.ml-space-xxl {
    margin-left: 64px
}

.p-space-xxl {
    padding: 64px
}

.pt-space-xxl {
    padding-top: 64px
}

.pr-space-xxl {
    padding-right: 64px
}

.pb-space-xxl {
    padding-bottom: 64px
}

.pl-space-xxl {
    padding-left: 64px
}

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mr0-force {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.ml0-force {
    margin-left: 0 !important
}

.p0 {
    padding: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.m5 {
    margin: 5px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mr5-force {
    margin-right: 5px !important
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.ml5-force {
    margin-left: 5px !important
}

.p5 {
    padding: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.m10 {
    margin: 10px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mr10-force {
    margin-right: 10px !important
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.ml10-force {
    margin-left: 10px !important
}

.p10 {
    padding: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.m15 {
    margin: 15px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mr15-force {
    margin-right: 15px !important
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.ml15-force {
    margin-left: 15px !important
}

.p15 {
    padding: 15px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.m20 {
    margin: 20px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mr20-force {
    margin-right: 20px !important
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.ml20-force {
    margin-left: 20px !important
}

.p20 {
    padding: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.m30 {
    margin: 30px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mr30-force {
    margin-right: 30px !important
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.ml30-force {
    margin-left: 30px !important
}

.p30 {
    padding: 30px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.m60 {
    margin: 60px
}

.mt60 {
    margin-top: 60px
}

.mr60 {
    margin-right: 60px
}

.mr60-force {
    margin-right: 60px !important
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.ml60-force {
    margin-left: 60px !important
}

.p60 {
    padding: 60px
}

.pt60 {
    padding-top: 60px
}

.pr60 {
    padding-right: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

@media only screen and (max-width:1199px) {
    .dn-lg {
        display: none
    }

    .dn-force-lg {
        display: none !important
    }

    .db-lg {
        display: block
    }

    .db-force-lg {
        display: block !important
    }

    .dib-lg {
        display: inline-block
    }

    .dib-force-lg {
        display: inline-block !important
    }

    .fx-dc-lg, .fxdc-lg {
        display: flex;
        flex-direction: column
    }

        .fx-dc-lg.center, .fxdc-lg.center {
            align-items: center
        }

        .fx-dc-lg.right, .fxdc-lg.right {
            align-items: flex-end
        }

    .fx-dc-force-lg, .fxdc-force-lg {
        display: flex !important;
        flex-direction: column !important
    }

        .fx-dc-force-lg.center, .fxdc-force-lg.center {
            align-items: center !important
        }

        .fx-dc-force-lg.right, .fxdc-force-lg.right {
            align-items: flex-end !important
        }

    .fx-c-lg, .fx-lc-lg, .fxac-lg, .fxc-lg {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .fx-c-lg, .fxc-lg {
        justify-content: center
    }
}

@media only screen and (max-width:991px) {
    .dn-md {
        display: none
    }

    .dn-force-md {
        display: none !important
    }

    .db-md {
        display: block
    }

    .db-force-md {
        display: block !important
    }

    .dib-md {
        display: inline-block
    }

    .dib-force-md {
        display: inline-block !important
    }

    .fx-dc-md, .fxdc-md {
        display: flex;
        flex-direction: column
    }

        .fx-dc-md.center, .fxdc-md.center {
            align-items: center
        }

        .fx-dc-md.right, .fxdc-md.right {
            align-items: flex-end
        }

    .fx-dc-force-md, .fxdc-force-md {
        display: flex !important;
        flex-direction: column !important
    }

        .fx-dc-force-md.center, .fxdc-force-md.center {
            align-items: center !important
        }

        .fx-dc-force-md.right, .fxdc-force-md.right {
            align-items: flex-end !important
        }

    .fx-c-md, .fx-lc-md, .fxac-md, .fxc-md {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .fx-c-md, .fxc-md {
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .dn-sm {
        display: none
    }

    .dn-force-sm {
        display: none !important
    }

    .db-sm {
        display: block
    }

    .db-force-sm {
        display: block !important
    }

    .dib-sm {
        display: inline-block
    }

    .dib-force-sm {
        display: inline-block !important
    }

    .fx-dc-sm, .fxdc-sm {
        display: flex;
        flex-direction: column
    }

        .fx-dc-sm.center, .fxdc-sm.center {
            align-items: center
        }

        .fx-dc-sm.right, .fxdc-sm.right {
            align-items: flex-end
        }

    .fx-dc-force-sm, .fxdc-force-sm {
        display: flex !important;
        flex-direction: column !important
    }

        .fx-dc-force-sm.center, .fxdc-force-sm.center {
            align-items: center !important
        }

        .fx-dc-force-sm.right, .fxdc-force-sm.right {
            align-items: flex-end !important
        }

    .fx-c-sm, .fx-lc-sm, .fxac-sm, .fxc-sm {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .fx-c-sm, .fxc-sm {
        justify-content: center
    }
}

@media only screen and (max-width:575px) {
    .dn-xs {
        display: none
    }

    .dn-force-xs {
        display: none !important
    }

    .db-xs {
        display: block
    }

    .db-force-xs {
        display: block !important
    }

    .dib-xs {
        display: inline-block
    }

    .dib-force-xs {
        display: inline-block !important
    }

    .fx-dc-xs, .fxdc-xs {
        display: flex;
        flex-direction: column
    }

        .fx-dc-xs.center, .fxdc-xs.center {
            align-items: center
        }

        .fx-dc-xs.right, .fxdc-xs.right {
            align-items: flex-end
        }

    .fx-dc-force-xs, .fxdc-force-xs {
        display: flex !important;
        flex-direction: column !important
    }

        .fx-dc-force-xs.center, .fxdc-force-xs.center {
            align-items: center !important
        }

        .fx-dc-force-xs.right, .fxdc-force-xs.right {
            align-items: flex-end !important
        }

    .fx-c-xs, .fx-lc-xs, .fxac-xs, .fxc-xs {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .fx-c-xs, .fxc-xs {
        justify-content: center
    }
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xl, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-xxs, .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block {
    display: none !important
}

@media (max-width:575px) {
    .visible-xxs {
        display: block !important
    }

    table.visible-xxs {
        display: table !important
    }

    tr.visible-xxs {
        display: table-row !important
    }

    td.visible-xxs, th.visible-xxs {
        display: table-cell !important
    }
}

@media (max-width:575px) {
    .visible-xxs-block {
        display: block !important
    }
}

@media (max-width:575px) {
    .visible-xxs-inline {
        display: inline !important
    }
}

@media (max-width:575px) {
    .visible-xxs-inline-block {
        display: inline-block !important
    }
}

@media (max-width:575px) {
    .hidden-xxs {
        display: none !important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:1440px) {
    .visible-xl {
        display: block !important
    }

    table.visible-xl {
        display: table !important
    }

    tr.visible-xl {
        display: table-row !important
    }

    td.visible-xl, th.visible-xl {
        display: table-cell !important
    }
}

@media (min-width:1440px) {
    .visible-xl-block {
        display: block !important
    }
}

@media (min-width:1440px) {
    .visible-xl-inline {
        display: inline !important
    }
}

@media (min-width:1440px) {
    .visible-xl-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1440px) {
    .hidden-xl {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}