@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: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*/