From 1a6cc5206afd6b7de2bbfcf1c624d9e75fb51b6d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?= =?UTF-8?q?=E8=A8=AA=E5=AD=90?= Date: Thu, 16 Dec 2021 12:38:29 +0900 Subject: [PATCH] tntn --- public/css/peertube/custom.css | 71 + public/css/peertube/global.css | 113 + public/css/peertube/style.css | 473 + public/css/peertube/styles.css | 15434 ++++++++++++++++ .../parts/common/videosbydate.blade.php | 14 +- .../peertube/parts/stylelink.blade.php | 14 +- 6 files changed, 16108 insertions(+), 11 deletions(-) create mode 100644 public/css/peertube/custom.css create mode 100644 public/css/peertube/global.css create mode 100644 public/css/peertube/style.css create mode 100644 public/css/peertube/styles.css diff --git a/public/css/peertube/custom.css b/public/css/peertube/custom.css new file mode 100644 index 0000000..b91cfc0 --- /dev/null +++ b/public/css/peertube/custom.css @@ -0,0 +1,71 @@ +.header { background-color: #421a46 !important; } + +menu { background-color: #421a46 !important; } +.main-col .sub-menu { background-color: #502c50 !important; } +.title-page.active { border-bottom-color: #ea81e8 !important; } +.inner-form-title, .section-label { color: #ea81e8 !important; } + + #custom-css .dropdown-menu, #custom-css .dropdown-menu .dropdown-item { background-color: #421a46 !important; } + +.channel-info, .account-info, .channel, .miniature-show-channel, description-html { background-color: #5e3c62 !important; } +.actor-handle { color: #dd00ee !important; } +.actor-counters { color: #bb00bb !important; } +.section-label { margin-bottom: 5px !important; } +.owner-description, .icon.icon-logo { display: none !important; } +.view-account short { margin-top: 0px !important; } + +.instance-name { + background-color: #5e3c62 !important; + background-image: url('https://social.076.ne.jp/media/fcb595df6b09edabcc108e4b518df5f7c4e763d4c5ebdaf3b4640a3d8ecdc9b3.png') !important; + background-position: top !important; + border-radius: 10px !important; + padding: 2px !important; + color: #fcfcfc !important; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + width: 34px !important; + height: 34px !important; +} + +.owner-block { + background-color: rgba(48, 26, 48, 0.6) !important; + padding: 10px !important; +} + +#video-wrapper { + background-color: transparent !important; + padding-top: 20px !important; +} + +body { + --mainColor: #ea81e8; + --mainColorLighter: #d68ad5; + --mainColorLightest: #fdd1fc; + --mainHoverColor: #fc54f9; + --mainBackgroundColor: #301a30; + --mainForegroundColor: #fcfcfc; + --secondaryColor: #421a46; + + + --submenuBackgroundColor: #5e3c62; + --channelBackgroundColor: #5e3c62; + + + --actionButtonColor: #ea81e8; + --supportButtonBackgroundColor: #971195; + --supportButtonColor: var(--actionButtonColor); + --supportButtonHeartColor: #ec1818; +} + +.block-title, .title-page { + background: radial-gradient(ellipse at top, #db34d3, transparent), radial-gradient(ellipse at bottom, #232629, transparent); + margin-inline-end: 0px; + margin-inline-start: 0px; + padding: 5px; + border-radius: 4px; + border: 2px solid #fd95ff; + border-right-color: #fed9ff; + border-bottom-color: #fed9ff; + text-align: center; +} \ No newline at end of file diff --git a/public/css/peertube/global.css b/public/css/peertube/global.css new file mode 100644 index 0000000..75e8768 --- /dev/null +++ b/public/css/peertube/global.css @@ -0,0 +1,113 @@ +.vjs-overlay a { + color: #210cbf; + } + + /* make font size for overlays little bigger and responsive */ + .video-js .vjs-overlay { /* apply for screen sizes under 768px */ + font-size:1.2rem; + } + @media screen and (min-width: 768px) { /* apply for screen sizes bigger or equal 768px */ + .video-js .vjs-overlay { + font-size:1.4rem; + } + }.video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}.video-js .vjs-overlay-no-background{max-width:33%}.video-js .vjs-overlay-background{background-color:#646464;background-color:rgba(255,255,255,0.4);border-radius:3px;padding:10px;width:33%}.video-js .vjs-overlay-top-left{top:5px;left:5px}.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px}.video-js .vjs-overlay-top-right{right:5px;top:5px}.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px}.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-center{left:50%;margin-left:-16.5%;top:50%;transform:translateY(-50%)}.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px} + #peertube-plugin-livechat-container { + display: flex; + flex-direction: column; + } + + #plugin-placeholder-player-next #peertube-plugin-livechat-container { + height: 100%; + } + + .peertube-plugin-livechat-buttons { + align-items: center; + display: flex; + flex-flow: row nowrap; + justify-content: flex-end; + } + + .peertube-plugin-livechat-button { + align-items: center; + display: flex; + flex-direction: row; + height: 36px !important; + margin: 5px !important; + padding: 2px !important; + } + .peertube-plugin-livechat-button svg { + height: auto; + } + + .peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button { + height: 18px !important; + margin: 2px !important; + padding: 1px !important; + } + + [peertube-plugin-livechat-state=initializing] { + display: none; + } + + [peertube-plugin-livechat-state=open] .peertube-plugin-livechat-button-open { + display: none; + } + + [peertube-plugin-livechat-state=closed] .peertube-plugin-livechat-button-close { + display: none; + } + + [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-main { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + margin-right: 0 !important; + } + [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-secondary { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + margin-left: 0 !important; + border-left: 1px solid currentColor; + } + + #peertube-plugin-livechat-container iframe { + border: 1px solid black; + min-height: 30vh; + height: 100%; + } + + .peertube-plugin-livechat-warning { + color: orange; + } + + .peertube-plugin-livechat-error { + color: red; + } + + table.peertube-plugin-livechat-prosody-list-rooms { + border: 1px solid black; + margin: 5px 0; + } + + table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) { + background-color: #eee; + } + + table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) { + background-color: #fff; + } + + table.peertube-plugin-livechat-prosody-list-rooms th { + background-color: var(--mainHoverColor); + border: 1px solid black; + color: var(--mainBackgroundColor); + padding: 4px 5px; + } + + table.peertube-plugin-livechat-prosody-list-rooms td { + border: 1px solid #555; + color: black; + padding: 4px 5px; + } + + /*# sourceMappingURL=style.css.map */ + \ No newline at end of file diff --git a/public/css/peertube/style.css b/public/css/peertube/style.css new file mode 100644 index 0000000..97fe07b --- /dev/null +++ b/public/css/peertube/style.css @@ -0,0 +1,473 @@ +body { + --mainColor: #00abff; + --mainBackgroundColor: #121212; + --mainForegroundColor: rgba(195,195,195,0.878431); + --submenuColor: #272727; + --submenuBackgroundColor: #272727; + --channelBackgroundColor: #272727; + --inputColor: #272727; + --inputPlaceholderColor: rgba(195,195,195,0.878431); + --menuAndHeaderBackgroundColor: #272727; + --menuForegroundColor: rgba(195,195,195,0.878431); + --menuBackgroundColor: #272727; + --whiteColor: #ffffff; + --mainHoverColor: #0481bf; + --actionButtonColor: #ffffff; + --dangerBackgroundColor: #d9534f; + /*font-family: "Open Sans",sans-serif;*/ + } + + /* Main background */ + #custom-css .sub-header-container{ + background-position: center top; + background-size: cover; + background-repeat: repeat; + background-attachment: fixed; + } + + /* Header */ + #search-video{ + background: var(--mainBackgroundColor) !important; + } + #custom-css .header{ + background-color: var(--menuBackgroundColor); + } + /* NavMenu*/ + #custom-css .title-page.active, + #custom-css .title-page:hover{ + color: var(--whiteColor); + } + #custom-css .row .header a, + #custom-css .row .header button{ + color: var(--whiteColor); + background-color: var(--mainHoverColor); + } + #custom-css .row .header a my-global-icon svg g[stroke="#000000"], + #custom-css .row .header button my-global-icon svg path[stroke="#333333"], + #custom-css .row .header button my-global-icon svg g[stroke="#000000"]{ + stroke: var(--whiteColor) !important; + } + #custom-css .row .header button my-global-icon svg path[fill="#333333"]{ + fill: var(--whiteColor) !important; + } + + #custom-css .footer-links a, + #custom-css .footer-copyleft a{ + color: var(--whiteColor) !important + } + /* Toast notifications*/ + #custom-css .ui-toast .ui-toast-message-content{ + color: var(--whiteColor); + } + /* Dropdown */ + #custom-css .dropdown-menu, + #custom-css .dropdown-menu .dropdown-item{ + background-color: var(--menuBackgroundColor); + color: var(--menuForegroundColor); + } + + #custom-css .dropdown-menu a, + #custom-css span.dropdown-item.custom-action, + #custom-css a.dropdown-item.with-icon{ + color: var(--menuForegroundColor) !important; + } + + #custom-css .dropdown-item:focus:not(.new-playlist-block), + #custom-css .dropdown-item:hover:not(.new-playlist-block), + #custom-css .dropdown-item:active:not(.new-playlist-block), + #custom-css span.dropdown-item.custom-action:hover, + #custom-css a.dropdown-item.with-icon:hover{ + color: var(--whiteColor) !important; + background-color: var(--mainColor) !important; + } + #custom-css .ui-inputswitch-slider{ + box-shadow: none !important; + } + /* Dropdown inputs && checkboxes */ + #custom-css .dropdown-menu .peertube-select-container, + #custom-css .dropdown-menu input[type="text"], + #custom-css .dropdown-menu textarea, + #custom-css .dropdown-menu span[role="checkbox"]{ + border: 1px solid var(--mainForegroundColor) !important + } + #custom-css .dropdown-menu input[type="submit"]{ + border: 1px solid transparent !important; /* Removing black border in buttons */ + } + #custom-css .header .options-row{ + padding-left: 0; + } + #custom-css .header .options-row > div{ + justify-content: space-between; + } + #custom-css .dropdown-item:hover .ml-auto:not(.glyphicon){ + box-shadow: 0 0 0 0.1em var(--menuForegroundColor) !important; + } + #custom-css .ml-auto:after{ + background-color: var(--whiteColor); + } + #custom-css #typeahead-container input{ + border-color: var(--mainForegroundColor) !important; + } + + /* Buttons */ + #custom-css .upload-button, + #custom-css .upload-button:active, + #custom-css .upload-button:focus, + #custom-css .root .button-file{ + color: var(--whiteColor) !important; + background-color: var(--mainColor) !important; + } + #custom-css .upload-button my-global-icon svg g[stroke="#000000"], + #custom-css a.add-button my-global-icon svg circle[stroke="#000000"], + #custom-css a.create-button my-global-icon svg circle[stroke="#000000"], + #custom-css a.create-caption my-global-icon svg circle[stroke="#000000"]{ + stroke: var(--whiteColor) !important; + } + #custom-css a.add-button my-global-icon svg rect[fill="#000000"], + #custom-css a.create-button my-global-icon svg rect[fill="#000000"], + #custom-css a.create-caption my-global-icon svg rect[fill="#000000"]{ + fill: var(--whiteColor) !important; + } + #custom-css .grey-button, #custom-css .grey-button:active, #custom-css .grey-button:focus { + background-color: var(--menuAndHeaderBackgroundColor); + color: var(--mainForegroundColor); + } + #custom-css my-video-comments my-video-comment-add .comment-buttons .cancel-button{ + display: none; /* Hidden because it's not needed and it have a buggy behaviour */ + } + #custom-css .reset-button.reset-button-small{ + color: var(--mainColor); + } + /* Delete buttons */ + #custom-css .delete-me button:hover, + #custom-css .delete-me button, + #custom-css my-delete-button .action-button-delete, + #custom-css my-delete-button .action-button-delete:active, + #custom-css .action-button-delete-selection{ + background-color: var(--dangerBackgroundColor); + color: var(--whiteColor); + } + #custom-css .top-buttons .delete-history{ + background-color: var(--dangerBackgroundColor); + color: var(--whiteColor); + } + /* Trash bin icon */ + #custom-css my-global-icon[iconname="delete"] svg path[stroke="#000000"]{ + stroke: var(--whiteColor) !important; + } + #custom-css my-global-icon[iconname="delete"] svg path[fill="#000000"], + #custom-css my-global-icon[iconname="delete"] svg rect[fill="#000000"]{ + fill: var(--whiteColor) !important; + } + + /* Modals */ + #custom-css my-input-readonly-copy input{ + color: var(--whiteColor); + } + #custom-css .form-group-checkbox input + span { + border-color: var(--mainForegroundColor); + } + /* Inputs */ + #custom-css input, + #custom-css textarea{ + background: var(--inputColor) !important; + color: var(--mainForegroundColor) !important; + border: 1px solid var(--mainBackgroundColor); + } + #custom-css .ng-select .ng-input>input{ + background: none !important; + border: 0 !important; + } + #custom-css .am-donate-main .button input{ + color: var(--mainColor) !important; + background: var(--whiteColor) !important; + border: none !important; + } + #custom-css .am-donate-main .donation-details{ + color: var(--mainBackgroundColor); + } + #custom-css input[type="submit"], + #custom-css input[type="button"]{ /* Buttons */ + color: var(--whiteColor) !important; + background: var(--mainColor) !important; + border: none !important; + } + #custom-css input[type="submit"]:hover, + #custom-css input[type="button"]:hover, + #custom-css .submit-button:hover input{ + background: var(--mainHoverColor) !important; + } + #custom-css .submit-button.disabled input{ + background: var(--menuForegroundColor) !important; + } + + #custom-css .root .form-group-checkbox input:checked + span{ + background: var(--mainColor) !important; + } + #custom-css .action-button .count{ + color: var(--whiteColor); + } + #custom-css .modal-content input.readonly{ + color: var(--whiteColor); + } + /* Selects */ + #custom-css .peertube-select-container, input[type="text"]{ + border: 1px solid var(--mainBackgroundColor) !important; + background: var(--inputColor) !important; + color: var(--mainForegroundColor) !important; + } + #custom-css .peertube-select-container > select { + background: var(--inputColor) !important; + color: var(--mainForegroundColor) !important; + } + #custom-css .peertube-select-container:after{ + border-top-color: var(--mainForegroundColor) !important; + } + #custom-css .peertube-select-container > select > option{ + background: var(--inputColor); + color: var(--mainForegroundColor) !important; + } + #custom-css .peertube-select-container > select option:hover, + #custom-css .peertube-select-container > select > option:checked{ + color: var(--whiteColor) !important; + background-color: var(--mainColor) !important; + } + /* MultiSelects */ + #custom-css .ui-multiselect{ + background: var(--inputColor); + border: none; + } + #custom-css .ui-multiselect .ui-multiselect-trigger{ + background: var(--inputColor); + } + p-multiselect .pi.pi-chevron-down::after{ + border-top-color: var(--mainForegroundColor); + } + #custom-css .ui-multiselect .ui-multiselect-label { + color: var(--mainForegroundColor); + } + #custom-css .ui-multiselect-panel{ + background: var(--inputColor); + color: var(--mainForegroundColor); + } + /* Icons colors & hovers */ + /* Stroke */ + #custom-css my-global-icon svg circle[stroke="#000000"], + #custom-css my-global-icon svg g[stroke="#000000"], + #custom-css my-global-icon svg g[stroke="#000"], + #custom-css my-global-icon svg path[stroke="#000"], + #custom-css my-global-icon svg path[stroke="#000000"], + #custom-css my-global-icon svg polygon[stroke="#000000"], + #custom-css my-global-icon svg rect[stroke="#000000"], + #custom-css my-global-icon svg ellipse[stroke="#000000"]{ + stroke: var(--mainForegroundColor) !important; + } + + #custom-css my-global-icon[iconname="video-lang"] svg path{ + fill: transparent; + } + + #custom-css a my-global-icon svg circle[stroke="#000000"], + #custom-css a my-global-icon svg g[stroke="#000000"], + #custom-css a my-global-icon svg path[stroke="#000000"], + #custom-css a my-global-icon svg polygon[stroke="#000000"], + #custom-css a my-global-icon svg rect[stroke="#000000"], + #custom-css a my-global-icon svg ellipse[stroke="#000000"]{ + stroke: var(--mainForegroundColor) !important; + } + + #custom-css a my-global-icon svg linearGradient stop{ + stop-color: var(--mainForegroundColor); + } + + #custom-css .action-button:not(.action-button-edit) > my-global-icon svg g[stroke="#000000"], + #custom-css my-global-icon[iconname="validate"] svg circle, + #custom-css my-global-icon[iconname="validate"] svg polyline{ + stroke: var(--whiteColor) !important; + } + + #custom-css .dropdown-item:hover my-global-icon svg circle[stroke="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg g[stroke="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000"], + #custom-css .dropdown-item:hover my-global-icon svg polygon[stroke="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg rect[stroke="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg ellipse[stroke="#000000"], + #custom-css .dropdown-item:active my-global-icon svg circle[stroke="#000000"], + #custom-css .dropdown-item:active my-global-icon svg g[stroke="#000000"], + #custom-css .dropdown-item:active my-global-icon svg path[stroke="#000000"], + #custom-css .dropdown-item:active my-global-icon svg polygon[stroke="#000000"], + #custom-css .dropdown-item:active my-global-icon svg rect[stroke="#000000"], + #custom-css .dropdown-item:active my-global-icon svg ellipse[stroke="#000000"]{ + stroke: var(--whiteColor) !important; + } + #custom-css .dropdown-item:hover my-global-icon svg linearGradient stop, + #custom-css .dropdown-item:active my-global-icon svg linearGradient stop{ + stop-color: var(--whiteColor) !important; + } + + /* Fill */ + #custom-css a my-global-icon svg circle[fill="#000000"], + #custom-css a my-global-icon svg g[fill="#000000"], + #custom-css a my-global-icon svg path[fill="#000000"], + #custom-css a my-global-icon svg polygon[fill="#000000"], + #custom-css a my-global-icon svg rect[fill="#000000"], + #custom-css span my-global-icon svg circle[fill="#000000"], + #custom-css span my-global-icon svg g[fill="#000000"], + #custom-css span my-global-icon svg path[fill="#000000"], + #custom-css span my-global-icon svg polygon[fill="#000000"], + #custom-css span my-global-icon svg rect[fill="#000000"], + #custom-css .notification my-global-icon svg path[fill="#000000"]{ + fill: var(--mainForegroundColor) !important; + } + + #custom-css .dropdown-item:hover my-global-icon svg circle[fill="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg g[fill="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg path[fill="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg polygon[fill="#000000"], + #custom-css .dropdown-item:hover my-global-icon svg rect[fill="#000000"], + #custom-css .dropdown-item:active my-global-icon svg circle[fill="#000000"], + #custom-css .dropdown-item:active my-global-icon svg g[fill="#000000"], + #custom-css .dropdown-item:active my-global-icon svg path[fill="#000000"], + #custom-css .dropdown-item:active my-global-icon svg polygon[fill="#000000"], + #custom-css .dropdown-item:active my-global-icon svg rect[fill="#000000"]{ + fill: var(--whiteColor) !important; + } + /* Mute servers Icon */ + #custom-css .dropdown-item my-global-icon svg .st0{ + stroke: var(--mainForegroundColor); + } + #custom-css .dropdown-item:hover my-global-icon svg .st0, + #custom-css .dropdown-item:active my-global-icon svg .st0 { + stroke: var(--whiteColor); + } + #custom-css .dropdown-item my-global-icon svg .st1 { + fill: var(--mainForegroundColor); + } + #custom-css .dropdown-item:hover my-global-icon svg .st1, + #custom-css .dropdown-item:active my-global-icon svg .st1 { + fill: var(--whiteColor); + } + /* Language Icon */ + #custom-css my-global-icon[iconname="language"] svg path, + #custom-css .dropdown-item:hover my-global-icon[iconname="language"] svg path, + #custom-css .dropdown-item:active my-global-icon[iconname="language"] svg path { + fill: var(--mainForegroundColor) !important; + } + + /* Pagination */ + #custom-css .ui-paginator .ui-paginator-element:hover:not(.ui-state-disabled){ + color: var(--whiteColor) !important; + background-color: var(--mainHoverColor) !important; + } + + /* Notifications Panel */ + #custom-css .popover-notifications.popover .popover-body .notifications-header, + #custom-css .popover-notifications.popover .popover-body .notifications-header a{ + background-color: var(--menuAndHeaderBackgroundColor); + color: var(--mainForegroundColor) !important; + } + #custom-css .popover-notifications.popover .popover-body .notifications-header button{ + color: var(--mainForegroundColor); + } + #custom-css .notification{ + background-color: var(--mainBackgroundColor); + color: var(--mainForegroundColor); + } + #custom-css .notification my-global-icon .feather{ + color: var(--mainForegroundColor) !important; + } + #custom-css .notification.unread{ + background-color: var(--menuAndHeaderBackgroundColor); + } + #custom-css .popover-notifications.popover .popover-body .all-notifications{ + background-color: var(--menuBackgroundColor); + color: var(--mainForegroundColor); + } + #custom-css .bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after{ + border-bottom-color: var(--menuBackgroundColor); + } + #custom-css #inbox-full svg path[stroke="#333333"]{ + stroke: var(--mainForegroundColor); + } + + #custom-css .popover-notifications.popover .popover-body .all-notifications svg g path[stroke="#333333"]{ + stroke: var(--mainForegroundColor); + } + #custom-css .popover-notifications.popover .popover-body .all-notifications svg g path[fill="#333333"]{ + fill: var(--mainForegroundColor); + } + + #custom-css .header my-global-icon .feather{ + color: var(--whiteColor); + } + + /* Create new playlist, url video... preview box */ + #custom-css .root .preview-container .preview.no-image{ + background-color: var(--menuAndHeaderBackgroundColor); + border-color: var(--mainBackgroundColor); + } + #custom-css .preview-container .button-file.with-icon g[stroke="#000000"]{ + stroke: var(--whiteColor) !important; + } + + /* Subscriptions buttons */ + #custom-css .btn-group-subscribe.unsubscribe-button .btn, .btn-group-subscribe.unsubscribe-button .btn:active, .btn-group-subscribe.unsubscribe-button .btn:focus{ + background-color: var(--mainColor); + color: var(--whiteColor); + } + + /* Upload video container */ + #custom-css .root-tabset.video-add-tabset .upload-video-container{ + border-color: var(--mainForegroundColor) !important; + } + #custom-css .root-tabset.video-add-tabset>.nav a.nav-link.active{ + border-color: var(--mainForegroundColor) !important; + } + + /* Calendar */ + #custom-css p-calendar span input{ + color: var(--mainForegroundColor) !important; + } + + #custom-css .ui-datepicker{ + background-color: var(--menuAndHeaderBackgroundColor); + color: var(--mainForegroundColor); + } + + #custom-css .ui-datepicker .ui-datepicker-header, + #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, + #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next{ + background-color: var(--menuAndHeaderBackgroundColor); + color: var(--mainForegroundColor) !important; + } + #custom-css .ui-datepicker table td>a:hover, + #custom-css .ui-datepicker table td>span:hover{ + background-color: var(--mainColor); + color: var(--whiteColor); + } + #custom-css .ui-datepicker table td>a.ui-state-active, + #custom-css .ui-datepicker table td>span.ui-state-active{ + background-color: var(--mainHoverColor); + color: var(--whiteColor); + } + + #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-down, + #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-up, + #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, + #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, + #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-down:hover, + #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-up:hover{ + color: var(--whiteColor) !important; + } + + /* 404 Not found page */ + #custom-css my-page-not-found img { + width: 350px !important; + margin-bottom: 0px !important; + } + + /* About */ + #custom-css .anchor-link .section-title { + color: inherit; + } \ No newline at end of file diff --git a/public/css/peertube/styles.css b/public/css/peertube/styles.css new file mode 100644 index 0000000..14357e2 --- /dev/null +++ b/public/css/peertube/styles.css @@ -0,0 +1,15434 @@ +@charset "UTF-8";@font-face { + font-family: Source Sans Pro; + font-weight: 200 900; + font-style: normal; + font-stretch: normal; + font-display: swap; + src: url(SourceSans3VF-Roman.ttf.123081915e9fbb9f01bd.woff2) format("woff2") +} + +@font-face { + font-family: Source Sans Pro; + font-weight: 200 900; + font-style: italic; + font-stretch: normal; + font-display: swap; + src: url(SourceSans3VF-Italic.ttf.797355866311afb6142d.woff2) format("woff2") +} + +.peertube-button { + padding-top: 0; + padding-bottom: 0; + border: 0; + font-weight: 600; + font-size: 15px; + height: 30px; + line-height: 30px; + border-radius: 3px!important; + text-align: center; + cursor: pointer +} + +@supports (padding-inline-start: 13px) { + .peertube-button { + padding-inline-start:13px} +} + +@supports not (padding-inline-start: 13px) { + .peertube-button { + padding-left: 13px + } +} + +@supports (padding-inline-end: 17px) { + .peertube-button { + padding-inline-end:17px} +} + +@supports not (padding-inline-end: 17px) { + .peertube-button { + padding-right: 17px + } +} + +.peertube-button-link { + padding-top: 0; + padding-bottom: 0; + border: 0; + font-weight: 600; + font-size: 15px; + height: 30px; + line-height: 30px; + border-radius: 3px!important; + text-align: center; + cursor: pointer; + display: inline-block +} + +.peertube-button-link:active,.peertube-button-link:focus,.peertube-button-link:hover { + text-decoration: none!important; + outline: none!important +} + +@supports (padding-inline-start: 13px) { + .peertube-button-link { + padding-inline-start:13px} +} + +@supports not (padding-inline-start: 13px) { + .peertube-button-link { + padding-left: 13px + } +} + +@supports (padding-inline-end: 17px) { + .peertube-button-link { + padding-inline-end:17px} +} + +@supports not (padding-inline-end: 17px) { + .peertube-button-link { + padding-right: 17px + } +} + +.orange-button.focus-visible,.orange-button:focus { + box-shadow: 0 0 0 .2rem var(--mainColorLightest) +} + +.orange-button,.orange-button:active,.orange-button:focus { + color: #fff; + background-color: var(--mainColor) +} + +.orange-button:hover { + color: #fff; + background-color: var(--mainHoverColor) +} + +.orange-button.disabled,.orange-button[disabled] { + cursor: default; + color: #fff; + background-color: #c6c6c6 +} + +.orange-button my-global-icon ::ng-deep .feather,.orange-button my-global-icon ::ng-deep .material,.orange-button my-global-icon ::ng-deep .misc { + color: #fff +} + +.orange-button-inverted { + border: 2px solid var(--mainColor); + font-weight: 600 +} + +.orange-button-inverted.focus-visible,.orange-button-inverted:focus { + box-shadow: 0 0 0 .2rem var(--mainColorLightest) +} + +.orange-button-inverted,.orange-button-inverted:active,.orange-button-inverted:focus { + color: var(--mainColor); + background-color: var(--mainBackgroundColor) +} + +.orange-button-inverted:hover { + color: var(--mainColor); + background-color: var(--mainColorLightest) +} + +.orange-button-inverted.disabled,.orange-button-inverted[disabled] { + cursor: default; + color: var(--mainColor); + background-color: #c6c6c6 +} + +.orange-button-inverted my-global-icon ::ng-deep .feather,.orange-button-inverted my-global-icon ::ng-deep .material,.orange-button-inverted my-global-icon ::ng-deep .misc { + color: var(--mainColor) +} + +.grey-button { + background-color: #e5e5e5; + color: var(--greyForegroundColor) +} + +.grey-button.focus-visible,.grey-button:focus { + box-shadow: 0 0 0 .2rem #5858580d +} + +.grey-button.disabled,.grey-button:active,.grey-button:focus,.grey-button:hover,.grey-button[disabled] { + color: var(--greyForegroundColor); + background-color: #efefef +} + +.grey-button.disabled,.grey-button[disabled] { + cursor: default +} + +.grey-button my-global-icon ::ng-deep .feather,.grey-button my-global-icon ::ng-deep .material,.grey-button my-global-icon ::ng-deep .misc { + color: var(--greyForegroundColor) +} + +.tertiary-button { + color: var(--greyForegroundColor); + background-color: initial +} + +.tertiary-button.focus-visible,.tertiary-button:focus { + box-shadow: 0 0 0 .2rem #5858580d +} + +.tertiary-button .disabled,.tertiary-button[disabled] { + cursor: default +} + +.tertiary-button my-global-icon ::ng-deep .feather,.tertiary-button my-global-icon ::ng-deep .material,.tertiary-button my-global-icon ::ng-deep .misc { + color: #0000 +} + +.peertube-radio-container [type=radio]:checked,.peertube-radio-container [type=radio]:not(:checked) { + position: absolute; + left: -9999px +} + +.peertube-radio-container [type=radio]:checked+label,.peertube-radio-container [type=radio]:not(:checked)+label { + position: relative; + padding-left: 28px; + cursor: pointer; + line-height: 20px; + display: inline-block +} + +.peertube-radio-container [type=radio]:checked+label:before,.peertube-radio-container [type=radio]:not(:checked)+label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border: 1px solid #c6c6c6; + border-radius: 100%; + background: #fff +} + +.peertube-radio-container [type=radio]:checked+label:after,.peertube-radio-container [type=radio]:not(:checked)+label:after { + content: ""; + width: 10px; + height: 10px; + background: var(--mainColor); + position: absolute; + top: 4px; + left: 4px; + border-radius: 100%; + transition: all .2s ease +} + +.peertube-radio-container [type=radio]:not(:checked)+label:after { + opacity: 0; + transform: scale(0) +} + +.peertube-radio-container [type=radio]:checked+label:after { + opacity: 1; + transform: scale(1) +} + +peertube-container>.layout-row { + display: flex; + flex-direction: row; + flex-wrap: wrap +} + +peertube-container>.layout-column { + display: flex; + flex-direction: column +} + +peertube-container>.header { + margin: 30px 0 15px +} + +peertube-container>.header>h4 { + margin-bottom: 0 +} + +peertube-channel-miniature,peertube-playlist-miniature,peertube-video-miniature { + margin-right: 30px +} + +.ng-select.ng-select-opened>.ng-select-container { + background: #fff; + border-color: #b3b3b3 #ccc #d9d9d9 +} + +.ng-select.ng-select-opened>.ng-select-container:hover { + box-shadow: none +} + +.ng-select.ng-select-opened>.ng-select-container .ng-arrow { + top: -2px; + border-color: #0000 #0000 #999; + border-width: 0 5px 5px +} + +.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover { + border-color: #0000 #0000 #333 +} + +.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} + +.ng-select.ng-select-opened.ng-select-top>.ng-select-container { + border-top-right-radius: 0; + border-top-left-radius: 0 +} + +.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container { + border-color: #f2690d; + box-shadow: 0 0 0 .2rem var(--mainColorLightest) +} + +.ng-select.ng-select-disabled>.ng-select-container { + background-color: #f9f9f9 +} + +.ng-select .ng-has-value .ng-placeholder { + display: none +} + +.ng-select .ng-select-container { + color: #333; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ccc; + min-height: 30px; + align-items: center +} + +.ng-select .ng-select-container:hover { + box-shadow: 0 1px 0 #0000000f +} + +.ng-select .ng-select-container .ng-value-container { + align-items: center; + padding-left: 15px +} + +[dir=rtl] .ng-select .ng-select-container .ng-value-container { + padding-right: 15px; + padding-left: 0 +} + +.ng-select .ng-select-container .ng-value-container .ng-placeholder { + color: #999 +} + +.ng-select.ng-select-single .ng-select-container { + height: 30px +} + +.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { + top: 5px; + left: 0; + padding-left: 15px; + padding-right: 50px +} + +[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { + padding-right: 15px; + padding-left: 50px +} + +.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value { + background-color: #f9f9f9; + border: 1px solid #e6e6e6 +} + +.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label { + padding: 0 5px +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container { + padding-top: 5px; + padding-left: 7px +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container { + padding-right: 7px; + padding-left: 0 +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { + font-size: 15px; + margin-bottom: 5px; + color: #333; + background-color: #fef3ec; + border-radius: 2px; + margin-right: 5px +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { + margin-right: 0; + margin-left: 5px +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled { + background-color: #f9f9f9 +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label { + padding-left: 5px +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label { + padding-left: 0; + padding-right: 5px +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label { + display: inline-block; + padding: 1px 5px +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover { + background-color: #fde4d3 +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { + border-right: 1px solid #fbd5bb +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { + border-left: 1px solid #fbd5bb; + border-right: none +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { + border-left: 1px solid #fbd5bb +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { + border-left: 0; + border-right: 1px solid #fbd5bb +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { + padding: 0 0 3px 3px +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { + padding: 0 3px 3px 0 +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input { + color: #000 +} + +.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { + top: 5px; + padding-bottom: 5px; + padding-left: 3px +} + +[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { + padding-right: 3px; + padding-left: 0 +} + +.ng-select .ng-clear-wrapper { + color: #999 +} + +.ng-select .ng-clear-wrapper:hover .ng-clear { + color: #d0021b +} + +.ng-select .ng-spinner-zone { + padding: 5px 5px 0 0 +} + +[dir=rtl] .ng-select .ng-spinner-zone { + padding: 5px 0 0 5px +} + +.ng-select .ng-arrow-wrapper { + width: 25px; + padding-right: 5px +} + +[dir=rtl] .ng-select .ng-arrow-wrapper { + padding-left: 5px; + padding-right: 0 +} + +.ng-select .ng-arrow-wrapper:hover .ng-arrow { + border-top-color: #666 +} + +.ng-select .ng-arrow-wrapper .ng-arrow { + border-color: #999 #0000 #0000; + border-style: solid; + border-width: 5px 5px 2.5px +} + +.ng-dropdown-panel { + background-color: #fff; + border: 1px solid #ccc; + box-shadow: 0 1px 0 #0000000f; + left: 0 +} + +.ng-dropdown-panel.ng-select-bottom { + top: 100%; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top-color: #e6e6e6; + margin-top: -1px +} + +.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px +} + +.ng-dropdown-panel.ng-select-top { + bottom: 100%; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-color: #e6e6e6; + margin-bottom: -1px +} + +.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px +} + +.ng-dropdown-panel .ng-dropdown-header { + border-bottom: 1px solid #ccc; + padding: 5px 7px +} + +.ng-dropdown-panel .ng-dropdown-footer { + border-top: 1px solid #ccc; + padding: 5px 7px +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup { + -webkit-user-select: none; + user-select: none; + padding: 8px 10px; + font-weight: 500; + color: #0000008a; + cursor: pointer +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled { + cursor: default +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { + background-color: #fef9f5 +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked { + background-color: #fef3ec; + font-weight: 600 +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option { + background-color: #fff; + color: #000000de; + padding: 8px 10px +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { + color: #333; + background-color: #fef3ec +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label { + font-weight: 600 +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { + background-color: #fef9f5; + color: #333 +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled { + color: #ccc +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { + padding-left: 22px +} + +[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { + padding-right: 22px; + padding-left: 0 +} + +.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { + font-size: 80%; + font-weight: 400; + padding-right: 5px +} + +[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { + padding-left: 5px; + padding-right: 0 +} + +[dir=rtl] .ng-dropdown-panel { + direction: rtl; + text-align: right +} + +.ng-select { + font-size: 15px +} + +.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container { + border-color: #ccc!important +} + +.ng-select .ng-select-container { + background-color: var(--inputBackgroundColor) +} + +@supports (padding-inline-end: 12px) { + .ng-select .ng-arrow-wrapper { + padding-inline-end:12px} +} + +@supports not (padding-inline-end: 12px) { + .ng-select .ng-arrow-wrapper { + padding-right: 12px + } +} + +.ng-select.ng-select-single .ng-value-container .ng-value { + color: var(--inputForegroundColor) +} + +.ng-select.ng-select-single .ng-value-container .ng-value .ng-value-label { + display: flex; + align-items: center +} + +@supports (padding-inline-start: 12px) { + .ng-select.ng-select-multiple .ng-select-container .ng-value-container { + padding-inline-start:12px} +} + +@supports not (padding-inline-start: 12px) { + .ng-select.ng-select-multiple .ng-select-container .ng-value-container { + padding-left: 12px + } +} + +@supports (margin-inline-start: 12px) { + .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { + margin-inline-start:12px} +} + +@supports not (margin-inline-start: 12px) { + .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { + margin-left: 12px + } +} + +:root { + --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:red;--orange:#fd7e14;--yellow:#ffc107;--green:#39cc0b;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#39cc0b;--info:#17a2b8;--warning:#ffc107;--danger:red;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:900px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px;--breakpoint-fhd:1800px;--breakpoint-qhd:2560px;--breakpoint-uhd:3840px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} + +*,:after,:before { + box-sizing: border-box +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0,0,0,0) +} + +article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { + display: block +} + +body { + margin: 0; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; + font-size: 1rem; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fff +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0!important +} + +hr { + box-sizing: initial; + height: 0; + overflow: visible +} + +h1,h2,h3,h4,h5,h6 { + margin-top: 0; + margin-bottom: .5rem +} + +p { + margin-top: 0; + margin-bottom: 1rem +} + +abbr[data-original-title],abbr[title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none +} + +address { + font-style: normal; + line-height: inherit +} + +address,dl,ol,ul { + margin-bottom: 1rem +} + +dl,ol,ul { + margin-top: 0 +} + +ol ol,ol ul,ul ol,ul ul { + margin-bottom: 0 +} + +dt { + font-weight: 700 +} + +dd { + margin-bottom: .5rem; + margin-left: 0 +} + +blockquote { + margin: 0 0 1rem +} + +b,strong { + font-weight: bolder +} + +small { + font-size: 80% +} + +sub,sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: initial +} + +sub { + bottom: -.25em +} + +sup { + top: -.5em +} + +a { + color: #007bff; + text-decoration: none; + background-color: initial +} + +a:hover { + color: #0056b3; + text-decoration: underline +} + +a:not([href]):not([class]),a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none +} + +code,kbd,pre,samp { + font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + font-size: 1em +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar +} + +figure { + margin: 0 0 1rem +} + +img { + border-style: none +} + +img,svg { + vertical-align: middle +} + +svg { + overflow: hidden +} + +table { + border-collapse: collapse +} + +caption { + padding-top: .75rem; + padding-bottom: .75rem; + color: #6c757d; + text-align: left; + caption-side: bottom +} + +th { + text-align: inherit; + text-align: -webkit-match-parent +} + +label { + display: inline-block; + margin-bottom: .5rem +} + +button { + border-radius: 0 +} + +button:focus:not(:focus-visible) { + outline: 0 +} + +button,input,optgroup,select,textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit +} + +button,input { + overflow: visible +} + +button,select { + text-transform: none +} + +[role=button] { + cursor: pointer +} + +select { + word-wrap: normal +} + +[type=button],[type=reset],[type=submit],button { + -webkit-appearance: button +} + +[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) { + cursor: pointer +} + +[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { + padding: 0; + border-style: none +} + +input[type=checkbox],input[type=radio] { + box-sizing: border-box; + padding: 0 +} + +textarea { + overflow: auto; + resize: vertical +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0 +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal +} + +progress { + vertical-align: initial +} + +[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { + height: auto +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button +} + +output { + display: inline-block +} + +summary { + display: list-item; + cursor: pointer +} + +template { + display: none +} + +.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { + margin-bottom: .5rem; + font-weight: 500; + line-height: 1.2 +} + +.h1,h1 { + font-size: 2.5rem +} + +.h2,h2 { + font-size: 2rem +} + +.h3,h3 { + font-size: 1.75rem +} + +.h4,h4 { + font-size: 1.5rem +} + +.h5,h5 { + font-size: 1.25rem +} + +.h6,h6 { + font-size: 1rem +} + +.lead { + font-size: 1.25rem; + font-weight: 300 +} + +.display-1 { + font-size: 6rem +} + +.display-1,.display-2 { + font-weight: 300; + line-height: 1.2 +} + +.display-2 { + font-size: 5.5rem +} + +.display-3 { + font-size: 4.5rem +} + +.display-3,.display-4 { + font-weight: 300; + line-height: 1.2 +} + +.display-4 { + font-size: 3.5rem +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid #0000001a +} + +.small,small { + font-size: 80%; + font-weight: 400 +} + +.mark,mark { + padding: .2em; + background-color: #fcf8e3 +} + +.list-inline,.list-unstyled { + padding-left: 0; + list-style: none +} + +.list-inline-item { + display: inline-block +} + +.list-inline-item:not(:last-child) { + margin-right: .5rem +} + +.initialism { + font-size: 90%; + text-transform: uppercase +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d +} + +.blockquote-footer:before { + content: "— " +} + +.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto +} + +@media (min-width: 576px) { + .container,.container-sm { + max-width:420px + } +} + +@media (min-width: 768px) { + .container,.container-md,.container-sm { + max-width:720px + } +} + +@media (min-width: 900px) { + .container,.container-lg,.container-md,.container-sm { + max-width:900px + } +} + +@media (min-width: 1200px) { + .container,.container-lg,.container-md,.container-sm,.container-xl { + max-width:1140px + } +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px +} + +.no-gutters { + margin-right: 0; + margin-left: 0 +} + +.no-gutters>.col,.no-gutters>[class*=col-] { + padding-right: 0; + padding-left: 0 +} + +.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-fhd,.col-fhd-1,.col-fhd-2,.col-fhd-3,.col-fhd-4,.col-fhd-5,.col-fhd-6,.col-fhd-7,.col-fhd-8,.col-fhd-9,.col-fhd-10,.col-fhd-11,.col-fhd-12,.col-fhd-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-qhd,.col-qhd-1,.col-qhd-2,.col-qhd-3,.col-qhd-4,.col-qhd-5,.col-qhd-6,.col-qhd-7,.col-qhd-8,.col-qhd-9,.col-qhd-10,.col-qhd-11,.col-qhd-12,.col-qhd-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-uhd,.col-uhd-1,.col-uhd-2,.col-uhd-3,.col-uhd-4,.col-uhd-5,.col-uhd-6,.col-uhd-7,.col-uhd-8,.col-uhd-9,.col-uhd-10,.col-uhd-11,.col-uhd-12,.col-uhd-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100% +} + +.row-cols-1>* { + flex: 0 0 100%; + max-width: 100% +} + +.row-cols-2>* { + flex: 0 0 50%; + max-width: 50% +} + +.row-cols-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% +} + +.row-cols-4>* { + flex: 0 0 25%; + max-width: 25% +} + +.row-cols-5>* { + flex: 0 0 20%; + max-width: 20% +} + +.row-cols-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% +} + +.col-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% +} + +.col-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% +} + +.col-3 { + flex: 0 0 25%; + max-width: 25% +} + +.col-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% +} + +.col-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% +} + +.col-6 { + flex: 0 0 50%; + max-width: 50% +} + +.col-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% +} + +.col-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% +} + +.col-9 { + flex: 0 0 75%; + max-width: 75% +} + +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% +} + +.col-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% +} + +.col-12 { + flex: 0 0 100%; + max-width: 100% +} + +.order-first { + order: -1 +} + +.order-last { + order: 13 +} + +.order-0 { + order: 0 +} + +.order-1 { + order: 1 +} + +.order-2 { + order: 2 +} + +.order-3 { + order: 3 +} + +.order-4 { + order: 4 +} + +.order-5 { + order: 5 +} + +.order-6 { + order: 6 +} + +.order-7 { + order: 7 +} + +.order-8 { + order: 8 +} + +.order-9 { + order: 9 +} + +.order-10 { + order: 10 +} + +.order-11 { + order: 11 +} + +.order-12 { + order: 12 +} + +.offset-1 { + margin-left: 8.3333333333% +} + +.offset-2 { + margin-left: 16.6666666667% +} + +.offset-3 { + margin-left: 25% +} + +.offset-4 { + margin-left: 33.3333333333% +} + +.offset-5 { + margin-left: 41.6666666667% +} + +.offset-6 { + margin-left: 50% +} + +.offset-7 { + margin-left: 58.3333333333% +} + +.offset-8 { + margin-left: 66.6666666667% +} + +.offset-9 { + margin-left: 75% +} + +.offset-10 { + margin-left: 83.3333333333% +} + +.offset-11 { + margin-left: 91.6666666667% +} + +@media (min-width: 576px) { + .col-sm { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-sm-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-sm-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-sm-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-sm-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-sm-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-sm-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-sm-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-sm-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-sm-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-sm-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-sm-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-sm-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-sm-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-sm-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-sm-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-sm-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-sm-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-sm-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-sm-first { + order: -1 + } + + .order-sm-last { + order: 13 + } + + .order-sm-0 { + order: 0 + } + + .order-sm-1 { + order: 1 + } + + .order-sm-2 { + order: 2 + } + + .order-sm-3 { + order: 3 + } + + .order-sm-4 { + order: 4 + } + + .order-sm-5 { + order: 5 + } + + .order-sm-6 { + order: 6 + } + + .order-sm-7 { + order: 7 + } + + .order-sm-8 { + order: 8 + } + + .order-sm-9 { + order: 9 + } + + .order-sm-10 { + order: 10 + } + + .order-sm-11 { + order: 11 + } + + .order-sm-12 { + order: 12 + } + + .offset-sm-0 { + margin-left: 0 + } + + .offset-sm-1 { + margin-left: 8.3333333333% + } + + .offset-sm-2 { + margin-left: 16.6666666667% + } + + .offset-sm-3 { + margin-left: 25% + } + + .offset-sm-4 { + margin-left: 33.3333333333% + } + + .offset-sm-5 { + margin-left: 41.6666666667% + } + + .offset-sm-6 { + margin-left: 50% + } + + .offset-sm-7 { + margin-left: 58.3333333333% + } + + .offset-sm-8 { + margin-left: 66.6666666667% + } + + .offset-sm-9 { + margin-left: 75% + } + + .offset-sm-10 { + margin-left: 83.3333333333% + } + + .offset-sm-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-md-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-md-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-md-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-md-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-md-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-md-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-md-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-md-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-md-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-md-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-md-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-md-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-md-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-md-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-md-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-md-first { + order: -1 + } + + .order-md-last { + order: 13 + } + + .order-md-0 { + order: 0 + } + + .order-md-1 { + order: 1 + } + + .order-md-2 { + order: 2 + } + + .order-md-3 { + order: 3 + } + + .order-md-4 { + order: 4 + } + + .order-md-5 { + order: 5 + } + + .order-md-6 { + order: 6 + } + + .order-md-7 { + order: 7 + } + + .order-md-8 { + order: 8 + } + + .order-md-9 { + order: 9 + } + + .order-md-10 { + order: 10 + } + + .order-md-11 { + order: 11 + } + + .order-md-12 { + order: 12 + } + + .offset-md-0 { + margin-left: 0 + } + + .offset-md-1 { + margin-left: 8.3333333333% + } + + .offset-md-2 { + margin-left: 16.6666666667% + } + + .offset-md-3 { + margin-left: 25% + } + + .offset-md-4 { + margin-left: 33.3333333333% + } + + .offset-md-5 { + margin-left: 41.6666666667% + } + + .offset-md-6 { + margin-left: 50% + } + + .offset-md-7 { + margin-left: 58.3333333333% + } + + .offset-md-8 { + margin-left: 66.6666666667% + } + + .offset-md-9 { + margin-left: 75% + } + + .offset-md-10 { + margin-left: 83.3333333333% + } + + .offset-md-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 900px) { + .col-lg { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-lg-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-lg-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-lg-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-lg-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-lg-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-lg-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-lg-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-lg-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-lg-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-lg-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-lg-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-lg-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-lg-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-lg-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-lg-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-lg-first { + order: -1 + } + + .order-lg-last { + order: 13 + } + + .order-lg-0 { + order: 0 + } + + .order-lg-1 { + order: 1 + } + + .order-lg-2 { + order: 2 + } + + .order-lg-3 { + order: 3 + } + + .order-lg-4 { + order: 4 + } + + .order-lg-5 { + order: 5 + } + + .order-lg-6 { + order: 6 + } + + .order-lg-7 { + order: 7 + } + + .order-lg-8 { + order: 8 + } + + .order-lg-9 { + order: 9 + } + + .order-lg-10 { + order: 10 + } + + .order-lg-11 { + order: 11 + } + + .order-lg-12 { + order: 12 + } + + .offset-lg-0 { + margin-left: 0 + } + + .offset-lg-1 { + margin-left: 8.3333333333% + } + + .offset-lg-2 { + margin-left: 16.6666666667% + } + + .offset-lg-3 { + margin-left: 25% + } + + .offset-lg-4 { + margin-left: 33.3333333333% + } + + .offset-lg-5 { + margin-left: 41.6666666667% + } + + .offset-lg-6 { + margin-left: 50% + } + + .offset-lg-7 { + margin-left: 58.3333333333% + } + + .offset-lg-8 { + margin-left: 66.6666666667% + } + + .offset-lg-9 { + margin-left: 75% + } + + .offset-lg-10 { + margin-left: 83.3333333333% + } + + .offset-lg-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 1200px) { + .col-xl { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-xl-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-xl-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-xl-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-xl-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-xl-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-xl-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-xl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-xl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-xl-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-xl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-xl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-xl-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-xl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-xl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-xl-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-xl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-xl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-xl-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-xl-first { + order: -1 + } + + .order-xl-last { + order: 13 + } + + .order-xl-0 { + order: 0 + } + + .order-xl-1 { + order: 1 + } + + .order-xl-2 { + order: 2 + } + + .order-xl-3 { + order: 3 + } + + .order-xl-4 { + order: 4 + } + + .order-xl-5 { + order: 5 + } + + .order-xl-6 { + order: 6 + } + + .order-xl-7 { + order: 7 + } + + .order-xl-8 { + order: 8 + } + + .order-xl-9 { + order: 9 + } + + .order-xl-10 { + order: 10 + } + + .order-xl-11 { + order: 11 + } + + .order-xl-12 { + order: 12 + } + + .offset-xl-0 { + margin-left: 0 + } + + .offset-xl-1 { + margin-left: 8.3333333333% + } + + .offset-xl-2 { + margin-left: 16.6666666667% + } + + .offset-xl-3 { + margin-left: 25% + } + + .offset-xl-4 { + margin-left: 33.3333333333% + } + + .offset-xl-5 { + margin-left: 41.6666666667% + } + + .offset-xl-6 { + margin-left: 50% + } + + .offset-xl-7 { + margin-left: 58.3333333333% + } + + .offset-xl-8 { + margin-left: 66.6666666667% + } + + .offset-xl-9 { + margin-left: 75% + } + + .offset-xl-10 { + margin-left: 83.3333333333% + } + + .offset-xl-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 1600px) { + .col-xxl { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-xxl-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-xxl-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-xxl-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-xxl-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-xxl-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-xxl-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-xxl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-xxl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-xxl-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-xxl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-xxl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-xxl-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-xxl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-xxl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-xxl-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-xxl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-xxl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-xxl-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-xxl-first { + order: -1 + } + + .order-xxl-last { + order: 13 + } + + .order-xxl-0 { + order: 0 + } + + .order-xxl-1 { + order: 1 + } + + .order-xxl-2 { + order: 2 + } + + .order-xxl-3 { + order: 3 + } + + .order-xxl-4 { + order: 4 + } + + .order-xxl-5 { + order: 5 + } + + .order-xxl-6 { + order: 6 + } + + .order-xxl-7 { + order: 7 + } + + .order-xxl-8 { + order: 8 + } + + .order-xxl-9 { + order: 9 + } + + .order-xxl-10 { + order: 10 + } + + .order-xxl-11 { + order: 11 + } + + .order-xxl-12 { + order: 12 + } + + .offset-xxl-0 { + margin-left: 0 + } + + .offset-xxl-1 { + margin-left: 8.3333333333% + } + + .offset-xxl-2 { + margin-left: 16.6666666667% + } + + .offset-xxl-3 { + margin-left: 25% + } + + .offset-xxl-4 { + margin-left: 33.3333333333% + } + + .offset-xxl-5 { + margin-left: 41.6666666667% + } + + .offset-xxl-6 { + margin-left: 50% + } + + .offset-xxl-7 { + margin-left: 58.3333333333% + } + + .offset-xxl-8 { + margin-left: 66.6666666667% + } + + .offset-xxl-9 { + margin-left: 75% + } + + .offset-xxl-10 { + margin-left: 83.3333333333% + } + + .offset-xxl-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 1800px) { + .col-fhd { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-fhd-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-fhd-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-fhd-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-fhd-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-fhd-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-fhd-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-fhd-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-fhd-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-fhd-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-fhd-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-fhd-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-fhd-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-fhd-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-fhd-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-fhd-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-fhd-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-fhd-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-fhd-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-fhd-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-fhd-first { + order: -1 + } + + .order-fhd-last { + order: 13 + } + + .order-fhd-0 { + order: 0 + } + + .order-fhd-1 { + order: 1 + } + + .order-fhd-2 { + order: 2 + } + + .order-fhd-3 { + order: 3 + } + + .order-fhd-4 { + order: 4 + } + + .order-fhd-5 { + order: 5 + } + + .order-fhd-6 { + order: 6 + } + + .order-fhd-7 { + order: 7 + } + + .order-fhd-8 { + order: 8 + } + + .order-fhd-9 { + order: 9 + } + + .order-fhd-10 { + order: 10 + } + + .order-fhd-11 { + order: 11 + } + + .order-fhd-12 { + order: 12 + } + + .offset-fhd-0 { + margin-left: 0 + } + + .offset-fhd-1 { + margin-left: 8.3333333333% + } + + .offset-fhd-2 { + margin-left: 16.6666666667% + } + + .offset-fhd-3 { + margin-left: 25% + } + + .offset-fhd-4 { + margin-left: 33.3333333333% + } + + .offset-fhd-5 { + margin-left: 41.6666666667% + } + + .offset-fhd-6 { + margin-left: 50% + } + + .offset-fhd-7 { + margin-left: 58.3333333333% + } + + .offset-fhd-8 { + margin-left: 66.6666666667% + } + + .offset-fhd-9 { + margin-left: 75% + } + + .offset-fhd-10 { + margin-left: 83.3333333333% + } + + .offset-fhd-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 2560px) { + .col-qhd { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-qhd-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-qhd-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-qhd-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-qhd-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-qhd-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-qhd-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-qhd-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-qhd-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-qhd-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-qhd-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-qhd-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-qhd-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-qhd-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-qhd-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-qhd-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-qhd-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-qhd-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-qhd-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-qhd-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-qhd-first { + order: -1 + } + + .order-qhd-last { + order: 13 + } + + .order-qhd-0 { + order: 0 + } + + .order-qhd-1 { + order: 1 + } + + .order-qhd-2 { + order: 2 + } + + .order-qhd-3 { + order: 3 + } + + .order-qhd-4 { + order: 4 + } + + .order-qhd-5 { + order: 5 + } + + .order-qhd-6 { + order: 6 + } + + .order-qhd-7 { + order: 7 + } + + .order-qhd-8 { + order: 8 + } + + .order-qhd-9 { + order: 9 + } + + .order-qhd-10 { + order: 10 + } + + .order-qhd-11 { + order: 11 + } + + .order-qhd-12 { + order: 12 + } + + .offset-qhd-0 { + margin-left: 0 + } + + .offset-qhd-1 { + margin-left: 8.3333333333% + } + + .offset-qhd-2 { + margin-left: 16.6666666667% + } + + .offset-qhd-3 { + margin-left: 25% + } + + .offset-qhd-4 { + margin-left: 33.3333333333% + } + + .offset-qhd-5 { + margin-left: 41.6666666667% + } + + .offset-qhd-6 { + margin-left: 50% + } + + .offset-qhd-7 { + margin-left: 58.3333333333% + } + + .offset-qhd-8 { + margin-left: 66.6666666667% + } + + .offset-qhd-9 { + margin-left: 75% + } + + .offset-qhd-10 { + margin-left: 83.3333333333% + } + + .offset-qhd-11 { + margin-left: 91.6666666667% + } +} + +@media (min-width: 3840px) { + .col-uhd { + flex-basis:0; + flex-grow: 1; + max-width: 100% + } + + .row-cols-uhd-1>* { + flex: 0 0 100%; + max-width: 100% + } + + .row-cols-uhd-2>* { + flex: 0 0 50%; + max-width: 50% + } + + .row-cols-uhd-3>* { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .row-cols-uhd-4>* { + flex: 0 0 25%; + max-width: 25% + } + + .row-cols-uhd-5>* { + flex: 0 0 20%; + max-width: 20% + } + + .row-cols-uhd-6>* { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-uhd-auto { + flex: 0 0 auto; + width: auto; + max-width: 100% + } + + .col-uhd-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333% + } + + .col-uhd-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667% + } + + .col-uhd-3 { + flex: 0 0 25%; + max-width: 25% + } + + .col-uhd-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333% + } + + .col-uhd-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667% + } + + .col-uhd-6 { + flex: 0 0 50%; + max-width: 50% + } + + .col-uhd-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333% + } + + .col-uhd-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667% + } + + .col-uhd-9 { + flex: 0 0 75%; + max-width: 75% + } + + .col-uhd-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333% + } + + .col-uhd-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667% + } + + .col-uhd-12 { + flex: 0 0 100%; + max-width: 100% + } + + .order-uhd-first { + order: -1 + } + + .order-uhd-last { + order: 13 + } + + .order-uhd-0 { + order: 0 + } + + .order-uhd-1 { + order: 1 + } + + .order-uhd-2 { + order: 2 + } + + .order-uhd-3 { + order: 3 + } + + .order-uhd-4 { + order: 4 + } + + .order-uhd-5 { + order: 5 + } + + .order-uhd-6 { + order: 6 + } + + .order-uhd-7 { + order: 7 + } + + .order-uhd-8 { + order: 8 + } + + .order-uhd-9 { + order: 9 + } + + .order-uhd-10 { + order: 10 + } + + .order-uhd-11 { + order: 11 + } + + .order-uhd-12 { + order: 12 + } + + .offset-uhd-0 { + margin-left: 0 + } + + .offset-uhd-1 { + margin-left: 8.3333333333% + } + + .offset-uhd-2 { + margin-left: 16.6666666667% + } + + .offset-uhd-3 { + margin-left: 25% + } + + .offset-uhd-4 { + margin-left: 33.3333333333% + } + + .offset-uhd-5 { + margin-left: 41.6666666667% + } + + .offset-uhd-6 { + margin-left: 50% + } + + .offset-uhd-7 { + margin-left: 58.3333333333% + } + + .offset-uhd-8 { + margin-left: 66.6666666667% + } + + .offset-uhd-9 { + margin-left: 75% + } + + .offset-uhd-10 { + margin-left: 83.3333333333% + } + + .offset-uhd-11 { + margin-left: 91.6666666667% + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529 +} + +.table td,.table th { + padding: .75rem; + vertical-align: top; + border-top: 1px solid #dee2e6 +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6 +} + +.table tbody+tbody { + border-top: 2px solid #dee2e6 +} + +.table-sm td,.table-sm th { + padding: .3rem +} + +.table-bordered,.table-bordered td,.table-bordered th { + border: 1px solid #dee2e6 +} + +.table-bordered thead td,.table-bordered thead th { + border-bottom-width: 2px +} + +.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th { + border: 0 +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: #0000000d +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(0,0,0,.075) +} + +.table-primary,.table-primary>td,.table-primary>th { + background-color: #b8daff +} + +.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th { + border-color: #7abaff +} + +.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { + background-color: #9fcdff +} + +.table-secondary,.table-secondary>td,.table-secondary>th { + background-color: #d6d8db +} + +.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th { + border-color: #b3b7bb +} + +.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { + background-color: #c8cbcf +} + +.table-success,.table-success>td,.table-success>th { + background-color: #c8f1bb +} + +.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th { + border-color: #98e480 +} + +.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th { + background-color: #b7eda6 +} + +.table-info,.table-info>td,.table-info>th { + background-color: #bee5eb +} + +.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th { + border-color: #86cfda +} + +.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th { + background-color: #abdde5 +} + +.table-warning,.table-warning>td,.table-warning>th { + background-color: #ffeeba +} + +.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th { + border-color: #ffdf7e +} + +.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th { + background-color: #ffe8a1 +} + +.table-danger,.table-danger>td,.table-danger>th { + background-color: #ffb8b8 +} + +.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th { + border-color: #ff7a7a +} + +.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { + background-color: #ff9f9f +} + +.table-light,.table-light>td,.table-light>th { + background-color: #fdfdfe +} + +.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th { + border-color: #fbfcfc +} + +.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th { + background-color: #ececf6 +} + +.table-dark,.table-dark>td,.table-dark>th { + background-color: #c6c8ca +} + +.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { + border-color: #95999c +} + +.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th { + background-color: #b9bbbe +} + +.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th { + background-color: rgba(0,0,0,.075) +} + +.table .thead-dark th { + color: #fff; + background-color: #343a40; + border-color: #454d55 +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6 +} + +.table-dark { + color: #fff; + background-color: #343a40 +} + +.table-dark td,.table-dark th,.table-dark thead th { + border-color: #454d55 +} + +.table-dark.table-bordered { + border: 0 +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: #ffffff0d +} + +.table-dark.table-hover tbody tr:hover { + color: #fff; + background-color: hsla(0,0%,100%,.075) +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-sm>.table-bordered { + border: 0 + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-md>.table-bordered { + border: 0 + } +} + +@media (max-width: 899.98px) { + .table-responsive-lg { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-lg>.table-bordered { + border: 0 + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-xl>.table-bordered { + border: 0 + } +} + +@media (max-width: 1599.98px) { + .table-responsive-xxl { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-xxl>.table-bordered { + border: 0 + } +} + +@media (max-width: 1799.98px) { + .table-responsive-fhd { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-fhd>.table-bordered { + border: 0 + } +} + +@media (max-width: 2559.98px) { + .table-responsive-qhd { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-qhd>.table-bordered { + border: 0 + } +} + +@media (max-width: 3839.98px) { + .table-responsive-uhd { + display:block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch + } + + .table-responsive-uhd>.table-bordered { + border: 0 + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch +} + +.table-responsive>.table-bordered { + border: 0 +} + +.form-control { + display: block; + width: 100%; + height: calc(1.5em + .75rem + 2px); + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: .25rem; + transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none + } +} + +.form-control::-ms-expand { + background-color: initial; + border: 0 +} + +.form-control:-moz-focusring { + color: #0000; + text-shadow: 0 0 0 #495057 +} + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #ced4da; + outline: 0; + box-shadow: 0 0 0 0 inherit +} + +.form-control::placeholder { + color: #898989; + opacity: 1 +} + +.form-control:disabled,.form-control[readonly] { + background-color: #e9ecef; + opacity: 1 +} + +input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff +} + +.form-control-file,.form-control-range { + display: block; + width: 100% +} + +.col-form-label { + padding-top: calc(.375rem + 1px); + padding-bottom: calc(.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5 +} + +.col-form-label-lg { + padding-top: calc(.5rem + 1px); + padding-bottom: calc(.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5 +} + +.col-form-label-sm { + padding-top: calc(.25rem + 1px); + padding-bottom: calc(.25rem + 1px); + font-size: .875rem; + line-height: 1.5 +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: .375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: initial; + border: solid #0000; + border-width: 1px 0 +} + +.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm { + padding-right: 0; + padding-left: 0 +} + +.form-control-sm { + height: calc(1.5em + .5rem + 2px); + padding: .25rem .5rem; + font-size: .875rem; + line-height: 1.5; + border-radius: .2rem +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: .3rem +} + +select.form-control[multiple],select.form-control[size],textarea.form-control { + height: auto +} + +.form-group { + margin-bottom: 1rem +} + +.form-text { + display: block; + margin-top: .25rem +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px +} + +.form-row>.col,.form-row>[class*=col-] { + padding-right: 5px; + padding-left: 5px +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem +} + +.form-check-input { + position: absolute; + margin-top: .3rem; + margin-left: -1.25rem +} + +.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label { + color: #6c757d +} + +.form-check-label { + margin-bottom: 0 +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: .75rem +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: .3125rem; + margin-left: 0 +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: 80%; + color: #39cc0b +} + +.valid-tooltip { + position: absolute; + top: 100%; + left: 0; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1.5; + color: #fff; + background-color: #39cc0be6; + border-radius: .25rem +} + +.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip { + left: 5px +} + +.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip { + display: block +} + +.form-control.is-valid,.was-validated .form-control:valid { + border-color: #39cc0b; + padding-right: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339CC0B' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem) +} + +.form-control.is-valid:focus,.was-validated .form-control:valid:focus { + border-color: #39cc0b; + box-shadow: 0 0 0 0 #39cc0b40 +} + +.was-validated textarea.form-control:valid,textarea.form-control.is-valid { + padding-right: calc(1.5em + .75rem); + background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) +} + +.custom-select.is-valid,.was-validated .custom-select:valid { + border-color: #39cc0b; + padding-right: calc(.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339CC0B' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat +} + +.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus { + border-color: #39cc0b; + box-shadow: 0 0 0 0 #39cc0b40 +} + +.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { + color: #39cc0b +} + +.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip { + display: block +} + +.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label { + color: #39cc0b +} + +.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before { + border-color: #39cc0b +} + +.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before { + border-color: #4cf317; + background-color: #4cf317 +} + +.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before { + box-shadow: 0 0 0 0 #39cc0b40 +} + +.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label { + border-color: #39cc0b +} + +.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label { + border-color: #39cc0b; + box-shadow: 0 0 0 0 #39cc0b40 +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: 80%; + color: red +} + +.invalid-tooltip { + position: absolute; + top: 100%; + left: 0; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1.5; + color: #fff; + background-color: #ff0000e6; + border-radius: .25rem +} + +.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip { + left: 5px +} + +.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip { + display: block +} + +.form-control.is-invalid,.was-validated .form-control:invalid { + border-color: red; + padding-right: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF0000' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem) +} + +.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus { + border-color: red; + box-shadow: 0 0 0 0 #ff000040 +} + +.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { + padding-right: calc(1.5em + .75rem); + background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) +} + +.custom-select.is-invalid,.was-validated .custom-select:invalid { + border-color: red; + padding-right: calc(.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF0000' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat +} + +.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus { + border-color: red; + box-shadow: 0 0 0 0 #ff000040 +} + +.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { + color: red +} + +.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip { + display: block +} + +.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label { + color: red +} + +.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before { + border-color: red +} + +.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before { + border-color: #f33; + background-color: #f33 +} + +.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before { + box-shadow: 0 0 0 0 #ff000040 +} + +.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label { + border-color: red +} + +.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label { + border-color: red; + box-shadow: 0 0 0 0 #ff000040 +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center +} + +.form-inline .form-check { + width: 100% +} + +@media (min-width: 576px) { + .form-inline label { + justify-content:center + } + + .form-inline .form-group,.form-inline label { + display: flex; + align-items: center; + margin-bottom: 0 + } + + .form-inline .form-group { + flex: 0 0 auto; + flex-flow: row wrap + } + + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle + } + + .form-inline .form-control-plaintext { + display: inline-block + } + + .form-inline .custom-select,.form-inline .input-group { + width: auto + } + + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0 + } + + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: .25rem; + margin-left: 0 + } + + .form-inline .custom-control { + align-items: center; + justify-content: center + } + + .form-inline .custom-control-label { + margin-bottom: 0 + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + user-select: none; + background-color: initial; + border: 1px solid #0000; + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: .25rem; + transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none + } +} + +.btn:hover { + color: #212529; + text-decoration: none +} + +.btn.focus,.btn:focus { + outline: 0; + box-shadow: 0 0 0 0 inherit +} + +.btn.disabled,.btn:disabled { + opacity: .65 +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer +} + +a.btn.disabled,fieldset:disabled a.btn { + pointer-events: none +} + +.btn-primary { + color: #fff; + background-color: #007bff; + border-color: #007bff +} + +.btn-primary.focus,.btn-primary:focus,.btn-primary:hover { + color: #fff; + background-color: #0069d9; + border-color: #0062cc +} + +.btn-primary.focus,.btn-primary:focus { + box-shadow: 0 0 0 0 #268fff80 +} + +.btn-primary.disabled,.btn-primary:disabled { + color: #fff; + background-color: #007bff; + border-color: #007bff +} + +.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #0062cc; + border-color: #005cbf +} + +.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #268fff80 +} + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d +} + +.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62 +} + +.btn-secondary.focus,.btn-secondary:focus { + box-shadow: 0 0 0 0 #828a9180 +} + +.btn-secondary.disabled,.btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d +} + +.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b +} + +.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #828a9180 +} + +.btn-success { + color: #fff; + background-color: #39cc0b; + border-color: #39cc0b +} + +.btn-success.focus,.btn-success:focus,.btn-success:hover { + color: #fff; + background-color: #2fa809; + border-color: #2b9c08 +} + +.btn-success.focus,.btn-success:focus { + box-shadow: 0 0 0 0 #57d43080 +} + +.btn-success.disabled,.btn-success:disabled { + color: #fff; + background-color: #39cc0b; + border-color: #39cc0b +} + +.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #2b9c08; + border-color: #289008 +} + +.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #57d43080 +} + +.btn-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8 +} + +.btn-info.focus,.btn-info:focus,.btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b +} + +.btn-info.focus,.btn-info:focus { + box-shadow: 0 0 0 0 #3ab0c380 +} + +.btn-info.disabled,.btn-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8 +} + +.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f +} + +.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #3ab0c380 +} + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107 +} + +.btn-warning.focus,.btn-warning:focus,.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00 +} + +.btn-warning.focus,.btn-warning:focus { + box-shadow: 0 0 0 0 #deaa0c80 +} + +.btn-warning.disabled,.btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107 +} + +.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500 +} + +.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #deaa0c80 +} + +.btn-danger { + color: #fff; + background-color: red; + border-color: red +} + +.btn-danger.focus,.btn-danger:focus,.btn-danger:hover { + color: #fff; + background-color: #d90000; + border-color: #c00 +} + +.btn-danger.focus,.btn-danger:focus { + box-shadow: 0 0 0 0 #ff262680 +} + +.btn-danger.disabled,.btn-danger:disabled { + color: #fff; + background-color: red; + border-color: red +} + +.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #c00; + border-color: #bf0000 +} + +.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #ff262680 +} + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa +} + +.btn-light.focus,.btn-light:focus,.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5 +} + +.btn-light.focus,.btn-light:focus { + box-shadow: 0 0 0 0 #d8d9db80 +} + +.btn-light.disabled,.btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa +} + +.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df +} + +.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #d8d9db80 +} + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40 +} + +.btn-dark.focus,.btn-dark:focus,.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124 +} + +.btn-dark.focus,.btn-dark:focus { + box-shadow: 0 0 0 0 #52585d80 +} + +.btn-dark.disabled,.btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40 +} + +.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d +} + +.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #52585d80 +} + +.btn-outline-primary { + color: #007bff; + border-color: #007bff +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #007bff; + border-color: #007bff +} + +.btn-outline-primary.focus,.btn-outline-primary:focus { + box-shadow: 0 0 0 0 #007bff80 +} + +.btn-outline-primary.disabled,.btn-outline-primary:disabled { + color: #007bff; + background-color: initial +} + +.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #007bff; + border-color: #007bff +} + +.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #007bff80 +} + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d +} + +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d +} + +.btn-outline-secondary.focus,.btn-outline-secondary:focus { + box-shadow: 0 0 0 0 #6c757d80 +} + +.btn-outline-secondary.disabled,.btn-outline-secondary:disabled { + color: #6c757d; + background-color: initial +} + +.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d +} + +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #6c757d80 +} + +.btn-outline-success { + color: #39cc0b; + border-color: #39cc0b +} + +.btn-outline-success:hover { + color: #fff; + background-color: #39cc0b; + border-color: #39cc0b +} + +.btn-outline-success.focus,.btn-outline-success:focus { + box-shadow: 0 0 0 0 #39cc0b80 +} + +.btn-outline-success.disabled,.btn-outline-success:disabled { + color: #39cc0b; + background-color: initial +} + +.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #39cc0b; + border-color: #39cc0b +} + +.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #39cc0b80 +} + +.btn-outline-info { + color: #17a2b8; + border-color: #17a2b8 +} + +.btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8 +} + +.btn-outline-info.focus,.btn-outline-info:focus { + box-shadow: 0 0 0 0 #17a2b880 +} + +.btn-outline-info.disabled,.btn-outline-info:disabled { + color: #17a2b8; + background-color: initial +} + +.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8 +} + +.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #17a2b880 +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107 +} + +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107 +} + +.btn-outline-warning.focus,.btn-outline-warning:focus { + box-shadow: 0 0 0 0 #ffc10780 +} + +.btn-outline-warning.disabled,.btn-outline-warning:disabled { + color: #ffc107; + background-color: initial +} + +.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107 +} + +.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #ffc10780 +} + +.btn-outline-danger { + color: red; + border-color: red +} + +.btn-outline-danger:hover { + color: #fff; + background-color: red; + border-color: red +} + +.btn-outline-danger.focus,.btn-outline-danger:focus { + box-shadow: 0 0 0 0 #ff000080 +} + +.btn-outline-danger.disabled,.btn-outline-danger:disabled { + color: red; + background-color: initial +} + +.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: red; + border-color: red +} + +.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #ff000080 +} + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa +} + +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa +} + +.btn-outline-light.focus,.btn-outline-light:focus { + box-shadow: 0 0 0 0 #f8f9fa80 +} + +.btn-outline-light.disabled,.btn-outline-light:disabled { + color: #f8f9fa; + background-color: initial +} + +.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa +} + +.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #f8f9fa80 +} + +.btn-outline-dark { + color: #343a40; + border-color: #343a40 +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40 +} + +.btn-outline-dark.focus,.btn-outline-dark:focus { + box-shadow: 0 0 0 0 #343a4080 +} + +.btn-outline-dark.disabled,.btn-outline-dark:disabled { + color: #343a40; + background-color: initial +} + +.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40 +} + +.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0 #343a4080 +} + +.btn-link { + font-weight: 400; + color: #007bff; + text-decoration: none +} + +.btn-link:hover { + color: #0056b3 +} + +.btn-link.focus,.btn-link:focus,.btn-link:hover { + text-decoration: underline +} + +.btn-link.disabled,.btn-link:disabled { + color: #6c757d; + pointer-events: none +} + +.btn-group-lg>.btn,.btn-lg { + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: .3rem +} + +.btn-group-sm>.btn,.btn-sm { + padding: .25rem .5rem; + font-size: .875rem; + line-height: 1.5; + border-radius: .2rem +} + +.btn-block { + display: block; + width: 100% +} + +.btn-block+.btn-block { + margin-top: .5rem +} + +input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { + width: 100% +} + +.dropdown,.dropleft,.dropright,.dropup { + position: relative +} + +.dropdown-toggle { + white-space: nowrap +} + +.dropdown-toggle:after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-right: .3em solid #0000; + border-bottom: 0; + border-left: .3em solid #0000 +} + +.dropdown-toggle:empty:after { + margin-left: 0 +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: .5rem 0; + margin: .125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #00000026; + border-radius: .25rem +} + +.dropdown-menu-left { + right: auto; + left: 0 +} + +.dropdown-menu-right { + right: 0; + left: auto +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right:auto; + left: 0 + } + + .dropdown-menu-sm-right { + right: 0; + left: auto + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-left { + right:auto; + left: 0 + } + + .dropdown-menu-md-right { + right: 0; + left: auto + } +} + +@media (min-width: 900px) { + .dropdown-menu-lg-left { + right:auto; + left: 0 + } + + .dropdown-menu-lg-right { + right: 0; + left: auto + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right:auto; + left: 0 + } + + .dropdown-menu-xl-right { + right: 0; + left: auto + } +} + +@media (min-width: 1600px) { + .dropdown-menu-xxl-left { + right:auto; + left: 0 + } + + .dropdown-menu-xxl-right { + right: 0; + left: auto + } +} + +@media (min-width: 1800px) { + .dropdown-menu-fhd-left { + right:auto; + left: 0 + } + + .dropdown-menu-fhd-right { + right: 0; + left: auto + } +} + +@media (min-width: 2560px) { + .dropdown-menu-qhd-left { + right:auto; + left: 0 + } + + .dropdown-menu-qhd-right { + right: 0; + left: auto + } +} + +@media (min-width: 3840px) { + .dropdown-menu-uhd-left { + right:auto; + left: 0 + } + + .dropdown-menu-uhd-right { + right: 0; + left: auto + } +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: .125rem +} + +.dropup .dropdown-toggle:after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: 0; + border-right: .3em solid #0000; + border-bottom: .3em solid; + border-left: .3em solid #0000 +} + +.dropup .dropdown-toggle:empty:after { + margin-left: 0 +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: .125rem +} + +.dropright .dropdown-toggle:after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid #0000; + border-right: 0; + border-bottom: .3em solid #0000; + border-left: .3em solid +} + +.dropright .dropdown-toggle:empty:after { + margin-left: 0 +} + +.dropright .dropdown-toggle:after { + vertical-align: 0 +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: .125rem +} + +.dropleft .dropdown-toggle:after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + display: none +} + +.dropleft .dropdown-toggle:before { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid #0000; + border-right: .3em solid; + border-bottom: .3em solid #0000 +} + +.dropleft .dropdown-toggle:empty:after { + margin-left: 0 +} + +.dropleft .dropdown-toggle:before { + vertical-align: 0 +} + +.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] { + right: auto; + bottom: auto +} + +.dropdown-divider { + height: 0; + margin: .5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef +} + +.dropdown-item { + display: block; + width: 100%; + padding: .25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: initial; + border: 0 +} + +.dropdown-item:focus,.dropdown-item:hover { + color: #16181b; + text-decoration: none; + background-color: #e9ecef +} + +.dropdown-item.active,.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: inherit +} + +.dropdown-item.disabled,.dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color: initial +} + +.dropdown-menu.show { + display: block +} + +.dropdown-header { + display: block; + padding: .5rem 1.5rem; + margin-bottom: 0; + font-size: .875rem; + color: #6c757d; + white-space: nowrap +} + +.dropdown-item-text { + display: block; + padding: .25rem 1.5rem; + color: #212529 +} + +.btn-group,.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle +} + +.btn-group-vertical>.btn,.btn-group>.btn { + position: relative; + flex: 1 1 auto +} + +.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { + z-index: 1 +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start +} + +.btn-toolbar .input-group { + width: auto +} + +.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) { + margin-left: -1px +} + +.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.dropdown-toggle-split { + padding-right: .5625rem; + padding-left: .5625rem +} + +.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after { + margin-left: 0 +} + +.dropleft .dropdown-toggle-split:before { + margin-right: 0 +} + +.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { + padding-right: .375rem; + padding-left: .375rem +} + +.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { + padding-right: .75rem; + padding-left: .75rem +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center +} + +.btn-group-vertical>.btn,.btn-group-vertical>.btn-group { + width: 100% +} + +.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) { + margin-top: -1px +} + +.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} + +.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn { + margin-bottom: 0 +} + +.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100% +} + +.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + margin-bottom: 0 +} + +.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control { + margin-left: -1px +} + +.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus { + z-index: 3 +} + +.input-group>.custom-file .custom-file-input:focus { + z-index: 4 +} + +.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.input-group>.custom-file { + display: flex; + align-items: center +} + +.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.input-group-append,.input-group-prepend { + display: flex +} + +.input-group-append .btn,.input-group-prepend .btn { + position: relative; + z-index: 2 +} + +.input-group-append .btn:focus,.input-group-prepend .btn:focus { + z-index: 3 +} + +.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text { + margin-left: -1px +} + +.input-group-prepend { + margin-right: -1px +} + +.input-group-append { + margin-left: -1px +} + +.input-group-text { + display: flex; + align-items: center; + padding: .375rem .75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: .25rem +} + +.input-group-text input[type=checkbox],.input-group-text input[type=radio] { + margin-top: 0 +} + +.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) { + height: calc(1.5em + 1rem + 2px) +} + +.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text { + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: .3rem +} + +.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) { + height: calc(1.5em + .5rem + 2px) +} + +.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text { + padding: .25rem .5rem; + font-size: .875rem; + line-height: 1.5; + border-radius: .2rem +} + +.input-group-lg>.custom-select,.input-group-sm>.custom-select { + padding-right: 1.75rem +} + +.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none +} + +.nav-link { + display: block; + padding: .5rem 1rem +} + +.nav-link:focus,.nav-link:hover { + text-decoration: none +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6 +} + +.nav-tabs .nav-link { + margin-bottom: -1px; + border: 1px solid #0000; + border-top-left-radius: .25rem; + border-top-right-radius: .25rem +} + +.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { + border-color: #e9ecef #e9ecef #dee2e6 +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: initial; + border-color: #0000 +} + +.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.nav-pills .nav-link { + border-radius: .25rem +} + +.nav-pills .nav-link.active,.nav-pills .show>.nav-link { + color: #000; + background-color: #f0f0f0 +} + +.nav-fill .nav-item,.nav-fill>.nav-link { + flex: 1 1 auto; + text-align: center +} + +.nav-justified .nav-item,.nav-justified>.nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center +} + +.tab-content>.tab-pane { + display: none +} + +.tab-content>.active { + display: block +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: initial; + border: 1px solid rgba(0,0,0,.125); + border-radius: .25rem +} + +.card>hr { + margin-right: 0; + margin-left: 0 +} + +.card>.list-group { + border-top: inherit; + border-bottom: inherit +} + +.card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius: calc(.25rem - 1px) +} + +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius: calc(.25rem - 1px) +} + +.card>.card-header+.list-group,.card>.list-group+.card-footer { + border-top: 0 +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem +} + +.card-title { + margin-bottom: .75rem +} + +.card-subtitle { + margin-top: -.375rem +} + +.card-subtitle,.card-text:last-child { + margin-bottom: 0 +} + +.card-link:hover { + text-decoration: none +} + +.card-link+.card-link { + margin-left: 1.25rem +} + +.card-header { + padding: .75rem 1.25rem; + margin-bottom: 0; + background-color: #00000008; + border-bottom: 1px solid rgba(0,0,0,.125) +} + +.card-header:first-child { + border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 +} + +.card-footer { + padding: .75rem 1.25rem; + background-color: #00000008; + border-top: 1px solid rgba(0,0,0,.125) +} + +.card-footer:last-child { + border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) +} + +.card-header-tabs { + margin-bottom: -.75rem; + border-bottom: 0 +} + +.card-header-pills,.card-header-tabs { + margin-right: -.625rem; + margin-left: -.625rem +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; + border-radius: calc(.25rem - 1px) +} + +.card-img,.card-img-bottom,.card-img-top { + flex-shrink: 0; + width: 100% +} + +.card-img,.card-img-top { + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius: calc(.25rem - 1px) +} + +.card-img,.card-img-bottom { + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius: calc(.25rem - 1px) +} + +.card-deck .card { + margin-bottom: 15px +} + +@media (min-width: 576px) { + .card-deck { + display:flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px + } + + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px + } +} + +.card-group>.card { + margin-bottom: 15px +} + +@media (min-width: 576px) { + .card-group { + display:flex; + 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-header,.card-group>.card:not(:last-child) .card-img-top { + border-top-right-radius: 0 + } + + .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom { + 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-header,.card-group>.card:not(:first-child) .card-img-top { + border-top-left-radius: 0 + } + + .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { + border-bottom-left-radius: 0 + } +} + +.card-columns .card { + margin-bottom: .75rem +} + +@media (min-width: 576px) { + .card-columns { + column-count:3; + grid-column-gap: 1.25rem; + column-gap: 1.25rem; + orphans: 1; + widows: 1 + } + + .card-columns .card { + display: inline-block; + width: 100% + } +} + +.accordion { + overflow-anchor: none +} + +.accordion>.card { + overflow: hidden +} + +.accordion>.card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} + +.accordion>.card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.accordion>.card>.card-header { + border-radius: 0; + margin-bottom: -1px +} + +.badge { + display: inline-block; + padding: .25em .4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: initial; + border-radius: .25rem; + transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none + } +} + +a.badge:focus,a.badge:hover { + text-decoration: none +} + +.badge:empty { + display: none +} + +.btn .badge { + position: relative; + top: -1px +} + +.badge-pill { + padding-right: .6em; + padding-left: .6em; + border-radius: 10rem +} + +.badge-primary { + color: #fff; + background-color: #007bff +} + +a.badge-primary:focus,a.badge-primary:hover { + color: #fff; + background-color: #0062cc +} + +a.badge-primary.focus,a.badge-primary:focus { + outline: 0; + box-shadow: 0 0 0 0 #007bff80 +} + +.badge-secondary { + color: #fff; + background-color: #6c757d +} + +a.badge-secondary:focus,a.badge-secondary:hover { + color: #fff; + background-color: #545b62 +} + +a.badge-secondary.focus,a.badge-secondary:focus { + outline: 0; + box-shadow: 0 0 0 0 #6c757d80 +} + +.badge-success { + color: #fff; + background-color: #39cc0b +} + +a.badge-success:focus,a.badge-success:hover { + color: #fff; + background-color: #2b9c08 +} + +a.badge-success.focus,a.badge-success:focus { + outline: 0; + box-shadow: 0 0 0 0 #39cc0b80 +} + +.badge-info { + color: #fff; + background-color: #17a2b8 +} + +a.badge-info:focus,a.badge-info:hover { + color: #fff; + background-color: #117a8b +} + +a.badge-info.focus,a.badge-info:focus { + outline: 0; + box-shadow: 0 0 0 0 #17a2b880 +} + +.badge-warning { + color: #212529; + background-color: #ffc107 +} + +a.badge-warning:focus,a.badge-warning:hover { + color: #212529; + background-color: #d39e00 +} + +a.badge-warning.focus,a.badge-warning:focus { + outline: 0; + box-shadow: 0 0 0 0 #ffc10780 +} + +.badge-danger { + color: #fff; + background-color: red +} + +a.badge-danger:focus,a.badge-danger:hover { + color: #fff; + background-color: #c00 +} + +a.badge-danger.focus,a.badge-danger:focus { + outline: 0; + box-shadow: 0 0 0 0 #ff000080 +} + +.badge-light { + color: #212529; + background-color: #f8f9fa +} + +a.badge-light:focus,a.badge-light:hover { + color: #212529; + background-color: #dae0e5 +} + +a.badge-light.focus,a.badge-light:focus { + outline: 0; + box-shadow: 0 0 0 0 #f8f9fa80 +} + +.badge-dark { + color: #fff; + background-color: #343a40 +} + +a.badge-dark:focus,a.badge-dark:hover { + color: #fff; + background-color: #1d2124 +} + +a.badge-dark.focus,a.badge-dark:focus { + outline: 0; + box-shadow: 0 0 0 0 #343a4080 +} + +.alert { + position: relative; + padding: .75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid #0000; + border-radius: .25rem +} + +.alert-heading { + color: inherit +} + +.alert-link { + font-weight: 700 +} + +.alert-dismissible { + padding-right: 4rem +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: .75rem 1.25rem; + color: inherit +} + +.alert-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff +} + +.alert-primary hr { + border-top-color: #9fcdff +} + +.alert-primary .alert-link { + color: #002752 +} + +.alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db +} + +.alert-secondary hr { + border-top-color: #c8cbcf +} + +.alert-secondary .alert-link { + color: #202326 +} + +.alert-success { + color: #1e6a06; + background-color: #d7f5ce; + border-color: #c8f1bb +} + +.alert-success hr { + border-top-color: #b7eda6 +} + +.alert-success .alert-link { + color: #103a03 +} + +.alert-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb +} + +.alert-info hr { + border-top-color: #abdde5 +} + +.alert-info .alert-link { + color: #062c33 +} + +.alert-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba +} + +.alert-warning hr { + border-top-color: #ffe8a1 +} + +.alert-warning .alert-link { + color: #533f03 +} + +.alert-danger { + color: #850000; + background-color: #fcc; + border-color: #ffb8b8 +} + +.alert-danger hr { + border-top-color: #ff9f9f +} + +.alert-danger .alert-link { + color: #520000 +} + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe +} + +.alert-light hr { + border-top-color: #ececf6 +} + +.alert-light .alert-link { + color: #686868 +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca +} + +.alert-dark hr { + border-top-color: #b9bbbe +} + +.alert-dark .alert-link { + color: #040505 +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5 +} + +.close:hover { + color: #000; + text-decoration: none +} + +.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover { + opacity: .75 +} + +button.close { + padding: 0; + background-color: initial; + border: 0 +} + +a.close.disabled { + pointer-events: none +} + +.modal-open { + overflow: hidden +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0 +} + +.modal-dialog { + position: relative; + width: auto; + margin: .5rem; + pointer-events: none +} + +.modal.fade .modal-dialog { + transition: transform .3s ease-out; + transform: translateY(-50px) +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none + } +} + +.modal.show .modal-dialog { + transform: none +} + +.modal.modal-static .modal-dialog { + transform: scale(1.02) +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem) +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden +} + +.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header { + flex-shrink: 0 +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem) +} + +.modal-dialog-centered:before { + display: block; + height: calc(100vh - 1rem); + height: -webkit-min-content; + height: min-content; + content: "" +} + +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100% +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none +} + +.modal-dialog-centered.modal-dialog-scrollable:before { + content: none +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #0003; + border-radius: .3rem; + outline: 0 +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000 +} + +.modal-backdrop.fade { + opacity: 0 +} + +.modal-backdrop.show { + opacity: .5 +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(.3rem - 1px); + border-top-right-radius: calc(.3rem - 1px) +} + +.modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5 +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: .75rem; + border-top: 0 solid #dee2e6; + border-bottom-right-radius: calc(.3rem - 1px); + border-bottom-left-radius: calc(.3rem - 1px) +} + +.modal-footer>* { + margin: .25rem +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll +} + +@media (min-width: 576px) { + .modal-dialog { + max-width:600px; + margin: 1.75rem auto + } + + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem) + } + + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem) + } + + .modal-dialog-centered { + min-height: calc(100% - 3.5rem) + } + + .modal-dialog-centered:before { + height: calc(100vh - 3.5rem); + height: -webkit-min-content; + height: min-content + } + + .modal-sm { + max-width: 300px + } +} + +@media (min-width: 900px) { + .modal-lg,.modal-xl { + max-width:800px + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width:1140px + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: .875rem; + word-wrap: break-word; + opacity: 0 +} + +.tooltip.show { + opacity: .9 +} + +.tooltip .arrow { + position: absolute; + display: block; + width: .8rem; + height: .4rem +} + +.tooltip .arrow:before { + position: absolute; + content: ""; + border-color: #0000; + border-style: solid +} + +.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top { + padding: .4rem 0 +} + +.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow { + bottom: 0 +} + +.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before { + top: 0; + border-width: .4rem .4rem 0; + border-top-color: #000 +} + +.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right { + padding: 0 .4rem +} + +.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { + left: 0; + width: .4rem; + height: .8rem +} + +.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before { + right: 0; + border-width: .4rem .4rem .4rem 0; + border-right-color: #000 +} + +.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom { + padding: .4rem 0 +} + +.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow { + top: 0 +} + +.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before { + bottom: 0; + border-width: 0 .4rem .4rem; + border-bottom-color: #000 +} + +.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left { + padding: 0 .4rem +} + +.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { + right: 0; + width: .4rem; + height: .8rem +} + +.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before { + left: 0; + border-width: .4rem 0 .4rem .4rem; + border-left-color: #000 +} + +.tooltip-inner { + max-width: 200px; + padding: .25rem .5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: .25rem +} + +.popover { + top: 0; + left: 0; + z-index: 1060; + max-width: 276px; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: .875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #0003; + border-radius: .3rem +} + +.popover,.popover .arrow { + position: absolute; + display: block +} + +.popover .arrow { + width: 1rem; + height: .5rem; + margin: 0 .3rem +} + +.popover .arrow:after,.popover .arrow:before { + position: absolute; + display: block; + content: ""; + border-color: #0000; + border-style: solid +} + +.bs-popover-auto[x-placement^=top],.bs-popover-top { + margin-bottom: .5rem +} + +.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow { + bottom: calc(-.5rem - 1px) +} + +.bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before { + bottom: 0; + border-width: .5rem .5rem 0; + border-top-color: #00000040 +} + +.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after { + bottom: 1px; + border-width: .5rem .5rem 0; + border-top-color: #fff +} + +.bs-popover-auto[x-placement^=right],.bs-popover-right { + margin-left: .5rem +} + +.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow { + left: calc(-.5rem - 1px); + width: .5rem; + height: 1rem; + margin: .3rem 0 +} + +.bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before { + left: 0; + border-width: .5rem .5rem .5rem 0; + border-right-color: #00000040 +} + +.bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after { + left: 1px; + border-width: .5rem .5rem .5rem 0; + border-right-color: #fff +} + +.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom { + margin-top: .5rem +} + +.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow { + top: calc(-.5rem - 1px) +} + +.bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before { + top: 0; + border-width: 0 .5rem .5rem; + border-bottom-color: #00000040 +} + +.bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after { + top: 1px; + border-width: 0 .5rem .5rem; + border-bottom-color: #fff +} + +.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7 +} + +.bs-popover-auto[x-placement^=left],.bs-popover-left { + margin-right: .5rem +} + +.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow { + right: calc(-.5rem - 1px); + width: .5rem; + height: 1rem; + margin: .3rem 0 +} + +.bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before { + right: 0; + border-width: .5rem 0 .5rem .5rem; + border-left-color: #00000040 +} + +.bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after { + right: 1px; + border-width: .5rem 0 .5rem .5rem; + border-left-color: #fff +} + +.popover-header { + padding: .5rem .75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(.3rem - 1px); + border-top-right-radius: calc(.3rem - 1px) +} + +.popover-header:empty { + display: none +} + +.popover-body { + padding: .5rem .75rem; + color: #212529 +} + +.align-baseline { + vertical-align: initial!important +} + +.align-top { + vertical-align: top!important +} + +.align-middle { + vertical-align: middle!important +} + +.align-bottom { + vertical-align: bottom!important +} + +.align-text-bottom { + vertical-align: text-bottom!important +} + +.align-text-top { + vertical-align: text-top!important +} + +.bg-primary { + background-color: #007bff!important +} + +a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover { + background-color: #0062cc!important +} + +.bg-secondary { + background-color: #6c757d!important +} + +a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover { + background-color: #545b62!important +} + +.bg-success { + background-color: #39cc0b!important +} + +a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover { + background-color: #2b9c08!important +} + +.bg-info { + background-color: #17a2b8!important +} + +a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover { + background-color: #117a8b!important +} + +.bg-warning { + background-color: #ffc107!important +} + +a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover { + background-color: #d39e00!important +} + +.bg-danger { + background-color: red!important +} + +a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover { + background-color: #c00!important +} + +.bg-light { + background-color: #f8f9fa!important +} + +a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover { + background-color: #dae0e5!important +} + +.bg-dark { + background-color: #343a40!important +} + +a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { + background-color: #1d2124!important +} + +.bg-white { + background-color: #fff!important +} + +.bg-transparent { + background-color: initial!important +} + +.border { + border: 1px solid #dee2e6!important +} + +.border-top { + border-top: 1px solid #dee2e6!important +} + +.border-right { + border-right: 1px solid #dee2e6!important +} + +.border-bottom { + border-bottom: 1px solid #dee2e6!important +} + +.border-left { + border-left: 1px solid #dee2e6!important +} + +.border-0 { + border: 0!important +} + +.border-top-0 { + border-top: 0!important +} + +.border-right-0 { + border-right: 0!important +} + +.border-bottom-0 { + border-bottom: 0!important +} + +.border-left-0 { + border-left: 0!important +} + +.border-primary { + border-color: #007bff!important +} + +.border-secondary { + border-color: #6c757d!important +} + +.border-success { + border-color: #39cc0b!important +} + +.border-info { + border-color: #17a2b8!important +} + +.border-warning { + border-color: #ffc107!important +} + +.border-danger { + border-color: red!important +} + +.border-light { + border-color: #f8f9fa!important +} + +.border-dark { + border-color: #343a40!important +} + +.border-white { + border-color: #fff!important +} + +.rounded-sm { + border-radius: .2rem!important +} + +.rounded { + border-radius: .25rem!important +} + +.rounded-top { + border-top-left-radius: .25rem!important +} + +.rounded-right,.rounded-top { + border-top-right-radius: .25rem!important +} + +.rounded-bottom,.rounded-right { + border-bottom-right-radius: .25rem!important +} + +.rounded-bottom,.rounded-left { + border-bottom-left-radius: .25rem!important +} + +.rounded-left { + border-top-left-radius: .25rem!important +} + +.rounded-lg { + border-radius: .3rem!important +} + +.rounded-circle { + border-radius: 50%!important +} + +.rounded-pill { + border-radius: 50rem!important +} + +.rounded-0 { + border-radius: 0!important +} + +.clearfix:after { + display: block; + clear: both; + content: "" +} + +.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: 900px) { + .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-xxl-none { + display:none!important + } + + .d-xxl-inline { + display: inline!important + } + + .d-xxl-inline-block { + display: inline-block!important + } + + .d-xxl-block { + display: block!important + } + + .d-xxl-table { + display: table!important + } + + .d-xxl-table-row { + display: table-row!important + } + + .d-xxl-table-cell { + display: table-cell!important + } + + .d-xxl-flex { + display: flex!important + } + + .d-xxl-inline-flex { + display: inline-flex!important + } +} + +@media (min-width: 1800px) { + .d-fhd-none { + display:none!important + } + + .d-fhd-inline { + display: inline!important + } + + .d-fhd-inline-block { + display: inline-block!important + } + + .d-fhd-block { + display: block!important + } + + .d-fhd-table { + display: table!important + } + + .d-fhd-table-row { + display: table-row!important + } + + .d-fhd-table-cell { + display: table-cell!important + } + + .d-fhd-flex { + display: flex!important + } + + .d-fhd-inline-flex { + display: inline-flex!important + } +} + +@media (min-width: 2560px) { + .d-qhd-none { + display:none!important + } + + .d-qhd-inline { + display: inline!important + } + + .d-qhd-inline-block { + display: inline-block!important + } + + .d-qhd-block { + display: block!important + } + + .d-qhd-table { + display: table!important + } + + .d-qhd-table-row { + display: table-row!important + } + + .d-qhd-table-cell { + display: table-cell!important + } + + .d-qhd-flex { + display: flex!important + } + + .d-qhd-inline-flex { + display: inline-flex!important + } +} + +@media (min-width: 3840px) { + .d-uhd-none { + display:none!important + } + + .d-uhd-inline { + display: inline!important + } + + .d-uhd-inline-block { + display: inline-block!important + } + + .d-uhd-block { + display: block!important + } + + .d-uhd-table { + display: table!important + } + + .d-uhd-table-row { + display: table-row!important + } + + .d-uhd-table-cell { + display: table-cell!important + } + + .d-uhd-flex { + display: flex!important + } + + .d-uhd-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 + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden +} + +.embed-responsive:before { + display: block; + content: "" +} + +.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0 +} + +.embed-responsive-21by9:before { + padding-top: 42.8571428571% +} + +.embed-responsive-16by9:before { + padding-top: 56.25% +} + +.embed-responsive-4by3:before { + padding-top: 75% +} + +.embed-responsive-1by1:before { + padding-top: 100% +} + +.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: 900px) { + .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-xxl-row { + flex-direction:row!important + } + + .flex-xxl-column { + flex-direction: column!important + } + + .flex-xxl-row-reverse { + flex-direction: row-reverse!important + } + + .flex-xxl-column-reverse { + flex-direction: column-reverse!important + } + + .flex-xxl-wrap { + flex-wrap: wrap!important + } + + .flex-xxl-nowrap { + flex-wrap: nowrap!important + } + + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse!important + } + + .flex-xxl-fill { + flex: 1 1 auto!important + } + + .flex-xxl-grow-0 { + flex-grow: 0!important + } + + .flex-xxl-grow-1 { + flex-grow: 1!important + } + + .flex-xxl-shrink-0 { + flex-shrink: 0!important + } + + .flex-xxl-shrink-1 { + flex-shrink: 1!important + } + + .justify-content-xxl-start { + justify-content: flex-start!important + } + + .justify-content-xxl-end { + justify-content: flex-end!important + } + + .justify-content-xxl-center { + justify-content: center!important + } + + .justify-content-xxl-between { + justify-content: space-between!important + } + + .justify-content-xxl-around { + justify-content: space-around!important + } + + .align-items-xxl-start { + align-items: flex-start!important + } + + .align-items-xxl-end { + align-items: flex-end!important + } + + .align-items-xxl-center { + align-items: center!important + } + + .align-items-xxl-baseline { + align-items: baseline!important + } + + .align-items-xxl-stretch { + align-items: stretch!important + } + + .align-content-xxl-start { + align-content: flex-start!important + } + + .align-content-xxl-end { + align-content: flex-end!important + } + + .align-content-xxl-center { + align-content: center!important + } + + .align-content-xxl-between { + align-content: space-between!important + } + + .align-content-xxl-around { + align-content: space-around!important + } + + .align-content-xxl-stretch { + align-content: stretch!important + } + + .align-self-xxl-auto { + align-self: auto!important + } + + .align-self-xxl-start { + align-self: flex-start!important + } + + .align-self-xxl-end { + align-self: flex-end!important + } + + .align-self-xxl-center { + align-self: center!important + } + + .align-self-xxl-baseline { + align-self: baseline!important + } + + .align-self-xxl-stretch { + align-self: stretch!important + } +} + +@media (min-width: 1800px) { + .flex-fhd-row { + flex-direction:row!important + } + + .flex-fhd-column { + flex-direction: column!important + } + + .flex-fhd-row-reverse { + flex-direction: row-reverse!important + } + + .flex-fhd-column-reverse { + flex-direction: column-reverse!important + } + + .flex-fhd-wrap { + flex-wrap: wrap!important + } + + .flex-fhd-nowrap { + flex-wrap: nowrap!important + } + + .flex-fhd-wrap-reverse { + flex-wrap: wrap-reverse!important + } + + .flex-fhd-fill { + flex: 1 1 auto!important + } + + .flex-fhd-grow-0 { + flex-grow: 0!important + } + + .flex-fhd-grow-1 { + flex-grow: 1!important + } + + .flex-fhd-shrink-0 { + flex-shrink: 0!important + } + + .flex-fhd-shrink-1 { + flex-shrink: 1!important + } + + .justify-content-fhd-start { + justify-content: flex-start!important + } + + .justify-content-fhd-end { + justify-content: flex-end!important + } + + .justify-content-fhd-center { + justify-content: center!important + } + + .justify-content-fhd-between { + justify-content: space-between!important + } + + .justify-content-fhd-around { + justify-content: space-around!important + } + + .align-items-fhd-start { + align-items: flex-start!important + } + + .align-items-fhd-end { + align-items: flex-end!important + } + + .align-items-fhd-center { + align-items: center!important + } + + .align-items-fhd-baseline { + align-items: baseline!important + } + + .align-items-fhd-stretch { + align-items: stretch!important + } + + .align-content-fhd-start { + align-content: flex-start!important + } + + .align-content-fhd-end { + align-content: flex-end!important + } + + .align-content-fhd-center { + align-content: center!important + } + + .align-content-fhd-between { + align-content: space-between!important + } + + .align-content-fhd-around { + align-content: space-around!important + } + + .align-content-fhd-stretch { + align-content: stretch!important + } + + .align-self-fhd-auto { + align-self: auto!important + } + + .align-self-fhd-start { + align-self: flex-start!important + } + + .align-self-fhd-end { + align-self: flex-end!important + } + + .align-self-fhd-center { + align-self: center!important + } + + .align-self-fhd-baseline { + align-self: baseline!important + } + + .align-self-fhd-stretch { + align-self: stretch!important + } +} + +@media (min-width: 2560px) { + .flex-qhd-row { + flex-direction:row!important + } + + .flex-qhd-column { + flex-direction: column!important + } + + .flex-qhd-row-reverse { + flex-direction: row-reverse!important + } + + .flex-qhd-column-reverse { + flex-direction: column-reverse!important + } + + .flex-qhd-wrap { + flex-wrap: wrap!important + } + + .flex-qhd-nowrap { + flex-wrap: nowrap!important + } + + .flex-qhd-wrap-reverse { + flex-wrap: wrap-reverse!important + } + + .flex-qhd-fill { + flex: 1 1 auto!important + } + + .flex-qhd-grow-0 { + flex-grow: 0!important + } + + .flex-qhd-grow-1 { + flex-grow: 1!important + } + + .flex-qhd-shrink-0 { + flex-shrink: 0!important + } + + .flex-qhd-shrink-1 { + flex-shrink: 1!important + } + + .justify-content-qhd-start { + justify-content: flex-start!important + } + + .justify-content-qhd-end { + justify-content: flex-end!important + } + + .justify-content-qhd-center { + justify-content: center!important + } + + .justify-content-qhd-between { + justify-content: space-between!important + } + + .justify-content-qhd-around { + justify-content: space-around!important + } + + .align-items-qhd-start { + align-items: flex-start!important + } + + .align-items-qhd-end { + align-items: flex-end!important + } + + .align-items-qhd-center { + align-items: center!important + } + + .align-items-qhd-baseline { + align-items: baseline!important + } + + .align-items-qhd-stretch { + align-items: stretch!important + } + + .align-content-qhd-start { + align-content: flex-start!important + } + + .align-content-qhd-end { + align-content: flex-end!important + } + + .align-content-qhd-center { + align-content: center!important + } + + .align-content-qhd-between { + align-content: space-between!important + } + + .align-content-qhd-around { + align-content: space-around!important + } + + .align-content-qhd-stretch { + align-content: stretch!important + } + + .align-self-qhd-auto { + align-self: auto!important + } + + .align-self-qhd-start { + align-self: flex-start!important + } + + .align-self-qhd-end { + align-self: flex-end!important + } + + .align-self-qhd-center { + align-self: center!important + } + + .align-self-qhd-baseline { + align-self: baseline!important + } + + .align-self-qhd-stretch { + align-self: stretch!important + } +} + +@media (min-width: 3840px) { + .flex-uhd-row { + flex-direction:row!important + } + + .flex-uhd-column { + flex-direction: column!important + } + + .flex-uhd-row-reverse { + flex-direction: row-reverse!important + } + + .flex-uhd-column-reverse { + flex-direction: column-reverse!important + } + + .flex-uhd-wrap { + flex-wrap: wrap!important + } + + .flex-uhd-nowrap { + flex-wrap: nowrap!important + } + + .flex-uhd-wrap-reverse { + flex-wrap: wrap-reverse!important + } + + .flex-uhd-fill { + flex: 1 1 auto!important + } + + .flex-uhd-grow-0 { + flex-grow: 0!important + } + + .flex-uhd-grow-1 { + flex-grow: 1!important + } + + .flex-uhd-shrink-0 { + flex-shrink: 0!important + } + + .flex-uhd-shrink-1 { + flex-shrink: 1!important + } + + .justify-content-uhd-start { + justify-content: flex-start!important + } + + .justify-content-uhd-end { + justify-content: flex-end!important + } + + .justify-content-uhd-center { + justify-content: center!important + } + + .justify-content-uhd-between { + justify-content: space-between!important + } + + .justify-content-uhd-around { + justify-content: space-around!important + } + + .align-items-uhd-start { + align-items: flex-start!important + } + + .align-items-uhd-end { + align-items: flex-end!important + } + + .align-items-uhd-center { + align-items: center!important + } + + .align-items-uhd-baseline { + align-items: baseline!important + } + + .align-items-uhd-stretch { + align-items: stretch!important + } + + .align-content-uhd-start { + align-content: flex-start!important + } + + .align-content-uhd-end { + align-content: flex-end!important + } + + .align-content-uhd-center { + align-content: center!important + } + + .align-content-uhd-between { + align-content: space-between!important + } + + .align-content-uhd-around { + align-content: space-around!important + } + + .align-content-uhd-stretch { + align-content: stretch!important + } + + .align-self-uhd-auto { + align-self: auto!important + } + + .align-self-uhd-start { + align-self: flex-start!important + } + + .align-self-uhd-end { + align-self: flex-end!important + } + + .align-self-uhd-center { + align-self: center!important + } + + .align-self-uhd-baseline { + align-self: baseline!important + } + + .align-self-uhd-stretch { + align-self: stretch!important + } +} + +.float-left { + float: left!important +} + +.float-right { + float: right!important +} + +.float-none { + float: none!important +} + +@media (min-width: 576px) { + .float-sm-left { + float:left!important + } + + .float-sm-right { + float: right!important + } + + .float-sm-none { + float: none!important + } +} + +@media (min-width: 768px) { + .float-md-left { + float:left!important + } + + .float-md-right { + float: right!important + } + + .float-md-none { + float: none!important + } +} + +@media (min-width: 900px) { + .float-lg-left { + float:left!important + } + + .float-lg-right { + float: right!important + } + + .float-lg-none { + float: none!important + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float:left!important + } + + .float-xl-right { + float: right!important + } + + .float-xl-none { + float: none!important + } +} + +@media (min-width: 1600px) { + .float-xxl-left { + float:left!important + } + + .float-xxl-right { + float: right!important + } + + .float-xxl-none { + float: none!important + } +} + +@media (min-width: 1800px) { + .float-fhd-left { + float:left!important + } + + .float-fhd-right { + float: right!important + } + + .float-fhd-none { + float: none!important + } +} + +@media (min-width: 2560px) { + .float-qhd-left { + float:left!important + } + + .float-qhd-right { + float: right!important + } + + .float-qhd-none { + float: none!important + } +} + +@media (min-width: 3840px) { + .float-uhd-left { + float:left!important + } + + .float-uhd-right { + float: right!important + } + + .float-uhd-none { + float: none!important + } +} + +.user-select-all { + -webkit-user-select: all!important; + user-select: all!important +} + +.user-select-auto { + -webkit-user-select: auto!important; + user-select: auto!important +} + +.user-select-none { + -webkit-user-select: none!important; + user-select: none!important +} + +.overflow-auto { + overflow: auto!important +} + +.overflow-hidden { + overflow: hidden!important +} + +.position-static { + position: static!important +} + +.position-relative { + position: relative!important +} + +.position-absolute { + position: absolute!important +} + +.position-fixed { + position: fixed!important +} + +.position-sticky { + position: sticky!important +} + +.fixed-top { + top: 0 +} + +.fixed-bottom,.fixed-top { + position: fixed; + right: 0; + left: 0; + z-index: 1030 +} + +.fixed-bottom { + bottom: 0 +} + +@supports (position: sticky) { + .sticky-top { + position:sticky; + top: 0; + z-index: 1020 + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + white-space: nowrap; + border: 0 +} + +.sr-only-focusable:active,.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal +} + +.shadow-sm { + box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important +} + +.shadow { + box-shadow: 0 .5rem 1rem #00000026!important +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important +} + +.shadow-none { + box-shadow: none!important +} + +.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 +} + +.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: .25rem!important +} + +.mt-1,.my-1 { + margin-top: .25rem!important +} + +.mr-1,.mx-1 { + margin-right: .25rem!important +} + +.mb-1,.my-1 { + margin-bottom: .25rem!important +} + +.ml-1,.mx-1 { + margin-left: .25rem!important +} + +.m-2 { + margin: .5rem!important +} + +.mt-2,.my-2 { + margin-top: .5rem!important +} + +.mr-2,.mx-2 { + margin-right: .5rem!important +} + +.mb-2,.my-2 { + margin-bottom: .5rem!important +} + +.ml-2,.mx-2 { + margin-left: .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: .25rem!important +} + +.pt-1,.py-1 { + padding-top: .25rem!important +} + +.pr-1,.px-1 { + padding-right: .25rem!important +} + +.pb-1,.py-1 { + padding-bottom: .25rem!important +} + +.pl-1,.px-1 { + padding-left: .25rem!important +} + +.p-2 { + padding: .5rem!important +} + +.pt-2,.py-2 { + padding-top: .5rem!important +} + +.pr-2,.px-2 { + padding-right: .5rem!important +} + +.pb-2,.py-2 { + padding-bottom: .5rem!important +} + +.pl-2,.px-2 { + padding-left: .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: -.25rem!important +} + +.mt-n1,.my-n1 { + margin-top: -.25rem!important +} + +.mr-n1,.mx-n1 { + margin-right: -.25rem!important +} + +.mb-n1,.my-n1 { + margin-bottom: -.25rem!important +} + +.ml-n1,.mx-n1 { + margin-left: -.25rem!important +} + +.m-n2 { + margin: -.5rem!important +} + +.mt-n2,.my-n2 { + margin-top: -.5rem!important +} + +.mr-n2,.mx-n2 { + margin-right: -.5rem!important +} + +.mb-n2,.my-n2 { + margin-bottom: -.5rem!important +} + +.ml-n2,.mx-n2 { + margin-left: -.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: .25rem!important + } + + .mt-sm-1,.my-sm-1 { + margin-top: .25rem!important + } + + .mr-sm-1,.mx-sm-1 { + margin-right: .25rem!important + } + + .mb-sm-1,.my-sm-1 { + margin-bottom: .25rem!important + } + + .ml-sm-1,.mx-sm-1 { + margin-left: .25rem!important + } + + .m-sm-2 { + margin: .5rem!important + } + + .mt-sm-2,.my-sm-2 { + margin-top: .5rem!important + } + + .mr-sm-2,.mx-sm-2 { + margin-right: .5rem!important + } + + .mb-sm-2,.my-sm-2 { + margin-bottom: .5rem!important + } + + .ml-sm-2,.mx-sm-2 { + margin-left: .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: .25rem!important + } + + .pt-sm-1,.py-sm-1 { + padding-top: .25rem!important + } + + .pr-sm-1,.px-sm-1 { + padding-right: .25rem!important + } + + .pb-sm-1,.py-sm-1 { + padding-bottom: .25rem!important + } + + .pl-sm-1,.px-sm-1 { + padding-left: .25rem!important + } + + .p-sm-2 { + padding: .5rem!important + } + + .pt-sm-2,.py-sm-2 { + padding-top: .5rem!important + } + + .pr-sm-2,.px-sm-2 { + padding-right: .5rem!important + } + + .pb-sm-2,.py-sm-2 { + padding-bottom: .5rem!important + } + + .pl-sm-2,.px-sm-2 { + padding-left: .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: -.25rem!important + } + + .mt-sm-n1,.my-sm-n1 { + margin-top: -.25rem!important + } + + .mr-sm-n1,.mx-sm-n1 { + margin-right: -.25rem!important + } + + .mb-sm-n1,.my-sm-n1 { + margin-bottom: -.25rem!important + } + + .ml-sm-n1,.mx-sm-n1 { + margin-left: -.25rem!important + } + + .m-sm-n2 { + margin: -.5rem!important + } + + .mt-sm-n2,.my-sm-n2 { + margin-top: -.5rem!important + } + + .mr-sm-n2,.mx-sm-n2 { + margin-right: -.5rem!important + } + + .mb-sm-n2,.my-sm-n2 { + margin-bottom: -.5rem!important + } + + .ml-sm-n2,.mx-sm-n2 { + margin-left: -.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: .25rem!important + } + + .mt-md-1,.my-md-1 { + margin-top: .25rem!important + } + + .mr-md-1,.mx-md-1 { + margin-right: .25rem!important + } + + .mb-md-1,.my-md-1 { + margin-bottom: .25rem!important + } + + .ml-md-1,.mx-md-1 { + margin-left: .25rem!important + } + + .m-md-2 { + margin: .5rem!important + } + + .mt-md-2,.my-md-2 { + margin-top: .5rem!important + } + + .mr-md-2,.mx-md-2 { + margin-right: .5rem!important + } + + .mb-md-2,.my-md-2 { + margin-bottom: .5rem!important + } + + .ml-md-2,.mx-md-2 { + margin-left: .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: .25rem!important + } + + .pt-md-1,.py-md-1 { + padding-top: .25rem!important + } + + .pr-md-1,.px-md-1 { + padding-right: .25rem!important + } + + .pb-md-1,.py-md-1 { + padding-bottom: .25rem!important + } + + .pl-md-1,.px-md-1 { + padding-left: .25rem!important + } + + .p-md-2 { + padding: .5rem!important + } + + .pt-md-2,.py-md-2 { + padding-top: .5rem!important + } + + .pr-md-2,.px-md-2 { + padding-right: .5rem!important + } + + .pb-md-2,.py-md-2 { + padding-bottom: .5rem!important + } + + .pl-md-2,.px-md-2 { + padding-left: .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: -.25rem!important + } + + .mt-md-n1,.my-md-n1 { + margin-top: -.25rem!important + } + + .mr-md-n1,.mx-md-n1 { + margin-right: -.25rem!important + } + + .mb-md-n1,.my-md-n1 { + margin-bottom: -.25rem!important + } + + .ml-md-n1,.mx-md-n1 { + margin-left: -.25rem!important + } + + .m-md-n2 { + margin: -.5rem!important + } + + .mt-md-n2,.my-md-n2 { + margin-top: -.5rem!important + } + + .mr-md-n2,.mx-md-n2 { + margin-right: -.5rem!important + } + + .mb-md-n2,.my-md-n2 { + margin-bottom: -.5rem!important + } + + .ml-md-n2,.mx-md-n2 { + margin-left: -.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: 900px) { + .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: .25rem!important + } + + .mt-lg-1,.my-lg-1 { + margin-top: .25rem!important + } + + .mr-lg-1,.mx-lg-1 { + margin-right: .25rem!important + } + + .mb-lg-1,.my-lg-1 { + margin-bottom: .25rem!important + } + + .ml-lg-1,.mx-lg-1 { + margin-left: .25rem!important + } + + .m-lg-2 { + margin: .5rem!important + } + + .mt-lg-2,.my-lg-2 { + margin-top: .5rem!important + } + + .mr-lg-2,.mx-lg-2 { + margin-right: .5rem!important + } + + .mb-lg-2,.my-lg-2 { + margin-bottom: .5rem!important + } + + .ml-lg-2,.mx-lg-2 { + margin-left: .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: .25rem!important + } + + .pt-lg-1,.py-lg-1 { + padding-top: .25rem!important + } + + .pr-lg-1,.px-lg-1 { + padding-right: .25rem!important + } + + .pb-lg-1,.py-lg-1 { + padding-bottom: .25rem!important + } + + .pl-lg-1,.px-lg-1 { + padding-left: .25rem!important + } + + .p-lg-2 { + padding: .5rem!important + } + + .pt-lg-2,.py-lg-2 { + padding-top: .5rem!important + } + + .pr-lg-2,.px-lg-2 { + padding-right: .5rem!important + } + + .pb-lg-2,.py-lg-2 { + padding-bottom: .5rem!important + } + + .pl-lg-2,.px-lg-2 { + padding-left: .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: -.25rem!important + } + + .mt-lg-n1,.my-lg-n1 { + margin-top: -.25rem!important + } + + .mr-lg-n1,.mx-lg-n1 { + margin-right: -.25rem!important + } + + .mb-lg-n1,.my-lg-n1 { + margin-bottom: -.25rem!important + } + + .ml-lg-n1,.mx-lg-n1 { + margin-left: -.25rem!important + } + + .m-lg-n2 { + margin: -.5rem!important + } + + .mt-lg-n2,.my-lg-n2 { + margin-top: -.5rem!important + } + + .mr-lg-n2,.mx-lg-n2 { + margin-right: -.5rem!important + } + + .mb-lg-n2,.my-lg-n2 { + margin-bottom: -.5rem!important + } + + .ml-lg-n2,.mx-lg-n2 { + margin-left: -.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: .25rem!important + } + + .mt-xl-1,.my-xl-1 { + margin-top: .25rem!important + } + + .mr-xl-1,.mx-xl-1 { + margin-right: .25rem!important + } + + .mb-xl-1,.my-xl-1 { + margin-bottom: .25rem!important + } + + .ml-xl-1,.mx-xl-1 { + margin-left: .25rem!important + } + + .m-xl-2 { + margin: .5rem!important + } + + .mt-xl-2,.my-xl-2 { + margin-top: .5rem!important + } + + .mr-xl-2,.mx-xl-2 { + margin-right: .5rem!important + } + + .mb-xl-2,.my-xl-2 { + margin-bottom: .5rem!important + } + + .ml-xl-2,.mx-xl-2 { + margin-left: .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: .25rem!important + } + + .pt-xl-1,.py-xl-1 { + padding-top: .25rem!important + } + + .pr-xl-1,.px-xl-1 { + padding-right: .25rem!important + } + + .pb-xl-1,.py-xl-1 { + padding-bottom: .25rem!important + } + + .pl-xl-1,.px-xl-1 { + padding-left: .25rem!important + } + + .p-xl-2 { + padding: .5rem!important + } + + .pt-xl-2,.py-xl-2 { + padding-top: .5rem!important + } + + .pr-xl-2,.px-xl-2 { + padding-right: .5rem!important + } + + .pb-xl-2,.py-xl-2 { + padding-bottom: .5rem!important + } + + .pl-xl-2,.px-xl-2 { + padding-left: .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: -.25rem!important + } + + .mt-xl-n1,.my-xl-n1 { + margin-top: -.25rem!important + } + + .mr-xl-n1,.mx-xl-n1 { + margin-right: -.25rem!important + } + + .mb-xl-n1,.my-xl-n1 { + margin-bottom: -.25rem!important + } + + .ml-xl-n1,.mx-xl-n1 { + margin-left: -.25rem!important + } + + .m-xl-n2 { + margin: -.5rem!important + } + + .mt-xl-n2,.my-xl-n2 { + margin-top: -.5rem!important + } + + .mr-xl-n2,.mx-xl-n2 { + margin-right: -.5rem!important + } + + .mb-xl-n2,.my-xl-n2 { + margin-bottom: -.5rem!important + } + + .ml-xl-n2,.mx-xl-n2 { + margin-left: -.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-xxl-0 { + margin:0!important + } + + .mt-xxl-0,.my-xxl-0 { + margin-top: 0!important + } + + .mr-xxl-0,.mx-xxl-0 { + margin-right: 0!important + } + + .mb-xxl-0,.my-xxl-0 { + margin-bottom: 0!important + } + + .ml-xxl-0,.mx-xxl-0 { + margin-left: 0!important + } + + .m-xxl-1 { + margin: .25rem!important + } + + .mt-xxl-1,.my-xxl-1 { + margin-top: .25rem!important + } + + .mr-xxl-1,.mx-xxl-1 { + margin-right: .25rem!important + } + + .mb-xxl-1,.my-xxl-1 { + margin-bottom: .25rem!important + } + + .ml-xxl-1,.mx-xxl-1 { + margin-left: .25rem!important + } + + .m-xxl-2 { + margin: .5rem!important + } + + .mt-xxl-2,.my-xxl-2 { + margin-top: .5rem!important + } + + .mr-xxl-2,.mx-xxl-2 { + margin-right: .5rem!important + } + + .mb-xxl-2,.my-xxl-2 { + margin-bottom: .5rem!important + } + + .ml-xxl-2,.mx-xxl-2 { + margin-left: .5rem!important + } + + .m-xxl-3 { + margin: 1rem!important + } + + .mt-xxl-3,.my-xxl-3 { + margin-top: 1rem!important + } + + .mr-xxl-3,.mx-xxl-3 { + margin-right: 1rem!important + } + + .mb-xxl-3,.my-xxl-3 { + margin-bottom: 1rem!important + } + + .ml-xxl-3,.mx-xxl-3 { + margin-left: 1rem!important + } + + .m-xxl-4 { + margin: 1.5rem!important + } + + .mt-xxl-4,.my-xxl-4 { + margin-top: 1.5rem!important + } + + .mr-xxl-4,.mx-xxl-4 { + margin-right: 1.5rem!important + } + + .mb-xxl-4,.my-xxl-4 { + margin-bottom: 1.5rem!important + } + + .ml-xxl-4,.mx-xxl-4 { + margin-left: 1.5rem!important + } + + .m-xxl-5 { + margin: 3rem!important + } + + .mt-xxl-5,.my-xxl-5 { + margin-top: 3rem!important + } + + .mr-xxl-5,.mx-xxl-5 { + margin-right: 3rem!important + } + + .mb-xxl-5,.my-xxl-5 { + margin-bottom: 3rem!important + } + + .ml-xxl-5,.mx-xxl-5 { + margin-left: 3rem!important + } + + .p-xxl-0 { + padding: 0!important + } + + .pt-xxl-0,.py-xxl-0 { + padding-top: 0!important + } + + .pr-xxl-0,.px-xxl-0 { + padding-right: 0!important + } + + .pb-xxl-0,.py-xxl-0 { + padding-bottom: 0!important + } + + .pl-xxl-0,.px-xxl-0 { + padding-left: 0!important + } + + .p-xxl-1 { + padding: .25rem!important + } + + .pt-xxl-1,.py-xxl-1 { + padding-top: .25rem!important + } + + .pr-xxl-1,.px-xxl-1 { + padding-right: .25rem!important + } + + .pb-xxl-1,.py-xxl-1 { + padding-bottom: .25rem!important + } + + .pl-xxl-1,.px-xxl-1 { + padding-left: .25rem!important + } + + .p-xxl-2 { + padding: .5rem!important + } + + .pt-xxl-2,.py-xxl-2 { + padding-top: .5rem!important + } + + .pr-xxl-2,.px-xxl-2 { + padding-right: .5rem!important + } + + .pb-xxl-2,.py-xxl-2 { + padding-bottom: .5rem!important + } + + .pl-xxl-2,.px-xxl-2 { + padding-left: .5rem!important + } + + .p-xxl-3 { + padding: 1rem!important + } + + .pt-xxl-3,.py-xxl-3 { + padding-top: 1rem!important + } + + .pr-xxl-3,.px-xxl-3 { + padding-right: 1rem!important + } + + .pb-xxl-3,.py-xxl-3 { + padding-bottom: 1rem!important + } + + .pl-xxl-3,.px-xxl-3 { + padding-left: 1rem!important + } + + .p-xxl-4 { + padding: 1.5rem!important + } + + .pt-xxl-4,.py-xxl-4 { + padding-top: 1.5rem!important + } + + .pr-xxl-4,.px-xxl-4 { + padding-right: 1.5rem!important + } + + .pb-xxl-4,.py-xxl-4 { + padding-bottom: 1.5rem!important + } + + .pl-xxl-4,.px-xxl-4 { + padding-left: 1.5rem!important + } + + .p-xxl-5 { + padding: 3rem!important + } + + .pt-xxl-5,.py-xxl-5 { + padding-top: 3rem!important + } + + .pr-xxl-5,.px-xxl-5 { + padding-right: 3rem!important + } + + .pb-xxl-5,.py-xxl-5 { + padding-bottom: 3rem!important + } + + .pl-xxl-5,.px-xxl-5 { + padding-left: 3rem!important + } + + .m-xxl-n1 { + margin: -.25rem!important + } + + .mt-xxl-n1,.my-xxl-n1 { + margin-top: -.25rem!important + } + + .mr-xxl-n1,.mx-xxl-n1 { + margin-right: -.25rem!important + } + + .mb-xxl-n1,.my-xxl-n1 { + margin-bottom: -.25rem!important + } + + .ml-xxl-n1,.mx-xxl-n1 { + margin-left: -.25rem!important + } + + .m-xxl-n2 { + margin: -.5rem!important + } + + .mt-xxl-n2,.my-xxl-n2 { + margin-top: -.5rem!important + } + + .mr-xxl-n2,.mx-xxl-n2 { + margin-right: -.5rem!important + } + + .mb-xxl-n2,.my-xxl-n2 { + margin-bottom: -.5rem!important + } + + .ml-xxl-n2,.mx-xxl-n2 { + margin-left: -.5rem!important + } + + .m-xxl-n3 { + margin: -1rem!important + } + + .mt-xxl-n3,.my-xxl-n3 { + margin-top: -1rem!important + } + + .mr-xxl-n3,.mx-xxl-n3 { + margin-right: -1rem!important + } + + .mb-xxl-n3,.my-xxl-n3 { + margin-bottom: -1rem!important + } + + .ml-xxl-n3,.mx-xxl-n3 { + margin-left: -1rem!important + } + + .m-xxl-n4 { + margin: -1.5rem!important + } + + .mt-xxl-n4,.my-xxl-n4 { + margin-top: -1.5rem!important + } + + .mr-xxl-n4,.mx-xxl-n4 { + margin-right: -1.5rem!important + } + + .mb-xxl-n4,.my-xxl-n4 { + margin-bottom: -1.5rem!important + } + + .ml-xxl-n4,.mx-xxl-n4 { + margin-left: -1.5rem!important + } + + .m-xxl-n5 { + margin: -3rem!important + } + + .mt-xxl-n5,.my-xxl-n5 { + margin-top: -3rem!important + } + + .mr-xxl-n5,.mx-xxl-n5 { + margin-right: -3rem!important + } + + .mb-xxl-n5,.my-xxl-n5 { + margin-bottom: -3rem!important + } + + .ml-xxl-n5,.mx-xxl-n5 { + margin-left: -3rem!important + } + + .m-xxl-auto { + margin: auto!important + } + + .mt-xxl-auto,.my-xxl-auto { + margin-top: auto!important + } + + .mr-xxl-auto,.mx-xxl-auto { + margin-right: auto!important + } + + .mb-xxl-auto,.my-xxl-auto { + margin-bottom: auto!important + } + + .ml-xxl-auto,.mx-xxl-auto { + margin-left: auto!important + } +} + +@media (min-width: 1800px) { + .m-fhd-0 { + margin:0!important + } + + .mt-fhd-0,.my-fhd-0 { + margin-top: 0!important + } + + .mr-fhd-0,.mx-fhd-0 { + margin-right: 0!important + } + + .mb-fhd-0,.my-fhd-0 { + margin-bottom: 0!important + } + + .ml-fhd-0,.mx-fhd-0 { + margin-left: 0!important + } + + .m-fhd-1 { + margin: .25rem!important + } + + .mt-fhd-1,.my-fhd-1 { + margin-top: .25rem!important + } + + .mr-fhd-1,.mx-fhd-1 { + margin-right: .25rem!important + } + + .mb-fhd-1,.my-fhd-1 { + margin-bottom: .25rem!important + } + + .ml-fhd-1,.mx-fhd-1 { + margin-left: .25rem!important + } + + .m-fhd-2 { + margin: .5rem!important + } + + .mt-fhd-2,.my-fhd-2 { + margin-top: .5rem!important + } + + .mr-fhd-2,.mx-fhd-2 { + margin-right: .5rem!important + } + + .mb-fhd-2,.my-fhd-2 { + margin-bottom: .5rem!important + } + + .ml-fhd-2,.mx-fhd-2 { + margin-left: .5rem!important + } + + .m-fhd-3 { + margin: 1rem!important + } + + .mt-fhd-3,.my-fhd-3 { + margin-top: 1rem!important + } + + .mr-fhd-3,.mx-fhd-3 { + margin-right: 1rem!important + } + + .mb-fhd-3,.my-fhd-3 { + margin-bottom: 1rem!important + } + + .ml-fhd-3,.mx-fhd-3 { + margin-left: 1rem!important + } + + .m-fhd-4 { + margin: 1.5rem!important + } + + .mt-fhd-4,.my-fhd-4 { + margin-top: 1.5rem!important + } + + .mr-fhd-4,.mx-fhd-4 { + margin-right: 1.5rem!important + } + + .mb-fhd-4,.my-fhd-4 { + margin-bottom: 1.5rem!important + } + + .ml-fhd-4,.mx-fhd-4 { + margin-left: 1.5rem!important + } + + .m-fhd-5 { + margin: 3rem!important + } + + .mt-fhd-5,.my-fhd-5 { + margin-top: 3rem!important + } + + .mr-fhd-5,.mx-fhd-5 { + margin-right: 3rem!important + } + + .mb-fhd-5,.my-fhd-5 { + margin-bottom: 3rem!important + } + + .ml-fhd-5,.mx-fhd-5 { + margin-left: 3rem!important + } + + .p-fhd-0 { + padding: 0!important + } + + .pt-fhd-0,.py-fhd-0 { + padding-top: 0!important + } + + .pr-fhd-0,.px-fhd-0 { + padding-right: 0!important + } + + .pb-fhd-0,.py-fhd-0 { + padding-bottom: 0!important + } + + .pl-fhd-0,.px-fhd-0 { + padding-left: 0!important + } + + .p-fhd-1 { + padding: .25rem!important + } + + .pt-fhd-1,.py-fhd-1 { + padding-top: .25rem!important + } + + .pr-fhd-1,.px-fhd-1 { + padding-right: .25rem!important + } + + .pb-fhd-1,.py-fhd-1 { + padding-bottom: .25rem!important + } + + .pl-fhd-1,.px-fhd-1 { + padding-left: .25rem!important + } + + .p-fhd-2 { + padding: .5rem!important + } + + .pt-fhd-2,.py-fhd-2 { + padding-top: .5rem!important + } + + .pr-fhd-2,.px-fhd-2 { + padding-right: .5rem!important + } + + .pb-fhd-2,.py-fhd-2 { + padding-bottom: .5rem!important + } + + .pl-fhd-2,.px-fhd-2 { + padding-left: .5rem!important + } + + .p-fhd-3 { + padding: 1rem!important + } + + .pt-fhd-3,.py-fhd-3 { + padding-top: 1rem!important + } + + .pr-fhd-3,.px-fhd-3 { + padding-right: 1rem!important + } + + .pb-fhd-3,.py-fhd-3 { + padding-bottom: 1rem!important + } + + .pl-fhd-3,.px-fhd-3 { + padding-left: 1rem!important + } + + .p-fhd-4 { + padding: 1.5rem!important + } + + .pt-fhd-4,.py-fhd-4 { + padding-top: 1.5rem!important + } + + .pr-fhd-4,.px-fhd-4 { + padding-right: 1.5rem!important + } + + .pb-fhd-4,.py-fhd-4 { + padding-bottom: 1.5rem!important + } + + .pl-fhd-4,.px-fhd-4 { + padding-left: 1.5rem!important + } + + .p-fhd-5 { + padding: 3rem!important + } + + .pt-fhd-5,.py-fhd-5 { + padding-top: 3rem!important + } + + .pr-fhd-5,.px-fhd-5 { + padding-right: 3rem!important + } + + .pb-fhd-5,.py-fhd-5 { + padding-bottom: 3rem!important + } + + .pl-fhd-5,.px-fhd-5 { + padding-left: 3rem!important + } + + .m-fhd-n1 { + margin: -.25rem!important + } + + .mt-fhd-n1,.my-fhd-n1 { + margin-top: -.25rem!important + } + + .mr-fhd-n1,.mx-fhd-n1 { + margin-right: -.25rem!important + } + + .mb-fhd-n1,.my-fhd-n1 { + margin-bottom: -.25rem!important + } + + .ml-fhd-n1,.mx-fhd-n1 { + margin-left: -.25rem!important + } + + .m-fhd-n2 { + margin: -.5rem!important + } + + .mt-fhd-n2,.my-fhd-n2 { + margin-top: -.5rem!important + } + + .mr-fhd-n2,.mx-fhd-n2 { + margin-right: -.5rem!important + } + + .mb-fhd-n2,.my-fhd-n2 { + margin-bottom: -.5rem!important + } + + .ml-fhd-n2,.mx-fhd-n2 { + margin-left: -.5rem!important + } + + .m-fhd-n3 { + margin: -1rem!important + } + + .mt-fhd-n3,.my-fhd-n3 { + margin-top: -1rem!important + } + + .mr-fhd-n3,.mx-fhd-n3 { + margin-right: -1rem!important + } + + .mb-fhd-n3,.my-fhd-n3 { + margin-bottom: -1rem!important + } + + .ml-fhd-n3,.mx-fhd-n3 { + margin-left: -1rem!important + } + + .m-fhd-n4 { + margin: -1.5rem!important + } + + .mt-fhd-n4,.my-fhd-n4 { + margin-top: -1.5rem!important + } + + .mr-fhd-n4,.mx-fhd-n4 { + margin-right: -1.5rem!important + } + + .mb-fhd-n4,.my-fhd-n4 { + margin-bottom: -1.5rem!important + } + + .ml-fhd-n4,.mx-fhd-n4 { + margin-left: -1.5rem!important + } + + .m-fhd-n5 { + margin: -3rem!important + } + + .mt-fhd-n5,.my-fhd-n5 { + margin-top: -3rem!important + } + + .mr-fhd-n5,.mx-fhd-n5 { + margin-right: -3rem!important + } + + .mb-fhd-n5,.my-fhd-n5 { + margin-bottom: -3rem!important + } + + .ml-fhd-n5,.mx-fhd-n5 { + margin-left: -3rem!important + } + + .m-fhd-auto { + margin: auto!important + } + + .mt-fhd-auto,.my-fhd-auto { + margin-top: auto!important + } + + .mr-fhd-auto,.mx-fhd-auto { + margin-right: auto!important + } + + .mb-fhd-auto,.my-fhd-auto { + margin-bottom: auto!important + } + + .ml-fhd-auto,.mx-fhd-auto { + margin-left: auto!important + } +} + +@media (min-width: 2560px) { + .m-qhd-0 { + margin:0!important + } + + .mt-qhd-0,.my-qhd-0 { + margin-top: 0!important + } + + .mr-qhd-0,.mx-qhd-0 { + margin-right: 0!important + } + + .mb-qhd-0,.my-qhd-0 { + margin-bottom: 0!important + } + + .ml-qhd-0,.mx-qhd-0 { + margin-left: 0!important + } + + .m-qhd-1 { + margin: .25rem!important + } + + .mt-qhd-1,.my-qhd-1 { + margin-top: .25rem!important + } + + .mr-qhd-1,.mx-qhd-1 { + margin-right: .25rem!important + } + + .mb-qhd-1,.my-qhd-1 { + margin-bottom: .25rem!important + } + + .ml-qhd-1,.mx-qhd-1 { + margin-left: .25rem!important + } + + .m-qhd-2 { + margin: .5rem!important + } + + .mt-qhd-2,.my-qhd-2 { + margin-top: .5rem!important + } + + .mr-qhd-2,.mx-qhd-2 { + margin-right: .5rem!important + } + + .mb-qhd-2,.my-qhd-2 { + margin-bottom: .5rem!important + } + + .ml-qhd-2,.mx-qhd-2 { + margin-left: .5rem!important + } + + .m-qhd-3 { + margin: 1rem!important + } + + .mt-qhd-3,.my-qhd-3 { + margin-top: 1rem!important + } + + .mr-qhd-3,.mx-qhd-3 { + margin-right: 1rem!important + } + + .mb-qhd-3,.my-qhd-3 { + margin-bottom: 1rem!important + } + + .ml-qhd-3,.mx-qhd-3 { + margin-left: 1rem!important + } + + .m-qhd-4 { + margin: 1.5rem!important + } + + .mt-qhd-4,.my-qhd-4 { + margin-top: 1.5rem!important + } + + .mr-qhd-4,.mx-qhd-4 { + margin-right: 1.5rem!important + } + + .mb-qhd-4,.my-qhd-4 { + margin-bottom: 1.5rem!important + } + + .ml-qhd-4,.mx-qhd-4 { + margin-left: 1.5rem!important + } + + .m-qhd-5 { + margin: 3rem!important + } + + .mt-qhd-5,.my-qhd-5 { + margin-top: 3rem!important + } + + .mr-qhd-5,.mx-qhd-5 { + margin-right: 3rem!important + } + + .mb-qhd-5,.my-qhd-5 { + margin-bottom: 3rem!important + } + + .ml-qhd-5,.mx-qhd-5 { + margin-left: 3rem!important + } + + .p-qhd-0 { + padding: 0!important + } + + .pt-qhd-0,.py-qhd-0 { + padding-top: 0!important + } + + .pr-qhd-0,.px-qhd-0 { + padding-right: 0!important + } + + .pb-qhd-0,.py-qhd-0 { + padding-bottom: 0!important + } + + .pl-qhd-0,.px-qhd-0 { + padding-left: 0!important + } + + .p-qhd-1 { + padding: .25rem!important + } + + .pt-qhd-1,.py-qhd-1 { + padding-top: .25rem!important + } + + .pr-qhd-1,.px-qhd-1 { + padding-right: .25rem!important + } + + .pb-qhd-1,.py-qhd-1 { + padding-bottom: .25rem!important + } + + .pl-qhd-1,.px-qhd-1 { + padding-left: .25rem!important + } + + .p-qhd-2 { + padding: .5rem!important + } + + .pt-qhd-2,.py-qhd-2 { + padding-top: .5rem!important + } + + .pr-qhd-2,.px-qhd-2 { + padding-right: .5rem!important + } + + .pb-qhd-2,.py-qhd-2 { + padding-bottom: .5rem!important + } + + .pl-qhd-2,.px-qhd-2 { + padding-left: .5rem!important + } + + .p-qhd-3 { + padding: 1rem!important + } + + .pt-qhd-3,.py-qhd-3 { + padding-top: 1rem!important + } + + .pr-qhd-3,.px-qhd-3 { + padding-right: 1rem!important + } + + .pb-qhd-3,.py-qhd-3 { + padding-bottom: 1rem!important + } + + .pl-qhd-3,.px-qhd-3 { + padding-left: 1rem!important + } + + .p-qhd-4 { + padding: 1.5rem!important + } + + .pt-qhd-4,.py-qhd-4 { + padding-top: 1.5rem!important + } + + .pr-qhd-4,.px-qhd-4 { + padding-right: 1.5rem!important + } + + .pb-qhd-4,.py-qhd-4 { + padding-bottom: 1.5rem!important + } + + .pl-qhd-4,.px-qhd-4 { + padding-left: 1.5rem!important + } + + .p-qhd-5 { + padding: 3rem!important + } + + .pt-qhd-5,.py-qhd-5 { + padding-top: 3rem!important + } + + .pr-qhd-5,.px-qhd-5 { + padding-right: 3rem!important + } + + .pb-qhd-5,.py-qhd-5 { + padding-bottom: 3rem!important + } + + .pl-qhd-5,.px-qhd-5 { + padding-left: 3rem!important + } + + .m-qhd-n1 { + margin: -.25rem!important + } + + .mt-qhd-n1,.my-qhd-n1 { + margin-top: -.25rem!important + } + + .mr-qhd-n1,.mx-qhd-n1 { + margin-right: -.25rem!important + } + + .mb-qhd-n1,.my-qhd-n1 { + margin-bottom: -.25rem!important + } + + .ml-qhd-n1,.mx-qhd-n1 { + margin-left: -.25rem!important + } + + .m-qhd-n2 { + margin: -.5rem!important + } + + .mt-qhd-n2,.my-qhd-n2 { + margin-top: -.5rem!important + } + + .mr-qhd-n2,.mx-qhd-n2 { + margin-right: -.5rem!important + } + + .mb-qhd-n2,.my-qhd-n2 { + margin-bottom: -.5rem!important + } + + .ml-qhd-n2,.mx-qhd-n2 { + margin-left: -.5rem!important + } + + .m-qhd-n3 { + margin: -1rem!important + } + + .mt-qhd-n3,.my-qhd-n3 { + margin-top: -1rem!important + } + + .mr-qhd-n3,.mx-qhd-n3 { + margin-right: -1rem!important + } + + .mb-qhd-n3,.my-qhd-n3 { + margin-bottom: -1rem!important + } + + .ml-qhd-n3,.mx-qhd-n3 { + margin-left: -1rem!important + } + + .m-qhd-n4 { + margin: -1.5rem!important + } + + .mt-qhd-n4,.my-qhd-n4 { + margin-top: -1.5rem!important + } + + .mr-qhd-n4,.mx-qhd-n4 { + margin-right: -1.5rem!important + } + + .mb-qhd-n4,.my-qhd-n4 { + margin-bottom: -1.5rem!important + } + + .ml-qhd-n4,.mx-qhd-n4 { + margin-left: -1.5rem!important + } + + .m-qhd-n5 { + margin: -3rem!important + } + + .mt-qhd-n5,.my-qhd-n5 { + margin-top: -3rem!important + } + + .mr-qhd-n5,.mx-qhd-n5 { + margin-right: -3rem!important + } + + .mb-qhd-n5,.my-qhd-n5 { + margin-bottom: -3rem!important + } + + .ml-qhd-n5,.mx-qhd-n5 { + margin-left: -3rem!important + } + + .m-qhd-auto { + margin: auto!important + } + + .mt-qhd-auto,.my-qhd-auto { + margin-top: auto!important + } + + .mr-qhd-auto,.mx-qhd-auto { + margin-right: auto!important + } + + .mb-qhd-auto,.my-qhd-auto { + margin-bottom: auto!important + } + + .ml-qhd-auto,.mx-qhd-auto { + margin-left: auto!important + } +} + +@media (min-width: 3840px) { + .m-uhd-0 { + margin:0!important + } + + .mt-uhd-0,.my-uhd-0 { + margin-top: 0!important + } + + .mr-uhd-0,.mx-uhd-0 { + margin-right: 0!important + } + + .mb-uhd-0,.my-uhd-0 { + margin-bottom: 0!important + } + + .ml-uhd-0,.mx-uhd-0 { + margin-left: 0!important + } + + .m-uhd-1 { + margin: .25rem!important + } + + .mt-uhd-1,.my-uhd-1 { + margin-top: .25rem!important + } + + .mr-uhd-1,.mx-uhd-1 { + margin-right: .25rem!important + } + + .mb-uhd-1,.my-uhd-1 { + margin-bottom: .25rem!important + } + + .ml-uhd-1,.mx-uhd-1 { + margin-left: .25rem!important + } + + .m-uhd-2 { + margin: .5rem!important + } + + .mt-uhd-2,.my-uhd-2 { + margin-top: .5rem!important + } + + .mr-uhd-2,.mx-uhd-2 { + margin-right: .5rem!important + } + + .mb-uhd-2,.my-uhd-2 { + margin-bottom: .5rem!important + } + + .ml-uhd-2,.mx-uhd-2 { + margin-left: .5rem!important + } + + .m-uhd-3 { + margin: 1rem!important + } + + .mt-uhd-3,.my-uhd-3 { + margin-top: 1rem!important + } + + .mr-uhd-3,.mx-uhd-3 { + margin-right: 1rem!important + } + + .mb-uhd-3,.my-uhd-3 { + margin-bottom: 1rem!important + } + + .ml-uhd-3,.mx-uhd-3 { + margin-left: 1rem!important + } + + .m-uhd-4 { + margin: 1.5rem!important + } + + .mt-uhd-4,.my-uhd-4 { + margin-top: 1.5rem!important + } + + .mr-uhd-4,.mx-uhd-4 { + margin-right: 1.5rem!important + } + + .mb-uhd-4,.my-uhd-4 { + margin-bottom: 1.5rem!important + } + + .ml-uhd-4,.mx-uhd-4 { + margin-left: 1.5rem!important + } + + .m-uhd-5 { + margin: 3rem!important + } + + .mt-uhd-5,.my-uhd-5 { + margin-top: 3rem!important + } + + .mr-uhd-5,.mx-uhd-5 { + margin-right: 3rem!important + } + + .mb-uhd-5,.my-uhd-5 { + margin-bottom: 3rem!important + } + + .ml-uhd-5,.mx-uhd-5 { + margin-left: 3rem!important + } + + .p-uhd-0 { + padding: 0!important + } + + .pt-uhd-0,.py-uhd-0 { + padding-top: 0!important + } + + .pr-uhd-0,.px-uhd-0 { + padding-right: 0!important + } + + .pb-uhd-0,.py-uhd-0 { + padding-bottom: 0!important + } + + .pl-uhd-0,.px-uhd-0 { + padding-left: 0!important + } + + .p-uhd-1 { + padding: .25rem!important + } + + .pt-uhd-1,.py-uhd-1 { + padding-top: .25rem!important + } + + .pr-uhd-1,.px-uhd-1 { + padding-right: .25rem!important + } + + .pb-uhd-1,.py-uhd-1 { + padding-bottom: .25rem!important + } + + .pl-uhd-1,.px-uhd-1 { + padding-left: .25rem!important + } + + .p-uhd-2 { + padding: .5rem!important + } + + .pt-uhd-2,.py-uhd-2 { + padding-top: .5rem!important + } + + .pr-uhd-2,.px-uhd-2 { + padding-right: .5rem!important + } + + .pb-uhd-2,.py-uhd-2 { + padding-bottom: .5rem!important + } + + .pl-uhd-2,.px-uhd-2 { + padding-left: .5rem!important + } + + .p-uhd-3 { + padding: 1rem!important + } + + .pt-uhd-3,.py-uhd-3 { + padding-top: 1rem!important + } + + .pr-uhd-3,.px-uhd-3 { + padding-right: 1rem!important + } + + .pb-uhd-3,.py-uhd-3 { + padding-bottom: 1rem!important + } + + .pl-uhd-3,.px-uhd-3 { + padding-left: 1rem!important + } + + .p-uhd-4 { + padding: 1.5rem!important + } + + .pt-uhd-4,.py-uhd-4 { + padding-top: 1.5rem!important + } + + .pr-uhd-4,.px-uhd-4 { + padding-right: 1.5rem!important + } + + .pb-uhd-4,.py-uhd-4 { + padding-bottom: 1.5rem!important + } + + .pl-uhd-4,.px-uhd-4 { + padding-left: 1.5rem!important + } + + .p-uhd-5 { + padding: 3rem!important + } + + .pt-uhd-5,.py-uhd-5 { + padding-top: 3rem!important + } + + .pr-uhd-5,.px-uhd-5 { + padding-right: 3rem!important + } + + .pb-uhd-5,.py-uhd-5 { + padding-bottom: 3rem!important + } + + .pl-uhd-5,.px-uhd-5 { + padding-left: 3rem!important + } + + .m-uhd-n1 { + margin: -.25rem!important + } + + .mt-uhd-n1,.my-uhd-n1 { + margin-top: -.25rem!important + } + + .mr-uhd-n1,.mx-uhd-n1 { + margin-right: -.25rem!important + } + + .mb-uhd-n1,.my-uhd-n1 { + margin-bottom: -.25rem!important + } + + .ml-uhd-n1,.mx-uhd-n1 { + margin-left: -.25rem!important + } + + .m-uhd-n2 { + margin: -.5rem!important + } + + .mt-uhd-n2,.my-uhd-n2 { + margin-top: -.5rem!important + } + + .mr-uhd-n2,.mx-uhd-n2 { + margin-right: -.5rem!important + } + + .mb-uhd-n2,.my-uhd-n2 { + margin-bottom: -.5rem!important + } + + .ml-uhd-n2,.mx-uhd-n2 { + margin-left: -.5rem!important + } + + .m-uhd-n3 { + margin: -1rem!important + } + + .mt-uhd-n3,.my-uhd-n3 { + margin-top: -1rem!important + } + + .mr-uhd-n3,.mx-uhd-n3 { + margin-right: -1rem!important + } + + .mb-uhd-n3,.my-uhd-n3 { + margin-bottom: -1rem!important + } + + .ml-uhd-n3,.mx-uhd-n3 { + margin-left: -1rem!important + } + + .m-uhd-n4 { + margin: -1.5rem!important + } + + .mt-uhd-n4,.my-uhd-n4 { + margin-top: -1.5rem!important + } + + .mr-uhd-n4,.mx-uhd-n4 { + margin-right: -1.5rem!important + } + + .mb-uhd-n4,.my-uhd-n4 { + margin-bottom: -1.5rem!important + } + + .ml-uhd-n4,.mx-uhd-n4 { + margin-left: -1.5rem!important + } + + .m-uhd-n5 { + margin: -3rem!important + } + + .mt-uhd-n5,.my-uhd-n5 { + margin-top: -3rem!important + } + + .mr-uhd-n5,.mx-uhd-n5 { + margin-right: -3rem!important + } + + .mb-uhd-n5,.my-uhd-n5 { + margin-bottom: -3rem!important + } + + .ml-uhd-n5,.mx-uhd-n5 { + margin-left: -3rem!important + } + + .m-uhd-auto { + margin: auto!important + } + + .mt-uhd-auto,.my-uhd-auto { + margin-top: auto!important + } + + .mr-uhd-auto,.mx-uhd-auto { + margin-right: auto!important + } + + .mb-uhd-auto,.my-uhd-auto { + margin-bottom: auto!important + } + + .ml-uhd-auto,.mx-uhd-auto { + margin-left: auto!important + } +} + +.stretched-link:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: #0000 +} + +.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: 900px) { + .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-xxl-left { + text-align:left!important + } + + .text-xxl-right { + text-align: right!important + } + + .text-xxl-center { + text-align: center!important + } +} + +@media (min-width: 1800px) { + .text-fhd-left { + text-align:left!important + } + + .text-fhd-right { + text-align: right!important + } + + .text-fhd-center { + text-align: center!important + } +} + +@media (min-width: 2560px) { + .text-qhd-left { + text-align:left!important + } + + .text-qhd-right { + text-align: right!important + } + + .text-qhd-center { + text-align: center!important + } +} + +@media (min-width: 3840px) { + .text-uhd-left { + text-align:left!important + } + + .text-uhd-right { + text-align: right!important + } + + .text-uhd-center { + text-align: center!important + } +} + +.text-lowercase { + text-transform: lowercase!important +} + +.text-uppercase { + text-transform: uppercase!important +} + +.text-capitalize { + text-transform: capitalize!important +} + +.font-weight-light { + font-weight: 300!important +} + +.font-weight-lighter { + font-weight: lighter!important +} + +.font-weight-normal { + font-weight: 400!important +} + +.font-weight-bold { + font-weight: 700!important +} + +.font-weight-bolder { + font-weight: bolder!important +} + +.font-italic { + font-style: italic!important +} + +.text-white { + color: #fff!important +} + +.text-primary { + color: #007bff!important +} + +a.text-primary:focus,a.text-primary:hover { + color: #0056b3!important +} + +.text-secondary { + color: #6c757d!important +} + +a.text-secondary:focus,a.text-secondary:hover { + color: #494f54!important +} + +.text-success { + color: #39cc0b!important +} + +a.text-success:focus,a.text-success:hover { + color: #258307!important +} + +.text-info { + color: #17a2b8!important +} + +a.text-info:focus,a.text-info:hover { + color: #0f6674!important +} + +.text-warning { + color: #ffc107!important +} + +a.text-warning:focus,a.text-warning:hover { + color: #ba8b00!important +} + +.text-danger { + color: red!important +} + +a.text-danger:focus,a.text-danger:hover { + color: #b30000!important +} + +.text-light { + color: #f8f9fa!important +} + +a.text-light:focus,a.text-light:hover { + color: #cbd3da!important +} + +.text-dark { + color: #343a40!important +} + +a.text-dark:focus,a.text-dark:hover { + color: #121416!important +} + +.text-body { + color: #212529!important +} + +.form-group-description,.text-muted { + color: #6c757d!important +} + +.text-black-50 { + color: #00000080!important +} + +.text-white-50 { + color: #ffffff80!important +} + +.text-hide { + font: 0/0 a; + color: #0000; + text-shadow: none; + background-color: initial; + border: 0 +} + +.text-decoration-none { + text-decoration: none!important +} + +.text-break { + word-break: break-word!important; + word-wrap: break-word!important +} + +.text-reset { + color: inherit!important +} + +.visible { + visibility: visible!important +} + +.invisible { + visibility: hidden!important +} + +/*! Bootstrap3 Glyphicons : Neo (@Neos21) : https://neos21.net/ */ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +@font-face { + font-family: Glyphicons Halflings; + src: url(glyphicons-halflings-regular.5be1347c682810f199c7.eot); + src: url(glyphicons-halflings-regular.5be1347c682810f199c7.eot?#iefix) format("embedded-opentype"),url(glyphicons-halflings-regular.be810be3a3e14c682a25.woff2) format("woff2"),url(glyphicons-halflings-regular.82b1212e45a2bc35dd73.woff) format("woff"),url(glyphicons-halflings-regular.4692b9ec53fd5972caa2.ttf) format("truetype"),url(glyphicons-halflings-regular.060b2710bdbbe3dfe48b.svg#glyphicons_halflingsregular) format("svg") +} + +.glyphicon,p-table th.p-highlight .pi { + position: relative; + top: 1px; + display: inline-block; + font-family: Glyphicons Halflings; + font-style: normal; + font-weight: 400; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.glyphicon-asterisk:before { + content: "*" +} + +.glyphicon-plus:before { + content: "+" +} + +.glyphicon-eur:before,.glyphicon-euro:before { + content: "€" +} + +.glyphicon-minus:before { + content: "−" +} + +.glyphicon-cloud:before { + content: "☁" +} + +.glyphicon-envelope:before { + content: "✉" +} + +.glyphicon-pencil:before { + content: "✏" +} + +.glyphicon-glass:before { + content: "" +} + +.glyphicon-music:before { + content: "" +} + +.glyphicon-search:before { + content: "" +} + +.glyphicon-heart:before { + content: "" +} + +.glyphicon-star:before { + content: "" +} + +.glyphicon-star-empty:before { + content: "" +} + +.glyphicon-user:before { + content: "" +} + +.glyphicon-film:before { + content: "" +} + +.glyphicon-th-large:before { + content: "" +} + +.glyphicon-th:before { + content: "" +} + +.glyphicon-th-list:before { + content: "" +} + +.glyphicon-ok:before { + content: "" +} + +.glyphicon-remove:before { + content: "" +} + +.glyphicon-zoom-in:before { + content: "" +} + +.glyphicon-zoom-out:before { + content: "" +} + +.glyphicon-off:before { + content: "" +} + +.glyphicon-signal:before { + content: "" +} + +.glyphicon-cog:before { + content: "" +} + +.glyphicon-trash:before { + content: "" +} + +.glyphicon-home:before { + content: "" +} + +.glyphicon-file:before { + content: "" +} + +.glyphicon-time:before { + content: "" +} + +.glyphicon-road:before { + content: "" +} + +.glyphicon-download-alt:before { + content: "" +} + +.glyphicon-download:before { + content: "" +} + +.glyphicon-upload:before { + content: "" +} + +.glyphicon-inbox:before { + content: "" +} + +.glyphicon-play-circle:before { + content: "" +} + +.glyphicon-repeat:before { + content: "" +} + +.glyphicon-refresh:before { + content: "" +} + +.glyphicon-list-alt:before { + content: "" +} + +.glyphicon-lock:before { + content: "" +} + +.glyphicon-flag:before { + content: "" +} + +.glyphicon-headphones:before { + content: "" +} + +.glyphicon-volume-off:before { + content: "" +} + +.glyphicon-volume-down:before { + content: "" +} + +.glyphicon-volume-up:before { + content: "" +} + +.glyphicon-qrcode:before { + content: "" +} + +.glyphicon-barcode:before { + content: "" +} + +.glyphicon-tag:before { + content: "" +} + +.glyphicon-tags:before { + content: "" +} + +.glyphicon-book:before { + content: "" +} + +.glyphicon-bookmark:before { + content: "" +} + +.glyphicon-print:before { + content: "" +} + +.glyphicon-camera:before { + content: "" +} + +.glyphicon-font:before { + content: "" +} + +.glyphicon-bold:before { + content: "" +} + +.glyphicon-italic:before { + content: "" +} + +.glyphicon-text-height:before { + content: "" +} + +.glyphicon-text-width:before { + content: "" +} + +.glyphicon-align-left:before { + content: "" +} + +.glyphicon-align-center:before { + content: "" +} + +.glyphicon-align-right:before { + content: "" +} + +.glyphicon-align-justify:before { + content: "" +} + +.glyphicon-list:before { + content: "" +} + +.glyphicon-indent-left:before { + content: "" +} + +.glyphicon-indent-right:before { + content: "" +} + +.glyphicon-facetime-video:before { + content: "" +} + +.glyphicon-picture:before { + content: "" +} + +.glyphicon-map-marker:before { + content: "" +} + +.glyphicon-adjust:before { + content: "" +} + +.glyphicon-tint:before { + content: "" +} + +.glyphicon-edit:before { + content: "" +} + +.glyphicon-share:before { + content: "" +} + +.glyphicon-check:before { + content: "" +} + +.glyphicon-move:before { + content: "" +} + +.glyphicon-step-backward:before,p-table p-paginator .p-paginator-bottom .p-paginator-first:before,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-first:before,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-first:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-first:before { + content: "" +} + +.glyphicon-fast-backward:before { + content: "" +} + +.glyphicon-backward:before { + content: "" +} + +.glyphicon-play:before { + content: "" +} + +.glyphicon-pause:before { + content: "" +} + +.glyphicon-stop:before { + content: "" +} + +.glyphicon-forward:before { + content: "" +} + +.glyphicon-fast-forward:before { + content: "" +} + +.glyphicon-step-forward:before,p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-last:before,p-table p-paginator .p-paginator-bottom .p-paginator-last:before,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-last:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-last:before { + content: "" +} + +.glyphicon-eject:before { + content: "" +} + +.glyphicon-chevron-left:before,p-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-prev:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev:before { + content: "" +} + +.glyphicon-chevron-right:before,p-calendar .p-datepicker .p-datepicker-header .p-datepicker-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-next:before,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-next:before { + content: "" +} + +.glyphicon-plus-sign:before { + content: "" +} + +.glyphicon-minus-sign:before { + content: "" +} + +.glyphicon-remove-sign:before { + content: "" +} + +.glyphicon-ok-sign:before { + content: "" +} + +.glyphicon-question-sign:before { + content: "" +} + +.glyphicon-info-sign:before { + content: "" +} + +.glyphicon-screenshot:before { + content: "" +} + +.glyphicon-remove-circle:before { + content: "" +} + +.glyphicon-ok-circle:before { + content: "" +} + +.glyphicon-ban-circle:before { + content: "" +} + +.glyphicon-arrow-left:before { + content: "" +} + +.glyphicon-arrow-right:before { + content: "" +} + +.glyphicon-arrow-up:before { + content: "" +} + +.glyphicon-arrow-down:before { + content: "" +} + +.glyphicon-share-alt:before { + content: "" +} + +.glyphicon-resize-full:before { + content: "" +} + +.glyphicon-resize-small:before { + content: "" +} + +.glyphicon-exclamation-sign:before { + content: "" +} + +.glyphicon-gift:before { + content: "" +} + +.glyphicon-leaf:before { + content: "" +} + +.glyphicon-fire:before { + content: "" +} + +.glyphicon-eye-open:before { + content: "" +} + +.glyphicon-eye-close:before { + content: "" +} + +.glyphicon-warning-sign:before { + content: "" +} + +.glyphicon-plane:before { + content: "" +} + +.glyphicon-calendar:before { + content: "" +} + +.glyphicon-random:before { + content: "" +} + +.glyphicon-comment:before { + content: "" +} + +.glyphicon-magnet:before { + content: "" +} + +.glyphicon-chevron-up:before,p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-up:before { + content: "" +} + +.glyphicon-chevron-down:before,p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-down:before { + content: "" +} + +.glyphicon-retweet:before { + content: "" +} + +.glyphicon-shopping-cart:before { + content: "" +} + +.glyphicon-folder-close:before { + content: "" +} + +.glyphicon-folder-open:before { + content: "" +} + +.glyphicon-resize-vertical:before { + content: "" +} + +.glyphicon-resize-horizontal:before { + content: "" +} + +.glyphicon-hdd:before { + content: "" +} + +.glyphicon-bullhorn:before { + content: "" +} + +.glyphicon-bell:before { + content: "" +} + +.glyphicon-certificate:before { + content: "" +} + +.glyphicon-thumbs-up:before { + content: "" +} + +.glyphicon-thumbs-down:before { + content: "" +} + +.glyphicon-hand-right:before { + content: "" +} + +.glyphicon-hand-left:before { + content: "" +} + +.glyphicon-hand-up:before { + content: "" +} + +.glyphicon-hand-down:before { + content: "" +} + +.glyphicon-circle-arrow-right:before { + content: "" +} + +.glyphicon-circle-arrow-left:before { + content: "" +} + +.glyphicon-circle-arrow-up:before { + content: "" +} + +.glyphicon-circle-arrow-down:before { + content: "" +} + +.glyphicon-globe:before { + content: "" +} + +.glyphicon-wrench:before { + content: "" +} + +.glyphicon-tasks:before { + content: "" +} + +.glyphicon-filter:before { + content: "" +} + +.glyphicon-briefcase:before { + content: "" +} + +.glyphicon-fullscreen:before { + content: "" +} + +.glyphicon-dashboard:before { + content: "" +} + +.glyphicon-paperclip:before { + content: "" +} + +.glyphicon-heart-empty:before { + content: "" +} + +.glyphicon-link:before { + content: "" +} + +.glyphicon-phone:before { + content: "" +} + +.glyphicon-pushpin:before { + content: "" +} + +.glyphicon-usd:before { + content: "" +} + +.glyphicon-gbp:before { + content: "" +} + +.glyphicon-sort:before { + content: "" +} + +.glyphicon-sort-by-alphabet:before { + content: "" +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "" +} + +.glyphicon-sort-by-order:before { + content: "" +} + +.glyphicon-sort-by-order-alt:before { + content: "" +} + +.glyphicon-sort-by-attributes:before { + content: "" +} + +.glyphicon-sort-by-attributes-alt:before { + content: "" +} + +.glyphicon-unchecked:before { + content: "" +} + +.glyphicon-expand:before { + content: "" +} + +.glyphicon-collapse-down:before { + content: "" +} + +.glyphicon-collapse-up:before { + content: "" +} + +.glyphicon-log-in:before { + content: "" +} + +.glyphicon-flash:before { + content: "" +} + +.glyphicon-log-out:before { + content: "" +} + +.glyphicon-new-window:before { + content: "" +} + +.glyphicon-record:before { + content: "" +} + +.glyphicon-save:before { + content: "" +} + +.glyphicon-open:before { + content: "" +} + +.glyphicon-saved:before { + content: "" +} + +.glyphicon-import:before { + content: "" +} + +.glyphicon-export:before { + content: "" +} + +.glyphicon-send:before { + content: "" +} + +.glyphicon-floppy-disk:before { + content: "" +} + +.glyphicon-floppy-saved:before { + content: "" +} + +.glyphicon-floppy-remove:before { + content: "" +} + +.glyphicon-floppy-save:before { + content: "" +} + +.glyphicon-floppy-open:before { + content: "" +} + +.glyphicon-credit-card:before { + content: "" +} + +.glyphicon-transfer:before { + content: "" +} + +.glyphicon-cutlery:before { + content: "" +} + +.glyphicon-header:before { + content: "" +} + +.glyphicon-compressed:before { + content: "" +} + +.glyphicon-earphone:before { + content: "" +} + +.glyphicon-phone-alt:before { + content: "" +} + +.glyphicon-tower:before { + content: "" +} + +.glyphicon-stats:before { + content: "" +} + +.glyphicon-sd-video:before { + content: "" +} + +.glyphicon-hd-video:before { + content: "" +} + +.glyphicon-subtitles:before { + content: "" +} + +.glyphicon-sound-stereo:before { + content: "" +} + +.glyphicon-sound-dolby:before { + content: "" +} + +.glyphicon-sound-5-1:before { + content: "" +} + +.glyphicon-sound-6-1:before { + content: "" +} + +.glyphicon-sound-7-1:before { + content: "" +} + +.glyphicon-copyright-mark:before { + content: "" +} + +.glyphicon-registration-mark:before { + content: "" +} + +.glyphicon-cloud-download:before { + content: "" +} + +.glyphicon-cloud-upload:before { + content: "" +} + +.glyphicon-tree-conifer:before { + content: "" +} + +.glyphicon-tree-deciduous:before { + content: "" +} + +.glyphicon-cd:before { + content: "" +} + +.glyphicon-save-file:before { + content: "" +} + +.glyphicon-open-file:before { + content: "" +} + +.glyphicon-level-up:before { + content: "" +} + +.glyphicon-copy:before { + content: "" +} + +.glyphicon-paste:before { + content: "" +} + +.glyphicon-alert:before { + content: "" +} + +.glyphicon-equalizer:before { + content: "" +} + +.glyphicon-king:before { + content: "" +} + +.glyphicon-queen:before { + content: "" +} + +.glyphicon-pawn:before { + content: "" +} + +.glyphicon-bishop:before { + content: "" +} + +.glyphicon-knight:before { + content: "" +} + +.glyphicon-baby-formula:before { + content: "" +} + +.glyphicon-tent:before { + content: "⛺" +} + +.glyphicon-blackboard:before { + content: "" +} + +.glyphicon-bed:before { + content: "" +} + +.glyphicon-apple:before { + content: "" +} + +.glyphicon-erase:before { + content: "" +} + +.glyphicon-hourglass:before { + content: "⌛" +} + +.glyphicon-lamp:before { + content: "" +} + +.glyphicon-duplicate:before { + content: "" +} + +.glyphicon-piggy-bank:before { + content: "" +} + +.glyphicon-scissors:before { + content: "" +} + +.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before { + content: "" +} + +.glyphicon-jpy:before,.glyphicon-yen:before { + content: "¥" +} + +.glyphicon-rub:before,.glyphicon-ruble:before { + content: "₽" +} + +.glyphicon-scale:before { + content: "" +} + +.glyphicon-ice-lolly:before { + content: "" +} + +.glyphicon-ice-lolly-tasted:before { + content: "" +} + +.glyphicon-education:before { + content: "" +} + +.glyphicon-option-horizontal:before { + content: "" +} + +.glyphicon-option-vertical:before { + content: "" +} + +.glyphicon-menu-hamburger:before { + content: "" +} + +.glyphicon-modal-window:before { + content: "" +} + +.glyphicon-oil:before { + content: "" +} + +.glyphicon-grain:before { + content: "" +} + +.glyphicon-sunglasses:before { + content: "" +} + +.glyphicon-text-size:before { + content: "" +} + +.glyphicon-text-color:before { + content: "" +} + +.glyphicon-text-background:before { + content: "" +} + +.glyphicon-object-align-top:before { + content: "" +} + +.glyphicon-object-align-bottom:before { + content: "" +} + +.glyphicon-object-align-horizontal:before { + content: "" +} + +.glyphicon-object-align-left:before { + content: "" +} + +.glyphicon-object-align-vertical:before { + content: "" +} + +.glyphicon-object-align-right:before { + content: "" +} + +.glyphicon-triangle-right:before { + content: "" +} + +.glyphicon-triangle-left:before { + content: "" +} + +.glyphicon-triangle-bottom:before,p-table th.p-highlight .pi.pi-sort-amount-down:before { + content: "" +} + +.glyphicon-triangle-top:before,p-table th.p-highlight .pi.pi-sort-amount-up-alt:before { + content: "" +} + +.glyphicon-console:before { + content: "" +} + +.glyphicon-superscript:before { + content: "" +} + +.glyphicon-subscript:before { + content: "" +} + +.glyphicon-menu-left:before { + content: "" +} + +.glyphicon-menu-right:before { + content: "" +} + +.glyphicon-menu-down:before { + content: "" +} + +.glyphicon-menu-up:before { + content: "" +} + +.glyphicon-refresh-animate { + animation: spin .7s linear infinite +} + +.glyphicon-duplicate { + font-size: 70% +} + +.flex-auto { + flex: auto +} + +.c-hand { + cursor: pointer +} + +@keyframes spin { + 0% { + transform: scale(1) rotate(0deg) + } + + to { + transform: scale(1) rotate(1turn) + } +} + +.dropdown,.dropup { + z-index: 17000!important +} + +.list-overflow-menu,.parent-entry { + z-index: 12599!important +} + +.action-dropdown,.btn-group,.column-toggle,.dropdown-root,.input-group-prepend { + z-index: inherit!important +} + +.btn-group>.btn:not(:first-child) { + border-top-left-radius: 0!important; + border-bottom-left-radius: 0!important +} + +.dropdown-menu { + z-index: 17001!important; + border-radius: 3px; + box-shadow: 0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f,0 3px 1px -2px #0003; + font-size: 15px +} + +@supports (padding-inline-start: 1rem) { + .dropdown-menu .dropdown-header { + padding-inline-start:1rem} +} + +@supports not (padding-inline-start: 1rem) { + .dropdown-menu .dropdown-header { + padding-left: 1rem + } +} + +.dropdown-menu .dropdown-item { + padding: 3px 15px +} + +.dropdown-menu .dropdown-item.active { + color: var(--mainBackgroundColor)!important; + background-color: var(--mainHoverColor); + opacity: .9 +} + +.dropdown-menu .dropdown-item:active { + color: var(--mainForegroundColor)!important +} + +.dropdown-menu .dropdown-item:after { + display: none +} + +.dropdown-menu button:active,.dropdown-menu button:focus,.dropdown-menu button:hover { + text-decoration: none!important; + outline: none!important +} + +.dropdown-menu a { + color: #000!important +} + +.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover { + text-decoration: none!important; + outline: none!important +} + +.badge { + line-height: 1.1 +} + +@media screen and (min-width: 768px) { + .modal:before { + vertical-align:middle; + content: " "; + height: 100% + } + + .modal-dialog { + text-align: start + } + + .modal-dialog:not(.modal-lg):not(.modal-xl) { + min-width: 500px; + width: 40vw; + max-width: 900px + } +} + +.modal { + text-align: center +} + +.modal .modal-content { + background-color: var(--mainBackgroundColor); + word-break: break-word +} + +.modal .modal-header { + border-bottom: 0; + margin-bottom: 5px +} + +.modal .modal-header .modal-title { + font-size: 20px; + font-weight: 600 +} + +.modal .modal-header my-global-icon { + width: 22px; + height: 22px; + position: relative; + top: 5px; + float: right; + margin: 0; + padding: 0; + opacity: .5 +} + +.modal .modal-header my-global-icon,.modal .modal-header my-global-icon[iconName=cross] { + display: inline-block; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + cursor: pointer +} + +.modal .modal-header my-global-icon[iconName=cross] { + width: 16px; + height: 16px; + top: -3px +} + +.modal .inputs { + margin-bottom: 0; + text-align: end +} + +@supports (margin-inline-start: 10px) { + .modal .inputs>.peertube-button:not(:first-child) { + margin-inline-start:10px} +} + +@supports not (margin-inline-start: 10px) { + .modal .inputs>.peertube-button:not(:first-child) { + margin-left: 10px + } +} + +.modal-open { + overflow-y: scroll!important; + width: 100vw +} + +@media (hover: none) and (pointer: coarse) { + .menu-open,.modal-open { + overflow:hidden!important + } + + .menu-open .main-col:before { + background-color: #000; + width: 100vw; + height: 100vh; + opacity: .75; + content: ""; + display: block; + position: fixed; + z-index: 12550 + } +} + +.nav .nav-link { + display: flex!important; + align-items: center; + height: 30px!important; + padding: 10px 15px!important +} + +.nav.nav-pills { + font-size: 16px!important; + font-weight: 600!important +} + +.nav.nav-pills .nav-link { + opacity: .6!important +} + +.nav.nav-pills .nav-link.active,.nav.nav-pills .nav-link:active,.nav.nav-pills .nav-link:focus,.nav.nav-pills .nav-link:hover { + opacity: 1!important +} + +.nav.nav-pills a { + color: var(--mainForegroundColor) +} + +.nav.nav-pills a:active,.nav.nav-pills a:focus,.nav.nav-pills a:hover { + text-decoration: none!important; + outline: none!important +} + +.nav-tabs .nav-link { + color: var(--mainForegroundColor); + font-weight: 600; + border: 0; + border-bottom: 2px solid #0000; + opacity: .6 +} + +.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { + text-decoration: none!important; + outline: none!important +} + +.nav-tabs .nav-link.active { + color: var(--mainForegroundColor); + background-color: var(--mainBackgroundColor)!important; + border-bottom-color: var(--mainColor) +} + +.nav-tabs .nav-link.active,.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { + opacity: 1 +} + +.card { + background-color: var(--mainBackgroundColor); + border-color: #dee2e6 +} + +.collapse-transition { + transition: max-height .3s; + display: block!important; + overflow: hidden!important; + max-height: 0 +} + +.collapse-transition.show { + max-height: 1500px; + overflow: inherit!important +} + +.dropdown-divider { + margin: .3rem 0 +} + +ngb-modal-backdrop { + z-index: 15999!important +} + +ngb-modal-window { + z-index: 16000!important +} + +ngb-popover-window { + z-index: 13000!important +} + +ngb-tooltip-window { + z-index: 14000!important +} + +.btn-outline-secondary { + border-color: #ced4da +} + +.btn-outline-secondary:focus,.btn-outline-secondary:focus-within,.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d +} + +.btn-outline-tertiary { + color: var(--secondaryColor); + border-color: var(--secondaryColor) +} + +.btn-outline-tertiary:focus,.btn-outline-tertiary:focus-within,.btn-outline-tertiary:hover { + color: var(--mainBackgroundColor); + background-color: var(--secondaryColor) +} + +.form-control { + font-size: 15px; + color: var(--mainForegroundColor); + background-color: var(--inputBackgroundColor); + outline: none +} + +.form-control:focus,.form-control:focus-within { + box-shadow: 0 0 0 .2rem var(--mainColorLightest) +} + +.form-control:focus-within.input-error,.form-control:focus.input-error { + box-shadow: 0 0 0 .2rem #ff000040 +} + +.input-group>.form-control { + flex: initial +} + +.input-group input.form-control { + width: unset!important; + flex-grow: 1 +} + +.input-group .input-group-prepend+input { + border-top-left-radius: 0!important; + border-bottom-left-radius: 0!important +} + +.has-feedback.has-clear { + position: relative +} + +@supports (padding-inline-end: 1.5rem !important) { + .has-feedback.has-clear input { + padding-inline-end:1.5rem!important} +} + +@supports not (padding-inline-end: 1.5rem !important) { + .has-feedback.has-clear input { + padding-right: 1.5rem!important + } +} + +.has-feedback.has-clear .form-control-clear { + color: #0006; + pointer-events: all; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + right: .5rem; + height: 95%; + font-size: 14px +} + +.has-feedback.has-clear .form-control-clear:hover { + color: #000000b3; + cursor: pointer +} + +.has-feedback.has-clear input:placeholder-shown+.form-control-clear { + display: none +} + +.callout { + padding: 1.25rem; + border: 1px solid #eee; + border-radius: .25rem +} + +.callout>label { + position: relative; + top: -5px; + left: -10px; + color: #6c757d!important +} + +.callout:not(.callout-light) { + border-left-width: .25rem +} + +.callout.callout-info { + border-left-color: var(--mainColorLightest); + border-color: var(--mainColorLightest) var(--mainColorLightest) var(--mainColorLightest) var(--mainColor) +} + +@supports (margin-inline-start: 0) { + .ml-0 { + margin-inline-start:0} +} + +@supports not (margin-inline-start: 0) { + .ml-0 { + margin-left: 0 + } +} + +@supports (margin-inline-end: 0) { + .mr-0 { + margin-inline-end:0} +} + +@supports not (margin-inline-end: 0) { + .mr-0 { + margin-right: 0 + } +} + +@supports (padding-inline-start: 0) { + .pl-0 { + padding-inline-start:0} +} + +@supports not (padding-inline-start: 0) { + .pl-0 { + padding-left: 0 + } +} + +@supports (padding-inline-end: 0) { + .pr-0 { + padding-inline-end:0} +} + +@supports not (padding-inline-end: 0) { + .pr-0 { + padding-right: 0 + } +} + +@supports (margin-inline-start: 0.25rem) { + .ml-1 { + margin-inline-start:.25rem} +} + +@supports not (margin-inline-start: 0.25rem) { + .ml-1 { + margin-left: .25rem + } +} + +@supports (margin-inline-end: 0.25rem) { + .mr-1 { + margin-inline-end:.25rem} +} + +@supports not (margin-inline-end: 0.25rem) { + .mr-1 { + margin-right: .25rem + } +} + +@supports (padding-inline-start: 0.25rem) { + .pl-1 { + padding-inline-start:.25rem} +} + +@supports not (padding-inline-start: 0.25rem) { + .pl-1 { + padding-left: .25rem + } +} + +@supports (padding-inline-end: 0.25rem) { + .pr-1 { + padding-inline-end:.25rem} +} + +@supports not (padding-inline-end: 0.25rem) { + .pr-1 { + padding-right: .25rem + } +} + +@supports (margin-inline-start: 0.5rem) { + .ml-2 { + margin-inline-start:.5rem} +} + +@supports not (margin-inline-start: 0.5rem) { + .ml-2 { + margin-left: .5rem + } +} + +@supports (margin-inline-end: 0.5rem) { + .mr-2 { + margin-inline-end:.5rem} +} + +@supports not (margin-inline-end: 0.5rem) { + .mr-2 { + margin-right: .5rem + } +} + +@supports (padding-inline-start: 0.5rem) { + .pl-2 { + padding-inline-start:.5rem} +} + +@supports not (padding-inline-start: 0.5rem) { + .pl-2 { + padding-left: .5rem + } +} + +@supports (padding-inline-end: 0.5rem) { + .pr-2 { + padding-inline-end:.5rem} +} + +@supports not (padding-inline-end: 0.5rem) { + .pr-2 { + padding-right: .5rem + } +} + +@supports (margin-inline-start: 1rem) { + .ml-3 { + margin-inline-start:1rem} +} + +@supports not (margin-inline-start: 1rem) { + .ml-3 { + margin-left: 1rem + } +} + +@supports (margin-inline-end: 1rem) { + .mr-3 { + margin-inline-end:1rem} +} + +@supports not (margin-inline-end: 1rem) { + .mr-3 { + margin-right: 1rem + } +} + +@supports (padding-inline-start: 1rem) { + .pl-3 { + padding-inline-start:1rem} +} + +@supports not (padding-inline-start: 1rem) { + .pl-3 { + padding-left: 1rem + } +} + +@supports (padding-inline-end: 1rem) { + .pr-3 { + padding-inline-end:1rem} +} + +@supports not (padding-inline-end: 1rem) { + .pr-3 { + padding-right: 1rem + } +} + +@supports (margin-inline-start: 1.5rem) { + .ml-4 { + margin-inline-start:1.5rem} +} + +@supports not (margin-inline-start: 1.5rem) { + .ml-4 { + margin-left: 1.5rem + } +} + +@supports (margin-inline-end: 1.5rem) { + .mr-4 { + margin-inline-end:1.5rem} +} + +@supports not (margin-inline-end: 1.5rem) { + .mr-4 { + margin-right: 1.5rem + } +} + +@supports (padding-inline-start: 1.5rem) { + .pl-4 { + padding-inline-start:1.5rem} +} + +@supports not (padding-inline-start: 1.5rem) { + .pl-4 { + padding-left: 1.5rem + } +} + +@supports (padding-inline-end: 1.5rem) { + .pr-4 { + padding-inline-end:1.5rem} +} + +@supports not (padding-inline-end: 1.5rem) { + .pr-4 { + padding-right: 1.5rem + } +} + +@supports (margin-inline-start: 3rem) { + .ml-5 { + margin-inline-start:3rem} +} + +@supports not (margin-inline-start: 3rem) { + .ml-5 { + margin-left: 3rem + } +} + +@supports (margin-inline-end: 3rem) { + .mr-5 { + margin-inline-end:3rem} +} + +@supports not (margin-inline-end: 3rem) { + .mr-5 { + margin-right: 3rem + } +} + +@supports (padding-inline-start: 3rem) { + .pl-5 { + padding-inline-start:3rem} +} + +@supports not (padding-inline-start: 3rem) { + .pl-5 { + padding-left: 3rem + } +} + +@supports (padding-inline-end: 3rem) { + .pr-5 { + padding-inline-end:3rem} +} + +@supports not (padding-inline-end: 3rem) { + .pr-5 { + padding-right: 3rem + } +} + +.p-component,.p-component * { + box-sizing: border-box +} + +.p-hidden { + display: none +} + +.p-hidden-space { + visibility: hidden +} + +.p-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px +} + +.p-hidden-accessible input,.p-hidden-accessible select { + transform: scale(0) +} + +.p-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + font-size: 100%; + list-style: none +} + +.p-disabled,.p-disabled * { + cursor: default!important; + pointer-events: none +} + +.p-component-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.p-overflow-hidden { + overflow: hidden +} + +.p-unselectable-text { + -webkit-user-select: none; + user-select: none +} + +.p-scrollbar-measure { + width: 100px; + height: 100px; + overflow: scroll; + position: absolute; + top: -9999px +} + +@keyframes p-fadein { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +button,input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=submit] { + border-radius: 0 +} + +.p-link { + text-align: left; + background-color: initial; + margin: 0; + padding: 0; + border: none; + cursor: pointer; + -webkit-user-select: none; + user-select: none +} + +.p-sr-only { + border: 0; + clip: rect(1px,1px,1px,1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal!important +} + +.p-connected-overlay { + opacity: 0; + transform: scaleY(.8); + transition: transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1) +} + +.p-connected-overlay-visible { + opacity: 1; + transform: scaleY(1) +} + +.p-connected-overlay-hidden { + opacity: 0; + transform: scaleY(1); + transition: opacity .1s linear +} + +.p-toggleable-content.ng-animating { + overflow: hidden +} + +.p-badge { + display: inline-block; + border-radius: 10px; + text-align: center; + padding: 0 .5rem +} + +.p-overlay-badge { + position: relative +} + +.p-overlay-badge .p-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%,-50%); + transform-origin: 100% 0; + margin: 0 +} + +.p-badge-dot { + width: .5rem; + min-width: .5rem; + height: .5rem +} + +.p-badge-dot,.p-badge-no-gutter { + border-radius: 50%; + padding: 0 +} + +.p-button { + margin: 0; + display: inline-flex; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + align-items: center; + vertical-align: bottom; + text-align: center; + overflow: hidden; + position: relative +} + +.p-button-label { + flex: 1 1 auto +} + +.p-button-icon-right { + order: 1 +} + +.p-button:disabled { + cursor: default +} + +.p-button-icon-only { + justify-content: center +} + +.p-button-icon-only .p-button-label { + visibility: hidden; + width: 0; + flex: 0 0 auto +} + +.p-button-vertical { + flex-direction: column +} + +.p-button-icon-bottom { + order: 2 +} + +.p-buttonset .p-button { + margin: 0 +} + +.p-buttonset .p-button:not(:last-child) { + border-right: 0 +} + +.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { + border-radius: 0 +} + +.p-buttonset .p-button:first-of-type { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.p-buttonset .p-button:last-of-type { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.p-buttonset .p-button:focus { + position: relative; + z-index: 1 +} + +.p-button-label { + transition: all .2s +} + +.p-checkbox { + display: inline-flex; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + vertical-align: bottom +} + +.p-checkbox-disabled { + cursor: default!important; + pointer-events: none +} + +.p-checkbox-box { + display: flex; + justify-content: center; + align-items: center +} + +p-checkbox { + display: inline-flex; + vertical-align: bottom; + align-items: center +} + +.p-checkbox-label { + line-height: 1 +} + +.p-colorpicker-panel .p-colorpicker-color { + background: #0000 url(color.6441e63a57ccc5105bad.png) no-repeat 0 0 +} + +.p-colorpicker-panel .p-colorpicker-hue { + background: #0000 url(hue.f8505bd4d6f3e3aa435b.png) no-repeat 0 0 +} + +.p-inputtext { + margin: 0 +} + +.p-fluid .p-inputtext { + width: 100% +} + +.p-inputgroup { + display: flex; + align-items: stretch; + width: 100% +} + +.p-inputgroup-addon { + display: flex; + align-items: center; + justify-content: center +} + +.p-inputgroup .p-float-label { + display: flex; + align-items: stretch; + width: 100% +} + +.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputtext { + flex: 1 1 auto; + width: 1% +} + +.p-float-label { + display: block; + position: relative +} + +.p-float-label label { + position: absolute; + pointer-events: none; + top: 50%; + margin-top: -.5rem; + transition-property: all; + transition-timing-function: ease; + line-height: 1 +} + +.p-float-label textarea~label { + top: 1rem +} + +.p-float-label .p-inputwrapper-filled~label,.p-float-label .p-inputwrapper-focus~label,.p-float-label input.p-filled~label,.p-float-label input:focus~label,.p-float-label textarea.p-filled~label,.p-float-label textarea:focus~label { + top: -.75rem; + font-size: 12px +} + +.p-float-label .input:-webkit-autofill~label { + top: -20px; + font-size: 12px +} + +.p-input-icon-left,.p-input-icon-right { + position: relative; + display: inline-block +} + +.p-input-icon-left>i,.p-input-icon-right>i { + position: absolute; + top: 50%; + margin-top: -.5rem +} + +.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right { + display: block; + width: 100% +} + +.p-inputtextarea-resizable { + overflow: hidden; + resize: none +} + +.p-fluid .p-inputtextarea { + width: 100% +} + +.p-password { + position: relative; + display: inline-flex +} + +.p-password-panel { + position: absolute; + top: 0; + left: 0 +} + +.p-password .p-password-panel { + min-width: 100% +} + +.p-password-meter { + height: 10px +} + +.p-password-strength { + height: 100%; + width: 0; + transition: width 1s ease-in-out +} + +.p-fluid .p-password { + display: flex +} + +.p-radiobutton { + display: inline-flex; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + vertical-align: bottom +} + +.p-radiobutton-box { + display: flex; + justify-content: center; + align-items: center +} + +.p-radiobutton-icon { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform: translateZ(0) scale(.1); + border-radius: 50%; + visibility: hidden +} + +.p-radiobutton-box.p-highlight .p-radiobutton-icon { + transform: translateZ(0) scale(1); + visibility: visible +} + +p-radiobutton { + display: inline-flex; + vertical-align: bottom; + align-items: center +} + +.p-radiobutton-label { + line-height: 1 +} + +.p-ripple { + overflow: hidden; + position: relative +} + +.p-ink { + display: block; + position: absolute; + background: #ffffff80; + border-radius: 100%; + transform: scale(0) +} + +.p-ink-active { + animation: ripple .4s linear +} + +.p-ripple-disabled .p-ink { + display: none!important +} + +@keyframes ripple { + to { + opacity: 0; + transform: scale(2.5) + } +} + +.p-tooltip { + position: absolute; + display: none; + padding: .25em .5rem; + max-width: 12.5rem +} + +.p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-right { + padding: 0 .25rem +} + +.p-tooltip.p-tooltip-bottom,.p-tooltip.p-tooltip-top { + padding: .25em 0 +} + +.p-tooltip .p-tooltip-text { + white-space: pre-line +} + +.p-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: #0000; + border-style: solid +} + +.p-tooltip-right .p-tooltip-arrow { + top: 50%; + left: 0; + margin-top: -.25rem; + border-width: .25em .25em .25em 0 +} + +.p-tooltip-left .p-tooltip-arrow { + top: 50%; + right: 0; + margin-top: -.25rem; + border-width: .25em 0 .25em .25rem +} + +.p-tooltip.p-tooltip-top { + padding: .25em 0 +} + +.p-tooltip-top .p-tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -.25rem; + border-width: .25em .25em 0 +} + +.p-tooltip-bottom .p-tooltip-arrow { + top: 0; + left: 50%; + margin-left: -.25rem; + border-width: 0 .25em .25rem +} + +input[type=button] { + border-radius: inherit +} + +p-table .p-datatable-header .caption { + margin-bottom: 15px +} + +body .p-disabled { + opacity: .5 +} + +body .p-checkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px +} + +body .p-checkbox .p-checkbox-box { + border: 1px solid #a6a6a6; + background-color: #fff; + width: 20px; + height: 20px; + text-align: center; + border-radius: 3px; + transition: background-color .2s,border-color .2s,box-shadow .2s +} + +body .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #212121 +} + +body .p-checkbox .p-checkbox-box .p-checkbox-icon { + overflow: hidden; + position: relative; + font-size: 18px +} + +body .p-paginator { + background-color: #f4f4f4; + border: 1px solid #c8c8c8; + padding: 0 +} + +body .p-paginator .p-paginator-first,body .p-paginator .p-paginator-last,body .p-paginator .p-paginator-next,body .p-paginator .p-paginator-prev { + color: #848484; + height: 2.286em; + min-width: 2.286em; + border: 0; + line-height: 2.286em; + padding: 0; + margin: 0; + vertical-align: top; + transition: box-shadow .2s; + border-radius: 0 +} + +body .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,body .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,body .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,body .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover { + background-color: #e0e0e0; + color: #333 +} + +body .p-paginator .p-paginator-first:focus,body .p-paginator .p-paginator-last:focus,body .p-paginator .p-paginator-next:focus,body .p-paginator .p-paginator-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 .2em var(--mainColorLightest) +} + +body .p-paginator .p-paginator-current { + color: #333; + height: 2.286em; + min-width: 2.286em; + line-height: 2.286em +} + +body .p-paginator .p-dropdown { + border: 0 +} + +body .p-paginator .p-dropdown .p-dropdown-label,body .p-paginator .p-dropdown .p-dropdown-trigger { + color: #848484 +} + +body .p-paginator .p-dropdown:hover .p-dropdown-label,body .p-paginator .p-dropdown:hover .p-dropdown-trigger { + color: #333 +} + +body .p-paginator .p-paginator-first:before,body .p-paginator .p-paginator-last:before,body .p-paginator .p-paginator-next:before,body .p-paginator .p-paginator-prev:before { + position: relative; + top: 1px +} + +body .p-paginator .p-paginator-pages { + vertical-align: top; + display: inline-block; + padding: 0 +} + +body .p-paginator .p-paginator-pages .p-paginator-page { + color: #848484; + height: 2.286em; + min-width: 2.286em; + border: 0; + line-height: 2.286em; + padding: 0; + margin: 0; + vertical-align: top; + transition: box-shadow .2s; + border-radius: 0 +} + +body .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background-color: #e0e0e0; + color: #333 +} + +body .p-paginator .p-paginator-pages .p-paginator-page:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 .2em var(--mainColorLightest) +} + +body .p-paginator .p-dropdown { + height: 2.286em; + min-width: auto +} + +@supports (margin-inline-start: 0.5em) { + body .p-paginator .p-dropdown { + margin-inline-start:.5em} +} + +@supports not (margin-inline-start: 0.5em) { + body .p-paginator .p-dropdown { + margin-left: .5em + } +} + +body .p-dropdown { + background: #fff; + border: 1px solid #a6a6a6; + transition: border-color .2s,box-shadow .2s +} + +body .p-dropdown:not(.p-disabled):hover { + border-color: #212121 +} + +body .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 .2em var(--mainColorLightest); + border-color: var(--mainColor) +} + +@supports (padding-inline-end: 2em) { + body .p-dropdown .p-dropdown-label { + padding-inline-end:2em} +} + +@supports not (padding-inline-end: 2em) { + body .p-dropdown .p-dropdown-label { + padding-right: 2em + } +} + +body .p-dropdown .p-dropdown-trigger { + background-color: #fff; + width: 2em; + line-height: 2em; + text-align: center; + padding: 0; + color: #848484 +} + +body .p-dropdown .p-dropdown-clear-icon { + color: #848484 +} + +@supports (padding-inline-end: 4em) { + body .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-inline-end:4em} +} + +@supports not (padding-inline-end: 4em) { + body .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 4em + } +} + +body .p-dropdown-panel { + padding: 0; + border: 1px solid #c8c8c8; + background-color: #fff; + box-shadow: 0 3px 6px 0 #00000029 +} + +body .p-dropdown-panel .p-dropdown-filter-container { + padding: .429em .857em; + border-bottom: 1px solid #eaeaea; + color: #333; + background-color: #fff; + margin: 0 +} + +body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter { + width: 100% +} + +@supports (padding-inline-end: 2em) { + body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter { + padding-inline-end:2em} +} + +@supports not (padding-inline-end: 2em) { + body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter { + padding-right: 2em + } +} + +body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon { + top: 50%; + margin-top: -.5em; + right: 1.357em; + color: var(--mainColor) +} + +body .p-dropdown-panel .p-dropdown-items { + padding: 0 +} + +body .p-dropdown-panel .p-dropdown-items .p-dropdown-item,body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: .429em .857em; + border: 0; + color: #333; + background-color: initial; + border-radius: 0 +} + +body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group.p-highlight,body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #fff; + background-color: var(--mainColor) +} + +body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group:not(.p-highlight):not(.p-disabled):hover,body .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #333; + background-color: #eaeaea +} + +body p-dropdown.ng-dirty.ng-invalid>.p-dropdown { + border: 1px solid #a80000 +} + +body .p-toast .p-toast-message { + box-shadow: 0 3px 6px 0 #00000029; + margin: 0 0 1em +} + +body .p-datepicker { + padding: .857em; + min-width: 20em; + background-color: #fff; + color: #333; + border: 1px solid #a6a6a6 +} + +body .p-datepicker:not(.p-datepicker-inline) { + border: 1px solid #c8c8c8; + box-shadow: 0 3px 6px 0 #00000029 +} + +body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:focus,body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 .2em var(--mainColorLightest) +} + +body .p-datepicker:not(.p-disabled) .p-monthpicker a.p-monthpicker-month:not(.p-highlight):hover,body .p-datepicker:not(.p-disabled) table td a:not(.p-highlight):not(.p-highlight):hover { + background-color: #eaeaea +} + +body .p-datepicker .p-datepicker-header { + padding: .429em .857em; + background-color: #fff; + color: #333; + border-radius: 0 +} + +body .p-datepicker .p-datepicker-header .p-datepicker-next,body .p-datepicker .p-datepicker-header .p-datepicker-prev { + cursor: pointer; + top: 0; + color: #a6a6a6; + transition: color .2s,box-shadow .2s +} + +body .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0; + padding: 0; + line-height: 1 +} + +body .p-datepicker .p-datepicker-header .p-datepicker-title select { + margin-top: -.35em; + margin-bottom: 0; + transition: color .2s,box-shadow .2s +} + +body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 .2em var(--mainColorLightest) +} + +body .p-datepicker table { + font-size: 14px; + margin: .857em 0 0 +} + +body .p-datepicker table th { + padding: .5em +} + +body .p-datepicker table th.p-datepicker-weekheader { + border-right: 1px solid #a6a6a6 +} + +body .p-datepicker table td { + padding: .5em +} + +body .p-datepicker table td>a,body .p-datepicker table td>span { + display: block; + text-align: center; + color: #333; + padding: .5em; + transition: box-shadow .2s; + border-radius: 3px +} + +body .p-datepicker table td>a.p-highlight,body .p-datepicker table td>span.p-highlight { + color: #fff; + background-color: var(--mainColor) +} + +body .p-datepicker table td>a { + cursor: pointer +} + +body .p-datepicker table td>a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 .2em var(--mainColorLightest) +} + +body .p-datepicker table td.p-datepicker-today>a,body .p-datepicker table td.p-datepicker-today>span { + background-color: #d0d0d0; + color: #333 +} + +body .p-datepicker table td.p-datepicker-today>a.p-highlight,body .p-datepicker table td.p-datepicker-today>span.p-highlight { + color: #fff; + background-color: var(--mainColor) +} + +body .p-datepicker table td.p-datepicker-weeknumber { + border-right: 1px solid #a6a6a6 +} + +body .p-datepicker .p-datepicker-buttonbar { + border-top: 1px solid #d8dae2 +} + +body .p-datepicker .p-timepicker { + border: 0; + border-top: 1px solid #d8dae2; + padding: .857em +} + +body .p-datepicker .p-timepicker a { + color: #333; + font-size: 1.286em +} + +body .p-datepicker .p-timepicker a:hover { + color: var(--mainColor) +} + +body .p-datepicker .p-timepicker span { + font-size: 1.286em +} + +body .p-datepicker .p-monthpicker .p-monthpicker-month { + color: #333 +} + +body .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #fff; + background-color: var(--mainColor) +} + +body .p-datepicker.p-datepicker-timeonly { + padding: 0 +} + +body .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 +} + +body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid #d8dae2; + padding-top: 0; + padding-bottom: 0 +} + +@supports (padding-inline-end: 0.857em) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + padding-inline-end:.857em} +} + +@supports not (padding-inline-end: 0.857em) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + padding-right: .857em + } +} + +@supports (padding-inline-start: 0.857em) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + padding-inline-start:.857em} +} + +@supports not (padding-inline-start: 0.857em) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + padding-left: .857em + } +} + +@supports (padding-inline-start: 0) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-inline-start:0} +} + +@supports not (padding-inline-start: 0) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0 + } +} + +body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + border-right: 0 +} + +@supports (padding-inline-end: 0) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-inline-end:0} +} + +@supports not (padding-inline-end: 0) { + body .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0 + } +} + +body .p-calendar.p-calendar-w-btn .p-inputtext { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 0 +} + +body .p-calendar.p-calendar-w-btn .p-inputtext:enabled:focus:not(.p-error),body .p-calendar.p-calendar-w-btn .p-inputtext:enabled:hover:not(.p-error) { + border-right: 0 +} + +body .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button { + width: 2.357em; + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +body .ui-fluid .p-calendar.p-calendar-w-btn input.p-inputtext { + width: calc(100% - 2.357em) +} + +body p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext { + border: 1px solid #a80000 +} + +body .p-timepicker .p-separator { + min-width: .75rem +} + +@supports (margin-inline-start: 0) { + body .p-timepicker .p-separator { + margin-inline-start:0} +} + +@supports not (margin-inline-start: 0) { + body .p-timepicker .p-separator { + margin-left: 0 + } +} + +body .p-autocomplete .p-autocomplete-input { + padding: .429em +} + +body .p-autocomplete-panel { + padding: 0; + border: 1px solid #c8c8c8; + background-color: #fff; + box-shadow: 0 3px 6px 0 #00000029 +} + +body .p-autocomplete-panel .p-autocomplete-items { + padding: 0 +} + +body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: .429em .857em; + border: 0; + color: #333; + background-color: initial; + border-radius: 0 +} + +body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight,body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #fff; + background-color: var(--mainColor) +} + +body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-group { + padding: .429em .857em; + background-color: #d8dae2; + color: #333 +} + +body p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext { + border: 1px solid #a80000 +} + +body .p-selectbutton .p-button { + background-color: #dadada; + border: 1px solid #dadada; + color: #333; + overflow: hidden; + transition: background-color .2s,box-shadow .2s +} + +body .p-selectbutton .p-button .p-button-icon-left { + color: #666 +} + +body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background-color: #c8c8c8; + border-color: #c8c8c8; + color: #333 +} + +body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left { + color: #212121 +} + +body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight).ui-state-focus { + box-shadow: 0 0 0 .2em #8dcdff; + z-index: 1 +} + +body .p-selectbutton .p-button.p-highlight { + background-color: var(--mainColor); + border-color: var(--mainColor); + color: #fff +} + +body .p-selectbutton .p-button.p-highlight .p-button-icon-left { + color: #fff +} + +body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover { + background-color: var(--mainColorLighter); + border-color: var(--mainColorLighter); + color: #fff +} + +body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left { + color: #fff +} + +body .p-selectbutton .p-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px +} + +body .p-selectbutton .p-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px +} + +body p-selectbutton.ng-dirty.ng-invalid .p-button { + border: 1px solid #a80000 +} + +p-table .p-datatable-header { + border: none!important; + background-color: var(--mainBackgroundColor)!important +} + +p-table .p-datatable-header .caption { + height: 40px; + width: 100%; + display: inline-flex; + align-items: center +} + +@supports (padding-inline-start: 15px) { + p-table .p-datatable-header .caption .left-buttons { + padding-inline-start:15px} +} + +@supports not (padding-inline-start: 15px) { + p-table .p-datatable-header .caption .left-buttons { + padding-left: 15px + } +} + +p-table th { + background-color: var(--mainBackgroundColor)!important; + outline: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +p-table td,p-table th { + font-family: Source Sans Pro,sans-serif; + font-size: 15px!important; + color: var(--mainForegroundColor)!important +} + +@supports (padding-inline-start: 15px !important) { + p-table td { + padding-inline-start:15px!important} +} + +@supports not (padding-inline-start: 15px !important) { + p-table td { + padding-left: 15px!important + } +} + +p-table td.expand-cell { + padding: 10px 15px +} + +p-table td:not(.action-cell):not(.expand-cell):not(.checkbox-cell) { + overflow: hidden!important; + text-overflow: ellipsis!important; + white-space: nowrap!important +} + +p-table tr { + outline: 0; + background-color: var(--mainBackgroundColor)!important; + height: 46px +} + +p-table tr.p-highlight { + background-color: var(--submenuBackgroundColor)!important +} + +p-table tr.p-highlight td,p-table tr.p-highlight td>a { + color: var(--mainForegroundColor)!important +} + +p-table .p-datatable-tbody tr:hover { + background-color: var(--submenuBackgroundColor)!important +} + +p-table .p-datatable-tbody tr td { + border: none!important; + white-space: normal!important +} + +p-table .p-datatable-tbody tr:first-child td { + border-top: none!important +} + +p-table .p-datatable-tbody tr:last-child td { + border-bottom: none!important +} + +p-table .p-datatable-tbody tr:focus+tr>td,p-table .p-datatable-tbody tr:focus>td { + box-shadow: none!important +} + +p-table .p-datatable-tbody .expander { + cursor: pointer; + position: relative; + top: 1px +} + +p-table th { + border-color: currentcolor!important; + border-bottom: none!important; + border: var(--submenuBackgroundColor)!important; + border-bottom: 1px solid var(--submenuBackgroundColor)!important; + text-align: left!important; + padding: 5px 0 5px 15px!important; + font-weight: 600!important; + color: var(--mainForegroundColor)!important +} + +p-table th.p-sortable-column:hover { + background-color: var(--submenuBackgroundColor)!important; + border-color: currentcolor!important; + border-width: 1px!important; + border-left: 1px solid var(--submenuBackgroundColor)!important; + border-bottom: 0 solid var(--submenuBackgroundColor)!important; + border-right: 1px solid var(--submenuBackgroundColor)!important; + border-top: 0 solid var(--submenuBackgroundColor)!important +} + +p-table th.p-sortable-column:hover:first-child { + border-width: 0 1px 0 0!important +} + +p-table th.p-highlight { + background-color: var(--submenuBackgroundColor)!important +} + +p-table th.p-highlight .pi { + color: #000!important; + font-size: 11px!important; + top: 0!important +} + +p-table th.p-highlight .pi.pi-sort-amount-down,p-table th.p-highlight .pi.pi-sort-amount-up-alt { + color: var(--mainForegroundColor)!important +} + +p-table .action-cell { + width: 250px!important +} + +p-table .action-cell .dropdown-root,p-table .action-cell my-button,p-table .action-cell my-delete-button,p-table .action-cell my-edit-button { + display: inline-block!important +} + +@supports (margin-inline-start: 5px) { + p-table .action-cell .dropdown-root,p-table .action-cell my-button,p-table .action-cell my-delete-button,p-table .action-cell my-edit-button { + margin-inline-start:5px} +} + +@supports not (margin-inline-start: 5px) { + p-table .action-cell .dropdown-root,p-table .action-cell my-button,p-table .action-cell my-delete-button,p-table .action-cell my-edit-button { + margin-left: 5px + } +} + +@supports (margin-inline-start: 0) { + p-table .action-cell .dropdown-root:first-child,p-table .action-cell my-button:first-child,p-table .action-cell my-delete-button:first-child,p-table .action-cell my-edit-button:first-child { + margin-inline-start:0} +} + +@supports not (margin-inline-start: 0) { + p-table .action-cell .dropdown-root:first-child,p-table .action-cell my-button:first-child,p-table .action-cell my-delete-button:first-child,p-table .action-cell my-edit-button:first-child { + margin-left: 0 + } +} + +p-table p-paginator .p-paginator-bottom { + background-color: var(--mainBackgroundColor)!important; + position: relative; + border: none; + border-color: var(--submenuBackgroundColor)!important; + border-top: 1px solid!important; + border-top-color: var(--submenuBackgroundColor)!important; + height: 40px; + display: flex; + justify-content: center; + align-items: center +} + +p-table p-paginator .p-paginator-bottom .p-dropdown { + position: absolute; + top: 10px; + left: 0 +} + +p-table p-paginator .p-paginator-bottom .p-dropdown.p-focus { + box-shadow: 0 0 0 .2rem var(--mainColorLightest) +} + +p-table p-paginator .p-paginator-bottom .p-dropdown .p-label { + color: var(--inputPlaceholderColor) +} + +p-table p-paginator .p-paginator-bottom .p-paginator-current { + position: absolute; + right: 0; + color: var(--inputPlaceholderColor); + overflow: visible +} + +p-table p-paginator .p-paginator-bottom .p-paginator-first,p-table p-paginator .p-paginator-bottom .p-paginator-last,p-table p-paginator .p-paginator-bottom .p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-prev { + font-family: Glyphicons Halflings; + text-decoration: none!important; + color: var(--mainForegroundColor)!important; + font-display: swap; + padding: 5px 2px; + height: auto; + outline: none; + font-size: 13px; + top: -1px +} + +p-table p-paginator .p-paginator-bottom .p-paginator-first.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-first:focus,p-table p-paginator .p-paginator-bottom .p-paginator-last.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-last:focus,p-table p-paginator .p-paginator-bottom .p-paginator-next.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-next:focus,p-table p-paginator .p-paginator-bottom .p-paginator-prev.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-prev:focus { + box-shadow: 0 0 0 .2rem var(--mainColorLightest) +} + +p-table p-paginator .p-paginator-bottom .p-paginator-first.p-disabled:hover,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-disabled:hover,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-disabled:hover,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-disabled:hover { + background-color: #fff!important +} + +@supports (margin-inline-end: 10px) { + p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-prev { + margin-inline-end:10px} +} + +@supports not (margin-inline-end: 10px) { + p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-prev,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-prev { + margin-right: 10px + } +} + +@supports (margin-inline-start: 10px) { + p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-next { + margin-inline-start:10px} +} + +@supports not (margin-inline-start: 10px) { + p-table p-paginator .p-paginator-bottom .p-paginator-first.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-last.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-next.p-paginator-next,p-table p-paginator .p-paginator-bottom .p-paginator-prev.p-paginator-next { + margin-left: 10px + } +} + +p-table p-paginator .p-paginator-bottom .p-paginator-pages { + height: auto!important +} + +p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page { + color: var(--mainForegroundColor)!important; + font-weight: 600!important; + margin: 0 5px!important; + outline: 0!important; + border-radius: 3px!important; + padding: 5px 2px!important; + height: auto!important; + line-height: normal!important +} + +p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.focus-within,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page:focus { + box-shadow: 0 0 0 .2rem var(--mainColorLightest)!important +} + +p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight:active,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight:focus,p-table p-paginator .p-paginator-bottom .p-paginator-pages .p-paginator-page.p-highlight:hover { + color: #fff!important; + background-color: var(--mainColor)!important +} + +p-table .p-datatable-wrapper { + overflow-x: auto; + max-width: 100% +} + +p-table .p-datatable-wrapper table { + min-width: 900px +} + +@media screen and (max-width: 900px) { + p-table p-paginator .p-dropdown,p-table p-paginator .p-paginator-current { + top:0; + margin-top: 30px + } +} + +@media screen and (max-width: 500px) { + p-table p-paginator .p-paginator-pages>.p-paginator-page:not(.p-highlight) { + display:none + } +} + +p-calendar .p-datepicker a:active,p-calendar .p-datepicker a:focus,p-calendar .p-datepicker a:hover { + text-decoration: none!important; + outline: none!important +} + +@supports (margin-inline-start: 5px) { + p-calendar .p-datepicker .p-datepicker-header .p-datepicker-year { + margin-inline-start:5px} +} + +@supports not (margin-inline-start: 5px) { + p-calendar .p-datepicker .p-datepicker-header .p-datepicker-year { + margin-left: 5px + } +} + +p-calendar .p-datepicker .p-datepicker-header .p-datepicker-next { + font-family: Glyphicons Halflings; + text-decoration: none!important; + color: var(--mainForegroundColor)!important; + font-display: swap; + color: #000!important; + text-align: end +} + +p-calendar .p-datepicker .p-datepicker-header .p-datepicker-next .pi.pi-chevron-right { + display: none!important +} + +p-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev { + font-family: Glyphicons Halflings; + text-decoration: none!important; + color: var(--mainForegroundColor)!important; + font-display: swap; + color: #000!important; + text-align: start +} + +p-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev .pi.pi-chevron-left { + display: none!important +} + +p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-down,p-calendar .p-datepicker .p-timepicker .pi.pi-chevron-up { + font-family: Glyphicons Halflings; + text-decoration: none!important; + color: var(--mainForegroundColor)!important; + font-display: swap; + color: #000!important +} + +p-tablecheckbox:hover div .p-checkbox-box { + box-shadow: 0 0 0 .1rem #5755d933 +} + +.p-checkbox,.p-checkbox .p-checkbox-box { + width: 18px!important; + height: 18px!important +} + +.p-checkbox .p-checkbox-box.p-highlight { + border-color: var(--mainColor)!important; + background-color: var(--mainColor)!important +} + +.p-checkbox .p-checkbox-box .p-checkbox-icon { + position: relative; + overflow: visible!important +} + +.p-checkbox .p-checkbox-box .p-checkbox-icon:after { + content: ""; + position: absolute; + bottom: -5px; + left: -2px; + width: 5px; + height: 12px; + opacity: 0; + transform: rotate(45deg) scale(0); + border-right: 2px solid var(--mainBackgroundColor); + border-bottom: 2px solid var(--mainBackgroundColor) +} + +.p-checkbox .p-checkbox-box .p-checkbox-icon.pi-check:after { + opacity: 1; + transform: rotate(45deg) scale(1) +} + +p-toast .p-toast { + width: auto; + max-width: 300px; + min-width: 200px; + z-index: 18000!important +} + +p-toast .p-toast .p-toast-icon-close { + font-family: Glyphicons Halflings; + opacity: 0; + position: absolute; + right: 5px; + top: 5px +} + +p-toast .p-toast .p-toast-icon-close:after { + content: "" +} + +p-toast .p-toast:hover .p-toast-icon-close { + opacity: .3 +} + +p-toast .p-toast-message { + font-family: Source Sans Pro,sans-serif; + background-color: var(--mainBackgroundColor)!important; + color: var(--mainForegroundColor)!important; + border-radius: 5px; + box-sizing: border-box; + border: 1px solid #ebeef5!important; + box-shadow: 0 2px 12px 0 #0000001a; + overflow: hidden +} + +p-table th.p-highlight p-toast .p-toast-message.p-toast-message-success .pi,p-toast .p-toast-message.p-toast-message-success .glyphicon,p-toast .p-toast-message.p-toast-message-success p-table th.p-highlight .pi { + color: #8bc34a!important +} + +p-table th.p-highlight p-toast .p-toast-message.p-toast-message-error .pi,p-toast .p-toast-message.p-toast-message-error .glyphicon,p-toast .p-toast-message.p-toast-message-error p-table th.p-highlight .pi { + color: #f44336!important +} + +p-table th.p-highlight p-toast .p-toast-message.p-toast-message-warn .pi,p-toast .p-toast-message.p-toast-message-warn .glyphicon,p-toast .p-toast-message.p-toast-message-warn p-table th.p-highlight .pi { + color: #f1680d!important +} + +p-table th.p-highlight p-toast .p-toast-message.p-toast-message-info .pi,p-toast .p-toast-message.p-toast-message-info .glyphicon,p-toast .p-toast-message.p-toast-message-info p-table th.p-highlight .pi { + color: #03a9f4!important +} + +p-toast .p-toast-message .notification-block { + display: flex; + align-items: center; + width: 100%; + padding: 10px 20px +} + +p-toast .p-toast-message .notification-block .message { + flex-grow: 1 +} + +@supports (margin-inline-end: 20px) { + p-toast .p-toast-message .notification-block .message { + margin-inline-end:20px} +} + +@supports not (margin-inline-end: 20px) { + p-toast .p-toast-message .notification-block .message { + margin-right: 20px + } +} + +p-toast .p-toast-message .notification-block .message h3 { + font-size: 21px +} + +p-toast .p-toast-message .notification-block .message p { + font-size: 15px; + margin-bottom: 0 +} + +p-table th.p-highlight p-toast .p-toast-message .notification-block .pi,p-toast .p-toast-message .notification-block .glyphicon,p-toast .p-toast-message .notification-block p-table th.p-highlight .pi { + font-size: 32px +} + +@supports (margin-inline-end: 5px) { + p-table th.p-highlight p-toast .p-toast-message .notification-block .pi,p-toast .p-toast-message .notification-block .glyphicon,p-toast .p-toast-message .notification-block p-table th.p-highlight .pi { + margin-inline-end:5px} +} + +@supports not (margin-inline-end: 5px) { + p-table th.p-highlight p-toast .p-toast-message .notification-block .pi,p-toast .p-toast-message .notification-block .glyphicon,p-toast .p-toast-message .notification-block p-table th.p-highlight .pi { + margin-right: 5px + } +} + +.p-selectbutton .p-button:focus { + outline: none +} + +.p-selectbutton .p-button-label { + padding: 5px 15px; + font-size: 15px; + font-weight: 600 +} + +[hidden] { + display: none!important +} + +body { + --mainColor:#f2690d;--mainColorLighter:#f5873d;--mainColorLightest:#fce1cf;--mainHoverColor:#f47825;--mainBackgroundColor:#fff;--mainForegroundColor:#000;--secondaryColor:#148a99;--greyForegroundColor:#585858;--greyBackgroundColor:#e5e5e5;--menuBackgroundColor:#000;--menuForegroundColor:#fff;--submenuBackgroundColor:#f7f7f7;--channelBackgroundColor:#f6ede8;--inputForegroundColor:#000;--inputBackgroundColor:#fff;--inputPlaceholderColor:#898989;--textareaForegroundColor:#000;--textareaBackgroundColor:#fff;--markdownTextareaBackgroundColor:#efefef;--actionButtonColor:#585858;--supportButtonBackgroundColor:#0000;--supportButtonColor:var(--actionButtonColor);--supportButtonHeartColor:#e83e8c;--activatedActionButtonColor:#000;--horizontalMarginContent:30px;--videosHorizontalMarginContent:6vw;--mainColWidth:calc(100vw - 240px);font-family: Source Sans Pro,sans-serif; + font-weight: 400; + color: var(--mainForegroundColor); + background-color: var(--mainBackgroundColor); + font-size: 14px; + overflow-y: scroll; + text-align: start +} + +::selection { + color: var(--mainBackgroundColor); + background-color: var(--mainHoverColor) +} + +#incompatible-browser,noscript { + display: block; + font-size: 1.2rem; + max-width: 600px; + margin: 1rem auto +} + +strong { + font-weight: 600 +} + +input.readonly { + background-color: var(--inputBackgroundColor)!important +} + +input,textarea { + outline: none; + color: var(--inputForegroundColor) +} + +button { + background: unset +} + +button:focus:not(.focus-visible) { + outline: none +} + +label { + font-weight: 700; + font-size: 15px +} + +code { + background-color: var(--greyBackgroundColor); + color: var(--greyForegroundColor); + border-radius: 3px; + padding: .2em .4em; + margin: auto .4em; + font-size: 75%; + display: inline-block; + vertical-align: middle +} + +.form-error,.form-warning { + display: block; + margin-top: 5px +} + +.form-error { + color: red +} + +.input-error,my-input-toggle-hidden ::ng-deep input { + border-color: red!important +} + +.full-width { + width: 100%; + margin: 0 auto; + max-width: none +} + +.glyphicon-black { + color: #000 +} + +.row { + margin: 0!important +} + +.main-col { + width: calc(100% - 240px); + outline: none +} + +@supports (margin-inline-start: 240px) { + .main-col { + margin-inline-start:240px} +} + +@supports not (margin-inline-start: 240px) { + .main-col { + margin-left: 240px + } +} + +.main-col .margin-content { + margin: 0 var(--horizontalMarginContent); + flex-grow: 1 +} + +.main-col .sub-menu { + background-color: var(--submenuBackgroundColor); + width: 100%; + display: flex; + align-items: center; + padding: 0 var(--horizontalMarginContent); + height: 81px; + margin-bottom: 30px; + overflow-x: auto +} + +.main-col .sub-menu.sub-menu-fixed { + position: fixed; + z-index: 12499; + max-width: var(--mainColWidth) +} + +.main-col .margin-content.offset-content { + padding-top: 111px +} + +.main-col.expanded { + --horizontalMarginContent:150px;--mainColWidth:100vw;width: 100% +} + +@supports (margin-inline-start: 0) { + .main-col.expanded { + margin-inline-start:0} +} + +@supports not (margin-inline-start: 0) { + .main-col.expanded { + margin-left: 0 + } +} + +.main-col.lock-scroll .main-row>router-outlet+* { + position: fixed +} + +.main-col.lock-scroll .main-row>router-outlet+* .sub-menu { + overflow-x: hidden +} + +.title-page { + opacity: .6; + color: var(--mainForegroundColor); + font-size: 16px; + display: inline-block; + font-weight: 600; + border-bottom: 2px solid #0000 +} + +.title-page:active,.title-page:focus,.title-page:hover { + text-decoration: none!important; + outline: none!important +} + +@supports (margin-inline-end: 55px) { + .title-page { + margin-inline-end:55px} +} + +@supports not (margin-inline-end: 55px) { + .title-page { + margin-right: 55px + } +} + +.title-page.title-page-single { + margin-top: 30px; + margin-bottom: 25px +} + +.title-page.active { + border-bottom-color: var(--mainColor) +} + +.title-page.title-page-single { + font-size: 125% +} + +.title-page:active,.title-page:focus,.title-page:hover { + color: var(--mainForegroundColor) +} + +.title-page.active,.title-page.title-page-single,.title-page:active,.title-page:focus,.title-page:hover { + opacity: 1; + outline: 0 hidden!important +} + +@media screen and (max-width: 500px) { + @supports (margin-inline-start: 15px) { + .title-page { + margin-inline-start:15px + } + } + + @supports not (margin-inline-start: 15px) { + .title-page { + margin-left: 15px + } + } +} + +.title-page-about,.title-page-settings { + white-space: nowrap; + font-size: 115% +} + +.admin-sub-header { + display: flex; + align-items: center; + margin-bottom: 30px +} + +.admin-sub-header .form-sub-title { + flex-grow: 1 +} + +.admin-sub-header .admin-sub-nav a { + font-size: 16px; + color: var(--mainForegroundColor); + padding: 5px 15px; + border-radius: .25rem; + font-weight: 600; + opacity: .6 +} + +.admin-sub-header .admin-sub-nav a:active,.admin-sub-header .admin-sub-nav a:focus,.admin-sub-header .admin-sub-nav a:hover { + text-decoration: none!important; + outline: none!important +} + +.admin-sub-header .admin-sub-nav a.active { + background-color: var(--submenuBackgroundColor) +} + +.admin-sub-header .admin-sub-nav a.active,.admin-sub-header .admin-sub-nav a:active,.admin-sub-header .admin-sub-nav a:focus,.admin-sub-header .admin-sub-nav a:hover { + opacity: 1 +} + +.form-sub-title { + font-size: 20px; + font-weight: 700 +} + +table .action-button-delete.disabled,table .action-button-delete:active,table .action-button-delete:focus,table .action-button-delete:hover,table .action-button-delete[disabled],table .action-button-edit.disabled,table .action-button-edit:active,table .action-button-edit:focus,table .action-button-edit:hover,table .action-button-edit[disabled] { + background-color: #e5e5e5!important +} + +.no-results { + height: 40vh; + max-height: 500px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 16px; + font-weight: 600 +} + +.dropdown-item { + padding: 6px 15px +} + +.dropdown-item my-global-icon { + opacity: .7; + position: relative; + top: -2px +} + +@supports (margin-inline-end: 10px) { + .dropdown-item my-global-icon { + margin-inline-end:10px} +} + +@supports not (margin-inline-end: 10px) { + .dropdown-item my-global-icon { + margin-right: 10px + } +} + +.dropdown-item my-global-icon { + width: 22px; + height: 22px +} + +.anchor { + position: relative; + top: -70px +} + +.offset-content .anchor { + top: -151px +} + +.form-group-description { + font-size: 90%; + margin-top: 10px +} + +ngx-loading-bar { + z-index: 17501!important +} + +@media screen and (max-width: 1600px) { + .main-col { + --horizontalMarginContent:15px; + --videosHorizontalMarginContent:30px} + + .main-col.expanded { + --horizontalMarginContent:75px} +} + +@media screen and (max-width: 900px) { + .main-col { + --videosHorizontalMarginContent:var(--horizontalMarginContent) + } + + .main-col,.main-col.expanded { + --horizontalMarginContent:50px} + + .main-col.expanded .sub-menu,.main-col .sub-menu { + padding: 0 50px + } + + .main-col.expanded .sub-menu .title-page,.main-col .sub-menu .title-page { + font-size: 17px + } +} + +@media screen and (min-width: 500px) and (max-width: 800px) { + .main-col { + width:100% + } +} + +@media screen and (max-width: 800px) { + .main-col,.main-col.expanded { + --horizontalMarginContent:15px + } + + @supports (margin-inline-start: 0) { + .main-col,.main-col.expanded { + margin-inline-start:0} + } + + @supports not (margin-inline-start: 0) { + .main-col,.main-col.expanded { + margin-left: 0 + } + } + + .main-col.expanded .sub-menu,.main-col .sub-menu { + width: 100vw; + padding: 0 15px; + margin-bottom: 10px; + overflow-x: auto + } + + .main-col.expanded .margin-content.offset-content,.main-col .margin-content.offset-content { + padding-top: 91px + } + + .main-col .admin-sub-header,.main-col.expanded .admin-sub-header { + flex-direction: column + } + + .main-col .admin-sub-header .form-sub-title,.main-col.expanded .admin-sub-header .form-sub-title { + margin-bottom: 10px; + text-align: center + } + + @supports (margin-inline-end: 0 !important) { + .main-col .admin-sub-header .form-sub-title,.main-col.expanded .admin-sub-header .form-sub-title { + margin-inline-end:0!important} + } + + @supports not (margin-inline-end: 0 !important) { + .main-col .admin-sub-header .form-sub-title,.main-col.expanded .admin-sub-header .form-sub-title { + margin-right: 0!important + } + } + + .main-col .admin-sub-header .admin-sub-nav,.main-col.expanded .admin-sub-header .admin-sub-nav { + display: block; + overflow-x: auto; + white-space: nowrap; + height: 50px; + padding: 10px 0; + width: 100% + } + + @supports (margin-inline-start: 5px) { + .main-col .admin-sub-header .admin-sub-nav a,.main-col.expanded .admin-sub-header .admin-sub-nav a { + margin-inline-start:5px} + } + + @supports not (margin-inline-start: 5px) { + .main-col .admin-sub-header .admin-sub-nav a,.main-col.expanded .admin-sub-header .admin-sub-nav a { + margin-left: 5px + } + } + + .main-col.expanded my-markdown-textarea .root,.main-col my-markdown-textarea .root { + max-width: 100%!important + } + + .main-col.expanded .peertube-select-container,.main-col.expanded input[type=email],.main-col.expanded input[type=password],.main-col.expanded input[type=text],.main-col.expanded textarea,.main-col .peertube-select-container,.main-col input[type=email],.main-col input[type=password],.main-col input[type=text],.main-col textarea { + flex-grow: 1 + } + + .main-col .caption input[type=text],.main-col.expanded .caption input[type=text] { + width: unset!important; + flex-grow: 1 + } +} + +/*# sourceMappingURL=styles.b0a7806028b73e54111d.css.map*/ diff --git a/resources/views/theme/techsuwa/component/peertube/parts/common/videosbydate.blade.php b/resources/views/theme/techsuwa/component/peertube/parts/common/videosbydate.blade.php index 5d77e99..24e9d51 100644 --- a/resources/views/theme/techsuwa/component/peertube/parts/common/videosbydate.blade.php +++ b/resources/views/theme/techsuwa/component/peertube/parts/common/videosbydate.blade.php @@ -1,41 +1,41 @@ -
+
@if (!empty($res['video']['today'])) -

今日

+

今日

@foreach ($res['video']['today'] as $v) @include('theme.'.env('THEME').'.component.peertube.parts.common.videominature') @endforeach @endif @if (!empty($res['video']['yesterday'])) -

今日

+

今日

@foreach ($res['video']['today'] as $v) @include('theme.'.env('THEME').'.component.peertube.parts.common.videominature') @endforeach @endif @if (!empty($res['video']['week'])) -

今週

+

今週

@foreach ($res['video']['week'] as $v) @include('theme.'.env('THEME').'.component.peertube.parts.common.videominature') @endforeach @endif @if (!empty($res['video']['month'])) -

今月

+

今月

@foreach ($res['video']['month'] as $v) @include('theme.'.env('THEME').'.component.peertube.parts.common.videominature') @endforeach @endif @if (!empty($res['video']['lastmonth'])) -

先月

+

先月

@foreach ($res['video']['lastmonth'] as $v) @include('theme.'.env('THEME').'.component.peertube.parts.common.videominature') @endforeach @endif @if (!empty($res['video']['moreearly'])) -

もっと前

+

もっと前

@foreach ($res['video']['moreearly'] as $v) @include('theme.'.env('THEME').'.component.peertube.parts.common.videominature') @endforeach diff --git a/resources/views/theme/techsuwa/component/peertube/parts/stylelink.blade.php b/resources/views/theme/techsuwa/component/peertube/parts/stylelink.blade.php index 4d7e26c..eecf343 100644 --- a/resources/views/theme/techsuwa/component/peertube/parts/stylelink.blade.php +++ b/resources/views/theme/techsuwa/component/peertube/parts/stylelink.blade.php @@ -1,15 +1,21 @@ name; + if ($res['page'] == 'watch') { + $name = $res['detail']->name; + $canonical .= '/videos/watch/'.$res['detail']->uuid; + } else if ($res['page'] == 'account') $name = $res['owner']->displayName.'さんのチャンネル一覧'; else if ($res['page'] == 'channel') $name = $res['channel']->displayName.'さんのチャンネル'; } ?> - + - - \ No newline at end of file + + + + \ No newline at end of file