.bg-gradient-animated { background-color: rgba(0, 0, 0, 0) !important; background-image: linear-gradient(230deg, #6f2894, #284d94, #288c94) !important; background-size: 300% 300% !important; -webkit-animation: gradientScrollBG 20s ease infinite; -moz-animation: gradientScrollBG 20s ease infinite; animation: gradientScrollBG 20s ease infinite; } @-webkit-keyframes gradientScrollBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-moz-keyframes gradientScrollBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradientScrollBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }  .quick-shake { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .quick-nudge { animation: nudge 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); perspective: 1000px; } @keyframes nudge { 0%, 100% { transform: scale(1); } 40% { transform: scale(1.2); } 70% { transform: scale(0.9); }  }    .border-pulse-warning { animation: border-pulse-warning 4s infinite; } @keyframes border-pulse-warning { 0% { border-color: transparent; } 40% { border-color: #EEE523; } 60% { border-color: #EEE523; } 100% { border-color: transparent; } } .color-pulse-bright { animation: color-pulse-bright 5s ease; animation-iteration-count: infinite; } @keyframes color-pulse-bright { 0% { color: rgba(255, 255, 255, 0.25); } 35% { color: #fff; } 65% { color: #fff; } 100% { color: rgba(255, 255, 255, 0.25); } } .opacity-pulse { animation: opacity-pulse 5s ease; animation-iteration-count: infinite; opacity: 0.5; } .opacity-pulse-slow { animation: opacity-pulse 10s ease; animation-iteration-count: infinite; opacity: 0.5; } @keyframes opacity-pulse { 0% { opacity: 0.5; } 25% { opacity: 1; } 50%, 100% { opacity: 0.5; } } .exhale { animation: 2s exhale infinite; } @keyframes exhale { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } .inhale { animation: 2s inhale infinite; } @keyframes inhale { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }  .blink { animation: 1s blink infinite; } @keyframes blink { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } .oscillate-h, .oscillate-v { will-change: transform; } .oscillate-h { animation: oscillate-h 3s ease-in-out infinite; transform: translateX(-3px); } .oscillate-v { animation: oscillate-v 3s ease-in-out infinite; transform: translateY(-3px); } @keyframes oscillate-h { 0% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 100% { transform: translateX(-3px); } } @keyframes oscillate-v { 0% { transform: translateY(-3px); } 50% { transform: translateY(3px); } 100% { transform: translateY(-3px); } }  span.placeholder { position: relative; display: inline-block; width: 50%; height: 16px; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #58595c linear-gradient(-50deg, #58595c 8%, #7c7d7d 18%, #58595c 33%); background-size: 800px 104px; } span.placeholder.full { width: 100%; } span.placeholder.quarter { width: 25%; } span.placeholder.light, body:not(.dark) span.placeholder { background: #f6f7f8 linear-gradient(-50deg, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; } span.placeholder.auto { margin: 0px auto 5px; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .delay-01s { animation-delay: 0.1s; } .delay-1s { animation-delay: 1s; } .delay-02s { animation-delay: 0.2s; } .delay-2s { animation-delay: 2s; } .delay-03s { animation-delay: 0.3s; } .delay-3s { animation-delay: 3s; } .delay-04s { animation-delay: 0.4s; } .delay-4s { animation-delay: 4s; } .delay-05s { animation-delay: 0.5s; } .delay-5s { animation-delay: 5s; } .delay-06s { animation-delay: 0.6s; } .delay-6s { animation-delay: 6s; } .delay-07s { animation-delay: 0.7s; } .delay-7s { animation-delay: 7s; } .delay-08s { animation-delay: 0.8s; } .delay-8s { animation-delay: 8s; } .delay-09s { animation-delay: 0.9s; } .delay-9s { animation-delay: 9s; } .delay-025s { animation-delay: 0.25s; } .delay-075s { animation-delay: 0.75s; }  .p-rel { position: relative; } .blurred { filter: blur(1px); } .strong-blurred { filter: blur(3px); } .blur-dimmed { filter: blur(1px) grayscale(0.5); } .dimmed { filter: grayscale(0.75); opacity: 0.75; } .reordering { transform: translate3d(0px, 0px, 0px); transition: 150ms transform ease; } .scroll-y {  height: 50vh; overflow-x: hidden; overflow-y: scroll; } .destroy { opacity: 0 !important; transform: scale(1.5) !important; } .response-field { margin: 10px 0px; padding: 10px; border-radius: 5px; } .response-field > span { display: block; margin-bottom: 20px; text-align: center; } .response-field > .wheel-selection { max-width: 375px; margin: 5px auto; } .response-field > .wheel-selection .font-small { display: block; line-height: 1; } .response-actions { margin: 10px 0px; } input.unsaved, textarea.unsaved { border-color: #7892A7 !important; } .no-drag { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-touch:not(html) { pointer-events: none; } .row-reverse {  display: flex; flex-direction: row-reverse; } .column-reverse {  display: flex; flex-direction: column-reverse; }   .fluid-scrolling { -webkit-overflow-scrolling: touch; }  .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; -webkit-overflow-scrolling: touch; } .overflow-x-scroll { overflow-x: scroll; -webkit-overflow-scrolling: touch; } .overflow-x-scroll.explicit { overflow-y: hidden; padding-bottom: 20px; white-space: nowrap;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .overflow-y-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .overflow-xy-scroll { overflow-x: scroll; overflow-y: scroll; -webkit-overflow-scrolling: touch; }  body { -webkit-overflow-scrolling: touch; } @supports (scrollbar-width: thin) { body { scrollbar-width: thin; scrollbar-color: #d9d8d7 #e5e3e1; } body.dark { scrollbar-color: #232526 #1A1C1D; } * { scrollbar-width: inherit; scrollbar-color: inherit; } }  ::-webkit-scrollbar {  width: 6px; } ::-webkit-scrollbar:horizontal { width: auto; height: 6px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #17191A; } ::-webkit-scrollbar-thumb { background-color: #757576; border-radius: 5px; }  body { background-color: #f5f5f5; color: #999; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } body.dark { background: #181A1B; } .fix-px-snap { backface-visibility: hidden; transform: translateZ(0); -webkit-font-smoothing: subpixel-antialiased; }  .d-none-load { display: none !important; } .d-flex.default { justify-content: center; align-items: center; gap: 15px; } .d-flex.center { justify-content: center; align-items: center; } .d-flex.full { justify-content: space-between; align-items: center; } .d-flex.vertical { flex-direction: column; } @media (min-width: 350px) { .d-xs-none { display: none !important; } .d-xs-inline { display: inline !important; } .d-xs-inline-block { display: inline-block !important; } .d-xs-block { display: block !important; } }  .w-0 { width: 0px !important; } .w-half { position: relative; width: 50%; } .w-quarter { position: relative; width: 25%; }  .abs-x-middle { position: absolute !important; left: 50%; transform: translateX(-50%); } .abs-y-middle { position: absolute !important; top: 50%; transform: translateY(-50%); } .abs-y-middle.vh { top: 50vh; } .abs-xy-middle { position: absolute !important; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(1); } .abs-xy-middle.vh { top: 50vh; } .fixed-xy-middle { position: fixed !important; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .fixed-xy-middle.vh { top: 50vh; } .pb-abs { position: absolute !important; bottom: 0px; left: 15px; width: 100%; padding: 15px 0px; } .pos-bl-abs { position: absolute !important; bottom: 0px; left: 15px; } .pos-bm-abs { position: absolute !important; bottom: 0px; left: 50%; transform: translateX(-50%); } .pos-br-abs { position: absolute !important; bottom: 0px; right: 15px; } .ptl-abs { position: absolute !important; top: 15px; left: 75px; padding: 15px; } .p-abs { position: absolute !important; } .p-fixed { position: fixed !important; } .p-sticky { position: sticky !important; } .pos-bl { bottom: 0px; left: 0px; } .pos-bm { bottom: 0px; left: auto; } .rise-on-hover:hover, .rise-on-hover.active { transform: translateY(-5px); } .rise-on-hover.active { transform: scale(1.11) translateY(-6.5%); } .rise-on-hover.active.btn-docked > i { box-shadow: 0px 0px 5px #000; }  .v-align-middle, .va-middle { vertical-align: middle; }  .hidden { opacity: 0; pointer-events: none; } .hidden-until-hover:not(:hover) { opacity: 0; } .hidden-scale { opacity: 0; pointer-events: none; transform: scale(0); } .abs-xy-middle.hidden-scale { transform: translateX(-50%) translateY(-50%) scale(0); } .fade-out-down { opacity: 0; transform: translateY(-25%) scale(0.85); } .abs-xy-middle.fade-out-down { opacity: 0; transform: translateX(-50%) translateY(-25%) scale(0.85); } .fade-out-up { opacity: 0; transform: translateY(25%) scale(0.85); } .abs-xy-middle.fade-out-up { opacity: 0; transform: translateX(-50%) translateY(-75%) scale(0.85); } .fade-out-right { opacity: 0; transform: translateX(25%) scale(0.85); } .abs-xy-middle.fade-out-right { opacity: 0; transform: translateX(-25%) translateY(-50%) scale(0.85); } .fade-out-left { opacity: 0; transform: translateX(-25%) scale(0.85); } .abs-xy-middle.fade-out-left { opacity: 0; transform: translateX(-75%) translateY(-50%) scale(0.85); } .flipped-v, .flipped-x {  transform: rotateX(-180deg); } .flipped-h, .flipped-y {  transform: rotateY(180deg); } .animate-all { transition: 0.3s all ease; } .animate-all-fast { transition: 0.2s all ease; } .animate-children > *, .animate-children * { transition: 0.3s all ease; } .animate-children-fast > *, .animate-children-fast * { transition: 0.2s all ease; }  .opacity-none { opacity: 0; } .opacity-25 { opacity: 0.25; } .opacity-5 { opacity: 0.5; } .opacity-75 { opacity: 0.75; } .opacity-full { opacity: 1; }  .scale-none { transform: scale(0) !important; } .scale-05 { transform: scale(0.5) !important; } .scale-10 { transform: scale(0.1) !important; } .scale-15 { transform: scale(0.15) !important; } .scale-20 { transform: scale(0.2) !important; } .scale-25 { transform: scale(0.25) !important; } .scale-30 { transform: scale(0.3) !important; } .scale-35 { transform: scale(0.35) !important; } .scale-40 { transform: scale(0.4) !important; } .scale-45 { transform: scale(0.45) !important; } .scale-50 { transform: scale(0.5) !important; } .scale-55 { transform: scale(0.55) !important; } .scale-60 { transform: scale(0.6) !important; } .scale-65 { transform: scale(0.65) !important; } .scale-70 { transform: scale(0.7) !important; } .scale-75 { transform: scale(0.75) !important; } .scale-80 { transform: scale(0.8) !important; } .scale-85 { transform: scale(0.85) !important; } .scale-90 { transform: scale(0.9) !important; } .scale-95 { transform: scale(0.95) !important; } .scale-full { transform: scale(1) !important; } .scale-105 { transform: scale(1.05) !important; } .scale-110 { transform: scale(1.1) !important; } .scale-115 { transform: scale(1.15) !important; } .scale-120 { transform: scale(1.2) !important; } .scale-125 { transform: scale(1.25) !important; } .scale-130 { transform: scale(1.3) !important; } .scale-135 { transform: scale(1.35) !important; } .scale-140 { transform: scale(1.4) !important; } .scale-145 { transform: scale(1.45) !important; } .scale-150 { transform: scale(1.5) !important; } .scale-155 { transform: scale(1.55) !important; } .scale-160 { transform: scale(1.6) !important; } .scale-165 { transform: scale(1.65) !important; } .scale-170 { transform: scale(1.7) !important; } .scale-175 { transform: scale(1.75) !important; } .scale-180 { transform: scale(1.8) !important; } .scale-185 { transform: scale(1.85) !important; } .scale-190 { transform: scale(1.9) !important; } .scale-195 { transform: scale(1.95) !important; } .scale-200 { transform: scale(2) !important; } .scale-205 { transform: scale(2.05) !important; } .scale-210 { transform: scale(2.1) !important; } .scale-215 { transform: scale(2.15) !important; } .scale-220 { transform: scale(2.2) !important; } .scale-225 { transform: scale(2.25) !important; } .scale-230 { transform: scale(2.3) !important; } .scale-235 { transform: scale(2.35) !important; } .scale-240 { transform: scale(2.4) !important; } .scale-245 { transform: scale(2.45) !important; } .scale-250 { transform: scale(2.5) !important; } .scale-255 { transform: scale(2.55) !important; } .scale-260 { transform: scale(2.6) !important; } .scale-265 { transform: scale(2.65) !important; } .scale-270 { transform: scale(2.7) !important; } .scale-275 { transform: scale(2.75) !important; } .scale-280 { transform: scale(2.8) !important; } .scale-285 { transform: scale(2.85) !important; } .scale-290 { transform: scale(2.9) !important; } .scale-295 { transform: scale(2.95) !important; } .scale-300 { transform: scale(3) !important; } .scale-305 { transform: scale(3.05) !important; } .scale-310 { transform: scale(3.1) !important; } .scale-315 { transform: scale(3.15) !important; } .scale-320 { transform: scale(3.2) !important; } .scale-325 { transform: scale(3.25) !important; } .scale-330 { transform: scale(3.3) !important; } .scale-335 { transform: scale(3.35) !important; } .scale-340 { transform: scale(3.4) !important; } .scale-345 { transform: scale(3.45) !important; } .scale-350 { transform: scale(3.5) !important; } .scale-355 { transform: scale(3.55) !important; } .scale-360 { transform: scale(3.6) !important; } .scale-365 { transform: scale(3.65) !important; } .scale-370 { transform: scale(3.7) !important; } .scale-375 { transform: scale(3.75) !important; } .scale-380 { transform: scale(3.8) !important; } .scale-385 { transform: scale(3.85) !important; } .scale-390 { transform: scale(3.9) !important; } .scale-395 { transform: scale(3.95) !important; } .scale-400 { transform: scale(4) !important; } .scale-405 { transform: scale(4.05) !important; } .scale-410 { transform: scale(4.1) !important; } .scale-415 { transform: scale(4.15) !important; } .scale-420 { transform: scale(4.2) !important; } .scale-425 { transform: scale(4.25) !important; } .scale-430 { transform: scale(4.3) !important; } .scale-435 { transform: scale(4.35) !important; } .scale-440 { transform: scale(4.4) !important; } .scale-445 { transform: scale(4.45) !important; } .scale-450 { transform: scale(4.5) !important; } .scale-455 { transform: scale(4.55) !important; } .scale-460 { transform: scale(4.6) !important; } .scale-465 { transform: scale(4.65) !important; } .scale-470 { transform: scale(4.7) !important; } .scale-475 { transform: scale(4.75) !important; } .scale-480 { transform: scale(4.8) !important; } .scale-485 { transform: scale(4.85) !important; } .scale-490 { transform: scale(4.9) !important; } .scale-495 { transform: scale(4.95) !important; } .scale-500 { transform: scale(5) !important; }  .sticky-dock-bottom { position: sticky; bottom: 0px; left: 0px; z-index: 10; }  .defer-scroll { overflow-y: hidden !important; }  .gbl-overlay { padding: 25px; background: rgba(50, 50, 50, 0.5); border-radius: 5px; transition: 0.3s all ease; z-index: 1500; } .gbl-overlay i { font-size: 35px; } .info-riser { background: linear-gradient(to bottom, #202020, #111); border: 1px solid #3c2d88; box-shadow: 0px 0px 5px #050505; color: #72c192; font-size: 18px; } .info-riser .docked { position: absolute; right: 1.5rem !important; bottom: -25px; width: 70px; margin-top: 5px; margin-left: auto; font-size: 12px; }  .cursor-pointer { cursor: pointer; }  .font-small { font-size: 12px; } .font-medium { font-size: 15px; } .font-large { font-size: 18px; } .font-xlarge { font-size: 22px; } .font-10, .fs-10 { font-size: 10px; } .font-11, .fs-11 { font-size: 11px; } .font-12, .fs-12 { font-size: 12px; } .font-13, .fs-13 { font-size: 13px; } .font-14, .fs-14 { font-size: 14px; } .font-15, .fs-15 { font-size: 15px; } .font-16, .fs-16 { font-size: 16px; } .font-17, .fs-17 { font-size: 17px; } .font-18, .fs-18 { font-size: 18px; } .font-19, .fs-19 { font-size: 19px; } .font-20, .fs-20 { font-size: 20px; } .font-21, .fs-21 { font-size: 21px; } .font-22, .fs-22 { font-size: 22px; } .font-23, .fs-23 { font-size: 23px; } .font-24, .fs-24 { font-size: 24px; } .font-25, .fs-25 { font-size: 25px; } .font-26, .fs-26 { font-size: 26px; } .font-27, .fs-27 { font-size: 27px; } .font-28, .fs-28 { font-size: 28px; } .font-29, .fs-29 { font-size: 29px; } .font-30, .fs-30 { font-size: 30px; } .font-31, .fs-31 { font-size: 31px; } .font-32, .fs-32 { font-size: 32px; } .font-33, .fs-33 { font-size: 33px; } .font-34, .fs-34 { font-size: 34px; } .font-35, .fs-35 { font-size: 35px; } .font-36, .fs-36 { font-size: 36px; } .font-37, .fs-37 { font-size: 37px; } .font-38, .fs-38 { font-size: 38px; } .font-39, .fs-39 { font-size: 39px; } .font-40, .fs-40 { font-size: 40px; } .font-41, .fs-41 { font-size: 41px; } .font-42, .fs-42 { font-size: 42px; } .font-43, .fs-43 { font-size: 43px; } .font-44, .fs-44 { font-size: 44px; } .font-45, .fs-45 { font-size: 45px; } .font-46, .fs-46 { font-size: 46px; } .font-47, .fs-47 { font-size: 47px; } .font-48, .fs-48 { font-size: 48px; } .font-49, .fs-49 { font-size: 49px; } .font-50, .fs-50 { font-size: 50px; } .font-51, .fs-51 { font-size: 51px; } .font-52, .fs-52 { font-size: 52px; } .font-53, .fs-53 { font-size: 53px; } .font-54, .fs-54 { font-size: 54px; } .font-55, .fs-55 { font-size: 55px; } .font-56, .fs-56 { font-size: 56px; } .font-57, .fs-57 { font-size: 57px; } .font-58, .fs-58 { font-size: 58px; } .font-59, .fs-59 { font-size: 59px; } .font-60, .fs-60 { font-size: 60px; } .font-61, .fs-61 { font-size: 61px; } .font-62, .fs-62 { font-size: 62px; } .font-63, .fs-63 { font-size: 63px; } .font-64, .fs-64 { font-size: 64px; } .font-bold { font-weight: bold; } .text-strike { text-decoration: line-through; } .text-transform-none { text-transform: none; } li > br:first-child, li > br:last-child { display: none; } iframe { width: 100%; border: 0px; } :not(pre) > code { padding: 2px 3px; background: rgba(100, 100, 100, 0.15); border-radius: 3px; } body.dark :not(pre) > code { background: rgba(255, 255, 255, 0.15); } pre > code { color: #ddd; } pre > code > br:first-child { display: none; } pre { padding: 15px; background: #181a1b; } .italic { font-style: italic; } button.glass-btn { display: inline-block; margin: 0px auto; padding: 5px 10px; background: transparent; border: 1px solid #ddd; border-radius: 5px; color: #fff; } .pointer-events-all { pointer-events: all !important; } .pointer-events-auto { pointer-events: auto !important; } .m-10 { margin: 10px !important; } .ml-10, .mx-10 { margin-left: 10px !important; } .mr-10, .mx-10 { margin-right: 10px !important; } .mt-10, .my-10 { margin-top: 10px !important; } .mb-10, .my-10 { margin-bottom: 10px !important; } .m-15 { margin: 15px !important; } .ml-15, .mx-15 { margin-left: 15px !important; } .mr-15, .mx-15 { margin-right: 15px !important; } .mt-15, .my-15 { margin-top: 15px !important; } .mb-15, .my-15 { margin-bottom: 15px !important; } .m-20 { margin: 20px !important; } .ml-20, .mx-20 { margin-left: 20px !important; } .mr-20, .mx-20 { margin-right: 20px !important; } .mt-20, .my-20 { margin-top: 20px !important; } .mb-20, .my-20 { margin-bottom: 20px !important; } .m-25 { margin: 25px !important; } .ml-25, .mx-25 { margin-left: 25px !important; } .mr-25, .mx-25 { margin-right: 25px !important; } .mt-25, .my-25 { margin-top: 25px !important; } .mb-25, .my-25 { margin-bottom: 25px !important; } .m-30 { margin: 30px !important; } .ml-30, .mx-30 { margin-left: 30px !important; } .mr-30, .mx-30 { margin-right: 30px !important; } .mt-30, .my-30 { margin-top: 30px !important; } .mb-30, .my-30 { margin-bottom: 30px !important; } .m-35 { margin: 35px !important; } .ml-35, .mx-35 { margin-left: 35px !important; } .mr-35, .mx-35 { margin-right: 35px !important; } .mt-35, .my-35 { margin-top: 35px !important; } .mb-35, .my-35 { margin-bottom: 35px !important; } .m-40 { margin: 40px !important; } .ml-40, .mx-40 { margin-left: 40px !important; } .mr-40, .mx-40 { margin-right: 40px !important; } .mt-40, .my-40 { margin-top: 40px !important; } .mb-40, .my-40 { margin-bottom: 40px !important; } .m-45 { margin: 45px !important; } .ml-45, .mx-45 { margin-left: 45px !important; } .mr-45, .mx-45 { margin-right: 45px !important; } .mt-45, .my-45 { margin-top: 45px !important; } .mb-45, .my-45 { margin-bottom: 45px !important; } .m-50 { margin: 50px !important; } .ml-50, .mx-50 { margin-left: 50px !important; } .mr-50, .mx-50 { margin-right: 50px !important; } .mt-50, .my-50 { margin-top: 50px !important; } .mb-50, .my-50 { margin-bottom: 50px !important; } .m-55 { margin: 55px !important; } .ml-55, .mx-55 { margin-left: 55px !important; } .mr-55, .mx-55 { margin-right: 55px !important; } .mt-55, .my-55 { margin-top: 55px !important; } .mb-55, .my-55 { margin-bottom: 55px !important; } .m-60 { margin: 60px !important; } .ml-60, .mx-60 { margin-left: 60px !important; } .mr-60, .mx-60 { margin-right: 60px !important; } .mt-60, .my-60 { margin-top: 60px !important; } .mb-60, .my-60 { margin-bottom: 60px !important; } .m-65 { margin: 65px !important; } .ml-65, .mx-65 { margin-left: 65px !important; } .mr-65, .mx-65 { margin-right: 65px !important; } .mt-65, .my-65 { margin-top: 65px !important; } .mb-65, .my-65 { margin-bottom: 65px !important; } .m-70 { margin: 70px !important; } .ml-70, .mx-70 { margin-left: 70px !important; } .mr-70, .mx-70 { margin-right: 70px !important; } .mt-70, .my-70 { margin-top: 70px !important; } .mb-70, .my-70 { margin-bottom: 70px !important; } .m-75 { margin: 75px !important; } .ml-75, .mx-75 { margin-left: 75px !important; } .mr-75, .mx-75 { margin-right: 75px !important; } .mt-75, .my-75 { margin-top: 75px !important; } .mb-75, .my-75 { margin-bottom: 75px !important; } .m-80 { margin: 80px !important; } .ml-80, .mx-80 { margin-left: 80px !important; } .mr-80, .mx-80 { margin-right: 80px !important; } .mt-80, .my-80 { margin-top: 80px !important; } .mb-80, .my-80 { margin-bottom: 80px !important; } .m-85 { margin: 85px !important; } .ml-85, .mx-85 { margin-left: 85px !important; } .mr-85, .mx-85 { margin-right: 85px !important; } .mt-85, .my-85 { margin-top: 85px !important; } .mb-85, .my-85 { margin-bottom: 85px !important; } .m-90 { margin: 90px !important; } .ml-90, .mx-90 { margin-left: 90px !important; } .mr-90, .mx-90 { margin-right: 90px !important; } .mt-90, .my-90 { margin-top: 90px !important; } .mb-90, .my-90 { margin-bottom: 90px !important; } .m-95 { margin: 95px !important; } .ml-95, .mx-95 { margin-left: 95px !important; } .mr-95, .mx-95 { margin-right: 95px !important; } .mt-95, .my-95 { margin-top: 95px !important; } .mb-95, .my-95 { margin-bottom: 95px !important; } .m-100 { margin: 100px !important; } .ml-100, .mx-100 { margin-left: 100px !important; } .mr-100, .mx-100 { margin-right: 100px !important; } .mt-100, .my-100 { margin-top: 100px !important; } .mb-100, .my-100 { margin-bottom: 100px !important; } .m-105 { margin: 105px !important; } .ml-105, .mx-105 { margin-left: 105px !important; } .mr-105, .mx-105 { margin-right: 105px !important; } .mt-105, .my-105 { margin-top: 105px !important; } .mb-105, .my-105 { margin-bottom: 105px !important; } .m-110 { margin: 110px !important; } .ml-110, .mx-110 { margin-left: 110px !important; } .mr-110, .mx-110 { margin-right: 110px !important; } .mt-110, .my-110 { margin-top: 110px !important; } .mb-110, .my-110 { margin-bottom: 110px !important; } .m-115 { margin: 115px !important; } .ml-115, .mx-115 { margin-left: 115px !important; } .mr-115, .mx-115 { margin-right: 115px !important; } .mt-115, .my-115 { margin-top: 115px !important; } .mb-115, .my-115 { margin-bottom: 115px !important; } .m-120 { margin: 120px !important; } .ml-120, .mx-120 { margin-left: 120px !important; } .mr-120, .mx-120 { margin-right: 120px !important; } .mt-120, .my-120 { margin-top: 120px !important; } .mb-120, .my-120 { margin-bottom: 120px !important; } .m-125 { margin: 125px !important; } .ml-125, .mx-125 { margin-left: 125px !important; } .mr-125, .mx-125 { margin-right: 125px !important; } .mt-125, .my-125 { margin-top: 125px !important; } .mb-125, .my-125 { margin-bottom: 125px !important; } .m-130 { margin: 130px !important; } .ml-130, .mx-130 { margin-left: 130px !important; } .mr-130, .mx-130 { margin-right: 130px !important; } .mt-130, .my-130 { margin-top: 130px !important; } .mb-130, .my-130 { margin-bottom: 130px !important; } .m-135 { margin: 135px !important; } .ml-135, .mx-135 { margin-left: 135px !important; } .mr-135, .mx-135 { margin-right: 135px !important; } .mt-135, .my-135 { margin-top: 135px !important; } .mb-135, .my-135 { margin-bottom: 135px !important; } .m-140 { margin: 140px !important; } .ml-140, .mx-140 { margin-left: 140px !important; } .mr-140, .mx-140 { margin-right: 140px !important; } .mt-140, .my-140 { margin-top: 140px !important; } .mb-140, .my-140 { margin-bottom: 140px !important; } .m-145 { margin: 145px !important; } .ml-145, .mx-145 { margin-left: 145px !important; } .mr-145, .mx-145 { margin-right: 145px !important; } .mt-145, .my-145 { margin-top: 145px !important; } .mb-145, .my-145 { margin-bottom: 145px !important; } .m-150 { margin: 150px !important; } .ml-150, .mx-150 { margin-left: 150px !important; } .mr-150, .mx-150 { margin-right: 150px !important; } .mt-150, .my-150 { margin-top: 150px !important; } .mb-150, .my-150 { margin-bottom: 150px !important; } .m-155 { margin: 155px !important; } .ml-155, .mx-155 { margin-left: 155px !important; } .mr-155, .mx-155 { margin-right: 155px !important; } .mt-155, .my-155 { margin-top: 155px !important; } .mb-155, .my-155 { margin-bottom: 155px !important; } .m-160 { margin: 160px !important; } .ml-160, .mx-160 { margin-left: 160px !important; } .mr-160, .mx-160 { margin-right: 160px !important; } .mt-160, .my-160 { margin-top: 160px !important; } .mb-160, .my-160 { margin-bottom: 160px !important; } .m-165 { margin: 165px !important; } .ml-165, .mx-165 { margin-left: 165px !important; } .mr-165, .mx-165 { margin-right: 165px !important; } .mt-165, .my-165 { margin-top: 165px !important; } .mb-165, .my-165 { margin-bottom: 165px !important; } .m-170 { margin: 170px !important; } .ml-170, .mx-170 { margin-left: 170px !important; } .mr-170, .mx-170 { margin-right: 170px !important; } .mt-170, .my-170 { margin-top: 170px !important; } .mb-170, .my-170 { margin-bottom: 170px !important; } .m-175 { margin: 175px !important; } .ml-175, .mx-175 { margin-left: 175px !important; } .mr-175, .mx-175 { margin-right: 175px !important; } .mt-175, .my-175 { margin-top: 175px !important; } .mb-175, .my-175 { margin-bottom: 175px !important; } .m-180 { margin: 180px !important; } .ml-180, .mx-180 { margin-left: 180px !important; } .mr-180, .mx-180 { margin-right: 180px !important; } .mt-180, .my-180 { margin-top: 180px !important; } .mb-180, .my-180 { margin-bottom: 180px !important; } .m-185 { margin: 185px !important; } .ml-185, .mx-185 { margin-left: 185px !important; } .mr-185, .mx-185 { margin-right: 185px !important; } .mt-185, .my-185 { margin-top: 185px !important; } .mb-185, .my-185 { margin-bottom: 185px !important; } .m-190 { margin: 190px !important; } .ml-190, .mx-190 { margin-left: 190px !important; } .mr-190, .mx-190 { margin-right: 190px !important; } .mt-190, .my-190 { margin-top: 190px !important; } .mb-190, .my-190 { margin-bottom: 190px !important; } .m-195 { margin: 195px !important; } .ml-195, .mx-195 { margin-left: 195px !important; } .mr-195, .mx-195 { margin-right: 195px !important; } .mt-195, .my-195 { margin-top: 195px !important; } .mb-195, .my-195 { margin-bottom: 195px !important; } .m-200 { margin: 200px !important; } .ml-200, .mx-200 { margin-left: 200px !important; } .mr-200, .mx-200 { margin-right: 200px !important; } .mt-200, .my-200 { margin-top: 200px !important; } .mb-200, .my-200 { margin-bottom: 200px !important; } .m-205 { margin: 205px !important; } .ml-205, .mx-205 { margin-left: 205px !important; } .mr-205, .mx-205 { margin-right: 205px !important; } .mt-205, .my-205 { margin-top: 205px !important; } .mb-205, .my-205 { margin-bottom: 205px !important; } .m-210 { margin: 210px !important; } .ml-210, .mx-210 { margin-left: 210px !important; } .mr-210, .mx-210 { margin-right: 210px !important; } .mt-210, .my-210 { margin-top: 210px !important; } .mb-210, .my-210 { margin-bottom: 210px !important; } .m-215 { margin: 215px !important; } .ml-215, .mx-215 { margin-left: 215px !important; } .mr-215, .mx-215 { margin-right: 215px !important; } .mt-215, .my-215 { margin-top: 215px !important; } .mb-215, .my-215 { margin-bottom: 215px !important; } .m-220 { margin: 220px !important; } .ml-220, .mx-220 { margin-left: 220px !important; } .mr-220, .mx-220 { margin-right: 220px !important; } .mt-220, .my-220 { margin-top: 220px !important; } .mb-220, .my-220 { margin-bottom: 220px !important; } .m-225 { margin: 225px !important; } .ml-225, .mx-225 { margin-left: 225px !important; } .mr-225, .mx-225 { margin-right: 225px !important; } .mt-225, .my-225 { margin-top: 225px !important; } .mb-225, .my-225 { margin-bottom: 225px !important; } .m-230 { margin: 230px !important; } .ml-230, .mx-230 { margin-left: 230px !important; } .mr-230, .mx-230 { margin-right: 230px !important; } .mt-230, .my-230 { margin-top: 230px !important; } .mb-230, .my-230 { margin-bottom: 230px !important; } .m-235 { margin: 235px !important; } .ml-235, .mx-235 { margin-left: 235px !important; } .mr-235, .mx-235 { margin-right: 235px !important; } .mt-235, .my-235 { margin-top: 235px !important; } .mb-235, .my-235 { margin-bottom: 235px !important; } .m-240 { margin: 240px !important; } .ml-240, .mx-240 { margin-left: 240px !important; } .mr-240, .mx-240 { margin-right: 240px !important; } .mt-240, .my-240 { margin-top: 240px !important; } .mb-240, .my-240 { margin-bottom: 240px !important; } .m-245 { margin: 245px !important; } .ml-245, .mx-245 { margin-left: 245px !important; } .mr-245, .mx-245 { margin-right: 245px !important; } .mt-245, .my-245 { margin-top: 245px !important; } .mb-245, .my-245 { margin-bottom: 245px !important; } .m-250 { margin: 250px !important; } .ml-250, .mx-250 { margin-left: 250px !important; } .mr-250, .mx-250 { margin-right: 250px !important; } .mt-250, .my-250 { margin-top: 250px !important; } .mb-250, .my-250 { margin-bottom: 250px !important; } .p-10 { padding: 10px !important; } .pl-10, .px-10 { padding-left: 10px !important; } .pr-10, .px-10 { padding-right: 10px !important; } .pt-10, .py-10 { padding-top: 10px !important; } .pb-10, .py-10 { padding-bottom: 10px !important; } .p-15 { padding: 15px !important; } .pl-15, .px-15 { padding-left: 15px !important; } .pr-15, .px-15 { padding-right: 15px !important; } .pt-15, .py-15 { padding-top: 15px !important; } .pb-15, .py-15 { padding-bottom: 15px !important; } .p-20 { padding: 20px !important; } .pl-20, .px-20 { padding-left: 20px !important; } .pr-20, .px-20 { padding-right: 20px !important; } .pt-20, .py-20 { padding-top: 20px !important; } .pb-20, .py-20 { padding-bottom: 20px !important; } .p-25 { padding: 25px !important; } .pl-25, .px-25 { padding-left: 25px !important; } .pr-25, .px-25 { padding-right: 25px !important; } .pt-25, .py-25 { padding-top: 25px !important; } .pb-25, .py-25 { padding-bottom: 25px !important; } .p-30 { padding: 30px !important; } .pl-30, .px-30 { padding-left: 30px !important; } .pr-30, .px-30 { padding-right: 30px !important; } .pt-30, .py-30 { padding-top: 30px !important; } .pb-30, .py-30 { padding-bottom: 30px !important; } .p-35 { padding: 35px !important; } .pl-35, .px-35 { padding-left: 35px !important; } .pr-35, .px-35 { padding-right: 35px !important; } .pt-35, .py-35 { padding-top: 35px !important; } .pb-35, .py-35 { padding-bottom: 35px !important; } .p-40 { padding: 40px !important; } .pl-40, .px-40 { padding-left: 40px !important; } .pr-40, .px-40 { padding-right: 40px !important; } .pt-40, .py-40 { padding-top: 40px !important; } .pb-40, .py-40 { padding-bottom: 40px !important; } .p-45 { padding: 45px !important; } .pl-45, .px-45 { padding-left: 45px !important; } .pr-45, .px-45 { padding-right: 45px !important; } .pt-45, .py-45 { padding-top: 45px !important; } .pb-45, .py-45 { padding-bottom: 45px !important; } .p-50 { padding: 50px !important; } .pl-50, .px-50 { padding-left: 50px !important; } .pr-50, .px-50 { padding-right: 50px !important; } .pt-50, .py-50 { padding-top: 50px !important; } .pb-50, .py-50 { padding-bottom: 50px !important; } .p-55 { padding: 55px !important; } .pl-55, .px-55 { padding-left: 55px !important; } .pr-55, .px-55 { padding-right: 55px !important; } .pt-55, .py-55 { padding-top: 55px !important; } .pb-55, .py-55 { padding-bottom: 55px !important; } .p-60 { padding: 60px !important; } .pl-60, .px-60 { padding-left: 60px !important; } .pr-60, .px-60 { padding-right: 60px !important; } .pt-60, .py-60 { padding-top: 60px !important; } .pb-60, .py-60 { padding-bottom: 60px !important; } .p-65 { padding: 65px !important; } .pl-65, .px-65 { padding-left: 65px !important; } .pr-65, .px-65 { padding-right: 65px !important; } .pt-65, .py-65 { padding-top: 65px !important; } .pb-65, .py-65 { padding-bottom: 65px !important; } .p-70 { padding: 70px !important; } .pl-70, .px-70 { padding-left: 70px !important; } .pr-70, .px-70 { padding-right: 70px !important; } .pt-70, .py-70 { padding-top: 70px !important; } .pb-70, .py-70 { padding-bottom: 70px !important; } .p-75 { padding: 75px !important; } .pl-75, .px-75 { padding-left: 75px !important; } .pr-75, .px-75 { padding-right: 75px !important; } .pt-75, .py-75 { padding-top: 75px !important; } .pb-75, .py-75 { padding-bottom: 75px !important; } .p-80 { padding: 80px !important; } .pl-80, .px-80 { padding-left: 80px !important; } .pr-80, .px-80 { padding-right: 80px !important; } .pt-80, .py-80 { padding-top: 80px !important; } .pb-80, .py-80 { padding-bottom: 80px !important; } .p-85 { padding: 85px !important; } .pl-85, .px-85 { padding-left: 85px !important; } .pr-85, .px-85 { padding-right: 85px !important; } .pt-85, .py-85 { padding-top: 85px !important; } .pb-85, .py-85 { padding-bottom: 85px !important; } .p-90 { padding: 90px !important; } .pl-90, .px-90 { padding-left: 90px !important; } .pr-90, .px-90 { padding-right: 90px !important; } .pt-90, .py-90 { padding-top: 90px !important; } .pb-90, .py-90 { padding-bottom: 90px !important; } .p-95 { padding: 95px !important; } .pl-95, .px-95 { padding-left: 95px !important; } .pr-95, .px-95 { padding-right: 95px !important; } .pt-95, .py-95 { padding-top: 95px !important; } .pb-95, .py-95 { padding-bottom: 95px !important; } .p-100 { padding: 100px !important; } .pl-100, .px-100 { padding-left: 100px !important; } .pr-100, .px-100 { padding-right: 100px !important; } .pt-100, .py-100 { padding-top: 100px !important; } .pb-100, .py-100 { padding-bottom: 100px !important; } .p-105 { padding: 105px !important; } .pl-105, .px-105 { padding-left: 105px !important; } .pr-105, .px-105 { padding-right: 105px !important; } .pt-105, .py-105 { padding-top: 105px !important; } .pb-105, .py-105 { padding-bottom: 105px !important; } .p-110 { padding: 110px !important; } .pl-110, .px-110 { padding-left: 110px !important; } .pr-110, .px-110 { padding-right: 110px !important; } .pt-110, .py-110 { padding-top: 110px !important; } .pb-110, .py-110 { padding-bottom: 110px !important; } .p-115 { padding: 115px !important; } .pl-115, .px-115 { padding-left: 115px !important; } .pr-115, .px-115 { padding-right: 115px !important; } .pt-115, .py-115 { padding-top: 115px !important; } .pb-115, .py-115 { padding-bottom: 115px !important; } .p-120 { padding: 120px !important; } .pl-120, .px-120 { padding-left: 120px !important; } .pr-120, .px-120 { padding-right: 120px !important; } .pt-120, .py-120 { padding-top: 120px !important; } .pb-120, .py-120 { padding-bottom: 120px !important; } .p-125 { padding: 125px !important; } .pl-125, .px-125 { padding-left: 125px !important; } .pr-125, .px-125 { padding-right: 125px !important; } .pt-125, .py-125 { padding-top: 125px !important; } .pb-125, .py-125 { padding-bottom: 125px !important; } .p-130 { padding: 130px !important; } .pl-130, .px-130 { padding-left: 130px !important; } .pr-130, .px-130 { padding-right: 130px !important; } .pt-130, .py-130 { padding-top: 130px !important; } .pb-130, .py-130 { padding-bottom: 130px !important; } .p-135 { padding: 135px !important; } .pl-135, .px-135 { padding-left: 135px !important; } .pr-135, .px-135 { padding-right: 135px !important; } .pt-135, .py-135 { padding-top: 135px !important; } .pb-135, .py-135 { padding-bottom: 135px !important; } .p-140 { padding: 140px !important; } .pl-140, .px-140 { padding-left: 140px !important; } .pr-140, .px-140 { padding-right: 140px !important; } .pt-140, .py-140 { padding-top: 140px !important; } .pb-140, .py-140 { padding-bottom: 140px !important; } .p-145 { padding: 145px !important; } .pl-145, .px-145 { padding-left: 145px !important; } .pr-145, .px-145 { padding-right: 145px !important; } .pt-145, .py-145 { padding-top: 145px !important; } .pb-145, .py-145 { padding-bottom: 145px !important; } .p-150 { padding: 150px !important; } .pl-150, .px-150 { padding-left: 150px !important; } .pr-150, .px-150 { padding-right: 150px !important; } .pt-150, .py-150 { padding-top: 150px !important; } .pb-150, .py-150 { padding-bottom: 150px !important; } .p-155 { padding: 155px !important; } .pl-155, .px-155 { padding-left: 155px !important; } .pr-155, .px-155 { padding-right: 155px !important; } .pt-155, .py-155 { padding-top: 155px !important; } .pb-155, .py-155 { padding-bottom: 155px !important; } .p-160 { padding: 160px !important; } .pl-160, .px-160 { padding-left: 160px !important; } .pr-160, .px-160 { padding-right: 160px !important; } .pt-160, .py-160 { padding-top: 160px !important; } .pb-160, .py-160 { padding-bottom: 160px !important; } .p-165 { padding: 165px !important; } .pl-165, .px-165 { padding-left: 165px !important; } .pr-165, .px-165 { padding-right: 165px !important; } .pt-165, .py-165 { padding-top: 165px !important; } .pb-165, .py-165 { padding-bottom: 165px !important; } .p-170 { padding: 170px !important; } .pl-170, .px-170 { padding-left: 170px !important; } .pr-170, .px-170 { padding-right: 170px !important; } .pt-170, .py-170 { padding-top: 170px !important; } .pb-170, .py-170 { padding-bottom: 170px !important; } .p-175 { padding: 175px !important; } .pl-175, .px-175 { padding-left: 175px !important; } .pr-175, .px-175 { padding-right: 175px !important; } .pt-175, .py-175 { padding-top: 175px !important; } .pb-175, .py-175 { padding-bottom: 175px !important; } .p-180 { padding: 180px !important; } .pl-180, .px-180 { padding-left: 180px !important; } .pr-180, .px-180 { padding-right: 180px !important; } .pt-180, .py-180 { padding-top: 180px !important; } .pb-180, .py-180 { padding-bottom: 180px !important; } .p-185 { padding: 185px !important; } .pl-185, .px-185 { padding-left: 185px !important; } .pr-185, .px-185 { padding-right: 185px !important; } .pt-185, .py-185 { padding-top: 185px !important; } .pb-185, .py-185 { padding-bottom: 185px !important; } .p-190 { padding: 190px !important; } .pl-190, .px-190 { padding-left: 190px !important; } .pr-190, .px-190 { padding-right: 190px !important; } .pt-190, .py-190 { padding-top: 190px !important; } .pb-190, .py-190 { padding-bottom: 190px !important; } .p-195 { padding: 195px !important; } .pl-195, .px-195 { padding-left: 195px !important; } .pr-195, .px-195 { padding-right: 195px !important; } .pt-195, .py-195 { padding-top: 195px !important; } .pb-195, .py-195 { padding-bottom: 195px !important; } .p-200 { padding: 200px !important; } .pl-200, .px-200 { padding-left: 200px !important; } .pr-200, .px-200 { padding-right: 200px !important; } .pt-200, .py-200 { padding-top: 200px !important; } .pb-200, .py-200 { padding-bottom: 200px !important; } .p-205 { padding: 205px !important; } .pl-205, .px-205 { padding-left: 205px !important; } .pr-205, .px-205 { padding-right: 205px !important; } .pt-205, .py-205 { padding-top: 205px !important; } .pb-205, .py-205 { padding-bottom: 205px !important; } .p-210 { padding: 210px !important; } .pl-210, .px-210 { padding-left: 210px !important; } .pr-210, .px-210 { padding-right: 210px !important; } .pt-210, .py-210 { padding-top: 210px !important; } .pb-210, .py-210 { padding-bottom: 210px !important; } .p-215 { padding: 215px !important; } .pl-215, .px-215 { padding-left: 215px !important; } .pr-215, .px-215 { padding-right: 215px !important; } .pt-215, .py-215 { padding-top: 215px !important; } .pb-215, .py-215 { padding-bottom: 215px !important; } .p-220 { padding: 220px !important; } .pl-220, .px-220 { padding-left: 220px !important; } .pr-220, .px-220 { padding-right: 220px !important; } .pt-220, .py-220 { padding-top: 220px !important; } .pb-220, .py-220 { padding-bottom: 220px !important; } .p-225 { padding: 225px !important; } .pl-225, .px-225 { padding-left: 225px !important; } .pr-225, .px-225 { padding-right: 225px !important; } .pt-225, .py-225 { padding-top: 225px !important; } .pb-225, .py-225 { padding-bottom: 225px !important; } .p-230 { padding: 230px !important; } .pl-230, .px-230 { padding-left: 230px !important; } .pr-230, .px-230 { padding-right: 230px !important; } .pt-230, .py-230 { padding-top: 230px !important; } .pb-230, .py-230 { padding-bottom: 230px !important; } .p-235 { padding: 235px !important; } .pl-235, .px-235 { padding-left: 235px !important; } .pr-235, .px-235 { padding-right: 235px !important; } .pt-235, .py-235 { padding-top: 235px !important; } .pb-235, .py-235 { padding-bottom: 235px !important; } .p-240 { padding: 240px !important; } .pl-240, .px-240 { padding-left: 240px !important; } .pr-240, .px-240 { padding-right: 240px !important; } .pt-240, .py-240 { padding-top: 240px !important; } .pb-240, .py-240 { padding-bottom: 240px !important; } .p-245 { padding: 245px !important; } .pl-245, .px-245 { padding-left: 245px !important; } .pr-245, .px-245 { padding-right: 245px !important; } .pt-245, .py-245 { padding-top: 245px !important; } .pb-245, .py-245 { padding-bottom: 245px !important; } .p-250 { padding: 250px !important; } .pl-250, .px-250 { padding-left: 250px !important; } .pr-250, .px-250 { padding-right: 250px !important; } .pt-250, .py-250 { padding-top: 250px !important; } .pb-250, .py-250 { padding-bottom: 250px !important; }  .dropdown-menu { display: block; min-width: 175px; line-height: 1; opacity: 0; pointer-events: none; transform: translate3d(200px, -154px, 0px) scale(0); transition: 0.3s all ease; } body.dark .dropdown-menu { background: #1E1E1E; box-shadow: 0 0 3px #333; } .dropdown-menu.show { opacity: 1; pointer-events: all; } .dropdown-item { height: auto; margin: 3px 0px 0px; padding: 15px 15px 18px; transition: 0.3s all ease; } body.dark .dropdown-item { color: #ddd; } .dropdown-item:hover, .dropdown-item:active { background: #C6C7C7;  border: 0px; color: #4D1C34;  } body.dark .dropdown-item:hover, body.dark .dropdown-item:active { background: #333; color: #ccc; } .dropdown-item[disabled] { background: rgba(0, 0, 0, 0.1); border: 0px; color: #777; cursor: not-allowed; } .dropdown-item:first-child { margin-top: 0px; } .dropdown-item:last-child { margin-bottom: 0px; } .dropdown-item.btn-danger { background: rgba(225, 83, 97, 0.5); } .dropdown-item > * { vertical-align: middle; } body.dark .dropdown-divider { border-top: 1px solid #444; }   input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] {  -moz-appearance: textfield; } .input-mutable {  max-width: 100%; background: transparent; border: 2px solid transparent; border-radius: 2px; outline: 0px; transition: 0.3s all ease; } .input-mutable.active { border-color: #5c90d2 !important; } body.dark .input-mutable { color: #999; } .input-mutable[type=password] { border: 2px dotted #bbb; } .input-mutable:hover { border: 2px dashed #6e9faf; } .input-mutable.pending { border: 2px dashed #5AC144; } @media (max-width: 1313px) { .input-mutable:not([type=password], [readonly], [disabled]) { border: 2px dashed #6e9faf; } } .input-mutable[readonly]:hover { border: 2px dashed #bbb; } .input-mutable:focus {   background: rgba(255, 255, 255, 0.65);  border: 2px solid #6e9faf; border-radius: 2px; } body.dark .input-mutable:focus { background: rgba(25, 25, 25, 0.65); color: #ccc; } .input-mutable[readonly]:focus { background: rgba(255, 255, 255, 0.25); border: 2px solid #bbb; } body.dark .input-mutable[readonly]:focus { background: rgba(25, 25, 25, 0.65); border: 2px solid #444; color: #ccc; }  .switch { position: relative; display: inline-block; width: 40px; height: 24px; } .switch input {  width: 0px; height: 0px; opacity: 0; } .slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .slider:before { content: ""; position: absolute; left: 4px; bottom: 4px; height: 16px; width: 16px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } input[disabled] + .slider { background-color: #7c7b7b;  cursor: not-allowed; } input[disabled] + .slider:before { background-color: #a4a4a4; } input:checked + .slider { background-color: #2196F3; } input:checked + .slider.slider-amethyst { background-color: #a48ad4; } input:focus + .slider { box-shadow: 0px 0px 1px #2196F3; } input:checked + .slider:before { transform: translateX(16px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .cb-wrapper .tgl { display: none; } .cb-wrapper .tgl, .cb-wrapper .tgl:after, .cb-wrapper .tgl:before, .cb-wrapper .tgl *, .cb-wrapper .tgl *:after, .cb-wrapper .tgl *:before, .cb-wrapper .tgl + .tgl-btn { box-sizing: border-box; } .cb-wrapper .tgl::-moz-selection, .cb-wrapper .tgl:after::-moz-selection, .cb-wrapper .tgl:before::-moz-selection, .cb-wrapper .tgl *::-moz-selection, .cb-wrapper .tgl *:after::-moz-selection, .cb-wrapper .tgl *:before::-moz-selection, .cb-wrapper .tgl + .tgl-btn::-moz-selection, .cb-wrapper .tgl::selection, .cb-wrapper .tgl:after::selection, .cb-wrapper .tgl:before::selection, .cb-wrapper .tgl *::selection, .cb-wrapper .tgl *:after::selection, .cb-wrapper .tgl *:before::selection, .cb-wrapper .tgl + .tgl-btn::selection { background: none; } .cb-wrapper .tgl + .tgl-btn { position: relative; display: block; width: 4em; height: 23px; cursor: pointer; outline: 0; user-select: none; } .cb-wrapper .tgl + .tgl-btn:after, .cb-wrapper .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .cb-wrapper .tgl + .tgl-btn:after { left: 0; } .cb-wrapper .tgl + .tgl-btn:before { display: none; } .cb-wrapper .tgl:checked + .tgl-btn:after { left: 50%; } .cb-wrapper .tgl-skewed + .tgl-btn { overflow: hidden; margin-bottom: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #888; font-family: sans-serif; transition: all 0.2s ease; transform: skew(-10deg); } .cb-wrapper .tgl-skewed + .tgl-btn:after, .cb-wrapper .tgl-skewed + .tgl-btn:before { position: absolute; display: inline-block; width: 100%; line-height: 2em; color: #fff; font-weight: bold; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); transform: skew(10deg); transition: all 0.2s ease; } .cb-wrapper .tgl-skewed + .tgl-btn:after { content: attr(data-tg-on); left: 100%; } .cb-wrapper .tgl-skewed + .tgl-btn:before { content: attr(data-tg-off); left: 0px; } .cb-wrapper .tgl-skewed + .tgl-btn:active { background: #888; } .cb-wrapper .tgl-skewed + .tgl-btn:active:before { left: -10%; } .cb-wrapper .tgl-skewed:checked + .tgl-btn { background: #86d993; } body.dark .cb-wrapper .tgl-skewed:checked + .tgl-btn { background: #6baa75; } .cb-wrapper .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .cb-wrapper .tgl-skewed:checked + .tgl-btn:after { left: 0; } .cb-wrapper .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; }  .rangeslider__handle { width: 28px !important; height: 28px !important; } .rangeslider--horizontal .rangeslider__handle { top: -8px !important; } .rangeslider--horizontal { height: 12px !important; }   .container-fw { width: auto; margin-left: 0px !important; margin-right: 0px !important; } .flex-container { display: flex; align-items: center; justify-content: space-between; }  .btn-full { display: block; width: 100%; } .btn-compact { height: auto; padding-top: 0px; padding-bottom: 2px; line-height: 20px; } .btn-active { background: #438adb; border-color: #438adb; color: #efefef; } .btn-inactive { background: #607184; border-color: #607184; color: #efefef; }  button.disabled { color: #ccc; filter: grayscale(0.5); } button.disabled:hover { cursor: not-allowed; } .btn-default.disabled, .btn-default:disabled { color: #767676 !important; } .btn-success.disabled, .btn-success:disabled { color: #eee !important; }  .btn-docked, .btn-docked:hover { position: absolute; width: auto; height: auto; padding: 2px 5px 3px; background: transparent; border: 0px solid transparent; z-index: 5; } .btn-docked.diamond { padding: 4px; } .btn-docked > i { width: 50px; height: 50px; padding: 15px 10px; background: #2A2C2E; border-radius: 50%; color: #fff; font-size: 20px; transition: 0.3s all ease; } .btn-docked:hover > i { background: #048c73; } .btn-docked.diamond > i { padding: 15px 0px; background: transparent !important; border-radius: 0px; } .btn-docked.diamond > i::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #2A2C2E; transform: scale(1.75, 1) rotate(45deg); z-index: -1; } .btn-docked.moon > i { box-shadow: 0px 0px 3px #202020; } .btn-docked > i::before {  } .btn-docked.diamond.top > i::after { top: -15px; } .btn-docked.diamond.left.left > i::after, .btn-docked.diamond.right.left > i::after { left: -20px; } .btn-docked.diamond.left.middle.left > i::after, .btn-docked.diamond.right.middle.left > i::after { left: -20px; } .btn-docked.diamond.left.right > i::after, .btn-docked.diamond.right.right > i::after { left: auto; right: -20px; } .btn-docked.diamond.left.middle.right > i::after, .btn-docked.diamond.right.middle.right > i::after { right: -20px; } .btn-docked.diamond.left > i::after, .btn-docked.diamond.right > i::after { transform: scale(1.75) rotate(45deg); } .btn-docked.diamond.left.middle > i::after, .btn-docked.diamond.right.middle > i::after { transform: scale(1, 1.75) rotate(45deg); } .btn-docked.diamond.bottom > i::after { top: auto; bottom: -20px; } .btn-docked.top { top: 35px; } .btn-docked.top.flush { top: 0px; } .btn-docked.top.diamond { top: -10px; } .btn-docked.top.moon { top: -20px; padding-top: 0px; } .btn-docked.top.moon > i { padding: 23px 0px 0px; } .btn-docked.bottom { bottom: 35px; } .btn-docked.bottom.flush { bottom: 0px; } .btn-docked.bottom.diamond { bottom: -10px; } .btn-docked.bottom.moon { bottom: -20px; padding-bottom: 0px; } .btn-docked.bottom.moon > i { padding: 13px 15px 0px; } .btn-docked.left { left: 25px; } .btn-docked.left.flush { left: 0px; } .btn-docked.left.diamond { left: -10px; } .btn-docked.left.moon { left: -20px; padding-left: 0px; } .btn-docked.left.moon > i { padding: 15px 0px 15px 13px; } .btn-docked.left.moon.top > i { padding: 23px 0px 0px 13px; } .btn-docked.left.moon.bottom > i { padding: 8px 0px 0px 13px; } .btn-docked.middle:not(.left, .right) { left: 50%; transform: translateX(-50%); } .btn-docked.middle:not(.left, .right).hidden-scale { transform: translateX(-50%) scale(0); } .btn-docked.middle:not(.top, .bottom) { top: 50%; transform: translateY(-50%); } .btn-docked.middle:not(.top, .bottom).hidden-scale { transform: translateY(-50%) scale(0); } .btn-docked.middle:not(.top, .bottom).left.hidden-scale { transform: translateX(50%) translateY(-50%) scale(0); } .btn-docked.middle:not(.top, .bottom).right.hidden-scale { transform: translateX(-50%) translateY(-50%) scale(0); } .btn-docked.middle:not(.top, .bottom):not(.left, .right) { transform: translateX(-50%) translateY(-50%); } .btn-docked.middle:not(.top, .bottom):not(.left, .right).hidden-scale { transform: translateX(-50%) translateY(-50%) scale(0); } .btn-docked.middle.moon.bottom > i { padding: 6px 0px 0px 0px; } .btn-docked.right { right: 25px; } .btn-docked.right.flush { right: 0px; } .btn-docked.right.diamond { right: -10px; } .btn-docked.right.moon { right: -20px; padding-right: 0px; } .btn-docked.right.moon > i { padding: 15px 13px 15px 0px; } .btn-docked.right.moon.top > i { padding: 23px 13px 0px 0px; } .btn-docked.right.moon.bottom > i { padding: 8px 13px 0px 0px; } @media (max-width: 576px) { .btn-docked.bottom.left { bottom: 3px; left: 10px; } .btn-docked.bottom.middle { bottom: 5px; } } .btn-docked.quick-nudge:not(:hover) > i { background: #175c51; } .btn-docked > .dock-hint { padding: 5px 15px; background: #1D9065; border-radius: 5px; color: #dedede; opacity: 0; transition: 0.3s all ease; } .btn-docked > i + .dock-hint { position: absolute; top: 12px; left: 57px; padding: 2px 10px 4px 12px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transform: translateX(-57px) scale(0); z-index: -1; } .btn-docked > .dock-hint.expanded, .btn-docked:hover > .dock-hint { opacity: 1; transform: translateX(0px) scale(1); } .btn-docked > i + .dock-hint.expanded, .btn-docked:hover > i + .dock-hint { background: #2A2C2E; } .btn-docked:hover > .dock-hint, .btn-docked:hover > .dock-hint.expanded { background: #048c73; color: #fff; } @media (max-width: 576px) { .btn-docked.quick-nudge:not(:hover) > .dock-hint { background: #175c51; } }  .btn-frosted { position: relative; background: transparent; border: 1px solid #1D9065; color: #fff; transition: 0.3s all ease; } .btn-frosted:hover { background: transparent; border: 1px solid #1D9065; } .btn-frosted::before { content: " "; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #212325; background-image: linear-gradient(-45deg, #1A1C1D, #333, #1A1C1D); opacity: 0; pointer-events: none; transition: 0.3s opacity ease; } .btn-frosted:hover::before, .btn-frosted:focus::before { opacity: 0.5; } .btn-primary { background: #1b78ad; border-color: #1b78ad; color: #fff; } .btn-primary:hover { background: #1279c8; border-color: #0f79d2; } .btn-primary.disabled, .btn-primary[disabled] { background: #186198; border-color: #1669a8; opacity: 0.75; } .btn-secondary { background: rgba(30, 32, 33, 0.5); border-color: rgba(30, 32, 33, 0.25); color: #efefef; } .btn-secondary:hover { background: rgba(30, 32, 33, 0.65); border-color: #1669a8; } .btn-secondary.disabled, .btn-secondary:disabled { background: rgba(30, 32, 33, 0.5); border-color: rgba(30, 32, 33, 0.25); opacity: 0.75; } .btn-info { background: #43abbb; border-color: #1597AB; color: #fff; } .btn-info:hover { background: #68bbc8; border-color: #2ca1b3; } .btn-info.disabled, .btn-info[disabled] { background: #43abbb; border-color: #1597AB; opacity: 0.75; } .btn-success { background: #3aa553; border-color: #259C40; color: #fff; } .btn-success:hover { background: #50af66; border-color: #3aa553; } .btn-success.disabled, .btn-success[disabled] { background: #3aa553; border-color: #259C40; opacity: 0.75; } .btn-warning { background: #bf9c32; border-color: #B08400; color: #fff; } .btn-warning:hover { background: #c5a546; border-color: #b79019; } .btn-warning.disabled, .btn-warning[disabled] { background: #bf9c32; border-color: #B08400; opacity: 0.75; }  .border-1 { border-width: 1px; border-style: solid; } .border-2 { border-width: 2px; border-style: solid; } .border-3 { border-width: 3px; border-style: solid; } .bg-none { background-color: transparent !important; } .bg-dark { background-color: #202020 !important; } .bg-dark-alt { background: #1C1D1D; } .bg-secondary { background-color: #fff !important; } body.dark .bg-secondary { background-color: #2C2F35 !important; } .bg-compliment { background-color: #f9f9f9; } body.dark .bg-compliment { background-color: #32353B; } .bg-contrast { background-color: #fafafa; } body.dark .bg-contrast { background-color: #151616; } .text-illumen { color: #32353B; } body.dark .text-illumen { color: #dfdfdf; } .bg-glare { background-color: #048c73;  background-image: linear-gradient(125deg, rgba(236, 239, 241, 0.5) 10%, rgba(246, 247, 248, 0.35) 35%, rgba(246, 247, 248, 0.25) 40%); } .bg-info { background-color: #d9edf7 !important; } .text-info { color: #31708f !important; } .bg-blue-muted { background: #438adb linear-gradient(to right, #4e7895, #4e628b); } .border-blue-muted { border-color: #438adb; } .bg-green-muted { background: #387867 linear-gradient(to right, #34766A, #3D7A65); } .border-green-muted { border-color: #387867; } .tippy-box[data-theme~="error"] { background-color: #F2DEDE; box-shadow: 0 0 3px #F0F0F0;  color: #841824; } .tippy-box[data-theme~="error"][data-placement^="top"] > .tippy-arrow::before { border-top-color: #F2DEDE; } .tippy-box[data-theme~="error"][data-placement^="bottom"] > .tippy-arrow::before { border-bottom-color: #F2DEDE; } .tippy-box[data-theme~="error"][data-placement^="left"] > .tippy-arrow::before { border-left-color: #F2DEDE; } .tippy-box[data-theme~="error"][data-placement^="right"] > .tippy-arrow::before { border-right-color: #F2DEDE; }  .tippy-box[data-reference-hidden] { visibility: hidden; pointer-events: none; }