.panel .notify { margin-top: 18px !important; margin-left: -11px; } .editHomepageItemDiv-on { z-index: 9999 !important; opacity: 1 !important; background: #000000eb !important; } .editHomepageItemDiv-off { z-index: -9999 !important; opacity: 0 !important; display: none; animation-duration: 0.6s; } #editHomepageItem { margin-top: 40px; } /*JSGrid*/ .jsgrid-grid-body { overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; } .jsgrid-table { width: 100% !important; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } .jsgrid-grid-header { overflow-y: auto; } .jsgrid-grid-header { background: transparent; } .jsgrid-grid-body td { border: transparent; } .jsgrid-pager a { color: white; } .item-pager-panel { margin-top: -26px; } span.jsgrid-pager-page.jsgrid-pager-current-page.btn.btn-primary { padding: 6px 11px; margin-left: 9px; margin-right: 9px !important; } .bg-org .swal-title { color: white; } .swal-content { padding: 0; margin: 0 !important; } /*Preloader*/ .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.88); } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } .w-100 { width: 100%; } .iframe { width: 100%; height: 100%; position: inherit; display: block; } @media screen and (max-width: 767px) { body { height: 100%; } } @media screen and (max-width: 767px) { .orgErrorAlert { min-width: 200px; width: calc(100% - 40px); max-width: 727px; background-color: #1f1f1f !important; } } @media screen and (min-width: 768px) { .orgErrorAlert { min-width: 478px; width: calc(100% - 40px); max-width: 1200px; background-color: #1f1f1f !important; } } @media screen and (max-width: 767px) { .orgAlertTransparent { min-width: 200px; width: 100%; max-width: 727px; background-color: transparent !important; } } @media screen and (min-width: 768px) { .orgAlertTransparent { min-width: 478px; width: calc(100% - 40px); max-width: 1200px; background-color: transparent !important; } } @media screen and (min-width: 768px) { #page-wrapper.sidebar-hidden { margin-left: 0; width: 100%; } .sidebar.sidebar-hidden { display: none; } .navbar.sidebar-hidden { padding-left: 0; } } .tab1 { padding-left: 1em; } .tab2 { padding-left: 2em; } .tab3 { padding-left: 3em; } .tab4 { padding-left: 4em; } .tab5 { padding-left: 5em; } .tab6 { padding-left: 6em; } .tab7 { padding-left: 7em; } .tab8 { padding-left: 8em; } .tab9 { padding-left: 9em; } .tab10 { padding-left: 10em; } .tab11 { padding-left: 11em; } .tab12 { padding-left: 12em; } .tab13 { padding-left: 13em; } .tab14 { padding-left: 14em; } .tab15 { padding-left: 15em; } .tab16 { padding-left: 16em; } .splitRight { width: calc(50% - 60px); margin-left: calc(50% - -60px) !important; position: absolute !important; } .split { width: calc(50%) !important; position: absolute !important; } .fix-header #page-wrapper-right { margin-top: 40px; } .fc-popover.fc-more-popover { position: fixed; } .organizr-area, .organizr-area-right { height: 100%; position: absolute; width: 100%; } /* Larger Images */ #side-menu > li > a { padding: 10px 35px 10px 15px; display: block; } .sidebar .nav-second-level li a { padding: 14px 10px 14px 15px; } .modal-backdrop { z-index: 1049; } #side-menu .fa-fw { width: 30px !important; } .sidebar:hover #side-menu .user-pro ul li a { padding-left: 30px; } .sidebar #side-menu .user-pro ul li a { padding: 14px 10px 14px 17px; } .sttabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; } .common-list .notify { position: relative; margin-top: 0.5px; margin-right: 9px; } .ajaxloader { width: 100%; height: 100%; top: 0px; position: absolute; z-index: 99999; background: rgba(0, 0, 0, 0.68); margin: 0 auto; border-radius: 10px; } .lock-screen { background: url(../plugins/images/login-register.jpg) center center/cover no-repeat !important; height: 100%; position: fixed; z-index: 1001; top: 0; width: 100%; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } .org-rox-trigger { position: fixed; height: 2px; width: 2px; bottom: 0; right: 0; z-index: 10000000000000000; } .org-rox-trigger:hover .org-rox { display: block; } .org-rox { display: none; position: fixed; top: 100px; left: 300px; z-index: 10000000000000000; } .org-rox .hair:before, .org-rox .hair:after { content: ""; position: absolute; } .org-rox .hair:before { width: 0; height: 0; border-left: 60px solid transparent; border-bottom: 60px solid #8e2800; left: 40px; margin-top: -10px; } .org-rox .hair:after { width: 0; height: 0; border-left: 60px solid transparent; border-bottom: 60px solid #8e2800; left: 60px; margin-top: -20px; } .org-rox .head { position: relative; width: 200px; height: 200px; border-radius: 100px; background-color: #8e2800; } .org-rox .ear { position: absolute; top: 20px; content: ""; width: 100px; height: 100px; border-radius: 50px; background-color: #8e2800; } .org-rox .ear.left { left: -40px; } .org-rox .ear.right { right: -40px; } .org-rox .ear.left:before, .org-rox .ear.right:before { position: absolute; content: ""; top: 12px; width: 100px; height: 80px; border-radius: 80px; background-color: #b64926; } .org-rox .ear.left:before { left: 20px; } .org-rox .ear.right:before { right: 20px; } .org-rox .face { position: relative; width: 200px; height: 200px; border-radius: 100px; background-color: #8e2800; z-index: 0; } .org-rox .face:before { position: absolute; content: ""; top: 40px; left: 20px; width: 160px; height: 160px; border-radius: 80px; background-color: #b64926; z-index: 1; } .org-rox .eye { position: absolute; top: 60px; width: 64px; height: 64px; border-radius: 64px; background-color: #fff0a5; z-index: 4; } .org-rox .eye.left { left: 34px; } .org-rox .eye.right { right: 34px; } .org-rox .eye:before, .org-rox .eye:after { position: absolute; content: ""; -webkit-animation: roll-eye 1s infinite linear normal; animation: roll-eye 1s infinite linear normal; } .org-rox .eye:before { top: 20px; left: 20px; width: 20px; height: 20px; border-radius: 10px; background-color: black; } .org-rox .eye:after { top: 22px; left: 30px; width: 4px; height: 4px; border-radius: 2px; background-color: white; } .org-rox .eye.right:after, .org-rox .eye.right:before { -webkit-animation: roll-eye 1s infinite linear reverse; animation: roll-eye 1s infinite linear reverse; } @-webkit-keyframes roll-eye { from { -webkit-transform: rotate(90deg) translate(-16px) rotate(90deg); } to { -webkit-transform: rotate(450deg) translate(-16px) rotate(-450deg); } } @keyframes roll-eye { from { transform: rotate(90deg) translate(-16px) rotate(90deg); } to { transform: rotate(450deg) translate(-16px) rotate(-450deg); } } .org-rox .nose:before, .org-rox .nose:after { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 2px; background-color: black; top: 130px; left: 94px; z-index: 4; } .org-rox .nose:after { left: 102px; } .org-rox .mouth { position: absolute; z-index: 3; top: 120px; left: -4px; background-color: #b64926; height: 120px; width: 208px; border-bottom-left-radius: 170px 88px; border-bottom-right-radius: 170px 88px; border-top-left-radius: 92px 88px; border-top-right-radius: 92px 88px; } .org-rox .mouth:before { position: absolute; content: ""; top: 40px; left: 46px; width: 120px; height: 60px; background-color: #000000; border-bottom-left-radius: 170px; border-bottom-right-radius: 180px; } .org-rox .mouth:after { position: absolute; content: ""; top: 64px; left: 66px; width: 80px; height: 40px; background-color: #b5292a; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; -webkit-animation: move-tongue 1s infinite alternate-reverse; animation: move-tongue 1s infinite alternate-reverse; } @-webkit-keyframes move-tongue { from { top: 64px; } to { top: 70px; } } @keyframes move-tongue { from { top: 64px; } to { top: 70px; } } body.stop-scrolling { height: 100%; overflow: hidden; } .tabEditorIcon i { font-size: 35px; text-align: center !important; width: 35px !important; font-style: normal; } .tabEditorIcon img { width: 35px !important; } .asColorPicker-wrap { position: relative; display: block; width: calc(100% - 35px); } .asColorPicker-trigger { position: absolute; top: 0; right: -32px; height: 38px; width: 37px; border: 0; border-radius: 0 4px 4px 0; } .asColorPicker-trigger span { width: 100%; height: 100%; display: inline-block; border-radius: 0 4px 4px 0; } .top-left-part { width: auto; max-width: 220px; float: left; border-right: transparent; display: inline-flex; flex-wrap: nowrap; } .tabs-style-flip { max-width: 1400px; margin: 0 auto; } .elip { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .p-a-5 { padding: 5px !important; } .error-page { width: 100%; background: #1b1a1a; height: 100%; position: fixed; display: none; z-index: 11; } img.lazyload.tabImages { height: 120px !important; object-fit: contain; /*-webkit-filter: drop-shadow(0px 0px 0px black); filter: drop-shadow(0px 0px 0px black);*/ } .recent-cover { background-position: center; background-size: cover; height: 150px; width: 150px; top: 37px; position: relative; } .recent-sponsor { background-position: center; background-size: cover; height: 150px; width: 150px; position: relative; } #backersList .recent-sponsor { background-position: center; background-size: cover; height: 75px; width: 75px; position: relative; } .recent-poster { background-position: center; background-size: cover; height: 225px; width: 150px; position: relative; top: 0; left: 0; } .recent-title { position: absolute; bottom: 0px; background: rgba(31, 31, 31, 0.73); width: inherit; color: white; display: none; } .item:hover .recent-title { display: block; } .nowPlayingHover { margin-bottom: 14px; } .nowPlayingUserThumb:hover { opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .tabLoaded { -webkit-filter: drop-shadow(0px 0px 5px #2cabe4); filter: drop-shadow(0px 0px 5px #2cabe4); } .user-bg { margin: -25px; height: 338px; overflow: hidden; position: relative; background-size: cover; background-position: top; background-repeat: no-repeat; } h2.m-b-0.font-medium.pull-right { -webkit-filter: drop-shadow(1px 1px 0px #1f1f1f); filter: drop-shadow(1px 1px 0px #1f1f1f); color: white; } .text-plex { color: #e5a00d; } .text-emby { color: #4caf50; } .genre-list { position: absolute; bottom: 0; left: 0; } .mouse { cursor: pointer; } .no-mouse { cursor: unset; } .no-mouse:hover { opacity: 1 !important; } .mouse-grab { cursor: grab; } table.dataTable { border-radius: 10px; } table.dataTable thead tr th { padding: 10px 0 10px 5px !important; background: #00000061 !important; } table.dataTable thead tr th:last-child { border-radius: 0 10px 0 0; } table.dataTable thead tr th:first-child { border-radius: 10px 0 0 0; } .open > .dropdown-menu.pull-right.log-filter-dropdown { top: 160px; right: 75px; } .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceLeft { width: 56%; display: block; position: absolute; left: 0px; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceRight { width: 56%; display: block; position: absolute; right: 0px; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } img.imageSourceTop { top: -37px; left: 0px; margin: auto; display: block; z-index: -1; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } img.imageSourceBottom { top: -114px; left: 0px; margin: auto; display: block; z-index: -1; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } .recent-cover .hover-homepage-item { position: relative; top: -338px; height: 225px; } .recent-music span.elip.recent-title { position: absolute; bottom: -38px; background: rgba(31, 31, 31, 0.73); width: inherit; color: white; } .mailbox-widget .customtab li.active a, .mailbox-widget .customtab li.active, .mailbox-widget .customtab li.active a:focus { background: 0 0; color: #fff; border-color: #53e69d; } .nav-tabs.pull-right > li > a:hover { background: transparent; border-radius: 0px; } .homepageImageTitle { height: 40px; margin-top: -7px; } .monitorrImage { height: 100px; } .homepage-tautulli-card { height: 160px; } .homepage-tautulli-card .card-body { padding: 0; } .homepage-tautulli-card .poster { max-width: 100%; max-height: 150px; } .homepage-tautulli-card th { border-bottom: 1px solid #ffffff20; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .homepage-tautulli-card .poster-td { width: 110px; padding: 5px; } .homepage-tautulli-card .scrollable { height: 129px; margin-left: 10px; } .homepage-tautulli-card table { position: absolute; } .homepage-tautulli-card .cardCountType { padding-top: 2px; padding-right: 5px; color: #808080; font-size: smaller; } .homepage-tautulli-card .tautulliRank, .homepage-tautulli-card .tautulliSeparator { color: #808080; font-size: small; padding-right: 2px; } .homepage-tautulli-card .tautulliRank { width: 15px !important; webkit-flex-shrink: 0; flex-shrink: 0; } .homepage-tautulli-card .cardListItem { padding-top: 2px; margin-left: 10px; padding-right: 5px; border-bottom: 1px solid #ffffff20; box-sizing: border-box; height: 25px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; } .homepage-tautulli-card .cardListRow { min-height: 25px; } .homepage-tautulli-card .cardListCount { color: #f9be03; } .homepage-tautulli-card .tautulliFirstItem { height: 30px; padding-top: 2px; font-size: large; } .homepage-tautulli-card .tautulliLastItem { border-bottom: none; } .homepage-tautulli-card .simplebar-track { left: -12px; right: auto; } .homepage-tautulli-card .lib-icon { max-width: 100%; height: 64px; } .homepage-tautulli-card .avatar { border-radius: 50%; } .homepage-tautulli-card .bg-img-cont { overflow: hidden; pointer-events: none; position: absolute; width: 100%; height: 100%; border: 1px solid #ffffff10; } .homepage-tautulli-card .bg-img { width: 100%; height: 100%; top: 0; left: 0; filter: blur(7px) brightness(30%); transform: scale(1.1); } /* Tautulli Background Colors */ .platform-android-rgba { background-color: rgba(164, 202, 57, 0.4); } .platform-atv-rgba { background-color: rgba(133, 132, 135, 0.4); } .platform-chrome-rgba { background-color: rgba(237, 94, 80, 0.4); } .platform-chromecast-rgba { background-color: rgba(16, 164, 232, 0.4); } .platform-default-rgba { background-color: rgba(229, 160, 13, 0.4); } .platform-dlna-rgba { background-color: rgba(12, 177, 75, 0.4); } .platform-firefox-rgba { background-color: rgba(230, 120, 23, 0.4); } .platform-gtv-rgba { background-color: rgba(0, 139, 207, 0.4); } .platform-ie-rgba { background-color: rgba(0, 89, 158, 0.4); } .platform-ios-rgba { background-color: rgba(133, 132, 135, 0.4); } .platform-kodi-rgba { background-color: rgba(49, 175, 225, 0.4); } .platform-linux-rgba { background-color: rgba(23, 147, 208, 0.4); } .platform-macos-rgba { background-color: rgba(133, 132, 135, 0.4); } .platform-msedge-rgba { background-color: rgba(0, 120, 215, 0.4); } .platform-opera-rgba { background-color: rgba(255, 27, 45, 0.4); } .platform-playstation-rgba { background-color: rgba(3, 77, 162, 0.4); } .platform-plex-rgba { background-color: rgba(229, 160, 13, 0.4); } .platform-plexamp-rgba { background-color: rgba(229, 160, 13, 0.4); } .platform-roku-rgba { background-color: rgba(109, 60, 151, 0.4); } .platform-safari-rgba { background-color: rgba(0, 169, 236, 0.4); } .platform-samsung-rgba { background-color: rgba(3, 78, 162, 0.4); } .platform-synclounge-rgba { background-color: rgba(21, 25, 36, 0.4); } .platform-tivo-rgba { background-color: rgba(0, 167, 225, 0.4); } .platform-wiiu-rgba { background-color: rgba(3, 169, 244, 0.4); } .platform-windows-rgba { background-color: rgba(47, 192, 245, 0.4); } .platform-wp-rgba { background-color: rgba(104, 33, 122, 0.4); } .platform-xbmc-rgba { background-color: rgba(59, 72, 114, 0.4); } .platform-xbox-rgba { background-color: rgba(16, 124, 16, 0.4); } .grayscale { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } td span.label.label-info, td span.label.label-success, td span.label.label-warning { min-width: 80px !important; display: inline-block !important; } .inbox-center.table-responsive { max-height: 300px; overflow-y: auto; } .fc-event { border-radius: 0; border: none; cursor: pointer; font-size: 13px; margin: 1px -1px 0; padding: 5px; text-align: left; background: #2cabe3; } th.fc-list-header { text-align: left; } th.fc-list-header > .fc-list-heading-alt { margin-left: 10px; } .bg-calendar { background: transparent; color: inherit; } .fc-toolbar { margin: 0; padding: 19px 20px 11px 20px; } .fc-unthemed .fc-today { color: inherit !important; } .fc-popover { background-color: #1b1b1b; } @media (max-width: 767px) { i.ti-close.visible-xs { display: inline !important; } img.lazyload.resultImages { height: 300px !important; object-fit: contain; width: 200px !important; margin: auto; } } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 0; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: transparent; } .fc-day-grid-event .fc-content { white-space: nowrap; overflow: visible; } .fc-view-container .fc-view .fc-scroller { max-height: 212px !important; overflow: auto !important; } } .loop-animation { animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; } @media (min-width: 768px) { img.lazyload.resultImages { height: 300px !important; object-fit: cover; width: 200px !important; margin: auto; } } .outside-request-div { position: absolute; right: 0; overflow: hidden; width: 32px; height: 32px; transition: all 0.2s ease; z-index: 1; } /* thanks burry */ .item:hover .inside-over-request-div { opacity: 0; top: -60px; } .item:hover .inside-request-div { opacity: 0; top: -46px; } .inside-request-div { top: -16px; right: -16px; padding: 0; width: 100%; height: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); line-height: 24px; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; } .inside-over-request-div { top: -28px; right: -25px; padding: 0; width: 50px; height: 50px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); line-height: 24px; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; } .unapproved-request-div { background-color: #cc7b19; } .hover-homepage-item:hover { background: radial-gradient( farthest-corner at 50% 50%, rgba(50, 50, 50, 0.5) 50%, #323232 100% ); opacity: 1; transition: linear 0.2s; } .hover-homepage-item { width: 100%; height: 100%; opacity: 0; } input#inviteCodeInput { font-size: 400%; height: 100%; } .bg-org-alt { background: #2d2c2c; } .bg-sonarr { background: #35c5f2; } .bg-radarr { background: #8f7128; } .bg-plex { background: #e5a00d; } .bg-oidc-authentik { background: #fd4b2d; } .bg-oidc-keycloak { background: #4d4d4d; } .bg-oidc-pocketid { background: #5865f2; } .bg-oidc-zitadel { background: #0d9488; } .bg-emby { background: #4caf50; } .text-jellyfin, .bg-jellyfin { background: #a15dc3; } .bg-jellystat { background: #00a4dc; /* JellyStat blue color */ } .bg-healthchecks { background: #56b059; } .bg-sab { background: #ffb300; } .bg-deluge { background: #425570; } .bg-nzbget { background: #3e8c25; } .bg-bookmarks { background: #d90101; } .bg-transmission { background: #950000; } .bg-qbit { background: #2f67ba; } .request-result-item { width: 230px; } .customPoster { margin: 50px auto; text-align: center; position: absolute; top: 0; left: 0; width: 200px; } .customPoster a { text-decoration: none; -webkit-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -moz-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -ms-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -o-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: inline-block; text-align: center; text-transform: uppercase; font-size: 35px; font-weight: 700; font-family: inherit; line-height: 0.8; color: #707cd2; text-shadow: 0 -1px 15px rgba(0, 0, 0, 0.9), 0 1px 0 #7d7d7d, 0 3px 0 #828282, 0 5px 0 #6c6c6c, 0 7px 0 #727272, 0 9px 0 #939393, 0 6px 50px rgb(27, 26, 26); width: 200px; max-width: 200px; } .customPoster a:first-line { font-size: 0.8em; } .el-overlay-1:hover .customPoster a { -webkit-transform: perspective(8em) rotateX(11deg) scale(1.2); -moz-transform: perspective(8em) rotateX(11deg) scale(1.2); -ms-transform: perspective(8em) rotateX(11deg) scale(1.2); -o-transform: perspective(8em) rotateX(11deg) scale(1.2); transform: perspective(8em) rotateX(11deg) scale(1.2); text-shadow: 0 -1px 15px black, 0 1px 0 #7f6303, 0 2px 0 #846703, 0 0px 0 #896b03, 0 1px 0 #8e6f03, 0 2px 0 #937203, 0 2px 30px rgba(252, 223, 92, 0.6); } .homepage-drag { background-size: contain; background-position: right; height: 60px; background-repeat: no-repeat; background-origin: content-box; border-radius: 10px; } .homepage-number { float: left; width: 36px !important; text-align: center; vertical-align: middle; height: 36px; border-radius: 20px; margin-top: 7px; padding: 11px; } span.homepage-text { margin-top: 16px; display: inline-block; } .faded { opacity: 0.5; } .qr-code { display: block; width: 100%; height: 380px; background-size: contain; margin: auto; background-repeat: no-repeat; } .btn-link, a { color: #2cabe3; text-decoration: none; } @media (pointer: coarse) { #side-menu > li > a:hover, #side-menu > li > a:focus { background: transparent; } } .fc-view-container .fc-view .fc-scroller { max-height: 215px !important; } .fc-view-container .fc-month-view .fc-scroller, .fc-view-container .fc-basicWeek-view .fc-scroller { max-height: 100% !important; height: 100% !important; } .fc-scroller .simplebar-content { min-height: auto !important; overflow: hidden !important; padding-bottom: 0px !important; } .simplebar-content { padding-bottom: 0px !important; } .simplebar-content { min-height: auto !important; overflow-x: auto !important; } .simplebar-scroll-content { margin-bottom: 0px !important; } .flexbox { display: flex; flex-wrap: wrap; } @media (min-width: 2000px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } input.has-success { border-bottom: 8px solid #4caf50; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .message-center { max-height: 250px; } .fc-alternate { background: transparent; border-bottom: 1px solid; border-color: rgba(120, 130, 140, 0.13); } .fc-state-disabled { display: none; } .resultBox-outside { max-height: 96vh; } .resultBox-inside { height: 100%; max-height: 85vh; } .loginLogo { max-width: 350px; max-height: 225px; width: 100%; } .recent-items .owl-item { height: 225px; } .tooltip-content5 { position: absolute; z-index: 9999; min-width: 300px; max-width: 350px; left: 50%; bottom: 100%; font-size: 20px; line-height: 1.4; text-align: center; font-weight: 400; color: #fff; background: 0 0; opacity: 0; margin: 0 0 20px -150px; cursor: default; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; } .tooltip-inner2 { background: #2b2b2b; padding: 40px 0px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #scroll { position: fixed; right: 10px; bottom: 10px; cursor: pointer; width: 50px; height: 50px; background-color: #3498db; text-indent: -9999px; display: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; z-index: 1; } #scroll span { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -12px; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #ffffff; } #scroll:hover { background-color: #e74c3c; opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .white-popup-block { max-width: 80%; } ul.nav.customtab.nav-tabs.nav-low-margin { margin: -25px -25px 0px -25px !important; } #menu-Organizr-Support i { color: #c62828; } #menu-GitHub-Repo i { color: #2cabe3; } #menu-Organizr-Docs i { color: #707cd2; } #menu-Feature-Request i { color: #2cabe3; } .ping { position: relative; margin-top: 0; } .ping .heartbit { position: absolute; top: -15px; left: 15px; height: 25px; width: 25px; z-index: 10; border: 5px solid #ff7676; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .heartbit.depend-heartbit { top: -37.5px; } .ping .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #ff7676; position: absolute; left: 25px; top: -5px; } .sidebar .arrow { position: absolute; right: 20px; top: 17px; } /* NOTIFY ALTERS */ .iziToast.success-notify > .iziToast-body .iziToast-icon { color: rgb(0, 255, 184); } .iziToast.success-notify > .iziToast-body .iziToast-title, .iziToast.success-notify > .iziToast-body .iziToast-message { color: white; } .success-notify .iziToast-progressbar div { background: rgb(0, 255, 184); } .iziToast.success-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.info-notify > .iziToast-body .iziToast-icon { color: #3a83f0; } .iziToast.info-notify > .iziToast-body .iziToast-title, .iziToast.info-notify > .iziToast-body .iziToast-message { color: white; } .info-notify .iziToast-progressbar div { background: #3a83f0; } .iziToast.info-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.warning-notify > .iziToast-body .iziToast-icon { color: #ffeb3b; } .iziToast.warning-notify > .iziToast-body .iziToast-title, .iziToast.warning-notify > .iziToast-body .iziToast-message { color: white; } .warning-notify .iziToast-progressbar div { background: #ffeb3b; } .iziToast.warning-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.error-notify > .iziToast-body .iziToast-icon { color: #f44336; } .iziToast.error-notify > .iziToast-body .iziToast-title, .iziToast.error-notify > .iziToast-body .iziToast-message { color: white; } .error-notify .iziToast-progressbar div { background: #f44336; } .iziToast.error-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.update-notify > .iziToast-body .iziToast-icon { color: #9e67f4; } .iziToast.update-notify > .iziToast-body .iziToast-title, .iziToast.update-notify > .iziToast-body .iziToast-message { color: white; } .update-notify .iziToast-progressbar div { background: #9e67f4; } .iziToast.update-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.success-notify.iziToast-balloon:before, .iziToast.update-notify.iziToast-balloon:before, .iziToast.info-notify.iziToast-balloon:before, .iziToast.warning-notify.iziToast-balloon:before, .iziToast.error-notify.iziToast-balloon:before { border-top-color: #1b1a1a; } /* ALERTIFY ALERTS */ .ajs-message.ajs-success-alertify { color: rgb(0, 255, 184); background-color: #1b1a1a; border-color: rgb(0, 255, 184); } .ajs-message.ajs-info-alertify { color: #3a83f0; background-color: #1b1a1a; border-color: #3a83f0; } .ajs-message.ajs-warning-alertify { color: #ffeb3b; background-color: #1b1a1a; border-color: #ffeb3b; } .ajs-message.ajs-error-alertify { color: #f44336; background-color: #1b1a1a; border-color: #f44336; } .ajs-message.ajs-update-alertify { color: #9e67f4; background-color: #1b1a1a; border-color: #9e67f4; } .noty_type__success-noty .noty_body { background: #1b1a1a; color: rgb(0, 255, 184); border: 1px solid #232323; border-bottom: transparent; } .noty_type__info-noty .noty_body { background: #1b1a1a; color: #3a83f0; border: 1px solid #232323; border-bottom: transparent; } .noty_type__warning-noty .noty_body { background: #1b1a1a; color: #ffeb3b; border: 1px solid #232323; border-bottom: transparent; } .noty_type__error-noty .noty_body { background: #1b1a1a; color: #f44336; border: 1px solid #232323; border-bottom: transparent; } .noty_type__update-noty .noty_body { background: #1b1a1a; color: #9e67f4; border: 1px solid #232323; border-bottom: transparent; } .noty_type__success-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: rgb(0, 255, 184); } .noty_type__info-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #3a83f0; } .noty_type__warning-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #ffeb3b; } .noty_type__error-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #f44336; } .noty_type__update-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #9e67f4; } .noty_type__success-noty ellipse { fill: rgb(0, 255, 184); } .noty_type__info-noty ellipse { fill: #3a83f0; } .noty_type__warning-noty ellipse { fill: #ffeb3b; } .noty_type__error-noty ellipse { fill: #f44336; } .noty_type__update-noty ellipse { fill: #9e67f4; } .navbar-header { max-height: 40px; } span#main-logo { max-width: 220px; } img.dark-logo { max-width: 220px; max-height: 40px; } img.dark-logo-side { max-width: 160px; max-height: 35px; } .themeIcon { height: 25px; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100% !important; z-index: 9999; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; } span.select2-selection.select2-selection--single, span.select2-selection.select2-selection--multiple { background: inherit; min-height: 38px; } img.img-chooser { width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 38%; width: 0; } .select2-search--dropdown { display: block; padding: 4px; background-color: #1f1f1f; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; /*line-height: 38px;*/ } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-dropdown { background-color: inherit; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #2babe3; border: 1px solid #1b1a1a; color: #1b1a1a; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #1f1f1f; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #f96262; } .fc-scroller .simplebar-track.horizontal { display: none; } .chat-main-box { height: 100%; } .chat-list, .chatonline { height: calc(100vh - 130px) !important; } .tfa-input { font-size: 400%; height: 100%; } .center { display: block; margin-left: auto; margin-right: auto; width: 50%; } .fc-status { width: 0px; height: 100%; display: block; position: absolute; border-radius: 5px; } span.fc-image, span.fc-title { margin-left: 5px; } .string { color: green; } .number { color: darkorange; } .boolean { color: blue; } .null { color: magenta; } .key { color: #53e69d; } .splash-badge { float: right; width: 50px !important; text-align: center; vertical-align: middle; height: 50px; border-radius: 25px; margin-top: 0px; padding: 10px 11px 0px 5px; font-size: 30px; } .downloaderCount { margin-top: -15px; margin-left: -45px; position: absolute; } .loginTitle { height: 22px; margin-top: -2px; } .fw300 { font-weight: 300; } .fw400 { font-weight: 400; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } .dropdown-menu { width: inherit; } .pingTime { position: inherit; right: -30px; } .nav-second-level .pingTime { position: inherit; right: -5px; } .sidebar-tabName { position: absolute; top: 15px; } @media (max-width: 767px) { .show-sidebar .sidebar { overflow-y: auto !important; } } .nav-second-level .sidebar-tabName { position: absolute; top: 20px; } .request-title-movie, .request-title-tv, .request-title-music { position: absolute; top: -40px; right: -40px; background: transparent; width: 25px; color: white; padding: 1px 0px; text-align: center; font-size: 15px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .item:hover .request-title-movie, .item:hover .request-title-tv, .item:hover .request-title-music { opacity: 1; top: 5px; right: 5px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* Fix for bootstrap screen width bug */ @media (min-width: 992px) and (max-width: 1200px) { .col-lg-12 { float: left; width: 100%; } .col-md-12 { float: none; } } .col-lg-12, .col-md-12 { float: left; width: 100%; } #newRequestButton { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .left-health { width: 5px; height: 100%; position: absolute; left: 0; } .animated-2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated-3 { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .select2-container--default.select2-container--focus .select2-selection--multiple { height: 100%; } .healthPosition { position: absolute; z-index: 10; width: 100%; } .btn-danger i.ti-trash { margin-left: -1.5px; } .has-coupon-text { position: absolute; top: 0; left: 0; background: rgba(108, 169, 76, 0.73); width: inherit; color: white; display: none; } .item:hover .has-coupon-text { display: block; } span.has-coupon { position: absolute; top: 0; right: 0; background: rgba(108, 169, 76, 0.73); width: 23px; color: white; } #page-wrapper { height: calc(100% - 40px); width: calc(100% - 60px); position: absolute; } .content-wrapper #page-wrapper { width: 100%; } #page-wrapper .simplebar-content, #page-wrapper-right .simplebar-content { height: 100%; } #page-wrapper-right { height: calc(100% - 40px); position: absolute; } .iFrame-listing { height: 100%; } .frame-container { height: 100%; } .internal-container { height: 100%; } .internal-listing { height: 100%; } html { overflow: hidden !important; } body { overflow: initial !important; } .login-area { position: fixed; z-index: 10; } /* body, html { overflow: hidden; } #page-wrapper { max-height: 568px; min-height: 568px; } .internal-listing { min-height: inherit; max-height: inherit; } .internal-listing .simplebar-track.horizontal { display: none; } */ .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } .display-5 { font-size: 3rem; font-weight: 300; line-height: 1.2; } .display-6 { font-size: 2.5rem; font-weight: 300; line-height: 1.2; } .display-7 { font-size: 2rem; font-weight: 300; line-height: 1.2; } .font-16 { font-size: 16px; } .font-12 { font-size: 12px; } .font-14 { font-size: 14px; } .font-10 { font-size: 10px; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px; } .font-22 { font-size: 22px; } .font-24 { font-size: 24px; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1600px) { .m-xlg-0 { margin: 0 !important; } .mt-xlg-0, .my-xlg-0 { margin-top: 0 !important; } .mr-xlg-0, .mx-xlg-0 { margin-right: 0 !important; } .mb-xlg-0, .my-xlg-0 { margin-bottom: 0 !important; } .ml-xlg-0, .mx-xlg-0 { margin-left: 0 !important; } .m-xlg-1 { margin: 0.25rem !important; } .mt-xlg-1, .my-xlg-1 { margin-top: 0.25rem !important; } .mr-xlg-1, .mx-xlg-1 { margin-right: 0.25rem !important; } .mb-xlg-1, .my-xlg-1 { margin-bottom: 0.25rem !important; } .ml-xlg-1, .mx-xlg-1 { margin-left: 0.25rem !important; } .m-xlg-2 { margin: 0.5rem !important; } .mt-xlg-2, .my-xlg-2 { margin-top: 0.5rem !important; } .mr-xlg-2, .mx-xlg-2 { margin-right: 0.5rem !important; } .mb-xlg-2, .my-xlg-2 { margin-bottom: 0.5rem !important; } .ml-xlg-2, .mx-xlg-2 { margin-left: 0.5rem !important; } .m-xlg-3 { margin: 1rem !important; } .mt-xlg-3, .my-xlg-3 { margin-top: 1rem !important; } .mr-xlg-3, .mx-xlg-3 { margin-right: 1rem !important; } .mb-xlg-3, .my-xlg-3 { margin-bottom: 1rem !important; } .ml-xlg-3, .mx-xlg-3 { margin-left: 1rem !important; } .m-xlg-4 { margin: 1.5rem !important; } .mt-xlg-4, .my-xlg-4 { margin-top: 1.5rem !important; } .mr-xlg-4, .mx-xlg-4 { margin-right: 1.5rem !important; } .mb-xlg-4, .my-xlg-4 { margin-bottom: 1.5rem !important; } .ml-xlg-4, .mx-xlg-4 { margin-left: 1.5rem !important; } .m-xlg-5 { margin: 3rem !important; } .mt-xlg-5, .my-xlg-5 { margin-top: 3rem !important; } .mr-xlg-5, .mx-xlg-5 { margin-right: 3rem !important; } .mb-xlg-5, .my-xlg-5 { margin-bottom: 3rem !important; } .ml-xlg-5, .mx-xlg-5 { margin-left: 3rem !important; } .p-xlg-0 { padding: 0 !important; } .pt-xlg-0, .py-xlg-0 { padding-top: 0 !important; } .pr-xlg-0, .px-xlg-0 { padding-right: 0 !important; } .pb-xlg-0, .py-xlg-0 { padding-bottom: 0 !important; } .pl-xlg-0, .px-xlg-0 { padding-left: 0 !important; } .p-xlg-1 { padding: 0.25rem !important; } .pt-xlg-1, .py-xlg-1 { padding-top: 0.25rem !important; } .pr-xlg-1, .px-xlg-1 { padding-right: 0.25rem !important; } .pb-xlg-1, .py-xlg-1 { padding-bottom: 0.25rem !important; } .pl-xlg-1, .px-xlg-1 { padding-left: 0.25rem !important; } .p-xlg-2 { padding: 0.5rem !important; } .pt-xlg-2, .py-xlg-2 { padding-top: 0.5rem !important; } .pr-xlg-2, .px-xlg-2 { padding-right: 0.5rem !important; } .pb-xlg-2, .py-xlg-2 { padding-bottom: 0.5rem !important; } .pl-xlg-2, .px-xlg-2 { padding-left: 0.5rem !important; } .p-xlg-3 { padding: 1rem !important; } .pt-xlg-3, .py-xlg-3 { padding-top: 1rem !important; } .pr-xlg-3, .px-xlg-3 { padding-right: 1rem !important; } .pb-xlg-3, .py-xlg-3 { padding-bottom: 1rem !important; } .pl-xlg-3, .px-xlg-3 { padding-left: 1rem !important; } .p-xlg-4 { padding: 1.5rem !important; } .pt-xlg-4, .py-xlg-4 { padding-top: 1.5rem !important; } .pr-xlg-4, .px-xlg-4 { padding-right: 1.5rem !important; } .pb-xlg-4, .py-xlg-4 { padding-bottom: 1.5rem !important; } .pl-xlg-4, .px-xlg-4 { padding-left: 1.5rem !important; } .p-xlg-5 { padding: 3rem !important; } .pt-xlg-5, .py-xlg-5 { padding-top: 3rem !important; } .pr-xlg-5, .px-xlg-5 { padding-right: 3rem !important; } .pb-xlg-5, .py-xlg-5 { padding-bottom: 3rem !important; } .pl-xlg-5, .px-xlg-5 { padding-left: 3rem !important; } .m-xlg-n1 { margin: -0.25rem !important; } .mt-xlg-n1, .my-xlg-n1 { margin-top: -0.25rem !important; } .mr-xlg-n1, .mx-xlg-n1 { margin-right: -0.25rem !important; } .mb-xlg-n1, .my-xlg-n1 { margin-bottom: -0.25rem !important; } .ml-xlg-n1, .mx-xlg-n1 { margin-left: -0.25rem !important; } .m-xlg-n2 { margin: -0.5rem !important; } .mt-xlg-n2, .my-xlg-n2 { margin-top: -0.5rem !important; } .mr-xlg-n2, .mx-xlg-n2 { margin-right: -0.5rem !important; } .mb-xlg-n2, .my-xlg-n2 { margin-bottom: -0.5rem !important; } .ml-xlg-n2, .mx-xlg-n2 { margin-left: -0.5rem !important; } .m-xlg-n3 { margin: -1rem !important; } .mt-xlg-n3, .my-xlg-n3 { margin-top: -1rem !important; } .mr-xlg-n3, .mx-xlg-n3 { margin-right: -1rem !important; } .mb-xlg-n3, .my-xlg-n3 { margin-bottom: -1rem !important; } .ml-xlg-n3, .mx-xlg-n3 { margin-left: -1rem !important; } .m-xlg-n4 { margin: -1.5rem !important; } .mt-xlg-n4, .my-xlg-n4 { margin-top: -1.5rem !important; } .mr-xlg-n4, .mx-xlg-n4 { margin-right: -1.5rem !important; } .mb-xlg-n4, .my-xlg-n4 { margin-bottom: -1.5rem !important; } .ml-xlg-n4, .mx-xlg-n4 { margin-left: -1.5rem !important; } .m-xlg-n5 { margin: -3rem !important; } .mt-xlg-n5, .my-xlg-n5 { margin-top: -3rem !important; } .mr-xlg-n5, .mx-xlg-n5 { margin-right: -3rem !important; } .mb-xlg-n5, .my-xlg-n5 { margin-bottom: -3rem !important; } .ml-xlg-n5, .mx-xlg-n5 { margin-left: -3rem !important; } .m-xlg-auto { margin: auto !important; } .mt-xlg-auto, .my-xlg-auto { margin-top: auto !important; } .mr-xlg-auto, .mx-xlg-auto { margin-right: auto !important; } .mb-xlg-auto, .my-xlg-auto { margin-bottom: auto !important; } .ml-xlg-auto, .mx-xlg-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1600px) { .text-xlg-left { text-align: left !important; } .text-xlg-right { text-align: right !important; } .text-xlg-center { text-align: center !important; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1600px) { .d-xlg-none { display: none !important; } .d-xlg-inline { display: inline !important; } .d-xlg-inline-block { display: inline-block !important; } .d-xlg-block { display: block !important; } .d-xlg-table { display: table !important; } .d-xlg-table-row { display: table-row !important; } .d-xlg-table-cell { display: table-cell !important; } .d-xlg-flex { display: flex !important; } .d-xlg-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1600px) { .flex-xlg-row { flex-direction: row !important; } .flex-xlg-column { flex-direction: column !important; } .flex-xlg-row-reverse { flex-direction: row-reverse !important; } .flex-xlg-column-reverse { flex-direction: column-reverse !important; } .flex-xlg-wrap { flex-wrap: wrap !important; } .flex-xlg-nowrap { flex-wrap: nowrap !important; } .flex-xlg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xlg-fill { flex: 1 1 auto !important; } .flex-xlg-grow-0 { flex-grow: 0 !important; } .flex-xlg-grow-1 { flex-grow: 1 !important; } .flex-xlg-shrink-0 { flex-shrink: 0 !important; } .flex-xlg-shrink-1 { flex-shrink: 1 !important; } .justify-content-xlg-start { justify-content: flex-start !important; } .justify-content-xlg-end { justify-content: flex-end !important; } .justify-content-xlg-center { justify-content: center !important; } .justify-content-xlg-between { justify-content: space-between !important; } .justify-content-xlg-around { justify-content: space-around !important; } .align-items-xlg-start { align-items: flex-start !important; } .align-items-xlg-end { align-items: flex-end !important; } .align-items-xlg-center { align-items: center !important; } .align-items-xlg-baseline { align-items: baseline !important; } .align-items-xlg-stretch { align-items: stretch !important; } .align-content-xlg-start { align-content: flex-start !important; } .align-content-xlg-end { align-content: flex-end !important; } .align-content-xlg-center { align-content: center !important; } .align-content-xlg-between { align-content: space-between !important; } .align-content-xlg-around { align-content: space-around !important; } .align-content-xlg-stretch { align-content: stretch !important; } .align-self-xlg-auto { align-self: auto !important; } .align-self-xlg-start { align-self: flex-start !important; } .align-self-xlg-end { align-self: flex-end !important; } .align-self-xlg-center { align-self: center !important; } .align-self-xlg-baseline { align-self: baseline !important; } .align-self-xlg-stretch { align-self: stretch !important; } } .card { margin-bottom: 30px; } .card .card-subtitle { font-weight: 300; margin-bottom: 10px; color: #8898aa; } .card .card-title { position: relative; font-weight: 500; font-size: 16px; } .card .card-actions { float: right; } .card .card-actions a { padding: 0 5px; cursor: pointer; } .card .card-header .card-title { margin-bottom: 0px; } .card-alt { margin: 0 -20px; background: #e4e9ef; } .card-group { margin-bottom: 30px; } .card-group .card { border-right: 1px solid rgba(120, 130, 140, 0.13); } .card-fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; overflow: auto; } .card-hover { -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; } .card-hover:hover { -webkit-transform: translateY(-4px) scale(1.01); -moz-transform: translateY(-4px) scale(1.01); -ms-transform: translateY(-4px) scale(1.01); -o-transform: translateY(-4px) scale(1.01); transform: translateY(-4px) scale(1.01); -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1); box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1); } .draggable-cards .card-header { cursor: move; } .card-moved .card { background: #2cabe3; color: #fff; } .accordion .card, .accordion .btn, .accordion .btn:hover { box-shadow: none; margin-bottom: 1px; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: inherit; background-clip: border-box; border: 0px solid transparent; border-radius: 0px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .card-body { flex: 1 1 auto; padding: 1.57rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.57rem; } .card-header { padding: 0.75rem 1.57rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 0px solid transparent; } .card-header:first-child { border-radius: calc(0px - 0px) calc(0px - 0px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.57rem; background-color: rgba(0, 0, 0, 0.03); border-top: 0px solid transparent; } .card-footer:last-child { border-radius: 0 0 calc(0px - 0px) calc(0px - 0px); } .card-header-tabs { margin-right: -0.785rem; margin-bottom: -0.75rem; margin-left: -0.785rem; border-bottom: 0; } .card-header-pills { margin-right: -0.785rem; margin-left: -0.785rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0px - 0px); } .card-img-top { width: 100%; border-top-left-radius: calc(0px - 0px); border-top-right-radius: calc(0px - 0px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0px - 0px); border-bottom-left-radius: calc(0px - 0px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: 0px; } .pollen-wrapper { display: flex; flex-direction: column; margin-bottom: 20px; margin-top: 20px; } .pollen-wrapper .details { margin-bottom: 4px; line-height: 19px; color: #2d2d2d; display: flex; } .pollen-wrapper .details .details__level { display: flex; padding-left: 1px; opacity: 0.5; } .pollen-wrapper .details .details__numeric-value { margin-left: auto; } .pollen-wrapper .level { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 3px; width: 100%; } .pollen-wrapper .level .level-item { display: block; height: 4px; background: #d1d1d1; position: relative; overflow: hidden; } .pollen-wrapper .level.level--1 .level-item span { background: #00c853; } .pollen-wrapper .level .level-item span { position: absolute; width: 100%; height: 100%; display: block; -webkit-animation: pollen-wrapz 0.4s; animation: pollen-wrapz 0.4s; } .bg-poor-gradient { background: linear-gradient( 90deg, rgb(102, 46, 155) 0%, rgb(99, 20, 161) 50%, rgb(156, 46, 64) 100% ); } .bg-low-gradient { background: linear-gradient( 90deg, rgb(198, 21, 22) 0%, rgb(224, 90, 14) 50%, rgb(238, 137, 18) 100% ); } .bg-moderate-gradient { background: linear-gradient( 90deg, rgb(238, 137, 18) 0%, rgb(230, 174, 73) 50%, rgb(243, 216, 75) 100% ); } .bg-good-gradient { background: linear-gradient( 90deg, rgb(195, 237, 26) 0%, rgb(52, 216, 49) 50%, rgb(24, 215, 169) 100% ); } .bg-excellent-gradient { background: linear-gradient( 90deg, rgb(68, 216, 207) 0%, rgb(35, 146, 149) 50%, rgb(55, 74, 91) 100% ); } .text-poor-gradient { background: linear-gradient( 90deg, rgb(102, 46, 155) 0%, rgb(99, 20, 161) 50%, rgb(156, 46, 64) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-low-gradient { background: linear-gradient( 90deg, rgb(198, 21, 22) 0%, rgb(224, 90, 14) 50%, rgb(238, 137, 18) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-moderate-gradient { background: linear-gradient( 90deg, rgb(238, 137, 18) 0%, rgb(230, 174, 73) 50%, rgb(243, 216, 75) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-good-gradient { background: linear-gradient( 90deg, rgb(195, 237, 26) 0%, rgb(52, 216, 49) 50%, rgb(24, 215, 169) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-excellent-gradient { background: linear-gradient( 90deg, rgb(68, 216, 207) 0%, rgb(35, 146, 149) 50%, rgb(55, 74, 91) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .aqi-scale-component-wrapper { display: block; width: 100%; padding-left: 24px; padding-right: 24px; position: relative; } .aqi__header { display: grid; grid-template-columns: 100px 1fr; grid-template-areas: "value text"; align-items: center; margin-bottom: 6px; } .aqi__header .aqi__value { position: relative; grid-area: value; grid-template-areas: "item"; font-size: 57px; min-height: 90px; color: #2d2d2d; display: grid; align-items: center; justify-content: left; transition: color 1s, font-size 0.3s; } .aqi__header .aqi-number, .aqi__header .aqi-progress, .aqi__header .aqi-value__no-data { grid-area: item; transition: opacity 0.3s; } .component-wrapper { display: inline; } .aqi-scale { display: grid; width: 100%; grid-template-columns: repeat(5, 1fr); grid-gap: 2px; } .aqi-scale .category { text-align: center; position: relative; } .aqi-scale .chip { font-size: 12px; color: #fff; line-height: 13px; transition: opacity 0.6s; opacity: 0.7; } .aqi-scale .chip.active { opacity: 1; } .chip .chip__text { /*color: rgba(45,45,45,.8);*/ } .chip .chip__bar { margin-top: 6px; display: block; height: 4px; } .category__min-value { left: 0; text-align: left; } .category__max-value, .category__min-value { position: absolute; display: inline-block; font-size: 12px; color: rgba(45, 45, 45, 0.8); } .category__max-value { right: 0; text-align: right; transform: translateX(2px); } .health-and-pollutant-section { max-height: 128px; } .health-and-pollutant-section .content-current { background: #1b1a1a; } .m-r-0 { margin-right: 0px !important; } .noty_layout [data-name~="mojs-shape"] { pointer-events: none; } .bottom-close-splash { position: absolute; width: 130px; right: 20px; bottom: 20px; } .sort-placeholder { background-size: contain; height: 60px; border-radius: 10px; border: 3px dotted whitesmoke; opacity: 0.5; font-size: 13px; margin: 1px 0 -9px; text-align: left; background: #1f1f1f; padding-right: 0px !important; padding-left: 0px !important; } .upgrade-label { max-width: 100px; min-width: 100px; } .language-box { position: absolute !important; } .password-alt li .select2-selection__choice__display { -webkit-text-security: disc; } .password-alt li .select2-selection__choice__display:hover { -webkit-text-security: unset; } .logTable .nowrap .log-label { /*min-width: 100px !important; max-width: 100px !important; display: inline-block !important; */ margin: 0 0 0 -4px; padding: 0 5px; min-width: 120px; display: inline-block !important; } .logTable .nowrap .log-label .btn-label { padding: 7px 7px 7px 15px; } .logTable .nowrap .log-label .text-uppercase { margin-left: -7px; vertical-align: -webkit-baseline-middle; } span.select2-selection__choice__remove { -webkit-text-security: initial; } .dropside .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { margin-bottom: 2px; margin-left: 60px; top: 0; } .dropside.open > .dropdown-menu { display: inline-flex; } .dropside .dropdown-menu > li > a { display: inline; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; } .sortable-ghost { background: #151515; } .sortable-chosen { background: #2f2f2f; } td.mouse-grab.sort-tabs-handle { background: rgba(0, 0, 0, 0.25) !important; max-width: 35px !important; padding: 0; padding-left: 5px; } .multi-selected, .tabEditor.multi-selected:hover { background: rgba(0, 0, 0, 0.25) !important; } .input-group-btn:not(:last-child) .btn { border-radius: 0; } .orgLogDiv select, .orgLogDiv input { padding: 8px; border-radius: 4px; } #managePluginTable img:before { content: "loading"; height: 45px; width: 45px; display: block; } #managePluginTable img:after { content: ""; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url("../../plugins/images/organizr/logo-purple-square.png") no-repeat center center; background-size: auto 100%; }