@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&family=Noto+Sans+KR:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/icon?family=Material+Icons'); :root { --basic : #5c6bc0; --basic-hover : #4a5bb9; --blue:#2196F3; --blue-100:#e9f5fe; --red:#ef5350; --red-100:#fdeeee; --orange:#f58646; --orange-100:#fef3ed; --green:#25b372; --green-100:#e9f7f1; --cyan:#2cbacc; --cyan-100:#eaf8fa; --gray:#999; --gray-dark:#333; --gray-200:#ddd; --primary:#2196F3; --primary-100:#e9f5fe; --secondary:#45748a; --secondary-100:#ecf1f3; --success:#25b372; --success-100:#e9f7f1; --info:#2cbacc; --info-100:#eaf8fa; --warning:#f58646; --warning-100:#fef3ed; --danger:#ef5350; --danger-100:#fdeeee; --white:#fff; --light:#f0f2f5; --light-100:rgba(255, 255, 255, 0.1); --dark:#252b36; --dark-100:rgba(0, 0, 0, 0.1); --teal:#26A69A; --teal-100:#e9f6f5; --indigo:#5C6BC0; --indigo-100:#eff0f9; --purple:#8e70c1; --purple-100:#f4f1f9; --pink:#f35c86; --pink-100:#feeff3; --yellow:#ffd648; --yellow-100:#fffbed; --black : #191919; --btn-basic : #46674e; --txt-hover : #1b1bdb; --txt-gray : #787878; --txt-green : #138731; --container-pdl : 0.625rem; --container-pdr : 0.625rem; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:769px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family : "Roboto", -apple-system, 'Noto Sans KR', sans-serif;" --font-family-sans-serif:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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; --border :#ededed; } *, ::after, ::before { box-sizing: border-box } html { font-family: var(--font-family); line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-size:.875rem; font-weight: 400; line-height: 1.5715; color: #333; text-align: left; background-color: #f5f5f5; font-family: var(--font-family); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0!important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom:.625rem } p { margin-top: 0; margin-bottom:.625rem } 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 { margin-bottom: 1rem; font-style: normal; line-height: inherit } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 500 } 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: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #2196f3; text-decoration: none; background-color: transparent } a:hover { color: #0a6ebd; text-decoration: none } a:not([href]):not([class]) { color: inherit; text-decoration: none } 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 { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse; font-family:inherit!important; } caption { padding-top:.75rem 1.25rem; padding-bottom:.75rem 1.25rem; color: #999; text-align: left; caption-side: bottom } th { text-align: inherit; text-align: -webkit-match-parent } label { display: inline-block; margin-bottom:.5rem; font-size:13px; } input[type="radio"] + label, input[type="checkbox"] + label {margin-bottom: 0; } button { border-radius: 0; border:none; } 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: baseline } [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 } [hidden] { display:none!important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:.625rem; font-weight: 400; line-height: 1.5715 } .h1, h1 { font-size: 1.625rem } .h2, h2 { font-size: 1.5rem } .h3, h3 { font-size: 1.375rem } .h4, h4 { font-size: 1.25rem } .h5, h5 { font-size: 1.125rem } .h6, h6 { font-size: 1rem } .lead { font-size: 1.09375rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.5715 } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.5715 } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.5715 } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.5715 } hr { margin-top: 1.25rem; margin-bottom: 1.25rem; border: 0; border-top: 1px solid #ddd } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding:.25rem .5rem; background-color: #fcf8e3 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: 1.25rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1.25rem; font-size: 1rem } .blockquote-footer { display: block; font-size: 80%; color: #999 } .blockquote-footer::before { content: "\2014\00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding:.25rem; background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.125); border-radius:.25rem; box-shadow: 0 1px 2px rgba(0,0,0,.075); max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom:.625rem; line-height: 1 } .figure-caption { font-size: 90%; color: #999 } code { font-size:.8125rem; color: #c24a6b; word-wrap: break-word } a>code { color: inherit } kbd { padding:.2rem .4rem; font-size:.8125rem; color: #fff; background-color: #333; border-radius:.1875rem; box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25) } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none } pre { display: block; font-size:.8125rem; color: #333 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 450px; overflow-y: scroll } /*간격*/ .pd_outer {padding: 0.625rem 1.25rem;} .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right:.625rem; padding-left:.625rem; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:769px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right:-.625rem; margin-left:-.625rem } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right:0; padding-left:0 } .input-btn-group input { padding-left: 2px !important; padding-right: 2px !important; } /*컬럼 넓이*/ .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { position: relative; width: 100%; padding-right:.625rem; padding-left:.625rem } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-3>* { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-6>* { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .col-14 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-sm-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-sm-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-sm-3>* { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-sm-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-sm-6>* { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width:769px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-md-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-md-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-md-3>* { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-md-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-md-6>* { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-lg-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-lg-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-lg-3>* { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-lg-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-lg-6>* { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-xl-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-xl-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-xl-3>* { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-xl-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-xl-6>* { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } .table { width: 100%; margin-bottom: 1.25rem; color: #333 } .table td, .table th { padding:.75rem 1.25rem; vertical-align: top; border-top: 1px solid #ddd } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table tbody+tbody { border-top: 2px solid #ddd } .table-sm td, .table-sm th { padding:.625rem 1.25rem } .table-bordered { border: 1px solid #ddd } .table-bordered td, .table-bordered th { border: 1px solid #ddd } .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: rgba(0,0,0,.02) } .table-hover tbody tr:hover { color: #333; background-color: rgba(0,0,0,.03) } .table-primary, .table-primary>td, .table-primary>th { background-color: #e4f2fe } .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #afd9fb } .table-hover .table-primary:hover { background-color: #cbe6fd } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #cbe6fd } .table-primary-100, .table-primary-100>td, .table-primary-100>th { background-color: #fcfeff } .table-primary-100 tbody+tbody, .table-primary-100 td, .table-primary-100 th, .table-primary-100 thead th { border-color: #f7fbff } .table-hover .table-primary-100:hover { background-color: #e3f6ff } .table-hover .table-primary-100:hover>td, .table-hover .table-primary-100:hover>th { background-color: #e3f6ff } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #e9eef1 } .table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #bccdd5 } .table-hover .table-secondary:hover { background-color: #d9e2e7 } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #d9e2e7 } .table-secondary-100, .table-secondary-100>td, .table-secondary-100>th { background-color: #fdfdfe } .table-secondary-100 tbody+tbody, .table-secondary-100 td, .table-secondary-100 th, .table-secondary-100 thead th { border-color: #f8fafb } .table-hover .table-secondary-100:hover { background-color: #ececf6 } .table-hover .table-secondary-100:hover>td, .table-hover .table-secondary-100:hover>th { background-color: #ececf6 } .table-success, .table-success>td, .table-success>th { background-color: #e5f6ee } .table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th { border-color: #b1e4cc } .table-hover .table-success:hover { background-color: #d2efe2 } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #d2efe2 } .table-success-100, .table-success-100>td, .table-success-100>th { background-color: #fcfefd } .table-success-100 tbody+tbody, .table-success-100 td, .table-success-100 th, .table-success-100 thead th { border-color: #f7fcfa } .table-hover .table-success-100:hover { background-color: #e9f8f0 } .table-hover .table-success-100:hover>td, .table-hover .table-success-100:hover>th { background-color: #e9f8f0 } .table-info, .table-info>td, .table-info>th { background-color: #e6f7f9 } .table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th { border-color: #b3e6ed } .table-hover .table-info:hover { background-color: #d1f0f4 } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #d1f0f4 } .table-info-100, .table-info-100>td, .table-info-100>th { background-color: #fcfefe } .table-info-100 tbody+tbody, .table-info-100 td, .table-info-100 th, .table-info-100 thead th { border-color: #f7fcfd } .table-hover .table-info-100:hover { background-color: #e9f8f8 } .table-hover .table-info-100:hover>td, .table-hover .table-info-100:hover>th { background-color: #e9f8f8 } .table-warning, .table-warning>td, .table-warning>th { background-color: #fef0e9 } .table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #fbd3bc } .table-hover .table-warning:hover { background-color: #fddfd1 } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #fddfd1 } .table-warning-100, .table-warning-100>td, .table-warning-100>th { background-color: #fffefd } .table-warning-100 tbody+tbody, .table-warning-100 td, .table-warning-100 th, .table-warning-100 thead th { border-color: #fffbf9 } .table-hover .table-warning-100:hover { background-color: #fff1e4 } .table-hover .table-warning-100:hover>td, .table-hover .table-warning-100:hover>th { background-color: #fff1e4 } .table-danger, .table-danger>td, .table-danger>th { background-color: #fdeaea } .table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #f9c1c0 } .table-hover .table-danger:hover { background-color: #fbd3d3 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #fbd3d3 } .table-danger-100, .table-danger-100>td, .table-danger-100>th { background-color: #fffdfd } .table-danger-100 tbody+tbody, .table-danger-100 td, .table-danger-100 th, .table-danger-100 thead th { border-color: #fef9f9 } .table-hover .table-danger-100:hover { background-color: #ffe4e4 } .table-hover .table-danger-100:hover>td, .table-hover .table-danger-100:hover>th { background-color: #ffe4e4 } .table-white, .table-white>td, .table-white>th { background-color: #fff } .table-white tbody+tbody, .table-white td, .table-white th, .table-white thead th { border-color: #fff } .table-hover .table-white:hover { background-color: #f2f2f2 } .table-hover .table-white:hover>td, .table-hover .table-white:hover>th { background-color: #f2f2f2 } .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: #fafafb } .table-hover .table-light:hover { background-color: #ececf6 } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6 } .table-light-100, .table-light-100>td, .table-light-100>th { background-color: rgba(255,255,255,.892) } .table-light-100 tbody+tbody, .table-light-100 td, .table-light-100 th, .table-light-100 thead th { border-color: rgba(255,255,255,.676) } .table-hover .table-light-100:hover { background-color: rgba(242,242,242,.892) } .table-hover .table-light-100:hover>td, .table-hover .table-light-100:hover>th { background-color: rgba(242,242,242,.892) } .table-dark, .table-dark>td, .table-dark>th { background-color: #e5e6e7 } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #b1b3b7 } .table-hover .table-dark:hover { background-color: #d8d9db } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #d8d9db } .table-dark-100, .table-dark-100>td, .table-dark-100>th { background-color: rgba(253,253,253,.892) } .table-dark-100 tbody+tbody, .table-dark-100 td, .table-dark-100 th, .table-dark-100 thead th { border-color: rgba(248,248,248,.676) } .table-hover .table-dark-100:hover { background-color: rgba(240,240,240,.892) } .table-hover .table-dark-100:hover>td, .table-hover .table-dark-100:hover>th { background-color: rgba(240,240,240,.892) } .table-teal, .table-teal>td, .table-teal>th { background-color: #e5f4f3 } .table-teal tbody+tbody, .table-teal td, .table-teal th, .table-teal thead th { border-color: #b1dfdb } .table-hover .table-teal:hover { background-color: #d3eceb } .table-hover .table-teal:hover>td, .table-hover .table-teal:hover>th { background-color: #d3eceb } .table-teal-100, .table-teal-100>td, .table-teal-100>th { background-color: #fcfefe } .table-teal-100 tbody+tbody, .table-teal-100 td, .table-teal-100 th, .table-teal-100 thead th { border-color: #f7fcfb } .table-hover .table-teal-100:hover { background-color: #e9f8f8 } .table-hover .table-teal-100:hover>td, .table-hover .table-teal-100:hover>th { background-color: #e9f8f8 } .table-indigo, .table-indigo>td, .table-indigo>th { background-color: #ebedf7 } .table-indigo tbody+tbody, .table-indigo td, .table-indigo th, .table-indigo thead th { border-color: #c4cae8 } .table-hover .table-indigo:hover { background-color: #d9ddf0 } .table-hover .table-indigo:hover>td, .table-hover .table-indigo:hover>th { background-color: #d9ddf0 } .table-indigo-100, .table-indigo-100>td, .table-indigo-100>th { background-color: #fdfdfe } .table-indigo-100 tbody+tbody, .table-indigo-100 td, .table-indigo-100 th, .table-indigo-100 thead th { border-color: #f9fafd } .table-hover .table-indigo-100:hover { background-color: #ececf6 } .table-hover .table-indigo-100:hover>td, .table-hover .table-indigo-100:hover>th { background-color: #ececf6 } .table-purple, .table-purple>td, .table-purple>th { background-color: #f1eef8 } .table-purple tbody+tbody, .table-purple td, .table-purple th, .table-purple thead th { border-color: #d6cce9 } .table-hover .table-purple:hover { background-color: #e2dcf1 } .table-hover .table-purple:hover>td, .table-hover .table-purple:hover>th { background-color: #e2dcf1 } .table-purple-100, .table-purple-100>td, .table-purple-100>th { background-color: #fefdfe } .table-purple-100 tbody+tbody, .table-purple-100 td, .table-purple-100 th, .table-purple-100 thead th { border-color: #fbfafd } .table-hover .table-purple-100:hover { background-color: #f6ecf6 } .table-hover .table-purple-100:hover>td, .table-hover .table-purple-100:hover>th { background-color: #f6ecf6 } .table-pink, .table-pink>td, .table-pink>th { background-color: #feebf0 } .table-pink tbody+tbody, .table-pink td, .table-pink th, .table-pink thead th { border-color: #fbc4d3 } .table-hover .table-pink:hover { background-color: #fdd3de } .table-hover .table-pink:hover>td, .table-hover .table-pink:hover>th { background-color: #fdd3de } .table-pink-100, .table-pink-100>td, .table-pink-100>th { background-color: #fffdfe } .table-pink-100 tbody+tbody, .table-pink-100 td, .table-pink-100 th, .table-pink-100 thead th { border-color: #fff9fb } .table-hover .table-pink-100:hover { background-color: #ffe4f1 } .table-hover .table-pink-100:hover>td, .table-hover .table-pink-100:hover>th { background-color: #ffe4f1 } .table-yellow, .table-yellow>td, .table-yellow>th { background-color: #fffae9 } .table-yellow tbody+tbody, .table-yellow td, .table-yellow th, .table-yellow thead th { border-color: #fff0bd } .table-hover .table-yellow:hover { background-color: #fff4d0 } .table-hover .table-yellow:hover>td, .table-hover .table-yellow:hover>th { background-color: #fff4d0 } .table-yellow-100, .table-yellow-100>td, .table-yellow-100>th { background-color: #fffffd } .table-yellow-100 tbody+tbody, .table-yellow-100 td, .table-yellow-100 th, .table-yellow-100 thead th { border-color: #fffef9 } .table-hover .table-yellow-100:hover { background-color: #ffffe4 } .table-hover .table-yellow-100:hover>td, .table-hover .table-yellow-100:hover>th { background-color: #ffffe4 } .table-active, .table-active>td, .table-active>th { background-color: rgba(0,0,0,.015) } .table-hover .table-active:hover { background-color: rgba(0,0,0,.015) } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0,0,0,.015) } .table .thead-dark th { color: #fff; background-color: #333; border-color: rgba(255,255,255,.35) } .table .thead-light th { color: #333; background-color: #f5f5f5; border-color: #ddd } .table-dark { color: #fff; background-color: #333 } .table-dark td, .table-dark th, .table-dark thead th { border-color: rgba(255,255,255,.35) } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.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:768.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:991.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 } } .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.5715em + .875rem + 2px); padding:.4375rem .875rem; font-size:.875rem; font-weight: 400; line-height: 1.5715; color: #333; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; 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:transparent; border:0 } .form-control:-moz-focusring { color:transparent; text-shadow:0 0 0 #333 } .form-control:focus { color: #333; border-color: #2196f3; outline: 0 } .form-control::-webkit-input-placeholder { color:#999; opacity:1 } .form-control::-moz-placeholder { color:#999; opacity:1 } .form-control:-ms-input-placeholder { color:#999; opacity:1 } .form-control::-ms-input-placeholder { color:#999; opacity:1 } .form-control::placeholder { color:#999; opacity:1 } .form-control:disabled, .form-control[readonly] { background-color: #fafafa; 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:#333; background-color:#fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top:calc(.4375rem + 1px); padding-bottom:calc(.4375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5715 } .col-form-label-lg { padding-top:calc(.5625rem + 1px); padding-bottom:calc(.5625rem + 1px); font-size:.9375rem; line-height: 1.4667 } .col-form-label-sm { padding-top:calc(.3125rem + 1px); padding-bottom:calc(.3125rem + 1px); font-size:.8125rem; line-height: 1.6924 } .form-control-plaintext { display: block; width: 100%; padding:.4375rem 0; margin-bottom: 0; font-size:.875rem; line-height: 1.5715; color: #333; background-color: transparent; border: solid transparent; 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.6924em + .625rem + 2px); padding:.3125rem .75rem; font-size:.8125rem; line-height: 1.6924; border-radius:.1875rem } .form-control-lg { height: calc(1.4667em + 1.125rem + 2px); padding:.5625rem 1rem; font-size:.9375rem; line-height: 1.4667; border-radius:.3125rem } select.form-control[multiple], select.form-control[size] { height: auto } textarea.form-control { height: auto } /*.form-group {*/ /* margin-bottom: 1.25rem*/ /*}*/ .form-text { display: block; margin-top:.5rem } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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.875rem } .form-check-input { position: absolute; margin-top:.3rem; margin-left: -1.875rem } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { color: #999 } .form-check-label { margin-bottom: 0 } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 1.25rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right:.625rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top:.5rem; font-size:.8125rem; color: #25b372 } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding:.375rem .75rem; margin-top:.1rem; font-size:.875rem; line-height: 1.5715; color: #fff; background-color: #25b372; 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:#25b372; padding-right:calc(1.5715em + .875rem); 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='%2325b372' 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(.39287em + .21875rem) center; background-size:calc(.78575em + .4375rem) calc(.78575em + .4375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color:#25b372; box-shadow:0 0 0 0 rgba(37,179,114,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right:calc(1.5715em + .875rem); background-position:top calc(.39287em + .21875rem) right calc(.39287em + .21875rem) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color:#25b372; padding-right:calc(.75em + 2.84375rem); 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='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem 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='%2325b372' 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 2.1875rem/calc(.78575em + .4375rem) calc(.78575em + .4375rem) no-repeat } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color:#25b372; box-shadow:0 0 0 0 rgba(37,179,114,.25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color:#25b372 } .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:#25b372 } .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before { border-color:#25b372 } .custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before { border-color:#36d58c; background-color:#36d58c } .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 rgba(37,179,114,.25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before { border-color:#25b372 } .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label { border-color:#25b372 } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label { border-color:#25b372; box-shadow:0 0 0 0 rgba(37,179,114,.25) } .invalid-feedback { display: none; width: 100%; margin-top:.5rem; font-size:.8125rem; color: #ef5350 } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding:.375rem .75rem; margin-top:.1rem; font-size:.875rem; line-height: 1.5715; color: #fff; background-color: #ef5350; 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:#ef5350; padding-right:calc(1.5715em + .875rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef5350' 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='%23ef5350' stroke='none'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right calc(.39287em + .21875rem) center; background-size:calc(.78575em + .4375rem) calc(.78575em + .4375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color:#ef5350; box-shadow:0 0 0 0 rgba(239,83,80,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right:calc(1.5715em + .875rem); background-position:top calc(.39287em + .21875rem) right calc(.39287em + .21875rem) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color:#ef5350; padding-right:calc(.75em + 2.84375rem); 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='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem 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='%23ef5350' 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='%23ef5350' stroke='none'/%3e%3c/svg%3e") center right 2.1875rem/calc(.78575em + .4375rem) calc(.78575em + .4375rem) no-repeat } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color:#ef5350; box-shadow:0 0 0 0 rgba(239,83,80,.25) } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color:#ef5350 } .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:#ef5350 } .custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before { border-color:#ef5350 } .custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before { border-color:#f3817f; background-color:#f3817f } .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 rgba(239,83,80,.25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before { border-color:#ef5350 } .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label { border-color:#ef5350 } .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color:#ef5350; box-shadow:0 0 0 0 rgba(239,83,80,.25) } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right:.25rem; margin-left: 0 } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } /*버튼*/ .btn { display: inline-block; height:36px; font-weight: 400; color: #333; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding:.3125rem .75rem /*.4375rem .875rem;*/; font-size:.875rem; line-height: 1.5715; 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: #333; text-decoration: none } .btn.focus, .btn:focus { outline: 0 } .btn.disabled, .btn:disabled { opacity: .65; box-shadow: none } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-group-sm>.btn, .btn-sm {height:32px; padding: 2px 0.625rem;/*.3125rem .75rem;*/ font-size: 13px; line-height:1; border-radius:5px;} .btn-primary { color: #fff; background-color:#5c6bc0; border-color:#5c6bc0 } .btn-primary:hover { color: #fff; background-color:#4a5bb9; border-color:#4a5bb9 } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color:#4a5bb9; border-color:#4a5bb9; outline: 0; box-shadow: 0 0 0 0 rgba(66,166,245,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; /* background-color: #2196f3; border-color: #2196f3 */ background-color: #4a5bb9; border-color: #4a5bb9 } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary { color: #fff; /*background-color: #0c7cd5; border-color: #0c7cd5 */ background-color: #4a5bb9; border-color: #4a5bb9 } .btn-primary-100 { color: #333; background-color: #e9f5fe; border-color: #e9f5fe } .btn-primary-100:hover { color: #333; background-color: #d1eafd; border-color: #d1eafd } .btn-primary-100.focus, .btn-primary-100:focus { color: #333; background-color: #d1eafd; border-color: #d1eafd; outline: 0; box-shadow: 0 0 0 0 rgba(206,216,224,.5) } .btn-primary-100.disabled, .btn-primary-100:disabled { color: #333; background-color: #e9f5fe; border-color: #e9f5fe } .btn-primary-100:not(:disabled):not(.disabled).active, .btn-primary-100:not(:disabled):not(.disabled):active, .show>.btn-primary-100 { color: #333; background-color: #b8dffc; border-color: #b8dffc } .btn-secondary { color: #fff; background-color: #45748a; border-color: #45748a } .btn-secondary:hover { color: #fff; background-color: #3d6679; border-color: #3d6679 } .btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #3d6679; border-color: #3d6679; outline: 0; box-shadow: 0 0 0 0 rgba(97,137,156,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #45748a; border-color: #45748a } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary { color: #fff; background-color: #345768; border-color: #345768 } .btn-secondary-100 { color: #333; background-color: #ecf1f3; border-color: #ecf1f3 } .btn-secondary-100:hover { color: #333; background-color: #dce5e9; border-color: #dce5e9 } .btn-secondary-100.focus, .btn-secondary-100:focus { color: #333; background-color: #dce5e9; border-color: #dce5e9; outline: 0; box-shadow: 0 0 0 0 rgba(208,213,214,.5) } .btn-secondary-100.disabled, .btn-secondary-100:disabled { color: #333; background-color: #ecf1f3; border-color: #ecf1f3 } .btn-secondary-100:not(:disabled):not(.disabled).active, .btn-secondary-100:not(:disabled):not(.disabled):active, .show>.btn-secondary-100 { color: #333; background-color: #cddadf; border-color: #cddadf } .btn-success { color: #fff; background-color: #25b372; border-color: #25b372 } .btn-success:hover { color: #fff; background-color: #219e65; border-color: #219e65 } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #219e65; border-color: #219e65; outline: 0; box-shadow: 0 0 0 0 rgba(70,190,135,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #25b372; border-color: #25b372 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success { color: #fff; background-color: #1c8957; border-color: #1c8957 } .btn-success-100 { color: #333; background-color: #e9f7f1; border-color: #e9f7f1 } .btn-success-100:hover { color: #333; background-color: #d6f0e5; border-color: #d6f0e5 } .btn-success-100.focus, .btn-success-100:focus { color: #333; background-color: #d6f0e5; border-color: #d6f0e5; outline: 0; box-shadow: 0 0 0 0 rgba(206,218,213,.5) } .btn-success-100.disabled, .btn-success-100:disabled { color: #333; background-color: #e9f7f1; border-color: #e9f7f1 } .btn-success-100:not(:disabled):not(.disabled).active, .btn-success-100:not(:disabled):not(.disabled):active, .show>.btn-success-100 { color: #333; background-color: #c4e9d9; border-color: #c4e9d9 } .btn-info { color: #fff; background-color: #2cbacc; border-color: #2cbacc } .btn-info:hover { color: #fff; background-color: #27a7b7; border-color: #27a7b7 } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #27a7b7; border-color: #27a7b7; outline: 0; box-shadow: 0 0 0 0 rgba(76,196,212,.5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2cbacc; border-color: #2cbacc } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info { color: #fff; background-color: #2394a2; border-color: #2394a2 } .btn-info-100 { color: #333; background-color: #eaf8fa; border-color: #eaf8fa } .btn-info-100:hover { color: #333; background-color: #d5f1f5; border-color: #d5f1f5 } .btn-info-100.focus, .btn-info-100:focus { color: #333; background-color: #d5f1f5; border-color: #d5f1f5; outline: 0; box-shadow: 0 0 0 0 rgba(207,218,220,.5) } .btn-info-100.disabled, .btn-info-100:disabled { color: #333; background-color: #eaf8fa; border-color: #eaf8fa } .btn-info-100:not(:disabled):not(.disabled).active, .btn-info-100:not(:disabled):not(.disabled):active, .show>.btn-info-100 { color: #333; background-color: #c1eaf0; border-color: #c1eaf0 } .btn-warning { color: #fff; background-color: #f58646; border-color: #f58646 } .btn-warning:hover { color: #fff; background-color: #f4762e; border-color: #f4762e } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #f4762e; border-color: #f4762e; outline: 0; box-shadow: 0 0 0 0 rgba(247,152,98,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #f58646; border-color: #f58646 } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning { color: #fff; background-color: #f26616; border-color: #f26616 } .btn-warning-100 { color: #333; background-color: #fef3ed; border-color: #fef3ed } .btn-warning-100:hover { color: #333; background-color: #fde3d5; border-color: #fde3d5 } .btn-warning-100.focus, .btn-warning-100:focus { color: #333; background-color: #fde3d5; border-color: #fde3d5; outline: 0; box-shadow: 0 0 0 0 rgba(224,214,209,.5) } .btn-warning-100.disabled, .btn-warning-100:disabled { color: #333; background-color: #fef3ed; border-color: #fef3ed } .btn-warning-100:not(:disabled):not(.disabled).active, .btn-warning-100:not(:disabled):not(.disabled):active, .show>.btn-warning-100 { color: #333; background-color: #fbd3bd; border-color: #fbd3bd } .btn-danger { color: #fff; background-color: #ef5350; border-color: #ef5350 } .btn-danger:hover { color: #fff; background-color: #ed3c39; border-color: #ed3c39 } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #ed3c39; border-color: #ed3c39; outline: 0; box-shadow: 0 0 0 0 rgba(241,109,106,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ef5350; border-color: #ef5350 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger { color: #fff; background-color: #eb2521; border-color: #eb2521 } .btn-danger-100 { color: #333; background-color: #fdeeee; border-color: #fdeeee } .btn-danger-100:hover { color: #333; background-color: #fad7d7; border-color: #fad7d7 } .btn-danger-100.focus, .btn-danger-100:focus { color: #333; background-color: #fad7d7; border-color: #fad7d7; outline: 0; box-shadow: 0 0 0 0 rgba(223,210,210,.5) } .btn-danger-100.disabled, .btn-danger-100:disabled { color: #333; background-color: #fdeeee; border-color: #fdeeee } .btn-danger-100:not(:disabled):not(.disabled).active, .btn-danger-100:not(:disabled):not(.disabled):active, .show>.btn-danger-100 { color: #333; background-color: #f8c0c0; border-color: #f8c0c0 } .btn-white { color: #333; background-color: #fff; border-color: #fff } .btn-white:hover { color: #333; background-color: #f2f2f2; border-color: #f2f2f2 } .btn-white.focus, .btn-white:focus { color: #333; background-color: #f2f2f2; border-color: #f2f2f2; outline: 0; box-shadow: 0 0 0 0 rgba(224,224,224,.5) } .btn-white.disabled, .btn-white:disabled { color: #333; background-color: #fff; border-color: #fff } .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white { color: #333; background-color: #e6e6e6; border-color: #e6e6e6 } .btn-light { color: #333; background-color: #f0f2f5; border-color: #f0f2f5 } .btn-light:hover { color: #333; background-color: #e1e5eb; border-color: #e1e5eb } .btn-light.focus, .btn-light:focus { color: #333; background-color: #e1e5eb; border-color: #e1e5eb; outline: 0; box-shadow: 0 0 0 0 rgba(212,213,216,.5) } .btn-light.disabled, .btn-light:disabled { color: #333; background-color: #f0f2f5; border-color: #f0f2f5 } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light { color: #333; background-color: #d1d7e1; border-color: #d1d7e1 } .btn-light-100 { color: #333; background-color: rgba(255,255,255,.1); border-color: rgba(255,255,255,.1) } .btn-light-100:hover { color: #333; background-color: rgba(242,242,242,.1); border-color: rgba(242,242,242,.1) } .btn-light-100.focus, .btn-light-100:focus { color: #333; background-color: rgba(242,242,242,.1); border-color: rgba(242,242,242,.1); outline: 0; box-shadow: 0 0 0 0 rgba(98,98,98,.5) } .btn-light-100.disabled, .btn-light-100:disabled { color: #333; background-color: rgba(255,255,255,.1); border-color: rgba(255,255,255,.1) } .btn-light-100:not(:disabled):not(.disabled).active, .btn-light-100:not(:disabled):not(.disabled):active, .show>.btn-light-100 { color: #333; background-color: rgba(230,230,230,.1); border-color: rgba(230,230,230,.1) } .btn-dark { color: #fff; background-color:#5c6bc0; border-color:#5c6bc0 } .btn-dark:hover { color: #fff; background-color: #4a5bb9; border-color: #4a5bb9 } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color:#4a5bb9; border-color:#4a5bb9; outline: 0; box-shadow: 0 0 0 0 rgba(70,75,84,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #252b36; border-color: #252b36 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark { color: #fff; background-color: #101318; border-color: #101318 } .btn-dark-100 { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-dark-100:hover { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-dark-100.focus, .btn-dark-100:focus { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1); outline: 0; box-shadow: 0 0 0 0 rgba(196,196,196,.5) } .btn-dark-100.disabled, .btn-dark-100:disabled { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-dark-100:not(:disabled):not(.disabled).active, .btn-dark-100:not(:disabled):not(.disabled):active, .show>.btn-dark-100 { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-teal { color: #fff; background-color: #26a69a; border-color: #26a69a } .btn-teal:hover { color: #fff; background-color: #219187; border-color: #219187 } .btn-teal.focus, .btn-teal:focus { color: #fff; background-color: #219187; border-color: #219187; outline: 0; box-shadow: 0 0 0 0 rgba(71,179,169,.5) } .btn-teal.disabled, .btn-teal:disabled { color: #fff; background-color: #26a69a; border-color: #26a69a } .btn-teal:not(:disabled):not(.disabled).active, .btn-teal:not(:disabled):not(.disabled):active, .show>.btn-teal { color: #fff; background-color: #1d7d74; border-color: #1d7d74 } .btn-teal-100 { color: #333; background-color: #e9f6f5; border-color: #e9f6f5 } .btn-teal-100:hover { color: #333; background-color: #d7efed; border-color: #d7efed } .btn-teal-100.focus, .btn-teal-100:focus { color: #333; background-color: #d7efed; border-color: #d7efed; outline: 0; box-shadow: 0 0 0 0 rgba(206,217,216,.5) } .btn-teal-100.disabled, .btn-teal-100:disabled { color: #333; background-color: #e9f6f5; border-color: #e9f6f5 } .btn-teal-100:not(:disabled):not(.disabled).active, .btn-teal-100:not(:disabled):not(.disabled):active, .show>.btn-teal-100 { color: #333; background-color: #c5e7e5; border-color: #c5e7e5 } .btn-gray { color: #525252; background-color: #f6f6f6; border-color: #ccc } .btn-gray:hover { color: #525252; background-color: #eee; border-color: #ccc } .btn-gray-200 { color: #666; background-color:var(--gray-200); border-color: var(--gray-200);; } .btn-gray-200 :hover { color: #525252; background-color: #999; border-color: #999 } .btn-indigo { color: #fff; background-color: #5c6bc0; border-color: #5c6bc0 } .btn-indigo:hover { color: #fff; background-color: #4a5ab9; border-color: #4a5ab9 } .btn-indigo.focus, .btn-indigo:focus { color: #fff; background-color: #4a5ab9; border-color: #4a5ab9; outline: 0; box-shadow: 0 0 0 0 rgba(116,129,201,.5) } .btn-indigo.disabled, .btn-indigo:disabled { color: #fff; background-color: #5c6bc0; border-color: #5c6bc0 } .btn-indigo:not(:disabled):not(.disabled).active, .btn-indigo:not(:disabled):not(.disabled):active, .show>.btn-indigo { color: #fff; background-color: #4150a8; border-color: #4150a8 } .btn-indigo-100 { color: #333; background-color: #eff0f9; border-color: #eff0f9 } .btn-indigo-100:hover { color: #333; background-color: #dcdff2; border-color: #dcdff2 } .btn-indigo-100.focus, .btn-indigo-100:focus { color: #333; background-color: #dcdff2; border-color: #dcdff2; outline: 0; box-shadow: 0 0 0 0 rgba(211,212,219,.5) } .btn-indigo-100.disabled, .btn-indigo-100:disabled { color: #333; background-color: #eff0f9; border-color: #eff0f9 } .btn-indigo-100:not(:disabled):not(.disabled).active, .btn-indigo-100:not(:disabled):not(.disabled):active, .show>.btn-indigo-100 { color: #333; background-color: #cacdeb; border-color: #cacdeb } .btn-purple { color: #fff; background-color: #8e70c1; border-color: #8e70c1 } .btn-purple:hover { color: #fff; background-color: #805eb9; border-color: #805eb9 } .btn-purple.focus, .btn-purple:focus { color: #fff; background-color: #805eb9; border-color: #805eb9; outline: 0; box-shadow: 0 0 0 0 rgba(159,133,202,.5) } .btn-purple.disabled, .btn-purple:disabled { color: #fff; background-color: #8e70c1; border-color: #8e70c1 } .btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show>.btn-purple { color: #fff; background-color: #724db1; border-color: #724db1 } .btn-purple-100 { color: #333; background-color: #f4f1f9; border-color: #f4f1f9 } .btn-purple-100:hover { color: #333; background-color: #e6dff1; border-color: #e6dff1 } .btn-purple-100.focus, .btn-purple-100:focus { color: #333; background-color: #e6dff1; border-color: #e6dff1; outline: 0; box-shadow: 0 0 0 0 rgba(215,213,219,.5) } .btn-purple-100.disabled, .btn-purple-100:disabled { color: #333; background-color: #f4f1f9; border-color: #f4f1f9 } .btn-purple-100:not(:disabled):not(.disabled).active, .btn-purple-100:not(:disabled):not(.disabled):active, .show>.btn-purple-100 { color: #333; background-color: #d8cdea; border-color: #d8cdea } .btn-pink { color: #fff; background-color: #f35c86; border-color: #f35c86 } .btn-pink:hover { color: #fff; background-color: #f14474; border-color: #f14474 } .btn-pink.focus, .btn-pink:focus { color: #fff; background-color: #f14474; border-color: #f14474; outline: 0; box-shadow: 0 0 0 0 rgba(245,116,152,.5) } .btn-pink.disabled, .btn-pink:disabled { color: #fff; background-color: #f35c86; border-color: #f35c86 } .btn-pink:not(:disabled):not(.disabled).active, .btn-pink:not(:disabled):not(.disabled):active, .show>.btn-pink { color: #fff; background-color: #f02c63; border-color: #f02c63 } .btn-pink-100 { color: #333; background-color: #feeff3; border-color: #feeff3 } .btn-pink-100:hover { color: #333; background-color: #fdd7e1; border-color: #fdd7e1 } .btn-pink-100.focus, .btn-pink-100:focus { color: #333; background-color: #fdd7e1; border-color: #fdd7e1; outline: 0; box-shadow: 0 0 0 0 rgba(224,211,214,.5) } .btn-pink-100.disabled, .btn-pink-100:disabled { color: #333; background-color: #feeff3; border-color: #feeff3 } .btn-pink-100:not(:disabled):not(.disabled).active, .btn-pink-100:not(:disabled):not(.disabled):active, .show>.btn-pink-100 { color: #333; background-color: #fbbfcf; border-color: #fbbfcf } .btn-yellow { color: #333; background-color: #ffd648; border-color: #ffd648 } .btn-yellow:hover { color: #333; background-color: #ffd02f; border-color: #ffd02f } .btn-yellow.focus, .btn-yellow:focus { color: #333; background-color: #ffd02f; border-color: #ffd02f; outline: 0; box-shadow: 0 0 0 0 rgba(224,190,69,.5) } .btn-yellow.disabled, .btn-yellow:disabled { color: #333; background-color: #ffd648; border-color: #ffd648 } .btn-yellow:not(:disabled):not(.disabled).active, .btn-yellow:not(:disabled):not(.disabled):active, .show>.btn-yellow { color: #333; background-color: #ffcb15; border-color: #ffcb15 } .btn-yellow-100 { color: #333; background-color: #fffbed; border-color: #fffbed } .btn-yellow-100:hover { color: #333; background-color: #fff5d4; border-color: #fff5d4 } .btn-yellow-100.focus, .btn-yellow-100:focus { color: #333; background-color: #fff5d4; border-color: #fff5d4; outline: 0; box-shadow: 0 0 0 0 rgba(224,221,209,.5) } .btn-yellow-100.disabled, .btn-yellow-100:disabled { color: #333; background-color: #fffbed; border-color: #fffbed } .btn-yellow-100:not(:disabled):not(.disabled).active, .btn-yellow-100:not(:disabled):not(.disabled):active, .show>.btn-yellow-100 { color: #333; background-color: #fff0ba; border-color: #fff0ba } .btn-outline-primary { color: #2196f3; border-color: #2196f3 } .btn-outline-primary:hover { color: #fff; background-color: #2196f3; border-color: #2196f3 } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0 rgba(33,150,243,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #2196f3; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary { color: #fff; background-color: #0c83e2; border-color: #0c83e2 } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary:focus { box-shadow: 0 0 0 0 rgba(33,150,243,.5) } .btn-outline-primary-100 { color: #e9f5fe; border-color: #e9f5fe } .btn-outline-primary-100:hover { color: #333; background-color: #e9f5fe; border-color: #e9f5fe } .btn-outline-primary-100.focus, .btn-outline-primary-100:focus { box-shadow: 0 0 0 0 rgba(233,245,254,.5) } .btn-outline-primary-100.disabled, .btn-outline-primary-100:disabled { color: #e9f5fe; background-color: transparent } .btn-outline-primary-100:not(:disabled):not(.disabled).active, .btn-outline-primary-100:not(:disabled):not(.disabled):active, .show>.btn-outline-primary-100 { color: #333; background-color: #c4e4fc; border-color: #c4e4fc } .btn-outline-primary-100:not(:disabled):not(.disabled).active:focus, .btn-outline-primary-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary-100:focus { box-shadow: 0 0 0 0 rgba(233,245,254,.5) } .btn-outline-secondary { color: #45748a; border-color: #45748a } .btn-outline-secondary:hover { color: #fff; background-color: #45748a; border-color: #45748a } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0 rgba(69,116,138,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #45748a; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary { color: #fff; background-color: #385f71; border-color: #385f71 } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary:focus { box-shadow: 0 0 0 0 rgba(69,116,138,.5) } .btn-outline-secondary-100 { color: #ecf1f3; border-color: #ecf1f3 } .btn-outline-secondary-100:hover { color: #333; background-color: #ecf1f3; border-color: #ecf1f3 } .btn-outline-secondary-100.focus, .btn-outline-secondary-100:focus { box-shadow: 0 0 0 0 rgba(236,241,243,.5) } .btn-outline-secondary-100.disabled, .btn-outline-secondary-100:disabled { color: #ecf1f3; background-color: transparent } .btn-outline-secondary-100:not(:disabled):not(.disabled).active, .btn-outline-secondary-100:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary-100 { color: #333; background-color: #d5e0e4; border-color: #d5e0e4 } .btn-outline-secondary-100:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary-100:focus { box-shadow: 0 0 0 0 rgba(236,241,243,.5) } .btn-outline-success { color: #25b372; border-color: #25b372 } .btn-outline-success:hover { color: #fff; background-color: #25b372; border-color: #25b372 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 0 rgba(37,179,114,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #25b372; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success { color: #fff; background-color: #1e935e; border-color: #1e935e } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success:focus { box-shadow: 0 0 0 0 rgba(37,179,114,.5) } .btn-outline-success-100 { color: #e9f7f1; border-color: #e9f7f1 } .btn-outline-success-100:hover { color: #333; background-color: #e9f7f1; border-color: #e9f7f1 } .btn-outline-success-100.focus, .btn-outline-success-100:focus { box-shadow: 0 0 0 0 rgba(233,247,241,.5) } .btn-outline-success-100.disabled, .btn-outline-success-100:disabled { color: #e9f7f1; background-color: transparent } .btn-outline-success-100:not(:disabled):not(.disabled).active, .btn-outline-success-100:not(:disabled):not(.disabled):active, .show>.btn-outline-success-100 { color: #333; background-color: #cdeddf; border-color: #cdeddf } .btn-outline-success-100:not(:disabled):not(.disabled).active:focus, .btn-outline-success-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success-100:focus { box-shadow: 0 0 0 0 rgba(233,247,241,.5) } .btn-outline-info { color: #2cbacc; border-color: #2cbacc } .btn-outline-info:hover { color: #fff; background-color: #2cbacc; border-color: #2cbacc } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 0 rgba(44,186,204,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2cbacc; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info { color: #fff; background-color: #259dad; border-color: #259dad } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info:focus { box-shadow: 0 0 0 0 rgba(44,186,204,.5) } .btn-outline-info-100 { color: #eaf8fa; border-color: #eaf8fa } .btn-outline-info-100:hover { color: #333; background-color: #eaf8fa; border-color: #eaf8fa } .btn-outline-info-100.focus, .btn-outline-info-100:focus { box-shadow: 0 0 0 0 rgba(234,248,250,.5) } .btn-outline-info-100.disabled, .btn-outline-info-100:disabled { color: #eaf8fa; background-color: transparent } .btn-outline-info-100:not(:disabled):not(.disabled).active, .btn-outline-info-100:not(:disabled):not(.disabled):active, .show>.btn-outline-info-100 { color: #333; background-color: #cbeef3; border-color: #cbeef3 } .btn-outline-info-100:not(:disabled):not(.disabled).active:focus, .btn-outline-info-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info-100:focus { box-shadow: 0 0 0 0 rgba(234,248,250,.5) } .btn-outline-warning { color: #f58646; border-color: #f58646 } .btn-outline-warning:hover { color: #fff; background-color: #f58646; border-color: #f58646 } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 0 rgba(245,134,70,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f58646; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning { color: #fff; background-color: #f36e22; border-color: #f36e22 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning:focus { box-shadow: 0 0 0 0 rgba(245,134,70,.5) } .btn-outline-warning-100 { color: #fef3ed; border-color: #fef3ed } .btn-outline-warning-100:hover { color: #333; background-color: #fef3ed; border-color: #fef3ed } .btn-outline-warning-100.focus, .btn-outline-warning-100:focus { box-shadow: 0 0 0 0 rgba(254,243,237,.5) } .btn-outline-warning-100.disabled, .btn-outline-warning-100:disabled { color: #fef3ed; background-color: transparent } .btn-outline-warning-100:not(:disabled):not(.disabled).active, .btn-outline-warning-100:not(:disabled):not(.disabled):active, .show>.btn-outline-warning-100 { color: #333; background-color: #fcdbc9; border-color: #fcdbc9 } .btn-outline-warning-100:not(:disabled):not(.disabled).active:focus, .btn-outline-warning-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning-100:focus { box-shadow: 0 0 0 0 rgba(254,243,237,.5) } .btn-outline-danger { color: #ef5350; border-color: #ef5350 } .btn-outline-danger:hover { color: #fff; background-color: #ef5350; border-color: #ef5350 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 0 rgba(239,83,80,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ef5350; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger { color: #fff; background-color: #ec312d; border-color: #ec312d } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger:focus { box-shadow: 0 0 0 0 rgba(239,83,80,.5) } .btn-outline-danger-100 { color: #fdeeee; border-color: #fdeeee } .btn-outline-danger-100:hover { color: #333; background-color: #fdeeee; border-color: #fdeeee } .btn-outline-danger-100.focus, .btn-outline-danger-100:focus { box-shadow: 0 0 0 0 rgba(253,238,238,.5) } .btn-outline-danger-100.disabled, .btn-outline-danger-100:disabled { color: #fdeeee; background-color: transparent } .btn-outline-danger-100:not(:disabled):not(.disabled).active, .btn-outline-danger-100:not(:disabled):not(.disabled):active, .show>.btn-outline-danger-100 { color: #333; background-color: #f9cccc; border-color: #f9cccc } .btn-outline-danger-100:not(:disabled):not(.disabled).active:focus, .btn-outline-danger-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger-100:focus { box-shadow: 0 0 0 0 rgba(253,238,238,.5) } .btn-outline-white { color: #fff; border-color: #fff } .btn-outline-white:hover { color: #333; background-color: #fff; border-color: #fff } .btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 0 rgba(255,255,255,.5) } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent } .btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white { color: #333; background-color: #ececec; border-color: #ececec } .btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-white:focus { box-shadow: 0 0 0 0 rgba(255,255,255,.5) } .btn-outline-light { color: #f0f2f5; border-color: #f0f2f5 } .btn-outline-light:hover { color: #333; background-color: #f0f2f5; border-color: #f0f2f5 } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 0 rgba(240,242,245,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f0f2f5; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light { color: #333; background-color: #d9dee6; border-color: #d9dee6 } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light:focus { box-shadow: 0 0 0 0 rgba(240,242,245,.5) } .btn-outline-light-100 { color: rgba(255,255,255,.1); border-color: rgba(255,255,255,.1) } .btn-outline-light-100:hover { color: #333; background-color: rgba(255,255,255,.1); border-color: rgba(255,255,255,.1) } .btn-outline-light-100.focus, .btn-outline-light-100:focus { box-shadow: 0 0 0 0 rgba(255,255,255,.5) } .btn-outline-light-100.disabled, .btn-outline-light-100:disabled { color: rgba(255,255,255,.1); background-color: transparent } .btn-outline-light-100:not(:disabled):not(.disabled).active, .btn-outline-light-100:not(:disabled):not(.disabled):active, .show>.btn-outline-light-100 { color: #333; background-color: rgba(236,236,236,.1); border-color: rgba(236,236,236,.1) } .btn-outline-light-100:not(:disabled):not(.disabled).active:focus, .btn-outline-light-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light-100:focus { box-shadow: 0 0 0 0 rgba(255,255,255,.5) } .btn-outline-dark { color: #252b36; border-color: #252b36 } .btn-outline-dark:hover { color: #fff; background-color: #252b36; border-color: #252b36 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 0 rgba(37,43,54,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #252b36; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark { color: #fff; background-color: #15191f; border-color: #15191f } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark:focus { box-shadow: 0 0 0 0 rgba(37,43,54,.5) } .btn-outline-dark-100 { color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-outline-dark-100:hover { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-outline-dark-100.focus, .btn-outline-dark-100:focus { box-shadow: 0 0 0 0 rgba(0,0,0,.5) } .btn-outline-dark-100.disabled, .btn-outline-dark-100:disabled { color: rgba(0,0,0,.1); background-color: transparent } .btn-outline-dark-100:not(:disabled):not(.disabled).active, .btn-outline-dark-100:not(:disabled):not(.disabled):active, .show>.btn-outline-dark-100 { color: #fff; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) } .btn-outline-dark-100:not(:disabled):not(.disabled).active:focus, .btn-outline-dark-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark-100:focus { box-shadow: 0 0 0 0 rgba(0,0,0,.5) } .btn-outline-teal { color: #26a69a; border-color: #26a69a } .btn-outline-teal:hover { color: #fff; background-color: #26a69a; border-color: #26a69a } .btn-outline-teal.focus, .btn-outline-teal:focus { box-shadow: 0 0 0 0 rgba(38,166,154,.5) } .btn-outline-teal.disabled, .btn-outline-teal:disabled { color: #26a69a; background-color: transparent } .btn-outline-teal:not(:disabled):not(.disabled).active, .btn-outline-teal:not(:disabled):not(.disabled):active, .show>.btn-outline-teal { color: #fff; background-color: #1f877d; border-color: #1f877d } .btn-outline-teal:not(:disabled):not(.disabled).active:focus, .btn-outline-teal:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-teal:focus { box-shadow: 0 0 0 0 rgba(38,166,154,.5) } .btn-outline-teal-100 { color: #e9f6f5; border-color: #e9f6f5 } .btn-outline-teal-100:hover { color: #333; background-color: #e9f6f5; border-color: #e9f6f5 } .btn-outline-teal-100.focus, .btn-outline-teal-100:focus { box-shadow: 0 0 0 0 rgba(233,246,245,.5) } .btn-outline-teal-100.disabled, .btn-outline-teal-100:disabled { color: #e9f6f5; background-color: transparent } .btn-outline-teal-100:not(:disabled):not(.disabled).active, .btn-outline-teal-100:not(:disabled):not(.disabled):active, .show>.btn-outline-teal-100 { color: #333; background-color: #ceebe9; border-color: #ceebe9 } .btn-outline-teal-100:not(:disabled):not(.disabled).active:focus, .btn-outline-teal-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-teal-100:focus { box-shadow: 0 0 0 0 rgba(233,246,245,.5) } .btn-outline-indigo { color: #5c6bc0; border-color: #5c6bc0 } .btn-outline-indigo:hover { color: #fff; background-color: #5c6bc0; border-color: #5c6bc0 } .btn-outline-indigo.focus, .btn-outline-indigo:focus { box-shadow: 0 0 0 0 rgba(92,107,192,.5) } .btn-outline-indigo.disabled, .btn-outline-indigo:disabled { color: #5c6bc0; background-color: transparent } .btn-outline-indigo:not(:disabled):not(.disabled).active, .btn-outline-indigo:not(:disabled):not(.disabled):active, .show>.btn-outline-indigo { color: #fff; background-color: #4555b1; border-color: #4555b1 } .btn-outline-indigo:not(:disabled):not(.disabled).active:focus, .btn-outline-indigo:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-indigo:focus { box-shadow: 0 0 0 0 rgba(92,107,192,.5) } .btn-outline-indigo-100 { color: #eff0f9; border-color: #eff0f9 } .btn-outline-indigo-100:hover { color: #333; background-color: #eff0f9; border-color: #eff0f9 } .btn-outline-indigo-100.focus, .btn-outline-indigo-100:focus { box-shadow: 0 0 0 0 rgba(239,240,249,.5) } .btn-outline-indigo-100.disabled, .btn-outline-indigo-100:disabled { color: #eff0f9; background-color: transparent } .btn-outline-indigo-100:not(:disabled):not(.disabled).active, .btn-outline-indigo-100:not(:disabled):not(.disabled):active, .show>.btn-outline-indigo-100 { color: #333; background-color: #d3d6ef; border-color: #d3d6ef } .btn-outline-indigo-100:not(:disabled):not(.disabled).active:focus, .btn-outline-indigo-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-indigo-100:focus { box-shadow: 0 0 0 0 rgba(239,240,249,.5) } .btn-outline-purple { color: #8e70c1; border-color: #8e70c1 } .btn-outline-purple:hover { color: #fff; background-color: #8e70c1; border-color: #8e70c1 } .btn-outline-purple.focus, .btn-outline-purple:focus { box-shadow: 0 0 0 0 rgba(142,112,193,.5) } .btn-outline-purple.disabled, .btn-outline-purple:disabled { color: #8e70c1; background-color: transparent } .btn-outline-purple:not(:disabled):not(.disabled).active, .btn-outline-purple:not(:disabled):not(.disabled):active, .show>.btn-outline-purple { color: #fff; background-color: #7955b5; border-color: #7955b5 } .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-purple:focus { box-shadow: 0 0 0 0 rgba(142,112,193,.5) } .btn-outline-purple-100 { color: #f4f1f9; border-color: #f4f1f9 } .btn-outline-purple-100:hover { color: #333; background-color: #f4f1f9; border-color: #f4f1f9 } .btn-outline-purple-100.focus, .btn-outline-purple-100:focus { box-shadow: 0 0 0 0 rgba(244,241,249,.5) } .btn-outline-purple-100.disabled, .btn-outline-purple-100:disabled { color: #f4f1f9; background-color: transparent } .btn-outline-purple-100:not(:disabled):not(.disabled).active, .btn-outline-purple-100:not(:disabled):not(.disabled):active, .show>.btn-outline-purple-100 { color: #333; background-color: #dfd6ee; border-color: #dfd6ee } .btn-outline-purple-100:not(:disabled):not(.disabled).active:focus, .btn-outline-purple-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-purple-100:focus { box-shadow: 0 0 0 0 rgba(244,241,249,.5) } .btn-outline-pink { color: #f35c86; border-color: #f35c86 } .btn-outline-pink:hover { color: #fff; background-color: #f35c86; border-color: #f35c86 } .btn-outline-pink.focus, .btn-outline-pink:focus { box-shadow: 0 0 0 0 rgba(243,92,134,.5) } .btn-outline-pink.disabled, .btn-outline-pink:disabled { color: #f35c86; background-color: transparent } .btn-outline-pink:not(:disabled):not(.disabled).active, .btn-outline-pink:not(:disabled):not(.disabled):active, .show>.btn-outline-pink { color: #fff; background-color: #f0386c; border-color: #f0386c } .btn-outline-pink:not(:disabled):not(.disabled).active:focus, .btn-outline-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-pink:focus { box-shadow: 0 0 0 0 rgba(243,92,134,.5) } .btn-outline-pink-100 { color: #feeff3; border-color: #feeff3 } .btn-outline-pink-100:hover { color: #333; background-color: #feeff3; border-color: #feeff3 } .btn-outline-pink-100.focus, .btn-outline-pink-100:focus { box-shadow: 0 0 0 0 rgba(254,239,243,.5) } .btn-outline-pink-100.disabled, .btn-outline-pink-100:disabled { color: #feeff3; background-color: transparent } .btn-outline-pink-100:not(:disabled):not(.disabled).active, .btn-outline-pink-100:not(:disabled):not(.disabled):active, .show>.btn-outline-pink-100 { color: #333; background-color: #fccbd8; border-color: #fccbd8 } .btn-outline-pink-100:not(:disabled):not(.disabled).active:focus, .btn-outline-pink-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-pink-100:focus { box-shadow: 0 0 0 0 rgba(254,239,243,.5) } .btn-outline-yellow { color: #ffd648; border-color: #ffd648 } .btn-outline-yellow:hover { color: #333; background-color: #ffd648; border-color: #ffd648 } .btn-outline-yellow.focus, .btn-outline-yellow:focus { box-shadow: 0 0 0 0 rgba(255,214,72,.5) } .btn-outline-yellow.disabled, .btn-outline-yellow:disabled { color: #ffd648; background-color: transparent } .btn-outline-yellow:not(:disabled):not(.disabled).active, .btn-outline-yellow:not(:disabled):not(.disabled):active, .show>.btn-outline-yellow { color: #333; background-color: #ffcd22; border-color: #ffcd22 } .btn-outline-yellow:not(:disabled):not(.disabled).active:focus, .btn-outline-yellow:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-yellow:focus { box-shadow: 0 0 0 0 rgba(255,214,72,.5) } .btn-outline-yellow-100 { color: #fffbed; border-color: #fffbed } .btn-outline-yellow-100:hover { color: #333; background-color: #fffbed; border-color: #fffbed } .btn-outline-yellow-100.focus, .btn-outline-yellow-100:focus { box-shadow: 0 0 0 0 rgba(255,251,237,.5) } .btn-outline-yellow-100.disabled, .btn-outline-yellow-100:disabled { color: #fffbed; background-color: transparent } .btn-outline-yellow-100:not(:disabled):not(.disabled).active, .btn-outline-yellow-100:not(:disabled):not(.disabled):active, .show>.btn-outline-yellow-100 { color: #333; background-color: #fff3c7; border-color: #fff3c7 } .btn-outline-yellow-100:not(:disabled):not(.disabled).active:focus, .btn-outline-yellow-100:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-yellow-100:focus { box-shadow: 0 0 0 0 rgba(255,251,237,.5) } .btn-outline-gray {color: #787878; background:#fff; border-color: #ddd;} .btn-outline-gray:hover {background-color: #f6f6f6;} .btn-link { font-weight: 400; color: #2196f3; text-decoration: none } .btn-link:hover { color: #0a6ebd; text-decoration: none } .btn-link.focus, .btn-link:focus { text-decoration: none } .btn-link.disabled, .btn-link:disabled { color: #999; pointer-events: none } .btn-group-lg>.btn, .btn-lg { padding:.5625rem 1rem; font-size:.9375rem; line-height: 1.4667; border-radius:.3125rem } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top:.5rem } #down-btn, #up-btn {height:32px;} input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .15s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { min-width:auto; white-space: nowrap } .dropdown-toggle::after { font-family: icomoon; display: inline-block; border: 0; vertical-align: middle; font-size: 1rem; margin-left:.46875rem; line-height: 1; position: relative; content: "" } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 12.5rem; padding:0; margin:.125rem 0 0; font-size:.875rem; color: #333; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .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:769px) { .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width:992px) { .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 } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom:.125rem } .dropup .dropdown-toggle::after { font-family: icomoon; display: inline-block; border: 0; vertical-align: middle; font-size: 1rem; margin-left:.46875rem; line-height: 1; position: relative; content: "" } .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 { font-family: icomoon; display: inline-block; border: 0; vertical-align: middle; font-size: 1rem; margin-left:.46875rem; line-height: 1; /* position: relative; */ content: "" } .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 { font-family: icomoon; display: inline-block; border: 0; vertical-align: middle; font-size: 1rem; margin-left:.46875rem; line-height: 1; position: relative } .dropleft .dropdown-toggle::after { content: none } .dropleft .dropdown-toggle::before { font-family: icomoon; display: inline-block; border: 0; font-size: 1rem; margin-right:.46875rem; line-height: 1; position: relative; content: "" } .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:0; overflow: hidden; border-top: 1px solid #ddd } .dropdown-item { display: block; width: 100%; padding:.5rem 1rem; clear: both; font-weight: 400; color: #333; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #333; text-decoration: none; background-color: #eee } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #2196f3 } .dropdown-item.disabled, .dropdown-item:disabled { color: #999; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding:.5rem 1rem; margin-bottom: 0; font-size:.8125rem; color: #999; white-space: nowrap } .dropdown-item-text { display: block; padding:.5rem 1rem; color: #333 } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .btn-group-vertical>.btn:hover, .btn-group>.btn:hover { z-index: 1 } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus { z-index: 1 } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; 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:.65625rem; padding-left:.65625rem } .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:.5625rem; padding-left:.5625rem } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right:.75rem; padding-left:.75rem } .btn-group.show .dropdown-toggle.btn-link { box-shadow: none } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; 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 input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; 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: -ms-flexbox; display: flex; -ms-flex-align: center; 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: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.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) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-append, .input-group-prepend { display: -ms-flexbox; 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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:.4375rem .875rem; margin-bottom: 0; font-size:.875rem; font-weight: 400; line-height: 1.5715; color: #333; text-align: center; white-space: nowrap; background-color: #fafafa; border: 1px solid #ddd; 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.4667em + 1.125rem + 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:.5625rem 1rem; font-size:.9375rem; line-height: 1.4667; border-radius:.3125rem } .input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) { height:calc(1.6924em + .625rem + 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:.3125rem .75rem; font-size:.8125rem; line-height: 1.6924; border-radius:.1875rem } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 2.1875rem } .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 } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.37506rem; padding-left: 2rem; -webkit-print-color-adjust: exact; color-adjust: exact } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.25rem; height: 1.31253rem; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #2196f3; background-color: #2196f3 } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #c4c4c4 } .custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label { color: #999 } .custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before { background-color: #fff } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; cursor: pointer } .custom-control-label::before { position: absolute; top:.06253rem; left: -2rem; display: block; width: 1.25rem; height: 1.25rem; pointer-events: none; content: ""; background-color: #fff; border: #ddd solid 2px; box-shadow: 0 0 0 0 transparent } .custom-control-label::after { position: absolute; top:.06253rem; left: -2rem; display: block; width: 1.25rem; height: 1.25rem; content: ""; background: 50%/50% 50% no-repeat } .custom-checkbox .custom-control-label::before { border-radius:.1875rem } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #ddd; background-color: #fff } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #2196f3 } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: #2196f3 } .custom-radio .custom-control-label::before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #2196f3 } .custom-switch { padding-left: 2.9375rem } .custom-switch .custom-control-label::before { left: -2.9375rem; width: 2.1875rem; pointer-events: all; border-radius:.625rem } .custom-switch .custom-control-label::after { top:calc(.06253rem + 4px); left: calc(-2.9375rem + 4px); width: 1rem; height: 1rem; background-color: #ddd; border-radius:.625rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label::after { transition: none } } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform:translateX(.9375rem); transform:translateX(.9375rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #2196f3 } .custom-select { display: inline-block; width: 100%; height: 28px /*calc(1.5715em + .875rem + 2px)*/; padding:0 2.1875rem 0 10px /*.4375rem 2.1875rem .4375rem .875rem*/; font-size:.875rem; font-weight: 400; line-height: 28px /*1.5715*/; color: #333; vertical-align: middle; background:#fff 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='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem center/8px 10px no-repeat; border: 1px solid #ccc; border-radius:.25rem; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #2196f3; outline: 0 } .custom-select:focus::-ms-value { color:#333; background-color:#fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right:.875rem; background-image: none } .custom-select:disabled { color: #999; background-color: #f5f5f5 } .custom-select::-ms-expand { display:none } .custom-select:-moz-focusring { color:transparent; text-shadow:0 0 0 #333 } .custom-select-sm { height:calc(1.6924em + .625rem + 2px); padding-top:.3125rem; padding-bottom:.3125rem; padding-left:.75rem; font-size:.8125rem } .custom-select-lg { height: calc(1.4667em + 1.125rem + 2px); padding-top:.5625rem; padding-bottom:.5625rem; padding-left: 1rem; font-size:.9375rem } .custom-file { position: relative; display: inline-block; width: 100%; height: 28px !important; margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: 28px !important; margin: 0; overflow: hidden; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #2196f3 } .custom-file-input:disabled~.custom-file-label, .custom-file-input[disabled]~.custom-file-label { background-color: #fafafa } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse" } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { height: 28px !important; line-height: 14px; position: absolute; top: 0; right: 0; left: 0; z-index: 1; padding:.4375rem .875rem; overflow: hidden; font-weight: 400; color: #333; background-color: #fff; border: 1px solid #ddd; border-radius:.25rem; } .custom-file-label::after { height: 28px !important; position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; padding:.4375rem .875rem; color: #fff; content: "Browse"; background-color: #039BE5; border-left: inherit; border-radius:0 .25rem .25rem 0; } .custom-file-label.disabled::after { background-color: #e6e6e6; color: #000; } .custom-range { width: 100%; height: 1rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow:0 0 0 1px #f5f5f5 } .custom-range:focus::-moz-range-thumb { box-shadow:0 0 0 1px #f5f5f5 } .custom-range:focus::-ms-thumb { box-shadow:0 0 0 1px #f5f5f5 } .custom-range::-moz-focus-outer { border:0 } .custom-range::-webkit-slider-thumb { width:1rem; height:1rem; margin-top:-.25rem; background-color:#2196f3; border:0; border-radius:1rem; box-shadow:0 .1rem .25rem rgba(0,0,0,.1); -webkit-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance:none; appearance:none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition:none; transition:none } } .custom-range::-webkit-slider-thumb:active { background-color:#cae6fc } .custom-range::-webkit-slider-runnable-track { width:100%; height:.5rem; color:transparent; cursor:pointer; background-color:#eee; border-color:transparent; border-radius:1rem; box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1) } .custom-range::-moz-range-thumb { width:1rem; height:1rem; background-color:#2196f3; border:0; border-radius:1rem; box-shadow:0 .1rem .25rem rgba(0,0,0,.1); -moz-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance:none; appearance:none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { -moz-transition:none; transition:none } } .custom-range::-moz-range-thumb:active { background-color:#cae6fc } .custom-range::-moz-range-track { width:100%; height:.5rem; color:transparent; cursor:pointer; background-color:#eee; border-color:transparent; border-radius:1rem; box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1) } .custom-range::-ms-thumb { width:1rem; height:1rem; margin-top:0; margin-right:0; margin-left:0; background-color:#2196f3; border:0; border-radius:1rem; box-shadow:0 .1rem .25rem rgba(0,0,0,.1); -ms-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; appearance:none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { -ms-transition:none; transition:none } } .custom-range::-ms-thumb:active { background-color:#cae6fc } .custom-range::-ms-track { width:100%; height:.5rem; color:transparent; cursor:pointer; background-color:transparent; border-color:transparent; border-width:.5rem; box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1) } .custom-range::-ms-fill-lower { background-color:#eee; border-radius:1rem } .custom-range::-ms-fill-upper { margin-right:15px; background-color:#eee; border-radius:1rem } .custom-range:disabled::-webkit-slider-thumb { background-color:#999 } .custom-range:disabled::-webkit-slider-runnable-track { cursor:default } .custom-range:disabled::-moz-range-thumb { background-color:#999 } .custom-range:disabled::-moz-range-track { cursor:default } .custom-range:disabled::-ms-thumb { background-color:#999 } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding:.75rem 1.875rem /*1.25rem*/ } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #999; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: transparent } .nav-tabs .nav-link.disabled { color: #999; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #333; background-color: #fff; border-color: #ddd #ddd #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: #fff; background-color: #2196f3 } .nav-fill .nav-item, .nav-fill>.nav-link { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } /*.tab-content .card-header {padding: 0.625rem 0;}*/ .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.25rem } #navbar-mobile .dropdown-user a {color:#5c6bc0;} .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar-brand { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:18.75rem; /*padding-left:1.25rem;*/ margin-right: 1.25rem; font-size: 0; line-height: inherit; white-space: nowrap; background-color:#1a2738; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar .d-none {padding-right:1.25rem;} .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top:.75rem; padding-bottom:.75rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center } .navbar-toggler { padding:1rem .75rem; font-size:.875rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0 } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto } @media (max-width:575.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem } .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (max-width:768.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:769px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (max-width:991.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem } .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (max-width:1199.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem } .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem } .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: #333 } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: #333 } .navbar-light .navbar-nav .nav-link { color: rgba(51,51,51,.75) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #333 } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #333 } .navbar-light .navbar-toggler { color: rgba(51,51,51,.75); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2851, 51, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(51,51,51,.75) } .navbar-light .navbar-text a { color: #333 } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: #333 } .navbar-dark {background:#fff; border-bottom:1px solid #f1f1f1;} .navbar-dark .navbar-brand { color: #fff; background-color:#fff; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.9) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #fff } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.5) } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { /* color: rgba(255,255,255,.9); */ border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.9) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius:.25rem } .card > #frm {border-bottom:1px solid #dfdfdf;} .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 { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .card-title { margin-bottom: 1.25rem } .card-subtitle { margin-top:-.625rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { padding: 0.625rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.02); 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: 1.25rem 1.25rem; background-color: rgba(0,0,0,.02); 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-right:-.625rem; margin-bottom: -1.25rem; margin-left:-.625rem; border-bottom: 0 } .card-header-pills { 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 { -ms-flex-negative: 0; 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: 1.25rem } @media (min-width:576px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -1.25rem; margin-left: -1.25rem } .card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 1.25rem; margin-bottom: 0; margin-left: 1.25rem } } .card-group>.card { margin-bottom: 1.25rem } @media (min-width:576px) { .card-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group>.card { -ms-flex: 1 0 0%; 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: 1.25rem } @media (min-width:576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-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 } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:.625rem 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0 } .breadcrumb-item+.breadcrumb-item { padding-left:.625rem } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right:.625rem; color: inherit; content: "/" } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #999 } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius:.25rem } .page-link { position: relative; display: block; padding:.4375rem .875rem; margin-left: -1px; line-height: 1.5715; color: #333; background-color: #fff; border: 1px solid #cad1dc } .page-link:hover { z-index: 2; color: #333; text-decoration: none; background-color: #e1e5eb; border-color: #bac4d1 } .page-link:focus { z-index: 3; outline: 0 } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .page-item:last-child .page-link { border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #5c6bc0; border-color: #5c6bc0 } .page-item.disabled .page-link { color: #ccc; pointer-events: none; cursor: auto; background-color: #f0f2f5; border-color: #cad1dc } .pagination-lg .page-link { padding:.5625rem 1rem; font-size:.9375rem; line-height: 1.4667 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius:.3125rem; border-bottom-left-radius:.3125rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius:.3125rem; border-bottom-right-radius:.3125rem } .pagination-sm .page-link { padding:.3125rem .75rem; font-size:.8125rem; line-height: 1.6924 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius:.1875rem; border-bottom-left-radius:.1875rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius:.1875rem; border-bottom-right-radius:.1875rem } .badge { display: inline-block; padding:.3125rem .4375rem; font-size:.75rem; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius:.1875rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; color:#fff; } @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:.5rem; padding-left:.5rem; border-radius: 10rem } .badge-primary { color: #fff; background-color: #2196f3 } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0c7cd5 } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 0 rgba(33,150,243,.5) } .badge-primary-100 { color: #333; background-color: #e9f5fe } a.badge-primary-100:focus, a.badge-primary-100:hover { color: #333; background-color: #b8dffc } a.badge-primary-100.focus, a.badge-primary-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(233,245,254,.5) } .badge-secondary { color: #fff; background-color: #45748a } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #345768 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 0 rgba(69,116,138,.5) } .badge-secondary-100 { color: #333; background-color: #ecf1f3 } a.badge-secondary-100:focus, a.badge-secondary-100:hover { color: #333; background-color: #cddadf } a.badge-secondary-100.focus, a.badge-secondary-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(236,241,243,.5) } .badge-success { color: #fff; background-color: #25b372 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1c8957 } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 0 rgba(37,179,114,.5) } .badge-success-100 { color: #333; background-color: #e9f7f1 } a.badge-success-100:focus, a.badge-success-100:hover { color: #333; background-color: #c4e9d9 } a.badge-success-100.focus, a.badge-success-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(233,247,241,.5) } .badge-info { color: #fff; background-color: #2cbacc } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #2394a2 } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 0 rgba(44,186,204,.5) } .badge-info-100 { color: #333; background-color: #eaf8fa } a.badge-info-100:focus, a.badge-info-100:hover { color: #333; background-color: #c1eaf0 } a.badge-info-100.focus, a.badge-info-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(234,248,250,.5) } .badge-warning { color: #fff; background-color: #f58646 } a.badge-warning:focus, a.badge-warning:hover { color: #fff; background-color: #f26616 } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 0 rgba(245,134,70,.5) } .badge-warning-100 { color: #333; background-color: #fef3ed } a.badge-warning-100:focus, a.badge-warning-100:hover { color: #333; background-color: #fbd3bd } a.badge-warning-100.focus, a.badge-warning-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(254,243,237,.5) } .badge-danger { color: #fff; background-color: #ef5350 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #eb2521 } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 0 rgba(239,83,80,.5) } .badge-danger-100 { color: #333; background-color: #fdeeee } a.badge-danger-100:focus, a.badge-danger-100:hover { color: #333; background-color: #f8c0c0 } a.badge-danger-100.focus, a.badge-danger-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(253,238,238,.5) } .badge-white { color: #333; background-color: #fff } a.badge-white:focus, a.badge-white:hover { color: #333; background-color: #e6e6e6 } a.badge-white.focus, a.badge-white:focus { outline: 0; box-shadow: 0 0 0 0 rgba(255,255,255,.5) } .badge-light { color: #333; background-color: #f0f2f5 } a.badge-light:focus, a.badge-light:hover { color: #333; background-color: #d1d7e1 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 0 rgba(240,242,245,.5) } .badge-light-100 { color: #333; background-color: rgba(255,255,255,.1) } a.badge-light-100:focus, a.badge-light-100:hover { color: #333; background-color: rgba(230,230,230,.1) } a.badge-light-100.focus, a.badge-light-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(255,255,255,.5) } .badge-dark { color: #fff; background-color: #252b36 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #101318 } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 0 rgba(37,43,54,.5) } .badge-dark-100 { color: #fff; background-color: rgba(0,0,0,.1) } a.badge-dark-100:focus, a.badge-dark-100:hover { color: #fff; background-color: rgba(0,0,0,.1) } a.badge-dark-100.focus, a.badge-dark-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(0,0,0,.5) } .badge-teal { color: #fff; background-color: #26a69a } a.badge-teal:focus, a.badge-teal:hover { color: #fff; background-color: #1d7d74 } a.badge-teal.focus, a.badge-teal:focus { outline: 0; box-shadow: 0 0 0 0 rgba(38,166,154,.5) } .badge-teal-100 { color: #333; background-color: #e9f6f5 } a.badge-teal-100:focus, a.badge-teal-100:hover { color: #333; background-color: #c5e7e5 } a.badge-teal-100.focus, a.badge-teal-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(233,246,245,.5) } .badge-indigo { color: #fff; background-color: #5c6bc0 } a.badge-indigo:focus, a.badge-indigo:hover { color: #fff; background-color: #4150a8 } a.badge-indigo.focus, a.badge-indigo:focus { outline: 0; box-shadow: 0 0 0 0 rgba(92,107,192,.5) } .badge-indigo-100 { color: #333; background-color: #eff0f9 } a.badge-indigo-100:focus, a.badge-indigo-100:hover { color: #333; background-color: #cacdeb } a.badge-indigo-100.focus, a.badge-indigo-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(239,240,249,.5) } .badge-purple { color: #fff; background-color: #8e70c1 } a.badge-purple:focus, a.badge-purple:hover { color: #fff; background-color: #724db1 } a.badge-purple.focus, a.badge-purple:focus { outline: 0; box-shadow: 0 0 0 0 rgba(142,112,193,.5) } .badge-purple-100 { color: #333; background-color: #f4f1f9 } a.badge-purple-100:focus, a.badge-purple-100:hover { color: #333; background-color: #d8cdea } a.badge-purple-100.focus, a.badge-purple-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(244,241,249,.5) } .badge-pink { color: #fff; background-color: #f35c86 } a.badge-pink:focus, a.badge-pink:hover { color: #fff; background-color: #f02c63 } a.badge-pink.focus, a.badge-pink:focus { outline: 0; box-shadow: 0 0 0 0 rgba(243,92,134,.5) } .badge-pink-100 { color: #333; background-color: #feeff3 } a.badge-pink-100:focus, a.badge-pink-100:hover { color: #333; background-color: #fbbfcf } a.badge-pink-100.focus, a.badge-pink-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(254,239,243,.5) } .badge-yellow { color: #333; background-color: #ffd648 } a.badge-yellow:focus, a.badge-yellow:hover { color: #333; background-color: #ffcb15 } a.badge-yellow.focus, a.badge-yellow:focus { outline: 0; box-shadow: 0 0 0 0 rgba(255,214,72,.5) } .badge-yellow-100 { color: #333; background-color: #fffbed } a.badge-yellow-100:focus, a.badge-yellow-100:hover { color: #333; background-color: #fff0ba } a.badge-yellow-100.focus, a.badge-yellow-100:focus { outline: 0; box-shadow: 0 0 0 0 rgba(255,251,237,.5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f5f5f5; border-radius:.3125rem } @media (min-width:576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: 1rem 1.25rem; margin-bottom: 1.25rem; border: 1px solid transparent; border-radius:.25rem } .alert-heading { color: inherit } .alert-link { font-weight: 500 } .alert-dismissible { padding-right: 3.87506rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1rem 1.25rem; color: inherit } .alert-primary { color: #114e7e; background-color: #dbeefd; border-color: #339ef4 } .alert-primary hr { border-top-color: #1b92f3 } .alert-primary .alert-link { color: #0b3251 } .alert-primary-100 { color: #797f84; background-color: #fbfdff; border-color: #ebf6fe } .alert-primary-100 hr { border-top-color: #d3ebfd } .alert-primary-100 .alert-link { color: #616569 } .alert-secondary { color: #243c48; background-color: #e1e9ec; border-color: #547f93 } .alert-secondary hr { border-top-color: #4b7183 } .alert-secondary .alert-link { color: #132026 } .alert-secondary-100 { color: #7b7d7e; background-color: #fcfdfd; border-color: #eef2f4 } .alert-secondary-100 hr { border-top-color: #dfe6ea } .alert-secondary-100 .alert-link { color: #626364 } .alert-success { color: #135d3b; background-color: #dcf3e8; border-color: #36b97d } .alert-success hr { border-top-color: #30a570 } .alert-success .alert-link { color: #0a3320 } .alert-success-100 { color: #79807d; background-color: #fbfefd; border-color: #ebf8f2 } .alert-success-100 hr { border-top-color: #d8f1e6 } .alert-success-100 .alert-link { color: #606663 } .alert-info { color: #17616a; background-color: #ddf4f7; border-color: #3dc0d0 } .alert-info hr { border-top-color: #2fb4c4 } .alert-info .alert-link { color: #0e3b40 } .alert-info-100 { color: #7a8182; background-color: #fcfefe; border-color: #ecf9fa } .alert-info-100 hr { border-top-color: #d8f3f5 } .alert-info-100 .alert-link { color: #616768 } .alert-warning { color: #7f4624; background-color: #fdece1; border-color: #f69055 } .alert-warning hr { border-top-color: #f5803d } .alert-warning .alert-link { color: #573019 } .alert-warning-100 { color: #847e7b; background-color: #fffdfc; border-color: #fef4ee } .alert-warning-100 hr { border-top-color: #fde4d6 } .alert-warning-100 .alert-link { color: #6a6562 } .alert-danger { color: #7c2b2a; background-color: #fce3e3; border-color: #f0615e } .alert-danger hr { border-top-color: #ee4a47 } .alert-danger .alert-link { color: #561e1d } .alert-danger-100 { color: #847c7c; background-color: #fffcfc; border-color: #fdefef } .alert-danger-100 hr { border-top-color: #fad8d8 } .alert-danger-100 .alert-link { color: #6a6363 } .alert-white { color: #858585; background-color: #fff; border-color: #fff } .alert-white hr { border-top-color: #f2f2f2 } .alert-white .alert-link { color: #6c6c6c } .alert-light { color: #7d7e7f; background-color: #fdfdfd; border-color: #f1f3f6 } .alert-light hr { border-top-color: #e1e6ec } .alert-light .alert-link { color: #646565 } .alert-light-100 { color: rgba(14,14,14,.532); background-color: rgba(255,255,255,.856); border-color: rgba(255,255,255,.172) } .alert-light-100 hr { border-top-color: rgba(242,242,242,.172) } .alert-light-100 .alert-link { color: rgba(0,0,0,.532) } .alert-dark { color: #13161c; background-color: #dcdddf; border-color: #363c46 } .alert-dark hr { border-top-color: #2b3038 } .alert-dark .alert-link { color: #000 } .alert-dark-100 { color: rgba(0,0,0,.532); background-color: rgba(252,252,252,.856); border-color: rgba(159,159,159,.172) } .alert-dark-100 hr { border-top-color: rgba(146,146,146,.172) } .alert-dark-100 .alert-link { color: rgba(0,0,0,.532) } .alert-teal { color: #145650; background-color: #dcf1ef; border-color: #37ada2 } .alert-teal hr { border-top-color: #319a90 } .alert-teal .alert-link { color: #0a2d2a } .alert-teal-100 { color: #79807f; background-color: #fbfefd; border-color: #ebf7f6 } .alert-teal-100 hr { border-top-color: #d9f0ee } .alert-teal-100 .alert-link { color: #606665 } .alert-indigo { color: #303864; background-color: #e5e7f5; border-color: #6977c5 } .alert-indigo hr { border-top-color: #5766be } .alert-indigo .alert-link { color: #1f2542 } .alert-indigo-100 { color: #7c7d81; background-color: #fcfdfe; border-color: #f0f1f9 } .alert-indigo-100 hr { border-top-color: #dee0f2 } .alert-indigo-100 .alert-link { color: #636467 } .alert-purple { color: #4a3a64; background-color: #ede8f5; border-color: #977bc6 } .alert-purple hr { border-top-color: #8969be } .alert-purple .alert-link { color: #322744 } .alert-purple-100 { color: #7f7d81; background-color: #fdfdfe; border-color: #f5f2f9 } .alert-purple-100 hr { border-top-color: #e8e1f1 } .alert-purple-100 .alert-link { color: #666467 } .alert-pink { color: #7e3046; background-color: #fde5ec; border-color: #f46990 } .alert-pink hr { border-top-color: #f2517e } .alert-pink .alert-link { color: #592231 } .alert-pink-100 { color: #847c7e; background-color: #fffcfd; border-color: #fef0f4 } .alert-pink-100 hr { border-top-color: #fcd8e2 } .alert-pink-100 .alert-link { color: #6a6365 } .alert-yellow { color: #856f25; background-color: #fff8e2; border-color: #ffd957 } .alert-yellow hr { border-top-color: #ffd33e } .alert-yellow .alert-link { color: #5d4e1a } .alert-yellow-100 { color: #85837b; background-color: #fffefc; border-color: #fffbee } .alert-yellow-100 hr { border-top-color: #fff5d5 } .alert-yellow-100 .alert-link { color: #6b6962 } @-webkit-keyframes progress-bar-stripes { from { background-position:1.25rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position:1.25rem 0 } to { background-position: 0 0 } } .progress { display: -ms-flexbox; display: flex; height: 1.25rem; overflow: hidden; line-height: 0; font-size:.75rem; background-color: #eee; border-radius:.25rem; box-shadow:inset 0 .0625rem .0625rem rgba(0,0,0,.1) } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #2196f3; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-size: 1.25rem 1.25rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius:.25rem } .list-group-item-action { width: 100%; color: rgba(51,51,51,.85); text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #333; text-decoration: none; background-color: #f5f5f5 } .list-group-item-action:active { color: #333; background-color: #f5f5f5 } .list-group-item { position: relative; display: block; padding:.625rem 1.25rem; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #999; pointer-events: none; background-color: transparent } .list-group-item.active { z-index: 2; color: #fff; background-color: #2196f3; border-color: #2196f3 } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius:.25rem; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius:.25rem; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius:.25rem; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius:.25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:769px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius:.25rem; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius:.25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius:.25rem; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius:.25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius:.25rem; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius:.25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #114e7e; background-color: #c1e2fc } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #114e7e; background-color: #a9d7fb } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e } .list-group-item-primary-100 { color: #797f84; background-color: #f9fcff } .list-group-item-primary-100.list-group-item-action:focus, .list-group-item-primary-100.list-group-item-action:hover { color: #797f84; background-color: #e0efff } .list-group-item-primary-100.list-group-item-action.active { color: #fff; background-color: #797f84; border-color: #797f84 } .list-group-item-secondary { color: #243c48; background-color: #cbd8de } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #243c48; background-color: #bbccd4 } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #243c48; border-color: #243c48 } .list-group-item-secondary-100 { color: #7b7d7e; background-color: #fafbfc } .list-group-item-secondary-100.list-group-item-action:focus, .list-group-item-secondary-100.list-group-item-action:hover { color: #7b7d7e; background-color: #eaeef2 } .list-group-item-secondary-100.list-group-item-action.active { color: #fff; background-color: #7b7d7e; border-color: #7b7d7e } .list-group-item-success { color: #135d3b; background-color: #c2ead8 } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #135d3b; background-color: #afe3cc } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #135d3b; border-color: #135d3b } .list-group-item-success-100 { color: #79807d; background-color: #f9fdfb } .list-group-item-success-100.list-group-item-action:focus, .list-group-item-success-100.list-group-item-action:hover { color: #79807d; background-color: #e6f7ee } .list-group-item-success-100.list-group-item-action.active { color: #fff; background-color: #79807d; border-color: #79807d } .list-group-item-info { color: #17616a; background-color: #c4ecf1 } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #17616a; background-color: #afe5ec } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #17616a; border-color: #17616a } .list-group-item-info-100 { color: #7a8182; background-color: #f9fdfe } .list-group-item-info-100.list-group-item-action:focus, .list-group-item-info-100.list-group-item-action:hover { color: #7a8182; background-color: #e3f6fa } .list-group-item-info-100.list-group-item-action.active { color: #fff; background-color: #7a8182; border-color: #7a8182 } .list-group-item-warning { color: #7f4624; background-color: #fcddcb } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #7f4624; background-color: #fbcdb3 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7f4624; border-color: #7f4624 } .list-group-item-warning-100 { color: #847e7b; background-color: #fffcfa } .list-group-item-warning-100.list-group-item-action:focus, .list-group-item-warning-100.list-group-item-action:hover { color: #847e7b; background-color: #ffede1 } .list-group-item-warning-100.list-group-item-action.active { color: #fff; background-color: #847e7b; border-color: #847e7b } .list-group-item-danger { color: #7c2b2a; background-color: #fbcfce } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #7c2b2a; background-color: #f9b8b6 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7c2b2a; border-color: #7c2b2a } .list-group-item-danger-100 { color: #847c7c; background-color: #fefafa } .list-group-item-danger-100.list-group-item-action:focus, .list-group-item-danger-100.list-group-item-action:hover { color: #847c7c; background-color: #fae5e5 } .list-group-item-danger-100.list-group-item-action.active { color: #fff; background-color: #847c7c; border-color: #847c7c } .list-group-item-white { color: #858585; background-color: #fff } .list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover { color: #858585; background-color: #f2f2f2 } .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585 } .list-group-item-light { color: #7d7e7f; background-color: #fbfbfc } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #7d7e7f; background-color: #ececf1 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7d7e7f; border-color: #7d7e7f } .list-group-item-light-100 { color: rgba(14,14,14,.532); background-color: rgba(255,255,255,.748) } .list-group-item-light-100.list-group-item-action:focus, .list-group-item-light-100.list-group-item-action:hover { color: rgba(14,14,14,.532); background-color: rgba(242,242,242,.748) } .list-group-item-light-100.list-group-item-action.active { color: #fff; background-color: rgba(14,14,14,.532); border-color: rgba(14,14,14,.532) } .list-group-item-dark { color: #13161c; background-color: #c2c4c7 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #13161c; background-color: #b5b7bb } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #13161c; border-color: #13161c } .list-group-item-dark-100 { color: rgba(0,0,0,.532); background-color: rgba(250,250,250,.748) } .list-group-item-dark-100.list-group-item-action:focus, .list-group-item-dark-100.list-group-item-action:hover { color: rgba(0,0,0,.532); background-color: rgba(237,237,237,.748) } .list-group-item-dark-100.list-group-item-action.active { color: #fff; background-color: rgba(0,0,0,.532); border-color: rgba(0,0,0,.532) } .list-group-item-teal { color: #145650; background-color: #c2e6e3 } .list-group-item-teal.list-group-item-action:focus, .list-group-item-teal.list-group-item-action:hover { color: #145650; background-color: #b0dfdb } .list-group-item-teal.list-group-item-action.active { color: #fff; background-color: #145650; border-color: #145650 } .list-group-item-teal-100 { color: #79807f; background-color: #f9fcfc } .list-group-item-teal-100.list-group-item-action:focus, .list-group-item-teal-100.list-group-item-action:hover { color: #79807f; background-color: #e8f4f4 } .list-group-item-teal-100.list-group-item-action.active { color: #fff; background-color: #79807f; border-color: #79807f } .list-group-item-indigo { color: #303864; background-color: #d1d6ed } .list-group-item-indigo.list-group-item-action:focus, .list-group-item-indigo.list-group-item-action:hover { color: #303864; background-color: #bfc6e6 } .list-group-item-indigo.list-group-item-action.active { color: #fff; background-color: #303864; border-color: #303864 } .list-group-item-indigo-100 { color: #7c7d81; background-color: #fbfbfd } .list-group-item-indigo-100.list-group-item-action:focus, .list-group-item-indigo-100.list-group-item-action:hover { color: #7c7d81; background-color: #eaeaf5 } .list-group-item-indigo-100.list-group-item-action.active { color: #fff; background-color: #7c7d81; border-color: #7c7d81 } .list-group-item-purple { color: #4a3a64; background-color: #dfd7ee } .list-group-item-purple.list-group-item-action:focus, .list-group-item-purple.list-group-item-action:hover { color: #4a3a64; background-color: #d1c5e6 } .list-group-item-purple.list-group-item-action.active { color: #fff; background-color: #4a3a64; border-color: #4a3a64 } .list-group-item-purple-100 { color: #7f7d81; background-color: #fcfbfd } .list-group-item-purple-100.list-group-item-action:focus, .list-group-item-purple-100.list-group-item-action:hover { color: #7f7d81; background-color: #efeaf5 } .list-group-item-purple-100.list-group-item-action.active { color: #fff; background-color: #7f7d81; border-color: #7f7d81 } .list-group-item-pink { color: #7e3046; background-color: #fcd1dd } .list-group-item-pink.list-group-item-action:focus, .list-group-item-pink.list-group-item-action:hover { color: #7e3046; background-color: #fab9cb } .list-group-item-pink.list-group-item-action.active { color: #fff; background-color: #7e3046; border-color: #7e3046 } .list-group-item-pink-100 { color: #847c7e; background-color: #fffbfc } .list-group-item-pink-100.list-group-item-action:focus, .list-group-item-pink-100.list-group-item-action:hover { color: #847c7e; background-color: #ffe2e9 } .list-group-item-pink-100.list-group-item-action.active { color: #fff; background-color: #847c7e; border-color: #847c7e } .list-group-item-yellow { color: #856f25; background-color: #fff4cc } .list-group-item-yellow.list-group-item-action:focus, .list-group-item-yellow.list-group-item-action:hover { color: #856f25; background-color: #ffefb3 } .list-group-item-yellow.list-group-item-action.active { color: #fff; background-color: #856f25; border-color: #856f25 } .list-group-item-yellow-100 { color: #85837b; background-color: #fffefa } .list-group-item-yellow-100.list-group-item-action:focus, .list-group-item-yellow-100.list-group-item-action:hover { color: #85837b; background-color: #fff9e1 } .list-group-item-yellow-100.list-group-item-action.active { color: #fff; background-color: #85837b; border-color: #85837b } .close { float: right; font-size: 1.37506rem; font-weight: 400; line-height: 1; color: #333; text-shadow: none; opacity: .5 } .close:hover { color: #333; text-decoration: none } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0 } a.close.disabled { pointer-events: none } .toast { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; font-size:.875rem; color: #fff; background-color: #333; background-clip: padding-box; border: 1px solid transparent; box-shadow: 0 1px 2px rgba(0,0,0,.05); opacity: 0; border-radius:.3125rem } .toast:not(:last-child) { margin-bottom: 1.25rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:.75rem 1.25rem; color: #fff; background-color: #333; background-clip: padding-box; border-bottom: 1px solid rgba(255,255,255,.1); border-top-left-radius:calc(.3125rem - 1px); border-top-right-radius:calc(.3125rem - 1px) } .toast-body { padding: 1.25rem } .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: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02) } .modal-dialog-scrollable { display: -ms-flexbox; 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 { -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: "" } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; 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: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius:.3125rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1); 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: .35*/ } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align:center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; height:38px; padding: 0.3rem 0.938rem; border-bottom: 1px solid rgba(0,0,0,.125); border-top-left-radius:calc(.3125rem - 1px); border-top-right-radius:calc(.3125rem - 1px); } /*.modal-header,*/ /*.modal-cyan .modal-header.bg-primary,*/ /*.modal-header.bg-grey-700 {background-color:#5b6cbe!important;}*/ .modal-header h4 {font-size:14px; font-weight:700;} .modal-header .close { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 0; margin: 0; background: rgb(255 255 255 / 90%); color:#586cc5; border-radius: 50%; width:26px; height:26px; font-size: 16px; } .tab-close { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 0; margin: 0; background: rgb(255 255 255 / 90%); color: #f33030!important; border-radius: 50%; width: 20px; height: 20px; font-size: 16px; } .modal-title { margin-bottom: 0; line-height: 1.5715; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .modal-content button {align-items: center; justify-content: center;} .modal-content .border-grey-700 {background-color:var(--basic)!important; border:var(--basic)!important;} .modal-content .border-grey-700:hover {background-color:var(--basic-hover)!important; border:var(--basic-hover)!important;} .modal-content .nav-link {display: flex; align-items: center; justify-content: center; height: 34px; padding: 0.3rem 1.875rem;} /*.modal-content .tab-content .card-header {padding: 0.625rem 0;}*/ .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgba(0,0,0,.125); border-bottom-right-radius:calc(.3125rem - 1px); border-bottom-left-radius:calc(.3125rem - 1px) } .modal-footer>* { margin:.25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { 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: -moz-min-content; height: min-content } .modal-content { box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .modal-sm { max-width: 400px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 900px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .tooltip { position: absolute; z-index: 1070; display: block; margin:.3125rem; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5715; 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: 1 } .tooltip .arrow { position: absolute; display: block; width:.5rem; height:.25rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding:.25rem 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:.25rem .25rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding:0 .25rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width:.25rem; height:.5rem } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width:.25rem .25rem .25rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding:.25rem 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 .25rem .25rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding:0 .25rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width:.25rem; height:.5rem } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width:.25rem 0 .25rem .25rem; border-left-color: #000 } .tooltip-inner { /*max-width: 200px;*/ padding:.375rem .75rem; color: #fff; text-align: center; background-color: #000; border-radius:.25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5715; 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 rgba(0,0,0,.15); border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .popover .arrow { position: absolute; display: block; width:.75rem; height:.375rem; margin:0 .25rem } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom:.375rem } .bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow { bottom:calc(-.375rem - 1px) } .bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before { bottom: 0; border-width:.375rem .375rem 0; border-top-color: rgba(0,0,0,.2) } .bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after { bottom: 1px; border-width:.375rem .375rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left:.375rem } .bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow { left:calc(-.375rem - 1px); width:.375rem; height:.75rem; margin:.25rem 0 } .bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before { left: 0; border-width:.375rem .375rem .375rem 0; border-right-color: rgba(0,0,0,.2) } .bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after { left: 1px; border-width:.375rem .375rem .375rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top:.375rem } .bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow { top:calc(-.375rem - 1px) } .bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before { top: 0; border-width:0 .375rem .375rem .375rem; border-bottom-color: rgba(0,0,0,.2) } .bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after { top: 1px; border-width:0 .375rem .375rem .375rem; 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:.75rem; margin-left:-.375rem; content: ""; border-bottom: 1px solid transparent } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right:.375rem } .bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow { right:calc(-.375rem - 1px); width:.375rem; height:.75rem; margin:.25rem 0 } .bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before { right: 0; border-width:.375rem 0 .375rem .375rem; border-left-color: rgba(0,0,0,.2) } .bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after { right: 1px; border-width:.375rem 0 .375rem .375rem; border-left-color: #fff } .popover-header { padding:.9375rem .9375rem; margin-bottom: 0; font-size:.875rem; background-color: transparent; border-bottom: 1px solid transparent; border-top-left-radius:calc(.25rem - 1px); border-top-right-radius:calc(.25rem - 1px) } .popover-header:empty { display: none } .popover-body { padding:.9375rem .9375rem; color: #333 } .carousel { position: relative } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform:scale(0); transform:scale(0) } 50% { opacity:1; -webkit-transform:none; transform:none } } @keyframes spinner-grow { 0% { -webkit-transform:scale(0); transform:scale(0) } 50% { opacity:1; -webkit-transform:none; transform:none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .align-baseline { vertical-align: baseline!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: #2196f3!important } a.bg-primary, button.bg-primary { 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) { a.bg-primary, button.bg-primary { transition: none } } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0c7cd5!important } .bg-primary-100 { background-color: #e9f5fe!important } a.bg-primary-100, button.bg-primary-100 { 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) { a.bg-primary-100, button.bg-primary-100 { transition: none } } a.bg-primary-100:focus, a.bg-primary-100:hover, button.bg-primary-100:focus, button.bg-primary-100:hover { background-color: #b8dffc!important } .bg-secondary { background-color: #45748a!important } a.bg-secondary, button.bg-secondary { 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) { a.bg-secondary, button.bg-secondary { transition: none } } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #345768!important } .bg-secondary-100 { background-color: #ecf1f3!important } a.bg-secondary-100, button.bg-secondary-100 { 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) { a.bg-secondary-100, button.bg-secondary-100 { transition: none } } a.bg-secondary-100:focus, a.bg-secondary-100:hover, button.bg-secondary-100:focus, button.bg-secondary-100:hover { background-color: #cddadf!important } .bg-success { background-color: #25b372!important; color:#fff; } a.bg-success, button.bg-success { 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) { a.bg-success, button.bg-success { transition: none } } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1c8957!important } .bg-success-100 { background-color: #e9f7f1!important } a.bg-success-100, button.bg-success-100 { 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) { a.bg-success-100, button.bg-success-100 { transition: none } } a.bg-success-100:focus, a.bg-success-100:hover, button.bg-success-100:focus, button.bg-success-100:hover { background-color: #c4e9d9!important } .bg-info { background-color: #2cbacc!important } a.bg-info, button.bg-info { 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) { a.bg-info, button.bg-info { transition: none } } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #2394a2!important } .bg-info-100 { background-color: #eaf8fa!important } a.bg-info-100, button.bg-info-100 { 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) { a.bg-info-100, button.bg-info-100 { transition: none } } a.bg-info-100:focus, a.bg-info-100:hover, button.bg-info-100:focus, button.bg-info-100:hover { background-color: #c1eaf0!important } .bg-warning { background-color: #f58646!important } a.bg-warning, button.bg-warning { 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) { a.bg-warning, button.bg-warning { transition: none } } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #f26616!important } .bg-warning-100 { background-color: #fef3ed!important } a.bg-warning-100, button.bg-warning-100 { 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) { a.bg-warning-100, button.bg-warning-100 { transition: none } } a.bg-warning-100:focus, a.bg-warning-100:hover, button.bg-warning-100:focus, button.bg-warning-100:hover { background-color: #fbd3bd!important } .bg-blue { background-color: #03A9F4!important; } .bg-green { background-color: #8BC34A!important; } .bg-danger { background-color: #ef5350!important } a.bg-danger, button.bg-danger { 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) { a.bg-danger, button.bg-danger { transition: none } } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #eb2521!important } .bg-danger-100 { background-color: #fdeeee!important } a.bg-danger-100, button.bg-danger-100 { 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) { a.bg-danger-100, button.bg-danger-100 { transition: none } } a.bg-danger-100:focus, a.bg-danger-100:hover, button.bg-danger-100:focus, button.bg-danger-100:hover { background-color: #f8c0c0!important } .bg-white { background-color: #fff!important } a.bg-white, button.bg-white { 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) { a.bg-white, button.bg-white { transition: none } } a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover { background-color: #e6e6e6!important } .bg-light { background-color: #f0f2f5!important } a.bg-light, button.bg-light { 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) { a.bg-light, button.bg-light { transition: none } } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #d1d7e1!important } .bg-light-100 { background-color: rgba(255,255,255,.1)!important } a.bg-light-100, button.bg-light-100 { 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) { a.bg-light-100, button.bg-light-100 { transition: none } } a.bg-light-100:focus, a.bg-light-100:hover, button.bg-light-100:focus, button.bg-light-100:hover { background-color: rgba(230,230,230,.1)!important } .bg-dark { background-color: #252b36!important } a.bg-dark, button.bg-dark { 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) { a.bg-dark, button.bg-dark { transition: none } } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #101318!important } .bg-dark-100 { background-color: rgba(0,0,0,.1)!important } a.bg-dark-100, button.bg-dark-100 { 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) { a.bg-dark-100, button.bg-dark-100 { transition: none } } a.bg-dark-100:focus, a.bg-dark-100:hover, button.bg-dark-100:focus, button.bg-dark-100:hover { background-color: rgba(0,0,0,.1)!important } .bg-teal { background-color: #26a69a!important } a.bg-teal, button.bg-teal { 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) { a.bg-teal, button.bg-teal { transition: none } } a.bg-teal:focus, a.bg-teal:hover, button.bg-teal:focus, button.bg-teal:hover { background-color: #1d7d74!important } .bg-teal-100 { background-color: #e9f6f5!important } a.bg-teal-100, button.bg-teal-100 { 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) { a.bg-teal-100, button.bg-teal-100 { transition: none } } a.bg-teal-100:focus, a.bg-teal-100:hover, button.bg-teal-100:focus, button.bg-teal-100:hover { background-color: #c5e7e5!important } .bg-indigo { background-color: #5c6bc0!important } a.bg-indigo, button.bg-indigo { 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) { a.bg-indigo, button.bg-indigo { transition: none } } a.bg-indigo:focus, a.bg-indigo:hover, button.bg-indigo:focus, button.bg-indigo:hover { background-color: #4150a8!important } .bg-indigo-100 { background-color: #eff0f9!important } a.bg-indigo-100, button.bg-indigo-100 { 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) { a.bg-indigo-100, button.bg-indigo-100 { transition: none } } a.bg-indigo-100:focus, a.bg-indigo-100:hover, button.bg-indigo-100:focus, button.bg-indigo-100:hover { background-color: #cacdeb!important } .bg-purple { background-color: #8e70c1!important } a.bg-purple, button.bg-purple { 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) { a.bg-purple, button.bg-purple { transition: none } } a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover { background-color: #724db1!important } .bg-purple-100 { background-color: #f4f1f9!important } a.bg-purple-100, button.bg-purple-100 { 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) { a.bg-purple-100, button.bg-purple-100 { transition: none } } a.bg-purple-100:focus, a.bg-purple-100:hover, button.bg-purple-100:focus, button.bg-purple-100:hover { background-color: #d8cdea!important } .bg-pink { background-color: #f35c86!important } a.bg-pink, button.bg-pink { 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) { a.bg-pink, button.bg-pink { transition: none } } a.bg-pink:focus, a.bg-pink:hover, button.bg-pink:focus, button.bg-pink:hover { background-color: #f02c63!important } .bg-pink-100 { background-color: #feeff3!important } a.bg-pink-100, button.bg-pink-100 { 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) { a.bg-pink-100, button.bg-pink-100 { transition: none } } a.bg-pink-100:focus, a.bg-pink-100:hover, button.bg-pink-100:focus, button.bg-pink-100:hover { background-color: #fbbfcf!important } .bg-yellow { background-color: #ffd648!important } a.bg-yellow, button.bg-yellow { 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) { a.bg-yellow, button.bg-yellow { transition: none } } a.bg-yellow:focus, a.bg-yellow:hover, button.bg-yellow:focus, button.bg-yellow:hover { background-color: #ffcb15!important } .bg-yellow-100 { background-color: #fffbed!important } a.bg-yellow-100, button.bg-yellow-100 { 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) { a.bg-yellow-100, button.bg-yellow-100 { transition: none } } a.bg-yellow-100:focus, a.bg-yellow-100:hover, button.bg-yellow-100:focus, button.bg-yellow-100:hover { background-color: #fff0ba!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #ddd!important } .border-top { border-top: 1px solid #ddd!important } .border-right { border-right: 1px solid #ddd!important } .border-bottom { border-bottom: 1px solid #ddd!important } .border-left { border-left: 1px solid #ddd!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: #5c6bc0!important } .border-primary-100 { border-color: #e9f5fe!important } .border-secondary { border-color: #45748a!important } .border-secondary-100 { border-color: #ecf1f3!important } .border-success { border-color: #25b372!important } .border-success-100 { border-color: #e9f7f1!important } .border-info { border-color: #2cbacc!important } .border-info-100 { border-color: #eaf8fa!important } .border-warning { border-color: #f58646!important } .border-warning-100 { border-color: #fef3ed!important } .border-danger { border-color: #ef5350!important } .border-danger-100 { border-color: #fdeeee!important } .border-white { border-color: #fff!important } .border-light { border-color: #f0f2f5!important } .border-light-100 { border-color: rgba(255,255,255,.1)!important } .border-dark { border-color: #252b36!important } .border-dark-100 { border-color: rgba(0,0,0,.1)!important } .border-teal { border-color: #26a69a!important } .border-teal-100 { border-color: #e9f6f5!important } .border-indigo { border-color: #5c6bc0!important } .border-indigo-100 { border-color: #eff0f9!important } .border-purple { border-color: #8e70c1!important } .border-purple-100 { border-color: #f4f1f9!important } .border-pink { border-color: #f35c86!important } .border-pink-100 { border-color: #feeff3!important } .border-yellow { border-color: #ffd648!important } .border-yellow-100 { border-color: #fffbed!important } .border-white { border-color: #fff!important } .rounded-sm { border-radius:.1875rem!important } .rounded { border-radius:.25rem!important } .rounded-top { border-top-left-radius:.25rem!important; border-top-right-radius:.25rem!important } .rounded-right { border-top-right-radius:.25rem!important; border-bottom-right-radius:.25rem!important } .rounded-bottom { border-bottom-right-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-left { border-top-left-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-lg { border-radius:.3125rem!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: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-sm-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:769px) { .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: -ms-flexbox!important; display: flex!important } .d-md-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:992px) { .d-lg-none { display: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: -ms-flexbox!important; display: flex!important } .d-lg-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-xl-inline-flex { display: -ms-inline-flexbox!important; 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: -ms-flexbox!important; display: flex!important } .d-print-inline-flex { display: -ms-inline-flexbox!important; 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.85714% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } /* 플렉스관련*/ .flex-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-center { -ms-flex-align: center!important; align-items: center!important } .align-items-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .flex-flow-column {flex-flow:column nowrap!important;} @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-sm-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-sm-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-sm-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-sm-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-sm-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-sm-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-sm-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-sm-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-sm-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-sm-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-sm-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-sm-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-sm-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-sm-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-sm-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-sm-center { -ms-flex-align: center!important; align-items: center!important } .align-items-sm-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-sm-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-sm-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-sm-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-sm-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-sm-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-sm-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-sm-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-sm-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-sm-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-sm-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-sm-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-sm-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-sm-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width:769px) { .flex-md-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-md-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-md-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-md-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-md-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-md-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-md-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-md-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-md-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-md-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-md-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-md-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-md-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-md-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-md-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-md-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-md-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-md-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-md-center { -ms-flex-align: center!important; align-items: center!important } .align-items-md-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-md-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-md-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-md-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-md-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-md-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-md-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-md-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-md-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-md-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-md-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-md-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-md-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-md-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-lg-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-lg-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-lg-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-lg-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-lg-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-lg-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-lg-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-lg-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-lg-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-lg-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-lg-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-lg-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-lg-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-lg-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-lg-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-lg-center { -ms-flex-align: center!important; align-items: center!important } .align-items-lg-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-lg-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-lg-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-lg-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-lg-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-lg-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-lg-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-lg-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-lg-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-lg-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-lg-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-lg-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-lg-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-lg-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-xl-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-xl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-xl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-xl-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-xl-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-xl-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-xl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-xl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-xl-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-xl-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-xl-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-xl-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-xl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-xl-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-xl-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-xl-center { -ms-flex-align: center!important; align-items: center!important } .align-items-xl-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-xl-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-xl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-xl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-xl-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-xl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-xl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-xl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-xl-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-xl-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-xl-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-xl-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-xl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-xl-stretch { -ms-flex-item-align: stretch!important; 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:769px) { .float-md-left { float: left!important } .float-md-right { float: right!important } .float-md-none { float: none!important } } @media (min-width:992px) { .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 } } .user-select-all { -webkit-user-select: all!important; -moz-user-select: all!important; user-select: all!important } .user-select-auto { -webkit-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; user-select: auto!important } .user-select-none { -webkit-user-select: none!important; -moz-user-select: none!important; -ms-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: -webkit-sticky!important; position: sticky!important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position:-webkit-sticky; 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 rgba(0,0,0,.15)!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-80 { width: 80%!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:.3125rem!important } .mt-1, .my-1 { margin-top:.3125rem!important /*margin-top:0!important*/ } .mr-1, .mx-1 { margin-right:.3125rem!important } .mb-1, .my-1 { margin-bottom:.3125rem!important } .ml-1, .mx-1 { margin-left:.3125rem!important } .m-2 { margin:.625rem!important } .mt-2, .my-2 { margin-top:.625rem!important } .mr-2, .mx-2 { margin-right:.625rem!important } .mb-2, .my-2 { margin-bottom:.625rem!important } .ml-2, .mx-2 { margin-left:.625rem!important } .m-3 { margin: 1.25rem!important } .mt-3, .my-3 { margin-top: 1.25rem!important } .mr-3, .mx-3 { margin-right: 1.25rem!important } .mb-3, .my-3 { margin-bottom: 1.25rem!important } .ml-3, .mx-3 { margin-left: 1.25rem!important } .m-4 { margin: 1.875rem!important } .mt-4, .my-4 { margin-top: 1.875rem!important } .mr-4, .mx-4 { margin-right: 1.875rem!important } .mb-4, .my-4 { margin-bottom: 1.875rem!important } .ml-4, .mx-4 { margin-left: 1.875rem!important } .m-5 { margin: 3.75rem!important } .mt-5, .my-5 { margin-top: 3.75rem!important } .mr-5, .mx-5 { margin-right: 3.75rem!important } .mb-5, .my-5 { margin-bottom: 3.75rem!important } .ml-5, .mx-5 { margin-left: 3.75rem!important } .mb-1e {margin-bottom:1em!important;} .mt-65 {margin-top:5em!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:.3125rem!important } .pt-1, .py-1 { padding-top:.3125rem!important } .pr-1, .px-1 { padding-right:.3125rem!important } .pb-1, .py-1 { padding-bottom:.3125rem!important } .pl-1, .px-1 { padding-left:.3125rem!important } .p-2 { padding:.625rem!important } .pt-2, .py-2 { padding-top:.625rem!important } .pr-2, .px-2 { padding-right:.625rem!important } .pb-2, .py-2 { padding-bottom:.625rem!important } .pl-2, .px-2 { padding-left:.625rem!important } .p-3 { padding: 1.25rem!important } .pt-3, .py-3 { padding-top: 1.25rem!important } .pr-3, .px-3 { padding-right: 1.25rem!important } .pb-3, .py-3 { padding-bottom: 1.25rem!important } .pl-3, .px-3 { padding-left: 1.25rem!important } .p-4 { padding: 1.875rem!important } .pt-4, .py-4 { padding-top: 1.875rem!important } .pr-4, .px-4 { padding-right: 1.875rem!important } .pb-4, .py-4 { padding-bottom: 1.875rem!important } .pl-4, .px-4 { padding-left: 1.875rem!important } .p-5 { padding: 3.75rem!important } .pt-5, .py-5 { padding-top: 3.75rem!important } .pr-5, .px-5 { padding-right: 3.75rem!important } .pb-5, .py-5 { padding-bottom: 3.75rem!important } .pl-5, .px-5 { padding-left: 3.75rem!important } .m-n1 { margin:-.3125rem!important } .mt-n1, .my-n1 { margin-top:-.3125rem!important } .mr-n1, .mx-n1 { margin-right:-.3125rem!important } .mb-n1, .my-n1 { margin-bottom:-.3125rem!important } .ml-n1, .mx-n1 { margin-left:-.3125rem!important } .m-n2 { margin:-.625rem!important } .mt-n2, .my-n2 { margin-top:-.625rem!important } .mr-n2, .mx-n2 { margin-right:-.625rem!important } .mb-n2, .my-n2 { margin-bottom:-.625rem!important } .ml-n2, .mx-n2 { margin-left:-.625rem!important } .m-n3 { margin: -1.25rem!important } .mt-n3, .my-n3 { margin-top: -1.25rem!important } .mr-n3, .mx-n3 { margin-right: -1.25rem!important } .mb-n3, .my-n3 { margin-bottom: -1.25rem!important } .ml-n3, .mx-n3 { margin-left: -1.25rem!important } .m-n4 { margin: -1.875rem!important } .mt-n4, .my-n4 { margin-top: -1.875rem!important } .mr-n4, .mx-n4 { margin-right: -1.875rem!important } .mb-n4, .my-n4 { margin-bottom: -1.875rem!important } .ml-n4, .mx-n4 { margin-left: -1.875rem!important } .m-n5 { margin: -3.75rem!important } .mt-n5, .my-n5 { margin-top: -3.75rem!important } .mr-n5, .mx-n5 { margin-right: -3.75rem!important } .mb-n5, .my-n5 { margin-bottom: -3.75rem!important } .ml-n5, .mx-n5 { margin-left: -3.75rem!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:.3125rem!important } .mt-sm-1, .my-sm-1 { margin-top:.3125rem!important } .mr-sm-1, .mx-sm-1 { margin-right:.3125rem!important } .mb-sm-1, .my-sm-1 { margin-bottom:.3125rem!important } .ml-sm-1, .mx-sm-1 { margin-left:.3125rem!important } .m-sm-2 { margin:.625rem!important } .mt-sm-2, .my-sm-2 { margin-top:.625rem!important } .mr-sm-2, .mx-sm-2 { margin-right:.625rem!important } .mb-sm-2, .my-sm-2 { margin-bottom:.625rem!important } .ml-sm-2, .mx-sm-2 { margin-left:.625rem!important } .m-sm-3 { margin: 1.25rem!important } .mt-sm-3, .my-sm-3 { margin-top: 1.25rem!important } .mr-sm-3, .mx-sm-3 { margin-right: 1.25rem!important } .mb-sm-3, .my-sm-3 { margin-bottom: 1.25rem!important } .ml-sm-3, .mx-sm-3 { margin-left: 1.25rem!important } .m-sm-4 { margin: 1.875rem!important } .mt-sm-4, .my-sm-4 { margin-top: 1.875rem!important } .mr-sm-4, .mx-sm-4 { margin-right: 1.875rem!important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.875rem!important } .ml-sm-4, .mx-sm-4 { margin-left: 1.875rem!important } .m-sm-5 { margin: 3.75rem!important } .mt-sm-5, .my-sm-5 { margin-top: 3.75rem!important } .mr-sm-5, .mx-sm-5 { margin-right: 3.75rem!important } .mb-sm-5, .my-sm-5 { margin-bottom: 3.75rem!important } .ml-sm-5, .mx-sm-5 { margin-left: 3.75rem!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:.3125rem!important } .pt-sm-1, .py-sm-1 { padding-top:.3125rem!important } .pr-sm-1, .px-sm-1 { padding-right:.3125rem!important } .pb-sm-1, .py-sm-1 { padding-bottom:.3125rem!important } .pl-sm-1, .px-sm-1 { padding-left:.3125rem!important } .p-sm-2 { padding:.625rem!important } .pt-sm-2, .py-sm-2 { padding-top:.625rem!important } .pr-sm-2, .px-sm-2 { padding-right:.625rem!important } .pb-sm-2, .py-sm-2 { padding-bottom:.625rem!important } .pl-sm-2, .px-sm-2 { padding-left:.625rem!important } .p-sm-3 { padding: 1.25rem!important } .pt-sm-3, .py-sm-3 { padding-top: 1.25rem!important } .pr-sm-3, .px-sm-3 { padding-right: 1.25rem!important } .pb-sm-3, .py-sm-3 { padding-bottom: 1.25rem!important } .pl-sm-3, .px-sm-3 { padding-left: 1.25rem!important } .p-sm-4 { padding: 1.875rem!important } .pt-sm-4, .py-sm-4 { padding-top: 1.875rem!important } .pr-sm-4, .px-sm-4 { padding-right: 1.875rem!important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.875rem!important } .pl-sm-4, .px-sm-4 { padding-left: 1.875rem!important } .p-sm-5 { padding: 3.75rem!important } .pt-sm-5, .py-sm-5 { padding-top: 3.75rem!important } .pr-sm-5, .px-sm-5 { padding-right: 3.75rem!important } .pb-sm-5, .py-sm-5 { padding-bottom: 3.75rem!important } .pl-sm-5, .px-sm-5 { padding-left: 3.75rem!important } .m-sm-n1 { margin:-.3125rem!important } .mt-sm-n1, .my-sm-n1 { margin-top:-.3125rem!important } .mr-sm-n1, .mx-sm-n1 { margin-right:-.3125rem!important } .mb-sm-n1, .my-sm-n1 { margin-bottom:-.3125rem!important } .ml-sm-n1, .mx-sm-n1 { margin-left:-.3125rem!important } .m-sm-n2 { margin:-.625rem!important } .mt-sm-n2, .my-sm-n2 { margin-top:-.625rem!important } .mr-sm-n2, .mx-sm-n2 { margin-right:-.625rem!important } .mb-sm-n2, .my-sm-n2 { margin-bottom:-.625rem!important } .ml-sm-n2, .mx-sm-n2 { margin-left:-.625rem!important } .m-sm-n3 { margin: -1.25rem!important } .mt-sm-n3, .my-sm-n3 { margin-top: -1.25rem!important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1.25rem!important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1.25rem!important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1.25rem!important } .m-sm-n4 { margin: -1.875rem!important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.875rem!important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.875rem!important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.875rem!important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.875rem!important } .m-sm-n5 { margin: -3.75rem!important } .mt-sm-n5, .my-sm-n5 { margin-top: -3.75rem!important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3.75rem!important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3.75rem!important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3.75rem!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:769px) { .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:.3125rem!important } .mt-md-1, .my-md-1 { margin-top:.3125rem!important } .mr-md-1, .mx-md-1 { margin-right:.3125rem!important } .mb-md-1, .my-md-1 { margin-bottom:.3125rem!important } .ml-md-1, .mx-md-1 { margin-left:.3125rem!important } .m-md-2 { margin:.625rem!important } .mt-md-2, .my-md-2 { margin-top:.625rem!important } .mr-md-2, .mx-md-2 { margin-right:.625rem!important } .mb-md-2, .my-md-2 { margin-bottom:.625rem!important } .ml-md-2, .mx-md-2 { margin-left:.625rem!important } .m-md-3 { margin: 1.25rem!important } .mt-md-3, .my-md-3 { margin-top: 1.25rem!important } .mr-md-3, .mx-md-3 { margin-right: 1.25rem!important } .mb-md-3, .my-md-3 { margin-bottom: 1.25rem!important } .ml-md-3, .mx-md-3 { margin-left: 1.25rem!important } .m-md-4 { margin: 1.875rem!important } .mt-md-4, .my-md-4 { margin-top: 1.875rem!important } .mr-md-4, .mx-md-4 { margin-right: 1.875rem!important } .mb-md-4, .my-md-4 { margin-bottom: 1.875rem!important } .ml-md-4, .mx-md-4 { margin-left: 1.875rem!important } .m-md-5 { margin: 3.75rem!important } .mt-md-5, .my-md-5 { margin-top: 3.75rem!important } .mr-md-5, .mx-md-5 { margin-right: 3.75rem!important } .mb-md-5, .my-md-5 { margin-bottom: 3.75rem!important } .ml-md-5, .mx-md-5 { margin-left: 3.75rem!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:.3125rem!important } .pt-md-1, .py-md-1 { padding-top:.3125rem!important } .pr-md-1, .px-md-1 { padding-right:.3125rem!important } .pb-md-1, .py-md-1 { padding-bottom:.3125rem!important } .pl-md-1, .px-md-1 { padding-left:.3125rem!important } .p-md-2 { padding:.625rem!important } .pt-md-2, .py-md-2 { padding-top:.625rem!important } .pr-md-2, .px-md-2 { padding-right:.625rem!important } .pb-md-2, .py-md-2 { padding-bottom:.625rem!important } .pl-md-2, .px-md-2 { padding-left:.625rem!important } .p-md-3 { padding: 1.25rem!important } .pt-md-3, .py-md-3 { padding-top: 1.25rem!important } .pr-md-3, .px-md-3 { padding-right: 1.25rem!important } .pb-md-3, .py-md-3 { padding-bottom: 1.25rem!important } .pl-md-3, .px-md-3 { padding-left: 1.25rem!important } .p-md-4 { padding: 1.875rem!important } .pt-md-4, .py-md-4 { padding-top: 1.875rem!important } .pr-md-4, .px-md-4 { padding-right: 1.875rem!important } .pb-md-4, .py-md-4 { padding-bottom: 1.875rem!important } .pl-md-4, .px-md-4 { padding-left: 1.875rem!important } .p-md-5 { padding: 3.75rem!important } .pt-md-5, .py-md-5 { padding-top: 3.75rem!important } .pr-md-5, .px-md-5 { padding-right: 3.75rem!important } .pb-md-5, .py-md-5 { padding-bottom: 3.75rem!important } .pl-md-5, .px-md-5 { padding-left: 3.75rem!important } .m-md-n1 { margin:-.3125rem!important } .mt-md-n1, .my-md-n1 { margin-top:-.3125rem!important } .mr-md-n1, .mx-md-n1 { margin-right:-.3125rem!important } .mb-md-n1, .my-md-n1 { margin-bottom:-.3125rem!important } .ml-md-n1, .mx-md-n1 { margin-left:-.3125rem!important } .m-md-n2 { margin:-.625rem!important } .mt-md-n2, .my-md-n2 { margin-top:-.625rem!important } .mr-md-n2, .mx-md-n2 { margin-right:-.625rem!important } .mb-md-n2, .my-md-n2 { margin-bottom:-.625rem!important } .ml-md-n2, .mx-md-n2 { margin-left:-.625rem!important } .m-md-n3 { margin: -1.25rem!important } .mt-md-n3, .my-md-n3 { margin-top: -1.25rem!important } .mr-md-n3, .mx-md-n3 { margin-right: -1.25rem!important } .mb-md-n3, .my-md-n3 { margin-bottom: -1.25rem!important } .ml-md-n3, .mx-md-n3 { margin-left: -1.25rem!important } .m-md-n4 { margin: -1.875rem!important } .mt-md-n4, .my-md-n4 { margin-top: -1.875rem!important } .mr-md-n4, .mx-md-n4 { margin-right: -1.875rem!important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.875rem!important } .ml-md-n4, .mx-md-n4 { margin-left: -1.875rem!important } .m-md-n5 { margin: -3.75rem!important } .mt-md-n5, .my-md-n5 { margin-top: -3.75rem!important } .mr-md-n5, .mx-md-n5 { margin-right: -3.75rem!important } .mb-md-n5, .my-md-n5 { margin-bottom: -3.75rem!important } .ml-md-n5, .mx-md-n5 { margin-left: -3.75rem!important } .m-md-auto { margin: auto!important } .mt-md-auto, .my-md-auto { margin-top: auto!important } .mr-md-auto, .mx-md-auto { margin-right: auto!important } .mb-md-auto, .my-md-auto { margin-bottom: auto!important } .ml-md-auto, .mx-md-auto { margin-left: auto!important } } @media (min-width:992px) { .m-lg-0 { margin: 0!important } .mt-lg-0, .my-lg-0 { margin-top: 0!important } .mr-lg-0, .mx-lg-0 { margin-right: 0!important } .mb-lg-0, .my-lg-0 { margin-bottom: 0!important } .ml-lg-0, .mx-lg-0 { margin-left: 0!important } .m-lg-1 { margin:.3125rem!important } .mt-lg-1, .my-lg-1 { margin-top:.3125rem!important } .mr-lg-1, .mx-lg-1 { margin-right:.3125rem!important } .mb-lg-1, .my-lg-1 { margin-bottom:.3125rem!important } .ml-lg-1, .mx-lg-1 { margin-left:.3125rem!important } .m-lg-2 { margin:.625rem!important } .mt-lg-2, .my-lg-2 { margin-top:.625rem!important } .mr-lg-2, .mx-lg-2 { margin-right:.625rem!important } .mb-lg-2, .my-lg-2 { margin-bottom:.625rem!important } .ml-lg-2, .mx-lg-2 { margin-left:.625rem!important } .m-lg-3 { margin: 1.25rem!important } .mt-lg-3, .my-lg-3 { margin-top: 1.25rem!important } .mr-lg-3, .mx-lg-3 { margin-right: 1.25rem!important } .mb-lg-3, .my-lg-3 { margin-bottom: 1.25rem!important } .ml-lg-3, .mx-lg-3 { margin-left: 1.25rem!important } .m-lg-4 { margin: 1.875rem!important } .mt-lg-4, .my-lg-4 { margin-top: 1.875rem!important } .mr-lg-4, .mx-lg-4 { margin-right: 1.875rem!important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.875rem!important } .ml-lg-4, .mx-lg-4 { margin-left: 1.875rem!important } .m-lg-5 { margin: 3.75rem!important } .mt-lg-5, .my-lg-5 { margin-top: 3.75rem!important } .mr-lg-5, .mx-lg-5 { margin-right: 3.75rem!important } .mb-lg-5, .my-lg-5 { margin-bottom: 3.75rem!important } .ml-lg-5, .mx-lg-5 { margin-left: 3.75rem!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:.3125rem!important } .pt-lg-1, .py-lg-1 { padding-top:.3125rem!important } .pr-lg-1, .px-lg-1 { padding-right:.3125rem!important } .pb-lg-1, .py-lg-1 { padding-bottom:.3125rem!important } .pl-lg-1, .px-lg-1 { padding-left:.3125rem!important } .p-lg-2 { padding:.625rem!important } .pt-lg-2, .py-lg-2 { padding-top:.625rem!important } .pr-lg-2, .px-lg-2 { padding-right:.625rem!important } .pb-lg-2, .py-lg-2 { padding-bottom:.625rem!important } .pl-lg-2, .px-lg-2 { padding-left:.625rem!important } .p-lg-3 { padding: 1.25rem!important } .pt-lg-3, .py-lg-3 { padding-top: 1.25rem!important } .pr-lg-3, .px-lg-3 { padding-right: 1.25rem!important } .pb-lg-3, .py-lg-3 { padding-bottom: 1.25rem!important } .pl-lg-3, .px-lg-3 { padding-left: 1.25rem!important } .p-lg-4 { padding: 1.875rem!important } .pt-lg-4, .py-lg-4 { padding-top: 1.875rem!important } .pr-lg-4, .px-lg-4 { padding-right: 1.875rem!important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.875rem!important } .pl-lg-4, .px-lg-4 { padding-left: 1.875rem!important } .p-lg-5 { padding: 3.75rem!important } .pt-lg-5, .py-lg-5 { padding-top: 3.75rem!important } .pr-lg-5, .px-lg-5 { padding-right: 3.75rem!important } .pb-lg-5, .py-lg-5 { padding-bottom: 3.75rem!important } .pl-lg-5, .px-lg-5 { padding-left: 3.75rem!important } .m-lg-n1 { margin:-.3125rem!important } .mt-lg-n1, .my-lg-n1 { margin-top:-.3125rem!important } .mr-lg-n1, .mx-lg-n1 { margin-right:-.3125rem!important } .mb-lg-n1, .my-lg-n1 { margin-bottom:-.3125rem!important } .ml-lg-n1, .mx-lg-n1 { margin-left:-.3125rem!important } .m-lg-n2 { margin:-.625rem!important } .mt-lg-n2, .my-lg-n2 { margin-top:-.625rem!important } .mr-lg-n2, .mx-lg-n2 { margin-right:-.625rem!important } .mb-lg-n2, .my-lg-n2 { margin-bottom:-.625rem!important } .ml-lg-n2, .mx-lg-n2 { margin-left:-.625rem!important } .m-lg-n3 { margin: -1.25rem!important } .mt-lg-n3, .my-lg-n3 { margin-top: -1.25rem!important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1.25rem!important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1.25rem!important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1.25rem!important } .m-lg-n4 { margin: -1.875rem!important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.875rem!important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.875rem!important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.875rem!important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.875rem!important } .m-lg-n5 { margin: -3.75rem!important } .mt-lg-n5, .my-lg-n5 { margin-top: -3.75rem!important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3.75rem!important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3.75rem!important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3.75rem!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:.3125rem!important } .mt-xl-1, .my-xl-1 { margin-top:.3125rem!important } .mr-xl-1, .mx-xl-1 { margin-right:.3125rem!important } .mb-xl-1, .my-xl-1 { margin-bottom:.3125rem!important } .ml-xl-1, .mx-xl-1 { margin-left:.3125rem!important } .m-xl-2 { margin:.625rem!important } .mt-xl-2, .my-xl-2 { margin-top:.625rem!important } .mr-xl-2, .mx-xl-2 { margin-right:.625rem!important } .mb-xl-2, .my-xl-2 { margin-bottom:.625rem!important } .ml-xl-2, .mx-xl-2 { margin-left:.625rem!important } .m-xl-3 { margin: 1.25rem!important } .mt-xl-3, .my-xl-3 { margin-top: 1.25rem!important } .mr-xl-3, .mx-xl-3 { margin-right: 1.25rem!important } .mb-xl-3, .my-xl-3 { margin-bottom: 1.25rem!important } .ml-xl-3, .mx-xl-3 { margin-left: 1.25rem!important } .m-xl-4 { margin: 1.875rem!important } .mt-xl-4, .my-xl-4 { margin-top: 1.875rem!important } .mr-xl-4, .mx-xl-4 { margin-right: 1.875rem!important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.875rem!important } .ml-xl-4, .mx-xl-4 { margin-left: 1.875rem!important } .m-xl-5 { margin: 3.75rem!important } .mt-xl-5, .my-xl-5 { margin-top: 3.75rem!important } .mr-xl-5, .mx-xl-5 { margin-right: 3.75rem!important } .mb-xl-5, .my-xl-5 { margin-bottom: 3.75rem!important } .ml-xl-5, .mx-xl-5 { margin-left: 3.75rem!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:.3125rem!important } .pt-xl-1, .py-xl-1 { padding-top:.3125rem!important } .pr-xl-1, .px-xl-1 { padding-right:.3125rem!important } .pb-xl-1, .py-xl-1 { padding-bottom:.3125rem!important } .pl-xl-1, .px-xl-1 { padding-left:.3125rem!important } .p-xl-2 { padding:.625rem!important } .pt-xl-2, .py-xl-2 { padding-top:.625rem!important } .pr-xl-2, .px-xl-2 { padding-right:.625rem!important } .pb-xl-2, .py-xl-2 { padding-bottom:.625rem!important } .pl-xl-2, .px-xl-2 { padding-left:.625rem!important } .p-xl-3 { padding: 1.25rem!important } .pt-xl-3, .py-xl-3 { padding-top: 1.25rem!important } .pr-xl-3, .px-xl-3 { padding-right: 1.25rem!important } .pb-xl-3, .py-xl-3 { padding-bottom: 1.25rem!important } .pl-xl-3, .px-xl-3 { padding-left: 1.25rem!important } .p-xl-4 { padding: 1.875rem!important } .pt-xl-4, .py-xl-4 { padding-top: 1.875rem!important } .pr-xl-4, .px-xl-4 { padding-right: 1.875rem!important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.875rem!important } .pl-xl-4, .px-xl-4 { padding-left: 1.875rem!important } .p-xl-5 { padding: 3.75rem!important } .pt-xl-5, .py-xl-5 { padding-top: 3.75rem!important } .pr-xl-5, .px-xl-5 { padding-right: 3.75rem!important } .pb-xl-5, .py-xl-5 { padding-bottom: 3.75rem!important } .pl-xl-5, .px-xl-5 { padding-left: 3.75rem!important } .m-xl-n1 { margin:-.3125rem!important } .mt-xl-n1, .my-xl-n1 { margin-top:-.3125rem!important } .mr-xl-n1, .mx-xl-n1 { margin-right:-.3125rem!important } .mb-xl-n1, .my-xl-n1 { margin-bottom:-.3125rem!important } .ml-xl-n1, .mx-xl-n1 { margin-left:-.3125rem!important } .m-xl-n2 { margin:-.625rem!important } .mt-xl-n2, .my-xl-n2 { margin-top:-.625rem!important } .mr-xl-n2, .mx-xl-n2 { margin-right:-.625rem!important } .mb-xl-n2, .my-xl-n2 { margin-bottom:-.625rem!important } .ml-xl-n2, .mx-xl-n2 { margin-left:-.625rem!important } .m-xl-n3 { margin: -1.25rem!important } .mt-xl-n3, .my-xl-n3 { margin-top: -1.25rem!important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1.25rem!important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1.25rem!important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1.25rem!important } .m-xl-n4 { margin: -1.875rem!important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.875rem!important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.875rem!important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.875rem!important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.875rem!important } .m-xl-n5 { margin: -3.75rem!important } .mt-xl-n5, .my-xl-n5 { margin-top: -3.75rem!important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3.75rem!important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3.75rem!important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3.75rem!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 } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0) } .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:769px) { .text-md-left { text-align: left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width:992px) { .text-lg-left { text-align: left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width:1200px) { .text-xl-left { text-align: left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } .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: #2196f3!important } a.text-primary:focus, a.text-primary:hover { color: #0a6ebd!important } .text-primary-100 { color: #e9f5fe!important } a.text-primary-100:focus, a.text-primary-100:hover { color: #a0d4fb!important } .text-secondary { color: #45748a!important } a.text-secondary:focus, a.text-secondary:hover { color: #2c4957!important } .text-secondary-100 { color: #ecf1f3!important } a.text-secondary-100:focus, a.text-secondary-100:hover { color: #bdced5!important } .text-success { color: #25b372!important } a.text-success:focus, a.text-success:hover { color: #18744a!important } .text-success-100 { color: #e9f7f1!important } a.text-success-100:focus, a.text-success-100:hover { color: #b1e3cd!important } .text-info { color: #2cbacc!important } a.text-info:focus, a.text-info:hover { color: #1e818d!important } .text-info-100 { color: #eaf8fa!important } a.text-info-100:focus, a.text-info-100:hover { color: #ace3eb!important } .text-warning { color: #f58646!important } a.text-warning:focus, a.text-warning:hover { color: #e25b0c!important } .text-warning-100 { color: #fef3ed!important } a.text-warning-100:focus, a.text-warning-100:hover { color: #fac3a5!important } .text-danger { color: #ef5350!important } a.text-danger:focus, a.text-danger:hover { color: #de1814!important } .text-danger-100 { color: #fdeeee!important } a.text-danger-100:focus, a.text-danger-100:hover { color: #f5aaaa!important } .text-white { color: #fff!important } a.text-white:focus, a.text-white:hover { color: #d9d9d9!important } .text-light { color: #f0f2f5!important } a.text-light:focus, a.text-light:hover { color: #c2cad6!important } .text-light-100 { color: rgba(255,255,255,.1)!important } a.text-light-100:focus, a.text-light-100:hover { color: rgba(217,217,217,.1)!important } .text-dark { color: #252b36!important } a.text-dark:focus, a.text-dark:hover { color: #060709!important } .text-dark-100 { color: rgba(0,0,0,.1)!important } a.text-dark-100:focus, a.text-dark-100:hover { color: rgba(0,0,0,.1)!important } .text-teal { color: #26a69a!important } a.text-teal:focus, a.text-teal:hover { color: #186860!important } .text-teal-100 { color: #e9f6f5!important } a.text-teal-100:focus, a.text-teal-100:hover { color: #b3e0dc!important } .text-indigo { color: #5c6bc0!important } a.text-indigo:focus, a.text-indigo:hover { color: #3a4896!important } .text-indigo-100 { color: #eff0f9!important } a.text-indigo-100:focus, a.text-indigo-100:hover { color: #b7bce4!important } .text-purple { color: #8e70c1!important } a.text-purple:focus, a.text-purple:hover { color: #67459f!important } .text-purple-100 { color: #f4f1f9!important } a.text-purple-100:focus, a.text-purple-100:hover { color: #cabbe2!important } .text-pink { color: #f35c86!important } a.text-pink:focus, a.text-pink:hover { color: #ee1551!important } .text-pink-100 { color: #feeff3!important } a.text-pink-100:focus, a.text-pink-100:hover { color: #faa7bd!important } .text-yellow { color: #ffd648!important } a.text-yellow:focus, a.text-yellow:hover { color: #fbc200!important } .text-yellow-100 { color: #fffbed!important } a.text-yellow-100:focus, a.text-yellow-100:hover { color: #ffeaa1!important } .text-body { color: #333!important } .text-muted { color: #999!important } .text-black-50 { color: rgba(0,0,0,.5)!important } .text-white-50 { color: rgba(255,255,255,.5)!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; 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 } @media print { *, ::after, ::before { text-shadow: none!important; box-shadow: none!important } a:not(.btn) { text-decoration: underline } abbr[title]::after { content: " (" attr(title) ")" } pre { white-space: pre-wrap!important } blockquote, pre { border: 1px solid #ccc; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } @page { size:a3 } body { min-width: 992px!important } .container { min-width: 992px!important } .navbar { display: none } .badge { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td, .table th { background-color: #fff!important } .table-bordered td, .table-bordered th { border: 1px solid #eee!important } .table-dark { color: inherit } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #ddd } .table .thead-dark th { color: inherit; border-color: #ddd } } @charset "UTF-8"; body { position: relative } dt { margin-bottom:.3125rem } dd { margin-bottom: 1.25rem } dd:last-child { margin-bottom: 0 } dl:last-child { margin-bottom: 0 } pre { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; border: 1px solid #ddd; padding: 1.25rem 1.25rem; margin-bottom: 0; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } svg { display: block } .svg-inline svg { display: inline-block } .svg-center svg { margin: auto } input[type=file] { display: block } @media (min-width:769px) { .custom-scrollbars * { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: thin; scrollbar-color: #999 #eee } .custom-scrollbars ::-webkit-scrollbar { height:.4rem; width:.4rem } .custom-scrollbars ::-webkit-scrollbar-track { background:transparent; } .custom-scrollbars ::-webkit-scrollbar-thumb { background-color:#999; border-radius:.4rem } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { letter-spacing: -.015em } .list>li, .list>li .list>li { margin-top:.3125rem } .list>li:first-child { margin-top: 0 } .list-extended>li, .list-extended>li .list>li { margin-top:.625rem } ul.list-square { list-style-type: square } ul.list-circle { list-style-type: circle } .list-inline-item { position: relative } .list-inline-condensed .list-inline-item:not(:last-child) { margin-right:.625rem } .list-inline-dotted .list-inline-item:not(:last-child) { margin-right:.625rem } .list-inline-dotted .list-inline-item:not(:last-child):after { content: ""; font-family: icomoon; font-size:.5rem; width:.4rem; text-align: center; display: inline-block; margin-left:.825rem; opacity: .25 } .list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child) { margin-right:.41667rem } .list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child):after { margin-left:.54167rem } .list-scrollspy .nav-link { color: #333 } .list-scrollspy .nav-link:focus, .list-scrollspy .nav-link:hover { color: #2196f3 } .list-scrollspy .nav-link.active { border-color: #2196f3; color: #2196f3 } .list-scrollspy .list-scrollspy { padding-left: 1.25rem } .list-scrollspy .list-scrollspy .list-scrollspy { padding-left: 1.25rem } .list-icons { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center } .list-icons>:not(:first-child) { margin-left:.625rem } .list-icons-extended>:not(:first-child) { margin-left: 1.25rem } a.list-icons-item { display: inline-block; transition: color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { a.list-icons-item { transition: none } } a.list-icons-item:not([class*=text-]) { color: inherit } a.list-icons-item>i { top: 0 } .show>a.list-icons-item, a.list-icons-item:focus, a.list-icons-item:hover { outline: 0; opacity: .75 } a.list-icons-item[data-toggle=collapse] i { transition: -webkit-transform ease-in-out .15s; transition: transform ease-in-out .15s; transition: transform ease-in-out .15s, -webkit-transform ease-in-out .15s } a.list-icons-item.collapsed i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .font-weight-black { font-weight: 900 } .font-weight-semibold { font-weight: 500 } .font-weight-thin { font-weight: 100 } .blockquote-bordered { border-left: 5px solid #eee } .blockquote-bordered-reverse { border-left: 0; border-right: 5px solid #eee } .blockquote-footer { font-size:.875rem } .blockquote-footer::before { content: "\2014 \00A0 \00A0 \00A0" } .list-feed-item { position: relative; padding-bottom: 1.25rem; padding-left: 1.75rem } .list-feed-item:before { content: ''; position: absolute; left: 0; top:.375rem; background-color: #fff; display: inline-block; border: 2px solid #45748a; z-index: 3; width:.5rem; height:.5rem; border-radius: 50% } .list-feed-item:after { content: ''; position: absolute; top:.375rem; left:.1875rem; bottom:-.5rem; width: 0; border-left: 1px solid #45748a; border-right: 1px solid #45748a; z-index: 2 } .list-feed-item:first-child:after { top:.5rem } .list-feed-item:last-child { padding-bottom: 0 } .list-feed-item:last-child:after { content: none } .list-feed-item[class*=border-]:after, .list-feed-item[class*=border-]:before { border-color: inherit } .list-feed-solid .list-feed-item:before { content: ''; border-width:.25rem; width: 0; height: 0 } .list-feed-square .list-feed-item:before { content: ''; border-radius: 0 } .list-feed-rhombus .list-feed-item:before { content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0 } .list-feed-time .list-feed-item { margin-left: 3.25rem } .list-feed-time .list-feed-item .feed-time { position: absolute; left: -3.25rem; top: 0 } .content-divider { text-align: center; position: relative; z-index: 1 } .content-divider>span { background-color: #f5f5f5; display: inline-block } .card .content-divider>span, .tab-content-bordered .content-divider>span { background-color: #fff } .modal .content-divider>span { background-color: #fff } .content-divider>span:before { content: ""; position: absolute; top: 50%; left: 0; height: 1px; background-color: #ddd; width: 100%; z-index: -1 } .letter-icon { width: 1rem; height: 1.375rem; display: block } .btn-lg .letter-icon { height: 1.375rem } .btn-sm .letter-icon { height: 1.375rem } code { padding:.2rem .4rem; background-color: #fafafa } pre { white-space: pre-wrap; text-align: left; border-radius:.25rem } .table { margin-bottom: 0 } .table td, .table th { vertical-align: middle } .table th { font-weight: 500 } .table thead th { vertical-align: middle; border-bottom: 1px solid #b7b7b7 } .table tfoot th { border-top-color: #b7b7b7 } .table caption+thead tr:first-child td, .table caption+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th { border-top-width: 0 } .table td, .table th, .table tr { transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .table td, .table th, .table tr { transition: none } } .table-dark thead td, .table-dark thead th { border-bottom-color: rgba(255,255,255,.5) } .table-dark tfoot td, .table-dark tfoot th { border-top-color: rgba(255,255,255,.5) } @media (max-width:575.98px) { .table-responsive-sm>.table-bordered { border: 1px solid #ddd } } @media (max-width:768.98px) { .table-responsive-md>.table-bordered { border: 1px solid #ddd } } @media (max-width:991.98px) { .table-responsive-lg>.table-bordered { border: 1px solid #ddd } } @media (max-width:1199.98px) { .table-responsive-xl>.table-bordered { border: 1px solid #ddd } } .table-responsive>.table-bordered { border: 1px solid #ddd } .table-scrollable { max-height: 22.5rem; overflow: auto } .table-columned tbody td, .table-columned tbody th, .table-columned tfoot td, .table-columned tfoot th { border: 0; border-left: 1px solid #ddd } .table-columned tbody td:first-child, .table-columned tbody th:first-child, .table-columned tfoot td:first-child, .table-columned tfoot th:first-child { border-left: 0 } .table-columned thead td, .table-columned thead th { border-left: 1px solid #ddd } .table-columned thead td:first-child, .table-columned thead th:first-child { border-left: 0 } .table-xl td, .table-xl th { padding: 1.25rem 1.25rem } .table-lg td, .table-lg th { padding: 1rem 1.25rem } .table-xs td, .table-xs th { padding:.5rem 1.25rem } thead .table-border-solid td, thead .table-border-solid th { border-bottom-width: 2px } tbody .table-border-solid td, tbody .table-border-solid th, tfoot .table-border-solid td, tfoot .table-border-solid th { border-top-width: 2px } thead .table-border-double td, thead .table-border-double th { border-bottom-width: 3px; border-bottom-style: double } .table-bordered thead .table-border-double:first-child td, .table-bordered thead .table-border-double:first-child th { border-bottom-width: 3px; border-bottom-style: double } tbody .table-border-double td, tbody .table-border-double th, tfoot .table-border-double td, tfoot .table-border-double th { border-top-width: 3px; border-top-style: double } .table-border-dashed td, .table-border-dashed th { border-top-style: dashed } .table thead tr[class*=border-bottom-] td, .table thead tr[class*=border-bottom-] th { border-bottom-color: inherit } .table tbody tr[class*=border-top-] td, .table tbody tr[class*=border-top-] th, .table tfoot tr[class*=border-top-] td, .table tfoot tr[class*=border-top-] th { border-top-color: inherit } .card>.table:first-child caption+thead tr:first-child td, .card>.table:first-child caption+thead tr:first-child th, .card>.table:first-child colgroup+thead tr:first-child td, .card>.table:first-child colgroup+thead tr:first-child th, .card>.table:first-child thead:first-child tr:first-child td, .card>.table:first-child thead:first-child tr:first-child th, .card>[class*=table-responsive]:first-child>.table:first-child caption+thead tr:first-child td, .card>[class*=table-responsive]:first-child>.table:first-child caption+thead tr:first-child th, .card>[class*=table-responsive]:first-child>.table:first-child colgroup+thead tr:first-child td, .card>[class*=table-responsive]:first-child>.table:first-child colgroup+thead tr:first-child th, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th { border-top-width: 0 } .card.card-table { border-width: 1px; border-color: #ddd } .card>.table caption, .card>[class*=table-responsive]>.table caption { padding-left:1.25rem; padding-right:1.25rem } .card>.table:first-child, .card>[class*=table-responsive]:first-child>.table:first-child { border-top-left-radius:calc(.25rem - 1px); border-top-right-radius:calc(.25rem - 1px) } .card>.table:first-child tbody:first-child tr:first-child, .card>.table:first-child thead:first-child tr:first-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child { border-top-left-radius:calc(.25rem - 1px); border-top-right-radius:calc(.25rem - 1px) } .card>.table:first-child tbody:first-child tr:first-child td:first-child, .card>.table:first-child tbody:first-child tr:first-child th:first-child, .card>.table:first-child thead:first-child tr:first-child td:first-child, .card>.table:first-child thead:first-child tr:first-child th:first-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child td:first-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child th:first-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td:first-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th:first-child { border-top-left-radius:calc(.25rem - 1px) } .card>.table:first-child tbody:first-child tr:first-child td:last-child, .card>.table:first-child tbody:first-child tr:first-child th:last-child, .card>.table:first-child thead:first-child tr:first-child td:last-child, .card>.table:first-child thead:first-child tr:first-child th:last-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child td:last-child, .card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child th:last-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td:last-child, .card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th:last-child { border-top-right-radius:calc(.25rem - 1px) } .card>.table:last-child, .card>[class*=table-responsive]:last-child>.table:last-child { border-bottom-right-radius:calc(.25rem - 1px); border-bottom-left-radius:calc(.25rem - 1px) } .card>.table:last-child tbody:last-child tr:last-child, .card>.table:last-child tfoot:last-child tr:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child { border-bottom-left-radius:calc(.25rem - 1px); border-bottom-right-radius:calc(.25rem - 1px) } .card>.table:last-child tbody:last-child tr:last-child td:first-child, .card>.table:last-child tbody:last-child tr:last-child th:first-child, .card>.table:last-child tfoot:last-child tr:last-child td:first-child, .card>.table:last-child tfoot:last-child tr:last-child th:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child td:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child th:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child td:first-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child th:first-child { border-bottom-left-radius:calc(.25rem - 1px) } .card>.table:last-child tbody:last-child tr:last-child td:last-child, .card>.table:last-child tbody:last-child tr:last-child th:last-child, .card>.table:last-child tfoot:last-child tr:last-child td:last-child, .card>.table:last-child tfoot:last-child tr:last-child th:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child td:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child th:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child td:last-child, .card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child th:last-child { border-bottom-right-radius:calc(.25rem - 1px) } .card>.table-bordered, .card>[class*=table-responsive]>.table-bordered { border:0 } .card>.table-bordered tbody td:first-child, .card>.table-bordered tbody th:first-child, .card>.table-bordered tfoot td:first-child, .card>.table-bordered tfoot th:first-child, .card>.table-bordered thead td:first-child, .card>.table-bordered thead th:first-child, .card>[class*=table-responsive]>.table-bordered tbody td:first-child, .card>[class*=table-responsive]>.table-bordered tbody th:first-child, .card>[class*=table-responsive]>.table-bordered tfoot td:first-child, .card>[class*=table-responsive]>.table-bordered tfoot th:first-child, .card>[class*=table-responsive]>.table-bordered thead td:first-child, .card>[class*=table-responsive]>.table-bordered thead th:first-child { border-left:0 } .card>.table-bordered tbody td:last-child, .card>.table-bordered tbody th:last-child, .card>.table-bordered tfoot td:last-child, .card>.table-bordered tfoot th:last-child, .card>.table-bordered thead td:last-child, .card>.table-bordered thead th:last-child, .card>[class*=table-responsive]>.table-bordered tbody td:last-child, .card>[class*=table-responsive]>.table-bordered tbody th:last-child, .card>[class*=table-responsive]>.table-bordered tfoot td:last-child, .card>[class*=table-responsive]>.table-bordered tfoot th:last-child, .card>[class*=table-responsive]>.table-bordered thead td:last-child, .card>[class*=table-responsive]>.table-bordered thead th:last-child { border-right:0 } .card-body+.table, .card-body+div[class*=table-responsive], .card-header:not([class*=bg-])+.table, .card-header:not([class*=bg-])+div[class*=table-responsive], .navbar-light+.table, .navbar-light+div[class*=table-responsive], .table+.card-body, div[class*=table-responsive]+.card-body { border-top: 1px solid #ddd } .table tbody:first-child tr:first-child td, .table tbody:first-child tr:first-child th, div[class*=table-responsive]>.table tbody:first-child tr:first-child td, div[class*=table-responsive]>.table tbody:first-child tr:first-child th { border-top: 0 } .card-footer+.table, .card-footer+[class*=table-responsive] { border-top:1px solid #ddd } legend { padding-top:.625rem; padding-bottom:.625rem; margin-bottom: 1.25rem; border-bottom: 1px solid #ddd; font-size:.875rem } fieldset:first-child legend:first-child { padding-top: 0 } select[multiple], select[size] { /*height: 200px;*/ padding:.875rem } select[multiple] option, select[size] option { padding:.5rem 1rem; border-radius:.25rem } select[multiple] option+option, select[size] option+option { margin-top: 1px } .form-control { background-clip: border-box } .form-control:disabled { color: #999 } .form-group .form-group:last-child { margin-bottom: 0 } @media (max-width:768.98px) { .form-group [class*=col-md-]:not([class*=col-form-label])+[class*=col-md-] { margin-top:1.25rem } } @media (max-width:991.98px) { .form-group [class*=col-lg-]:not([class*=col-form-label])+[class*=col-lg-] { margin-top:1.25rem } } @media (max-width:1199.98px) { .form-group [class*=col-xl-]:not([class*=col-form-label])+[class*=col-xl-] { margin-top:1.25rem } } @media (max-width:768.98px) { [class*=col-form-label][class*=col-md-] { padding-top:0 } } @media (max-width:991.98px) { [class*=col-form-label][class*=col-lg-] { padding-top:0 } } @media (max-width:1199.98px) { [class*=col-form-label][class*=col-xl-] { padding-top:0 } } .form-check.disabled { color: #999 } .form-check.disabled .form-check-label { cursor: default } .form-check-horizontal { margin-top:.5rem; margin-bottom:.5rem } .form-check-input:disabled~.form-check-label { cursor: default } .form-check-label { cursor: pointer } .form-check-inline .form-check-label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center } .form-check-inline:last-child { margin-right: 0 } .form-check-right { padding-left: 0; padding-right: 1.875rem } .form-check-right .form-check-input, .form-check-right input { left: auto; right: 0 } .form-check-right.form-check-inline { padding: 0 } .form-check-right.form-check-inline .form-check-input { margin-right: 0; margin-left:.625rem } .form-group-feedback { position: relative } .form-group-feedback-left .form-control-feedback { left: 0 } .form-group-feedback-left .form-control { padding-left: 2.75rem } .form-group-feedback-left .form-control-lg { padding-left: 3rem } .form-group-feedback-left .form-control-sm { padding-left: 2.5rem } .form-group-feedback-right .form-control-feedback { right: 0 } .form-group-feedback-right .form-control { padding-right: 2.75rem } .form-group-feedback-right .form-control-lg { padding-right: 3rem } .form-group-feedback-right .form-control-sm { padding-right: 2.5rem } .form-control-feedback { position: absolute; top: 0; color: #333; padding-left:.875rem; padding-right:.875rem; line-height:calc(1.5715em + .875rem + 2px); min-width: 1rem } .form-control-feedback-lg { padding-left: 1rem; padding-right: 1rem; line-height: calc(1.4667em + 1.125rem + 2px) } .form-control-feedback-sm { padding-left:.75rem; padding-right:.75rem; line-height:calc(1.6924em + .625rem + 2px) } /*.btn {*/ /* position: relative*/ /*}*/ .btn::-moz-focus-inner { border:0 } .btn.disabled, .btn:disabled { cursor: default } .btn-light { color: #333; background-color: #f0f2f5; border-color: #cad1dc } .btn-light:hover { color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .btn-light.focus, .btn-light:focus { color: #333; background-color: #e1e5eb; border-color: #bac4d1; outline: 0; box-shadow: 0 0 0 0 rgba(179,185,194,.5) } .btn-light.disabled, .btn-light:disabled { color: #333; background-color: #f0f2f5; border-color: #cad1dc } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .show>.btn-link.dropdown-toggle { color: #0a6ebd } .btn-icon { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0; width: calc(2.25rem + 2px); height: calc(2.25rem + 2px) } .btn-icon>i { position: static; min-width: 1rem } .btn-icon input[type=checkbox], .btn-icon input[type=radio] { display: block } .btn-icon.btn-sm { width: calc(2rem + 2px); height: calc(2rem + 2px) } .btn-icon.btn-lg { width: calc(2.5rem + 2px); height: calc(2.5rem + 2px) } .btn-float { padding: 1rem; border-radius:.25rem } .btn-float.btn-link { padding:.8rem } .btn-float i { display: block; top: 0 } .btn-float>span { display: block; padding-top:.625rem; margin-bottom:-.4375rem; overflow: hidden; text-overflow: ellipsis } .btn.border-2 { padding-top:.375rem; padding-bottom:.375rem } .btn.border-2.btn-lg { padding-top:.5rem; padding-bottom:.5rem } .btn.border-2.btn-sm { padding-top:.25rem; padding-bottom:.25rem } .btn.border-2.btn-icon { width: calc(2.25rem + 4px); height: calc(2.25rem + 4px) } .btn.border-2.btn-icon.btn-sm { width: calc(2rem + 4px); height: calc(2rem + 4px) } .btn.border-2.btn-icon.btn-lg { width: calc(2.5rem + 4px); height: calc(2.5rem + 4px) } .btn.border-2.btn-float { padding:.9375rem } .btn-active-indicator { opacity: 0; visibility: hidden; transition: opacity ease-in-out .15s, visibility ease-in-out .15s } .btn.active>.btn-active-indicator { opacity: 1; visibility: visible } .btn-labeled>b { position: absolute; top: -1px; background-color: rgba(0,0,0,.15); display: block; line-height: 1; padding:.6875rem } .btn-labeled>b>i { top: 0 } .btn-labeled.rounded-pill>b { border-radius: 50rem } .btn-labeled.btn-lg>b { padding:.8125rem } .btn-labeled.btn-sm>b { padding:.5625rem } .btn-labeled-left { padding-left: 3.25rem } .btn-labeled-left>b { left: -1px; border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .btn-labeled-left.btn-lg { padding-left: 3.625rem } .btn-labeled-left.btn-lg>b { border-top-left-radius:.3125rem; border-bottom-left-radius:.3125rem } .btn-labeled-left.btn-sm { padding-left: 2.875rem } .btn-labeled-left.btn-sm>b { border-top-left-radius:.1875rem; border-bottom-left-radius:.1875rem } .btn-labeled-right { padding-right: 3.375rem } .btn-labeled-right>b { right: -1px; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .btn-labeled-right.btn-lg { padding-right: 3.625rem } .btn-labeled-right.btn-lg>b { border-top-right-radius:.3125rem; border-bottom-right-radius:.3125rem } .btn-labeled-right.btn-sm { padding-right: 2.875rem } .btn-labeled-right.btn-sm>b { border-top-right-radius:.1875rem; border-bottom-right-radius:.1875rem } .dropdown-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; outline: 0; overflow: hidden; text-overflow: ellipsis; cursor: pointer; margin-bottom: 0; transition: background-color ease-in-out .15s, color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dropdown-item { transition: none } } .dropdown-item+.dropdown-item, .dropdown-item+.dropdown-submenu, .dropdown-submenu+.dropdown-item { margin-top: 1px } .dropdown-item:active { color: #333; background-color: #eee } .dropdown-item.active { color: #fff; background-color: #2196f3 } .dropdown-item.disabled, .dropdown-item:disabled { color: #999; background-color: transparent; cursor: default } .dropdown-item.disabled>.badge, .dropdown-item.disabled>img, .dropdown-item:disabled>.badge, .dropdown-item:disabled>img { opacity: .8 } .dropdown-item-open { background-color: #eee; color: #333 } .dropdown-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1.6924 } .dropdown-header-highlight { background-color: #f8f8f8 } .dropdown-header-highlight+.dropdown-item, .dropdown-item+.dropdown-header-highlight { margin-top:.5rem } .dropdown-header>i, .dropdown-header>img, .dropdown-item>i, .dropdown-item>img { margin-right: 1rem } .dropdown-header>i, .dropdown-item>i { top: 0 } .dropdown-header>img, .dropdown-item>img { max-height: 1.375rem } @media (max-width:575.98px) { .dropdown-scrollable-sm { max-height: 340px; overflow-y: auto } } @media (max-width:768.98px) { .dropdown-scrollable-md { max-height: 340px; overflow-y: auto } } @media (max-width:991.98px) { .dropdown-scrollable-lg { max-height: 340px; overflow-y: auto } } @media (max-width:1199.98px) { .dropdown-scrollable-xl { max-height: 340px; overflow-y: auto } } .dropdown-scrollable { max-height: 340px; overflow-y: auto } .dropdown-menu>.dropdown-submenu { position: relative } .dropdown-menu>.dropdown-submenu>.dropdown-item { padding-right: 2.5rem } .dropdown-menu>.dropdown-submenu>.dropdown-item:after { content: ""; font-family: icomoon; position: absolute; top: 50%; margin-top:-.5rem; right: 1rem; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [dir=rtl] .dropdown-menu>.dropdown-submenu>.dropdown-item:after { content: "" } .dropdown-menu>.dropdown-submenu.show>.dropdown-item, .dropdown-menu>.dropdown-submenu:hover>.dropdown-item { background-color: #eee; color: #333 } .dropdown-menu>.dropdown-submenu:focus>.dropdown-item:not(.dropdown-toggle)~.dropdown-menu, .dropdown-menu>.dropdown-submenu:hover>.dropdown-item:not(.dropdown-toggle)~.dropdown-menu { display: block } .dropdown-menu>.dropdown-submenu.disabled>.dropdown-menu { display: none } .dropdown-menu>.dropdown-submenu.disabled>.dropdown-item { background-color: transparent; color: #999; cursor: default } .dropdown-menu>.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top:-.5625rem } .dropdown-menu>.dropdown-submenu.dropdown-submenu-left>.dropdown-menu { left: auto; right: 100% } @media (max-width:1199.98px) { .dropdown-menu>.dropdown-submenu .dropdown-toggle:after { content: "" } .dropdown-menu>.dropdown-submenu .dropdown-menu, .dropdown-menu>.dropdown-submenu.dropdown-submenu-left .dropdown-menu { position: static; margin: 0!important; border-width: 0; width: 100%; box-shadow: none; border-radius: 0 } .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 2rem } .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 3rem } } .dropdown-menu .dropup>.dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom:-.5625rem } .dropdown-menu .dropdown-submenu+.dropdown-submenu { margin-top: 1px } .dropright .dropdown-toggle::after { vertical-align: middle } .dropleft .dropdown-toggle::before { vertical-align: middle } .dropleft .dropdown-submenu .dropdown-toggle::before { content: none } [dir=rtl] .nav-item:not([class*=mega-menu]) .navbar-nav-link~.dropdown-menu, [dir=rtl] .navbar-nav>.nav-item:not([class*=mega-menu])>.dropdown-menu { left: auto; right: 0 } [dir=rtl] .nav-item:not([class*=mega-menu]) .navbar-nav-link~.dropdown-menu-right, [dir=rtl] .navbar-nav>.nav-item:not([class*=mega-menu])>.dropdown-menu-right { right: auto; left: 0 } .dropdown-menu-lg .dropdown-item { padding-top:.5625rem; padding-bottom:.5625rem; font-size:.9375rem; line-height: 1.4667 } .dropdown-menu-sm .dropdown-item { padding-top:.3125rem; padding-bottom:.3125rem; font-size:.8125rem; line-height: 1.6924 } .dropdown-menu-custom>.dropdown-item, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item { color: #fff } .dropdown-menu-custom>.dropdown-item:focus, .dropdown-menu-custom>.dropdown-item:hover, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item:focus, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item:hover { background-color: rgba(255,255,255,.1) } .dropdown-menu-custom>.dropdown-item.active, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item.active { background-color: rgba(255,255,255,.2) } .dropdown-menu-custom>.dropdown-item.disabled, .dropdown-menu-custom>.dropdown-submenu>.dropdown-item.disabled { background-color: transparent; color: rgba(255,255,255,.6) } .dropdown-menu-custom>.dropdown-submenu.show>.dropdown-item, .dropdown-menu-custom>.dropdown-submenu:hover>.dropdown-item { background-color: rgba(255,255,255,.1); color: #fff } .dropdown-menu-custom>.dropdown-submenu.disabled>.dropdown-item { background-color: transparent; color: rgba(255,255,255,.6) } .dropdown-menu-custom>.dropdown-header { color: rgba(255,255,255,.6) } .dropdown-menu-custom>.dropdown-header-highlight { background-color: rgba(0,0,0,.1) } .dropdown-menu-custom>.dropdown-divider { border-top-color: rgba(255,255,255,.4) } .btn-group>.btn.border-2:not(:first-child) { margin-left: -2px } .btn-group>.btn.border-3:not(:first-child) { margin-left: -3px } .btn-group-justified { display: -ms-flexbox; display: flex } .btn-group-justified .btn, .btn-group-justified .btn-group { -ms-flex: 1; flex: 1 } .input-group .form-group-feedback { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; z-index: 4 } .input-group .form-group-feedback:not(:last-child) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group .form-group-feedback:not(:first-child) .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0 } .form-control-feedback+.input-group, .input-group .form-control-feedback, .input-group+.form-control-feedback { z-index: 4 } .input-group-text i { display: block; top: 0 } .custom-control { padding-left: 0 } .custom-control.dropdown-item { padding-left: 1rem } label.custom-control { margin-bottom: 0 } .custom-control-inline:last-child { margin-right: 0 } .custom-control-input:not(:checked):not(:disabled):active~.custom-control-label:before, .custom-control-input:not(:checked):not(:disabled)~.custom-control-label:active:before { border-color: #b7b7b7 } .dropdown-item .custom-control-input { left: 1rem } .custom-control-input:disabled~.custom-control-label { cursor: default } .custom-control-input:disabled~.custom-control-label:before { opacity: .65 } .custom-control-label { display: -ms-inline-flexbox; display: inline-flex; padding-left: 2rem; min-width: 1.25rem; min-height: 1.25rem } .custom-control-label::after, .custom-control-label::before { left: 0; top:.0625rem } .dropdown-item .custom-control-label { padding-left: 2.25rem } .custom-control.custom-control-right .custom-control-input { left: auto; right: 0 } .custom-control.custom-control-right.dropdown-item .custom-control-input { right: 1rem } .custom-control.custom-control-right .custom-control-label { padding-left: 0; padding-right: 2rem } .custom-control.custom-control-right .custom-control-label:after, .custom-control.custom-control-right .custom-control-label:before { left: auto; right: 0 } .custom-checkbox-inverse .custom-control-input:checked~.custom-control-label::before, .custom-checkbox-inverse .custom-control-input:focus:not(:checked)~.custom-control-label::before, .custom-checkbox-inverse .custom-control-input:not(:checked):not(:disabled):active~.custom-control-label:before, .custom-checkbox-inverse .custom-control-input:not(:checked):not(:disabled)~.custom-control-label:active:before, .custom-checkbox-inverse .custom-control-label::before, .custom-radio-inverse .custom-control-input:checked~.custom-control-label::before, .custom-radio-inverse .custom-control-input:focus:not(:checked)~.custom-control-label::before, .custom-radio-inverse .custom-control-input:not(:checked):not(:disabled):active~.custom-control-label:before, .custom-radio-inverse .custom-control-input:not(:checked):not(:disabled)~.custom-control-label:active:before, .custom-radio-inverse .custom-control-label::before { border-color: #fff } .custom-checkbox-inverse .custom-control-input:checked~.custom-control-label::before, .custom-checkbox-inverse .custom-control-input:disabled:checked~.custom-control-label::before, .custom-radio-inverse .custom-control-input:checked~.custom-control-label::before, .custom-radio-inverse .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #fff } .custom-checkbox-inverse .custom-control-input:disabled~.custom-control-label::before, .custom-checkbox-inverse .custom-control-label::before, .custom-radio-inverse .custom-control-input:disabled~.custom-control-label::before, .custom-radio-inverse .custom-control-label::before { background-color: transparent } .custom-checkbox-inverse .custom-control-input:disabled~.custom-control-label, .custom-radio-inverse .custom-control-input:disabled~.custom-control-label { color: rgba(255,255,255,.75) } .custom-checkbox-inverse .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23000' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e") } .custom-radio-inverse .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e") } .custom-switch .custom-control-label { display: inline-block; min-width: 2.1875rem; padding-left: 2.9375rem } .custom-switch .custom-control-label::before { border: 0; left: 0; background-color: #999 } .custom-switch .custom-control-label::after { top:calc(.0625rem + 2px); left: 2px; background-color: #fff; box-shadow:0 .0625rem .125rem rgba(0,0,0,.25) } .dropdown-item .custom-switch .custom-control-label { padding-left: 3.1875rem } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff } .custom-switch .custom-control-input:checked~.custom-control-label::before, .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #2196f3 } .custom-switch .custom-control-input:disabled~.custom-control-label::before, .custom-switch .custom-control-input:not(:checked):active~.custom-control-label::before, .custom-switch .custom-control-input[disabled]~.custom-control-label::before { background-color: #999 } .custom-switch .custom-control-input:disabled~.custom-control-label:after { opacity: .9 } .custom-switch.custom-control-right .custom-control-label { padding-right: 2.9375rem } .custom-switch.custom-control-right .custom-control-label:after { right: calc(1.1875rem - 2px) } .custom-switch-square .custom-control-label::before { border-radius:.25rem } .custom-switch-square .custom-control-label::after { border-radius:calc(.25rem - 1px) } .custom-switch-inverse .custom-control-input:checked~.custom-control-label::before, .custom-switch-inverse .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(255,255,255,.5) } .custom-switch-inverse .custom-control-input:disabled~.custom-control-label::before, .custom-switch-inverse .custom-control-input:not(:checked):active~.custom-control-label::before, .custom-switch-inverse .custom-control-input[disabled]~.custom-control-label::before, .custom-switch-inverse .custom-control-label::before { background-color: rgba(255,255,255,.5) } .custom-control-secondary .custom-control-input:checked~.custom-control-label::before, .custom-control-secondary .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #45748a; border-color: #45748a } .custom-control-dark .custom-control-input:checked~.custom-control-label::before, .custom-control-dark .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #252b36; border-color: #252b36 } .custom-control-success .custom-control-input:checked~.custom-control-label::before, .custom-control-success .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #25b372; border-color: #25b372 } .custom-control-danger .custom-control-input:checked~.custom-control-label::before, .custom-control-danger .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #ef5350; border-color: #ef5350 } .custom-control-warning .custom-control-input:checked~.custom-control-label::before, .custom-control-warning .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #f58646; border-color: #f58646 } .custom-control-info .custom-control-input:checked~.custom-control-label::before, .custom-control-info .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #2cbacc; border-color: #2cbacc } .custom-select { cursor: pointer } .custom-select:disabled { cursor: default } .custom-file-label { margin-bottom: 0 } .custom-file-label:after { border-top-right-radius:calc(.25rem - 1px); border-bottom-right-radius:calc(.25rem - 1px) } .custom-file-label.border-transparent:after { border-left-color: #ddd } .nav-link { position: relative; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus { outline: 0 } .nav-link::-moz-focus-inner { border:0 } .nav-link.disabled { cursor: default } .nav-tabs { margin-bottom: 1.25rem } .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; color: #777 } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { color: #333 } .nav-tabs .nav-link.disabled { color: #999 } .nav-tabs .nav-item.show .nav-link:not(.active) { border-color: transparent; background-color: transparent } .nav-tabs.border-top-1 { border-top-color: #ddd } .nav-tabs-responsive { overflow-x: auto; box-shadow: 0 -1px 0 #ddd inset } .nav-tabs-responsive .nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; margin-bottom: 0 } .nav-tabs-bottom .nav-link, .nav-tabs-highlight .nav-link, .nav-tabs-top .nav-link { position: relative } .nav-tabs-bottom .nav-link:before, .nav-tabs-highlight .nav-link:before, .nav-tabs-top .nav-link:before { content: ''; position: absolute; top: 0; left: 0; right: 0; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .nav-tabs-bottom .nav-link:before, .nav-tabs-highlight .nav-link:before, .nav-tabs-top .nav-link:before { transition: none } } .nav-tabs-highlight .nav-link { border-top-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-tabs-highlight .nav-link:before { height: 2px; top: -1px; left: -1px; right: -1px } .nav-tabs-highlight .nav-link.active:before { background-color: #2196f3 } .nav-tabs-top .nav-item { margin-bottom: 0 } .nav-tabs-top .nav-link { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-tabs-top .nav-link:focus:before, .nav-tabs-top .nav-link:hover:before { background-color: #ddd } .nav-tabs-top .nav-link:before { height: 2px } .nav-tabs-top .nav-link.disabled:before { content: none } .nav-tabs-top .nav-item.show .nav-link:not(.active):before { background-color: #ddd } .nav-tabs-top .nav-link.active:before { background-color: #f35c86 } .nav-tabs-top .nav-item.show .nav-link, .nav-tabs-top .nav-link.active { background-color: transparent } .nav-tabs-top .dropdown-menu { margin-top: 0 } .nav-tabs-top.border-top-1 .nav-link { margin-top: -1px } .nav-tabs-bottom .nav-link { border-width: 0 } .nav-tabs-bottom .nav-link:before { height: 2px; top: auto; bottom: 0 } .nav-tabs-bottom .nav-link.active:before { background-color: #f35c86 } .nav-tabs-bottom .nav-item.show .nav-link, .nav-tabs-bottom .nav-link.active { background-color: transparent } .nav-tabs-bottom .dropdown-menu { margin-top: 0 } .nav-tabs-solid { background-color: #f5f5f5; border-bottom: 0; overflow:hidden; } .nav-tabs-solid .nav-link {display:flex; align-items:center; height: 34px; padding: 0.3rem 1.875rem; border-width: 0; margin-bottom: 0 } .nav-tabs-solid .nav-item.show .nav-link { background-color: transparent } /*.nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active { color: #fff; background-color: #2196f3 } */ .nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active { color: #fff; background-color: #5c6bc0 } .nav-tabs-solid.border .nav-item.show .nav-link.active, .nav-tabs-solid.border .nav-link.active { box-shadow: 0 0 0 1px #2196f3 } .nav-tabs-solid.rounded-top .nav-item:first-child>.nav-link { border-top-left-radius:.25rem } .nav-tabs-solid.rounded-top .nav-item:last-child>.nav-link { border-top-right-radius:.25rem } .nav-tabs-solid.rounded-bottom .nav-item:first-child>.nav-link { border-bottom-left-radius:.25rem } .nav-tabs-solid.rounded-bottom .nav-item:last-child>.nav-link { border-bottom-right-radius:.25rem } .nav-tabs-solid-custom .nav-link { color: rgba(255,255,255,.85) } .nav-tabs-solid-custom .nav-link:focus, .nav-tabs-solid-custom .nav-link:hover { color: #fff } .nav-tabs-solid-custom .nav-link.disabled { color: rgba(255,255,255,.6) } .nav-tabs-solid-custom .nav-item.show .nav-link { color: #fff } .nav-tabs-solid-custom .nav-item.show .nav-link.active, .nav-tabs-solid-custom .nav-link.active { color: #fff; background-color: rgba(255,255,255,.15) } .nav-tabs-solid-custom+.tab-content-dark { border-top-color: rgba(255,255,255,.5) } .nav-tabs-vertical .nav-link { -ms-flex-pack: start; justify-content: flex-start } .nav-tabs-vertical .nav-link, .nav-tabs-vertical .nav-link.disabled, .nav-tabs-vertical .nav-link:focus, .nav-tabs-vertical .nav-link:hover { border-color: transparent #ddd transparent transparent } .nav-tabs-vertical .nav-link:before { content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; width: 2px; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .nav-tabs-vertical .nav-link:before { transition: none } } .nav-tabs-vertical .nav-item.show .nav-link:not(.active) { border-right-color: #ddd; border-bottom-color: transparent } .nav-tabs-vertical-right .nav-link, .nav-tabs-vertical-right .nav-link.disabled, .nav-tabs-vertical-right .nav-link:focus, .nav-tabs-vertical-right .nav-link:hover { border-color: transparent transparent transparent #ddd } .nav-tabs-vertical-right .nav-link:before { left: auto; right: -1px } .nav-tabs-vertical-right .nav-item.show .nav-link:not(.active) { border-right-color: transparent; border-left-color: #ddd } .nav-tabs-vertical .nav-link.active:before { background-color: #2196f3 } .nav-tabs-vertical .nav-item.show .nav-link, .nav-tabs-vertical .nav-link.active { background-color: transparent; border-color: #ddd transparent } .nav-pills { margin-bottom: 1.25rem } .nav-pills .nav-link { color: #777 } .nav-pills .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover { color: #333 } .nav-pills .nav-link.disabled, .nav-pills .nav-link.disabled:focus, .nav-pills .nav-link.disabled:hover { color: #999 } .nav-pills .nav-item.show .nav-link:not(.active) { color: #333; background-color: transparent } .nav-pills.flex-column .nav-link { -ms-flex-pack: start; justify-content: flex-start } .nav-pills-bordered .nav-item+.nav-item { margin-left:.625rem } .nav-pills-bordered .nav-link { border: 1px solid #ddd } .nav-pills-bordered .nav-item.show .nav-link:not(.active), .nav-pills-bordered .nav-link:not(.active):focus, .nav-pills-bordered .nav-link:not(.active):hover { background-color: #f5f5f5 } .nav-pills-bordered .nav-link.active { border-color: #2196f3 } .nav-pills-bordered .nav-link.disabled, .nav-pills-bordered .nav-link.disabled:focus, .nav-pills-bordered .nav-link.disabled:hover { background-color: #fafafa } .nav-pills-bordered.flex-column .nav-item+.nav-item { margin-left: 0; margin-top:.625rem } .nav-pills-toolbar .nav-item+.nav-item { margin-left: -1px } .nav-pills-toolbar .nav-link { border-radius: 0 } .nav-pills-toolbar .nav-link.active { z-index: 3 } .nav-pills-toolbar .nav-item:first-child .nav-link { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .nav-pills-toolbar .nav-item:last-child .nav-link { border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .nav-pills-toolbar.flex-column .nav-item:first-child .nav-link { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .nav-pills-toolbar.flex-column .nav-item:last-child .nav-link { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem } .nav-pills-toolbar.flex-column .nav-item+.nav-item { margin-left: 0; margin-top: -1px } .navbar { /*border-bottom: 1px solid transparent;*/ -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0 } .navbar-brand { margin: 0; text-align:center; } .navbar-brand img { /*height: 1.125rem*/ } .navbar-text { padding-top: 1rem; padding-bottom: 1rem } .navbar-search { position: relative; width: 100% } .navbar-search .form-control { border: 0; border-radius: 50rem; transition: background-color ease-in-out .15s } .navbar-dark .navbar-search .form-control { color: #fff; background-color:background-color:rgba(0,0,0,.25); } .navbar-dark .navbar-search .form-control:focus { background-color: rgba(0,0,0,.3) } .navbar-dark .navbar-search .form-control::-webkit-input-placeholder { color:rgba(255,255,255,.5) } .navbar-dark .navbar-search .form-control::-moz-placeholder { color:rgba(255,255,255,.5) } .navbar-dark .navbar-search .form-control:-ms-input-placeholder { color:rgba(255,255,255,.5) } .navbar-dark .navbar-search .form-control::-ms-input-placeholder { color:rgba(255,255,255,.5) } .navbar-dark .navbar-search .form-control::placeholder { color:rgba(255,255,255,.5) } .navbar-light .navbar-search .form-control { background-color: #eee } .navbar-light .navbar-search .form-control:focus { background-color: #ddd } .navbar-nav .nav-link { padding-left: 1.25rem; padding-right: 1.25rem } .navbar-nav-link { position: relative; display: block; cursor: pointer; padding: 0.625rem 1.25rem; outline: 0; transition: color ease-in-out .15s, background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .navbar-nav-link { transition: none } } .navbar-nav-link.disabled { cursor: default } .navbar-nav-link.disabled .badge, .navbar-nav-link.disabled img { opacity: .5 } .navbar-nav-link>.badge { position: absolute; top: 0; right: 0 } .navbar-nav-link>.badge-mark { top:.5rem; right:.625rem } .navbar-nav-underline .navbar-nav-link, .navbar-nav-underline .navbar-nav-link.active, .navbar-nav-underline .navbar-nav-link:focus, .navbar-nav-underline .navbar-nav-link:hover { background-color: transparent!important } .navbar-nav-underline .navbar-nav-link:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: transparent; height: 2px } .navbar-light .navbar-nav-underline .navbar-nav-link.active:before { background-color: #f57d9e } .navbar-dark .navbar-nav-underline .navbar-nav-link.active:before { background-color: #fff } .navbar-toggler { position: relative; border: 0; line-height: 1.5715; padding-left:.625rem; padding-right:.625rem; cursor: pointer; transition: color ease-in-out .15s, background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:focus, .navbar-toggler:hover { outline: 0 } .navbar-toggler .badge { position: absolute; top: 0; right:-.3125rem } .navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:hover { color: #fff } .navbar-light .navbar-toggler { color: rgba(51,51,51,.75) } .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler[aria-expanded=true] { color: #333 } @media (max-width:575.98px) { .navbar-expand-sm:not(.navbar-expand) { padding-left:.625rem; padding-right:.625rem } .navbar-expand-sm .navbar-nav-link-toggler { padding-left:.75rem; padding-right:.75rem } .navbar-expand-sm .navbar-nav-link-toggler .badge-mark { right:.25rem } .navbar-expand-sm .navbar-nav-link-toggler.dropdown-toggle:after { content: none } .navbar-expand-sm .navbar-collapse { padding-left: 1.25rem; padding-right: 1.25rem; margin-left:-.625rem; margin-right:-.625rem } .navbar-expand-sm .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child { margin-top:.625rem } .navbar-expand-sm .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child { margin-bottom:.625rem } .navbar-expand-sm .navbar-collapse .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding:.75rem 1.25rem } .navbar-expand-sm .navbar-collapse .navbar-nav-link>.badge:not(.position-static) { position: static } .navbar-expand-sm .navbar-collapse .navbar-nav-link.dropdown-toggle { padding-right: 2.5rem } .navbar-expand-sm .navbar-collapse .navbar-nav-link.dropdown-toggle:after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .navbar-expand-sm .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem } .navbar-expand-sm .navbar-collapse .navbar-nav-underline .navbar-nav-link:before { right: auto; top: 0; height: auto; width: 2px } .navbar-expand-sm .navbar-collapse .dropdown-submenu .dropdown-toggle:after { content: "" } .navbar-expand-sm .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-sm .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0 } .navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 2rem } .navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-sm .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 3rem } .navbar-expand-sm.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255,255,255,.1) } .navbar-expand-sm.navbar-light .navbar-collapse { border-top: 1px solid #ddd } } @media (min-width:576px) { .navbar-expand-sm .navbar-brand { min-width: 17.5rem } .navbar-expand-sm .navbar-search { max-width: 30rem } } @media (max-width:768.98px) { .navbar-expand-md:not(.navbar-expand) { padding-left:.625rem; padding-right:.625rem } .navbar-expand-md .navbar-nav-link-toggler { padding-left:.75rem; padding-right:.75rem } .navbar-expand-md .navbar-nav-link-toggler .badge-mark { right:.25rem } .navbar-expand-md .navbar-nav-link-toggler.dropdown-toggle:after { content: none } .navbar-expand-md .navbar-collapse { padding-left: 1.25rem; padding-right: 1.25rem; margin-left:-.625rem; margin-right:-.625rem } .navbar-expand-md .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child { margin-top:.625rem } .navbar-expand-md .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child { margin-bottom:.625rem } .navbar-expand-md .navbar-collapse .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding:.75rem 1.25rem } .navbar-expand-md .navbar-collapse .navbar-nav-link>.badge:not(.position-static) { position: static } .navbar-expand-md .navbar-collapse .navbar-nav-link.dropdown-toggle { padding-right: 2.5rem } .navbar-expand-md .navbar-collapse .navbar-nav-link.dropdown-toggle:after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .navbar-expand-md .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem } .navbar-expand-md .navbar-collapse .navbar-nav-underline .navbar-nav-link:before { right: auto; top: 0; height: auto; width: 2px } .navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-toggle:after { content: "" } .navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-md .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0 } .navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 2rem } .navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-md .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 3rem } .navbar-expand-md.navbar-dark .navbar-collapse { border-top: 1px solid rgba(0,0,0,.2) } .navbar-expand-md.navbar-light .navbar-collapse { border-top: 1px solid #ddd } } @media (min-width:769px) { .navbar-expand-md .navbar-brand { min-width: 17.5rem } .navbar-expand-md .navbar-search { max-width: 30rem } } @media (max-width:991.98px) { .navbar-expand-lg:not(.navbar-expand) { padding-left:.625rem; padding-right:.625rem } .navbar-expand-lg .navbar-nav-link-toggler { padding-left:.75rem; padding-right:.75rem } .navbar-expand-lg .navbar-nav-link-toggler .badge-mark { right:.25rem } .navbar-expand-lg .navbar-nav-link-toggler.dropdown-toggle:after { content: none } .navbar-expand-lg .navbar-collapse { padding-left: 1.25rem; padding-right: 1.25rem; margin-left:-.625rem; margin-right:-.625rem } .navbar-expand-lg .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child { margin-top:.625rem } .navbar-expand-lg .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child { margin-bottom:.625rem } .navbar-expand-lg .navbar-collapse .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding:.75rem 1.25rem } .navbar-expand-lg .navbar-collapse .navbar-nav-link>.badge:not(.position-static) { position: static } .navbar-expand-lg .navbar-collapse .navbar-nav-link.dropdown-toggle { padding-right: 2.5rem } .navbar-expand-lg .navbar-collapse .navbar-nav-link.dropdown-toggle:after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .navbar-expand-lg .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem } .navbar-expand-lg .navbar-collapse .navbar-nav-underline .navbar-nav-link:before { right: auto; top: 0; height: auto; width: 2px } .navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-toggle:after { content: "" } .navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-lg .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0 } .navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 2rem } .navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-lg .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 3rem } .navbar-expand-lg.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255,255,255,.1) } .navbar-expand-lg.navbar-light .navbar-collapse { border-top: 1px solid #ddd } } @media (min-width:992px) { .navbar-expand-lg .navbar-brand { min-width: 17.5rem } .navbar-expand-lg .navbar-search { max-width: 30rem } } @media (max-width:1199.98px) { .navbar-expand-xl:not(.navbar-expand) { padding-left:.625rem; padding-right:.625rem } .navbar-expand-xl .navbar-nav-link-toggler { padding-left:.75rem; padding-right:.75rem } .navbar-expand-xl .navbar-nav-link-toggler .badge-mark { right:.25rem } .navbar-expand-xl .navbar-nav-link-toggler.dropdown-toggle:after { content: none } .navbar-expand-xl .navbar-collapse { padding-left: 1.25rem; padding-right: 1.25rem; margin-left:-.625rem; margin-right:-.625rem } .navbar-expand-xl .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child { margin-top:.625rem } .navbar-expand-xl .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child { margin-bottom:.625rem } .navbar-expand-xl .navbar-collapse .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding:.75rem 1.25rem } .navbar-expand-xl .navbar-collapse .navbar-nav-link>.badge:not(.position-static) { position: static } .navbar-expand-xl .navbar-collapse .navbar-nav-link.dropdown-toggle { padding-right: 2.5rem } .navbar-expand-xl .navbar-collapse .navbar-nav-link.dropdown-toggle:after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .navbar-expand-xl .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem } .navbar-expand-xl .navbar-collapse .navbar-nav-underline .navbar-nav-link:before { right: auto; top: 0; height: auto; width: 2px } .navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-toggle:after { content: "" } .navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand-xl .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0 } .navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 2rem } .navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand-xl .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 3rem } .navbar-expand-xl.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255,255,255,.1) } .navbar-expand-xl.navbar-light .navbar-collapse { border-top: 1px solid #ddd } } @media (min-width:1200px) { .navbar-expand-xl .navbar-brand { min-width: 17.5rem } .navbar-expand-xl .navbar-search { max-width: 30rem } } .navbar-expand:not(.navbar-expand) { padding-left:.625rem; padding-right:.625rem } .navbar-expand .navbar-nav-link-toggler { padding-left:.75rem; padding-right:.75rem } .navbar-expand .navbar-nav-link-toggler .badge-mark { right:.25rem } .navbar-expand .navbar-nav-link-toggler.dropdown-toggle:after { content: none } .navbar-expand .navbar-collapse { padding-left: 1.25rem; padding-right: 1.25rem; margin-left:-.625rem; margin-right:-.625rem } .navbar-expand .navbar-collapse .navbar-nav:first-of-type>.nav-item:first-child { margin-top:.625rem } .navbar-expand .navbar-collapse .navbar-nav:last-of-type>.nav-item:not(.show):last-child { margin-bottom:.625rem } .navbar-expand .navbar-collapse .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding:.75rem 1.25rem } .navbar-expand .navbar-collapse .navbar-nav-link>.badge:not(.position-static) { position: static } .navbar-expand .navbar-collapse .navbar-nav-link.dropdown-toggle { padding-right: 2.5rem } .navbar-expand .navbar-collapse .navbar-nav-link.dropdown-toggle:after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .navbar-expand .navbar-collapse .navbar-nav>.nav-item>.dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem } .navbar-expand .navbar-collapse .navbar-nav-underline .navbar-nav-link:before { right: auto; top: 0; height: auto; width: 2px } .navbar-expand .navbar-collapse .dropdown-submenu .dropdown-toggle:after { content: "" } .navbar-expand .navbar-collapse .dropdown-submenu .dropdown-menu, .navbar-expand .navbar-collapse .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0 } .navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 2rem } .navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item, .navbar-expand .navbar-collapse .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item { padding-left: 3rem } .navbar-expand.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255,255,255,.1) } .navbar-expand.navbar-light .navbar-collapse { border-top: 1px solid #ddd } .navbar-expand .navbar-brand { min-width: 17.5rem } .navbar-expand .navbar-search { max-width: 30rem } @media (max-width:575.98px) { .nav-item-dropdown-sm { position: static } .nav-item-dropdown-sm>.dropdown-menu { position: absolute; left: 1.25rem!important; right: 1.25rem!important } } @media (max-width:768.98px) { .nav-item-dropdown-md { position: static } .nav-item-dropdown-md>.dropdown-menu { position: absolute; left: 1.25rem!important; right: 1.25rem!important } } @media (max-width:991.98px) { .nav-item-dropdown-lg { position: static } .nav-item-dropdown-lg>.dropdown-menu { position: absolute; left: 1.25rem!important; right: 1.25rem!important } } @media (max-width:1199.98px) { .nav-item-dropdown-xl { position: static } .nav-item-dropdown-xl>.dropdown-menu { position: absolute; left: 1.25rem!important; right: 1.25rem!important } } .nav-item-dropdown { position: static } .nav-item-dropdown>.dropdown-menu { position: absolute; left: 1.25rem!important; right: 1.25rem!important } .navbar-light { color: rgba(51,51,51,.75); background-color: #fff; border-bottom-color: rgba(0,0,0,.125) } .navbar-light .navbar-nav .nav-link { color: #333 } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #333 } .navbar-light .navbar-nav .nav-link.disabled { color: #999 } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #333 } .navbar-light .navbar-nav-link { color: rgba(51,51,51,.75) } .navbar-light .navbar-nav-link:focus, .navbar-light .navbar-nav-link:hover { color: #333; background-color: rgba(0,0,0,.04) } .navbar-light .navbar-nav-link.disabled { color: rgba(0,0,0,.5); background-color: transparent } .navbar-light .active>.navbar-nav-link, .navbar-light .navbar-nav-link.active, .navbar-light .navbar-nav-link.show, .navbar-light .show>.navbar-nav-link { color: #333; background-color: rgba(0,0,0,.04) } .navbar-light .navbar-text a { color: #2196f3 } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: #0a6ebd } .navbar-dark { padding-left:0; color: rgba(255,255,255,.9); background-color: #fff; border-bottom-color: rgba(255,255,255,.1); border-bottom:1px solid #f1f1f1; } .navbar-dark .navbar-nav .nav-link { color: #333 } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333 } .navbar-dark .navbar-nav .nav-link.disabled { color: #999 } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #333 } .navbar-dark .navbar-nav-link { color:#252b36; } .navbar-dark .navbar-nav-link:focus, .navbar-dark .navbar-nav-link:hover { color: #252b36; background-color: rgba(255,255,255,.1) } .navbar-dark .navbar-nav-link.disabled { color: rgba(255,255,255,.5); background-color: transparent } .navbar-dark .active>.navbar-nav-link, .navbar-dark .navbar-nav-link.active, .navbar-dark .navbar-nav-link.show, .navbar-dark .show>.navbar-nav-link { color: #fff; background-color: rgba(255,255,255,.1) } .navbar-nav .nav-tabs .nav-link { color: #777 } .navbar-nav .nav-tabs .nav-link:focus, .navbar-nav .nav-tabs .nav-link:hover { color: #333 } .navbar-nav .nav-tabs .nav-link.disabled { color: #999 } .navbar-nav .nav-tabs .active>.nav-link, .navbar-nav .nav-tabs .nav-link.active, .navbar-nav .nav-tabs .nav-link.show, .navbar-nav .nav-tabs .show>.nav-link { color: #333 } .navbar-nav .nav-pills .nav-link { color: #777 } .navbar-nav .nav-pills .nav-link:not(.active):focus, .navbar-nav .nav-pills .nav-link:not(.active):hover { color: #333 } .navbar-nav .nav-pills .nav-link.active, .show:not(.navbar-collapse)>.navbar-nav .nav-pills .nav-link { color: #fff } .navbar-nav .nav-pills .nav-link.disabled:focus, .navbar-nav .nav-pills .nav-link.disabled:hover { color: #999 } .navbar .btn-group .dropdown-menu-right { right: 0; left: auto } .dropdown-user .navbar-nav-link, .dropdown-user .navbar-nav-link>span { padding-top:.5rem; padding-bottom:.5rem } .img-flag { height:.9375rem; margin-top:.21875rem; vertical-align: top; -ms-flex-item-align: start; align-self: flex-start } .mega-menu-left>.dropdown-menu { left: auto } .mega-menu-right>.dropdown-menu { left: auto; right: 0 } .mega-menu-full>.dropdown-menu { left: 1.25rem; right: 1.25rem } .navbar-component .mega-menu-full>.dropdown-menu { left: 0; right: 0 } .dropdown-content-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1.25rem; padding-right: 1.25rem; border-top-left-radius:.1875rem; border-top-right-radius:.1875rem } .dropdown-content-header:not([class*=bg-]) { padding-top: 1.25rem; padding-bottom: 1.25rem } .dropdown-content-header[class*=bg-] { padding-top: 1rem; padding-bottom: 1rem } .dropdown-content-header+.table, .dropdown-content-header+.table-responsive { border-top: 1px solid #ddd } .dropdown-content:not(ul) { padding-top: 0; padding-bottom: 0 } .dropdown-content-body { padding: 1.25rem 1.25rem } .dropdown-content-header:not([class*=bg-])+.dropdown-content-body { padding-top: 0 } .dropdown-content-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:.75rem 1.25rem; border-top: 1px solid #ddd; border-bottom-right-radius:.1875rem; border-bottom-left-radius:.1875rem } .navbar-top { padding-top: calc(3.375rem + 1px) } .navbar-lg-top { padding-top: calc(3.875rem + 1px) } .navbar-sm-top { padding-top: calc(2.875rem + 1px) } .navbar-lg-lg-top { padding-top: calc(7.75rem + 2px) } .navbar-lg-md-top { padding-top: calc(7.25rem + 2px) } .navbar-md-md-top { padding-top: calc(6.75rem + 2px) } .navbar-md-sm-top { padding-top: calc(6.25rem + 2px) } .navbar-bottom { padding-bottom: calc(3.375rem + 1px) } .navbar-lg-bottom { padding-bottom: calc(3.875rem + 1px) } .navbar-sm-bottom { padding-bottom: calc(2.875rem + 1px) } .navbar-lg-lg-bottom { padding-bottom: calc(7.75rem + 2px) } .navbar-lg-md-bottom { padding-bottom: calc(7.25rem + 2px) } .navbar-md-md-bottom { padding-bottom: calc(6.75rem + 2px) } .navbar-md-sm-bottom { padding-bottom: calc(6.25rem + 2px) } .navbar-lg .navbar-brand { padding-top: 1.375rem; padding-bottom: 1.375rem } .navbar-lg .navbar-toggler { padding-top: 1.25rem; padding-bottom: 1.25rem } .navbar-lg .navbar-nav-link { padding: 1.25rem 1.5rem } .navbar-lg .navbar-nav-link .badge-mark { top:.625rem; right:.75rem } .navbar-lg .navbar-text { padding-top: 1.25rem; padding-bottom: 1.25rem } .navbar-lg .dropdown-user>.navbar-nav-link, .navbar-lg .dropdown-user>.navbar-nav-link>span { padding-top:.625rem; padding-bottom:.625rem } .navbar-lg .dropdown-user>.navbar-nav-link>img { max-height: 2.62506rem } .navbar-sm .navbar-brand { padding-top:.875rem; padding-bottom:.875rem } .navbar-sm .navbar-toggler { padding-top:.75rem; padding-bottom:.75rem } .navbar-sm .navbar-nav-link { padding:.75rem .875rem } .navbar-sm .navbar-nav-link .badge-mark { top:.375rem; right:.4375rem } .navbar-sm .navbar-text { padding-top:.75rem; padding-bottom:.75rem } .navbar-sm .dropdown-user>.navbar-nav-link, .navbar-sm .dropdown-user>.navbar-nav-link>span { padding-top:.375rem; padding-bottom:.375rem } .navbar-sm .dropdown-user>.navbar-nav-link>img { max-height: 2.12506rem } .navbar-static { z-index: 1024 } .navbar-static+.navbar-static { z-index: 1023 } .content-wrapper .navbar-static { z-index: 1021 } .card { margin-bottom: 1.25rem; box-shadow: 0 1px 2px rgba(0,0,0,.05) } .card.fixed-top { overflow: auto; max-height: 100% } .card-body:not(.card)+.card-body:not(.card) { border-top: 1px solid rgba(0,0,0,.125) } .card-title { position: relative; margin-bottom: 1rem } .card-header .card-title { margin-bottom: 0 } .card-header[class*=bg-] { padding-top: 1rem; padding-bottom: 1rem } .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .card-header { border-bottom-color: rgba(255,255,255,.1) } .card-header:not([class*=bg-]) { background-color: transparent; border-bottom-width: 0 } .card-header:not([class*=bg-])+*>.card-body:first-child, .card-header:not([class*=bg-])+.card-body { padding-top: 0 } .card-footer { padding-top: 1rem; padding-bottom: 1rem } .card-footer:first-child, .card-header+*>.card-footer:first-child, .card-header+.card-footer { border-top: 0; border-bottom: 1px solid rgba(0,0,0,.125) } .card-footer.border-bottom-1 { border-bottom: 1px solid rgba(0,0,0,.125) } .card-header-tabs { margin-bottom: 0 } .card-header-tabs .nav-link { border-top-width: 0 } .card-body .card-img { border-radius:.25rem } .card-img-actions { position: relative } .card-img-actions:focus .card-img-actions-overlay, .card-img-actions:hover .card-img-actions-overlay { opacity: 1; visibility: visible } .card-img-actions-overlay { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.75); color: #fff; opacity: 0; visibility: hidden; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .card-img-actions-overlay { transition: none } } [data-action] { cursor:pointer } [data-action]:after { font-family: icomoon; font-size: 1rem; min-width: 1rem; text-align: center; display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [data-action=collapse]:after { content: ""; transition: -webkit-transform ease-in-out .15s; transition: transform ease-in-out .15s; transition: transform ease-in-out .15s, -webkit-transform ease-in-out .15s } .card-collapsed [data-action=collapse]:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } [data-action=reload]:after { content: "" } [data-action=remove]:after { content: ""; font-size:.875rem } [data-action=move] { cursor:move } [data-action=move]:after { content: "" } [data-action=fullscreen]:after { content: "" } [data-action=fullscreen][data-fullscreen=active]:after { content: "" } [data-action=modal]:after { content: "" } .card-group-control .card-title>a { display: inline-block } .card-group-control .card-title>a:before { content: ""; font-family: icomoon; position: absolute; top: 50%; margin-top:-.5rem; font-size: 1rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .card-group-control .card-title>a.collapsed:before { content: "" } .card-group-control-left .card-title>a { padding-left: 1.625rem } .card-group-control-left .card-title>a:before { left: 0 } .card-group-control-right .card-title>a { padding-right: 1.625rem } .card-group-control-right .card-title>a:before { right: 0 } .card-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255,255,255,.85); z-index: 1001; border-radius:.25rem; -webkit-animation: cardOverlayEnter .15s ease; animation: cardOverlayEnter .15s ease } .card-overlay-fadeout { -webkit-animation: cardOverlayExit .15s ease; animation: cardOverlayExit .15s ease } .card-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: auto; border-radius: 0; z-index: 1050; -webkit-overflow-scrolling: touch } @-webkit-keyframes cardOverlayEnter { 0% { opacity:0 } 100% { opacity:1 } } @keyframes cardOverlayEnter { 0% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes cardOverlayExit { 0% { opacity:1 } 100% { opacity:0 } } @keyframes cardOverlayExit { 0% { opacity:1 } 100% { opacity:0 } } .breadcrumb { padding: 0 } .breadcrumb-item { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding:.625rem 0; color: inherit } .breadcrumb-item i { font-size:.8125rem; top: 0 } a.breadcrumb-elements-item, a.breadcrumb-item { color: inherit; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { a.breadcrumb-elements-item, a.breadcrumb-item { transition: none } } .show>a.breadcrumb-elements-item, .show>a.breadcrumb-item, a.breadcrumb-elements-item:focus, a.breadcrumb-elements-item:hover, a.breadcrumb-item:focus, a.breadcrumb-item:hover { opacity: .75 } .page-header-content>.breadcrumb { padding-top: 0; padding-bottom: 1.25rem } .page-header-content>.breadcrumb:first-child { padding-bottom: 0; padding-top: 1.25rem } .breadcrumb-dash>.breadcrumb-item+.breadcrumb-item:before { content: '\2013\00a0' } .breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before { content: '\2192\00a0' } [dir=rtl] .breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before { content: '\2190\00a0' } .breadcrumb-arrows>.breadcrumb-item+.breadcrumb-item:before { content: '\00bb\00a0' } .breadcrumb-caret>.breadcrumb-item+.breadcrumb-item:before { content: '\203A\00a0' } .breadcrumb-line { position: relative; padding-left: 1.25rem; padding-right: 1.25rem } .breadcrumb-line-light { background-color: #fafafa; color: #333 } .page-header-light .breadcrumb-line-light:last-child { border-top: 1px solid #ddd } .breadcrumb-line-dark { background-color: #273246; color: #fff } .page-header-dark .breadcrumb-line-dark:last-child { border-top: 1px solid rgba(255,255,255,.25) } .breadcrumb-line-dark .breadcrumb-item.active { color: inherit } .breadcrumb-elements-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:.625rem 0 } .breadcrumb-elements-item+.breadcrumb-elements-item { margin-left: 1.25rem } .breadcrumb-elements-item i { top: 0 } .pagination { margin-bottom: 0 } .page-link { text-align: center; min-width: 2.37506rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .page-link { transition: none } } .pagination-lg .page-link { min-width: 2.62503rem } .pagination-sm .page-link { min-width: 2.12507rem } .pagination-rounded .page-item:first-child .page-link { border-top-left-radius: 50rem; border-bottom-left-radius: 50rem } .pagination-rounded .page-item:last-child .page-link { border-top-right-radius: 50rem; border-bottom-right-radius: 50rem } .pagination-flat .page-item.active .page-link { background-color: #2196f3 } .pagination-flat .page-item.disabled .page-link { border-color: transparent; background-color: transparent } .pagination-flat .page-link { background-color: transparent; border-color: transparent; margin-left: 2px; border-radius:.25rem } .pagination-flat .page-link:focus, .pagination-flat .page-link:hover { background-color: #e1e5eb } .pagination-flat.pagination-rounded .page-link { border-radius: 50rem } .pagination-separated .page-link { margin-left:.625rem; border-radius:.25rem } .pagination-separated.pagination-rounded .page-link { border-radius: 50rem } .pagination-pager .page-item { border-radius:.25rem } .pagination-pager .page-link { margin-left: 1.25rem; border-radius:.25rem } .pagination-pager.pagination-rounded .page-link { border-radius: 50rem } .pagination-pager-linked .page-item.disabled .page-link { background-color: transparent; border-color: transparent } .pagination-pager-linked .page-link { color: #2196f3; background-color: transparent; border-color: transparent } .pagination-pager-linked .page-link:focus, .pagination-pager-linked .page-link:hover { color: #fff; background-color: #2196f3; border-color: #2196f3 } .pagination-pager:not(.pagination-rounded).pagination-lg .page-link { border-radius:.3125rem } .pagination-pager:not(.pagination-rounded).pagination-sm .page-link { border-radius:.1875rem } .badge.dropdown-toggle:after { font-size: 85% } .btn .badge { top: 0 } .badge-flat { background-color: transparent; border: 1px solid transparent; padding:calc(.3125rem - 1px) calc(.4375rem - 1px) } .badge-flat[href]:focus, .badge-flat[href]:hover { background-color: transparent; box-shadow: none } .badge-flat.badge-pill { padding-left:calc(.5rem - 1px); padding-right:calc(.5rem - 1px) } .badge-striped { padding:.4375rem .5rem; position: relative } .badge-striped:before { content: ''; width: 0; position: absolute; top: 0; bottom: 0 } .badge-striped-left { padding-left:calc(.4375rem + 2px); border-top-left-radius: 0; border-bottom-left-radius: 0 } .badge-striped-left:before { left: 0; border-left: 2px solid; border-left-color: inherit } .badge-striped-right { padding-right:calc(.4375rem + 2px); border-top-right-radius: 0; border-bottom-right-radius: 0 } .badge-striped-right:before { right: 0; border-right: 2px solid; border-right-color: inherit } .badge-float { position: absolute; right:-.5rem; top:-.5rem } .badge-mark { padding: 0; border: 2px solid; width:.5rem; height:.5rem; border-radius: 50rem } .badge-mark:empty { display: inline-block } [class*=icon-]>.badge-mark { position:absolute; top:-.5rem; right:-.5rem } .alert-dismissible .close:focus, .alert-dismissible .close:hover { color: inherit } .alert[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .alert-link { color: inherit; border-bottom-color: rgba(255,255,255,.85) } .alert-rounded { padding-left: 1.875rem; padding-right: 1.875rem; border-radius: 50rem } .alert-rounded.alert-dismissible .close { border-top-right-radius: 50rem; border-bottom-right-radius: 50rem } .alert[class*=alert-styled-]:after { content: ""; font-family: icomoon; color: #fff; width: 3rem; left: -3rem; text-align: center; position: absolute; top: 50%; margin-top:-.5rem; font-size: 1rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after { content: "" } .alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after { content: "" } .alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after { content: "" } .alert[class*=alert-styled-].alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after { content: "" } .alert.alert-styled-left { border-left-width: 3rem } .alert.alert-styled-left[class*=bg-]:not(.bg-white):not(.bg-light) { border-left-color: rgba(0,0,0,.15)!important } .alert.alert-styled-right { border-right-width: 3rem } .alert.alert-styled-right:after { left: auto; right: -3rem } .alert.alert-styled-right[class*=bg-]:not(.bg-white):not(.bg-light) { border-right-color: rgba(0,0,0,.15)!important } .alert.alert-styled-custom:after { content: "" } .alert.ui-pnotify[class*=alert-arrow-]>.brighttheme:before, .alert:not(.ui-pnotify)[class*=alert-arrow-]:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; border-left: 5px solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left-color: inherit; margin-top: -5px } .alert.ui-pnotify.alert-arrow-right>.brighttheme:before, .alert:not(.ui-pnotify).alert-arrow-right:before { left: auto; right: 0; border-left: 0; border-right: 5px solid; border-right-color: inherit } .progress { position: relative } .progress-bar { width: 0; white-space: nowrap } .progress .progressbar-back-text, .progress .progressbar-front-text { position: absolute; left: 0; top: 0; width: 100%; text-align: center; font-size:.75rem } .progress .progressbar-back-text { -ms-flex-item-align: center; align-self: center } .progress.right { -ms-flex-pack: end; justify-content: flex-end } .progress.vertical { width: 3rem; height: 100%; display: inline-block } .progress.vertical+.progress.vertical { margin-left:.625rem } .progress.vertical .progress-bar { width: 100%; height: 0; transition: height .6s ease } @media (prefers-reduced-motion:reduce) { .progress.vertical .progress-bar { transition: none } } .progress.vertical.bottom .progressbar-back-text, .progress.vertical.bottom .progressbar-front-text { top: auto; bottom: 0 } .progress.vertical.bottom .progress-bar { position: absolute; bottom: 0 } .media { margin-top: 1.25rem } .media.card-body, .media:first-child { margin-top: 0 } .media-list { list-style: none; padding-left: 0; margin-bottom: 0 } .media-title { margin-bottom:.125rem } .img-preview { max-height: 5rem } .media-list-bordered .media { margin-top: 0; padding: 1rem 1.25rem; border-top: 1px solid #ddd } .media-list-linked .media { padding: 1rem 1.25rem } .media-list-linked li.media { margin-top: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .media-list-linked.media-list-bordered li.media { border-bottom: 0 } .media-list-linked a.media { color: inherit; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .media-list-linked a.media { transition: none } } .media-list-linked a.media:hover { background-color: rgba(0,0,0,.04) } .list-group { background-color: #fff; border: 1px solid rgba(0,0,0,.125); padding:.5rem 0; background-clip: padding-box; border-radius:.25rem } .list-group-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-width: 0; background-color: transparent; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .list-group-item { transition: none } } .list-group:not([class*=list-group-horizontal]) .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .list-group:not([class*=list-group-horizontal]) .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .list-group-item+.list-group-item { margin-top: 1px } .list-group-item+.list-group-item.active { margin-top: 1px; border-top-width: 0 } .list-group .list-group-item+.list-group-item, .list-group .list-group-item+.list-group-item.active { margin-top: 0 } .list-group-item.disabled, .list-group-item:disabled { cursor: default } .list-group-item-active-indicator { opacity: 0; visibility: hidden; transition: opacity ease-in-out .15s, visibility ease-in-out .15s } .list-group-item.active>.list-group-item-active-indicator { opacity: 1; visibility: visible } .list-group-horizontal { border: 0 } .list-group-horizontal .list-group-item-action { width: auto } .list-group-horizontal .list-group-item { border: 1px solid rgba(0,0,0,.125) } @media (min-width:576px) { .list-group-horizontal-sm { border: 0 } .list-group-horizontal-sm .list-group-item-action { width: auto } .list-group-horizontal-sm .list-group-item { border: 1px solid rgba(0,0,0,.125) } } @media (min-width:769px) { .list-group-horizontal-md { border: 0 } .list-group-horizontal-md .list-group-item-action { width: auto } .list-group-horizontal-md .list-group-item { border: 1px solid rgba(0,0,0,.125) } } @media (min-width:992px) { .list-group-horizontal-lg { border: 0 } .list-group-horizontal-lg .list-group-item-action { width: auto } .list-group-horizontal-lg .list-group-item { border: 1px solid rgba(0,0,0,.125) } } @media (min-width:1200px) { .list-group-horizontal-xl { border: 0 } .list-group-horizontal-xl .list-group-item-action { width: auto } .list-group-horizontal-xl .list-group-item { border: 1px solid rgba(0,0,0,.125) } } .list-group-flush>.list-group-item { border-width: 0 } .list-group-divider { padding: 0; margin:.5rem 0; height: 1px; background-color: rgba(0,0,0,.125); border: 0 } .list-group-bordered { padding: 0 } .list-group-bordered .list-group-item { border-top-width: 1px; border-bottom-width: 1px; margin-bottom: -1px } .list-group-bordered .list-group-item:first-child { border-top-width: 0; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .list-group-bordered .list-group-item:last-child { border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem } .list-group-custom { border-radius:.25rem } .list-group-custom .list-group-item-action:not(.active):not(.disabled) { color: rgba(255,255,255,.9) } .list-group-custom .list-group-item-action:not(.active):not(.disabled):focus, .list-group-custom .list-group-item-action:not(.active):not(.disabled):hover { background-color: rgba(255,255,255,.1); color: #fff } .list-group-custom .list-group-item { color: #fff } .list-group-custom .list-group-item.active { background-color: rgba(255,255,255,.2); border-color: transparent } .list-group-custom .list-group-item.disabled, .list-group-custom .list-group-item:disabled { color: rgba(255,255,255,.6); background-color: transparent } .list-group-custom .list-group-divider { background-color: rgba(255,255,255,.4) } .list-group-custom.list-group-bordered .list-group-item { border-top-color: rgba(255,255,255,.1); border-bottom-color: rgba(255,255,255,.1) } .list-group-item-primary { color: #114e7e; background-color: #c1e2fc } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #114e7e; background-color: #a9d7fb } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e } .list-group-item-primary-100 { color: #797f84; background-color: #f9fcff } .list-group-item-primary-100.list-group-item-action:focus, .list-group-item-primary-100.list-group-item-action:hover { color: #797f84; background-color: #e0efff } .list-group-item-primary-100.list-group-item-action.active { color: #fff; background-color: #797f84; border-color: #797f84 } .list-group-item-secondary { color: #243c48; background-color: #cbd8de } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #243c48; background-color: #bbccd4 } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #243c48; border-color: #243c48 } .list-group-item-secondary-100 { color: #7b7d7e; background-color: #fafbfc } .list-group-item-secondary-100.list-group-item-action:focus, .list-group-item-secondary-100.list-group-item-action:hover { color: #7b7d7e; background-color: #eaeef2 } .list-group-item-secondary-100.list-group-item-action.active { color: #fff; background-color: #7b7d7e; border-color: #7b7d7e } .list-group-item-success { color: #135d3b; background-color: #c2ead8 } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #135d3b; background-color: #afe3cc } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #135d3b; border-color: #135d3b } .list-group-item-success-100 { color: #79807d; background-color: #f9fdfb } .list-group-item-success-100.list-group-item-action:focus, .list-group-item-success-100.list-group-item-action:hover { color: #79807d; background-color: #e6f7ee } .list-group-item-success-100.list-group-item-action.active { color: #fff; background-color: #79807d; border-color: #79807d } .list-group-item-info { color: #17616a; background-color: #c4ecf1 } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #17616a; background-color: #afe5ec } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #17616a; border-color: #17616a } .list-group-item-info-100 { color: #7a8182; background-color: #f9fdfe } .list-group-item-info-100.list-group-item-action:focus, .list-group-item-info-100.list-group-item-action:hover { color: #7a8182; background-color: #e3f6fa } .list-group-item-info-100.list-group-item-action.active { color: #fff; background-color: #7a8182; border-color: #7a8182 } .list-group-item-warning { color: #7f4624; background-color: #fcddcb } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #7f4624; background-color: #fbcdb3 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7f4624; border-color: #7f4624 } .list-group-item-warning-100 { color: #847e7b; background-color: #fffcfa } .list-group-item-warning-100.list-group-item-action:focus, .list-group-item-warning-100.list-group-item-action:hover { color: #847e7b; background-color: #ffede1 } .list-group-item-warning-100.list-group-item-action.active { color: #fff; background-color: #847e7b; border-color: #847e7b } .list-group-item-danger { color: #7c2b2a; background-color: #fbcfce } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #7c2b2a; background-color: #f9b8b6 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7c2b2a; border-color: #7c2b2a } .list-group-item-danger-100 { color: #847c7c; background-color: #fefafa } .list-group-item-danger-100.list-group-item-action:focus, .list-group-item-danger-100.list-group-item-action:hover { color: #847c7c; background-color: #fae5e5 } .list-group-item-danger-100.list-group-item-action.active { color: #fff; background-color: #847c7c; border-color: #847c7c } .list-group-item-white { color: #858585; background-color: #fff } .list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover { color: #858585; background-color: #f2f2f2 } .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585 } .list-group-item-light { color: #7d7e7f; background-color: #fbfbfc } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #7d7e7f; background-color: #ececf1 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7d7e7f; border-color: #7d7e7f } .list-group-item-light-100 { color: rgba(14,14,14,.532); background-color: rgba(255,255,255,.748) } .list-group-item-light-100.list-group-item-action:focus, .list-group-item-light-100.list-group-item-action:hover { color: rgba(14,14,14,.532); background-color: rgba(242,242,242,.748) } .list-group-item-light-100.list-group-item-action.active { color: #fff; background-color: rgba(14,14,14,.532); border-color: rgba(14,14,14,.532) } .list-group-item-dark { color: #13161c; background-color: #c2c4c7 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #13161c; background-color: #b5b7bb } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #13161c; border-color: #13161c } .list-group-item-dark-100 { color: rgba(0,0,0,.532); background-color: rgba(250,250,250,.748) } .list-group-item-dark-100.list-group-item-action:focus, .list-group-item-dark-100.list-group-item-action:hover { color: rgba(0,0,0,.532); background-color: rgba(237,237,237,.748) } .list-group-item-dark-100.list-group-item-action.active { color: #fff; background-color: rgba(0,0,0,.532); border-color: rgba(0,0,0,.532) } .list-group-item-teal { color: #145650; background-color: #c2e6e3 } .list-group-item-teal.list-group-item-action:focus, .list-group-item-teal.list-group-item-action:hover { color: #145650; background-color: #b0dfdb } .list-group-item-teal.list-group-item-action.active { color: #fff; background-color: #145650; border-color: #145650 } .list-group-item-teal-100 { color: #79807f; background-color: #f9fcfc } .list-group-item-teal-100.list-group-item-action:focus, .list-group-item-teal-100.list-group-item-action:hover { color: #79807f; background-color: #e8f4f4 } .list-group-item-teal-100.list-group-item-action.active { color: #fff; background-color: #79807f; border-color: #79807f } .list-group-item-indigo { color: #303864; background-color: #d1d6ed } .list-group-item-indigo.list-group-item-action:focus, .list-group-item-indigo.list-group-item-action:hover { color: #303864; background-color: #bfc6e6 } .list-group-item-indigo.list-group-item-action.active { color: #fff; background-color: #303864; border-color: #303864 } .list-group-item-indigo-100 { color: #7c7d81; background-color: #fbfbfd } .list-group-item-indigo-100.list-group-item-action:focus, .list-group-item-indigo-100.list-group-item-action:hover { color: #7c7d81; background-color: #eaeaf5 } .list-group-item-indigo-100.list-group-item-action.active { color: #fff; background-color: #7c7d81; border-color: #7c7d81 } .list-group-item-purple { color: #4a3a64; background-color: #dfd7ee } .list-group-item-purple.list-group-item-action:focus, .list-group-item-purple.list-group-item-action:hover { color: #4a3a64; background-color: #d1c5e6 } .list-group-item-purple.list-group-item-action.active { color: #fff; background-color: #4a3a64; border-color: #4a3a64 } .list-group-item-purple-100 { color: #7f7d81; background-color: #fcfbfd } .list-group-item-purple-100.list-group-item-action:focus, .list-group-item-purple-100.list-group-item-action:hover { color: #7f7d81; background-color: #efeaf5 } .list-group-item-purple-100.list-group-item-action.active { color: #fff; background-color: #7f7d81; border-color: #7f7d81 } .list-group-item-pink { color: #7e3046; background-color: #fcd1dd } .list-group-item-pink.list-group-item-action:focus, .list-group-item-pink.list-group-item-action:hover { color: #7e3046; background-color: #fab9cb } .list-group-item-pink.list-group-item-action.active { color: #fff; background-color: #7e3046; border-color: #7e3046 } .list-group-item-pink-100 { color: #847c7e; background-color: #fffbfc } .list-group-item-pink-100.list-group-item-action:focus, .list-group-item-pink-100.list-group-item-action:hover { color: #847c7e; background-color: #ffe2e9 } .list-group-item-pink-100.list-group-item-action.active { color: #fff; background-color: #847c7e; border-color: #847c7e } .list-group-item-yellow { color: #856f25; background-color: #fff4cc } .list-group-item-yellow.list-group-item-action:focus, .list-group-item-yellow.list-group-item-action:hover { color: #856f25; background-color: #ffefb3 } .list-group-item-yellow.list-group-item-action.active { color: #fff; background-color: #856f25; border-color: #856f25 } .list-group-item-yellow-100 { color: #85837b; background-color: #fffefa } .list-group-item-yellow-100.list-group-item-action:focus, .list-group-item-yellow-100.list-group-item-action:hover { color: #85837b; background-color: #fff9e1 } .list-group-item-yellow-100.list-group-item-action.active { color: #fff; background-color: #85837b; border-color: #85837b } .close { opacity: .75; transition: color ease-in-out .15s, opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .close { transition: none } } .close:focus, .close:hover { outline: 0 } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 1 } .toast-header { background-clip: border-box } .toast-header .close { color: inherit } .modal-header { position: relative } .modal-header .close { /*color: inherit;*/ -ms-flex-item-align: stretch; align-self: stretch } .modal-header:not([class*=bg-]) { padding-bottom: 0; border-bottom-width: 0 } .modal-footer:not([class*=bg-]) { padding-top: 0; border-top-width: 0 } .table+.modal-footer, [class*=table-responsive]+.modal-footer { border-top-width:1px; border-top-color:#ddd } .modal-footer>* { margin: 0 } .modal-footer>.btn+.btn { margin-left: 1.25rem } @media (min-width:576px) { .modal-xs { max-width: 300px } .modal-full { max-width: 94%; margin-left: 3%; margin-right: 3% } } .modal-bottom .modal-dialog, .modal-left .modal-dialog, .modal-right .modal-dialog, .modal-top .modal-dialog { margin: 0 } .modal-bottom .modal-content, .modal-left .modal-content, .modal-right .modal-content, .modal-top .modal-content { border: 0 } .modal-bottom .modal-content, .modal-bottom .modal-footer, .modal-bottom .modal-header, .modal-left .modal-content, .modal-left .modal-footer, .modal-left .modal-header, .modal-right .modal-content, .modal-right .modal-footer, .modal-right .modal-header, .modal-top .modal-content, .modal-top .modal-footer, .modal-top .modal-header { border-radius: 0 } .modal-left .modal-dialog, .modal-right .modal-dialog { width: 320px; height: 100% } .modal-left.fade .modal-dialog, .modal-right.fade .modal-dialog { transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .modal-left.fade .modal-dialog, .modal-right.fade .modal-dialog { transition: none } } .modal-left .modal-dialog-scrollable, .modal-left .modal-dialog-scrollable .modal-content, .modal-right .modal-dialog-scrollable, .modal-right .modal-dialog-scrollable .modal-content { max-height: none } .modal-left .modal-content, .modal-right .modal-content { height: 100% } .modal-left .modal-xs, .modal-right .modal-xs { width: 56px } .modal-left .modal-sm, .modal-right .modal-sm { width: 156px } @media (min-width:576px) { .modal-left .modal-lg, .modal-right .modal-lg { width: 400px } } .modal-left.modal .modal-dialog { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .modal-left.show .modal-dialog { -webkit-transform: translateX(0); transform: translateX(0) } .modal-right .modal-dialog { margin-left: auto } .modal-right.modal .modal-dialog { -webkit-transform: translateX(100%); transform: translateX(100%) } .modal-right.show .modal-dialog { -webkit-transform: translateX(0); transform: translateX(0) } .modal-bottom .modal-dialog, .modal-top .modal-dialog { width: 100%; max-width: none } .modal-bottom.modal .modal-dialog, .modal-top.modal .modal-dialog { -webkit-transform: none; transform: none } .modal-bottom.fade .modal-content, .modal-top.fade .modal-content { transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .modal-bottom.fade .modal-content, .modal-top.fade .modal-content { transition: none } } .modal-top.modal .modal-content { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .modal-top.show .modal-content { -webkit-transform: translateY(0); transform: translateY(0) } .modal-bottom.modal .modal-content { -webkit-transform: translateY(100%); transform: translateY(100%) } .modal-bottom.show .modal-content { -webkit-transform: translateY(0); transform: translateY(0) } .bs-tooltip-top .arrow[class*=border-]:before { border-top-color: inherit } .bs-tooltip-right .arrow[class*=border-]:before { border-right-color: inherit } .bs-tooltip-bottom .arrow[class*=border-]:before { border-bottom-color: inherit } .bs-tooltip-left .arrow[class*=border-]:before { border-left-color: inherit } .popover-header { font-weight: 500; padding-bottom: 0; border-bottom-width: 0 } .popover-header[class*=bg-] { padding-top:.75rem; padding-bottom:.75rem; border-bottom-width: 1px } .bs-popover-top[class*=bg-] .arrow, .bs-popover-top[class*=bg-] .arrow:after, .bs-popover-top[class*=bg-] .arrow:before, .bs-popover-top[class*=border-] .arrow, .bs-popover-top[class*=border-] .arrow:after, .bs-popover-top[class*=border-] .arrow:before { border-top-color: inherit } .bs-popover-right[class*=bg-] .arrow, .bs-popover-right[class*=bg-] .arrow:after, .bs-popover-right[class*=bg-] .arrow:before, .bs-popover-right[class*=border-] .arrow, .bs-popover-right[class*=border-] .arrow:after, .bs-popover-right[class*=border-] .arrow:before { border-right-color: inherit } .bs-popover-bottom[class*=bg-] .arrow, .bs-popover-bottom[class*=bg-] .arrow:after, .bs-popover-bottom[class*=bg-] .arrow:before, .bs-popover-bottom[class*=border-] .arrow, .bs-popover-bottom[class*=border-] .arrow:after, .bs-popover-bottom[class*=border-] .arrow:before { border-bottom-color: inherit } .bs-popover-left[class*=bg-] .arrow, .bs-popover-left[class*=bg-] .arrow:after, .bs-popover-left[class*=bg-] .arrow:before, .bs-popover-left[class*=border-] .arrow, .bs-popover-left[class*=border-] .arrow:after, .bs-popover-left[class*=border-] .arrow:before { border-left-color: inherit } .border-top-primary { border-top-color: #2196f3!important } .border-bottom-primary { border-bottom-color: #2196f3!important } .border-left-primary { border-left-color: #2196f3!important } .border-right-primary { border-right-color: #2196f3!important } .border-top-primary-100 { border-top-color: #e9f5fe!important } .border-bottom-primary-100 { border-bottom-color: #e9f5fe!important } .border-left-primary-100 { border-left-color: #e9f5fe!important } .border-right-primary-100 { border-right-color: #e9f5fe!important } .border-top-secondary { border-top-color: #45748a!important } .border-bottom-secondary { border-bottom-color: #45748a!important } .border-left-secondary { border-left-color: #45748a!important } .border-right-secondary { border-right-color: #45748a!important } .border-top-secondary-100 { border-top-color: #ecf1f3!important } .border-bottom-secondary-100 { border-bottom-color: #ecf1f3!important } .border-left-secondary-100 { border-left-color: #ecf1f3!important } .border-right-secondary-100 { border-right-color: #ecf1f3!important } .border-top-success { border-top-color: #25b372!important } .border-bottom-success { border-bottom-color: #25b372!important } .border-left-success { border-left-color: #25b372!important } .border-right-success { border-right-color: #25b372!important } .border-top-success-100 { border-top-color: #e9f7f1!important } .border-bottom-success-100 { border-bottom-color: #e9f7f1!important } .border-left-success-100 { border-left-color: #e9f7f1!important } .border-right-success-100 { border-right-color: #e9f7f1!important } .border-top-info { border-top-color: #2cbacc!important } .border-bottom-info { border-bottom-color: #2cbacc!important } .border-left-info { border-left-color: #2cbacc!important } .border-right-info { border-right-color: #2cbacc!important } .border-top-info-100 { border-top-color: #eaf8fa!important } .border-bottom-info-100 { border-bottom-color: #eaf8fa!important } .border-left-info-100 { border-left-color: #eaf8fa!important } .border-right-info-100 { border-right-color: #eaf8fa!important } .border-top-warning { border-top-color: #f58646!important } .border-bottom-warning { border-bottom-color: #f58646!important } .border-left-warning { border-left-color: #f58646!important } .border-right-warning { border-right-color: #f58646!important } .border-top-warning-100 { border-top-color: #fef3ed!important } .border-bottom-warning-100 { border-bottom-color: #fef3ed!important } .border-left-warning-100 { border-left-color: #fef3ed!important } .border-right-warning-100 { border-right-color: #fef3ed!important } .border-top-danger { border-top-color: #ef5350!important } .border-bottom-danger { border-bottom-color: #ef5350!important } .border-left-danger { border-left-color: #ef5350!important } .border-right-danger { border-right-color: #ef5350!important } .border-top-danger-100 { border-top-color: #fdeeee!important } .border-bottom-danger-100 { border-bottom-color: #fdeeee!important } .border-left-danger-100 { border-left-color: #fdeeee!important } .border-right-danger-100 { border-right-color: #fdeeee!important } .border-top-white { border-top-color: #fff!important } .border-bottom-white { border-bottom-color: #fff!important } .border-left-white { border-left-color: #fff!important } .border-right-white { border-right-color: #fff!important } .border-top-light { border-top-color: #f0f2f5!important } .border-bottom-light { border-bottom-color: #f0f2f5!important } .border-left-light { border-left-color: #f0f2f5!important } .border-right-light { border-right-color: #f0f2f5!important } .border-top-light-100 { border-top-color: rgba(255,255,255,.1)!important } .border-bottom-light-100 { border-bottom-color: rgba(255,255,255,.1)!important } .border-left-light-100 { border-left-color: rgba(255,255,255,.1)!important } .border-right-light-100 { border-right-color: rgba(255,255,255,.1)!important } .border-top-dark { border-top-color: #252b36!important } .border-bottom-dark { border-bottom-color: #252b36!important } .border-left-dark { border-left-color: #252b36!important } .border-right-dark { border-right-color: #252b36!important } .border-top-dark-100 { border-top-color: rgba(0,0,0,.1)!important } .border-bottom-dark-100 { border-bottom-color: rgba(0,0,0,.1)!important } .border-left-dark-100 { border-left-color: rgba(0,0,0,.1)!important } .border-right-dark-100 { border-right-color: rgba(0,0,0,.1)!important } .border-top-teal { border-top-color: #26a69a!important } .border-bottom-teal { border-bottom-color: #26a69a!important } .border-left-teal { border-left-color: #26a69a!important } .border-right-teal { border-right-color: #26a69a!important } .border-top-teal-100 { border-top-color: #e9f6f5!important } .border-bottom-teal-100 { border-bottom-color: #e9f6f5!important } .border-left-teal-100 { border-left-color: #e9f6f5!important } .border-right-teal-100 { border-right-color: #e9f6f5!important } .border-top-indigo { border-top-color: #5c6bc0!important } .border-bottom-indigo { border-bottom-color: #5c6bc0!important } .border-left-indigo { border-left-color: #5c6bc0!important } .border-right-indigo { border-right-color: #5c6bc0!important } .border-top-indigo-100 { border-top-color: #eff0f9!important } .border-bottom-indigo-100 { border-bottom-color: #eff0f9!important } .border-left-indigo-100 { border-left-color: #eff0f9!important } .border-right-indigo-100 { border-right-color: #eff0f9!important } .border-top-purple { border-top-color: #8e70c1!important } .border-bottom-purple { border-bottom-color: #8e70c1!important } .border-left-purple { border-left-color: #8e70c1!important } .border-right-purple { border-right-color: #8e70c1!important } .border-top-purple-100 { border-top-color: #f4f1f9!important } .border-bottom-purple-100 { border-bottom-color: #f4f1f9!important } .border-left-purple-100 { border-left-color: #f4f1f9!important } .border-right-purple-100 { border-right-color: #f4f1f9!important } .border-top-pink { border-top-color: #f35c86!important } .border-bottom-pink { border-bottom-color: #f35c86!important } .border-left-pink { border-left-color: #f35c86!important } .border-right-pink { border-right-color: #f35c86!important } .border-top-pink-100 { border-top-color: #feeff3!important } .border-bottom-pink-100 { border-bottom-color: #feeff3!important } .border-left-pink-100 { border-left-color: #feeff3!important } .border-right-pink-100 { border-right-color: #feeff3!important } .border-top-yellow { border-top-color: #ffd648!important } .border-bottom-yellow { border-bottom-color: #ffd648!important } .border-left-yellow { border-left-color: #ffd648!important } .border-right-yellow { border-right-color: #ffd648!important } .border-top-yellow-100 { border-top-color: #fffbed!important } .border-bottom-yellow-100 { border-bottom-color: #fffbed!important } .border-left-yellow-100 { border-left-color: #fffbed!important } .border-right-yellow-100 { border-right-color: #fffbed!important } @charset "UTF-8"; input[type=text][data-fouc] { height:calc(1.5715em + .875rem + 2px); opacity: 0 } input[type=text].form-control-lg[data-fouc] { height: calc(1.4667em + 1.125rem + 2px) } input[type=text].form-control-sm[data-fouc] { height:calc(1.6924em + .625rem + 2px) } select[data-fouc]:not([aria-hidden=false]) { height:calc(1.5715em + .875rem + 2px); opacity: 0 } select.form-control-lg[data-fouc]:not([aria-hidden=false]) { height: calc(1.4667em + 1.125rem + 2px) } select.form-control-sm[data-fouc]:not([aria-hidden=false]) { height:calc(1.6924em + .625rem + 2px) } .wizard-form[data-fouc] { opacity: 0 } .wizard-form[data-fouc].wizard { opacity: 1 } .wizard-form[data-fouc]:not(.wizard) { padding-top: 6.875rem; padding-bottom: 3.625rem } .wizard-form[data-fouc]:not(.wizard) fieldset:not(:first-of-type), .wizard-form[data-fouc]:not(.wizard) h6 { display: none } input[type=text].colorpicker-flat-full[data-fouc] { height: 285px } pre[data-fouc]:not(.ace_editor) { height: 450px } pre[data-fouc].ace_editor { visibility: visible } .noui-pips-height-helper:not(.noUi-target)[data-fouc] { height: 2.75rem } .noui-pips-height-helper.noui-slider-lg:not(.noUi-target)[data-fouc] { height: 2.875rem } .noui-pips-height-helper.noui-slider-sm:not(.noUi-target)[data-fouc] { height: 2.625rem } .noui-vertical-height-helper:not(.noUi-target)[data-fouc] { display: inline-block; height: 10rem } input[type=text].ion-height-helper[data-fouc] { height: 3.25rem } input[type=text].ion-pips-height-helper[data-fouc] { height: 5.375rem } input[type=text].noui-height-helper:not(.noUi-target)[data-fouc] { height:.375rem } .pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pace .pace-progress { background: #7ac0f8; position: fixed; z-index: 2000; top: 0; left: 0; width: 0; height:.125rem } .pace-inactive { display: none } .pace-demo { display: inline-block; background-color: #1c2e37; vertical-align: middle; position: relative; line-height: 1; border-radius:.25rem; width: 88px; height: 88px } .pace-demo .pace_progress { display: none; white-space: nowrap } .theme_xbox, .theme_xbox_lg, .theme_xbox_sm { position: absolute; top: 50%; left: 0; right: 0; margin-top: -24px } .theme_xbox .pace_activity, .theme_xbox_lg .pace_activity, .theme_xbox_sm .pace_activity { -webkit-animation: rotation 1.5s ease-in-out infinite; animation: rotation 1.5s ease-in-out infinite; margin: auto; width: 48px; height: 48px } .theme_xbox .pace_activity, .theme_xbox .pace_activity:after, .theme_xbox .pace_activity:before, .theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:after, .theme_xbox_lg .pace_activity:before, .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:after, .theme_xbox_sm .pace_activity:before { border: 2px solid transparent; border-top-color: #fff; border-radius: 50% } .theme_xbox .pace_activity:before, .theme_xbox_lg .pace_activity:before, .theme_xbox_sm .pace_activity:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; -webkit-animation: rotation ease-in-out 2s infinite; animation: rotation ease-in-out 2s infinite } .theme_xbox .pace_activity:after, .theme_xbox_lg .pace_activity:after, .theme_xbox_sm .pace_activity:after { content: ""; position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; -webkit-animation: rotation ease-in-out 1s infinite; animation: rotation ease-in-out 1s infinite } .theme_xbox_with_text .pace_activity { margin-top: -10px } .theme_xbox_with_text span { display: block; margin-top: 10px; color: #fff; white-space: nowrap } .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:after, .theme_xbox_sm .pace_activity:before { border-width: 1px } .theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:after, .theme_xbox_lg .pace_activity:before { border-width: 3px } .theme_perspective { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px } .theme_perspective .pace_activity { display: inline-block; background-color: #fff; -webkit-animation: perspective ease-in-out 1.2s infinite; animation: perspective ease-in-out 1.2s infinite; width: 30px; height: 30px } @-webkit-keyframes perspective { 0% { -webkit-transform:perspective(120px); transform:perspective(120px) } 50% { -webkit-transform:perspective(120px) rotateY(180deg); transform:perspective(120px) rotateY(180deg) } 100% { -webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg); transform:perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes perspective { 0% { -webkit-transform:perspective(120px); transform:perspective(120px) } 50% { -webkit-transform:perspective(120px) rotateY(180deg); transform:perspective(120px) rotateY(180deg) } 100% { -webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg); transform:perspective(120px) rotateY(180deg) rotateX(180deg) } } .theme_perspective_with_text .pace_activity { margin-top: -12px } .theme_perspective_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap } .theme_squares { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px } .theme_squares .pace_activity { width: 30px; height: 30px; margin: auto } .theme_squares .pace_activity:after, .theme_squares .pace_activity:before { position: absolute; content: ""; border: 2px solid #fff } .theme_squares .pace_activity:before { width: 30px; height: 30px; margin-left: -15px; -webkit-animation: rotation_reverse linear 2s infinite; animation: rotation_reverse linear 2s infinite } .theme_squares .pace_activity:after { width: 20px; height: 20px; margin-left: -10px; margin-top: 5px; -webkit-animation: rotation linear 2s infinite; animation: rotation linear 2s infinite } .theme_squares_with_text .pace_activity { margin-top: -12px } .theme_squares_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap } .theme_tail { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px } .theme_tail .pace_activity { margin: auto; width: 30px; height: 30px; border: 3px solid transparent; border-left-color: #fff; border-radius: 50%; -webkit-animation: rotation linear 1.1s infinite; animation: rotation linear 1.1s infinite } .theme_tail_circle .pace_activity { border-color: rgba(0,0,0,.15); border-left-color: #fff } .theme_tail_with_text .pace_activity { margin-top: -12px } .theme_tail_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap } .theme_corners { position: absolute; top: 50%; left: 0; right: 0; margin-top: -7px } .theme_corners .pace_activity { display: inline-block; background-color: #fff; vertical-align: middle; border-radius: 50%; -webkit-animation: corners ease 1.5s infinite; animation: corners ease 1.5s infinite; width: 14px; height: 14px } @-webkit-keyframes corners { 0% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0) } 50% { border-radius:0; -webkit-transform:scale(2) rotate(-180deg); transform:scale(2) rotate(-180deg) } 100% { -webkit-transform:scale(1) rotate(-360deg); transform:scale(1) rotate(-360deg) } } @keyframes corners { 0% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0) } 50% { border-radius:0; -webkit-transform:scale(2) rotate(-180deg); transform:scale(2) rotate(-180deg) } 100% { -webkit-transform:scale(1) rotate(-360deg); transform:scale(1) rotate(-360deg) } } .theme_corners_with_text .pace_activity { margin-top: -28px } .theme_corners_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap } .theme_radar { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px } .theme_radar .pace_activity { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 2px solid transparent; border-top-color: #fff; border-bottom-color: #fff; -webkit-animation: rotation linear 1.1s infinite; animation: rotation linear 1.1s infinite } .theme_radar_with_text .pace_activity { margin-top: -12px } .theme_radar_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap } .theme_bar, .theme_bar_lg, .theme_bar_sm { position: relative; width: 200px; height: 5px; background-color: rgba(0,0,0,.4); border-radius: 100px; box-shadow: 0 0 5px rgba(255,255,255,.1) } .theme_bar .pace_progress, .theme_bar_lg .pace_progress, .theme_bar_sm .pace_progress { max-width: 198px; display: block; position: absolute; left: 1px; top: 1px; height: 3px; background: #3fcf96; color: #fff; line-height: 36px; border-radius: 100px } .theme_bar_lg { height: 6px } .theme_bar_lg .pace_progress { height: 4px } .theme_bar_sm { height: 4px } .theme_bar_sm .pace_progress { height: 2px } .select2-container { outline: 0; position: relative; display: inline-block; vertical-align: middle; text-align: left } .select2-selection--single { cursor: pointer; outline: 0; display: block; padding:.125rem 0; line-height: 1.5715; color: #333; background-color: #fff; position: relative; border: 1px solid #ddd; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius:.25rem } .select2-container--focus:not(.select2-container--disabled) .select2-selection--single, .select2-container--open .select2-selection--single { border-color: #2196f3 } .select2-selection--single .select2-selection__rendered { display: block; padding-left:.875rem; padding-right: 2.375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-selection--single .select2-selection__rendered>i { margin-right:.625rem } .select2-selection--single .select2-selection__clear { position: relative; cursor: pointer; float: right; font-size: 0; line-height: 1; margin-top:.1875rem; margin-left:.625rem; opacity: .75; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .select2-selection--single .select2-selection__clear { transition: none } } .select2-selection--single .select2-selection__clear:hover { opacity: 1 } .select2-selection--single .select2-selection__clear:after { content: ""; font-family: icomoon; display: inline-block; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-selection--single .select2-selection__arrow:after { content: ""; font-family: icomoon; display: inline-block; position: absolute; top: 50%; right:.875rem; margin-top:-.5rem; font-size: 1rem; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .select2-selection--single .select2-selection__arrow b { display: none } .select2-container--disabled .select2-selection--single { cursor: default; color: #999; background-color: #fafafa; border-color: #ddd } .select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-selection--multiple { display: block; border: 1px solid #ddd; cursor: text; background-color: #fff; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius:.25rem } .select2-container--focus:not(.select2-container--disabled) .select2-selection--multiple, .select2-container--open .select2-selection--multiple { border-color: #2196f3 } .select2-selection--multiple .select2-selection__rendered { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style: none; margin: 0; padding:0 .125rem .125rem .125rem; width: 100% } .select2-selection--multiple .select2-selection__placeholder { color: #999 } .select2-container--disabled .select2-selection--multiple { background-color: #fafafa; border-color: #ddd } .select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-search__field, .select2-container--disabled .select2-selection--multiple .select2-selection__choice { cursor: default } .select2-selection--multiple .select2-selection__choice { background-color: #294653; color: #fff; cursor: default; float: left; margin-right:.125rem; margin-top:.125rem; padding:.3125rem .875rem; white-space: normal; word-break: break-all; border-radius:.25rem; transition: color ease-in-out .15s, background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .select2-selection--multiple .select2-selection__choice { transition: none } } .select2-selection--multiple .select2-selection__choice:focus, .select2-selection--multiple .select2-selection__choice:hover { background-color: #294653; color: #fff } .select2-selection--multiple .select2-selection__choice>i { margin-right:.625rem } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { cursor: pointer; float: right; font-size: 1.25rem; margin-top:.0625rem; line-height: 1; margin-left:.625rem; opacity: .75; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { transition: none } } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { opacity: 1 } .select2-container--disabled .select2-selection--multiple .select2-selection__choice { opacity: .6 } .select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus, .select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover { background-color: #294653; color: #fff } .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: none } .select2-selection--multiple .select2-search--inline { float: left } .select2-selection--multiple .select2-search--inline .select2-search__field { font-size: 100%; margin-top:.125rem; padding:.3125rem 0; background-color: transparent; border-width: 0; outline: 0; color: inherit; margin-left:.25rem; -webkit-appearance: textfield } .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder { color:#999 } .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder { color:#999 } .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder { color:#999 } .select2-selection--multiple .select2-search--inline .select2-search__field::-ms-input-placeholder { color:#999 } .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder { color:#999 } .select2-selection--multiple .select2-search--inline:first-child .select2-search__field { margin-left: 0; padding-left:.75rem } .select2-dropdown { background-color: #fff; color: #333; border: 1px solid rgba(0,0,0,.15); display: block; position: absolute; left: -100000px; width: 100%; z-index: 1070; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results>.select2-results__options { padding-bottom:.5rem; max-height: 280px; overflow-y: auto } .select2-search--hide+.select2-results>.select2-results__options { padding-top:0; padding-bottom:0; } .select2-results:first-child>.select2-results__options { padding-top:.5rem } .select2-results__option { padding:.5rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .select2-results__option { transition: none } } .select2-results__option+.select2-results__option { margin-top: 1px } .select2-results__option i { margin-right:.625rem } .select2-results__option i.icon-undefined { display: none } .select2-results__option[role=group] { padding: 0 } .select2-results__option.select2-results__option--highlighted { background-color: #eee; color: #333 } .select2-results__option[aria-disabled=true] { color: #999; cursor: default } .select2-results__option[aria-selected=true] { color: #fff; background-color: #2196f3 } .select2-results__options--nested>.select2-results__option { padding-left: 2rem; padding-right: 2rem } .select2-results__group { display: block; padding:.5rem 1rem; cursor: default; font-weight: 500; margin-top:.5rem; margin-bottom:.5rem } .select2-results__option:first-child>.select2-results__group { margin-top: 0 } .select2-results__message { color: #999; cursor: default } .select2-results__option.loading-results { padding-top: 0 } .select2-results__option.loading-results+.select2-results__option { margin-top:.5rem } .select2-results__option--load-more { text-align: center; margin-top:.5rem; cursor: default } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--open.select2-container--below .select2-selection--single { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .select2-search--dropdown { display: block; position: relative; padding: 1rem } .select2-search--dropdown:after { content: ""; font-family: icomoon; position: absolute; top: 50%; left: 1.875rem; color: inherit; display: block; font-size:.875rem; margin-top:-.4375rem; line-height: 1; opacity: .6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .select2-search--dropdown+.select2-results .select2-results__message:first-child { padding-top: 0 } .select2-search--dropdown .select2-search__field { padding:.4375rem .875rem; padding-left: 2.625rem; background-color: #fff; color: #333; border: 1px solid #ddd; outline: 0; width: 100%; border-radius:.25rem } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-search--dropdown.select2-search--hide { display: none } .select-lg.select2-selection--single { padding:.5625rem 0; font-size:.9375rem; line-height: 1.4667 } .select-lg.select2-selection--single .select2-selection__rendered { padding-left: 1rem; padding-right: 2.5rem } .select-lg.select2-selection--single .select2-selection__arrow:after { right: 1rem } .select-lg.select2-selection--multiple .select2-selection__choice { padding:.4375rem 1rem; font-size:.9375rem; line-height: 1.4667 } .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { padding:.4375rem 0; font-size:.9375rem; line-height: 1.4667 } .select-sm.select2-selection--single { padding:.3125rem 0; font-size:.8125rem; line-height: 1.6924 } .select-sm.select2-selection--single .select2-selection__rendered { padding-left:.75rem; padding-right: 2.375rem } .select-sm.select2-selection--single .select2-selection__arrow:after { right:.75rem } .select-sm.select2-selection--multiple .select2-selection__choice { padding:.1875rem .75rem; font-size:.8125rem; line-height: 1.6924 } .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { padding:.1875rem 0; font-size:.8125rem; line-height: 1.6924 } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 99; background-color: #fff; opacity: 0 } .select2-hidden-accessible { border: 0!important; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: fixed!important; width: 1px!important } .select2-result-repository { padding-top:.4375rem; padding-bottom:.4375rem } .select2-result-repository__avatar { float: left; width: 60px; margin-right:.9375rem } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 50rem } .select2-result-repository__meta { margin-left: 70px } .select2-result-repository__title { font-weight: 500; word-wrap: break-word; margin-bottom: 2px } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; font-size:.8125rem } .select2-result-repository__description { font-size:.8125rem } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-right:.9375rem } .multiselect-native-select { position: relative; display: block } .multiselect-native-select select { border: 0!important; clip: rect(0 0 0 0)!important; height: 0!important; margin: 0!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 0!important; left: 0; top: 0; display: none } .multiselect { text-align: left; padding-left:.875rem; padding-right: 2.375rem; text-transform: none; background-color: #fff; border-color: #ddd; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .multiselect:after { position: absolute; top: 50%; /* right:.875rem; */ margin-top:-.5rem } .multiselect:not([class*=font-weight-]) { font-weight: 400 } .multiselect:focus, .show>.multiselect.dropdown-toggle { border-color: #2196f3 } .multiselect.disabled { background-color: #fafafa; color: #999 } .multiselect.btn-lg { padding-left: 1rem; padding-right: 2.5rem } .multiselect.btn-lg:after { right: 1rem } .multiselect.btn-sm { padding-left:.75rem; padding-right: 2.25rem } .multiselect.btn-sm:after { right:.75rem } .multiselect-container { max-height: 280px; overflow-y: auto; width: 100% } .multiselect-group { font-weight: 500 } .multiselect-item+.multiselect-group { margin-top:.5rem } .multiselect-group.disabled { color: #999; cursor: default } .multiselect-all { font-weight: 500 } .multiselect-filter { position: relative; padding:.5rem 1rem; margin-bottom:.5rem } .multiselect-group-option-indented .dropdown-item { padding-left: 2rem } .input-group .multiselect-native-select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1 1 auto; flex: 1 1 auto } .input-group .multiselect-native-select:not(:first-child) .multiselect { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group .multiselect-native-select:not(:last-child) .multiselect { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group .multiselect:focus, .input-group .show>.multiselect { z-index: 3 } .badge-indicator-absolute { position: relative } .badge-indicator-absolute .password-indicator-badge-absolute { position: absolute; top: 50%; margin-top:-.6875rem; right:.875rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .badge-indicator-absolute .password-indicator-badge-absolute { transition: none } } .twitter-typeahead { width: 100% } .tt-hint { color: #999 } .tt-menu { width: 100%; margin-top:.125rem; min-width: 12.5rem; padding:.5rem 0; background-color: #fff; border: 1px solid rgba(0,0,0,.15); max-height: 350px; overflow-y: auto; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .typeahead-scrollable .tt-menu { max-height: 250px } .tt-suggestion { color: #333; padding:.5rem 1rem; cursor: pointer; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .tt-suggestion { transition: none } } .tt-suggestion.tt-cursor, .tt-suggestion:focus, .tt-suggestion:hover { color: #333; background-color: #eee } .tt-heading { padding:.5rem 1rem; display: block; font-weight: 700; margin-top:.5rem; margin-bottom:.5rem } .tt-dataset-group:first-child .tt-heading:first-child { margin-top: 0 } .typeahead-template .empty-message { padding:.5rem 1rem; text-align: center } .validation-invalid-label, .validation-valid-label { margin-top:.5rem; margin-bottom:.5rem; display: block; color: #ef5350; position: relative; padding-left: 1.625rem } .validation-valid-label { color: #25b372 } .validation-invalid-label:before, .validation-valid-label:before { font-family: icomoon; font-size: 1rem; position: absolute; top:.1875rem; left: 0; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .validation-invalid-label:empty, .validation-valid-label:empty { display: none } .validation-invalid-label:before { content: "" } .validation-valid-label:before { content: "" } .form-group-float-label { position: relative; top:.4375rem; opacity: 0 } .form-group-float-label.is-visible { top: 0; opacity: 1 } .form-group-float-label.animate { transition: all linear .15s } @media (prefers-reduced-motion:reduce) { .form-group-float-label.animate { transition: none } } .alpaca-hidden { display: none } .alpaca-field .alpaca-field-text-max-length-indicator, .alpaca-field .help-block { color: #999; margin-top:.5rem; margin-bottom:.5rem } .has-error .multiselect-container>.active .form-check { color: #fff } .has-error .btn-group.show .multiselect.btn, .has-error .multiselect.btn-light:active { color: #ef5350; border-color: #ef5350 } .alpaca-disabled .form-check .switchery, .alpaca-disabled .form-check label { cursor: default; color: #999 } .alpaca-invalid .alpaca-control-label, .alpaca-invalid .alpaca-message { color: #ef5350 } .alpaca-invalid .form-control { color: #ef5350 } .alpaca-invalid .form-control, .alpaca-invalid .form-control:focus, .alpaca-invalid .form-control:hover { border-color: #ef5350 } .alpaca-clear { clear: both } .alpaca-float-right { float: right } .alpaca-field .glyphicon { font-family: icomoon; font-size: 1rem; vertical-align: middle; margin-top:-.0625rem; font-style: normal; line-height: 1; display: inline-block; margin-right:.625rem } .alpaca-field .glyphicon-info-sign { display: none } .alpaca-field .glyphicon-exclamation-sign:before { content: "" } .alpaca-icon-required { font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; float: right; margin-right: 0; margin-left:.625rem } .alpaca-icon-required:before { content: '*' } .alpaca-controlfield-editor { position: relative; width: 100%; height: 300px; border: 1px solid #ddd } .alpaca-controlfield-editor .control-field-editor-el { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .ace_editor { border: 1px solid rgba(0,0,0,.125) } .alpaca-field-ckeditor.alpaca-invalid>.cke { border-color: #602120 } .alpaca-field-optiontree .optiontree+.form-control { margin-left:.625rem } .alpaca-field-optiontree.optiontree-horizontal .optiontree { display: inline-block } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { display: inline-block; margin-top:.3125rem; margin-bottom:.3125rem } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { display: none } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector+.optiontree-selector { margin-left:.625rem } .alpaca-field-optiontree.optiontree-horizontal input { display: inline-block; width: auto } .alpaca-field-optiontree.optiontree-horizontal label { display: block } .has-error .multiselect { border-color: #ef5350; color: #ef5350 } .alpaca-container-label:not(legend) { margin-top: 1.25rem } .alpaca-array-toolbar { margin-bottom:.625rem } .alpaca-array-actionbar { overflow: hidden } .alpaca-array-actionbar.alpaca-array-actionbar-top { padding-bottom:.625rem } .alpaca-array-actionbar.alpaca-array-actionbar-bottom { padding-top:.625rem } .alpaca-array-actionbar, .alpaca-array-actionbar.btn-group { width: 100% } .alpaca-field-array .alpaca-top, .alpaca-field-array .alpaca-top .alpaca-container, .alpaca-field-object .alpaca-top, .alpaca-field-object .alpaca-top .alpaca-container { border: 0 } .alpaca-container { border: 0 } .alpaca-control-buttons-container { margin-top:.625rem } .alpaca-container-item>.alpaca-container>.alpaca-field-object { border: 0 } .alpaca-form-buttons-container { margin-top: 1.25rem; text-align: right } .alpaca-container>.form-group { margin-left: 0; margin-right: 0 } .alpaca-field-hidden { display: none } .alpaca-container-item:not(:first-child) { margin-top:.625rem } .alpaca-container .alpaca-container-item:last-child { margin-bottom: 0 } .alpaca-field-select .btn-group { width: 100% } .alpaca-field.alpaca-field-upload .fileupload-active-zone { margin-top: 2.5rem; margin-bottom: 2.5rem } .alpaca-field.alpaca-field-upload .template-download td.error, .alpaca-field.alpaca-field-upload .template-upload td.error { color: #602120; word-break: break-all } .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { height: 250px } .alpaca-field.alpaca-field-image .alpaca-image-display { margin-top: 1.25rem } .tokenfield { height: auto } .tokenfield::after { display: block; clear: both; content: "" } .tokenfield.form-control:not(input) { padding:0 0 .125rem 0 } .tokenfield.focus { border-color: #2196f3 } .tokenfield .token { margin:.125rem 0 0 .125rem; cursor: default; float: left; position: relative; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .tokenfield .token { transition: none } } .tokenfield .token:not([class*=bg-]) { background-color: #ddd; color: #333 } .tokenfield .token:not([class*=bg-]):focus, .tokenfield .token:not([class*=bg-]):hover { background-color: #2196f3; color: #fff } .tokenfield .token .token-label { display: block; max-width: none!important; padding:.3125rem .875rem; padding-right: 2.375rem } .tokenfield .token>.close { font-size: 0; cursor: pointer; position: absolute; top: 50%; color: inherit; right:.875rem; line-height: 1; margin-top:-.375rem; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .tokenfield .token>.close { transition: none } } .tokenfield .token>.close:after { content: ""; font-family: icomoon; display: block; font-size:.75rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .tokenfield .token>.close:hover { opacity: 1 } .tokenfield .twitter-typeahead { width: auto } .tokenfield .token-input { direction: ltr; background: 0 0; color: #333; width: 5.625rem!important; max-width: 50%; min-width: 4rem; padding:.3125rem .875rem; margin-top:.125rem; margin-left:.125rem; border: 0; outline: 0 } .tokenfield.readonly .token .token-label { padding-right:.875rem } .tokenfield.readonly .token .close { display: none } .tokenfield.disabled { cursor: default } .tokenfield.disabled .token, .tokenfield.disabled .token .close { opacity: .5 } .tokenfield.disabled .token:focus, .tokenfield.disabled .token:hover { background-color: #ddd; color: #333 } .tokenfield.disabled, .tokenfield.disabled .token, .tokenfield.disabled .token .close, .tokenfield.disabled .token-input { cursor: default } .input-group-lg .token>.token-label, .input-group-lg .token>span, .tokenfield.form-control-lg .token>.token-label, .tokenfield.form-control-lg .token>span { padding:.4375rem 1rem; padding-right: 2.125rem } .input-group-lg .token-input, .tokenfield.form-control-lg .token-input { padding:.4375rem 1rem } .input-group-lg .token>.close, .tokenfield.form-control-lg .token>.close { right: 1rem } .input-group-lg.readonly .token>.token-label, .tokenfield.form-control-lg.readonly .token>.token-label { padding-right: 1rem } .input-group-sm .token>.token-label, .input-group-sm .token>span, .tokenfield.form-control-sm .token>.token-label, .tokenfield.form-control-sm .token>span { padding:.1875rem .75rem; padding-right: 1.875rem } .input-group-sm .token-input, .tokenfield.form-control-sm .token-input { padding:.1875rem .75rem } .input-group-sm .token>.close, .tokenfield.form-control-sm .token>.close { right:.75rem } .input-group-sm.readonly .token>.token-label, .tokenfield.form-control-sm.readonly .token>.token-label { padding-right:.75rem } .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ddd; display: inline-block; padding:0 0 .125rem 0; vertical-align: middle; width: 100%; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius:.25rem } .bootstrap-tagsinput.focus { border-color: #2196f3 } .bootstrap-tagsinput input { direction: ltr; border: 0; outline: 0; background-color: transparent; padding:.3125rem .875rem; margin-top:.125rem; margin-left:.125rem; color: #333; width: auto!important; max-width: 50%; min-width: 4rem; box-shadow: none } .input-group .bootstrap-tagsinput { width: 1%; -ms-flex: 1 1 auto; flex: 1 1 auto } .bootstrap-tagsinput .twitter-typeahead { width: auto } .bootstrap-tagsinput .tt-dropdown-menu { margin-top:.25rem; min-width: 12.5rem } .bootstrap-tagsinput .tag { margin:.125rem 0 0 .125rem; padding:.3125rem .875rem; padding-right: 2.375rem; float: left; position: relative; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .bootstrap-tagsinput .tag { transition: none } } .bootstrap-tagsinput .tag:not([class*=bg-]) { background-color: #ddd; color: #333 } .bootstrap-tagsinput .tag:not([class*=bg-]):focus, .bootstrap-tagsinput .tag:not([class*=bg-]):hover { background-color: #2196f3; color: #fff } .bootstrap-tagsinput .tag [data-role=remove] { cursor: pointer; position: absolute; top: 50%; right:.875rem; line-height: 1; margin-top:-.375rem; opacity: .7; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .bootstrap-tagsinput .tag [data-role=remove] { transition: none } } .bootstrap-tagsinput .tag [data-role=remove]:hover { opacity: 1 } .bootstrap-tagsinput .tag [data-role=remove]:after { content: ""; font-family: icomoon; display: block; font-size:.75rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .bootstrap-touchspin .input-group-btn-vertical { white-space: nowrap } .bootstrap-touchspin .input-group-btn-vertical>.btn { width: 2.125rem; margin-left: -1px; border-radius: 0 } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 50%; left: 50%; margin-left:-.5rem; margin-top:-.5rem; font-weight: 400 } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border: 1px solid #ddd; border-radius: 0 } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border: 1px solid #ddd; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .bootstrap-touchspin.input-group-lg .input-group-btn-vertical>.btn { width: 2.375rem } .bootstrap-touchspin.input-group-lg .input-group-btn-vertical .bootstrap-touchspin-down { border-top-right-radius:.3125rem; border-bottom-right-radius:.3125rem } .bootstrap-touchspin.input-group-sm .input-group-btn-vertical>.btn { width: 1.875rem } .bootstrap-touchspin.input-group-sm .input-group-btn-vertical .bootstrap-touchspin-down { border-top-right-radius:.1875rem; border-bottom-right-radius:.1875rem } .input-group .input-group-prepend.d-none:first-child+.form-control { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .input-group-lg .input-group-prepend.d-none:first-child+.form-control { border-top-left-radius:.3125rem; border-bottom-left-radius:.3125rem } .input-group-sm .input-group-prepend.d-none:first-child+.form-control { border-top-left-radius:.1875rem; border-bottom-left-radius:.1875rem } .bootstrap-duallistbox-container .box1 { margin-bottom: 1.25rem } .bootstrap-duallistbox-container select.form-control { padding:.4375rem; border-top-left-radius: 0; border-top-right-radius: 0 } .bootstrap-duallistbox-container option { display: block; padding:.4375rem .875rem; border-radius:.25rem } .bootstrap-duallistbox-container.moveonselect .move, .bootstrap-duallistbox-container.moveonselect .remove { display: none } .bootstrap-duallistbox-container.moveonselect .btn-group .moveall, .bootstrap-duallistbox-container.moveonselect .btn-group .removeall { width: 100%; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .bootstrap-duallistbox-container.moveonselect .btn-group .btn+.btn { border-left-width: 1px } .bootstrap-duallistbox-container .buttons { width: 100%; margin-bottom: -1px } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 { display: none; margin-top: 1.25rem } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear1:focus, .bootstrap-duallistbox-container .clear1:hover, .bootstrap-duallistbox-container .clear2, .bootstrap-duallistbox-container .clear2:focus, .bootstrap-duallistbox-container .clear2:hover { background-color: transparent; border: 0; color: #2196f3; padding: 0; box-shadow: none } .bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2 { display: inline-block } .bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .removeall { width: 50% } .bootstrap-duallistbox-container .btn-group .btn { margin: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .bootstrap-duallistbox-container .btn-group .btn+.btn { border-left-width: 0 } .bootstrap-duallistbox-container .btn-group .btn>i { float: none; text-align: center } .bootstrap-duallistbox-container .btn-group .btn>i+i { margin-left: -1rem } .bootstrap-duallistbox-container .filter { margin-bottom: 1.25rem; position: relative } .bootstrap-duallistbox-container .filter.placeholder { color: #999 } .bootstrap-duallistbox-container .info-container .info { display: inline-block; margin-top: 1.25rem } .bootstrap-duallistbox-container .info-container .info .badge { margin-right:.625rem } .sidebar .bootstrap-duallistbox-container { text-align: center } .sidebar .bootstrap-duallistbox-container .box1, .sidebar .bootstrap-duallistbox-container .box2 { -ms-flex: auto; flex: auto; width: 100%; max-width: none } .sidebar .bootstrap-duallistbox-container .box1 { padding-bottom:.3125rem } .sidebar .bootstrap-duallistbox-container .box1:after { content: ""; font-size: 1rem; font-family: icomoon; display: block; text-align: center; line-height: 1; margin:.625rem 0; opacity: .5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @media (min-width:769px) { .bootstrap-duallistbox-container .box1 { margin-bottom: 0 } .sidebar .bootstrap-duallistbox-container .box1 { margin-bottom: 0 } } .wizard { width: 100% } .wizard>.content>.title, .wizard>.steps .current-info { display: none } .wizard>.content { position: relative; width: auto; padding: 0 } .wizard>.content>.body { padding: 0 1.25rem } .wizard>.content>iframe { border: 0; width: 100%; height: 100% } .wizard>.steps { position: relative; display: block; width: 100% } .wizard>.steps>ul { display: table; width: 100%; table-layout: fixed; margin: 0; padding: 0; list-style: none } .wizard>.steps>ul>li { display: table-cell; width: auto; vertical-align: top; text-align: center; position: relative } .wizard>.steps>ul>li a { position: relative; padding-top: 3rem; margin-top: 1.25rem; margin-bottom: 1.25rem; display: block; outline: 0; color: #999 } .wizard>.steps>ul>li:after, .wizard>.steps>ul>li:before { content: ''; display: block; position: absolute; top: 2.375rem; width: 50%; height: 2px; background-color: #2cbacc; z-index: 9 } .wizard>.steps>ul>li:before { left: 0 } .wizard>.steps>ul>li:after { right: 0 } .wizard>.steps>ul>li:first-child:before, .wizard>.steps>ul>li:last-child:after { content: none } .wizard>.steps>ul>li.current:after, .wizard>.steps>ul>li.current~li:after, .wizard>.steps>ul>li.current~li:before { background-color: #eee } .wizard>.steps>ul>li.current>a { color: #333; cursor: default } .wizard>.steps>ul>li.current .number { font-size: 0; border-color: #2cbacc; color: #2cbacc } .wizard>.steps>ul>li.current .number:after { content: ""; font-family: icomoon; display: inline-block; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .wizard>.steps>ul>li.current .number:after { transition: none } } .wizard>.steps>ul>li.disabled a { cursor: default } .wizard>.steps>ul>li.done a, .wizard>.steps>ul>li.done a:focus, .wizard>.steps>ul>li.done a:hover { color: #999 } .wizard>.steps>ul>li.done .number { font-size: 0; background-color: #2cbacc; border-color: #2cbacc; color: #fff } .wizard>.steps>ul>li.done .number:after { content: ""; font-family: icomoon; display: inline-block; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .wizard>.steps>ul>li.done .number:after { transition: none } } .wizard>.steps>ul>li.error .number { border-color: #ef5350; color: #ef5350 } .card>.card-header:not([class*=bg-])>.wizard>.steps>ul { border-top: 1px solid rgba(0,0,0,.125) } @media (max-width:991.98px) { .wizard>.steps>ul { margin-bottom: 1.25rem } .wizard>.steps>ul>li { display: block; float: left; width: 50% } .wizard>.steps>ul>li>a { margin-bottom: 0 } .wizard>.steps>ul>li:first-child:before, .wizard>.steps>ul>li:last-child:after { content: '' } .wizard>.steps>ul>li:last-child:after { background-color: #2cbacc } } @media (max-width:768.98px) { .wizard>.steps>ul>li { width: 100% } .wizard>.steps>ul>li.current:after { background-color: #2cbacc } } .wizard>.steps .number { background-color: #fff; color: #ccc; display: inline-block; position: absolute; top: 0; left: 50%; margin-left: -1.1875rem; border: 2px solid #eee; font-size:.9375rem; z-index: 10; line-height: 2.125rem; text-align: center; width: 2.375rem; height: 2.375rem; border-radius: 50rem } .wizard>.actions { position: relative; text-align: right; padding: 1.25rem; padding-top: 0 } .wizard>.actions>ul { list-style: none; padding: 0; margin: 0 } .wizard>.actions>ul::after { display: block; clear: both; content: "" } .wizard>.actions>ul>li { display: inline-block } .wizard>.actions>ul>li+li { margin-left: 1.25rem } @font-face { font-family: summernote; font-style: normal; font-weight: 400; src: url(../../../../../../global_assets/css/icons/summernote/summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4); src: url(../../../../../../global_assets/css/icons/summernote/summernote.eot?#iefix) format("embedded-opentype"), url(../../../../../../global_assets/css/icons/summernote/summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4) format("woff"), url(../../../../../../global_assets/css/icons/summernote/summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c4) format("truetype") } [class*=" note-icon-"]:before, [class^=note-icon-]:before { display: inline-block; font-family: summernote; font-style: normal; font-size: inherit; text-decoration: inherit; vertical-align: middle; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .note-icon-align-center:before { content: "\f101" } .note-icon-align-indent:before { content: "\f102" } .note-icon-align-justify:before { content: "\f103" } .note-icon-align-left:before { content: "\f104" } .note-icon-align-outdent:before { content: "\f105" } .note-icon-align-right:before { content: "\f106" } .note-icon-align:before { content: "\f107" } .note-icon-arrow-circle-down:before { content: "\f108" } .note-icon-arrow-circle-left:before { content: "\f109" } .note-icon-arrow-circle-right:before { content: "\f10a" } .note-icon-arrow-circle-up:before { content: "\f10b" } .note-icon-arrows-alt:before { content: "\f10c" } .note-icon-arrows-h:before { content: "\f10d" } .note-icon-arrows-v:before { content: "\f10e" } .note-icon-bold:before { content: "\f10f" } .note-icon-caret:before { content: "\f110" } .note-icon-chain-broken:before { content: "\f111" } .note-icon-circle:before { content: "\f112" } .note-icon-close:before { content: "\f113" } .note-icon-code:before { content: "\f114" } .note-icon-col-after:before { content: "\f115" } .note-icon-col-before:before { content: "\f116" } .note-icon-col-remove:before { content: "\f117" } .note-icon-eraser:before { content: "\f118" } .note-icon-float-left:before { content: "\f119" } .note-icon-float-none:before { content: "\f11a" } .note-icon-float-right:before { content: "\f11b" } .note-icon-font:before { content: "\f11c" } .note-icon-frame:before { content: "\f11d" } .note-icon-italic:before { content: "\f11e" } .note-icon-link:before { content: "\f11f" } .note-icon-magic:before { content: "\f120" } .note-icon-menu-check:before { content: "\f121" } .note-icon-minus:before { content: "\f122" } .note-icon-orderedlist:before { content: "\f123" } .note-icon-pencil:before { content: "\f124" } .note-icon-picture:before { content: "\f125" } .note-icon-question:before { content: "\f126" } .note-icon-redo:before { content: "\f127" } .note-icon-rollback:before { content: "\f128" } .note-icon-row-above:before { content: "\f129" } .note-icon-row-below:before { content: "\f12a" } .note-icon-row-remove:before { content: "\f12b" } .note-icon-special-character:before { content: "\f12c" } .note-icon-square:before { content: "\f12d" } .note-icon-strikethrough:before { content: "\f12e" } .note-icon-subscript:before { content: "\f12f" } .note-icon-summernote:before { content: "\f130" } .note-icon-superscript:before { content: "\f131" } .note-icon-table:before { content: "\f132" } .note-icon-text-height:before { content: "\f133" } .note-icon-trash:before { content: "\f134" } .note-icon-underline:before { content: "\f135" } .note-icon-undo:before { content: "\f136" } .note-icon-unorderedlist:before { content: "\f137" } .note-icon-video:before { content: "\f138" } .note-editor { position: relative } .note-editor .note-dropzone { position: absolute; z-index: 100; display: none; color: #333; background-color: #fff; pointer-events: none; border: 2px dashed #ddd; opacity: .95 } .note-editor .note-dropzone.hover { color: #333; border: 2px dashed #ddd } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 1.125rem; font-weight: 500; text-align: center; vertical-align: middle } .card .note-editor { border-color: #ddd; box-shadow: none } .note-editor.dragover .note-dropzone { display: table } .note-editor .note-form-group:last-child { margin-bottom: 0 } .note-editor .note-group-image-url:last-child { margin-bottom: 0 } .note-editor .modal-title { font-size: 1.125rem } .note-editor .dropdown-style pre { background-color: #fff; padding:.5rem 1rem } .summernote-borderless~.note-editor { border: 0; margin: 0; border-radius: 0 } .note-air-editor { outline: 0 } @-moz-document url-prefix() { .note-image-input { height:auto } } .note-placeholder { position: absolute; display: none; color: #999 } .note-toolbar:not([class*=bg-]) { background-color: #fff; border-bottom: 1px solid #ddd; padding: 1.25rem 1.25rem; padding-top: 0; margin: 0; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .dropdown-fontname, .dropdown-style { max-height: 20rem; overflow: auto } .dropdown-style a>p { margin-bottom: 0 } .note-editing-area { position: relative } .note-editing-area .note-editable { outline: 0 } .note-editing-area .note-editable sup { vertical-align: super } .note-editing-area .note-editable sub { vertical-align: sub } .note-editing-area img.note-float-left { margin-right:.625rem } .note-editing-area img.note-float-right { margin-left:.625rem } .note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable { display: none } .note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable { display: block } .note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area { overflow: hidden } .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { padding: 1.25rem; overflow: auto; color: #333; background-color: #fff; min-height: 9.375rem } .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] { background-color: #eee } .note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable { display: none; width: 100%; padding: 1.25rem; margin-bottom: 0; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color: #333; background-color: #fff; border: 0; resize: none; box-shadow: none; border-radius: 0 } .note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen { position: fixed; top: 0; left: 0; z-index: 1080; width: 100%!important; border: 0; border-radius: 0 } .note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar { display: none } .note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder { position: absolute; display: none; color: #999 } .note-statusbar { background-color: rgba(0,0,0,.02) } .note-statusbar .note-resizebar { width: 100%; padding: 2px 0; cursor: ns-resize; border-top: 1px solid #ddd } .note-statusbar .note-resizebar .note-icon-bar { width: 1.25rem; margin: 1px auto; border-top: 1px solid #ddd } .note-statusbar.locked .note-resizebar { cursor: default } .note-statusbar.locked .note-resizebar .note-icon-bar { display: none } .note-status-output { display: none } .note-editor.note-airframe { border: 0 } .note-editor.note-airframe .note-editing-area .note-editable { padding: 0 } .note-popover.popover { display: none; max-width: none } .note-popover.popover .popover-content a { display: inline-block; max-width: 276px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .note-popover.popover .arrow { left: 1.25rem!important } .note-popover .popover-content { display: -ms-inline-flexbox; display: inline-flex; padding:.9375rem 0 0 .9375rem; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .note-popover .popover-content>span { margin-right:.9375rem; margin-bottom:.9375rem } .note-popover .popover-content>.btn-group { margin-right:.9375rem; margin-bottom:.9375rem } .note-style blockquote, .note-style h1, .note-style h2, .note-style h3, .note-style h4, .note-style h5, .note-style h6 { margin: 0 } .note-hint-popover { min-width: 12.5rem; padding:.5rem 0 } .note-hint-popover .popover-content { max-height: 10rem; overflow: auto } .note-hint-popover .popover-content .note-hint-group .note-hint-item { display: block!important; padding:.5rem 1rem; color: #333; clear: both } .note-hint-popover .popover-content .note-hint-group .note-hint-item:focus, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover { color: #333; background-color: #eee; text-decoration: none } .note-hint-popover .popover-content .note-hint-group .note-hint-item.active { color: #fff; text-decoration: none; background-color: #2196f3 } .card-header.note-toolbar>.btn-group { margin-top: 1.25rem; margin-right: 1.25rem } .card-header.note-toolbar>.btn-group:last-child { margin-right: 0 } .card-header.note-toolbar .note-dropdown-menu.note-check a i { display: none } .card-header.note-toolbar .note-dropdown-menu.note-check a.checked { color: #fff; background-color: #2196f3 } .note-popover .btn-group .note-table, .note-toolbar .btn-group .note-table { min-width: 0; padding:.5rem } .note-popover .btn-group .note-table .note-dimension-picker, .note-toolbar .btn-group .note-table .note-dimension-picker { font-size: 1.125rem; direction: ltr } .note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer } .note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat } .note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat } .note-popover .btn-group .note-table .note-dimension-display, .note-toolbar .btn-group .note-table .note-dimension-display { text-align: center; margin-top:.5rem } .note-color .note-color-row { font-size: 0 } .note-color .note-dropdown-menu.show { display: -ms-flexbox; display: flex } .note-color .note-dropdown-menu .note-palette { display: inline-block; width: 10rem; margin:.4375rem .875rem } .note-color .note-dropdown-menu .note-palette .note-palette-title { font-weight: 500 } .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-color .note-dropdown-menu .note-palette .note-color-select { margin-top:.625rem; width: 100%; padding:.3125rem .75rem; margin-bottom:.875rem } .note-color .note-dropdown-menu .note-color-select-btn { display: none } .note-color .note-dropdown-menu .note-holder-custom .note-color-btn { border: 1px solid #ddd } .note-color .note-palette div .note-color-btn { padding: 0; margin: 0; border: 1px solid #fff; width: 1.25rem; height: 1.25rem } .note-color .note-palette div .note-color-btn:hover { border-color: #333 } .note-para .note-dropdown-menu { padding:.5rem; white-space: nowrap } .note-para .note-dropdown-menu>div:first-child { margin-right:.625rem } .note-handle { position: relative } .note-handle .note-control-selection { position: absolute; display: none; z-index: 10 } .note-handle .note-control-selection>div { position: absolute } .note-handle .note-control-selection .note-control-selection-bg { background-color: #000; opacity: .3; width: 100%; height: 100% } .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing { border: 1px solid #ddd; width:.5rem; height:.5rem } .note-handle .note-control-selection .note-control-sizing { background-color: #fff } .note-handle .note-control-selection .note-control-nw { top:-.3125rem; left:-.3125rem; border-right: 0; border-bottom: 0 } .note-handle .note-control-selection .note-control-ne { top:-.3125rem; right:-.3125rem; border-bottom: 0; border-left: 0 } .note-handle .note-control-selection .note-control-sw { bottom:-.3125rem; left:-.3125rem; border-top: 0; border-right: 0 } .note-handle .note-control-selection .note-control-se { right:-.3125rem; bottom:-.3125rem; cursor: se-resize } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding:.3125rem; margin:.3125rem; color: #fff; background-color: #000; opacity: .7; border-radius:.25rem } #trumbowyg-icons { overflow: hidden; visibility: hidden; height: 0; width: 0 } #trumbowyg-icons svg { height: 0; width: 0 } .trumbowyg-box { position: relative; border: 1px solid #ddd; border-radius:.25rem } .trumbowyg-box svg { fill: #333; display: block; width: 1rem; height: 1rem } .trumbowyg-box.trumbowyg-fullscreen { background: #fff; border-width: 0 } .trumbowyg-editor { position: relative } .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { content: attr(placeholder); color: #999; pointer-events: none } .trumbowyg-editor, .trumbowyg-textarea { position: relative; padding: 1.25rem; min-height: 350px; background-color: #fff; width: 100%; border-style: none; resize: none; outline: 0; overflow: auto; color: #333 } .trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter { transition: height ease-in-out .3s } @media (prefers-reduced-motion:reduce) { .trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter { transition: none } } .trumbowyg-box-blur .trumbowyg-editor hr, .trumbowyg-box-blur .trumbowyg-editor img { opacity: .2 } .trumbowyg-textarea { position: relative; display: block; overflow: auto; border: 0; white-space: normal } .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { height: 1px!important; width: 25%; min-height: 0!important; padding: 0!important; background: 0 0; opacity: 0!important } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none } .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { opacity: .8; background-color: transparent } .trumbowyg-button-pane { width: 100%; background-color: #fafafa; border-bottom: 1px solid #ddd; margin: 0; position: relative; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 11; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .trumbowyg-button-pane .trumbowyg-button-group { display: inline-block; position: relative } .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: transparent } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group { padding-left: 1px } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group:before { content: " "; display: inline-block; width: 1px; background-color: #eaeaea; position: absolute; left: 0; top: 0; bottom: 0 } .trumbowyg-box:not(.trumbowyg-fullscreen) .trumbowyg-button-pane .trumbowyg-button-group:first-child button { border-radius:.1875rem 0 0 0 } .trumbowyg-box:not(.trumbowyg-fullscreen) .trumbowyg-button-pane .trumbowyg-button-group:last-child button { border-radius:0 .1875rem 0 0 } .trumbowyg-button-pane button { display: inline-block; position: relative; padding:.875rem; overflow: hidden; border: none; cursor: pointer; background-color: transparent; vertical-align: middle; color: #333; transition: background-color ease-in-out .15s, opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .trumbowyg-button-pane button { transition: none } } .trumbowyg-button-pane button.trumbowyg-textual-button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-top:.6875rem; padding-bottom:.6875rem } .trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover { background-color: #eee; outline: 0 } .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { opacity: .2; cursor: default } .trumbowyg-button-pane .trumbowyg-open-dropdown { padding-right: 1.75rem } .trumbowyg-button-pane .trumbowyg-open-dropdown:after { content: " "; display: block; position: absolute; top: 50%; right:.875rem; height: 0; width: 0; margin-top: -.15em; border: .3em solid transparent; border-top-color: #333 } .trumbowyg-button-pane .trumbowyg-right { float: right } .trumbowyg-dropdown { min-width: 12.5rem; padding:.5rem 0; background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-top: 0; margin-top: 1px; margin-left: -1px; z-index: 1000; box-shadow:0 .25rem .5rem rgba(0,0,0,.1); border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem } .trumbowyg-dropdown button { display: block; width: 100%; padding:.5rem 1rem; color: #333; white-space: nowrap; background: 0 0; border: 0; text-align: inherit; cursor: pointer; transition: background-color ease-in-out .15s, color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .trumbowyg-dropdown button { transition: none } } .trumbowyg-dropdown button:focus, .trumbowyg-dropdown button:hover { color: #333; text-decoration: none; background-color: #eee } .trumbowyg-dropdown button svg { display: inline-block; vertical-align: middle; margin-right: 1rem; margin-top:-.0625rem } .trumbowyg-modal { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 33rem; width: 100%; z-index: 11; -webkit-backface-visibility: hidden; backface-visibility: hidden } .trumbowyg-modal-box { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 30rem; width: calc(100% - 3rem); background-color: #fff; border: 1px solid rgba(0,0,0,.15); z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .trumbowyg-modal-box .trumbowyg-modal-title { font-size: 1rem; font-weight: 500; padding: 1.25rem 1.25rem; padding-bottom: 0; display: block } .trumbowyg-modal-box .trumbowyg-progress { width: 100%; height:.1875rem; position: absolute; top: 2.875rem } .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background-color: #25b372; width: 0; height: 100%; transition: width linear .15s } @media (prefers-reduced-motion:reduce) { .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { transition: none } } .trumbowyg-modal-box form { padding: 1.25rem; text-align: right } .trumbowyg-modal-box form>label { display: block; position: relative; margin-bottom: 1.25rem } .trumbowyg-modal-box form>label .trumbowyg-input-infos { display: block; text-align: left; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .trumbowyg-modal-box form>label .trumbowyg-input-infos { transition: none } } .trumbowyg-modal-box form>label .trumbowyg-input-infos span { display: block; padding-top:.5rem; padding-bottom:.5rem; line-height: 1.5715 } .trumbowyg-modal-box form>label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #ef5350; margin-left: 30%; padding-bottom: 0 } .trumbowyg-modal-box form>label input:focus { outline: 0 } .trumbowyg-modal-box form>label input:not([type=checkbox]):not([type=radio]) { padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; color: #333; background-color: #fff; border: 1px solid #ddd; float: right; width: 70%; border-radius:.25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .trumbowyg-modal-box form>label input:not([type=checkbox]):not([type=radio]) { transition: none } } .trumbowyg-modal-box form>label input:not([type=checkbox]):not([type=radio]):focus { border-color: #2196f3 } .trumbowyg-modal-box form>label input[type=checkbox] { position: absolute; left: 30%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .trumbowyg-modal-box form>label.trumbowyg-input-error input, .trumbowyg-modal-box form>label.trumbowyg-input-error textarea { border-color: #ef5350 } .trumbowyg-modal-box .error { display: block; color: #ef5350 } .trumbowyg-modal-button { color: #333; background-color: #f0f2f5; border: 1px solid #cad1dc; display: inline-block; text-decoration: none; cursor: pointer; margin-left:.625rem; padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; 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) { .trumbowyg-modal-button { transition: none } } .trumbowyg-modal-button:focus, .trumbowyg-modal-button:hover { outline: 0; color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .trumbowyg-modal-button:active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .trumbowyg-modal-button.trumbowyg-modal-submit { color: #fff; background-color: #2196f3; border-color: #2196f3 } .trumbowyg-modal-button.trumbowyg-modal-submit:focus, .trumbowyg-modal-button.trumbowyg-modal-submit:hover { outline: 0; color: #fff; background-color: #0c83e2; border-color: #0c83e2 } .trumbowyg-modal-button.trumbowyg-modal-submit:active { color: #fff; background-color: #0c7cd5; border-color: #0c7cd5 } .trumbowyg-overlay { position: absolute; background-color: rgba(255,255,255,.35); height: 100%; width: 100%; left: 0; display: none; top: 0; z-index: 10 } body.trumbowyg-body-fullscreen { overflow: hidden } .trumbowyg-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 99999 } .trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen.trumbowyg-box { border: 0; border-radius: 0 } .trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea { height: calc(100% - 2.875rem)!important; overflow: auto } .trumbowyg-fullscreen .trumbowyg-overlay { height: 100%!important } .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #333; fill: transparent } .trumbowyg-dropdown-backColor, .trumbowyg-dropdown-foreColor { padding:.5rem; width: 15rem } .trumbowyg-dropdown-backColor svg, .trumbowyg-dropdown-foreColor svg { display: none!important } .trumbowyg-dropdown-backColor button, .trumbowyg-dropdown-foreColor button { display: block; position: relative; float: left; text-indent: -9999px; border: 1px solid #fff; padding: 0; width: 1.25rem; height: 1.25rem; transition: -webkit-transform ease-in-out .15s; transition: transform ease-in-out .15s; transition: transform ease-in-out .15s, -webkit-transform ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .trumbowyg-dropdown-backColor button, .trumbowyg-dropdown-foreColor button { transition: none } } .trumbowyg-dropdown-backColor button:focus, .trumbowyg-dropdown-backColor button:hover, .trumbowyg-dropdown-foreColor button:focus, .trumbowyg-dropdown-foreColor button:hover { -webkit-transform: scale(1.25); transform: scale(1.25); z-index: 10 } .ace_editor { height: 450px; position: relative } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius:.25rem; border: 1px solid rgba(0,0,0,.15); width: auto; max-width: none; padding: 0; margin-top:.125rem; top: 0; left: 0; z-index: 1070; display: none; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .daterangepicker.drop-up { margin-top:-.5rem } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none } .daterangepicker.auto-apply .drp-buttons, .daterangepicker.single .drp-selected { display: none } .daterangepicker.show-calendar .drp-calendar { display: block } .daterangepicker.show-calendar .drp-buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap } .daterangepicker .drp-calendar { display: none } .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { padding:.9375rem } .daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev { cursor: pointer } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border: solid #333; border-width:0 .125rem .125rem 0; border-radius: 0; display: inline-block; padding:.1875rem } .daterangepicker .calendar-table .next span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .daterangepicker .calendar-table .prev span { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse } .daterangepicker th { font-weight: 400 } .daterangepicker th.month { width: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem } .daterangepicker td, .daterangepicker th { white-space: nowrap; text-align: center; vertical-align: middle; padding:.4375rem; min-width: 2.25rem; cursor: default; font-size:.8125rem; border-radius:.25rem; transition: color ease-in-out .15s, background-color ease-in-out .15s } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; color: #333 } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #999 } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { background-color: transparent; color: #ccc } .daterangepicker td.in-range { background-color: #eee; color: #333; border-radius: 0 } .daterangepicker td.start-date { border-radius:.25rem 0 0 .25rem } .daterangepicker td.end-date { border-radius:0 .25rem .25rem 0 } .daterangepicker td.start-date.end-date { border-radius:.25rem } .daterangepicker td.active:not(.off), .daterangepicker td.active:not(.off):hover { color: #fff; background-color: #26a69a } .daterangepicker option.disabled, .daterangepicker td.disabled { color: #ccc; cursor: default } .daterangepicker select { /* display: inline-block;*/ /* font-weight: 400;*/ /*font-size:.8125rem;*/ /* line-height: 1.6924;*/ /* color: #333;*/ /* vertical-align: middle;*/ /*height:calc(1.6924em + .625rem + 2px);*/ /*background:#fff 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='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .875rem center/8px 10px no-repeat;*/ /* border: 1px solid #ddd;*/ /*padding:.3125rem 2.0625rem .3125rem .75rem;*/ /*-webkit-appearance: none;*/ /*-moz-appearance: none;*/ /*appearance: none;*/ /*border-radius:.25rem;*/ /* box-shadow: none;*/ /* transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out*/ } @media (prefers-reduced-motion:reduce) { .daterangepicker select { transition: none } } .daterangepicker select:focus { border-color: #2196f3; outline: 0 } .daterangepicker select.monthselect, .daterangepicker select.yearselect { margin: 0; cursor: default; width: 49% } .daterangepicker select.monthselect { margin-right: 2% } .daterangepicker .calendar-time { text-align: center; margin:.9375rem auto 0 auto; position: relative } .daterangepicker .calendar-time select.disabled { color: #999; background-color: #f5f5f5; cursor: default } .daterangepicker .drp-buttons { clear: both; padding:.9375rem; border-top: 1px solid #ddd; display: none } .daterangepicker .drp-buttons .btn { margin-left:.625rem } .daterangepicker .drp-selected { display: inline-block; font-size:.8125rem; margin-right: auto } .daterangepicker .ranges { float: none; text-align: left; margin: 0; padding:.5rem 0 } .daterangepicker .ranges:empty { display: none } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100% } .daterangepicker .ranges li { color: #333; font-size:.8125rem; padding:.5rem 1rem; cursor: pointer; transition: color ease-in-out .15s, background-color ease-in-out .15s } .daterangepicker .ranges li:hover { color: #333; background-color: #eee } .daterangepicker .ranges li.active { color: #fff; background-color: #2196f3 } @media (max-width:768.98px) { .daterangepicker { margin-left: 1.25rem; margin-right: 1.25rem } .daterangepicker.opensleft, .daterangepicker.opensright { left: 0!important; right: 0!important } .daterangepicker.opensleft .calendar, .daterangepicker.opensleft .calendars, .daterangepicker.opensleft .ranges, .daterangepicker.opensright .calendar, .daterangepicker.opensright .calendars, .daterangepicker.opensright .ranges { float: none } .daterangepicker .calendar { margin-left: 0; margin-right: 0 } .daterangepicker .ranges { width: 100% } .daterangepicker .drp-selected { width: 100%; margin-bottom:.625rem } .daterangepicker.show-calendar.show-ranges .ranges { border-bottom: 1px solid #ddd } .daterangepicker.show-calendar .drp-buttons { -ms-flex-pack: center; justify-content: center; text-align: center } } @media (min-width:576px) { .daterangepicker.show-ranges.rtl .drp-calendar.right, .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd } .daterangepicker.show-ranges.ltr .drp-calendar.left, .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd } .daterangepicker .drp-calendar, .daterangepicker .ranges { float: left } .daterangepicker .ranges { min-width: 12.5rem } } .picker { width: 100%; text-align: left; position: absolute; top: 100%; margin-top: -1px; z-index: 1070; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .picker__input { cursor: default } .picker__holder { width: 100%; overflow-y: auto; position: absolute; display: none; background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-top-width: 0; border-bottom-width: 0; min-width: 18rem; max-width: 20rem; outline: 0; -webkit-overflow-scrolling: touch; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .picker--opened .picker__holder { max-height: 480px; border-top-width: 1px; border-bottom-width: 1px; display: block } .picker__box { padding:.9375rem } .picker__header { text-align: center; position: relative; font-size: 1rem; line-height: 1; padding-top:.9375rem; padding-bottom:.9375rem } .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left:.3125rem; margin-right:.3125rem } .picker__year { color: #999; font-size:.8125rem; font-weight: 400 } .picker__select--month, .picker__select--year { border: 1px solid #ddd; padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; color: #333; background-color: #fff; background-clip: padding-box; margin-left:.3125rem; margin-right:.3125rem; outline: 0; white-space: nowrap; border-radius:.25rem } .picker__nav--next, .picker__nav--prev { position: absolute; padding:.5rem; top: 50%; margin-top: -1rem; line-height: 1; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .picker__nav--next, .picker__nav--prev { transition: none } } .picker__nav--next:before, .picker__nav--prev:before { font-family: icomoon; display: block; font-size: 1rem; width: 1rem; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .picker__nav--next:hover, .picker__nav--prev:hover { cursor: pointer; color: #333; background-color: #eee } .picker__nav--prev { left: 0 } .picker__nav--prev:before { content: "" } [dir=rtl] .picker__nav--prev:before { content: "" } .picker__nav--next { right: 0 } .picker__nav--next:before { content: "" } [dir=rtl] .picker__nav--next:before { content: "" } .picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover { cursor:default; background-color:transparent } .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-bottom:.9375rem } .picker__table td { margin: 0; padding: 0 } .picker__weekday { width: 14.285714286%; text-align: center; padding-bottom:.46875rem; padding-top:.9375rem; color: #999; font-weight: 400 } .picker__day { padding:.4375rem; min-width: 2.25rem; border-radius:.25rem } .picker__day--today { position: relative; background-color: #eee } .picker__day--today:before { content: ""; position: absolute; top:.125rem; right:.125rem; width: 0; height: 0; border-top:.375rem solid #26a69a; border-left:.375rem solid transparent } .picker__day--outfocus { color: #ccc } .picker__day--infocus, .picker__day--outfocus { transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .picker__day--infocus, .picker__day--outfocus { transition: none } } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #333; background-color: #eee } .picker__day--highlighted:before { border-top-color: #fff } .picker--focused .picker__day--highlighted, .picker__day--highlighted, .picker__day--highlighted:hover { cursor: pointer; color: #fff; background-color: #26a69a } .picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover { background-color: #26a69a; color: #fff } .picker__day--disabled, .picker__day--disabled:hover { background-color: transparent; color: #999; cursor: default } .picker__day--disabled:before { border-top-color: #999 } .picker__day--highlighted .picker__day--disabled, .picker__day--highlighted .picker__day--disabled:hover { background-color: transparent } .picker__footer { display: -ms-flexbox; display: flex; -ms-flex-pack: between; justify-content: between } .picker__footer button { color: #333; background-color: #f0f2f5; padding:.4375rem .875rem; border: 1px solid #cad1dc; font-weight: 500; cursor: pointer; -ms-flex: 1; flex: 1; display: inline-block; 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) { .picker__footer button { transition: none } } .picker__footer button+button { margin-left:.625rem } .picker__footer button:focus, .picker__footer button:hover { outline: 0; color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .picker__footer button:active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .picker__footer button:before { height: 0 } .picker__footer button:disabled, .picker__footer button:disabled:focus, .picker__footer button:disabled:hover { background-color: transparent; color: #333; cursor: default } .picker__button--today:before { content: ''; margin-right:.625rem; position: relative; display: inline-block; top:-.0625rem; width: 0; border-top:.375rem solid #2196f3; border-left:.375rem solid transparent } .picker__button--close:before { content: '\D7'; display: inline-block; position: relative; margin-right:.625rem; top:.0625rem; line-height: 1; font-size: 1rem } .picker__button--clear:before { content: ''; display: inline-block; position: relative; top:-.1875rem; width:.5rem; margin-right:.625rem; border-top:.125rem solid #ef5350 } .picker--time { min-width: 16rem; max-width: 20rem } .picker--time .picker__box { padding: 0 } .picker__list { list-style: none; padding:.5rem 0; margin: 0; max-height: 250px; overflow-y: auto } .picker__list-item { position: relative; padding:.5rem 1rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .picker__list-item { transition: none } } .picker__list-item:focus, .picker__list-item:hover { cursor: pointer; color: #333; background-color: #eee } .picker--time .picker__button--clear { display: block; width: 100%; margin: 0; color: #333; background-color: #f0f2f5; padding:.4375rem .875rem; outline: 0; border: 0; border-top: 1px solid #ddd; text-align: center; cursor: pointer; 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) { .picker--time .picker__button--clear { transition: none } } .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover { background-color: #e1e5eb; color: #333 } .picker--time .picker__button--clear:active { background-color: #d1d7e1; color: #333 } .picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted, .picker__list-item--highlighted:hover { cursor: pointer; color: #333; background-color: #eee } .picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover { color: #fff; background-color: #2196f3 } .picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover { color: #999; background-color: transparent; cursor: default; z-index: auto } .sp-alpha-inner, .sp-clear-enabled .sp-clear, .sp-color, .sp-hue, .sp-preview-inner, .sp-sat, .sp-thumb-inner, .sp-top-inner, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-initial-disabled .sp-initial, .sp-palette-disabled .sp-palette-container, .sp-palette-only .sp-picker-container { display: none } .sp-hidden { display: none!important } .sp-cf::after { display: block; clear: both; content: "" } .sp-alpha, .sp-preview, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .sp-alpha-inner, .sp-preview-inner, .sp-thumb-inner { display: block } .sp-container { position: absolute; top: 0; left: 0; display: inline-block; z-index: 1000; background-color: #fff; border: 1px solid rgba(0,0,0,.15); overflow: hidden; box-sizing: content-box; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .sp-container.sp-flat { position: relative; overflow-x: auto; max-width: 100%; white-space: nowrap; box-shadow: 0 1px 2px rgba(0,0,0,.05) } .sp-palette-container, .sp-picker-container { display: block; white-space: nowrap; vertical-align: top; position: relative; padding:.625rem } @media (min-width:576px) { .sp-palette-container, .sp-picker-container { display: inline-block } } .sp-picker-container { width: 13.75rem } .sp-alpha, .sp-alpha-handle, .sp-clear, .sp-container, .sp-container button, .sp-container.sp-dragging .sp-input, .sp-dragger, .sp-preview, .sp-replacer, .sp-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sp-top { position: relative; width: 100%; display: block } .sp-color { right: 20% } .sp-hue { left: 85%; height: 100% } .sp-clear-enabled .sp-hue { top: 2.5rem; height: 75% } .sp-fill { padding-top: 80% } .sp-alpha-enabled .sp-top { margin-bottom: 1.625rem } .sp-alpha-enabled .sp-alpha { display: block } .sp-alpha-handle { position: absolute; top:-.25rem; bottom:-.25rem; width:.3125rem; left: 50%; cursor: pointer; border: 1px solid #ccc; background-color: #fff; border-radius:.3125rem } .sp-alpha { display: none; position: absolute; bottom: -1rem; right: 0; left: 0; height:.375rem } .sp-clear { display: none } .sp-clear-display { cursor: pointer } .sp-clear-display:after { content: ""; display: block; font-family: icomoon; font-size: 1rem; line-height: 1.875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sp-initial .sp-clear-display:after, .sp-preview .sp-clear-display:after { content: none } .sp-clear-enabled .sp-clear { display: block; left: 85%; height: 1.875rem; text-align: center; color: #333; box-shadow: 0 0 0 1px #ddd inset } .sp-input-container { margin-top:.625rem } .sp-initial-disabled .sp-input-container { width: 100% } .sp-input { border: 1px solid #ddd; padding:.4375rem .875rem; width: 100%; background-color: #fff; outline: 0; color: #333; border-radius:.25rem } .sp-initial { margin-top:.625rem } .sp-initial span { width: 50%; height: 1.563rem; display: block; float: left } .sp-initial span .sp-thumb-inner { height: 1.563rem; width: 100%; display: block } .sp-dragger { border: 1px solid #fff; background-color: #333; cursor: pointer; position: absolute; top: 0; left: 0; border-radius: 50%; width:.375rem; height:.375rem } .sp-slider { position: absolute; top: 0; cursor: pointer; height:.25rem; left:-.125rem; right:-.125rem; border: 1px solid #ccc; background-color: #fff; border-radius:.25rem } .sp-replacer { overflow: hidden; cursor: pointer; padding:.3125rem; display: inline-block; border: 1px solid #cad1dc; background-color: #f0f2f5; color: #333; vertical-align: middle; 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) { .sp-replacer { transition: none } } .sp-replacer:not([class*=bg-]):hover { background-color: #e1e5eb; color: #333; border-color: #bac4d1 } .sp-replacer:not([class*=bg-]).sp-active, .sp-replacer:not([class*=bg-]):active { background-color: #d1d7e1; color: #333; border-color: #abb6c7 } .sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:focus, .sp-replacer[class*=bg-]:hover { border-color: transparent } .sp-replacer.sp-disabled { cursor: default; opacity: .8 } .sp-replacer.sp-disabled:focus, .sp-replacer.sp-disabled:hover { background-color: #f0f2f5; color: #333 } .sp-preview { position: relative; width: 1.625rem; height: 1.5rem; margin-right:.3125rem; float: left; z-index: 0 } .sp-preview, .sp-preview .sp-preview-inner { border-radius:.25rem } .sp-preview .sp-clear-display, .sp-preview .sp-preview-inner { box-shadow: 0 0 0 1px rgba(0,0,0,.05) } .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { box-shadow: 0 0 0 1px rgba(0,0,0,.5) } .sp-dd { float: left; font-size: 0; position: relative; margin:.25rem } .sp-dd:after { content: ""; display: block; font-family: icomoon; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204,154,129,0)); box-shadow: 0 0 0 1px #ccc inset } .sp-val { background-image: linear-gradient(to top, #000, rgba(204,154,129,0)) } .sp-hue { background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%) } .sp-1 { height: 17% } .sp-2 { height: 16% } .sp-3 { height: 17% } .sp-4 { height: 17% } .sp-5 { height: 16% } .sp-6 { height: 17% } .sp-palette { max-width: 13.75rem } .sp-thumb-el { position: relative } .sp-palette .sp-thumb-el { display: inline-block; position: relative; cursor: pointer } .sp-thumb-el .sp-thumb-inner { box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset } .sp-thumb-el .sp-thumb-inner:hover { box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset } .sp-palette .sp-thumb-el { width: 1rem; height: 1rem } .sp-palette .sp-thumb-el+.sp-thumb-el { margin-left:.3125rem } .sp-palette .sp-thumb-el.sp-thumb-active { box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset } .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset } .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { content: ""; display: block; font-family: icomoon; font-size: 1rem; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { color: #333 } .sp-palette-row { font-size: 0 } .sp-palette-row+.sp-palette-row { margin-top:.3125rem } .sp-palette-row:empty { margin-top: 0 } .sp-cancel, .sp-choose, .sp-palette-toggle { border: 0; padding:.4375rem .875rem; float: left; width: 48%; text-align: center; cursor: pointer; 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) { .sp-cancel, .sp-choose, .sp-palette-toggle { transition: none } } .sp-cancel:focus, .sp-choose:focus, .sp-palette-toggle:focus { outline: 0 } .sp-button-container, .sp-palette-button-container { margin-top:.625rem; text-align: center } .sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-button-container button, .sp-container[class*=bg-] .sp-palette-button-container a, .sp-container[class*=bg-] .sp-palette-button-container button { background-color: rgba(0,0,0,.25); color: #fff; border-color: transparent } .sp-cancel, .sp-palette-toggle { color: #333; background-color: #f0f2f5; border: 1px solid #cad1dc; margin-right:.3125rem; margin-right: 4% } .sp-cancel:focus, .sp-cancel:hover, .sp-palette-toggle:focus, .sp-palette-toggle:hover { color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .sp-cancel:active, .sp-palette-toggle:active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .sp-palette-toggle { margin-right: 0; width: auto; float: none } .sp-choose { color: #fff; background-color: #45748a; border: 1px solid transparent } .sp-choose:focus, .sp-choose:hover { background-color: #385f71 } .sp-choose:active { background-color: #345768 } .plupload_wrapper { background-color: #fff; border: 2px dashed #ddd; border-radius:.25rem } .plupload_delete a:after, .plupload_done a:after, .plupload_failed a:after, .plupload_file_action:after, .plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:before, .plupload_header:after { font-family: icomoon; display: block; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .plupload_header { display: none; position: relative; background-color: #1c2e37; color: #fff; margin: -4px -2px; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .plupload_header:after { content: ""; font-size: 2rem; position: absolute; top: 50%; left: 1.25rem; margin-top: -1rem } .plupload_header_content { padding: 1.25rem 1.25rem; padding-left: 4.5rem } .plupload_header_title { font-size: 1rem; font-weight: 500 } .plupload_header_text { font-size:.8125rem; line-height: 1.6924 } .plupload_clear, .plupload_clearer { clear: both } .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0 } .plupload_button { display: inline-block; border: 1px solid transparent; font-weight: 400; padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; 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) { .plupload_button { transition: none } } .plupload_button:not(:last-child) { margin-right:.625rem } .plupload_add { color: #333; background-color: #f0f2f5; border-color: #cad1dc } .plupload_add:focus, .plupload_add:hover { color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .plupload_add:active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .plupload_start { background-color: #2196f3; border-color: #2196f3 } .plupload_start, .plupload_start:focus, .plupload_start:hover { color: #fff } .plupload_start:not(.plupload_disabled):focus, .plupload_start:not(.plupload_disabled):hover { background-color: #0c83e2; border-color: #0c83e2 } .plupload_start:not(.plupload_disabled):active { background-color: #0c7cd5; border-color: #0c7cd5 } a.plupload_disabled { cursor: default; opacity: .65 } .plupload_filelist { position: relative; margin: 0; padding: 0; list-style: none } .plupload_scroll .plupload_filelist { height: 250px; overflow-y: auto } .plupload_filelist li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:.5rem 1.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .plupload_filelist li { transition: none } } .plupload_filelist li:hover { background-color: #eee } .plupload_filelist li .plupload_file_name { margin-right: auto } .plupload_filelist li .plupload_file_action { -ms-flex-order: 12; order: 12 } .plupload_filelist li .plupload_file_status { -ms-flex-order: 11; order: 11 } .plupload_filelist li .plupload_file_size { -ms-flex-order: 10; order: 10 } .plupload_filelist li.plupload_droptext, .plupload_filelist:empty { background-color: transparent; font-size: 0 } .plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:before { content: ""; font-size: 5rem; position: absolute; top: 50%; left: 50%; margin-top: -1.25rem; z-index: 2; color: #ccc; text-indent: 0; font-weight: 400; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .plupload_filelist li.plupload_droptext:after, .plupload_filelist:empty:after { content: 'Drag files to upload'; font-size: 1.125rem; position: absolute; top: 50%; left: 50%; margin-top: 3.75rem; color: #777; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .plupload_filelist:empty:after { content: 'Add files to upload' } @media (max-width:768.98px) { .plupload_filelist { padding:.625rem 0 } .plupload_filelist li .plupload_file_size { display: none } } .plupload_filelist_header { padding: 1.25rem 1.25rem } .plupload_filelist_header .plupload_file_action, .plupload_filelist_header .plupload_file_name, .plupload_filelist_header .plupload_file_size, .plupload_filelist_header .plupload_file_status { font-weight: 500 } @media (max-width:768.98px) { .plupload_filelist_header { display: none } } .plupload_filelist_footer { padding: 1.25rem 1.25rem } .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_upload_status { padding:.4375rem 0; font-weight: 500 } @media (max-width:768.98px) { .plupload_filelist_footer { text-align: center } .plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status { display: none } .plupload_filelist_footer .plupload_progress { margin: auto } } @media (min-width:576px) { .plupload_filelist_footer, .plupload_filelist_header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .plupload_filelist_footer .plupload_file_name, .plupload_filelist_header .plupload_file_name { margin-right: auto } .plupload_filelist_footer .plupload_file_action, .plupload_filelist_header .plupload_file_action { -ms-flex-order: 12; order: 12 } .plupload_filelist_footer .plupload_file_status, .plupload_filelist_header .plupload_file_status { -ms-flex-order: 11; order: 11 } .plupload_filelist_footer .plupload_file_size, .plupload_filelist_header .plupload_file_size { -ms-flex-order: 10; order: 10 } } .plupload_file_action { margin-left: 1.875rem; line-height: 1; font-size: 0; text-align: right } .plupload_file_action * { display: none } .plupload_file_action:after { content: "" } .plupload_filelist .plupload_file_action:after { content: none } .plupload_delete .plupload_file_action>a { color: #333; line-height: 1; opacity: .5; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .plupload_delete .plupload_file_action>a { transition: none } } .plupload_delete .plupload_file_action>a:hover { opacity: 1 } .plupload_uploading { background-color: #e9f7f1 } .plupload_delete a:after { content: "" } .plupload_failed a { color: #ef5350; cursor: default } .plupload_failed a:after { content: "" } .plupload_done { color: #999 } .plupload_done a { color: #25b372; cursor: default } .plupload_done a:after { content: "" } .plupload_progress, .plupload_upload_status { display: none } .plupload_progress_container { background-color: rgba(0,0,0,.1); border-radius:.25rem } .plupload_progress_bar { width: 0; height:.25rem; background: #25b372; border-radius:.25rem } .plupload_file_size, .plupload_file_status, .plupload_progress { width: 5rem; text-align: right } .btn-file { position: relative; overflow: hidden } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block; visibility: visible } .file-input:not(.file-input-ajax-new):not(.file-input-new) .input-group-append .btn-file { border-top-left-radius: 0; border-bottom-left-radius: 0 } .file-caption { top: 0 } .file-caption-name { display: block; overflow: hidden; word-break: break-all; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #333; width: 100%; margin: 0; padding: 0; box-shadow: none; border: 0; background: 0 0; outline: 0; pointer-events: none } .file-input-ajax-new .file-caption-name, .file-input-new .file-caption-name { color: #999 } .file-error-message { position: relative; background-color: #fdeeee; color: #602120; text-align: center; padding: 1rem 1.25rem; margin:.5rem; margin-top: 0; border-radius:.25rem } .file-drop-zone .file-error-message { margin-top:.4375rem } .file-error-message pre { background-color: #fff; margin-top:.4375rem; text-align: left } .file-error-message ul { list-style: none; padding: 0; margin: 0 } .file-caption-disabled { background-color: #fafafa; cursor: default } .file-preview-detail-modal { text-align: left } .file-preview { border: 2px dashed #ddd; width: 100%; margin-bottom: 1.25rem; position: relative; text-align: center; border-radius:.25rem } .file-preview .close { font-size: 1.37506rem; font-weight: 400; position: absolute; top: 0; right: 0; padding: 1rem 1.25rem; line-height: 1; color: #333; text-shadow: none; opacity: .75; z-index: 2; border-radius:.25rem } .file-preview .close:focus, .file-preview .close:hover { color: #333; text-decoration: none; opacity: 1 } .file-preview .kv-zoom-cache { display: none } .file-preview-thumbnails { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } @media (max-width:768.98px) { .file-preview-thumbnails { -ms-flex-pack: center; justify-content: center } } .file-preview-frame { margin:.5rem; margin-right: 0; border: 1px solid #ddd; background-color: #fff; border-radius:.25rem } .file-preview-frame .kv-file-content { position: relative; height: 10rem } .file-preview-image { border-top-left-radius:.1875rem; border-top-right-radius:.1875rem } .file-thumbnail-footer { position: relative; background-color: #fafafa; border-top: 1px solid #ddd } .file-preview-text { color: #2196f3; border: 0; overflow-x: hidden } .file-preview-other { width: 10rem } .file-preview-other:after { content: ""; font-family: icomoon; line-height: 1; position: absolute; top: 50%; left: 50%; font-size: 4rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .file-preview-status { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fafafa; border-top: 1px solid #ddd; font-size:.8125rem; line-height: 1.6924; padding:.4375rem .875rem; z-index: 1070; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem } .file-preview-status:empty { padding: 0; background-color: transparent; border: 0 } .file-thumb-loading { min-height: 6.75rem } .file-thumb-loading:before, .file-uploading:before { content: ''; display: inline-block; background-color: #0e171c; position: absolute; top: 50%; left: 50%; z-index: 1069; margin-top: -2.125rem; margin-left: -1rem; width: 2rem; height: 2rem; border-radius:.25rem } .file-thumb-loading:after, .file-uploading:after { content: ""; font-family: icomoon; display: inline-block; position: absolute; color: #fff; top: 50%; left: 50%; margin-top: -1.625rem; margin-left:-.5rem; font-size: 1rem; line-height: 1; z-index: 1070; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .file-upload-indicator { cursor: default; float: left; padding:.625rem; line-height: 1 } .file-upload-indicator i { top: 0 } .file-input-new .close, .file-input-new .file-preview, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .glyphicon-file { display: none } .file-input-ajax-new .close, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button { display: none } .file-caption-icon, .file-zoom-dialog .modal-header:after, .file-zoom-dialog .modal-header:before, .hide-content .kv-file-content, .kv-hidden { display: none } .file-footer-buttons { float: right } .file-footer-buttons button { padding:.625rem; background-color: transparent; color: #333; border: 0; line-height: 1; cursor: pointer; opacity: .8; outline: 0; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .file-footer-buttons button { transition: none } } .file-footer-buttons button:hover { opacity: 1 } .file-footer-buttons button i { top: 0 } .file-footer-caption { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding:.75rem; background-color: #fff; border-bottom: 1px solid #ddd; margin-left: auto; margin-right: auto } .file-size-info samp { font-size:.75rem } .file-drop-zone { height: 100%; vertical-align: middle; padding:.5rem; border-radius:.25rem } .file-drop-zone-title { font-size: 1.25rem; font-weight: 300; padding: 5rem; opacity: .5 } .clickable .file-drop-zone-title { cursor: pointer } .clickable .file-drop-zone-title:focus, .clickable .file-drop-zone-title:hover { opacity: 1; background-color: #f2f2f2 } .kv-upload-progress { margin-bottom: 1.25rem } .file-thumb-progress { position: absolute; top:-.375rem; left: 0; right: 0 } .file-thumb-progress .progress, .file-thumb-progress .progress-bar { height:.375rem; border-radius: 0; font-size: 0 } .btn-file ::-ms-browse { width:100%; height:100% } .file-zoom-fullscreen .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; max-width: 100% } .file-zoom-fullscreen .modal-content { border-radius: 0 } .file-zoom-fullscreen .modal-body { overflow-y: auto } .file-zoom-dialog .btn-navigate { position: absolute; top: 50%; padding: 0; border: 0; background-color: transparent; outline: 0; color: #fff; opacity: .7; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .file-zoom-dialog .btn-navigate { transition: none } } .file-zoom-dialog .btn-navigate>i { display: block; font-size: 2rem } .file-zoom-dialog .btn-navigate:not([disabled]):focus, .file-zoom-dialog .btn-navigate:not([disabled]):hover { outline: 0; box-shadow: none!important; opacity: 1 } .file-zoom-dialog .btn-navigate[disabled] { opacity: .3 } .file-zoom-dialog .btn-prev { left: -3.25rem } .file-zoom-dialog .btn-next { right: -3.25rem } .file-zoom-dialog .floating-buttons { position: absolute; top: 1.25rem 1.25rem; right: 1.25rem 1.25rem; background-color: #fff } .file-zoom-dialog .kv-zoom-title { color: #999; margin-left:.625rem } .file-zoom-content { text-align: center } .file-drag-handle { cursor: move; float: left; line-height: 1; opacity: .6; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .file-drag-handle { transition: none } } .file-drag-handle:hover { opacity: 1 } .file-drag-handle i { top: 0 } .dropzone { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; border: 2px dashed rgba(0,0,0,.125); min-height: 18rem; background-color: #fff; padding:.3125rem; border-radius:.25rem } .card .dropzone { background-color: #fff; border-color: #ddd } .dropzone.dz-clickable * { cursor: default } .dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer } .dropzone .dz-message { opacity: 1 } .dropzone .dz-message .dz-button { background: 0 0; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit } .dropzone.dz-started .dz-message { display: none } .dropzone.dz-drag-hover { border-color: #999; background-color: #f5f5f5; color: #ddd } .dropzone .dz-default.dz-message { width: 100%; -ms-flex-item-align: center; align-self: center; text-align: center; opacity: 1; border-radius:.25rem; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dropzone .dz-default.dz-message { transition: none } } .dropzone .dz-default.dz-message:before { content: ""; font-family: icomoon; font-size: 4rem; display: block; margin-bottom: 1.25rem; line-height: 1; color: #ccc; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dropzone .dz-default.dz-message>span { font-size: 1.125rem; color: #777; display: block; margin-top: 10.25rem } .dropzone .dz-default.dz-message>span span { display: block; color: #9d9d9d; font-size: 1rem } .dropzone.dz-drag-hover .dz-message { opacity: .75 } .dropzone .dz-preview { background-color: #fff; position: relative; -ms-flex-item-align: start; align-self: flex-start; display: inline-block; margin:.5rem; border: 1px solid rgba(0,0,0,.125); padding:.5rem; border-radius:.25rem; box-shadow: 0 1px 2px rgba(0,0,0,.05) } .dropzone .dz-preview .dz-details { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; opacity: 0; background-color: rgba(255,255,255,.85); width: 100%; height: 100%; padding:.5rem; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dropzone .dz-preview .dz-details { transition: none } } .dropzone .dz-preview:hover .dz-details { opacity: 1 } .dropzone .dz-preview.dz-error:hover .dz-details { display: none } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { display: none; position: absolute; z-index: 9; top: 0; right: 0; padding:.5rem; background-color: #fff; border-left: 1px solid rgba(0,0,0,.125); border-bottom: 1px solid rgba(0,0,0,.125); border-radius:0 .25rem 0 .25rem } .dropzone .dz-preview .dz-error-mark:after, .dropzone .dz-preview .dz-success-mark:after { font-family: icomoon; display: block; font-size:.875rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dropzone .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-success-mark svg { display: none } .dropzone .dz-preview .dz-error-mark { color: #ef5350 } .dropzone .dz-preview .dz-error-mark:after { content: "" } .dropzone .dz-preview .dz-success-mark { color: #25b372 } .dropzone .dz-preview .dz-success-mark:after { content: "" } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark { display: block; opacity: 1 } .dropzone .dz-preview .dz-progress { position: absolute; bottom:.5rem; left:.5rem; right:.5rem; height:.25rem; display: none } .dropzone .dz-preview .dz-progress .dz-upload { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #25b372; transition: width ease-in-out .15s; border-radius:.25rem } @media (prefers-reduced-motion:reduce) { .dropzone .dz-preview .dz-progress .dz-upload { transition: none } } .dropzone .dz-preview.dz-processing .dz-progress { display: block } .dropzone .dz-preview.dz-success .dz-progress { display: block; opacity: 0; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dropzone .dz-preview.dz-success .dz-progress { transition: none } } .dropzone .dz-preview .dz-error-message { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.85); padding:.5rem; color: #ef5350; width: 100%; height: 100%; opacity: 0; border-radius:.25rem; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dropzone .dz-preview .dz-error-message { transition: none } } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1 } .dropzone .dz-preview.dz-error .dz-progress .dz-upload { background: #ef5350 } .dropzone .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: .1 } .dropzone .dz-preview .dz-image { width: 10rem; height: 10rem; overflow: hidden } .dropzone .dz-preview .dz-image img { width: 100% } .dropzone .dz-preview a.dz-remove { position: relative; color: #333; background-color: #f0f2f5; border: 1px solid #cad1dc; display: block; text-align: center; margin-top:.625rem; cursor: pointer; z-index: 21; padding:.3125rem .75rem; font-size:.875rem; line-height: 1.6924; 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) { .dropzone .dz-preview a.dz-remove { transition: none } } .dropzone .dz-preview a.dz-remove:focus, .dropzone .dz-preview a.dz-remove:hover { color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .dropzone .dz-preview a.dz-remove:active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .noty_bar { position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); -webkit-font-smoothing: subpixel-antialiased; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .noty_body { padding: 1rem 1.25rem } .noty_close_with_button .noty_body { padding-right: 2.5rem } .noty_buttons { padding: 1rem 1.25rem; padding-top: 0; text-align: right } #noty_layout__bottom, #noty_layout__bottomCenter, #noty_layout__bottomLeft, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight, #noty_layout__top, #noty_layout__topCenter, #noty_layout__topLeft, #noty_layout__topRight, .noty_layout_mixin { position: fixed; margin: 0; padding: 0; z-index: 1050; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); -webkit-filter: blur(0); filter: blur(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; max-width: 90% } #noty_layout__top { top: 0; left: 5%; width: 90% } #noty_layout__top .noty_bar:first-child { margin-top: 1.25rem } #noty_layout__topLeft { top: 1.25rem; left: 1.25rem; width: 20rem } #noty_layout__topCenter { top: 5%; left: 50%; width: 20rem; -webkit-transform: translate(-50%) translateZ(0) scale(1, 1); transform: translate(-50%) translateZ(0) scale(1, 1) } #noty_layout__topRight { top: 1.25rem; right: 1.25rem; width: 20rem } #noty_layout__center { top: 50%; left: 50%; width: 20rem; -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); transform: translate(-50%, -50%) translateZ(0) scale(1, 1) } #noty_layout__centerLeft { top: 50%; left: 1.25rem; width: 20rem; -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1); transform: translate(0, -50%) translateZ(0) scale(1, 1) } #noty_layout__centerRight { top: 50%; right: 1.25rem; width: 20rem; -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1); transform: translate(0, -50%) translateZ(0) scale(1, 1) } #noty_layout__bottom { bottom: 0; left: 5%; width: 90% } #noty_layout__bottom .noty_bar:last-child { margin-bottom: 1.25rem } #noty_layout__bottomLeft { bottom: 1.25rem; left: 1.25rem; width: 20rem } #noty_layout__bottomCenter { bottom: 5%; left: 50%; width: 20rem; -webkit-transform: translate(calc(-50% - 1px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - 1px)) translateZ(0) scale(1, 1) } #noty_layout__bottomRight { bottom: 1.25rem; right: 1.25rem; width: 20rem } .noty_progressbar { display: none } .noty_has_timeout.noty_has_progressbar .noty_progressbar { display: block; position: absolute; left: 0; bottom: 0; height:.1875rem; width: 100%; background-color: rgba(0,0,0,.25) } .noty_effects_open { opacity: 0; -webkit-transform: translate(50%); transform: translate(50%); -webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55); animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .noty_effects_close { -webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55); animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .noty_fix_effects_height { -webkit-animation: noty_anim_height 75ms ease-out; animation: noty_anim_height 75ms ease-out } .noty_close_with_click { cursor: pointer } .noty_close_button { position: absolute; top: 1rem; right: 1.25rem; background-color: transparent; font-size: 1.37506rem; font-weight: 400; color: inherit; text-align: center; line-height: 1; cursor: pointer; opacity: .75; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .noty_close_button { transition: none } } .noty_close_button:hover { opacity: 1 } .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 1040; opacity: .35; left: 0; top: 0 } .noty_modal.noty_modal_open { opacity: 0; -webkit-animation: noty_modal_in .3s ease-out; animation: noty_modal_in .3s ease-out } .noty_modal.noty_modal_close { -webkit-animation: noty_modal_out .3s ease-out; animation: noty_modal_out .3s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes noty_modal_in { 100% { opacity:.35 } } @keyframes noty_modal_in { 100% { opacity:.35 } } @-webkit-keyframes noty_modal_out { 100% { opacity:0 } } @keyframes noty_modal_out { 100% { opacity:0 } } @-webkit-keyframes noty_anim_in { 100% { -webkit-transform:translate(0); transform:translate(0); opacity:1 } } @keyframes noty_anim_in { 100% { -webkit-transform:translate(0); transform:translate(0); opacity:1 } } @-webkit-keyframes noty_anim_out { 100% { -webkit-transform:translate(50%); transform:translate(50%); opacity:0 } } @keyframes noty_anim_out { 100% { -webkit-transform:translate(50%); transform:translate(50%); opacity:0 } } @-webkit-keyframes noty_anim_height { 100% { height:0 } } @keyframes noty_anim_height { 100% { height:0 } } .noty_theme__limitless.noty_bar { margin:.25rem 0; position: relative; border: 1px solid transparent; border-radius:.25rem } .noty_theme__limitless.noty_type__alert { background-color: #252b36; color: #fff; border-color: #252b36 } .noty_theme__limitless.noty_type__warning { background-color: #f58646; color: #fff; border-color: #f58646 } .noty_theme__limitless.noty_type__error { background-color: #ef5350; color: #fff; border-color: #ef5350 } .noty_theme__limitless.noty_type__info { background-color: #2196f3; color: #fff; border-color: #2196f3 } .noty_theme__limitless.noty_type__success { background-color: #25b372; color: #fff; border-color: #25b372 } .noty_theme__limitless.noty_type__confirm { background-color: #fff; border-color: rgba(0,0,0,.2); box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .noty_theme__limitless.noty_type__confirm .noty_body { padding: 1.25rem } .noty_theme__limitless.noty_type__confirm .noty_close_button { top: 1.25rem } .ui-pnotify { top: 1.25rem; right: 1.25rem; position: absolute; height: auto; z-index: 2; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } body>.ui-pnotify { position: fixed; z-index: 1070 } .ui-pnotify.alert-rounded>.ui-pnotify-container { border-radius: 50rem } .ui-pnotify[class*=bg-]>.ui-pnotify-container { background-color: inherit; border-color: transparent; color: #fff } .ui-pnotify.alert-styled-custom>.ui-pnotify-container, .ui-pnotify[class$="-100"]>.ui-pnotify-container, .ui-pnotify[class*=text-]>.ui-pnotify-container { background-color: inherit; border-color: inherit; color: inherit } .ui-pnotify.stack-bottom-left, .ui-pnotify.stack-top-left { left: 1.25rem; right: auto } .ui-pnotify.stack-bottom-left, .ui-pnotify.stack-bottom-right { bottom: 1.25rem; top: auto } .ui-pnotify.stack-modal { left: 50%; right: auto; margin-left: -10rem } .ui-pnotify.stack-custom-right { top: auto; left: auto; bottom: 25%; right: 25% } .ui-pnotify.stack-custom-left { top: 25%; left: 25%; right: auto; bottom: auto } .ui-pnotify.stack-custom-top { right: 0; left: 0; top: 0 } .ui-pnotify.stack-custom-bottom { right: 0; left: 0; bottom: 0; top: auto } .ui-pnotify.ui-pnotify-in { display: block!important } .ui-pnotify.ui-pnotify-move { transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease } .ui-pnotify.ui-pnotify-fade-slow { opacity: 0; transition: opacity linear .6s } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease } .ui-pnotify.ui-pnotify-fade-normal { opacity: 0; transition: opacity linear .4s } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease } .ui-pnotify.ui-pnotify-fade-fast { transition: opacity .2s linear; opacity: 0 } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease } .ui-pnotify.ui-pnotify-fade-in { opacity: 1 } .ui-pnotify-container { padding: 1rem 1.25rem; height: 100%; position: relative; left: 0; margin: 0; border-radius:.25rem } .ui-pnotify-container::after { display: block; clear: both; content: "" } .ui-pnotify-container.ui-pnotify-sharp { border-radius: 0 } .ui-pnotify-title { display: block; margin-top: 0; margin-bottom:.3125rem; font-size: 1rem } .ui-pnotify-text { display: block } .ui-pnotify-icon { display: block; float: left; line-height: 1 } .ui-pnotify-icon>[class^=icon-] { margin-top:.375rem; margin-right:.625rem } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left:.625rem; margin-top:.375rem; line-height: 1; outline: 0 } .ui-pnotify-modal-overlay { background-color: rgba(0,0,0,.35); top: 0; left: 0; position: absolute; z-index: 1; width: 100%; height: 100% } body>.ui-pnotify-modal-overlay { position: fixed; z-index: 1040 } .brighttheme { border: 1px solid } .ui-pnotify[class*=bg-]>.brighttheme { background-color: inherit; border-color: inherit; color: inherit } .brighttheme-notice { background-color: #fef3ed; border-color: #f58646; color: #301110 } .brighttheme-info { background-color: #e9f5fe; border-color: #2196f3; color: #071e31 } .brighttheme-success { background-color: #e9f7f1; border-color: #25b372; color: #072417 } .brighttheme-error { background-color: #fdeeee; border-color: #ef5350; color: #301110 } .brighttheme-icon-closer, .brighttheme-icon-sticker { position: relative; display: inline-block; outline: 0; width:.8125rem; height:.8125rem } .brighttheme-icon-closer:after, .brighttheme-icon-sticker:after { content: ''; font-family: icomoon; font-size:.8125rem; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .brighttheme-icon-closer:after { content: "" } .brighttheme-icon-sticker:after { content: "" } .brighttheme-icon-sticker.brighttheme-icon-stuck:after { content: "" } .ui-pnotify[class*=alert-styled-] { border-width: 0; padding: 0 } .ui-pnotify.alert-styled-left .brighttheme { border-left-width: 3rem } .ui-pnotify.alert-styled-left:after { left: 0 } .ui-pnotify.alert-styled-right .brighttheme { border-right-width: 3rem } .ui-pnotify.alert-styled-right:after { right: 0 } .brighttheme .ui-pnotify-action-bar input, .brighttheme .ui-pnotify-action-bar textarea { display: block; width: 100%; border: 1px solid #ddd; background-color: #fff; margin-bottom: 1.25rem!important; color: #333; padding:.4375rem .875rem; outline: 0; border-radius:.25rem } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea { border-color: transparent; color: #fff } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder { color:#fff; opacity:1 } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder { color:#fff; opacity:1 } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder { color:#fff; opacity:1 } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-ms-input-placeholder { color:#fff; opacity:1 } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::placeholder { color:#fff; opacity:1 } .ui-pnotify-history-container { position: absolute; top: 0; right: 1.25rem; border-top: none; padding: 0; z-index: 1070; border-top-left-radius: 0; border-top-right-radius: 0 } .ui-pnotify-history-container.ui-pnotify-history-fixed { position: fixed } .ui-pnotify-history-container .ui-pnotify-history-header { text-align: center; margin-bottom:.3125rem } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100% } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto } .jGrowl { z-index: 1070; position: absolute } body>.jGrowl { position: fixed } .jGrowl.top-left { left: 1.25rem; top: 1.25rem } .jGrowl.top-center { left: 50%; top: 1.25rem; margin-left: -10rem } .jGrowl.top-right { right: 1.25rem; top: 1.25rem } .jGrowl.center { top: 40%; width: 20rem; left: 50%; margin-left: -10rem; margin-top: -1.9375rem } .jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification { margin-left: auto; margin-right: auto } .jGrowl.bottom-left { left: 1.25rem; bottom: 1.25rem } .jGrowl.bottom-center { left: 50%; bottom: 1.25rem; margin-left: -10rem } .jGrowl.bottom-right { right: 1.25rem; bottom: 1.25rem } @media print { .jGrowl { display: none } } .jGrowl-notification { margin-bottom:.625rem; width: 20rem; text-align: left; display: none; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .jGrowl-notification .jGrowl-header { font-size: 1rem; margin-bottom:.3125rem } .jGrowl-notification .jGrowl-header:empty { margin: 0 } .jGrowl-notification .jGrowl-close { font-weight: 400; background: 0 0; border: 0; font-size: 1.37506rem; cursor: pointer; line-height: 1; padding: 0; float: right; color: inherit; outline: 0; margin-left:.625rem; opacity: .75; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .jGrowl-notification .jGrowl-close { transition: none } } .jGrowl-notification .jGrowl-close:hover { opacity: 1 } .jGrowl-closer { padding:.3125rem 0; cursor: pointer; margin-top:.3125rem; text-align: center; background-color: #fff; width: 20rem; border: 1px solid #ddd; border-radius:.25rem } .swal2-shown.swal2-no-backdrop .swal2-container { background-color: transparent; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .swal2-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 1070; transition: background-color ease-in-out .15s; overflow-x: hidden; -webkit-overflow-scrolling: touch } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background-color: rgba(0,0,0,.35) } .swal2-container.swal2-backdrop-hide { background-color: transparent!important } .swal2-container.swal2-top { -ms-flex-align: start; align-items: flex-start } .swal2-container.swal2-top .swal2-modal { margin-top: 1.25rem } .swal2-container.swal2-top-left { -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start } .swal2-container.swal2-top-left .swal2-modal { margin-top: 1.25rem; margin-left: 1.25rem } .swal2-container.swal2-top-right { -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: end; justify-content: flex-end } .swal2-container.swal2-top-right .swal2-modal { margin-top: 1.25rem; margin-right: 1.25rem } .swal2-container.swal2-center { -ms-flex-align: center; align-items: center; margin: auto } .swal2-container.swal2-center-left { -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start } .swal2-container.swal2-center-left .swal2-modal { margin-left: 1.25rem } .swal2-container.swal2-center-right { -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end } .swal2-container.swal2-center-right .swal2-modal { margin-right: 1.25rem } .swal2-container.swal2-bottom { -ms-flex-align: end; align-items: flex-end } .swal2-container.swal2-bottom .swal2-modal { margin-bottom: 1.25rem } .swal2-container.swal2-bottom-left { -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: flex-start } .swal2-container.swal2-bottom-left .swal2-modal { margin-bottom: 1.25rem; margin-left: 1.25rem } .swal2-container.swal2-bottom-right { -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end } .swal2-container.swal2-bottom-right .swal2-modal { margin-bottom: 1.25rem; margin-right: 1.25rem } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal { margin: auto } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .swal2-container .swal2-modal { margin: 0!important } } .swal2-no-transition { transition: none!important } .swal2-grow-fullscreen .swal2-modal { display: -ms-flexbox!important; display: flex!important; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-pack: center; justify-content: center; margin: 1.25rem 1.25rem } .swal2-grow-row .swal2-modal { display: -ms-flexbox!important; display: flex!important; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 1.25rem; margin-right: 1.25rem } .swal2-grow-column { -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } .swal2-grow-column.swal2-center-left { -ms-flex-align: start; align-items: flex-start } .swal2-grow-column.swal2-center-right { -ms-flex-align: end; align-items: flex-end } .swal2-grow-column .swal2-modal { display: -ms-flexbox!important; display: flex!important; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.25rem; margin-bottom: 1.25rem } .swal2-popup { -ms-flex-direction: column; flex-direction: column; background-color: #fff; text-align: center; display: none; position: relative; max-width: 100%; padding: 1.25rem; width: 31.25rem; margin-left: 1.25rem; margin-right: 1.25rem; border-radius:.3125rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .swal2-popup:focus { outline: 0 } .swal2-popup.swal2-loading { overflow-y: hidden } @media (min-width:576px) { .swal2-popup { margin-left: 0; margin-right: 0 } } .swal2-header { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } .swal2-title { font-size: 1.125rem; font-weight: 500; line-height: 1.5715; text-align: center; position: relative; word-wrap: break-word; margin-top:.3125rem; margin-bottom: 0 } .swal2-content { text-align: center; position: relative; word-wrap: break-word } .swal2-footer { -ms-flex-pack: center; justify-content: center; margin-top: 1.25rem; padding:.625rem 1.25rem; border-top: 1px solid rgba(0,0,0,.125) } .swal2-actions { display: -ms-flexbox; display: flex; z-index: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 1.25rem } .swal2-actions>button+button { margin-left:.625rem } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { cursor: no-drop; opacity: .4 } .swal2-loader { display: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 1rem; height: 1rem; margin: 0 1.25rem; -webkit-animation: rotation 1.5s linear 0s infinite normal; animation: rotation 1.5s linear 0s infinite normal; border-width: 2px; border-style: solid; border-radius: 100%; border-color: #2196f3 transparent #2196f3 transparent } .swal2-close { background: 0 0; border: 0; margin: 0; padding: 0; font-size: 1.5rem; line-height: 1; position: absolute; top: 1rem; right: 1rem; cursor: pointer; opacity: .5; width: 1.5rem; height: 1.5rem; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .swal2-close { transition: none } } .swal2-close:focus, .swal2-close:hover { opacity: 1; outline: 0 } .swal2-timer-progress-bar { width: 100%; height:.25rem; background: rgba(0,0,0,.25) } .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; height:.25rem; overflow: hidden; border-bottom-right-radius: 50rem; border-bottom-left-radius: 50rem } .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea { display: none; margin: 1.25rem auto 0 auto } .swal2-popup .btn-group, .swal2-popup .select2-container, .swal2-popup .uniform-uploader { margin: 1.25rem auto 0 auto } .swal2-checkbox { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .swal2-checkbox>span:not(.switchery) { margin-left:.625rem } .swal2-radio { -ms-flex-pack: center; justify-content: center } .swal2-radio label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center } .swal2-radio label+label { margin-left: 1.25rem } .swal2-radio label .uniform-choice, .swal2-radio label input { margin-right:.625rem } .swal2-range { margin-top: 1.25rem; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .swal2-range input { display: block; width: 100% } .swal2-range output { font-size: 1rem; font-weight: 500; margin-top:.625rem } .swal2-inputerror, .swal2-inputerror:focus, .swal2-inputerror:hover { border-color: #ef5350!important } .swal2-validation-message { overflow: hidden; display: none; margin-top:.5rem; margin-bottom:.5rem; margin-left: 0!important; margin-right: 0!important; color: #ef5350; position: relative; padding-left: 1.625rem } .swal2-validation-message:before { content: ""; font-family: icomoon; font-size: 1rem; position: absolute; top:.1875rem; left: 0; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .swal2-image { margin:.625rem auto; max-width: 100%; height: auto } .swal2-icon { border:.25rem solid transparent; margin:.625rem auto 1.25rem auto; padding: 0; position: relative; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 5rem; height: 5rem; border-radius: 50% } .swal2-icon.swal2-success { border-color: #25b372 } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { height: 2.5rem; width: 1.25rem; border-right:.25rem solid #25b372; border-top:.25rem solid #25b372; position: absolute; left: 1.25rem; top: 2.625rem; opacity: 1; -webkit-animation: animate-checkmark ease .75s; animation: animate-checkmark ease .75s; -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -webkit-transform-origin: left top; transform-origin: left top } .swal2-icon.swal2-error { border-color: #ef5350 } .swal2-icon.swal2-error .swal2-x-mark { position: relative; display: block; -ms-flex: 1; flex: 1 } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { position: absolute; height:.25rem; width: 3rem; background-color: #ef5350; display: block; top: 2.375rem } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 1rem } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 1rem } .swal2-icon.swal2-warning { color: #f58646; border-color: #f58646; font-size: 4rem; line-height: 5rem; -ms-flex-pack: center; justify-content: center } .swal2-icon.swal2-info { color: #2196f3; border-color: #2196f3; font-size: 4rem; line-height: 5rem; -ms-flex-pack: center; justify-content: center } .swal2-icon.swal2-question { color: #45748a; border-color: #45748a; font-size: 4rem; line-height:calc(5rem + .25rem); -ms-flex-pack: center; justify-content: center } .swal2-progress-steps { -ms-flex-align: center; align-items: center; margin-top:.625rem; margin-bottom: 1.25rem; padding: 0; font-weight: 500 } .swal2-progress-steps li { display: inline-block; position: relative } .swal2-progress-steps .swal2-progress-step { z-index: 20; background: #2196f3; color: #fff; text-align: center; padding:.4375rem .875rem; min-width: 2.25rem; border-radius: 50rem } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background-color: #2196f3 } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step { background-color: #f0f2f5; color: #333 } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line { background-color: #f0f2f5 } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: 2px; background-color: #2196f3 } body.swal2-toast-shown .swal2-container { background-color: transparent; overflow: visible!important } body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent } body.swal2-toast-shown .swal2-container.swal2-top { top: 1.25rem; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 1.25rem; right: 1.25rem; bottom: auto; left: auto } body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start { top: 1.25rem; right: auto; bottom: auto; left: 1.25rem } body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 1.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 1.25rem; bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 1.25rem; left: 1.25rem } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 1.25rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 1.25rem; bottom: 1.25rem; left: auto } body.swal2-toast-column .swal2-toast { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch } body.swal2-toast-column .swal2-toast .swal2-actions { -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; margin-top: 1.25rem } body.swal2-toast-column .swal2-toast .swal2-loading { -ms-flex-pack: center; justify-content: center } .swal2-popup.swal2-toast { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; width: auto; max-width: 350px; padding:.75rem 1.25rem; background-color: #333; overflow-y: hidden; border-radius:.3125rem; box-shadow: 0 1px 2px rgba(0,0,0,.05) } .swal2-popup.swal2-toast .swal2-header { -ms-flex-direction: row; flex-direction: row; color: #fff } .swal2-popup.swal2-toast .swal2-title { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-pack: start; justify-content: flex-start; margin:0 .625rem; font-size:.875rem } .swal2-popup.swal2-toast .swal2-footer { margin:0 0 0 .625rem; padding:.75rem 1.25rem } .swal2-popup.swal2-toast .swal2-close { position: static } .swal2-popup.swal2-toast .swal2-content { -ms-flex-pack: start; justify-content: flex-start; margin-left:.625rem; color: #fff } .swal2-popup.swal2-toast .swal2-icon { min-width: 1.75rem; border-width:.125rem; margin: 0; width: 1.75rem; height: 1.75rem } .swal2-popup.swal2-toast .swal2-icon:before { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .swal2-popup.swal2-toast .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { height:.875rem; width:.4375rem; border-right-width:.125rem; border-top-width:.125rem; left:.4375rem; top: 1rem; -webkit-animation-name: animate-toast-checkmark; animation-name: animate-toast-checkmark } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { height:.125rem; width:.75rem; background-color: #ef5350; display: block; top:.8125rem } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left:.5rem } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right:.5rem } .swal2-popup.swal2-toast .swal2-icon.swal2-question { color: #fff; border-color: #fff } .swal2-popup.swal2-toast .swal2-icon.swal2-info, .swal2-popup.swal2-toast .swal2-icon.swal2-question, .swal2-popup.swal2-toast .swal2-icon.swal2-warning { font-size: 1.25rem; line-height: 1.75rem } .swal2-popup.swal2-toast .swal2-actions { -ms-flex-preferred-size: auto!important; flex-basis: auto!important; width: auto; height: auto; margin: 0 0 0 1.25rem } .swal2-popup.swal2-toast .swal2-actions .btn+.btn { margin-left:.625rem } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: show-notification .15s; animation: show-notification .15s } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: hide-notification .15s; animation: hide-notification .15s } [class^=swal2] { -webkit-tap-highlight-color:transparent } .swal2-show { -webkit-animation: show-notification .15s; animation: show-notification .15s } .swal2-hide { -webkit-animation: hide-notification .15s forwards; animation: hide-notification .15s forwards } .swal2-noanimation { -webkit-animation: none; animation: none; transition: none } .swal2-animate-error-icon, .swal2-animate-success-icon, .swal2-info, .swal2-question, .swal2-warning { -webkit-animation: animate-circle .5s; animation: animate-circle .5s } .swal2-animate-x-mark { -webkit-animation: animate-x-mark .5s; animation: animate-x-mark .5s } @-webkit-keyframes show-notification { 0% { -webkit-transform:scale(.5); transform:scale(.5) } 100% { -webkit-transform:scale(1); transform:scale(1) } } @keyframes show-notification { 0% { -webkit-transform:scale(.5); transform:scale(.5) } 100% { -webkit-transform:scale(1); transform:scale(1) } } @-webkit-keyframes hide-notification { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.5); transform:scale(.5); opacity:0 } } @keyframes hide-notification { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.5); transform:scale(.5); opacity:0 } } @-webkit-keyframes animate-checkmark { 0% { height:0; width:0; opacity:0 } 30% { height:0; width:1.25rem; opacity:0 } 60% { height:2.5rem; width:1.25rem; opacity:1 } 100% { height:2.5rem; width:1.25rem; opacity:1 } } @keyframes animate-checkmark { 0% { height:0; width:0; opacity:0 } 30% { height:0; width:1.25rem; opacity:0 } 60% { height:2.5rem; width:1.25rem; opacity:1 } 100% { height:2.5rem; width:1.25rem; opacity:1 } } @-webkit-keyframes animate-circle { 0% { color:transparent; border-color:transparent } 25% { color:transparent } } @keyframes animate-circle { 0% { color:transparent; border-color:transparent } 25% { color:transparent } } @-webkit-keyframes animate-x-mark { 0% { opacity:0 } 25% { opacity:0 } 100% { opacity:1 } } @keyframes animate-x-mark { 0% { opacity:0 } 25% { opacity:0 } 100% { opacity:1 } } .ui-slider-pips.ui-slider-horizontal { margin-bottom: 2.125rem; margin-left:.625rem; margin-right:.625rem } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block } .ui-slider-pips .ui-slider-pip { height:.75rem; line-height: 1; font-size:.75rem; width: 1.25rem; margin-left:-.75rem; position: absolute; overflow: visible; text-align: center; top: 1rem; left: 1rem; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ui-slider-pips .ui-slider-line { background-color: #777; width:.0625rem; height:.1875rem; position: absolute; left: 50% } .ui-slider-pips .ui-slider-label { position: absolute; top:.66667rem; left: 50%; width: 1.25rem; margin-left:-.625rem; white-space: nowrap; color: #777 } .ui-slider-pips.ui-slider-vertical { margin-left: 1.8125rem; margin-right: 1.8125rem } .ui-slider-pips.ui-slider-vertical .ui-slider-pip { text-align: left; top: auto; left: 1rem; margin-left: 0; height: auto } .ui-slider-pips.ui-slider-vertical .ui-slider-line { width:.1875rem; height:.0625rem; position: absolute; top: 50%; left: 0 } .ui-slider-pips.ui-slider-vertical .ui-slider-label { top: 50%; margin-left: 0; margin-top:-.375rem; left:.66667rem } .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: 0 } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -2.625rem; display: block; left: 50%; background-color: #000; text-align: center; font-size:.875rem; color: #fff; padding:.375rem .75rem; opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius:.25rem; transition: all ease-in-out .15s .15s } @media (prefers-reduced-motion:reduce) { .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { transition: none } } .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:hover .ui-slider-tip { visibility: visible; opacity: 1; transition-delay: .15s } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after, .ui-slider-float .ui-slider-tip:after { content: ''; border:.25rem solid transparent; border-top-color: #000; position: absolute; bottom:-.5rem; left: 50%; margin-left:-.25rem; width: 0; height: 0 } .noUi-target { position: relative; background-color: #eee; border-radius: 50rem; box-shadow: inset 0 1px 1px rgba(0,0,0,.1) } .noUi-target, .noUi-target * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .noUi-base, .noUi-connects { position: relative; z-index: 1; width: 100%; height: 100% } .noUi-connects { overflow: hidden; z-index: 0; border-radius: 50rem } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0 } .noUi-state-drag * { cursor: inherit!important } .noUi-connect { background-color: #45748a; width: 100%; height: 100% } .noUi-origin { width: 10%; height: 10% } [disabled] .noUi-target { opacity: .75 } [disabled] .noUi-handle { cursor: default } .noUi-horizontal { height:.375rem } .noUi-horizontal .noUi-handle { top:-.375rem; right:-.5625rem } .noUi-horizontal .noUi-origin { height: 0; left: auto; right: 0 } .noUi-horizontal.has-pips { margin-bottom: 2.375rem } .noUi-vertical { display: inline-block; width:.375rem; height: 10rem } .noUi-vertical+.noUi-vertical { margin-left: 1.875rem } .noUi-vertical .noUi-handle { top:-.5625rem; left:-.375rem } .noUi-vertical .noUi-origin { width: 0 } .noUi-vertical.has-pips { margin-right: 2.375rem } .noUi-draggable { cursor: w-resize } .noUi-vertical .noUi-draggable { cursor: n-resize } .noUi-touch-area { width: 100%; height: 100% } .noUi-handle { background-color: #fff; cursor: pointer; top:-.375rem; position: absolute; z-index: 1; border: 1px solid #ccc; outline: 0; width: 1.125rem; height: 1.125rem; border-radius: 50% } .noUi-handle, .noUi-handle:after { transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .noUi-handle, .noUi-handle:after { transition: none } } .noUi-handle:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top:-.1875rem; margin-left:-.1875rem; background-color: #333; width:.375rem; height:.375rem; border-radius: 50% } .noUi-handle:focus, .noUi-handle:hover { background-color: #fafafa } .noUi-handle:focus:after, .noUi-handle:hover:after { background-color: #555 } .noui-slider-white .noUi-handle:after { content: none } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s } @media (prefers-reduced-motion:reduce) { .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: none } } .noui-slider-lg .noUi-handle { top:-.5rem; width: 1.5rem; height: 1.5rem } .noui-slider-lg .noUi-handle:after { margin-top:-.25rem; margin-left:-.25rem; width:.5rem; height:.5rem } .noui-slider-lg.noUi-horizontal { height:.5rem } .noui-slider-lg.noUi-horizontal .noUi-handle { right:-.75rem } .noui-slider-lg.noUi-vertical { width:.5rem } .noui-slider-lg.noUi-vertical .noUi-handle { top:-.75rem; right:-.5rem } .noui-slider-sm .noUi-handle { top:-.25rem; width:.75rem; height:.75rem } .noui-slider-sm .noUi-handle:after { margin-top:-.125rem; margin-left:-.125rem; width:.25rem; height:.25rem } .noui-slider-sm.noUi-horizontal { height:.25rem } .noui-slider-sm.noUi-horizontal .noUi-handle { top:-.25rem; right:-.375rem } .noui-slider-sm.noUi-vertical { width:.25rem } .noui-slider-sm.noUi-vertical .noUi-handle { top:-.375rem; right:-.25rem } .noui-slider-solid .noUi-handle:after { background-color: #fff } .noui-slider-solid .noUi-handle:focus:after, .noui-slider-solid .noUi-handle:hover:after { opacity: .75 } .noui-slider-solid.noui-slider-primary .noUi-handle { background-color: #2196f3; border-color: #2196f3 } .noui-slider-solid.noui-slider-danger .noUi-handle { background-color: #ef5350; border-color: #ef5350 } .noui-slider-solid.noui-slider-success .noUi-handle { background-color: #25b372; border-color: #25b372 } .noui-slider-solid.noui-slider-warning .noUi-handle { background-color: #f58646; border-color: #f58646 } .noui-slider-solid.noui-slider-info .noUi-handle { background-color: #2cbacc; border-color: #2cbacc } .noui-slider-primary .noUi-connect { background-color: #2196f3 } .noui-slider-danger .noUi-connect { background-color: #ef5350 } .noui-slider-success .noUi-connect { background-color: #25b372 } .noui-slider-warning .noUi-connect { background-color: #f58646 } .noui-slider-info .noUi-connect { background-color: #2cbacc } .noUi-tooltip { position: absolute; background-color: #000; color: #fff; padding:.375rem .75rem; bottom:.25rem; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: 0; visibility: hidden; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .noUi-tooltip { transition: none } } .noUi-tooltip:after { content: ''; border:.25rem solid transparent; border-top-color: #000; position: absolute; left: 50%; bottom:-.5rem; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 0; height: 0 } .noUi-handle:hover .noUi-tooltip { opacity: 1; visibility: visible } .noUi-pips { position: absolute; color: #777 } .noUi-value { position: absolute; text-align: center; font-size:.75rem; line-height: 1.8334 } .noUi-value-sub { color: #aaa } .noUi-marker { position: absolute; background-color: #777 } .noUi-pips-horizontal { padding-top:.66667rem; height: 2.375rem; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { padding-top: 1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .noUi-value-horizontal.noUi-value-sub { padding-top:.66667rem } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translateX(50%); transform: translateX(50%) } .noUi-marker-horizontal.noUi-marker { width:.0625rem; height:.1875rem } .noUi-marker-horizontal.noUi-marker-sub { height:.375rem } .noUi-marker-horizontal.noUi-marker-large { height:.5625rem } .noUi-pips-vertical { padding-left:.66667rem; height: 100%; top: 0; left: 100% } .noUi-value-vertical { padding-left: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .noUi-rtl .noUi-value-vertical { -webkit-transform: translateY(50%); transform: translateY(50%) } .noUi-marker-vertical.noUi-marker { width:.1875rem; height:.0625rem } .noUi-marker-vertical.noUi-marker-sub { width:.375rem } .noUi-marker-vertical.noUi-marker-large { width:.5625rem } .irs { position: relative; display: block; height: 3.25rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr } .irs-hidden-input { position: absolute!important; display: block!important; top: 0!important; left: 0!important; width: 0!important; height: 0!important; font-size: 0!important; line-height: 0!important; padding: 0!important; margin: 0!important; outline: 0!important; z-index: -9999!important; background: 0 0!important; border-style: solid!important; border-color: transparent!important } .irs-line { position: relative; display: block; overflow: hidden; outline: 0; height:.375rem; top: 2.5rem; background-color: #eee; border-radius: 50rem } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0 } .irs-line-left { left: 0; width: 11% } .irs-line-mid { left: 9%; width: 82% } .irs-line-right { right: 0; width: 11% } .irs-bar { position: absolute; display: block; top: 2.5rem; left: 0; width: 0; height:.375rem; background-color: #45748a; border-radius: 50rem } .irs-bar-edge { position: absolute; display: block; top: 2.5rem; left: 0; height:.75rem; width:.5625rem } .irs-shadow { position: absolute; display: none; top: 2.5rem; left: 0; width: 0; height:.375rem; background-color: #333; opacity: .25; border-radius: 50rem } .irs-handle { position: absolute; display: block; background-color: #fff; border: 1px solid #ccc; cursor: pointer; top: 2.125rem; cursor: pointer; z-index: 1; width: 1.125rem; height: 1.125rem; border-radius: 50rem } .irs-handle:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top:-.1875rem; margin-left:-.1875rem; background-color: #333; width:.375rem; height:.375rem; border-radius: 50rem } .irs-handle, .irs-handle:after { transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .irs-handle, .irs-handle:after { transition: none } } .irs-handle:focus, .irs-handle:hover { background-color: #fafafa } .irs-handle:focus:after, .irs-handle:hover:after { background-color: #555 } .irs-handle.type_last { z-index: 2 } .irs-from, .irs-max, .irs-min, .irs-single, .irs-to { position: absolute; display: block; cursor: default } .irs-max, .irs-min { color: #777; font-size:.75rem; line-height: 1; top: 0; padding:.375rem; background-color: #eee; border-radius:.25rem } .irs-min { left: 0 } .irs-max { right: 0 } .irs-from, .irs-single, .irs-to { top: 0; left: 0; white-space: nowrap; color: #fff; font-size:.75rem; line-height: 1; padding:.375rem; top: 0; background-color: #000; border-radius:.25rem } .irs-from:after, .irs-single:after, .irs-to:after { content: ""; position: absolute; display: block; bottom:-.5rem; left: 50%; margin-left:-.25rem; overflow: hidden; border:.25rem solid transparent; border-top-color: #000; width: 0; height: 0 } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 1.75rem } .irs-with-grid { height: 5.375rem } .irs-with-grid .irs-grid { display: block } .irs-grid-pol { position: absolute; top: 0; left: 0; width:.0625rem; height:.375rem; background-color: #777 } .irs-grid-pol.small { height:.1875rem } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size:.75rem; color: #777; line-height: 1; padding:0 .1875rem } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: 0 0; z-index: 2 } .irs-disabled { opacity: .75 } .ui-draggable-handle, .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-sortable .ui-state-disabled { color: #999; cursor: default; opacity: .75 } .sortable-placeholder { position: relative } .sortable-placeholder:before { content: ''; display: inline-block; background-color: rgba(255,255,255,.8); position: absolute; left: 0; top: 0; border: 1px dashed #ddd; width: 100%; height: 100% } .card+.sortable-placeholder { margin-bottom: 1.25rem } .sidebar .card+.sortable-placeholder { margin-bottom: 0 } .sortable-placeholder+.card { margin-top: 1.25rem } .sidebar .sortable-placeholder+.card { margin-top: 0 } .card-group>.sortable-placeholder:before { border-radius:.25rem } .sidebar .sortable-placeholder:before { border-left: 0; border-right: 0 } .sidebar-dark .sortable-placeholder:before { background-color: rgba(0,0,0,.5) } .sidebar-dark .card:not([class*=bg-]):not(.fixed-top).ui-sortable-helper { background-color: rgba(0,0,0,.5) } .sidebar-light .sortable-placeholder:before { background-color: #fafafa } .sidebar-light .card:not([class*=bg-]):not(.fixed-top).ui-sortable-helper { background-color: #fff } .table .ui-sortable-helper { width: 100%; display: table } .table .sortable-placeholder { margin: 0 } .table .sortable-placeholder:before { content: none } .table.ui-sortable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-handle.ui-icon { display: inline-block; border-style: solid; border-width:0 0 .375rem .375rem; border-color: transparent transparent #333 transparent } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height:.4375rem; width: 100%; top:-.3125rem; left: 0 } .ui-resizable-s { cursor: s-resize; height:.4375rem; width: 100%; bottom:-.3125rem; left: 0 } .ui-resizable-e { cursor: e-resize; width:.4375rem; right:-.3125rem; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width:.4375rem; left:-.3125rem; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; right:.0625rem; bottom:.0625rem } .ui-resizable-sw { cursor: sw-resize; width:.5625rem; height:.5625rem; left:-.3125rem; bottom:-.3125rem } .ui-resizable-nw { cursor: nw-resize; width:.5625rem; height:.5625rem; left:-.3125rem; top:-.3125rem } .ui-resizable-ne { cursor: ne-resize; width:.5625rem; height:.5625rem; right:-.3125rem; top:-.3125rem } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dashed #333 } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; margin: 0; outline: 0; position: relative; background-color: #fff; padding: 1.25rem 1.25rem; border: 1px solid rgba(0,0,0,.125); margin-top:.5rem; border-radius:.25rem } .ui-accordion .ui-accordion-header:first-child { margin-top: 0 } .ui-accordion .ui-accordion-header.ui-accordion-header-active { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 50%; right: 1.25rem; margin-top:-.5rem } .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: ""; font-family: icomoon; display: block; width: 1rem; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: "" } .ui-accordion .ui-accordion-icons { padding-right: 3.5rem } .ui-accordion .ui-accordion-content { padding: 1.25rem; background-color: #fff; border: 1px solid rgba(0,0,0,.125); border-top: 0; overflow: auto; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem } .accordion-sortable-group+.accordion-sortable-group { margin-top:.5rem } .ui-autocomplete { position: absolute; display: none; padding:.5rem 0; z-index: 1000; max-height: 250px; overflow: auto } .ui-autocomplete .ui-autocomplete-category { padding:.5rem 1rem; font-size:.8125rem; line-height: 1.6924; text-transform: uppercase; font-weight: 700 } .ui-autocomplete .ui-autocomplete-category~.ui-menu-item .ui-menu-item-wrapper { padding-left: 2rem } .ui-autocomplete-processing:after { content: ""; font-family: icomoon; display: inline-block; position: absolute; top: 50%; right:.875rem; width: 1rem; text-align: right; margin-top:-.5rem; font-size: 1rem; line-height: 1; color: inherit; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .input-group .ui-autocomplete-input+.input-group-append>.btn, .input-group .ui-autocomplete-input+.input-group-append>.ui-button, .input-group .ui-datepicker-buttonpane .ui-autocomplete-input+.input-group-append>button, .ui-datepicker-buttonpane .input-group .ui-autocomplete-input+.input-group-append>button { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 } .ui-button, .ui-datepicker-buttonpane button { position: relative; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #333; background-color: #f0f2f5; border: 1px solid #cad1dc; padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; 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) { .ui-button, .ui-datepicker-buttonpane button { transition: none } } .ui-button:focus, .ui-button:hover, .ui-datepicker-buttonpane button:focus, .ui-datepicker-buttonpane button:hover { color: #333; background-color: #e1e5eb; border-color: #bac4d1 } .ui-button.ui-selectmenu-button-open, .ui-button.ui-state-active, .ui-button:active, .ui-datepicker-buttonpane button.ui-selectmenu-button-open, .ui-datepicker-buttonpane button.ui-state-active, .ui-datepicker-buttonpane button:active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .ui-button:focus, .ui-datepicker-buttonpane button:focus { outline: 0 } .ui-button.ui-state-disabled, .ui-datepicker-buttonpane button.ui-state-disabled { cursor: default; opacity: .65 } .input-group-prepend>.ui-button, .ui-datepicker-buttonpane .input-group-prepend>button { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-append>.ui-button, .ui-datepicker-buttonpane .input-group-append>button { border-top-left-radius: 0; border-bottom-left-radius: 0 } .ui-button-primary { color: #fff; border-color: #2196f3; background-color: #2196f3 } .ui-button-primary:focus, .ui-button-primary:hover { color: #fff; background-color: #0c83e2; border-color: #0c83e2 } .ui-button-primary.ui-selectmenu-button-open, .ui-button-primary.ui-state-active, .ui-button-primary:active { color: #fff; background-color: #0c7cd5; border-color: #0c7cd5 } .ui-button-danger { color: #fff; border-color: #ef5350; background-color: #ef5350 } .ui-button-danger:focus, .ui-button-danger:hover { color: #fff; background-color: #ec312d; border-color: #ec312d } .ui-button-danger.ui-selectmenu-button-open, .ui-button-danger.ui-state-active, .ui-button-danger:active { color: #fff; background-color: #eb2521; border-color: #eb2521 } .ui-button-success { color: #fff; border-color: #25b372; background-color: #25b372 } .ui-button-success:focus, .ui-button-success:hover { color: #fff; background-color: #1e935e; border-color: #1e935e } .ui-button-success.ui-selectmenu-button-open, .ui-button-success.ui-state-active, .ui-button-success:active { color: #fff; background-color: #1c8957; border-color: #1c8957 } .ui-button-warning { color: #fff; border-color: #f58646; background-color: #f58646 } .ui-button-warning:focus, .ui-button-warning:hover { color: #fff; background-color: #f36e22; border-color: #f36e22 } .ui-button-warning.ui-selectmenu-button-open, .ui-button-warning.ui-state-active, .ui-button-warning:active { color: #fff; background-color: #f26616; border-color: #f26616 } .ui-button-info { color: #fff; border-color: #2cbacc; background-color: #2cbacc } .ui-button-info:focus, .ui-button-info:hover { color: #fff; background-color: #259dad; border-color: #259dad } .ui-button-info.ui-selectmenu-button-open, .ui-button-info.ui-state-active, .ui-button-info:active { color: #fff; background-color: #2394a2; border-color: #2394a2 } .ui-button.ui-button-link, .ui-datepicker-buttonpane button.ui-button-link { color: #2196f3 } .ui-button.ui-button-link:focus, .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:hover { color: #0a6ebd!important } .ui-button.ui-button-link, .ui-button.ui-button-link:active, .ui-button.ui-button-link:focus, .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link, .ui-datepicker-buttonpane button.ui-button-link:active, .ui-datepicker-buttonpane button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:hover { background-color: transparent!important; border-color: transparent!important } .ui-button::-moz-focus-inner, .ui-datepicker-buttonpane button::-moz-focus-inner { border:0; padding:0 } .ui-button .ui-button-icon-space, .ui-datepicker-buttonpane button .ui-button-icon-space { display: inline-block; width:.625rem } .ui-button-icon-only { text-indent: -9999px; padding-left: 1.125rem; padding-right: 1.125rem; overflow: hidden } .ui-button-icon-only .ui-icon { position: absolute; left: 50% !important; top: 50% !important; margin-top: 0px !important; margin-left: 0px !important; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .ui-button-icon-only .ui-button-icon-space, .ui-button-icon-only .ui-button-text { display: none } .ui-controlgroup { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative } .ui-controlgroup .ui-button, .ui-controlgroup .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .ui-controlgroup button { margin-left: -1px; border-radius: 0 } .ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-datepicker-buttonpane .ui-helper-hidden-accessible:first-child+button, .ui-controlgroup .ui-datepicker-buttonpane button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child+.ui-button, .ui-datepicker-buttonpane .ui-controlgroup .ui-helper-hidden-accessible:first-child+button, .ui-datepicker-buttonpane .ui-controlgroup button:first-child { margin-left: 0 } .ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-datepicker-buttonpane .ui-helper-hidden-accessible:first-child+button:not(:last-child), .ui-controlgroup .ui-datepicker-buttonpane button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child+.ui-button:not(:last-child), .ui-datepicker-buttonpane .ui-controlgroup .ui-helper-hidden-accessible:first-child+button:not(:last-child), .ui-datepicker-buttonpane .ui-controlgroup button:first-child { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .ui-controlgroup .ui-button:last-child, .ui-controlgroup .ui-controlgroup-item:last-of-type, .ui-controlgroup .ui-datepicker-buttonpane button:last-child, .ui-datepicker-buttonpane .ui-controlgroup button:last-child { border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .ui-checkboxradio-label.ui-checkboxradio-checked { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .ui-checkboxradio-label.ui-button-primary.ui-checkboxradio-checked { color: #fff; background-color: #0c7cd5; border-color: #0c7cd5 } .ui-checkboxradio-label.ui-button-danger.ui-checkboxradio-checked { color: #fff; background-color: #eb2521; border-color: #eb2521 } .ui-checkboxradio-label.ui-button-success.ui-checkboxradio-checked { color: #fff; background-color: #1c8957; border-color: #1c8957 } .ui-checkboxradio-label.ui-button-warning.ui-checkboxradio-checked { color: #fff; background-color: #f26616; border-color: #f26616 } .ui-checkboxradio-label.ui-button-info.ui-checkboxradio-checked { color: #fff; background-color: #2394a2; border-color: #2394a2 } .ui-checkboxradio-label.ui-checkboxradio-disabled { pointer-events: none } .ui-datepicker { min-width: 270px; padding:.9375rem } .ui-datepicker:not(.ui-datepicker-inline) { display: none; background-color: #fff; border: 1px solid rgba(0,0,0,.15); z-index: 1070!important; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .sidebar .ui-datepicker { min-width: 0 } .ui-datepicker a { transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-datepicker a { transition: none } } .ui-datepicker .ui-datepicker-header { position: relative } .ui-datepicker .ui-datepicker-title { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top:.46875rem; padding-bottom:.46875rem; font-size: 1rem; margin-left: 2.8125rem; margin-right: 2.8125rem } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { font-weight: 500 } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { font-size: 85%; color: #999; margin-left:.46875rem } .ui-datepicker .ui-datepicker-title select { outline: 0; height:calc(1.6924em + .625rem + 2px); border-color: #ddd; -ms-flex: 1; flex: 1 } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { color: #333; background-color: #fff; font-size:.875rem; font-weight: 400 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 50%; margin-top:-.9375rem; line-height: 1; color: #333; padding:.4375rem; cursor: pointer; border-radius:.25rem } .ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after { font-family: icomoon; display: block; font-size: 1rem; width: 1rem; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: none } .ui-datepicker .ui-datepicker-prev { left: 0 } .ui-datepicker .ui-datepicker-prev:after { content: "" } [dir=rtl] .ui-datepicker .ui-datepicker-prev:after { content: "" } .ui-datepicker .ui-datepicker-next { right: 0 } .ui-datepicker .ui-datepicker-next:after { content: "" } [dir=rtl] .ui-datepicker .ui-datepicker-next:after { content: "" } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { color: #333; background-color: #eee } .ui-datepicker .ui-datepicker-calendar { width: 100%; border-collapse: collapse; margin: 0 } .ui-datepicker .ui-datepicker-calendar th { text-align: center; font-weight: 400; padding-top:.9375rem; padding-bottom:.4375rem; font-size:.8125rem; color: #999 } .ui-datepicker .ui-datepicker-calendar td { text-align: center } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { display: block; position: relative; text-decoration: none; min-width: 2.25rem; color: #333; padding:.4375rem; border-radius:.25rem } .ui-datepicker .ui-datepicker-calendar td .ui-state-hover { color: #333; background-color: #eee } .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color: #999; background-color: transparent } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col { min-width: 2.25rem; padding:.4375rem; color: #999 } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active { color: #fff; background-color: #26a69a } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight { color: #333; background-color: #f5f5f5 } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight:after { content: ""; position: absolute; top:.14583rem; right:.14583rem; border-top:.4375rem solid #767676; border-left:.4375rem solid transparent; width: 0; height: 0 } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month .ui-priority-secondary { color: #999 } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { text-align: left } .ui-datepicker.ui-datepicker-multi { width: auto!important } .ui-datepicker-buttonpane { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-top:.9375rem } .ui-datepicker-inline { max-width: 100%; overflow-x: auto } .ui-datepicker-trigger { position: absolute; top: 4px; right: 5px; z-index: 4; padding: 6px; cursor: pointer } .ui-datepicker-row-break { clear: both; width: 100% } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group+.ui-datepicker-group { padding-left:.9375rem } .ui-datepicker-multi-2 .ui-datepicker-group { width: 46% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-dialog { position: fixed; top: 0; left: 0; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); z-index: 1050; display: none; overflow: hidden; outline: 0; border-radius:.3125rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } @media (max-width:768.98px) { .ui-dialog { width: 90%!important } } .ui-dialog-titlebar { display: -ms-flexbox; /* display: flex; */ -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem 1.25rem; padding-bottom: 0 } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-dialog-title { display: block; font-size: 1rem; line-height: 1.5715 } .ui-dialog-titlebar-close { margin-left: auto; background-color: transparent; padding: 0; border: 0; font-size: 0; text-indent: 0 } .ui-dialog-titlebar-close:after { content: ""; font-family: icomoon; display: block; width:.875rem; font-size:.875rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ui-dialog-titlebar-close:focus, .ui-dialog-titlebar-close:hover { background-color: transparent!important; box-shadow: none } .ui-dialog-content { position: relative; overflow: auto; padding: 1.25rem } .ui-dialog-content .form-group:last-child, .ui-dialog-content p:last-child { margin-bottom: 0 } .ui-dialog-buttonpane { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1.25rem; padding-top: 0 } .ui-dialog-buttonpane button+button { margin-left:.625rem } .ui-menu { list-style: none; padding:.5rem 0; margin: 0; display: block; outline: 0; min-width: 12.5rem; white-space: nowrap; background-color: #fff; border: 1px solid rgba(0,0,0,.15); z-index: 1000; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .ui-menu .ui-menu { position: absolute; top:-.4375rem!important } .ui-menu .ui-menu-item { margin: 0; position: relative; cursor: pointer } .ui-menu .ui-menu-item i { margin-right: 1rem } .ui-menu .ui-menu-item-wrapper { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding:.5rem 1rem; outline: 0; color: #333; overflow: hidden; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-menu .ui-menu-item-wrapper { transition: none } } .ui-menu .ui-menu-item-wrapper>.ui-menu-icon { position: absolute; top: 50%; margin-top:-.5rem; right: 1rem } .ui-menu .ui-menu-item-wrapper>.ui-menu-icon:after { content: ""; font-family: icomoon; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [dir=rtl] .ui-menu .ui-menu-item-wrapper>.ui-menu-icon:after { content: "" } .ui-menu .ui-menu-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding:.5rem 1rem; font-size:.8125rem; line-height: 1.6924; text-transform: uppercase; color: #999; margin-top:.25rem; margin-bottom:.25rem } .ui-menu .ui-menu-header.highlight { margin-top: 0; background-color: #f8f8f8 } .ui-menu .highlight+.ui-menu-item, .ui-menu .ui-menu-item+.highlight { margin-top:.5rem } .ui-menu .ui-menu-header>i, .ui-menu .ui-menu-item-wrapper>i { top: 0; margin-top:.1875rem; margin-right: 1rem } .ui-menu .ui-menu-divider { margin:.5rem 0; height: 0; font-size: 0; overflow: hidden; border-top: 1px solid #ddd } .ui-menu .ui-state-disabled .ui-menu-item-wrapper { color: #999; background-color: transparent; cursor: default } .ui-menu .ui-state-active, .ui-menu .ui-state-focus { color: #333; background-color: #eee } .ui-progressbar { display: -ms-flexbox; display: flex; height: 1.25rem; overflow: hidden; font-size:.75rem; background-color: #eee; border-radius:.25rem; box-shadow:inset 0 .0625rem .0625rem rgba(0,0,0,.1) } .ui-progressbar-value { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #2196f3; background-size: 1.25rem 1.25rem; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .ui-progressbar-value { transition: none } } .ui-progressbar-striped .ui-progressbar-value { background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .ui-progressbar-active .ui-progressbar-value { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { max-height: 340px; overflow-y: auto; overflow-x: hidden } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size:.8125rem; font-weight: 500; line-height: 1.6924; padding:.5rem 1rem; text-transform: uppercase; height: auto; border: 0 } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup~.ui-menu-item .ui-menu-item-wrapper { padding-left: 2rem } .ui-selectmenu-open { display: block } .ui-selectmenu-button { text-decoration: none; text-align: left; outline: 0 } :not(.ui-controlgroup)>.ui-selectmenu-button { display: inline-block; position: relative; background-color: #fff; border: 1px solid #ddd; border-radius:.25rem } :not(.ui-controlgroup)>.ui-selectmenu-button .ui-selectmenu-button-open, :not(.ui-controlgroup)>.ui-selectmenu-button:not(.ui-selectmenu-disabled):focus { border-color: #2196f3 } .ui-selectmenu-button:not(.ui-button-icon-only) { padding:.4375rem .875rem; padding-right: 2.75rem } .ui-selectmenu-button:after { content: ""; font-family: icomoon; display: inline-block; position: absolute; top: 50%; right:.875rem; text-align: center; font-size: 1rem; line-height: 1; color: inherit; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ui-selectmenu-button.ui-button-icon-only:after { right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) } .ui-selectmenu-button .ui-selectmenu-text { display: block; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ui-selectmenu-disabled { cursor: default; background-color: #fafafa } .ui-selectmenu-disabled:focus, .ui-selectmenu-disabled:hover { box-shadow: none } .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { padding:.5625rem 1rem; padding-right: 3rem; font-size:.9375rem; line-height: 1.4667 } .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { padding:.3125rem .75rem; padding-right: 2.5rem; font-size:.8125rem; line-height: 1.6924 } .ui-selectmenu-images .ui-menu-item span { display: inline-block; margin-right: 1rem; background-size: 1.375rem 1.375rem; float: left; width: 1.375rem; height: 1.375rem; border-radius:.25rem } .ui-selectmenu-images .demo-img-amazon { background: url(../../../../../../global_assets/images/brands/amazon.svg) no-repeat } .ui-selectmenu-images .demo-img-youtube { background: url(../../../../../../global_assets/images/brands/youtube.svg) no-repeat } .ui-selectmenu-images .demo-img-twitter { background: url(../../../../../../global_assets/images/brands/twitter.svg) no-repeat } .ui-selectmenu-images .demo-img-bing { background: url(../../../../../../global_assets/images/brands/bing.svg) no-repeat } .ui-selectmenu-images .demo-img-spotify { background: url(../../../../../../global_assets/images/brands/spotify.svg) no-repeat } .ui-slider { position: relative; text-align: left; background-color: #eee; border-radius: 50rem; box-shadow: inset 0 1px 1px rgba(0,0,0,.1) } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: pointer; background-color: #fff; border: 1px solid #ccc; outline: 0; width: 1.125rem; height: 1.125rem; border-radius: 50rem; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-slider .ui-slider-handle { transition: none } } .ui-slider .ui-slider-handle.ui-state-focus, .ui-slider .ui-slider-handle.ui-state-hover { background-color: #fafafa } .ui-slider .ui-slider-handle.ui-state-focus:after, .ui-slider .ui-slider-handle.ui-state-hover:after { background-color: #555 } .ui-slider .ui-slider-handle:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top:-.1875rem; margin-left:-.1875rem; background-color: #333; width:.375rem; height:.375rem; border-radius: 50rem; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-slider .ui-slider-handle:after { transition: none } } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; background-color: #45748a; border-radius: 50rem } .ui-slider.ui-slider-disabled { opacity: .75 } .ui-slider.ui-slider-disabled .ui-slider-handle { cursor: default } .ui-slider-horizontal { height:.375rem } .ui-slider-horizontal .ui-slider-handle { top:-.375rem; margin-left:-.5625rem } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width:.375rem; height: 150px; display: inline-block; margin:0 .625rem } .ui-slider-vertical .ui-slider-handle { left:-.375rem; margin-bottom:-.5625rem } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-slider-solid .ui-slider-handle:after { background-color: #fff; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-slider-solid .ui-slider-handle:after { transition: none } } .ui-slider-solid .ui-slider-handle.ui-state-active:after, .ui-slider-solid .ui-slider-handle.ui-state-focus:after, .ui-slider-solid .ui-slider-handle.ui-state-hover:after { background-color: #fff; opacity: .75 } .ui-handle-white .ui-slider-handle:after { content: none } .ui-slider-lg .ui-slider-handle { width: 1.5rem; height: 1.5rem } .ui-slider-lg .ui-slider-handle:after { margin-top:-.25rem; margin-left:-.25rem; width:.5rem; height:.5rem } .ui-slider-lg.ui-slider-horizontal { height:.5rem } .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { top:-.5rem; margin-left:-.75rem } .ui-slider-lg.ui-slider-vertical { width:.5rem } .ui-slider-lg.ui-slider-vertical .ui-slider-handle { left:-.5rem; margin-bottom:-.75rem } .ui-slider-sm .ui-slider-handle { width:.75rem; height:.75rem } .ui-slider-sm .ui-slider-handle:after { margin-top:-.125rem; margin-left:-.125rem; width:.25rem; height:.25rem } .ui-slider-sm.ui-slider-horizontal { height:.25rem } .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { top:-.25rem; margin-left:-.375rem } .ui-slider-sm.ui-slider-vertical { width:.25rem } .ui-slider-sm.ui-slider-vertical .ui-slider-handle { left:-.25rem; margin-bottom:-.375rem } .ui-slider-primary .ui-slider-range, .ui-slider-solid.ui-slider-primary .ui-slider-handle { background-color: #2196f3; border-color: #2196f3 } .ui-slider-danger .ui-slider-range, .ui-slider-solid.ui-slider-danger .ui-slider-handle { background-color: #ef5350; border-color: #ef5350 } .ui-slider-solid.ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-range { background-color: #25b372; border-color: #25b372 } .ui-slider-solid.ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-range { background-color: #f58646; border-color: #f58646 } .ui-slider-info .ui-slider-range, .ui-slider-solid.ui-slider-info .ui-slider-handle { background-color: #2cbacc; border-color: #2cbacc } .ui-spinner { position: relative; display: -ms-flexbox; display: flex; width: 100% } .ui-spinner-input { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .ui-spinner-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-radius: 0 } .ui-spinner-button:after { font-family: icomoon; position: absolute; left: 50%; top: 50%; width: 1rem; font-size: 1rem; line-height: 1; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ui-spinner-button:last-child { border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .ui-spinner-button>span { display: none } .ui-spinner-button+.ui-spinner-button { border-left: 0 } .ui-spinner-up:after { content: "" } .ui-spinner-down:after { content: "" } .ui-tabs { position: relative } .ui-tabs .ui-tabs-nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.25rem; border-bottom: 1px solid #ddd } .ui-tabs .ui-tabs-tab { list-style: none; position: relative; padding: 0; margin-bottom: -1px } .ui-tabs .ui-tabs-anchor { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; height: 100%; color: #777; padding:.75rem 1.25rem; border: 1px solid transparent; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-tabs .ui-tabs-anchor { transition: none } } .ui-tabs .ui-tabs-anchor:before { content: ''; position: absolute; height: 2px; top: -1px; left: -1px; right: -1px; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .ui-tabs .ui-tabs-anchor:before { transition: none } } .ui-tabs .ui-tabs-anchor i { top: 0; margin-top:.1875rem } .ui-tabs .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled), .ui-tabs .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled) { color: #333 } .ui-tabs .ui-tabs-active .ui-tabs-anchor { color: #333; background-color: #fff; border-color: #ddd #ddd #fff } .ui-tabs .ui-tabs-active .ui-tabs-anchor:before { background-color: #2196f3 } .ui-tabs .ui-state-disabled { color: #999; background-color: transparent; border-color: transparent; cursor: default } .ui-tabs .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { border-color: #ddd } .ui-tabs .ui-tabs-panel { display: block } .ui-tooltip { position: absolute; z-index: 1070; max-width: 200px; padding:.375rem .75rem; color: #fff; text-align: center; background-color: #000; border-radius:.25rem } .ui-widget-overlay { position: fixed; top: 0; left: 0; z-index: 1040; background-color: #000; opacity: .35; width: 100%; height: 100% } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; list-style: none } .ui-helper-clearfix::after { display: block; clear: both; content: "" } .ui-helper-zfix { top: 0; left: 0; position: absolute; opacity: 0; width: 100%; height: 100% } .ui-front { z-index: 1040 } code[class*=language-], pre[class*=language-] { text-shadow: 0 1px #fff; word-break: break-all; line-height: 1.5; background-color: transparent; direction: ltr } @media print { code[class*=language-], pre[class*=language-] { text-shadow: none } } .token.cdata, .token.comment, .token.doctype, .token.prolog, .token.punctuation { color: #999 } .token.boolean, .token.constant, .token.number, .token.property, .token.symbol, .token.tag { color: #905 } .token.attr-name, .token.builtin, .token.selector, .token.string { color: #690 } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url, .token.variable { color: #a67f59; background: rgba(255,255,255,.5) } .token.atrule, .token.attr-value, .token.keyword { color: #07a } .token.function { color: #dd4a68 } .token.important, .token.regex { color: #e90 } .token.important { font-weight: 700 } .token.entity { cursor: help } .namespace { opacity: .7 } .line-highlight { position: absolute; left: 0; right: 0; margin-top: 1.25rem; background: rgba(103,139,220,.12); pointer-events: none; white-space: pre; line-height: inherit } .line-highlight:after, .line-highlight:before { content: attr(data-start); position: absolute; top: 0; left: 10px; padding: 2px; text-align: center; font-size: 10px; color: #999 } .line-highlight[data-end]:after { content: attr(data-end); top: auto; bottom: 0 } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; width: 36px; letter-spacing: -1px; left: -50px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .line-numbers .line-numbers-rows>span { pointer-events: none; display: block; counter-increment: linenumber } .line-numbers .line-numbers-rows>span:before { content: counter(linenumber); color: #999; display: block; padding-right: 10px; text-align: right } pre.line-numbers { position: relative; padding-left: 50px; counter-reset: linenumber } pre.line-numbers>code { position: relative } pre[class*=language-] { overflow: auto; position: relative; background-color: #fdfdfd; background-image: linear-gradient(transparent 50%, rgba(20,90,146,.03) 50%); background-size: 3em 3em; background-origin: content-box; font-size:.75rem; border-left-width: 0; box-shadow: 3px 0 0 0 #2196f3 inset; border-top-left-radius: 0; border-bottom-left-radius: 0 } pre[data-line] { position: relative; padding-left: 36px } pre code { padding: 0 } .code-toolbar { position: relative } .code-toolbar>.toolbar { display: inline-block; position: absolute; top: 10px; text-shadow: none; right: 10px } .code-toolbar>.toolbar .toolbar-item, .code-toolbar>.toolbar span { display: inline-block } .code-toolbar>.toolbar a { cursor: pointer } .code-toolbar>.toolbar button { background: 0 0; border: 0; color: inherit; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: normal; overflow: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:.25rem; background-color: #fff; color: #252b36; border: 1px solid #252b36; 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) { .code-toolbar>.toolbar button { transition: none } } .code-toolbar>.toolbar button:focus, .code-toolbar>.toolbar button:hover { background-color: #252b36; color: #fff } .code-toolbar>.toolbar a, .code-toolbar>.toolbar button, .code-toolbar>.toolbar span { padding:.5rem .75rem; font-size:.8125rem; outline: 0 } .code-toolbar>.toolbar a:focus, .code-toolbar>.toolbar a:hover, .code-toolbar>.toolbar button:focus, .code-toolbar>.toolbar button:hover, .code-toolbar>.toolbar span:focus, .code-toolbar>.toolbar span:hover { text-decoration: none } .slinky-menu { position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .slinky-menu>ul { left: 0; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0) } .slinky-menu ul { width: 100% } .slinky-menu ul.active { max-height: 340px; overflow-y: auto } .slinky-menu li+li:not(.dropdown-item):not(.dropdown-divider) { margin-top: 1px } .slinky-menu li ul { display: none; left: 100%; position: absolute; top: 0 } .slinky-menu .header { display: -ms-flexbox; display: flex; position: relative; color: #2196f3; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .slinky-menu .header { transition: none } } .slinky-menu .header:focus, .slinky-menu .header:hover { color: #0a6ebd } .slinky-menu .header .title { -ms-flex: 1; flex: 1; padding:.5rem 1rem; padding-left: 3rem } .slinky-menu .back:after, .slinky-menu .back:before, .slinky-menu .next:after, .slinky-menu .next:before { font-family: icomoon; position: absolute; top: 50%; margin-top:-.5rem; font-size: 1rem; line-height: 1; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slinky-menu .next { padding-right: 2.5rem } .slinky-menu .next:after { content: ""; right: 1rem } [dir=rtl] .slinky-menu .next:after { content: "" } .slinky-menu .back { position: absolute; padding:.5rem 1rem; color: inherit; width: 100%; height: 100% } .slinky-menu .back:before { content: ""; left: 1rem } [dir=rtl] .slinky-menu .back:before { content: "" } .headroom { transition: box-shadow ease-in-out .2s, -webkit-transform ease-in-out .2s; transition: transform ease-in-out .2s, box-shadow ease-in-out .2s; transition: transform ease-in-out .2s, box-shadow ease-in-out .2s, -webkit-transform ease-in-out .2s; will-change: transform } .navbar-slide-top.headroom--pinned { -webkit-transform: translateY(0); transform: translateY(0) } .navbar-slide-top.headroom--unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); box-shadow: none } .navbar-slide-bottom.headroom--pinned { -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: none } .navbar-slide-bottom.headroom--unpinned { -webkit-transform: translateY(0); transform: translateY(0) } .gu-mirror { position: fixed!important; margin: 0!important; z-index: 9999!important; opacity: .8 } .gu-unselectable.dropdown-menu li:nth-last-child(2) { margin-bottom: 0 } .nav-pills-toolbar>li.gu-mirror:not(.active)>a { border: 0 } .gu-hide { display: none!important } .gu-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .gu-transit { opacity: .5 } .dragula-handle { color: #999; cursor: move } .dragula-handle:focus, .dragula-handle:hover { color: #333 } .fab-menu { position: relative; display: inline-block; white-space: nowrap; padding: 0; margin: 0; list-style: none; z-index: 997 } .page-header>.fab-menu { bottom: -1.5rem } .navbar .fab-menu { -webkit-transform: scale(.85); transform: scale(.85) } @media (min-width:992px) { .navbar .fab-menu { -webkit-transform: scale(1); transform: scale(1) } } .fab-menu-absolute { position: absolute } .fab-menu-fixed { position: fixed; z-index: 998 } .content-wrapper>.fab-menu-top-left, .content-wrapper>.fab-menu-top-right { top: -1.5rem } .navbar>.fab-menu-top-left, .navbar>.fab-menu-top-right { bottom: -1.5rem } .fab-menu-bottom-left, .fab-menu-bottom-right { bottom: 1.25rem; transition: bottom ease-in-out .15s } .fab-menu-bottom-left.reached-bottom, .fab-menu-bottom-right.reached-bottom { bottom: 6rem } .navbar>.fab-menu-bottom-left, .navbar>.fab-menu-bottom-right { top: -1.5rem } .fab-menu-bottom-right, .fab-menu-top-right { right: 1.25rem } .fab-menu-inner { list-style: none; margin: 0; padding: 0 } .fab-menu-inner>li { display: block; position: absolute; top:.125rem; left: 0; right: 0; text-align: center; padding-top: 1.25rem; margin-top: -1.25rem } .fab-menu-inner>li .btn { border-width: 0; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24) } .fab-menu-inner>li .btn.focus, .fab-menu-inner>li .btn:focus, .fab-menu-inner>li .btn:hover, .fab-menu-inner>li .btn:not(:disabled):not(.disabled).active, .fab-menu-inner>li .btn:not(:disabled):not(.disabled):active { box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)!important } .fab-menu-inner>li .btn-float { padding: 0; width: 2.75rem; height: 2.75rem } .fab-menu-inner>li .btn-float>i { margin:.875rem } .fab-menu-inner>li .show>.btn-float.dropdown-toggle { box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23) } .fab-menu-inner>li .dropleft .btn:after, .fab-menu-inner>li .dropleft .btn:before, .fab-menu-inner>li .dropright .btn:after, .fab-menu-inner>li .dropright .btn:before { content: none } .fab-menu-inner>li .badge { position: absolute; top:.75rem; right:-.25rem } .fab-menu-inner>li .badge-mark { top: 1.25rem; right: 0 } .fab-menu-bottom-left .fab-menu-inner>li, .fab-menu-bottom-right .fab-menu-inner>li { padding-top: 0; margin-top: 0; padding-bottom: 1.25rem; margin-bottom: -1.25rem } .fab-menu-bottom-left .fab-menu-inner>li .badge, .fab-menu-bottom-right .fab-menu-inner>li .badge { top:-.5rem } .fab-menu-bottom-left .fab-menu-inner>li .badge-mark, .fab-menu-bottom-right .fab-menu-inner>li .badge-mark { top: 0 } .fab-menu-btn { z-index: 999; border-width: 0; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24) } .fab-menu-btn.btn-float { padding: 1.5rem } .fab-menu-btn.btn-float>i { position: absolute; top: 50%; left: 50%; margin-top:-.5rem; margin-left:-.5rem } .fab-menu-btn:focus, .fab-menu-btn:hover, .fab-menu-btn:not(:disabled):not(.disabled).active, .fab-menu-btn:not(:disabled):not(.disabled):active, .fab-menu-btn:not(:disabled):not(.disabled):active:focus, .fab-menu[data-fab-state=open] .fab-menu-btn, .fab-menu[data-fab-toggle=hover]:hover .fab-menu-btn { box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23) } .fab-menu-btn.disabled, .fab-menu-btn:disabled { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24) } .fab-icon-close, .fab-icon-open { -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all ease-in-out .3s } .fab-menu[data-fab-state=open] .fab-icon-close, .fab-menu[data-fab-state=open] .fab-icon-open, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-close, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-open { -webkit-transform: rotate(0); transform: rotate(0) } .fab-menu[data-fab-state=open] .fab-icon-open, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-open { opacity: 0 } .fab-icon-close { opacity: 0 } .fab-menu[data-fab-state=open] .fab-icon-close, .fab-menu[data-fab-toggle=hover]:hover .fab-icon-close { opacity: 1 } .fab-menu .fab-menu-inner>li { visibility: hidden; opacity: 0; transition: all ease-in-out .3s } .fab-menu .fab-menu-inner>li:nth-child(1) { transition-delay: 50ms } .fab-menu .fab-menu-inner>li:nth-child(2) { transition-delay: .1s } .fab-menu .fab-menu-inner>li:nth-child(3) { transition-delay: .15s } .fab-menu .fab-menu-inner>li:nth-child(4) { transition-delay: .2s } .fab-menu .fab-menu-inner>li:nth-child(5) { transition-delay: .25s } .fab-menu[data-fab-state=open] .fab-menu-inner>li, .fab-menu[data-fab-toggle=hover]:hover .fab-menu-inner>li { visibility: visible; opacity: 1 } .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) { top: 4.25rem } .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) { top: 8.25rem } .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) { top: 12.25rem } .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) { top: 16.25rem } .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) { top: 20.25rem } .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(1), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) { top: -3.75rem } .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(2), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) { top: -7.75rem } .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(3), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) { top: -11.75rem } .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(4), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) { top: -15.75rem } .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5), .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(5), .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) { top: -19.75rem } .fab-menu-inner div[data-fab-label]:after { content: attr(data-fab-label); position: absolute; top: 50%; margin-top:-.375rem; right: 4.125rem; color: #fff; background-color: #000; padding:.375rem .75rem; visibility: hidden; opacity: 0; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); transition: all ease-in-out .3s; border-radius:.25rem } .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { margin-top: -1.625rem } .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-inner div[data-fab-label].fab-label-right:after, .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after { right: auto; left: 4.125rem } .fab-menu[data-fab-state=open] .fab-menu-inner div[data-fab-label]:hover:after, .fab-menu[data-fab-toggle=hover] .fab-menu-inner div[data-fab-label]:hover:after { visibility: visible; opacity: 1 } .fab-menu-inner div[data-fab-label].fab-label-light:after { background-color: #fff; color: #333 } .fab-menu-inner div[data-fab-label].fab-label-visible:after { visibility: visible; opacity: 1 } .fancytree-container { list-style: none; white-space: nowrap; padding: 0; margin: 0; overflow: auto; position: relative } .fancytree-container:focus { outline: 0 } .fancytree-container ul { list-style: none; padding-left: 1rem; margin: 0 } .ui-fancytree-disabled .fancytree-container { opacity: .6 } .ui-fancytree-disabled .fancytree-container, .ui-fancytree-disabled .fancytree-expander, .ui-fancytree-disabled .fancytree-title { cursor: default } .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #eee; color: #333 } .fancytree-checkbox:after, .fancytree-drag-helper-img:after, .fancytree-drop-after:after, .fancytree-drop-before:after, .fancytree-expander:after, .fancytree-icon:after, .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { font-family: icomoon; display: inline-block; font-size: 1rem; line-height: 1; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fancytree-custom-icon, .fancytree-expander, .fancytree-icon { display: inline-block; vertical-align: top; margin-left:.5rem; margin-top:.4375rem; width: 1rem; height: 1rem } .fancytree-checkbox { vertical-align: top; margin-top:.3125rem; margin-left:.5rem } img.fancytree-icon { border: 0 } .fancytree-expander { cursor: pointer } .fancytree-exp-c .fancytree-expander:after { content: "" } .fancytree-exp-cl .fancytree-expander:after { content: "" } .fancytree-exp-cd .fancytree-expander:after, .fancytree-exp-cdl .fancytree-expander:after { content: "" } .fancytree-exp-e .fancytree-expander:after, .fancytree-exp-ed .fancytree-expander:after { content: "" } .fancytree-exp-edl .fancytree-expander:after, .fancytree-exp-el .fancytree-expander:after { content: "" } .fancytree-statusnode-error .fancytree-icon:after { content: "" } .fancytree-loading .fancytree-expander, .fancytree-statusnode-wait .fancytree-icon { margin-left: auto; margin-right: auto; display: inline-block; text-align: center; width: 1rem; height: 1rem } .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { content: ""; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { transition: none } } .fancytree-ico-c .fancytree-icon:after, .fancytree-ico-e .fancytree-icon:after { content: "" } .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { content: "" } .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { content: "" } .fancytree-ico-cf .fancytree-icon:after, .fancytree-ico-ef .fancytree-icon:after { content: "" } .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { content: "" } .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { content: "" } .fancytree-checkbox { width: 1.25rem; height: 1.25rem; border: 2px solid #ddd; background-color: #fff; display: inline-block; text-align: center; position: relative; cursor: pointer; border-radius:.1875rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .fancytree-checkbox { transition: none } } .fancytree-checkbox:after { content: ''; position: absolute; width: 1.25rem; height: 1.25rem; top: -2px; left: -2px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e") no-repeat 50%/50% 50%; opacity: 0; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fancytree-checkbox:after { transition: none } } .fancytree-partsel .fancytree-checkbox:after, .fancytree-radio .fancytree-checkbox:after, .fancytree-selected .fancytree-checkbox:after { opacity: 1 } .fancytree-partsel .fancytree-checkbox, .fancytree-selected .fancytree-checkbox { border-color: #2196f3; background-color: #2196f3 } .fancytree-has-children:not(.fancytree-selected) .fancytree-checkbox:after { background-image: none } .fancytree-partsel.fancytree-has-children:not(.fancytree-selected) .fancytree-checkbox:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .fancytree-radio .fancytree-checkbox { border-radius: 50% } .fancytree-radio .fancytree-checkbox:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .fancytree-drag-helper .fancytree-title { padding-right: 2rem; border: 1px solid #ddd; background-color: #fff; opacity: .8; margin: 0 } .fancytree-drag-helper-img:after { position: absolute; top: 50%; margin-top:-.5rem; right:.5rem; z-index: 10 } .fancytree-drop-accept .fancytree-drag-helper-img:after { content: ""; color: #25b372 } .fancytree-drop-reject .fancytree-drag-helper-img:after { content: ""; color: #ef5350 } #fancytree-drop-marker.fancytree-drop-after, #fancytree-drop-marker.fancytree-drop-before { width: 15rem; border-top: 1px solid #999; position: absolute!important } .fancytree-drag-source { opacity: .5 } .fancytree-drop-target.fancytree-drop-accept a { background-color: #2196f3!important; color: #fff!important; text-decoration: none } .fancytree-node { display: inherit; width: 100%; position: relative; margin-bottom: 1px } .fancytree-title { border: 0; padding:.25rem .5rem; margin-left:.625rem; display: inline-block; cursor: pointer; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fancytree-title { transition: none } } .fancytree-title>input { border: 0; outline: 0; padding: 0; background-color: transparent } .fancytree-active .fancytree-title, .fancytree-selected .fancytree-title { background-color: #eee; color: #333 } .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #e9f5fe; color: #333 } .sidebar:not(.sidebar-light) .fancytree-active .fancytree-title, .sidebar:not(.sidebar-light) .fancytree-selected .fancytree-title { background-color: rgba(255,255,255,.2); color: #fff } .sidebar:not(.sidebar-light) .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #fff; color: #333 } .fancytree-ext-table .fancytree-node { display: inline-block; width: auto; margin: 0 } .fancytree-ext-table .fancytree-title { display: inline } .fancytree-ext-table.fancytree-container { white-space: normal } .fancytree-ext-table .fancytree-custom-icon, .fancytree-ext-table .fancytree-expander, .fancytree-ext-table .fancytree-icon { margin-top:.0625rem } .fancytree-ext-table .fancytree-checkbox { margin: 0 auto; float: none } .fancytree-ext-table tbody tr { transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fancytree-ext-table tbody tr { transition: none } } .fancytree-ext-table tbody tr td:first-child { text-align: center } .fancytree-ext-table tbody tr .fancytree-title { background-color: transparent; color: inherit!important; padding: 0; transition: none } .fancytree-ext-table tbody tr.fancytree-active, .fancytree-ext-table tbody tr.fancytree-focused { background-color: rgba(0,0,0,.02) } .fancytree-ext-table tbody tr.fancytree-selected { background-color: #e9f5fe; color: #333 } .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { color: #fff; border-color: #2196f3 } .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { background-color: transparent } .fancytree-treefocus .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { transition: color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fancytree-treefocus .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { transition: none } } .fancytree-ext-childcounter .fancytree-childcounter { position: absolute; right: 0; top:.25rem; color: #999 } .fancytree-helper-hidden { display: none } .fancytree-helper-indeterminate-cb { color: #777 } .fancytree-helper-disabled { color: #333 } .fancytree-helper-spin { -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite } .btn-ladda, .btn-ladda .ladda-label, .btn-ladda .ladda-spinner { transition: all cubic-bezier(.175, .885, .32, 1.275) .3s } @media (prefers-reduced-motion:reduce) { .btn-ladda, .btn-ladda .ladda-label, .btn-ladda .ladda-spinner { transition: none } } .btn-ladda .ladda-spinner { position: absolute; z-index: 2; display: inline-block; top: 50%; pointer-events: none; opacity: 0 } .btn-ladda .ladda-label { z-index: 3 } .btn-ladda .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all linear .3s } @media (prefers-reduced-motion:reduce) { .btn-ladda .ladda-progress { transition: none } } .btn-ladda[data-loading] .ladda-progress { visibility: visible; opacity: 1 } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out] { overflow: hidden } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-out] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-spinner { transition: .3s ease all } @media (prefers-reduced-motion:reduce) { .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-out] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-spinner { transition: none } } .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label { position: relative; display: inline-block } .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner { left: 50% } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { opacity: 0 } .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { -webkit-transform: none; transform: none; opacity: 1 } .btn-ladda[data-style=zoom-in] .ladda-spinner { -webkit-transform: scale(.2); transform: scale(.2) } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { -webkit-transform: scale(2.2); transform: scale(2.2) } .btn-ladda[data-style=zoom-out] .ladda-spinner { -webkit-transform: scale(2.5); transform: scale(2.5) } .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { -webkit-transform: scale(.5); transform: scale(.5) } .btn-ladda[data-style=expand-left] { overflow: hidden } .btn-ladda[data-style=expand-left] .ladda-spinner { left: 20px } .btn-ladda[data-style=expand-left][data-loading] { padding-left: 35px } .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1 } .btn-ladda[data-style=expand-right] { overflow: hidden } .btn-ladda[data-style=expand-right] .ladda-spinner { right: 20px } .btn-ladda[data-style=expand-right][data-loading] { padding-right: 35px } .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1 } .btn-ladda[data-style=expand-up] { overflow: hidden } .btn-ladda[data-style=expand-up] .ladda-spinner { top: -16px; left: 50% } .btn-ladda[data-style=expand-up][data-loading] { padding-top: 40px } .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { top: 12px; margin-top: 8px; opacity: 1 } .btn-ladda[data-style=expand-down] { overflow: hidden } .btn-ladda[data-style=expand-down] .ladda-spinner { top: 44px; left: 50% } .btn-ladda[data-style=expand-down][data-loading] { padding-bottom: 40px } .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1 } .btn-ladda[data-style=slide-left] { overflow: hidden } .btn-ladda[data-style=slide-left] .ladda-label { left: 0; position: relative } .btn-ladda[data-style=slide-left] .ladda-spinner { right: 0 } .btn-ladda[data-style=slide-left][data-loading] .ladda-label { left: -100%; opacity: 0 } .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { right: 50%; opacity: 1 } .btn-ladda[data-style=slide-right] { overflow: hidden } .btn-ladda[data-style=slide-right] .ladda-label { right: 0; position: relative } .btn-ladda[data-style=slide-right] .ladda-spinner { left: 0 } .btn-ladda[data-style=slide-right][data-loading] .ladda-label { right: -100%; opacity: 0 } .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { left: 50%; opacity: 1 } .btn-ladda[data-style=slide-up] { overflow: hidden } .btn-ladda[data-style=slide-up] .ladda-label { top: 0; position: relative } .btn-ladda[data-style=slide-up] .ladda-spinner { top: 100%; left: 50% } .btn-ladda[data-style=slide-up][data-loading] .ladda-label { top: -16px; opacity: 0 } .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { top: 16px; opacity: 1 } .btn-ladda[data-style=slide-down] { overflow: hidden } .btn-ladda[data-style=slide-down] .ladda-label { top: 0; position: relative } .btn-ladda[data-style=slide-down] .ladda-spinner { top: -100%; left: 50% } .btn-ladda[data-style=slide-down][data-loading] .ladda-label { top: 16px; opacity: 0 } .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { top: 16px; opacity: 1 } .btn-ladda[data-style=fade] { overflow: hidden } .btn-ladda[data-style=fade] .ladda-spinner { left: 50% } .btn-ladda[data-style=fade][data-loading] .ladda-label { opacity: 0 } .btn-ladda[data-style=fade][data-loading] .ladda-spinner { opacity: 1 } .btn-ladda[data-style=radius] { overflow: hidden; transition: all ease-in-out .5s } @media (prefers-reduced-motion:reduce) { .btn-ladda[data-style=radius] { transition: none } } .btn-ladda[data-style=radius] .ladda-spinner { left: 50% } .btn-ladda[data-style=radius][data-loading] { border-radius: 50rem } .btn-ladda[data-style=radius][data-loading] .ladda-label { opacity: 0 } .btn-ladda[data-style=radius][data-loading] .ladda-spinner { opacity: 1 } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed } .fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent } .fc { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .fc table { border-collapse: collapse; border-spacing: 0 } .fc th { text-align: center } .fc td, .fc th { vertical-align: top; padding: 0 } .fc a[data-navlink] { cursor: pointer } .fc-direction-ltr { direction: ltr; text-align: left } .fc-direction-rtl { direction: rtl; text-align: right } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid #ddd } .fc-liquid-hack td, .fc-liquid-hack th { position: relative } @font-face { font-family: fcicons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: 400; font-style: normal } .fc-icon { display: inline-block; width: 1em; height: 1em; font-size: 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: fcicons!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fc-icon-chevron-left:before { content: "\e900" } .fc-icon-chevron-right:before { content: "\e901" } .fc-icon-chevrons-left:before { content: "\e902" } .fc-icon-chevrons-right:before { content: "\e903" } .fc-icon-minus-square:before { content: "\e904" } .fc-icon-plus-square:before { content: "\e905" } .fc-icon-x:before { content: "\e906" } .fc .fc-button { display: inline-block; font-weight: 400; color: #333; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; 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) { .fc .fc-button { transition: none } } .fc .fc-button:not(:disabled) { cursor: pointer } .fc .fc-button::-moz-focus-inner { padding:0; border-style:none } .fc .fc-button:disabled { opacity: .65 } .fc .fc-button-primary { color: #333; background-color: #f0f2f5; border-color: #cad1dc } .fc .fc-button-primary:focus, .fc .fc-button-primary:hover { background-color: #e1e5eb; color: #333; border-color: #bac4d1; outline: 0 } .fc .fc-button-primary:disabled { color: #333; background-color: #f0f2f5; border-color: #cad1dc; opacity: .65 } .fc .fc-button-primary:not(:disabled):not(.disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):not(.disabled):active { color: #333; background-color: #d1d7e1; border-color: #abb6c7 } .fc .fc-button .fc-icon { vertical-align: text-top; font-size: 1rem } .fc .fc-button-group { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .fc .fc-button-group>.fc-button { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .fc .fc-button-group>.fc-button.fc-button-active, .fc .fc-button-group>.fc-button:active, .fc .fc-button-group>.fc-button:focus, .fc .fc-button-group>.fc-button:hover { z-index: 1 } .fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .fc-direction-rtl .fc-button-group>.fc-button:not(:first-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .fc-direction-rtl .fc-button-group>.fc-button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .fc .fc-toolbar { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.25rem } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.25rem } .fc .fc-toolbar-title { font-size: 1.125rem; margin-bottom: 0 } .fc-direction-ltr .fc-toolbar>*>:not(:first-child) { margin-left:.625rem } .fc-direction-rtl .fc-toolbar>*>:not(:first-child) { margin-right:.625rem } .fc-direction-rtl .fc-toolbar-ltr { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative } .fc .fc-scroller-liquid { height: 100% } .fc .fc-scroller-liquid-absolute { position: absolute; top: 0; right: 0; left: 0; bottom: 0 } .fc .fc-scroller-harness { position: relative; overflow: hidden; direction: ltr } .fc .fc-scroller-harness-liquid { height: 100% } .fc-direction-rtl .fc-scroller-harness>.fc-scroller { direction: rtl } .fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd } .fc .fc-scrollgrid { border-collapse: separate; border-right-width: 0; border-bottom-width: 0 } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { width: 100%; table-layout: fixed } .fc .fc-scrollgrid table { border-top-style: hidden; border-left-style: hidden; border-right-style: hidden } .fc .fc-scrollgrid-liquid { height: 100% } .fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section>td { height: 1px } .fc .fc-scrollgrid-section>* { border-top-width: 0; border-left-width: 0 } .fc .fc-scrollgrid-section-liquid { height: auto } .fc .fc-scrollgrid-section-liquid>td { height: 100% } .fc .fc-scrollgrid-section-footer>*, .fc .fc-scrollgrid-section-header>* { border-bottom-width: 0 } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden } .fc .fc-scrollgrid-section-sticky>* { background-color: #fff; position: -webkit-sticky; position: sticky; z-index: 3 } .fc .fc-scrollgrid-section-sticky.fc-scrollgrid-section-header>* { top: 0 } .fc .fc-scrollgrid-section-sticky.fc-scrollgrid-section-footer>* { bottom: 0 } .fc .fc-scrollgrid-sticky-shim { height: 1px; margin-bottom: -1px } .fc .fc-view-harness { -ms-flex-positive: 1; flex-grow: 1; position: relative } .fc .fc-view-harness-active>.fc-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fc .fc-col-header-cell-cushion { display: inline-block; padding:.75rem 1.25rem; color: #333; font-weight: 500 } .fc-sticky { position: -webkit-sticky; position: sticky } .fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .fc .fc-non-business { background-color: rgba(221,221,221,.3) } .fc .fc-bg-event { background: rgba(124,209,170,.3); opacity: .3 } .fc .fc-highlight { background-color: rgba(221,221,221,.2) } .fc .fc-cell-shaded, .fc .fc-day-disabled { background-color: #b7b7b7 } a.fc-event, a.fc-event:hover { text-decoration: none } .fc-event.fc-event-draggable, .fc-event[href] { cursor: pointer } .fc-event .fc-event-main { position: relative; z-index: 2 } .fc-event-dragging:not(.fc-event-selected) { opacity: .75 } .fc-event-dragging.fc-event-selected { box-shadow:0 .5rem 1rem rgba(0,0,0,.15) } .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4 } .fc-event-selected .fc-event-resizer, .fc-event:hover .fc-event-resizer { display: block } .fc-event-selected .fc-event-resizer:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.75rem; height: 1.75rem; z-index: 1070 } .fc-event-selected { box-shadow:0 .5rem 1rem rgba(0,0,0,.15) } .fc-event-selected:before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0 } .fc-event-selected:after { content: ""; background: rgba(0,0,0,.15); position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px } .fc-h-event { display: block; border: 1px solid #2196f3; background-color: #2196f3 } .fc-h-event .fc-event-main { color: #fff } .fc-h-event .fc-event-main-frame { display: -ms-flexbox; display: flex } .fc-h-event .fc-event-time { max-width: 100%; overflow: hidden } .fc-h-event .fc-event-title-container { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0 } .fc-h-event .fc-event-title { display: inline-block; vertical-align: top; left: 0; right: 0; max-width: 100%; overflow: hidden } .fc-h-event.fc-event-selected:before { top: -10px; bottom: -10px } .fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: -1px; bottom: -1px; width:.5rem } .fc-h-event .fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -1px } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start) { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end) { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: w-resize; left: -1px } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: e-resize; right: -1px } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start { left: -1px } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end { right: -1px } .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 } .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -1px; border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -1px; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -1px } .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -1px } .fc .fc-popover { position: absolute; z-index: 1060; box-shadow:0 .25rem .5rem rgba(0,0,0,.1); border-radius:.25rem } .fc .fc-popover .fc-daygrid-event.fc-event-end, .fc .fc-popover .fc-daygrid-event.fc-event-start { margin-left: 0; margin-right: 0 } .fc .fc-popover .fc-h-event { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .fc .fc-popover-header { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding:.9375rem .9375rem .75rem .9375rem } .fc .fc-popover-title { font-weight: 500 } .fc .fc-popover-close { cursor: pointer; opacity: .6; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fc .fc-popover-close { transition: none } } .fc .fc-popover-close:hover { opacity: 1 } .fc-theme-standard .fc-popover { border: 1px solid rgba(0,0,0,.15); background-color: #fff } .fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:after, .fc-daygrid-event-harness:before { content: ""; clear: both; display: table } .fc .fc-daygrid-body { position: relative; z-index: 1 } .fc .fc-daygrid-day.fc-day-today { background-color: #e9f7f1 } .fc .fc-daygrid-day-frame { position: relative; min-height: 100% } .fc .fc-daygrid-day-top { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc .fc-day-other .fc-daygrid-day-top { opacity: .3 } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding:.5rem; padding-bottom:.3125rem; color: #333 } .fc .fc-daygrid-day-events { margin-top:.1875rem } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0 } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; min-height: 2.0625rem } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom:.375rem } .fc .fc-daygrid-event-harness { position: relative } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; left: 0; right: 0 } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0 } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } .fc .fc-daygrid-event { z-index: 6; margin-top:.1875rem } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7 } .fc .fc-daygrid-day-bottom:before { content: ""; clear: both; display: table } .fc .fc-daygrid-more-link { position: relative; z-index: 4; margin:.1875rem .5rem 0 .5rem; background-color: #eee; color: #333; display: block; padding:.1875rem .5rem; text-align: center; font-size:.8125rem; line-height: 1.6924; cursor: pointer; border-radius:.25rem; transition: background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .fc .fc-daygrid-more-link { transition: none } } .fc .fc-daygrid-more-link:focus, .fc .fc-daygrid-more-link:hover { background-color: #ccc } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; bottom: 0; padding:.5rem; min-width: 1.5em; text-align: center; color: #333; background-color: #f0f2f5 } .fc-liquid-hack .fc-daygrid-day-frame { position: static } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding:.9375rem .9375rem; padding-top: 0 } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left:.5rem } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right:.5rem } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-right: 1px solid #ddd } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-left: 1px solid #ddd } .fc-daygrid-event { position: relative; white-space: nowrap; border-radius:.25rem; padding:.1875rem .5rem } .fc-daygrid-block-event .fc-event-time { font-weight: 500 } .fc-daygrid-dot-event { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #333; padding:.1875rem 0; transition: color ease-in-out .15s; background-color: #fff; border: 1px solid #ddd } .fc-daygrid-dot-event .fc-event-title { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 500 } .fc-daygrid-dot-event.fc-event-selected:before { top: -10px; bottom: -10px } .fc-daygrid-event-dot { margin:0 .5rem; box-sizing: content-box; width:.5rem; height:.5rem; background-color: #2196f3; border-radius: 50rem } .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right:.625rem } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left:.625rem } .fc-v-event { display: block; border: 1px solid #2196f3; background-color: #2196f3 } .fc-v-event .fc-event-main { color: #fff; height: 100% } .fc-v-event .fc-event-main-frame { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .fc-v-event .fc-event-time { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; max-height: 100%; overflow: hidden } .fc-v-event .fc-event-title-container { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-height: 0 } .fc-v-event .fc-event-title { top: 0; bottom: 0; max-height: 100%; overflow: hidden } .fc-v-event:not(.fc-event-start) { border-top-width: 0 } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .fc-v-event.fc-event-selected:before { left: -10px; right: -10px } .fc-v-event .fc-event-resizer-start { cursor: n-resize } .fc-v-event .fc-event-resizer-end { cursor: s-resize } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height:.5rem; left: -1px; right: -1px } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -1px } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -1px } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -1px } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -1px } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -1px } .fc .fc-timegrid .fc-daygrid-body { z-index: 2 } .fc .fc-timegrid-divider { padding: 0 0 1px } .fc .fc-timegrid-body { position: relative; z-index: 1; min-height: 100% } .fc .fc-timegrid-axis-chunk { position: relative } .fc .fc-timegrid-axis-chunk>table { position: relative; z-index: 1 } .fc .fc-timegrid-slots { position: relative; z-index: 1 } .fc .fc-timegrid-slot { height: 1.875rem; border-bottom: 0 } .fc .fc-timegrid-slot:empty:before { content: '\00a0' } .fc .fc-timegrid-slot-minor { border-top-style: dotted } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap } .fc .fc-timegrid-slot-label { vertical-align: middle } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding:0 .5rem } .fc .fc-timegrid-axis-frame-liquid { height: 100% } .fc .fc-timegrid-axis-frame { overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .fc .fc-timegrid-axis-cushion { max-width: 60px; -ms-flex-negative: 0; flex-shrink: 0; color: #333; font-weight: 500 } .fc .fc-timegrid-col.fc-day-today { background-color: #e9f7f1 } .fc .fc-timegrid-col-frame { min-height: 100%; position: relative } .fc .fc-timegrid-col-bg { z-index: 2 } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } .fc .fc-timegrid-bg-harness { position: absolute; left: 0; right: 0 } .fc .fc .fc-timegrid-col-events { z-index: 3 } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: #51adf6; border-width: .3em 0 0 } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top:-.1875rem; border-style: solid; border-color: #51adf6 } .fc-liquid-hack .fc-timegrid-axis-frame-liquid, .fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fc-media-screen .fc-timegrid-cols { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .fc-media-screen .fc-timegrid-cols>table { height: 100% } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0 } .fc-timegrid-event-harness { position: absolute } .fc-timegrid-event-harness>.fc-timegrid-event { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { box-shadow: 0 0 0 1px #fff } .fc-timegrid-event, .fc-timegrid-more-link { border-radius:.25rem } .fc-timegrid-event .fc-event-main { padding:.1875rem .5rem 0 } .fc-timegrid-event .fc-event-time { white-space: nowrap } .fc-timegrid-event-short .fc-event-main-frame { -ms-flex-direction: row; flex-direction: row; overflow: hidden } .fc-timegrid-event-short .fc-event-time:after { content: '\00a0-\00a0' } .fc-timegrid-more-link { position: absolute; z-index: 9999; color: inherit; background-color: #eee; cursor: pointer; margin-bottom:.1875rem } .fc-timegrid-more-link-inner { padding:.1875rem .5rem; top: 0 } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px } .fc-direction-ltr .fc-timegrid-more-link { right: 0 } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; border-width: .3em 0 .3em .3em; border-top-color: transparent; border-bottom-color: transparent } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2px } .fc-direction-rtl .fc-timegrid-more-link { left: 0 } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; border-width: .3em .3em .3em 0; border-top-color: transparent; border-bottom-color: transparent } .fc-theme-standard .fc-list { border: 1px solid #ddd } .fc .fc-list-empty { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .fc .fc-list-empty-cushion { margin: 1.25rem 0 } .fc .fc-list-table { width: 100%; border-style: hidden } .fc .fc-list-table th { padding: 0 } .fc .fc-list-table tr>* { border-left: 0; border-right: 0 } .fc .fc-list-sticky .fc-list-day>* { position: -webkit-sticky; position: sticky; top: 0 } .fc .fc-list-day-cushion, .fc .fc-list-table td { padding:.75rem 1.25rem } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table } .fc .fc-list-event.fc-event-forced-url { cursor: pointer } .fc .fc-list-event-title a { color: inherit; text-decoration: none } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px } .fc .fc-list-event-dot { display: inline-block; box-sizing: content-box; margin:0 .5rem; box-sizing: content-box; width:.5rem; height:.5rem; background-color: #2196f3; border-radius: 50rem } .fc .fc-list-day-side-text, .fc .fc-list-day-text { color: #333 } .fc .fc-list-day-side-text:focus, .fc .fc-list-day-text:focus { outline: 0 } .fc-theme-standard .fc-list-day-cushion { background-color: #f0f2f5 } .fc-theme-bootstrap a:not([href]) { color: inherit } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right } .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 } @media (max-width:768.98px) { .fc .fc-toolbar { display: block; text-align: center } .fc .fc-toolbar .fc-toolbar-title { margin-top:.625rem; margin-bottom:.625rem } .fc .fc-view-harness { overflow: auto; min-height: 600px; box-shadow: 0 0 0 1px rgba(0,0,0,.125) inset } .fc .fc-view-harness .fc-view { min-width: 900px } } .image-cropper-container { direction: ltr; height: 400px; width: 100%; overflow: hidden; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) } .eg-preview .preview { direction: ltr } .eg-preview .preview-lg { width: 150px; height: 150px } .eg-preview .preview-md { width: 120px; height: 120px } .eg-preview .preview-sm { width: 90px; height: 90px } .eg-preview .preview-xs { width: 60px; height: 60px } .eg-preview .preview-xxs { width: 40px; height: 40px } .cropper-container { direction: ltr!important; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cropper-container img { display: block; width: 100%; min-width: 0!important; max-width: none!important; height: 100%; min-height: 0!important; max-height: none!important; image-orientation: 0deg!important } .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .cropper-wrap-box { overflow: hidden } .cropper-drag-box { background-color: #fff; opacity: 0 } .cropper-modal { background-color: #000; opacity: .35 } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100% } .cropper-dashed { position: absolute; display: block; border: 0 dashed #eee; opacity: .5 } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: .75; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .cropper-center:after, .cropper-center:before { content: ' '; position: absolute; display: block; background-color: #eee } .cropper-center:before { top: 0; left: -4px; width: 9px; height: 1px } .cropper-center:after { top: -4px; left: 0; width: 1px; height: 9px } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: .1 } .cropper-face { top: 0; left: 0; background-color: #fff } .cropper-line { background-color: #2196f3 } .cropper-line.line-e { top: 0; right:-.1875rem; width:.375rem; cursor: e-resize } .cropper-line.line-n { top:-.1875rem; left: 0; height:.375rem; cursor: n-resize } .cropper-line.line-w { top: 0; left:-.1875rem; width:.375rem; cursor: w-resize } .cropper-line.line-s { bottom:-.1875rem; left: 0; height:.375rem; cursor: s-resize } .cropper-point { background-color: #2196f3; opacity: .75; width:.375rem; height:.375rem } .cropper-point.point-e { top: 50%; right:-.1875rem; margin-top:-.1875rem; cursor: e-resize } .cropper-point.point-n { top:-.1875rem; left: 50%; margin-left:-.1875rem; cursor: n-resize } .cropper-point.point-w { top: 50%; left:-.1875rem; margin-top:-.1875rem; cursor: w-resize } .cropper-point.point-s { bottom:-.1875rem; left: 50%; margin-left:-.1875rem; cursor: s-resize } .cropper-point.point-ne { top:-.1875rem; right:-.1875rem; cursor: ne-resize } .cropper-point.point-nw { top:-.1875rem; left:-.1875rem; cursor: nw-resize } .cropper-point.point-sw { bottom:-.1875rem; left:-.1875rem; cursor: sw-resize } .cropper-point.point-se { right:-.1875rem; bottom:-.1875rem; cursor: se-resize; opacity: 1; width:.375rem; height:.375rem } .cropper-point.point-se:before { content: ' '; position: absolute; right: -50%; bottom: -50%; display: block; background-color: #2196f3; opacity: 0; width: 200%; height: 200% } .cropper-bg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) } .cropper-invisible { opacity: 0 } .cropper-hide { position: absolute; display: block; width: 0; height: 0 } .cropper-hidden { display: none!important } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: default } .cropper-move { cursor: move } .cropper-crop { cursor: crosshair } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999!important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0 } .glightbox-container.inactive { display: none } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden } .glightbox-container .gslider { height: 100%; left: 0; top: 0; width: 100%; position: relative; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: 0 } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999 } .glightbox-container .gslide iframe, .glightbox-container .gslide video { outline: 0!important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto } .glightbox-container .gslide-inner-content { width: 100% } .glightbox-container .ginner-container { position: relative; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh } .glightbox-container .ginner-container.gvideo-container { width: 100% } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -ms-flex-direction: column; flex-direction: column } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100%!important } .gslide-image { -ms-flex-align: center; align-items: center } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: 0; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px } .gslide-image img.zoomable { position: relative } .gslide-image img.dragging { cursor: -webkit-grabbing!important; cursor: grabbing!important; transition: none } .desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100% } .gslide-video { position: relative; max-width: 100vh; width: 100%!important } .gslide-video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255,0,0,.34); display: none } .gslide-video.playing::before { display: none } .gslide-video .gvideo-wrapper { width: 100%; margin: auto } .gslide-video.fullscreen { max-width: 100%!important; min-width: 100%; height: 75vh } .gslide-video.fullscreen video { max-width: 100%!important; width: 100%!important } .gslide-inline { background-color: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100% } .gslide-inline .ginlined-content { padding: 20px; width: 100% } .gslide-inline .dragging { cursor: -webkit-grabbing!important; cursor: grabbing!important; transition: none } .gslide-media { position: relative; display: -ms-flexbox; display: flex; width: auto; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .zoomed .gslide-media { box-shadow: none!important } .desc-bottom .gslide-media, .desc-top .gslide-media { margin: 0 auto; -ms-flex-direction: column; flex-direction: column } .gslide-description { position: relative; -ms-flex: 1 0 100%; flex: 1 0 100% } .gslide-description.description-left, .gslide-description.description-right { max-width: 100% } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100% } .gslide-description p { margin-bottom:.625rem } .gslide-description p:last-child { margin-bottom: 0 } .zoomed .gslide-description { display: none } .ginlined-content { overflow: auto; display: block!important; opacity: 1 } .gslide-external { display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background-color: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100% } .glightbox-button-hidden { display: none } .download-original-image { position: absolute; top:.625rem; right:.625rem; width: 2.5rem; height: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; border-radius: 50rem; background-color: rgba(0,0,0,.1) } .download-original-image:hover { color: #fff; background-color: rgba(0,0,0,.15) } .glightbox-mobile .glightbox-container .gslide-description { height: auto!important; width: 100%; background: 0 0; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw!important; -ms-flex-order: 2!important; order: 2!important; max-height: 78vh; overflow: auto!important; background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.75) 100%); transition: opacity .25s linear; padding-bottom: 50px } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1 } .glightbox-mobile .glightbox-container .gslide-desc .desc-more, .glightbox-mobile .glightbox-container .gslide-desc a, .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff } .glightbox-mobile .glightbox-container .gslide-desc a { font-weight: 700 } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { opacity: .4 } .gdesc-open .gslide-media { transition: opacity .25s ease; opacity: .4 } .gdesc-open .gdesc-inner { padding-bottom: 30px } .gdesc-closed .gslide-media { transition: opacity .25s ease; opacity: 1 } .greset { transition: all .25s ease } .gabsolute { position: absolute } .grelative { position: relative } .glightbox-desc { display: none!important } .glightbox-open { overflow: hidden } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47% } .goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; background-color: rgba(0,0,0,.9); will-change: opacity } .gclose, .gnext, .gprev { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; -webkit-animation: gfadeIn .25s ease; animation: gfadeIn .25s ease } .gclose svg, .gnext svg, .gprev svg { display: block; width: 25px; height: auto; margin: 0; padding: 0 } .gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: .1 } .gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: #fff } iframe.wait-autoplay { opacity: 0 } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0!important } .glightbox-clean .gslide-description { background-color: #fff } .glightbox-clean .gdesc-inner { padding: 1.25rem } .glightbox-clean .gslide-title { margin-bottom: 1.25rem } .glightbox-clean .gslide-desc { font-size:.8125rem; line-height: 1.6924; margin-bottom: 0 } .glightbox-clean .gslide-video { background-color: #000 } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: transparent; border-radius: 50rem } .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: rgba(0,0,0,.25) } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: #fff } .glightbox-clean .gprev { position: absolute; bottom: 20px; left: 20px; width: 60px; height: 60px } .glightbox-clean .gnext { position: absolute; bottom: 20px; right: 20px; width: 60px; height: 60px } .glightbox-clean .gclose { width: 46px; height: 46px; top: 20px; right: 20px; position: absolute } .glightbox-clean .gclose:hover { opacity: 1 } .glightbox-clean .gclose svg { width: 18px; height: auto } .glightbox-clean button:focus:not(.focused):not(.disabled) { outline: 0 } .gfadeIn { -webkit-animation: gfadeIn .25s ease; animation: gfadeIn .25s ease } .gfadeOut { -webkit-animation: gfadeOut .25s ease; animation: gfadeOut .25s ease } .gslideOutLeft { -webkit-animation: gslideOutLeft .25s ease; animation: gslideOutLeft .25s ease } .gslideInLeft { -webkit-animation: gslideInLeft .25s ease; animation: gslideInLeft .25s ease } .gslideOutRight { -webkit-animation: gslideOutRight .25s ease; animation: gslideOutRight .25s ease } .gslideInRight { -webkit-animation: gslideInRight .25s ease; animation: gslideInRight .25s ease } .gzoomIn { -webkit-animation: gzoomIn .25s ease; animation: gzoomIn .25s ease } .gzoomOut { -webkit-animation: gzoomOut .25s ease; animation: gzoomOut .25s ease } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes lightboxLoader { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes gfadeIn { from { opacity:0 } to { opacity: 1 } } @keyframes gfadeIn { from { opacity:0 } to { opacity: 1 } } @-webkit-keyframes gfadeOut { from { opacity:1 } to { opacity: 0 } } @keyframes gfadeOut { from { opacity:1 } to { opacity: 0 } } @-webkit-keyframes gslideInLeft { from { opacity:0; -webkit-transform:translate3d(-60%, 0, 0); transform:translate3d(-60%, 0, 0) } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideInLeft { from { opacity:0; -webkit-transform:translate3d(-60%, 0, 0); transform:translate3d(-60%, 0, 0) } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes gslideOutLeft { from { opacity:1; visibility:visible; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @keyframes gslideOutLeft { from { opacity:1; visibility:visible; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @-webkit-keyframes gslideInRight { from { opacity:0; visibility:visible; -webkit-transform:translate3d(60%, 0, 0); transform:translate3d(60%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideInRight { from { opacity:0; visibility:visible; -webkit-transform:translate3d(60%, 0, 0); transform:translate3d(60%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes gslideOutRight { from { opacity:1; visibility:visible; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 } } @keyframes gslideOutRight { from { opacity:1; visibility:visible; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 } } @-webkit-keyframes gzoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity: 1 } } @keyframes gzoomIn { from { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity: 1 } } @-webkit-keyframes gzoomOut { from { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes gzoomOut { from { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity: 0 } } @media (min-width:769px) { .glightbox-container .ginner-container { width: auto; height: auto; -ms-flex-direction: row; flex-direction: row } .glightbox-container .ginner-container.desc-top .gslide-description { -ms-flex-order: 0; order: 0 } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -ms-flex-order: 1; order: 1 } .glightbox-container .ginner-container.desc-left .gslide-description { -ms-flex-order: 0; order: 0 } .glightbox-container .ginner-container.desc-left .gslide-image { -ms-flex-order: 1; order: 1 } .gslide-image img { max-height: 97vh; max-width: 100% } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab } .gslide-inline { max-height: 95vh } .gslide-external { max-height: 100vh } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px } .goverlay { background-color: rgba(0,0,0,.9) } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto } .glightbox-clean .gprev { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%) } .glightbox-clean .gnext { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%) } } .footable { width: 100% } .footable>thead>tr>th { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .footable.breakpoint>tbody>tr:hover:not(.footable-detail-row) { cursor: pointer } .footable.breakpoint>tbody>tr .footable-toggle { line-height: 1; margin-top:.1875rem } .footable.breakpoint>tbody>tr .footable-toggle:before { content: ""; display: block; font-family: icomoon; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .footable.breakpoint>tbody>tr .footable-first-visible .footable-toggle { float: left; margin-right:.625rem } .footable.breakpoint>tbody>tr .footable-last-visible .footable-toggle { float: right; margin-left:.625rem } .footable.breakpoint>tbody>tr[data-expanded=true] .footable-toggle:before { content: "" } .footable .footable-detail-row:hover { background-color: transparent } .footable .footable-detail-row>td { padding: 0; background-color: transparent } .footable-details { background-color: #fafafa } .footable-details td { text-align: left!important } .dataTable { margin: 0; max-width: none } .dataTable thead td, .dataTable thead th { outline: 0; position: relative } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc { cursor: pointer } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc, .dataTable thead .sorting_desc_disabled { padding-right: 2.5rem } .dataTable thead .sorting:after, .dataTable thead .sorting:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_desc_disabled:after { content: ''; font-family: icomoon; position: absolute; top: 50%; right: 1.25rem; font-size:.8125rem; margin-top:-.40625rem; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dataTable thead .sorting:before { content: ""; margin-top:-.125rem; opacity: .5 } .dataTable thead .sorting:after { content: ""; margin-top:-.6875rem; opacity: .5 } .dataTable thead .sorting_asc:after { content: ""; opacity: 1 } .dataTable thead .sorting_desc:after { content: ""; opacity: 1 } .dataTable thead .sorting_asc_disabled:after { content: ""; opacity: .25 } .dataTable thead .sorting_desc_disabled:after { content: ""; opacity: .25 } .dataTable tbody+tfoot+thead>tr:first-child>td, .dataTable tbody+tfoot+thead>tr:first-child>th, .dataTable tbody+thead>tr:first-child>td, .dataTable tbody+thead>tr:first-child>th { border-top: 0 } .dataTable tbody td, .dataTable tbody th { outline: 0 } .dataTable tbody td.active, .dataTable tbody th.active { background-color: rgba(0,0,0,.03) } .dataTable .dataTables_empty { text-align: center } .dataTable.table-bordered { border-collapse: collapse } .dataTables_wrapper { position: relative; -ms-flex: none; flex: none } .dataTables_wrapper::after { display: block; clear: both; content: "" } .dataTables_wrapper .table-bordered { border-top: 0 } .dataTables_wrapper+.card-body { border-top: 1px solid #ddd } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; background-color: #fff; background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.9) 25%, rgba(255,255,255,.9) 75%, rgba(255,255,255,0) 100%) } .datatable-footer, .datatable-header { padding: 1.25rem 1.25rem 0 1.25rem } .datatable-footer::after, .datatable-header::after { display: block; clear: both; content: "" } .datatable-footer>div:first-child, .datatable-header>div:first-child { margin-left: 0 } .card-body .datatable-footer, .card-body .datatable-header { padding-left: 0; padding-right: 0 } .datatable-footer-accent, .datatable-header-accent { background-color: rgba(0,0,0,.02) } .datatable-header { border-bottom: 1px solid #ddd } .datatable-footer { border-top: 1px solid #b7b7b7 } .dataTables_length { float: right; display: inline-block; margin: 0 0 1.25rem 1.25rem } .dataTables_length>label { margin-bottom: 0 } .dataTables_length>label>span:first-child { float: left; margin:.5rem .83333rem; margin-left: 0 } .dataTables_length select { width: auto } .dataTables_length select:not(.custom-select) { height:calc(1.5715em + .875rem + 2px); padding:.4375rem .875rem; font-size:.875rem; line-height: 1.5715; color: #333; background-color: #fff; border: 1px solid #ddd; outline: 0; border-radius:.25rem } .length-left .dataTables_length { float: left } .dataTables_filter { position: relative; display: block; float: left; margin: 0 0 1.25rem 1.25rem } .dataTables_filter>label { margin-bottom: 0; position: relative } .dataTables_filter>label:after { content: ""; font-family: icomoon; font-size:.8125rem; display: inline-block; position: absolute; top: 50%; right:.875rem; margin-top:-.40625rem; line-height: 1; opacity: .5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dataTables_filter>label>span { float: left; margin:.5rem .83333rem; margin-left: 0 } .dataTables_filter input { outline: 0; width: 12.5rem; padding:.4375rem .875rem; padding-right: 2.09375rem; font-size:.875rem; line-height: 1.5715; color: #333; background-color: #fff; border: 1px solid #ddd; border-radius:.25rem } .dataTables_filter input::-webkit-input-placeholder { color:#999; opacity:1 } .dataTables_filter input::-moz-placeholder { color:#999; opacity:1 } .dataTables_filter input:-ms-input-placeholder { color:#999; opacity:1 } .dataTables_filter input::-ms-input-placeholder { color:#999; opacity:1 } .dataTables_filter input::placeholder { color:#999; opacity:1 } .filter-right .dataTables_filter { float: right } .dataTables_info { float: left; padding:.4375rem 0; margin-bottom: 1.25rem } .info-right .dataTables_info { float: right } .dataTables_paginate { float: right; text-align: right; margin: 0 0 1.25rem 1.25rem } .dataTables_paginate .paginate_button { display: inline-block; padding:.4375rem; min-width: 2.37506rem; margin-left:.125rem; text-align: center; text-decoration: none; cursor: pointer; color: #333; outline: 0; border: 1px solid transparent; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dataTables_paginate .paginate_button { transition: none } } .dataTables_paginate .paginate_button:focus, .dataTables_paginate .paginate_button:hover { background-color: #e1e5eb } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover { color: #fff; background-color: #1c2e37 } .dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:focus, .dataTables_paginate .paginate_button.disabled:hover { cursor: default; background-color: transparent; color: #ccc } .dataTables_paginate.paging_simple .paginate_button { padding-left:.875rem; padding-right:.875rem } .dataTables_paginate.paging_simple .paginate_button:not(.disabled):focus, .dataTables_paginate.paging_simple .paginate_button:not(.disabled):hover { color: #fff; background-color: #1c2e37 } .paginate-left .dataTables_paginate { float: left } .paging_simple .paginate_button:focus, .paging_simple .paginate_button:hover { color: #fff; background-color: #2196f3 } .dataTables_scroll { clear: both } .dataTables_scroll .dataTables_scrollHead table { border-bottom: 0 } .dataTables_scroll .dataTables_scrollHead td, .dataTables_scroll .dataTables_scrollHead th { white-space: nowrap } .dataTables_scroll .dataTables_scrollBody { -webkit-overflow-scrolling: touch } .dataTables_scroll .dataTables_scrollBody table { border-bottom: 0 } .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before { content: none } .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td { border-top: 0 } .dataTables_scroll .dataTables_scrollBody td, .dataTables_scroll .dataTables_scrollBody th { white-space: nowrap } .dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing, .dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing { height: 0; overflow: hidden; margin: 0; padding: 0 } .card-body+*>.dataTables_wrapper, .card-body+.dataTables_wrapper { border-top: 1px solid #ddd } .card-body>.dataTables_wrapper .datatable-footer { border-top: 0 } .card-body>.dataTables_wrapper .datatable-footer .dataTables_filter, .card-body>.dataTables_wrapper .datatable-footer .dataTables_info, .card-body>.dataTables_wrapper .datatable-footer .dataTables_length, .card-body>.dataTables_wrapper .datatable-footer .dataTables_paginate { margin-bottom: 0 } .card-header:not([class*=bg-])+.dataTables_wrapper>.datatable-header { padding-top: 0 } .card>.dataTables_wrapper .table-bordered { border: 0 } .card>.dataTables_wrapper .table-bordered>tbody>tr>td:first-child, .card>.dataTables_wrapper .table-bordered>tbody>tr>th:first-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>td:first-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>th:first-child, .card>.dataTables_wrapper .table-bordered>thead>tr>td:first-child, .card>.dataTables_wrapper .table-bordered>thead>tr>th:first-child { border-left: 0 } .card>.dataTables_wrapper .table-bordered>tbody>tr>td:last-child, .card>.dataTables_wrapper .table-bordered>tbody>tr>th:last-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>td:last-child, .card>.dataTables_wrapper .table-bordered>tfoot>tr>th:last-child, .card>.dataTables_wrapper .table-bordered>thead>tr>td:last-child, .card>.dataTables_wrapper .table-bordered>thead>tr>th:last-child { border-right: 0 } .card>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td, .card>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th { border-bottom: 0 } .datatable-scroll, .datatable-scroll-lg, .datatable-scroll-sm { min-height: .01% } .datatable-scroll-wrap { width: 100%; min-height: .01%; overflow-x: auto } @media (max-width:768.98px) { .datatable-scroll-sm { width: 100%; overflow-x: scroll } .datatable-scroll-sm td, .datatable-scroll-sm th { white-space: nowrap } } @media (max-width:991.98px) { .datatable-scroll { width: 100%; overflow-x: scroll } .datatable-scroll td, .datatable-scroll th { white-space: nowrap } } @media (max-width:1199.98px) { .datatable-scroll-lg { width: 100%; overflow-x: scroll } .datatable-scroll-lg td, .datatable-scroll-lg th { white-space: nowrap } } @media (max-width:768.98px) { .ColVis, .DTTT_container, .dataTables_filter, .dataTables_info, .dataTables_length, .dataTables_paginate { float: none!important; text-align: center; margin-left: 0 } .dataTables_info, .dataTables_paginate { margin-top: 0 } .datatable-header { text-align: center } } .DTCR_clonedTable { background-color: rgba(255,255,255,.8); z-index: 202; cursor: move } .DTCR_clonedTable td, .DTCR_clonedTable th { border: 1px solid #ddd!important } .DTCR_pointer { width: 1px; background-color: #2196f3; z-index: 201 } .dt-rowReorder-float { position: absolute!important; table-layout: static; outline: 1px dashed #ddd; outline-offset: -1px; background-color: #fff; z-index: 1030; cursor: move; opacity: .9 } .dt-rowReorder-moving { outline: 1px solid #ddd; outline-offset: -1px } .dt-rowReorder-noOverflow { overflow-x: hidden } .dataTable td.reorder { text-align: center; cursor: move } .DTFC_ScrollWrapper thead th { white-space: nowrap } .DTFC_Cloned { background-color: #fff; border-bottom: 0 } .DTFC_LeftWrapper .DTFC_LeftBodyWrapper, .DTFC_LeftWrapper .DTFC_LeftFootWrapper, .DTFC_LeftWrapper .DTFC_LeftHeadWrapper { border-right: 1px solid #ddd } .DTFC_RightWrapper .DTFC_RightBodyWrapper, .DTFC_RightWrapper .DTFC_RightFootWrapper, .DTFC_RightWrapper .DTFC_RightHeadWrapper { border-left: 1px solid #ddd } .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before { content: none } .DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>td, .DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>th, .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>td, .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>th { border-top: 0 } .DTFC_Blocker { background-color: #fff } .dt-autofill-handle { position: absolute; z-index: 102; border: 1px solid #2196f3; background-color: #2196f3; width:.5rem; height:.5rem } .dt-autofill-select { position: absolute; z-index: 1001; background-color: #2196f3; background-image:repeating-linear-gradient(45deg, transparent, transparent .3125rem, rgba(255,255,255,.75) .3125rem, rgba(255,255,255,.75) .625rem) } .dt-autofill-select.bottom, .dt-autofill-select.top { height: 1px } .dt-autofill-select.left, .dt-autofill-select.right { width: 1px } .dt-autofill-list { position: fixed; top: 50%; left: 50%; width: 31.25rem; margin-left: -15.63rem; background-color: #fff; border: 1px solid rgba(0,0,0,.2); z-index: 1050; padding:.5rem 0; border-radius:.25rem } .dt-autofill-list ul { display: table; margin: 0; padding: 0; list-style: none; width: 100% } .dt-autofill-list ul li { display: table-row; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dt-autofill-list ul li { transition: none } } .dt-autofill-list ul li:hover { color: #333; background-color: #eee } .dt-autofill-list .dt-autofill-question { display: table-cell; padding:.5rem 1rem } .dt-autofill-list .dt-autofill-question input[type=number] { padding:.375rem; width: 1.875rem; margin:-.125rem 0 } .dt-autofill-list .dt-autofill-button { display: table-cell; padding:.5rem 1rem; text-align: right } .dt-autofill-list .dt-autofill-button .btn { padding:.1875rem; background-color: #2196f3; color: #fff; font-size: 0 } .dt-autofill-list .dt-autofill-button .btn:after { content: ""; font-family: icomoon; display: block; font-size: 1rem; width: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dt-autofill-list .dt-autofill-button .btn:hover { opacity: .85 } .dt-autofill-background { position: fixed; top: 0; left: 0; background-color: #000; z-index: 1040; opacity: .35; width: 100%; height: 100% } .dataTable tbody>tr.selected, .dataTable tbody>tr>.selected { background-color: #e9f7f1 } .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-left:.625rem } @media (max-width:768.98px) { .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-left: 0; display: block } } .dataTable tbody .select-checkbox { position: relative } .dataTable tbody .select-checkbox:after, .dataTable tbody .select-checkbox:before { display: inline-block; position: absolute; top: 50%; left: 50%; cursor: pointer; width: 1.25rem; height: 1.25rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .dataTable tbody .select-checkbox:before { content: ''; background-color: #fff; border: 2px solid #ddd; border-radius:.1875rem; transition: border-color ease-in-out .15s, background-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dataTable tbody .select-checkbox:before { transition: none } } .dataTable tbody .select-checkbox:after { content: ''; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z'/%3e%3c/svg%3e") no-repeat 50%/50% 50%; opacity: 0; transition: opacity ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dataTable tbody .select-checkbox:after { transition: none } } .dataTable tbody .selected .select-checkbox:after, .dataTable tbody .selected .select-checkbox:before { border-color: #2196f3 } .dataTable tbody .selected .select-checkbox:before { background-color: #2196f3 } .dataTable tbody .selected .select-checkbox:after { opacity: 1 } .dt-buttons-full .dt-buttons { float: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0; border-bottom: 1px solid #ddd; padding-top: 1.25rem; padding-bottom:.625rem; background-color: rgba(0,0,0,.02) } .dt-buttons-full .dt-buttons>.btn { margin-bottom:.625rem; float: none } .dt-buttons { position: relative; float: right; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 1.25rem 1.25rem } .dt-buttons-left .dt-buttons { float: left } .dt-buttons>.btn { border-radius: 0 } .dt-buttons>.btn:first-child { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } .dt-buttons>.btn:last-of-type { border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } .dt-buttons>.btn+.btn { margin-left: -1px } @media (max-width:768.98px) { .dt-buttons { float: none; text-align: center; display: block } .dt-buttons .btn { float: none } } .dt-button-background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; z-index: 1040; opacity: .35 } .dt-button-collection { position: absolute; background-color: #fff; display: block; z-index: 1050; padding:.5rem 0; overflow: hidden; min-width: 12.5rem; -webkit-column-gap:.125rem; -moz-column-gap:.125rem; column-gap:.125rem; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .dt-button-collection:not(.fixed) { top: 100%!important; left: auto!important; right: 0!important } .dt-button-collection .dt-button { padding:.5rem 1rem; color: #333; background-color: transparent; border: 0; display: block; outline: 0; width: 100%; text-align: left; cursor: pointer; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .dt-button-collection .dt-button { transition: none } } .dt-button-collection .dt-button+.dt-button { margin-top: 1px } .dt-button-collection .dt-button:focus, .dt-button-collection .dt-button:hover { color: #333; background-color: #eee } .dt-button-collection .dt-button.active { color: #fff; background-color: #2196f3 } .dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -4.6875rem; padding-left:.5rem; padding-right:.5rem } .dt-button-collection.fixed.two-column { margin-left: -9.375rem } .dt-button-collection.fixed.three-column { margin-left: -14.065rem } .dt-button-collection.fixed.four-column { margin-left: -18.75rem } .dt-button-collection>* { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } .dt-button-collection.two-column { width: 18.75rem; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 } .dt-button-collection.three-column { width: 28.13rem; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } .dt-button-collection.four-column { width: 37.5rem; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 } .dt-button-info { position: fixed; top: 1.25rem; right: 1.25rem; width: 20rem; background-color: #2196f3; color: #fff; border: 1px solid #2196f3; padding: 1rem 1.25rem; z-index: 1070; border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.1) } .dt-button-info h2 { font-size: 1rem; margin-bottom:.3125rem; line-height: 1.5715; letter-spacing: -.015em } .dataTable td.focus, .dataTable th.focus { outline: 2px solid #2196f3; outline-offset: -1px } .dataTable td.focus-success, .dataTable th.focus-success { outline-color: #25b372 } .dataTable td.focus-info, .dataTable th.focus-info { outline-color: #2cbacc } .dataTable td.focus-warning, .dataTable th.focus-warning { outline-color: #f58646 } .dataTable td.focus-danger, .dataTable th.focus-danger { outline-color: #ef5350 } .DTS tbody td, .DTS tbody th { white-space: nowrap } .DTS .DTS_Loading { position: absolute; top: 50%; left: 50%; width: 12.5rem; height: 1.25rem; margin-top: -1.25rem; margin-left: -6.25rem; z-index: 1; border: 1px solid #ddd; padding: 1.25rem 0; text-align: center } .DTS .dataTables_scrollFoot, .DTS .dataTables_scrollHead { background-color: #fff } .DTS .dataTables_scrollBody { z-index: 2 } .dtr-inline.collapsed tbody tr td:before, .dtr-inline.collapsed tbody tr th:before { margin-right:.625rem } .dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child { position: relative; cursor: pointer; white-space: nowrap } .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { display: none } .dtr-column tbody td.control, .dtr-column tbody th.control { position: relative; cursor: pointer } .dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before, .dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before { content: ""; font-family: icomoon; display: inline-block; font-size: 1rem; width: 1rem; line-height: 1; position: relative; top:-.0625rem; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .dataTable.dtr-column tbody tr.parent td.control:before, .dataTable.dtr-column tbody tr.parent th.control:before, .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before { content: "" } .dtr-inline.collapsed tbody tr.child td:before { display: none } .dataTable tr.child:hover { background-color: transparent } .dataTable tr.child .dtr-title { display: table-cell; font-weight: 500; padding-right: 2.5rem } .dataTable tr.child .dtr-data { display: table-cell; padding:.5rem 0; white-space: normal } .dataTable tr td.child { white-space: normal; position: relative } .dataTable tr td.child>ul { display: table; table-layout: fixed; width: 100%; list-style: none; margin: 0; padding: 0 } .dataTable tr td.child>ul>li { display: table-row } .map-container { height: 500px } .gm-style { font-size:.875rem } .gm-style .gm-style-iw { font-size:.875rem; font-weight: 400 } .vector-map-container { height: 500px } .jvectormap-label { position: absolute; display: none; background-color: #000; color: #fff; padding:.375rem .75rem; border-radius:.25rem } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 1.25rem; padding:.5rem; color: #fff; cursor: pointer; font-size: 1rem; font-weight: 300; line-height:.625rem; color: #fff; background-color: #333; text-align: center; border-radius:.25rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .jvectormap-zoomin, .jvectormap-zoomout { transition: none } } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { color: #fff; background-color: #555 } .jvectormap-zoomin { top:.625rem } .jvectormap-zoomout { top: 2.5rem } .chart-container { position: relative; width: 100% } .chart-container.has-scroll { overflow-x: scroll; overflow-y: visible; max-width: 100% } @media (max-width:768.98px) { .chart-container { overflow-x: scroll; overflow-y: visible; max-width: 100% } } .chart { position: relative; display: block; width: 100% } [dir=rtl] .chart { direction: ltr } .chart.has-minimum-width { min-width: 37.5rem } .has-fixed-height { height: 400px } .chart-pie { width: 100%; height: 400px; min-width: 31.25rem } .c3 svg { font-size:.8125rem } .c3 line, .c3 path { fill: none } .c3 text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .c3-axis line, .c3-axis path, .c3-axis-x line, .c3-axis-x path, .c3-axis-y line, .c3-axis-y path { stroke: #999 } .c3-axis .tick, .c3-axis-x .tick, .c3-axis-y .tick { fill: #333 } .c3-axis-x-label, .c3-axis-x2-label, .c3-axis-y-label, .c3-axis-y2-label, .c3-xgrid-line text, .c3-ygrid-line text { fill: rgba(51,51,51,.75) } .c3 path.domain, .c3-bars path, .c3-event-rect, .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid { shape-rendering: crispEdges } .c3-grid line { stroke: #ddd } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3 } .c3-text { font-weight: 500 } .c3-text.c3-empty { fill: rgba(51,51,51,.5) } .c3-line { stroke-width: 2px } .c3-area { stroke-width: 0; opacity: .4 } .c3-bar { stroke-width: 0 } .c3-bar._expanded_ { fill-opacity: .75 } .c3-chart-arc path { stroke: #fff; stroke-width: 2px } .c3-chart-arc text { fill: #fff; font-size:.875rem } .c3-chart-arc .c3-gauge-value { fill: #333; font-size: 1.625rem } .c3-chart-arcs-title { font-size: 1rem; fill: #333 } .c3-chart-arcs .c3-chart-arcs-background { fill: #f9f9f9; stroke: none } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #333; font-size: 1rem } .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #333 } .c3-target.c3-focused { opacity: 1 } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px } .c3-target.c3-defocused { opacity: .3!important } .c3-region { fill: #ccc; fill-opacity: 1 } .c3-brush .extent { fill-opacity: .1 } .c3-legend-item { font-size:.8125rem } .c3-legend-item text { fill: #333 } .c3-circle { fill: currentColor } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #000; color: #fff; empty-cells: show; opacity: 1; border-radius:.25rem } .c3-tooltip th { padding:.5rem 1.25rem; font-weight: 500; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .c3-tooltip td { padding:.5rem 1.25rem; border-top: 1px solid rgba(255,255,255,.1) } .c3-tooltip td>span { display: inline-block; margin-right:.625rem; width:.5rem; height:.5rem } .c3-tooltip td.value { text-align: right } .d3-text { fill: #333 } .d3-slice-border { stroke: #fff; stroke-width: 1.5px } .d3-state-empty { fill: #eee } .d3-bg { fill: #fff } .d3-axis line, .d3-axis path { stroke: #999; shape-rendering: crispEdges } .d3-axis path { fill: none } .d3-axis .tick, .d3-axis .tick text { font-size:.8125rem; fill: #333 } .d3-axis-transparent path { stroke: none } .d3-axis-title { font-size:.8125rem; fill: rgba(51,51,51,.75) } .d3-tip { position: absolute; padding:.375rem .75rem; background-color: #000; color: #fff; margin-bottom:-.25rem; font-size:.875rem; z-index: 1070; border-radius:.25rem } .d3-tip .d3-tip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .d3-tip.n .d3-tip-arrow { bottom:-.25rem; left: 50%; margin-left:-.25rem; border-width:.25rem .25rem 0; border-top-color: #000 } .d3-tip.e .d3-tip-arrow { top: 50%; margin-top:-.25rem; left:-.25rem; border-width:.25rem .25rem .25rem 0; border-right-color: #000 } .d3-tip.w .d3-tip-arrow { top: 50%; margin-top:-.25rem; right:-.25rem; border-width:.25rem 0 .25rem .25rem; border-left-color: #000 } .d3-tip.s .d3-tip-arrow { top: 0; left: 50%; margin-left:-.25rem; border-width:0 .25rem .25rem; border-bottom-color: #000 } .venntooltip { position: absolute; text-align: center; white-space: nowrap; background-color: #000; color: #fff; padding:.375rem .75rem; display: none; border-radius:.25rem } .d3-line { fill: none } .d3-line-thin { stroke-width: 1px } .d3-line-medium { stroke-width: 1.5px } .d3-line-strong { stroke-width: 2px } .d3-line-circle { fill: #fff; cursor: pointer } .d3-line-circle-thin { stroke-width: 1px } .d3-line-circle-medium { stroke-width: 1.5px } .d3-line-circle-strong { stroke-width: 2px } .d3-line-connect { fill: none; stroke: #999 } .d3-grid .tick line { stroke-width: 1px; stroke: #ddd } .d3-grid-dashed .tick line { stroke-dasharray: 4, 2; stroke: #ddd } .d3-grid-dashed path { stroke-width: 0 } .d3-crosshair-overlay { fill: none; pointer-events: all } .d3-crosshair-pointer text { fill: #333 } .d3-crosshair-line { fill: none; stroke: #999; stroke-width: 1px; shape-rendering: crispEdges; pointer-events: none } .bullet-tick line { stroke: #999; stroke-width: 1px; shape-rendering: crispEdges } .bullet-tick text { fill: #333; font-size:.8125rem } .bullet-marker { stroke-width: 2px; shape-rendering: crispEdges } .bullet-title { fill: #333; font-size:.875rem; font-weight: 500 } .bullet-subtitle { fill: #333 } .bullet-1 .bullet-range-1 { fill: rgba(33,150,243,.8) } .bullet-1 .bullet-range-2 { fill: rgba(33,150,243,.4) } .bullet-1 .bullet-range-3 { fill: #2196f3 } .bullet-1 .bullet-measure-1 { fill: rgba(33,150,243,.9) } .bullet-1 .bullet-measure-2 { fill: #fff } .bullet-1 .bullet-marker { stroke: #0d3c61 } .bullet-2 .bullet-range-1 { fill: rgba(239,83,80,.6) } .bullet-2 .bullet-range-2 { fill: rgba(239,83,80,.3) } .bullet-2 .bullet-range-3 { fill: #ef5350 } .bullet-2 .bullet-measure-1 { fill: rgba(239,83,80,.9) } .bullet-2 .bullet-measure-2 { fill: #fff } .bullet-2 .bullet-marker { stroke: #602120 } .bullet-3 .bullet-range-1 { fill: rgba(37,179,114,.7) } .bullet-3 .bullet-range-2 { fill: rgba(37,179,114,.35) } .bullet-3 .bullet-range-3 { fill: #25b372 } .bullet-3 .bullet-measure-1 { fill: rgba(37,179,114,.9) } .bullet-3 .bullet-measure-2 { fill: #fff } .bullet-3 .bullet-marker { stroke: #0f482e } .counter-icon { font-size: 2rem; position: absolute; left: 50%; margin-left: -1rem } .d3-legend text { fill: #333; font-size:.8125rem } .d3-legend line { stroke: #999; stroke-width: 1px } .chart-widget-legend { margin:.625rem 0 0 0; padding: 0; fill: #333; font-size:.8125rem; text-align: center } .chart-widget-legend li { margin:.3125rem .625rem 0; padding:.4375rem .5rem .3125rem; display: inline-block } .color-selector-active { position: relative } .color-selector-active i { position: absolute; top: 50%; left: 50%; margin-top:-.5rem; margin-left:-.5rem } .pricing-table-price { font-size: 2.625rem } .pricing-table-price>span { font-size: 1.875rem } .pricing-table-list li { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,.1) } .card[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .pricing-table-list li { border-bottom-color: rgba(255,255,255,.2) } .ribbon-container { width: 6.5rem; height: 6.625rem; overflow: hidden; position: absolute; top: -1px; right: -1px } .ribbon { text-align: center; font-size:.8125rem; line-height: 1.6924; font-weight: 500; text-transform: uppercase; position: relative; padding:.3125rem 0; left:-.6875rem; top: 1.563rem; width: 9.375rem; z-index: 10; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 4px 6px rgba(0,0,0,.1) } .blog-horizontal .card-img-actions { width: 100% } @media (min-width:576px) { .blog-horizontal .card-img-actions { width: 45%; float: left; max-width: 25rem; z-index: 10 } } @media (min-width:576px) { .blog-horizontal-xs .card-img-actions { width: 35%; max-width: 12.5rem } } @media (min-width:576px) { .blog-horizontal-sm .card-img-actions { width: 40%; max-width: 18.75rem } } @media (min-width:576px) { .blog-horizontal-lg .card-img-actions { width: 50%; max-width: 31.25rem } } .timer-number { font-size: 3rem; line-height: 1 } .timer-dots { font-size: 1.5rem; padding:.75rem 0; line-height: 1 } .table-inbox { table-layout: fixed; min-width: 769px } .table-inbox tr { cursor: pointer; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .table-inbox tr { transition: none } } .table-inbox tr:not([class*=bg-]) { background-color: #fafafa } .table-inbox tr td:not(:first-child) { padding-left: 0 } .table-inbox tr.unread { font-weight: 700 } .table-inbox tr.unread:not([class*=bg-]) { background-color: #fff } .table-inbox-checkbox { width: 3.75rem } .table-inbox-attachment, .table-inbox-star { width: 2.25rem } .table-inbox-image { width: 3.5rem } .table-inbox-name { width: 11.25rem } @media (max-width:768.98px) { .table-inbox-subject { display: block; overflow: hidden; text-overflow: ellipsis } } .table-inbox-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .table-inbox-time { text-align: right; width: 5rem } .profile-cover { position: relative } .profile-cover .media { position: absolute; left: 1.25rem; right: 1.25rem; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%) } .profile-cover .media .btn { box-shadow:0 0 .1875rem rgba(0,0,0,.5)!important } @media (min-width:769px) { .profile-cover .media { bottom: 1.25rem; -webkit-transform: none; transform: none } } .profile-cover .media-body { text-shadow:0 0 .1875rem rgba(0,0,0,.5) } .profile-cover-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 21.88rem } .profile-thumb img { border: 3px solid #fff; box-shadow:0 0 .1875rem rgba(0,0,0,.5); width: 6.25rem; height: 6.25rem } .login-cover { background: url(../../../../../../global_assets/images/login_cover.jpg) no-repeat; background-size: cover } .login-form { width: 100% } .login-form .nav-item:first-child .nav-link { border-top-left-radius:calc(.25rem - 1px) } .login-form .nav-item:last-child .nav-link { border-top-right-radius:calc(.25rem - 1px) } .login-form .link_wrap > div:first-child:after { content:""; display:inline-block; width:1px; height:12px; margin:0 10px; margin-top:-2px; background:#2196f3; } @media (min-width:576px) { .login-form { width: 20rem } } .timeline { position: relative } .timeline:after, .timeline:before { content: ""; position: absolute; left: 50%; margin-left: -2px; background-color: #ccc; z-index: 1; width: 4px; height: 4px; border-radius: 50rem } .timeline:before { top: -4px } .timeline:after { bottom: -4px } .timeline-container { position: relative; padding-top:.625rem; margin-top:-.625rem; padding-bottom: 1px } .timeline-container:before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1px; background-color: #ccc; height: 100%; width: 2px } .timeline-row { position: relative } .timeline-date { text-align: center; background-color: #f5f5f5; position: relative; z-index: 1; padding-top: 1.25rem; padding-bottom: 1.25rem; margin-bottom: 1.25rem } .timeline-date:after, .timeline-date:before { content: ""; position: absolute; left: 50%; margin-left: -2px; background-color: #ccc; z-index: 1; width: 4px; height: 4px; border-radius: 50rem } .timeline-date:before { top: 0 } .timeline-date:after { bottom: 0 } .card .timeline-date { background-color: #fff } .timeline-time { text-align: center; padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #f5f5f5; position: relative; margin-bottom: 1.25rem } .timeline-time:after, .timeline-time:before { content: ""; position: absolute; left: 50%; margin-left: -2px; background-color: #ccc; width: 4px; height: 4px; border-radius: 50rem } .timeline-time:before { top: 0 } .timeline-time:after { bottom: 0 } .card .timeline-time { background-color: #fff } @media (min-width:769px) { .timeline-time:after, .timeline-time:before { content: none } } .timeline-icon { margin: 0 auto 1.25rem auto; background-color: #fff; border: 4px solid #f5f5f5; width: 3rem; height: 3rem; border-radius: 50rem } .card .timeline-icon { border-color: #fff } .timeline-icon div { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0 0 0 2px #ccc inset; border-radius: 50rem } .timeline-icon div[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) { box-shadow: none } .timeline-icon div>i { top: 0 } .timeline-icon img { width: 2.5rem; height: 2.5rem; border-radius: 50rem } @media (min-width:769px) { .timeline-center .timeline-row-left { margin-right: 50%; padding-right: 2.75rem } .timeline-center .timeline-row-right { margin-left: 50%; padding-left: 2.75rem } .timeline-left .timeline-container:before, .timeline-left .timeline-date:after, .timeline-left .timeline-date:before, .timeline-left:after, .timeline-left:before { left: 1.5rem } .timeline-left .timeline-date, .timeline-left .timeline-row { padding-left: 4.42857rem } .timeline-right .timeline-container:before, .timeline-right .timeline-date:after, .timeline-right .timeline-date:before, .timeline-right:after, .timeline-right:before { left: auto; right: 1.5rem } .timeline-right .timeline-date:after, .timeline-right .timeline-date:before, .timeline-right:after, .timeline-right:before { margin-left: 0; margin-right: -1px } .timeline-right .timeline-date, .timeline-right .timeline-row { padding-right: 4.42857rem } .timeline-left .timeline-date, .timeline-right .timeline-date { padding-top:.625rem; padding-bottom:.625rem } .timeline-icon { position: absolute; top:.625rem } .timeline-icon:after { content: ""; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 1rem; background-color: #ccc; z-index: 1 } .timeline-left .timeline-icon { left: 0 } .timeline-left .timeline-icon:after { left: 100%; margin-left: 4px } .timeline-right .timeline-icon { right: 0 } .timeline-right .timeline-icon:after { right: 100%; margin-right: 4px } .timeline-center .timeline-row-left .timeline-icon { left: 100%; margin-left: -1.5rem } .timeline-center .timeline-row-left .timeline-icon:after { right: 100%; margin-right: 4px } .timeline-center .timeline-row-right .timeline-icon { right: 100%; margin-right: -1.5rem } .timeline-center .timeline-row-right .timeline-icon:after { left: 100%; margin-left: 4px } .timeline-center .timeline-row-full .timeline-icon { position: static } .timeline-center .timeline-row-full .timeline-icon:after { content: none } .timeline-time { padding: 0; text-align: inherit; background-color: transparent } .timeline-time:before { content: none } .timeline-left .timeline-time, .timeline-right .timeline-time { padding-top:.625rem; margin-bottom: 1.25rem; padding-left: 1.25rem } .timeline-right .timeline-time { text-align: right; padding-left: 0; padding-right: 1.25rem } .timeline-center .timeline-row-full .timeline-time, .timeline-center .timeline-time { position: absolute; left: 100%; top:.875rem; width: 100%; padding-left: 2.75rem } .timeline-center .timeline-row-full .timeline-time, .timeline-center .timeline-row-right .timeline-time { left: auto; right: 100%; padding-left: 0; padding-right: 2.75rem; text-align: right } .timeline-center .timeline-row-full .timeline-time { right: 50%; top: 4px } } .media-chat-scrollable { max-height: 520px; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; overflow: auto } .media-chat-scrollable:not(.flex-column) .media:last-child { margin-top: 1.25rem } .media-chat-scrollable:not(.flex-column) .media:first-child { margin-top: 0 } @media (min-width:576px) { .media-chat .media { margin-right: 20% } .media-chat .media.media-chat-item-reverse { margin-right: 0; margin-left: 20% } } .media-chat-item { position: relative; padding:.625rem 1rem; width: auto; display: inline-block; color: #333; border-radius:.25rem } .media-chat-item:not([class*=bg-]) { background-color: #eee; border-color: #eee } .media-chat-item:before { content: ''; left: -5px; top: 1rem; position: absolute; margin-left: 0; border-top: 5px solid transparent; border-right: 5px solid; border-right-color: inherit; border-bottom: 5px solid transparent } .media-chat-item-reverse .media-chat-item:before { left: auto; right: -5px; border-right: 0; border-left: 5px solid; border-left-color: inherit } .media-chat-item-reverse .media-chat-item { text-align: left; color: #fff } .media-chat-item-reverse .media-chat-item:not([class*=bg-]) { background-color: #2196f3; border-color: #2196f3 } .media-chat-item-reverse .media-body { text-align: right } .media-chat-inverse .media-chat-item { color: #fff } .media-chat-inverse .media-chat-item:not([class*=bg-]) { background-color: #2196f3; border-color: #2196f3 } .media-chat-inverse .media-chat-item-reverse .media-chat-item { color: #333 } .media-chat-inverse .media-chat-item-reverse .media-chat-item:not([class*=bg-]) { background-color: #eee; border-color: #eee } .error-title { color: #fff; font-size: 8.125rem; line-height: 1; margin-bottom: 2.5rem; font-weight: 300; text-stroke: 1px transparent; display: block; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) } @media (min-width:576px) { .error-title { font-size: 12.5rem } } .offline-title { font-size: 6.875rem } @media (min-width:576px) { .offline-title { font-size: 10rem } } .card-header .header-elements { padding-top: 1.25rem } .page-header-dark .header-elements, .page-header-light .header-elements { padding-bottom: 1.25rem } .breadcrumb-line .header-elements { margin-left: -1.25rem; margin-right: -1.25rem; padding: 0 1.25rem; border-top: 1px solid #ddd } .breadcrumb-line-light .header-elements { border-color: #ddd } .breadcrumb-line-dark .header-elements { border-color: rgba(255,255,255,.25) } .header-elements .form-group:last-child { margin-bottom: 0 } .footer-elements-toggle, .header-elements-toggle { margin-left: auto; -ms-flex-item-align: center; align-self: center } .header-elements-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .header-elements-inline .header-elements { display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0 } .header-elements-inline .card-header-tabs .nav-link { padding-top: 1.0625rem; padding-bottom: 1.0625rem } @media (min-width:576px) { .header-elements-sm-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .header-elements-sm-inline .header-elements { display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0 } .header-elements-sm-inline .card-header-tabs .nav-link { padding-top: 1.0625rem; padding-bottom: 1.0625rem } } @media (min-width:769px) { .header-elements-md-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .header-elements-md-inline .header-elements { display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0 } .header-elements-md-inline .card-header-tabs .nav-link { padding-top: 1.0625rem; padding-bottom: 1.0625rem } } @media (min-width:992px) { .header-elements-lg-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .header-elements-lg-inline .header-elements { display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0 } .header-elements-lg-inline .card-header-tabs .nav-link { padding-top: 1.0625rem; padding-bottom: 1.0625rem } } @media (min-width:1200px) { .header-elements-xl-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .header-elements-xl-inline .header-elements { display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0 } .header-elements-xl-inline .card-header-tabs .nav-link { padding-top: 1.0625rem; padding-bottom: 1.0625rem } } .font-size-lg { font-size:.9375rem } .font-size-base { font-size:.875rem } .font-size-sm { font-size:.8125rem } .font-size-xs { font-size:.75rem } .line-height-lg { line-height: 1.4667 } .line-height-base { line-height: 1.5715 } .line-height-sm { line-height: 1.6924 } .line-height-xs { line-height: 1.8334 } .line-height-1 { line-height: 1 } .opacity-75 { opacity: .75 } .opacity-50 { opacity: .5 } .opacity-25 { opacity: .25 } .opacity-0 { opacity: 0 } .top-0 { top: 0!important } .top-50 { top: 50%!important } .top-100 { top: 100%!important } .top-auto { top: auto!important } .bottom-0 { bottom: 0!important } .bottom-auto { bottom: auto!important } .left-0 { left: 0!important } .left-50 { left: 50%!important } .left-100 { left: 100%!important } .left-auto { left: auto!important } .right-0 { right: 0!important } .right-auto { right: auto!important } .translate-middle { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .translate-middle-x { -webkit-transform: translateX(-50%); transform: translateX(-50%) } .translate-middle-y { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .cursor-pointer { cursor: pointer } .cursor-move { cursor: move } .cursor-default { cursor: default } .cursor-disabled { cursor: default } .border-y-0 { border-top: 0!important; border-bottom: 0!important } .border-x-0 { border-left: 0!important; border-right: 0!important } .border-2 { border: 2px solid } .border-top-2 { border-top: 2px solid } .border-bottom-2 { border-bottom: 2px solid } .border-left-2 { border-left: 2px solid } .border-right-2 { border-right: 2px solid } .border-3 { border: 3px solid } .border-top-3 { border-top: 3px solid } .border-bottom-3 { border-bottom: 3px solid } .border-left-3 { border-left: 3px solid } .border-right-3 { border-right: 3px solid } .border-dashed { border-style: dashed } .border-top-dashed { border-top-style: dashed } .border-bottom-dashed { border-bottom-style: dashed } .border-left-dashed { border-left-style: dashed } .border-right-dashed { border-right-style: dashed } .border-dotted { border-style: dotted } .border-transparent { border-color: transparent!important } .border-top-transparent { border-top-color: transparent!important } .border-bottom-transparent { border-bottom-color: transparent!important } .border-left-transparent { border-left-color: transparent!important } .border-right-transparent { border-right-color: transparent!important } .bg-body { background-color: #f5f5f5 } .rounded-top-pill { border-top-left-radius: 50rem!important; border-top-right-radius: 50rem!important } .rounded-bottom-pill { border-bottom-right-radius: 50rem!important; border-bottom-left-radius: 50rem!important } .rounded-left-pill { border-top-left-radius: 50rem!important; border-bottom-left-radius: 50rem!important } .rounded-right-pill { border-top-right-radius: 50rem!important; border-bottom-right-radius: 50rem!important } .rounded-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-bottom-0 { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important } .rounded-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } .rounded-right-0 { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important } .rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-45-inverse { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .rotate-90-inverse { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .rotate-180-inverse { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .spinner { display: inline-block; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite } .spinner-reverse { display: inline-block; -webkit-animation: rotation_reverse 1s linear infinite; animation: rotation_reverse 1s linear infinite } @-webkit-keyframes rotation { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotation { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes rotation_reverse { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(-360deg); transform:rotate(-360deg) } } @keyframes rotation_reverse { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(-360deg); transform:rotate(-360deg) } } .h-auto { height: auto } .w-auto { width: auto!important } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .wmin-0 { min-width: 0!important } .wmin-200 { min-width: 200px!important } .wmin-250 { min-width: 250px!important } .wmin-300 { min-width: 300px!important } .wmin-350 { min-width: 350px!important } .wmin-400 { min-width: 400px!important } .wmin-450 { min-width: 450px!important } .wmin-500 { min-width: 500px!important } .wmin-550 { min-width: 550px!important } .wmin-600 { min-width: 600px!important } .flex-0 { -ms-flex: 0 1 auto!important; flex: 0 1 auto!important } .flex-1 { -ms-flex: 1!important; flex: 1!important } .overflow-auto { overflow: auto!important } .overflow-visible { overflow: visible!important } .border-0 { border: 0!important } .border-top-0 { border-top: 0!important } .border-bottom-0 { border-bottom: 0!important } .border-left-0 { border-left: 0!important } .border-right-0 { border-right: 0!important } .rounded-top { border-top-left-radius:.25rem!important; border-top-right-radius:.25rem!important } .rounded-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-left { border-top-left-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } @media (min-width:576px) { .w-sm-auto { width: auto!important } .w-sm-25 { width: 25%!important } .w-sm-50 { width: 50%!important } .w-sm-75 { width: 75%!important } .w-sm-100 { width: 100%!important } .wmin-sm-0 { min-width: 0!important } .wmin-sm-200 { min-width: 200px!important } .wmin-sm-250 { min-width: 250px!important } .wmin-sm-300 { min-width: 300px!important } .wmin-sm-350 { min-width: 350px!important } .wmin-sm-400 { min-width: 400px!important } .wmin-sm-450 { min-width: 450px!important } .wmin-sm-500 { min-width: 500px!important } .wmin-sm-550 { min-width: 550px!important } .wmin-sm-600 { min-width: 600px!important } .flex-sm-0 { -ms-flex: 0 1 auto!important; flex: 0 1 auto!important } .flex-sm-1 { -ms-flex: 1!important; flex: 1!important } .overflow-sm-auto { overflow: auto!important } .overflow-sm-visible { overflow: visible!important } .border-sm-0 { border: 0!important } .border-top-sm-0 { border-top: 0!important } .border-bottom-sm-0 { border-bottom: 0!important } .border-left-sm-0 { border-left: 0!important } .border-right-sm-0 { border-right: 0!important } .rounded-sm-top { border-top-left-radius:.25rem!important; border-top-right-radius:.25rem!important } .rounded-sm-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-sm-left { border-top-left-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-sm-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } } @media (min-width:769px) { .w-md-auto { width: auto!important } .w-md-25 { width: 25%!important } .w-md-50 { width: 50%!important } .w-md-75 { width: 75%!important } .w-md-100 { width: 100%!important } .wmin-md-0 { min-width: 0!important } .wmin-md-200 { min-width: 200px!important } .wmin-md-250 { min-width: 250px!important } .wmin-md-300 { min-width: 300px!important } .wmin-md-350 { min-width: 350px!important } .wmin-md-400 { min-width: 400px!important } .wmin-md-450 { min-width: 450px!important } .wmin-md-500 { min-width: 500px!important } .wmin-md-550 { min-width: 550px!important } .wmin-md-600 { min-width: 600px!important } .flex-md-0 { -ms-flex: 0 1 auto!important; flex: 0 1 auto!important } .flex-md-1 { -ms-flex: 1!important; flex: 1!important } .overflow-md-auto { overflow: auto!important } .overflow-md-visible { overflow: visible!important } .border-md-0 { border: 0!important } .border-top-md-0 { border-top: 0!important } .border-bottom-md-0 { border-bottom: 0!important } .border-left-md-0 { border-left: 0!important } .border-right-md-0 { border-right: 0!important } .rounded-md-top { border-top-left-radius:.25rem!important; border-top-right-radius:.25rem!important } .rounded-md-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-md-left { border-top-left-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-md-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } } @media (min-width:992px) { .w-lg-auto { width: auto!important } .w-lg-25 { width: 25%!important } .w-lg-50 { width: 50%!important } .w-lg-75 { width: 75%!important } .w-lg-100 { width: 100%!important } .wmin-lg-0 { min-width: 0!important } .wmin-lg-200 { min-width: 200px!important } .wmin-lg-250 { min-width: 250px!important } .wmin-lg-300 { min-width: 300px!important } .wmin-lg-350 { min-width: 350px!important } .wmin-lg-400 { min-width: 400px!important } .wmin-lg-450 { min-width: 450px!important } .wmin-lg-500 { min-width: 500px!important } .wmin-lg-550 { min-width: 550px!important } .wmin-lg-600 { min-width: 600px!important } .flex-lg-0 { -ms-flex: 0 1 auto!important; flex: 0 1 auto!important } .flex-lg-1 { -ms-flex: 1!important; flex: 1!important } .overflow-lg-auto { overflow: auto!important } .overflow-lg-visible { overflow: visible!important } .border-lg-0 { border: 0!important } .border-top-lg-0 { border-top: 0!important } .border-bottom-lg-0 { border-bottom: 0!important } .border-left-lg-0 { border-left: 0!important } .border-right-lg-0 { border-right: 0!important } .rounded-lg-top { border-top-left-radius:.25rem!important; border-top-right-radius:.25rem!important } .rounded-lg-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-lg-left { border-top-left-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-lg-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } } @media (min-width:1200px) { .w-xl-auto { width: auto!important } .w-xl-25 { width: 25%!important } .w-xl-50 { width: 50%!important } .w-xl-75 { width: 75%!important } .w-xl-100 { width: 100%!important } .wmin-xl-0 { min-width: 0!important } .wmin-xl-200 { min-width: 200px!important } .wmin-xl-250 { min-width: 250px!important } .wmin-xl-300 { min-width: 300px!important } .wmin-xl-350 { min-width: 350px!important } .wmin-xl-400 { min-width: 400px!important } .wmin-xl-450 { min-width: 450px!important } .wmin-xl-500 { min-width: 500px!important } .wmin-xl-550 { min-width: 550px!important } .wmin-xl-600 { min-width: 600px!important } .flex-xl-0 { -ms-flex: 0 1 auto!important; flex: 0 1 auto!important } .flex-xl-1 { -ms-flex: 1!important; flex: 1!important } .overflow-xl-auto { overflow: auto!important } .overflow-xl-visible { overflow: visible!important } .border-xl-0 { border: 0!important } .border-top-xl-0 { border-top: 0!important } .border-bottom-xl-0 { border-bottom: 0!important } .border-left-xl-0 { border-left: 0!important } .border-right-xl-0 { border-right: 0!important } .rounded-xl-top { border-top-left-radius:.25rem!important; border-top-right-radius:.25rem!important } .rounded-xl-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-xl-left { border-top-left-radius:.25rem!important; border-bottom-left-radius:.25rem!important } .rounded-xl-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } } .no-transitions *, .no-transitions :after, .no-transitions :before { transition: none!important } @media (prefers-reduced-motion:reduce) { .no-transitions *, .no-transitions :after, .no-transitions :before { transition: none } } .placeholder-light::-webkit-input-placeholder { color:#fff } .placeholder-light::-moz-placeholder { color:#fff } .placeholder-light:-ms-input-placeholder { color:#fff } .placeholder-light::-ms-input-placeholder { color:#fff } .placeholder-light::placeholder { color:#fff } .outline-0, .outline-0:focus, .outline-0:hover { outline: 0 } .scrollbar-hidden { -webkit-overflow-scrolling: touch } .scrollbar-hidden::-webkit-scrollbar { display:none!important } .text-shadow-dark { text-shadow:0 0 .1875rem rgba(0,0,0,.5) } .text-shadow-light { text-shadow:0 0 .1875rem rgba(255,255,255,.5) } .text-black { color: #000!important } .shadow-1 { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24) } .shadow-inverse-1 { box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 -1px 2px rgba(0,0,0,.24) } .shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23) } .shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23) } .shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22) } .shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,.3), 0 15px 12px rgba(0,0,0,.22) } .jqueryui-demo-element { background-color: #fafafa; border: 2px dashed #ddd; color: #ccc; position: relative; z-index: 10; width: 90px; height: 90px } .jqueryui-demo-element>span { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .selectable-demo-list { list-style: none; display: inline-block; margin: 0; padding: 0; width: 100%; max-width: 200px } .selectable-demo-list>.ui-selectee, .selectable-demo-list>.ui-sortable-handle { background-color: #f0f2f5; border: 1px solid #cad1dc } .selectable-demo-list>.ui-selectee.ui-selected, .selectable-demo-list>.ui-selectee.ui-selecting, .selectable-demo-list>.ui-sortable-handle.ui-selected, .selectable-demo-list>.ui-sortable-handle.ui-selecting { background-color: #2196f3!important; border-color: #145a92!important; color: #fff } .selectable-demo-list>.ui-sortable-helper:first-child+li { margin-top: 0 } .selectable-demo-connected+.selectable-demo-connected { margin-top: 1.25rem } @media (min-width:576px) { .selectable-demo-connected+.selectable-demo-connected { margin-top: 0; margin-left: 1.25rem } } .droppable-demo-target { width: 110px; height: 110px; background-color: #e9f5fe; border-color: #2196f3; color: #0d3c61; z-index: 9 } .droppable-demo-drop { background-color: #e9f7f1; border-color: #25b372; color: #0f482e } .demo-color { height: 10rem; position: relative; border-top-left-radius:.25rem; border-top-right-radius:.25rem } .demo-color>span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding:.375rem; background-color: rgba(0,0,0,.2); font-size:.8125rem; color: #fff } .glyphs>div>div { padding:.5rem 1rem; transition: all ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .glyphs>div>div { transition: none } } .glyphs>div>div:hover { background-color: #252b36; color: #fff; border-radius:.25rem } .glyphs>div>div:hover .text-muted { color: rgba(255,255,255,.75) } .demo-velocity-box { padding:.75rem 1rem; margin-bottom: 1.25rem; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; text-align: center; background-color: #fafafa; border-radius:.25rem; box-shadow: 0 0 0 0 #2196f3 } @charset "UTF-8"; html { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; height: 100%; overflow: hidden } body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; height: 100%; overflow: hidden } .page-content { display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; position: relative; overflow: hidden } .content-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; position: relative; min-width: 0 } .content { padding: 1.25rem 1.25rem; -ms-flex-positive: 1; flex-grow: 1 } .content::after { display: block; clear: both; content: "" } .content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch; } .content-inner > .content > .content > .row > .col-xl-12 > div > .btn-success {height:32px; padding:2px 0.75rem;} @media (prefers-reduced-motion:no-preference) { .content-inner { scroll-behavior: smooth } .content-inner .blanker_item { scroll-behavior: smooth } } .layout-static, .layout-static .page-content, .layout-static body { overflow: visible } .btn-to-top { position: absolute; bottom: 1.25rem; right: 1.25rem; -ms-flex-item-align: end; align-self: flex-end; opacity: 0; visibility: hidden; z-index: 999; transition: all .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn-to-top { transition: none } } .btn-to-top-visible { visibility: visible; opacity: 1 } .navbar+.btn-to-top { bottom: 4.625rem } .navbar+.navbar+.btn-to-top { bottom: 8rem } .page-title { padding: 2rem 0; position: relative } .page-title small { display: inline-block; margin-left:.625rem } .page-title small:before { content: '/'; margin-right:.875rem } .page-title small.d-block { margin-left: 0 } .page-title small.d-block:before { content: none } .page-title .breadcrumb, .page-title small.d-block { margin-left: 1.875rem } .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 { margin: 0 } .page-header-content { position: relative; padding: 0 1.25rem } .page-header-light { background-color: #fff; border-bottom: 1px solid #ddd } .page-header-light.has-cover { background: url(../../../../../../global_assets/images/backgrounds/seamless.png) } .page-header-dark { background-color: #273246; color: #fff } .page-header-dark .page-header-content .breadcrumb>li+li:before, .page-header-dark .page-header-content .breadcrumb>li>a, .page-header-dark>.breadcrumb>li+li:before, .page-header-dark>.breadcrumb>li>a { color: rgba(255,255,255,.9) } .page-header-dark .page-header-content .breadcrumb>li>a:focus, .page-header-dark .page-header-content .breadcrumb>li>a:hover, .page-header-dark>.breadcrumb>li>a:focus, .page-header-dark>.breadcrumb>li>a:hover { color: #fff; opacity: 1 } .page-header-dark .page-header-content .breadcrumb>.active, .page-header-dark>.breadcrumb>.active { color: rgba(255,255,255,.5) } .page-header-dark.has-cover { background: url(../../../../../../global_assets/images/login_cover.jpg); background-size: cover } .page-header-static { z-index: 1021 } .sidebar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 18.75rem; position: fixed; top: 0; bottom: 0; box-sizing: content-box } .sidebar-main, .sidebar-secondary { left: -20.625rem; box-shadow:.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-right { right: -20.625rem; box-shadow:-.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-content { position: relative; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch } .sidebar-section { position: relative; -ms-flex-negative: 0; flex-shrink: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-section .form-group:last-child { margin-bottom: 0 } .sidebar-section-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding:.75rem 1.25rem } .sidebar-section-body { position: relative; padding: 1.25rem 1.25rem } .sidebar-resize-show { display: none } .btn-sidebar-expand { display: none; border-width: 0; border-radius: 0; padding:.3125rem } .sidebar-mobile-expanded.sidebar-main, .sidebar-mobile-expanded.sidebar-secondary { left: 0 } .sidebar-mobile-expanded.sidebar-right { right: 0 } .sidebar-mobile-expanded.sidebar-component { display: block } .sidebar-user img { height: 2.375rem; width: 2.375rem; margin-top:.1875rem; margin-bottom:.1875rem } .profile .dropdown-toggle:after {display:none;} .profile .dropdown-menu {overflow:hidden;} .profile .dropdown-menu a {justify-content: space-between; border-bottom:1px solid #ededed; font-weight: 700; font-size:13px;} .profile .dropdown-menu a:last-of-type {border-bottom:none;} .profile .dropdown-menu a:after {float:right; content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size: 0.5rem; color: #a3a3a5;} .nav-sidebar { -ms-flex-direction: column; flex-direction: column } .nav-sidebar .nav-item:not(.nav-item-header):first-child { padding-top:.25rem } .nav-sidebar .nav-item:not(.nav-item-header):last-child { padding-bottom:.25rem } .nav-sidebar .nav-item:not(.nav-item-divider) { margin-bottom: 1px } .nav-sidebar .nav-item:not(.nav-item-divider):last-child { margin-bottom: 0 } .nav-sidebar>.nav-item>.nav-link { font-weight: 400 } .nav-sidebar .nav-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding:.375rem 1.25rem; transition: background-color ease-in-out .15s, color ease-in-out .15s; font-size:0.813rem; } @media (prefers-reduced-motion:reduce) { .nav-sidebar .nav-link { transition: none } } .nav-sidebar .nav-link i { margin-right: 1.25rem; margin-top:.1875rem; margin-bottom:.1875rem; top: 0 } .nav-sidebar .nav-link .badge { transition: background-color ease-in-out .15s, border-color ease-in-out .15s } @media (prefers-reduced-motion:reduce) { .nav-sidebar .nav-link .badge { transition: none } } .nav-sidebar .nav-link.disabled, .nav-sidebar .nav-link.disabled:focus, .nav-sidebar .nav-link.disabled:hover { background-color: transparent; opacity: .5 } .nav-sidebar .nav-item-header { padding:.75rem 1.25rem } .nav-sidebar .nav-item-header>i { display: none } .nav-sidebar .nav-item-divider { margin:.5rem 0; height: 1px } .nav-item-submenu>.nav-link { padding-right: 2.75rem } .nav-item-submenu>.nav-link:after { content: ""; font-family: icomoon; display: inline-block; font-size: 1rem; vertical-align: middle; line-height: 1; position: absolute; top:.25rem; margin-top:.1875rem; right: 1.25rem; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @media (prefers-reduced-motion:reduce) { .nav-item-submenu>.nav-link:after { transition: none } } [dir=rtl] .nav-item-submenu>.nav-link:after { content: "" } .nav-item-submenu.nav-item-open>.nav-link:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .nav-group-sub { display: block } .nav-item:not(.nav-item-expanded)>.nav-group-sub { display: none } .nav-group-sub .nav-link { padding:.313rem 1.25rem .313rem 3.5rem!important; } .nav-group-sub .nav-group-sub .nav-link { padding-left: 4.75rem } .nav-group-sub .nav-group-sub .nav-group-sub .nav-link { padding-left: 6rem } .nav-group-sub .nav-item-submenu>.nav-link:after { top:.125rem } .nav-scrollspy .nav-item-open .nav-link:not(.active)+.nav, .nav-scrollspy .nav-link.active+.nav { display: block } .nav-scrollspy .nav-link.active:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .nav-sidebar-icons-reverse .nav-link { padding-right: 3.5rem } .nav-sidebar-icons-reverse .nav-link i { position: absolute; top:.75rem; right: 1.25rem; margin-right: 0 } .nav-sidebar-icons-reverse .nav-item-submenu .nav-link { padding-right: 4.5rem } .nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after { right: 3.25rem } .nav-sidebar-icons-reverse .nav-group-sub .nav-link { padding-left: 2.5rem } .nav-sidebar-icons-reverse .nav-group-sub .nav-link i { top:.625rem } .nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link { padding-left: 3.75rem } .nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-group-sub .nav-link { padding-left: 5rem } .nav-sidebar-bordered>.nav-item:not(.nav-item-divider) { margin-bottom: 0 } .sidebar-dark .nav-sidebar-bordered>.nav-item { border-top: 1px solid rgba(255,255,255,.1) } .sidebar-dark .nav-sidebar-bordered>.nav-item-header { background-color: rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.1); margin: 0 } .sidebar-light .nav-sidebar-bordered>.nav-item { border-top: 1px solid #eee } .sidebar-light .nav-sidebar-bordered>.nav-item-header { background-color: #fafafa; border-top: 1px solid #eee; margin: 0 } .sidebar-dark { background-color: #1a2738; color: #fff } .sidebar-dark .nav-sidebar .nav-link { color: rgba(255,255,255,.9) } .sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover { color: #fff; background-color: rgba(255,255,255,.1) } .sidebar-dark .nav-sidebar .nav-item>.nav-link.active { background-color: #28313d !important; color: #fff } .sidebar-dark .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link { background-color:#34663f; color: #fff } .sidebar-dark .nav-sidebar>.nav-item>.nav-link.active { background-color: #596782; color: #fff } .sidebar-dark .nav-sidebar .nav-item-header { color: rgba(255,255,255,.5) } .sidebar-dark .nav-sidebar .nav-item-divider { background-color: rgba(255,255,255,.1) } .sidebar-dark .nav-sidebar>.nav-item-submenu>.nav-group-sub { background-color: rgba(0,0,0,.25) } .sidebar-dark .sidebar-section-header { border-bottom: 1px solid rgba(255,255,255,.1) } .sidebar-dark .btn-sidebar-expand { background-color: #252b36; border-color: rgba(255,255,255,.1); color: #fff } .sidebar-dark .btn-sidebar-expand:focus, .sidebar-dark .btn-sidebar-expand:hover { background-color: #2f3745 } .sidebar-dark .btn-sidebar-expand:not([disabled]):not(.disabled):active { background-color: #353d4d } .sidebar-light { background-color: #fff; color: #333; border-right: 1px solid rgba(0,0,0,.125) } .sidebar-light.sidebar-right { border-right: 0; border-left: 1px solid rgba(0,0,0,.125) } .sidebar-light .nav-sidebar .nav-link { color: #333 } .sidebar-light .nav-sidebar .nav-link:not(.disabled):hover { color: #333; background-color: #eee } .sidebar-light .nav-sidebar .nav-item>.nav-link.active { background-color: #e9f5fe; color: #2196f3 } .sidebar-light .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-light .nav-sidebar>.nav-item-expanded>.nav-link { background-color: #eee; color: #333 } .sidebar-light .nav-sidebar>.nav-item>.nav-link.active { background-color: #eee; color: #333 } .sidebar-light .nav-sidebar .nav-item-header { color: rgba(51,51,51,.5) } .sidebar-light .nav-sidebar .nav-item-divider { background-color: rgba(0,0,0,.125) } .sidebar-light .nav-sidebar>.nav-item-submenu>.nav-group-sub { background-color: transparent } .sidebar-light .sidebar-section-header { border-bottom: 1px solid rgba(0,0,0,.125) } .sidebar-light .btn-sidebar-expand { background-color: #fff; border-color: rgba(0,0,0,.125); color: #333 } .sidebar-light .btn-sidebar-expand:focus, .sidebar-light .btn-sidebar-expand:hover { background-color: #f2f2f2 } .sidebar-light .btn-sidebar-expand:not([disabled]):not(.disabled):active { background-color: #ececec } .sidebar-component { display: none; position: static; width: 100%; border: 1px solid transparent; margin-bottom: 1.25rem; border-radius:.25rem; box-shadow: 0 1px 2px rgba(0,0,0,.05) } .sidebar-component.sidebar-dark { border-color: rgba(255,255,255,.1) } .sidebar-component.sidebar-light { border-color: rgba(0,0,0,.125) } .sidebar-sections { background-color: transparent; border: 0; margin: 0; box-shadow: none; border-radius: 0 } @media (min-width:576px) { .sidebar-expand-sm { position: static } .sidebar-expand-sm.sidebar-collapsed { width: auto } .sidebar-expand-sm.sidebar-collapsed .btn-sidebar-expand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100% } .sidebar-expand-sm.sidebar-collapsed>:not(.btn-sidebar-expand) { display: none!important } .sidebar-expand-sm.sidebar-main { z-index: 99; box-shadow: none } .sidebar-expand-sm.sidebar-main-resized { position: absolute; left: 0; transition: none } .sidebar-expand-sm.sidebar-main-resized+* { margin-left: 3.5rem } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) { width: 3.5rem; overflow: hidden } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title { display: none!important } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body { padding-left: 0; padding-right: 0 } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media { -ms-flex-pack: center; justify-content: center } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) { display: none!important } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child { margin-right: 0!important } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide { display: none } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show { display: block } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header { padding-left: 0; padding-right: 0; -ms-flex-pack: center; justify-content: center } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* { margin: 0!important } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { position: static; display: block } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after { content: none } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { margin-left: 0; margin-right: 0 } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header { display: -ms-flexbox; display: flex } .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i { margin-top:.1875rem; margin-bottom:.1875rem } .sidebar-expand-sm.sidebar-main-resized.sidebar-main-unfold { width: 18.75rem; z-index: 1022; box-shadow:.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-expand-sm.sidebar-secondary { z-index: 98; box-shadow: none } .sidebar-expand-sm.sidebar-right { z-index: 97; box-shadow: none } .sidebar-expand-sm.sidebar-component { display: -ms-flexbox; display: flex; width: 18.75rem; z-index: 96 } .sidebar-expand-sm.sidebar-component-left { margin-right: 1.25rem } .sidebar-expand-sm.sidebar-component-right { margin-left: 1.25rem } .sidebar-expand-sm.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) { box-shadow: 1px 0 0 rgba(255,255,255,.1) inset } @supports ((position:-webkit-sticky) or (position:sticky)) { .sidebar-expand-sm.sidebar-sticky { position:-webkit-sticky; position:sticky; top:1.25rem; z-index:1020 } } } @media (max-width:575.98px) { .sidebar-expand-sm { z-index: 1040; transition: left ease-in-out .15s, right ease-in-out .15s } } @media (max-width:575.98px) and (prefers-reduced-motion:reduce) { .sidebar-expand-sm { transition: none } } @media (max-width:575.98px) { .sidebar-expand-sm:not(.sidebar-component) { border: 0 } } @media (min-width:769px) { .sidebar-expand-md { position: static } .sidebar-expand-md.sidebar-collapsed { width: auto } .sidebar-expand-md.sidebar-collapsed .btn-sidebar-expand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100% } .sidebar-expand-md.sidebar-collapsed>:not(.btn-sidebar-expand) { display: none!important } .sidebar-expand-md.sidebar-main { z-index: 99; box-shadow: none } .sidebar-expand-md.sidebar-main-resized { position: absolute; left: 0; transition: none } .sidebar-expand-md.sidebar-main-resized+* { margin-left: 3.5rem } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) { width: 3.5rem; overflow: hidden } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title { display: none!important } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body { padding-left: 0; padding-right: 0 } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media { -ms-flex-pack: center; justify-content: center } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) { display: none!important } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child { margin-right: 0!important } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide { display: none } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show { display: block } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header { padding-left: 0; padding-right: 0; -ms-flex-pack: center; justify-content: center } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* { margin: 0!important } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { position: static; display: block } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after { content: none } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { margin-left: 0; margin-right: 0 } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header { display: -ms-flexbox; display: flex } .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i { margin-top:.1875rem; margin-bottom:.1875rem } .sidebar-expand-md.sidebar-main-resized.sidebar-main-unfold { width: 18.75rem; z-index: 1022; box-shadow:.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-expand-md.sidebar-secondary { z-index: 98; box-shadow: none } .sidebar-expand-md.sidebar-right { z-index: 97; box-shadow: none } .sidebar-expand-md.sidebar-component { display: -ms-flexbox; display: flex; width: 18.75rem; z-index: 96 } .sidebar-expand-md.sidebar-component-left { margin-right: 1.25rem } .sidebar-expand-md.sidebar-component-right { margin-left: 1.25rem } .sidebar-expand-md.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) { box-shadow: 1px 0 0 rgba(255,255,255,.1) inset } @supports ((position:-webkit-sticky) or (position:sticky)) { .sidebar-expand-md.sidebar-sticky { position:-webkit-sticky; position:sticky; top:1.25rem; z-index:1020 } } } @media (max-width:768.98px) { .sidebar-expand-md { z-index: 1040; transition: left ease-in-out .15s, right ease-in-out .15s } } @media (max-width:768.98px) and (prefers-reduced-motion:reduce) { .sidebar-expand-md { transition: none } } @media (max-width:768.98px) { .sidebar-expand-md:not(.sidebar-component) { border: 0 } } @media (min-width:992px) { .sidebar-expand-lg { position: static } .sidebar-expand-lg.sidebar-collapsed { width: auto } .sidebar-expand-lg.sidebar-collapsed .btn-sidebar-expand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100% } .sidebar-expand-lg.sidebar-collapsed>:not(.btn-sidebar-expand) { display: none!important } .sidebar-expand-lg.sidebar-main { z-index: 99; box-shadow: none } .sidebar-expand-lg.sidebar-main-resized { position: absolute; left: 0; transition: none } .sidebar-expand-lg.sidebar-main-resized+* { margin-left: 3.5rem } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) { width: 3.5rem; overflow: hidden } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title { display: none!important } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body { padding-left: 0; padding-right: 0 } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media { -ms-flex-pack: center; justify-content: center } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) { display: none!important } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child { margin-right: 0!important } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide { display: none } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show { display: block } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header { padding-left: 0; padding-right: 0; -ms-flex-pack: center; justify-content: center } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* { margin: 0!important } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { position: static; display: block } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after { content: none } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { margin-left: 0; margin-right: 0 } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header { display: -ms-flexbox; display: flex } .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i { margin-top:.1875rem; margin-bottom:.1875rem } .sidebar-expand-lg.sidebar-main-resized.sidebar-main-unfold { width: 18.75rem; z-index: 1022; box-shadow:.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-expand-lg.sidebar-secondary { z-index: 98; box-shadow: none } .sidebar-expand-lg.sidebar-right { z-index: 97; box-shadow: none } .sidebar-expand-lg.sidebar-component { display: -ms-flexbox; display: flex; width: 18.75rem; z-index: 96 } .sidebar-expand-lg.sidebar-component-left { margin-right: 1.25rem } .sidebar-expand-lg.sidebar-component-right { margin-left: 1.25rem } .sidebar-expand-lg.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) { box-shadow: 1px 0 0 rgba(255,255,255,.1) inset } @supports ((position:-webkit-sticky) or (position:sticky)) { .sidebar-expand-lg.sidebar-sticky { position:-webkit-sticky; position:sticky; top:1.25rem; z-index:1020 } } } @media (max-width:991.98px) { .sidebar-expand-lg { z-index: 1040; transition: left ease-in-out .15s, right ease-in-out .15s } } @media (max-width:991.98px) and (prefers-reduced-motion:reduce) { .sidebar-expand-lg { transition: none } } @media (max-width:991.98px) { .sidebar-expand-lg:not(.sidebar-component) { border: 0 } } @media (min-width:1200px) { .sidebar-expand-xl { position: static } .sidebar-expand-xl.sidebar-collapsed { width: auto } .sidebar-expand-xl.sidebar-collapsed .btn-sidebar-expand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100% } .sidebar-expand-xl.sidebar-collapsed>:not(.btn-sidebar-expand) { display: none!important } .sidebar-expand-xl.sidebar-main { z-index: 99; box-shadow: none } .sidebar-expand-xl.sidebar-main-resized { position: absolute; left: 0; transition: none } .sidebar-expand-xl.sidebar-main-resized+* { margin-left: 3.5rem } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) { width: 3.5rem; overflow: hidden } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title { display: none!important } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body { padding-left: 0; padding-right: 0 } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media { -ms-flex-pack: center; justify-content: center } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) { display: none!important } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child { margin-right: 0!important } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide { display: none } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show { display: block } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header { padding-left: 0; padding-right: 0; -ms-flex-pack: center; justify-content: center } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* { margin: 0!important } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { position: static; display: block } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after { content: none } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { margin-left: 0; margin-right: 0 } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header { display: -ms-flexbox; display: flex } .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i { margin-top:.1875rem; margin-bottom:.1875rem } .sidebar-expand-xl.sidebar-main-resized.sidebar-main-unfold { width: 18.75rem; z-index: 1022; box-shadow:.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-expand-xl.sidebar-secondary { z-index: 98; box-shadow: none } .sidebar-expand-xl.sidebar-right { z-index: 97; box-shadow: none } .sidebar-expand-xl.sidebar-component { display: -ms-flexbox; display: flex; width: 18.75rem; z-index: 96 } .sidebar-expand-xl.sidebar-component-left { margin-right: 1.25rem } .sidebar-expand-xl.sidebar-component-right { margin-left: 1.25rem } .sidebar-expand-xl.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) { box-shadow: 1px 0 0 rgba(255,255,255,.1) inset } @supports ((position:-webkit-sticky) or (position:sticky)) { .sidebar-expand-xl.sidebar-sticky { position:-webkit-sticky; position:sticky; top:1.25rem; z-index:1020 } } } @media (max-width:1199.98px) { .sidebar-expand-xl { z-index: 1040; transition: left ease-in-out .15s, right ease-in-out .15s } } @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) { .sidebar-expand-xl { transition: none } } @media (max-width:1199.98px) { .sidebar-expand-xl:not(.sidebar-component) { border: 0 } } .sidebar-expand { position: static; z-index: 1040; transition: left ease-in-out .15s, right ease-in-out .15s } .sidebar-expand.sidebar-collapsed { width: auto } .sidebar-expand.sidebar-collapsed .btn-sidebar-expand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100% } .sidebar-expand.sidebar-collapsed>:not(.btn-sidebar-expand) { display: none!important } .sidebar-expand.sidebar-main { z-index: 99; box-shadow: none } .sidebar-expand.sidebar-main-resized { position: absolute; left: 0; transition: none } .sidebar-expand.sidebar-main-resized+* { margin-left: 3.5rem } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) { width: 3.5rem; overflow: hidden } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title { display: none!important } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body { padding-left: 0; padding-right: 0 } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media { -ms-flex-pack: center; justify-content: center } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) { display: none!important } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child { margin-right: 0!important } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide { display: none } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show { display: block } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header { padding-left: 0; padding-right: 0; -ms-flex-pack: center; justify-content: center } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* { margin: 0!important } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { position: static; display: block } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after { content: none } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i { margin-left: 0; margin-right: 0 } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header { display: -ms-flexbox; display: flex } .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i { margin-top:.1875rem; margin-bottom:.1875rem } .sidebar-expand.sidebar-main-resized.sidebar-main-unfold { width: 18.75rem; z-index: 1022; box-shadow:.25rem 0 1rem rgba(0,0,0,.35) } .sidebar-expand.sidebar-secondary { z-index: 98; box-shadow: none } .sidebar-expand.sidebar-right { z-index: 97; box-shadow: none } .sidebar-expand.sidebar-component { display: -ms-flexbox; display: flex; width: 18.75rem; z-index: 96 } .sidebar-expand.sidebar-component-left { margin-right: 1.25rem } .sidebar-expand.sidebar-component-right { margin-left: 1.25rem } .sidebar-expand.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) { box-shadow: 1px 0 0 rgba(255,255,255,.1) inset } @supports ((position:-webkit-sticky) or (position:sticky)) { .sidebar-expand.sidebar-sticky { position:-webkit-sticky; position:sticky; top:1.25rem; z-index:1020 } } @media (prefers-reduced-motion:reduce) { .sidebar-expand { transition: none } } .sidebar-expand:not(.sidebar-component) { border: 0 } .sidebar-dark .nav-tabs .nav-item.show .nav-link:not(.active) { color: #fff } .sidebar-light .nav-tabs:not(.nav-tabs-bottom) .nav-link.active { background-color: #fff } .row-tile div[class*=col] .btn { border-radius: 0 } .row-tile div[class*=col]:first-child .btn:first-child { border-top-left-radius:.25rem } .row-tile div[class*=col]:first-child .btn:last-child { border-bottom-left-radius:.25rem } .row-tile div[class*=col]:last-child .btn:first-child { border-top-right-radius:.25rem } .row-tile div[class*=col]:last-child .btn:last-child { border-bottom-right-radius:.25rem } .row-tile div[class*=col] .btn+.btn { border-top: 0 } .row-tile div[class*=col]+div[class*=col] .btn { border-left: 0 } .layout-boxed-bg { background: url(../../../../../../global_assets/images/backgrounds/boxed_bg.png) repeat } .layout-boxed { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; overflow: hidden; box-shadow: -4px 2px 4px rgba(0,0,0,.15), 4px 2px 4px rgba(0,0,0,.15) } @media (min-width:992px) { .layout-boxed, .layout-boxed>.navbar { width: 992px; margin-left: auto; margin-right: auto } } @media (min-width:1200px) { .layout-boxed, .layout-boxed>.navbar { width: 1200px } } .layout-boxed .page-content { background-color: #f5f5f5 } .nav-item .nav-item i {display:none;} /*210802추가*/ .toggle-full-screen {color:#333;} .sidebar-right-toggle {color:#333;} .btn-pt {padding-top:40px;} .btn-pt .btnwrap .modal-search {top:auto; right:auto;} #p-quote-eBody > div > button {font-size:13px;} /*검안/판매*/ .eyetest {padding-bottom:0!important;} .eyetest .card {margin-bottom:10px;} .col-4-1, .col-4-3 {position: relative; width: 100%; padding-right: .625rem; padding-left: .625rem; } .col-4-1 {flex: 0 0 20%; max-width: 20%;} .col-4-3 {flex: 0 0 80%; max-width: 80%;} .card_inner {padding:0.938rem;} /*#modal-eyetest-more input {*/ /* max-width:85px;*/ /*}*/ #lens-frm table thead th, #lens-frm table tbody td { padding-right: 0 !important; } #lens-frm td select, #lens-frm td input { min-width: 75px !important; margin-right: 0 !important; } .eyetest .card_l1, .eyetest .card_r3 {margin-bottom:0!important;} .eyetest .card_l1 label {padding-top:5px;} .eyetest .card_l1 strong {display:inline-block;} .eyetest .card_l1 .div_checkbox {padding-top:5px;} .eyetest input[type="text"] {height:28px;} .eyetest .input_info td, .eyetest .input_info th {height:auto; padding-left:8px; color:#777;} .eyetest .input_info th {padding-bottom:5px; font-weight:400; color:#333;} .eyetest .input_info td:first-of-type {width:90px; font-weight:700;color:#333; padding-left: 7px;} .eyetest .base {width:14%;} .eyetest .kerato {width:11%;} .eyetest .correct {width:20%;} .eyetest .input_info .d-flex {align-items:center;} .eyetest .input_info input {margin-right:3px;} .eyetest .base input:first-of-type {margin-right:2px;} .eyetest .input_info td button {height:60px; color:#fff;} .eyetest .tb_warp {position:relative;} .eyetest .tb_warp .tb_before {position:absolute; top:0; left:0;} .eyetest .tb_warp .tb_before strong {display:block; height:28px; color:#5c6bc0;} .eyetest .tb_warp .tb_before button {height:25px; margin-top:-5px; padding:0 .75rem;} .eyetest .tb_warp .tb_before .dropdown-menu-left {left:-52px!important;} .eyetest .tb_warp.mt-1 {margin-top:8px!important;} .eyetest .card_r2 .nav-tabs {margin-bottom: 13px;} .eyetest .card_r2 .input_form .flex-column {margin-right:20px;} .eyetest .card_r2 .input_form .flex-row {align-items:bottom;} .align-items-end {padding-bottom:8px;} .eyetest .card_r2 .input_form .align-items-end label {margin-bottom:0;} .eyetest .card_r2 .input_form .justify-content-end {margin-left:auto;} .eyetest .card_r2 .table-footer {margin-top:10px; padding:10px;} .eyetest .card_r2 .table-footer > strong {padding-top:3px; padding-right:30px; color:#2b5080;} .eyetest .card_r2 .table-footer > div {width:11%; margin-left:20px;} .eyetest .card_r2 .table-footer label {padding-left:0; padding-right:0; color:#333;} .eyetest .card_r2 .table-footer input {background-color:#fff!important;} .eyetest .card_r3 .box_left, .eyetest .card_r3 .box_right {display:flex; flex-flow:row wrap; } .eyetest .card_r3 .box_right {margin-left:auto;} .eyetest .card_r3 .flex-column {margin-right:0.938rem;} .eyetest .card_r3 .box_right label {color: #2b5080;} .eyetest .card_r3 .box_right input {background-color:#f0f3f6; border-color: #c0c0c0; text-align:right;} /*.eyetest .card_r3 .box_right input {padding-left:10px; padding-right:10px;background-color:#f0f3f6; border-color: #c0c0c0; text-align:right;}*/ .eyetest .card_r3 .box_left input {background-color:#f0f3f6; border-color: #c0c0c0;} /* .modal .col-lg-4 {padding-left:50px;} */ .modal-body .row .col-lg-4:first-of-type {padding-left:.625rem;} .modal-body .row .col-lg-4 > div > div label {margin-bottom:0;} .modal-body > button {min-width:82.58px;} .modal-body label.w-100 {width:auto!important; padding-right:20px;} .modal-footer #oderby-label {margin-left:20px!important; margin-right:5px!important;} .modal-footer .pagination {margin-left:auto;} .modal-footer .justify-content-around {justify-content:flex-start!important;} .modal-footer .btn_wrap {margin:5px 10px 0 10px;} .modal-search {top:32px; right:16px;} .purchase .table-responsive {padding-left:1px; padding-right:1px;} /* .purchase .table-responsive label {display:block;} */ .purchase #table-footer > div:last-of-type {margin-right:-1.125rem!important;} .purchase #table-footer > .col-1 {-ms-flex: 0 0 10%; flex:0 0 10%; max-width:10%;} .type1 .box-3 .d-flex {flex-flow:row wrap;} .type1 .box-3 > div {flex:0 0 10%;} .type1 .box-3 label {flex:0 0 95%; padding-left:1%;} #modal-copy-to-another .icon-copy3 {min-width: auto; height:32px; padding: .0rem .75rem; font-weight:700!important; font-size:1.125rem;} #modal-copy-to-another button .fas {font-size:20px;} #modal-copy-to-another .row02 {padding:10px 20px;} #modal-copy-to-another .row02 .d-flex {align-items:center; padding:5px;} #modal-copy-to-another .row02 .d-flex label {width:95%;} #modal-copy-to-another .row02 .d-flex label:first-child {width:100%;} #modal-copy-to-another .row02 .d-flex input {width:5%;} #modal-bodycopy .position-absolute {top: 20px; right:1rem;} #modal-bodycopy .position-absolute button {width:82.58px} /* #modal-bodycopy .modal-content > .modal-body {padding-left:0.375rem; padding-right:0.375rem;} */ #modal-bodycopy .modal-footer label {margin-left:0;} #modal-bodycopy .sel-date {margin-right:auto;} #modal-bodycopy .modal-footer label {margin-left:0!important;} input[type="input"] { height: 28px; color: #373737; border: 1px solid #ccc; background: #fff; text-indent: 10px; transition: all 0.5s; vertical-align: middle; box-sizing: border-box; } .flex-r {display:flex; flex-flow:row wrap;} .col-13 {flex : 0 0 13%; max-width:13%;} .float-wrap {overflow:hidden; zoom:1; clear:both;} .float-l {float:left;} .mgr-15 {margin-right:15px;} .mgt-1 {margin-top:1px;} .mgr-3 {margin-right:3px;} .mgb-8 {margin-bottom:0.5rem;} .mg-2010 {margin:1.25rem 0.625rem;} .pdl-3 {padding-left:3px;} .pdb-3 {padding-bottom:3px;} .bdr-radi10 {border-radius:10px!important;} .table-responsive {padding-left:1px; padding-right:1px; padding-bottom:1px; box-sizing:border-box;} /* .modal-footer .table-row {margin-right:1px;} */ .pagination {margin-left:auto;} /* .modal-body .row > div:first-of-type {padding-left:0;} */ /*모달-브라운*/ .modal-brown .bg-primary {background-color:#8d6e63!important;} .modal-brown .table-row th {background-color:#8d6e63;} .modal-brown .page-item.active .page-link {background-color:#8d6e63; border-color:#8d6e63;} .modal-brown .page-link:hover {background-color:#f1ecea;} .modal-brown .modal-body > button {background-color:#8d6e63; border-color:#8d6e63;} .modal-brown .table-row a {color:#a2705e;} .modal-brown ..modal-header .close {color: #8d6e63;} /*모달-그린*/ .modal-green .bg-primary {background-color:#26a69a!important;} .modal-green .table-row th {background-color:#26a69a;} .modal-green .page-item.active .page-link {background-color:#26a69a; border-color:#26a69a;} .modal-green .page-link:hover {background-color:#f6f7f7;} .modal-green .modal-body > button {background-color:#26a69a; border-color:#26a69a;} .modal-green .table-row a {color:#108479;} /*모달-오렌지*/ .modal-orange .bg-primary {background-color:#5b6cbe!important;} .modal-orange .table-row th {background-color:#5b6cbe;} .modal-orange .page-item.active .page-link {background-color:#5b6cbe; border-color:#5b6cbe;} .modal-orange .page-link:hover {background-color:#f6f7f7;} .modal-orange .modal-body > button, .modal-orange .btn-secondary {background-color:#5b6cbe; border-color:#5b6cbe;} .modal-orange .modal-body > button:hover, .modal-orange .btn-secondary:hover {background-color:#e07507; border-color:#e07507;} .modal-orange .table-row a {color:#108479;} .modal-orange .btn-danger {margin-top:1px; color: #fff; background-color: #ef5350; border-color: #ef5350;} .modal-orange .btn-danger:hover {background-color: #ed3c39; border-color: #ed3c39} /*모달-싸이언*/ .modal-cyan .bg-primary {background-color:#2196f3!important;} .modal-cyan .table-row th {background-color:#2196f3;} .modal-cyan .page-item.active .page-link {background-color:#2196f3; border-color:#2196f3;} .modal-cyan .page-link:hover {background-color:#f1ecea;} .modal-cyan .modal-body > button, .modal-cyan .btn-secondary, .modal-cyan .btn-primary {background-color:#2196f3; border-color:#2196f3;} .modal-cyan .modal-body > button:hover, .modal-cyan .btn-secondary:hover, .modal-cyan .btn-primary:hover {background-color:#177fd2; border-color:#177fd2;} .modal-cyan .table-row a {color:#2196f3;} /*모달-레드*/ .modal-red .bg-primary, .modal-red .btn-success {background-color:#a4373a!important;} .modal-red .btn-dark {background-color:#a4373a!important; border-color:#a4373a;} .modal-red .table-row th {background-color:#a4373a;} .modal-red .page-item.active .page-link {background-color:#a4373a; border-color:#a4373a;} .modal-red .page-link:hover {background-color:#047b88;} .modal-red .modal-body > button, .modal-red .btn-secondary {background-color:#a4373a; border-color:#a4373a;} .modal-red .modal-body > button:hover, .modal-red .btn-secondary:hover, .modal-red .btn-dark:hover {background-color:#842225; border-color:#842225;} .modal-red .table-row a {color:#802326;} /*modal-cgroup*/ #modal-cgroup .modal-search, #modal-igroup .modal-search, #modal-sgroup .modal-search, #modal-storage .modal-search, #modal-branch .modal-search {top:0; right:0; width:100%; height:28px; line-height:1;} #modal-cgroup .col-1, #modal-igroup .col-1, #modal-sgroup .col-1, #modal-storage .col-1, #modal-branch .col-1{padding-right:0; padding-left:0;} #modal-cgroup .col-4 , #modal-igroup .col-4, #modal-sgroup .col-4 , #modal-storage .col-4, #modal-branch .col-4{padding-left:0;} #modal-setting .modal-search, #modal-setting_igroup .modal-search {top:0; right:0; width:100%; height:28px; line-height:1;} #modal-setting .col-1 {padding-right:0; padding-left:0;} #modal-setting .col-4 {padding-left:0;} #modal-company .col-lg-3 {-ms-flex: 0 0 23%; flex: 0 0 23%; max-width:23%;} .purch-pquote-pquote .modal-header {background:#131464;} .purch-pquote-pquote button {background-color:var(--basic); color:#fff;} .purch-pquote-pquote button:hover {background-color:var(--basic-hover); } .purch-pquote-pquote .btn_copy {height:32px; margin-top:1px; background:#2b3686; border:none;} .purch-pquote-pquote .btn_copy:hover {background:#111b61;} #modal-slip .modal-body .row > div > div:first-child > div {display:flex;} /* 모바일 */ @media (max-width: 768px) { .modal .col-lg-4 {padding-left:0;} } /*mms*/ .mms * {margin:0;} .mms {width:360px; margin:0 auto; padding-bottom:30px; background:#329bd2; font-size:13px;} .mms .top_btn {display:flex; padding:0; margin:0;} .mms .top_btn button {display:flex; justify-content:center; align-items:center; width:33.15%; height:50px; margin-left:0.27%; background:rgba(255, 255, 255, 0.2) !important; color:#fff !important; font-weight:bold;} .mms .top_btn button:first-of-type {margin-left:0;} .mms .input_field {width:310px; margin:0 auto; margin-top:15px; background:#fff; border:1px solid #ddd; border-radius:45px; box-shadow: 0px 0px 0px 5px #FFFFFF; overflow:hidden;} .mms .txt_byte {display:flex; justify-content:space-between; margin:20px 20px 10px 20px; color:#329bd2; font-weight:bold;} .mms .txt_byte:after {content : "\f012 \f1eb \f242"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-top:-2px; color:#000; font-size:14px; } .mms .input_box {padding:0 15px; box-sizing:border-box; } .mms .input_box select {width:100%; margin-bottom:10px; background:#f6f6f6 !important; border:none; color:#000; border-radius:8px; text-indent: 3px !important;} .mms .input_box input {width:100%; margin-bottom:10px; padding:15px 10px; background:#f6f6f6 !important; border:none; color:#000; border-radius:8px; text-indent: 3px !important;} .mms .input_box select::placeholder, .mms .input_box input::placeholder {color:#000;} .mms .input_box textarea {border:none;} .mms .mid_btn {display:flex; flex-flow: row wrap; margin:0; margin-top:10px; padding:0; background:#329bd2; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;} .mms .mid_btn button {display:flex; justify-content:center; align-items:center; width:33.33%; height:30px; background:#329bd2 !important; border-bottom:1px solid #dededd !important; border-left:1px solid #dededd !important; color:#fff;} .mms .mid_btn button:first-child, .mms .mid_btn button:nth-of-type(3n+1) {border-left:none;} .mms .mid_btn button:hover {background:#57b7e9 !important;} .mms .charater {display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; padding:5px 15px 5px 12px; box-sizing:border-box; background:#f6f6f6; border-bottom:1px solid #ddd;} .mms .charater button {display:flex; justify-content:center; align-items:center; width:33px; height:33px; margin-bottom:3px; background:#fff !important; border:1px solid #dededd !important; border-radius:5px; color:#000;} .mms .charater button:hover {background: #2588bd !important; color: #fff !important;} .mms .tel_return {display:flex; flex-flow:row wrap; align-items:center; padding:10px 15px; color:#329bd2;} .mms .tel_return label {margin-right:10px;} .mms .tel_return > input {width:100%; L :; padding:15px 10px; background:#f6f6f6; border:none; color:#000; border-radius:8px;} .mms .tel_return span {display:flex; align-items:center; width:100%; margin-top:5px; margin-left:58px; color:#000;} .mms .tel_return span input[type="checkbox"] {margin-right:10px;} .mms .checkbox {margin:0 15px;} .mms .send_btn button {display:flex; justify-content:center; align-items:center; width:100%; height:55px; background:#329bd2 !important; color:#fff !important; font-weight:bold;} .mms .send_btn button:hover {background:#57b7e9;} .mms .btn-group button { background:#329bd2 !important; border-top: #329bd2 !important; border-bottom: #329bd2 !important; color:#fff !important; } .mms .btn-group button:first-of-type { border-right: 1px solid #dededd !important; } .mms .btn-group button:last-of-type { border-left: 1px solid #dededd !important; } .mms .btn-group button:hover {background:#57b7e9 !important;} /*상세처방*/ .prescript_detail ul, .prescript_detail li, .prescript_detail dl, .prescript_detail dt, .prescript_detail dd {margin:0; padding:0;list-style:none;} input[type="text"].input_line {border:none; border-bottom:1px solid #000;} .prescript_detail h1 {font-weight:bold;} .prescript_detail fieldset.scheduler-border {padding: 0 1.0em 1.154em 1.0em !important;} .prescript_detail {} .prescript_detail .d-flex {align-items:center;} .prescript_detail input {margin:0 2px;} .prescript_detail th {height:auto; padding:0 8px; padding-bottom:3px; font-weight:400;} .prescript_detail td {height:auto;} .prescript_detail td:first-of-type {font-weight:bold;} .prescript_detail .section {padding-top: 0.538em; border-bottom:1px solid #a6a6a6;} .prescript_detail h3 {margin-bottom:0; font-size:22px; font-weight:bold;} .prescript_detail .section {margin-bottom:15px; padding-bottom:15px;} .prescript_detail .section > div {display:flex; flex-flow:row wrap; justify-content:space-between} .prescript_detail .section .col-4 {flex: 0 0 30.31%; max-width: 30.31%;} .prescript_detail .section .col-5 {flex: 0 0 18.6%; max-width: 18.6%;} .prescript_detail .section .ml-0 {margin-left:0!important;} .prescript_detail .section fieldset > div {display:flex; flex-flow:row nowrap; justify-content: space-between; padding:0 6px;} .prescript_detail .section fieldset > div > div {display:flex; flex-flow:row wrap; align-items:center;} .prescript_detail .section.sec2 fieldset > div > div {margin-left:20px;} .prescript_detail .section.sec2 fieldset > div > div:first-of-type {margin-left:0;} .prescript_detail .section fieldset > div > div span {display:flex; padding-right:8px;} .prescript_detail .section fieldset > div > div input[type="text"] {flex:1; width:100%;} .prescript_detail .section .col-4 input[type="text"] {width:50%;} .prescript_detail .section .col-5 .d-flex {width:100%;} .prescript_detail .sec1 .r2 fieldset {flex: 0 0 15.41%; max-width: 15.41%;} .prescript_detail .sec1 .r2 fieldset:last-child {flex: 0 0 48.30%; max-width: 48.30%;} .prescript_detail .sec1 .r2 fieldset:last-child > div > div:first-child {position:relative;} .prescript_detail .sec1 .r2 fieldset:last-child > div > div {flex:1; justify-content:center;} .prescript_detail .sec1 .r2 fieldset:last-child > div > div:first-child:after {content:""; position:absolute; right:0; height:180%; width:1px; background:#74ab1f;} .prescript_detail .sec1 .r2 fieldset:last-child span {align-items:center; margin-left:10px;} .prescript_detail .sec1 .r2 fieldset > div {} .prescript_detail .sec1 .r2 fieldset > div > div {} .prescript_detail .sec2 .col-2, .prescript_detail .sec3 .col-2 {flex: 0 0 48.30%; max-width: 48.30%;} .prescript_detail .sec2 .col-1, .prescript_detail .sec3 .col-1 {flex: 0 0 100%; max-width: 100%;} .prescript_detail .sec2 .col-2 .flex-1:first-child {margin-right:6%;} .prescript_detail .sec2 .col-1 > div {display:block; height:auto; min-height:165px; text-align:center;} .prescript_detail .sec2 .col-1 button {position:absolute!important; right:-1em!important; bottom:-1.15em!important;} .prescript_detail .sec2 fieldset > div {margin-top:15px;} .prescript_detail .section fieldset.wfd > div {display:block; margin:0 -16px 0 -12px;} .prescript_detail .section fieldset.wfd > div > div {flex-flow:row nowrap; margin-left:0;} .prescript_detail .section fieldset.wfd > div > div span {display:flex; align-items:center; margin:0 3px; padding-right:0;} .prescript_detail .section fieldset.wfd > div > div span:first-of-type {margin-left:6px;} .prescript_detail .section fieldset.wfd input[type="text"], .prescript_detail .section fieldset.eye-close input[type="text"] {width:62px;} .prescript_detail .sec2 .info_pop {background:none;} .prescript_detail .sec2 .info_pop i {color: #e77634; font-size: 17px; vertical-align: middle; margin-bottom: 2px;} .popover-header {font-weight:700;} .prescript_detail .sec3 .stit_l {margin-bottom:5px;} .prescript_detail .sec3 .col-2 {display:flex;} .prescript_detail .add_line > div {flex:1;} .prescript_detail .add_line > div:first-of-type {position:relative; padding-right:20px!important;} .prescript_detail .add_line > div:last-of-type {padding-left:20px!important;} .prescript_detail .add_line > div:first-of-type:after {content:""; position:absolute; right:0; height:130%; width:1px; background:#74ab1f;} .prescript_detail .sec3 .in_txt, .prescript_detail .sec3 .in_txt_plus{position:relative;} .prescript_detail .sec3 .in_txt input[type="text"] {text-indent:15px;} .prescript_detail .sec3 .in_txt:before {content:"-"; position:absolute; left:3px; top:0;} .prescript_detail .sec3 .in_txt_plus:before {content:"+"; position:absolute; left:3px; top:0;} .prescript_detail .sec3 .in_txt:after, .prescript_detail .sec3 .in_txt_plus:after {content:"D";position:absolute; right:15px; top:0;} .prescript_detail .sec3 .col-1 .col-2 {flex:0 0 50%; max-width:50%; padding:10px; } .prescript_detail .sec3 .add_line_lb > div {border-bottom:1px solid #74ab1f; border-left:1px solid #74ab1f;} .prescript_detail .sec3 .add_line_lb > div:first-child, .prescript_detail .sec3 .add_line_lb > div:nth-of-type(2n+1) {border-left:none;} .prescript_detail .sec3 .add_line_lb > div:nth-of-type(7), .prescript_detail .sec3 .add_line_lb > div:last-of-type {border-bottom:none;} .prescript_detail .add_line_lb li, .prescript_detail .add_line_lb dd {position:relative; } .prescript_detail .add_line_lb li:after, .prescript_detail .add_line_lb dd:after {content:""; position:absolute; right:0; height:80%; width:1px; background:#74ab1f;} .prescript_detail .add_line_lb dd:after {height:100%;} .prescript_detail .add_line_lb li:last-of-type:after, .prescript_detail .add_line_lb dd:last-of-type:after {display:none;} .prescript_detail .sec3 ul, .prescript_detail .sec3 dl {display:flex; flex-direction:row;} .prescript_detail .sec3 li, .prescript_detail .sec3 dd {display:flex; align-items:center; margin-left:15px; padding-right:15px;} .prescript_detail .sec3 li:first-child, .prescript_detail .sec3 dd:first-child {margin-left:0;} .prescript_detail .sec3 .col-1 input[type="text"] {width:50px; flex:1;} .prescript_detail .sec3 .col-1 input[type="checkbox"] {margin-left:0;} .prescript_detail .sec3 .txt_info {position:relative; display:inline-block; margin-top:6px; padding-left:15px; font-style: normal; font-size: 12px; color:#d96b0c; word-break:keep-all;} .prescript_detail .sec3 .txt_info:before {content:"※"; position:absolute; left:0; top:0;} .prescript_detail .sec3 .ac-a input[type="text"] {flex:none; width:auto;} .prescript_detail .sec4 fieldset > div > div {margin-left:15px; } .prescript_detail .sec4 fieldset > div > div:first-of-type {margin-left:0;} #main-media-tab .media-search-btn { background-color: #4dae52 !important; border-color: #4dae52 !important; color: white; } #main-media-tab .media-search-btn:hover { background-color: #25b372 !important; border-color: #25b372 !important; } .head_nav .navbar-nav-link {padding:0;} .head_nav > div:nth-of-type(2) > div:first-of-type {display:none;} .head_nav .navbar-nav li {position:relative; display: flex; align-items: center; justify-content:center; min-width:80px; height:42px; margin-right: 0!important; padding: 10px; border-right:1px solid #ddd;} .head_nav .navbar-nav li:hover {background:#f0f2f5;} .head_nav .navbar-nav li:first-child {border-left:1px solid #ddd;} .head_nav .navbar-nav .dropdown-toggle {background:none; color:#787878;} .head_nav .navbar-nav li > a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#787878;} .head_nav .navbar-nav:nth-of-type(2) .btn-group button {background:none; color:#787878;} .head_nav .navbar-nav:nth-of-type(2) .dropdown-menu {} .head_nav .btn-outline-primary, #navbar-mobile .dropdown-user a {border:none; color:#787878;} #navbar-mobile ul:nth-of-type(2) {justify-content: flex-end;} #navbar-mobile ul:nth-of-type(2) li:first-child {border-left:1px solid #ddd;} #navbar-mobile .dropdown-menu {position:absolute; min-width:auto;} #navbar-mobile ul:nth-of-type(2) .dropdown-menu {top:30px; left: -10px;} .head_nav .btn-outline-primary:hover {background:none;} .sel_lang {display:flex; align-items:center; padding:0!important; } .sel_lang .select2-selection--single:not([class*=bg-]):not([class*=border-]) {background:none; border:none;} .sel_lang .select2-selection--single:not([class*=bg-]) {color:#787878;} .sel_lang .select2-selection--single {padding:3px 0;} .head_nav .btn_left_collapse {min-width:60px!important;} .head_right .navbar-nav {background:none;} .head_right .navbar-nav li, .head_right .navbar-nav li:first-child {min-width:auto; padding:0 3px; border:none;} .head_right .navbar-nav li:last-child {min-width:60px; border-left:1px solid #ddd;} .head_right .navbar-nav li i {color:#5151cb;} .nav_sort .dropdown-toggle::after {display:none;} .nav_sort .dropdown-menu > div {display:flex; flex-flow:row wrap;} .nav_sort .dropdown-menu {width:360px; /*left: -120px;*/ padding: 10px;} .nav_sort .dropdown-menu a {width:64.5px; margin:10px; padding:0; display:block; text-align:center; line-height:1.3; font-weight: 700; color: #666; text-align:center; overflow:visible; white-space:normal;} .nav_sort .dropdown-menu a:hover {background:none;} .nav_sort .dropdown-menu span {display:flex; justify-content:center; align-items:center; width:50px; height:50px; text-align:center; margin:0 auto; margin-bottom:5px; border-radius:50%; background:#ededed; font-size: 16px; color:#fff;} .nav_sort .dropdown-menu a i {color:#fff;} .m_searchbox {position:absolute; left:0; margin-left:175px; width:100%; max-width:40%; padding:5px 0;} .m_searchbox > div {background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; } .m_searchbox > div > div:first-of-type {display:flex; align-items:center;} .m_searchbox > div > div:first-of-type > * {height:28px!important;} .m_searchbox button {width:50px; background:#5150cf; color:#fff;} .m_searchbox input {flex:1; padding:5px 10px; border:none!important;} .m_searchbox .collapse {width:100%;} .m_searchbox a {display:block; padding:5px 10px; color:#333; font-weight:700;} .m_searchbox a:first-of-type {padding-top:15px; border-top:1px solid #ddd;} /*세금계산서 팝업*/ .taxbill {display:flex; justify-content:center; position:relative; width: 100%; height:800px;} .taxbill .modal-dialog {max-width:800px;} .taxbill .modal-header {border-bottom:1px solid #ddd;} .taxbill .modal-title {padding:0 8px 5px 0; font-weight:700; font-size:16px;} .taxbill .btn-close {margin-top: -5px; font-size:28px; color: #999; background: none; line-height: 1;} .taxbill .btn-close:hover {color:#333;} .taxbill .modal-body {padding:10px; padding-top:8px; padding-bottom: 5px;} .taxbill .count {display:flex; justify-content:flex-end; align-items:center; font-size:14px;} .taxbill .count strong {position:relative; display:inline-block; padding-right:10px; margin-right:10px;} .taxbill .count strong:after {position:absolute; top:5px; right:0; display:block; content:""; width:1px; height:14px; background:#676767;} .taxbill .count em {display:inline-block; margin-left:3px; font-style:normal; font-size:13px; color:#787878} .taxbill .count span {display:inline-block; width:50px; padding:2px 8px; background:#f6f6f6; text-align:right; font-weight:700;} .taxbill .count_free {margin-right:16px;} .taxbill .count_free span {color:#0c6cbb;} .taxbill .select_type {display:flex; justify-content:flex-end; align-items:center; margin:10px 0 2px 0;} .taxbill .select_type > div {display:flex; align-items: center; margin-left:16px;} .taxbill .select_type label {padding:0;} .taxbill .mark, .taxbil_popup .mark {align-self: flex-start; display:inline-block; padding:0; background:none; font-weight:700; font-size: 20px; color:#e43737;} .taxbill .paper {border:3px solid #e43737; color: #e43737; font-size:13px; line-height:1.3;} .taxbill .paper * {box-sizing:border-box;} .taxbill input[type="text"] {width:100%; height:28px;} .taxbill .row {display:flex; align-items:center; margin:0; border-top:1px solid #e43737; border-bottom:1px solid #e43737;} .taxbill .paper dl {margin:0;} .taxbill .paper dt {display: flex; align-items: center; justify-content:center; min-height:35px; margin:0; padding:3px; border-right:1px solid #e43737; border-bottom:1px solid #e43737; text-align:center;} .taxbill .paper dd {min-height:35px; margin:0; padding:3px; border-bottom:1px solid #e43737; color:#333;} .taxbill .paper dd dt {color:#e43737;} .taxbill .row1 {border-top:none;} .taxbill .row1 .col1 {display:flex; align-items:center;} .taxbill .row1 .col2 {margin-left:auto;} .taxbill .row1 .col1 h3 {margin:0; padding:0 20px; margin-left:95px; font-size: 32px; text-align:center;} .taxbill .row1 .col1 span {padding:0 20px; font-size: 16px;} .taxbill .row1 .col2 dl {display:flex; align-items:center; margin:0; border-bottom:1px solid #e43737;} .taxbill .row1 .col2 dl:last-of-type {border-bottom:none;} .taxbill .row1 .col2 dt {margin:0; padding:5px; border-left:1px solid #e43737; border-bottom:0; text-align:center;} .taxbill .row1 .col2 dd {display: flex; align-items: center; width:180px; margin:0; padding:5px; border-bottom:0; color:#333;} .taxbill .row2 > div {display:flex; width:50%;} .taxbill .row2 table {width:100%;} .taxbill .row2 tr {border-bottom:1px solid #e43737;} .taxbill .row2 table tr:first-of-type {border-bottom:none;} .taxbill .row2 th {width:26px; height:35px; padding:3px; border-right:1px solid #e43737; color:#e43737; text-align:center; vertical-align:middle;} .taxbill .row2 td {position:relative; height:auto; height:35px; padding:3px; color:#333;} .taxbill .row2 td div {display: table; table-layout: fixed; width: 100%; white-space: nowrap; } .taxbill .row2 td div * {display: table-cell; overflow: hidden; text-overflow: ellipsis;} .taxbill .row2 .td_head {width:60px; border-right:1px solid #e43737; border-left:1px solid #e43737; text-align:center; color:#e43737;} .taxbill .row2 .td_head:first-of-type {border-left:none;} .taxbill .row2 .tr_address td {font-size:12px;} .taxbill .row2 .tr_name td:first-of-type {padding:0 3px;} .taxbill .row2 .w-s {width:50px;} .taxbill .row2 .search_box {display:flex; align-items:center; border:1px solid #ddd;} .taxbill .row2 .search_box input {border:none; height:26px;} .taxbill .row2 .search_box button {height:auto; padding:0; margin:0;} .taxbill .row2 .search_box i {padding:5px; color:#333;} .taxbill .row2 .supplier th {border-left:2px solid #e43737;} .taxbill .row2 .mark {position:absolute; top:5px; right:5px;} .taxbill .row3, .taxbill .row4, .taxbill .row5 {border-top:none!important;} .taxbill .row5 {border-bottom:none;} .taxbill .row3 > dl {flex:1;} .taxbill .row3 > dl:first-of-type {flex:0; width:122px;} .taxbill .row3 dd {display:flex; align-items:center; justify-content:flex-end; border-right:1px solid #e43737; text-align:right; color:#333;} .taxbill .row3 > dl:last-of-type dt {border-right:none;} .taxbill .row3 > dl:last-of-type dd {border-right:none;} .taxbill .row4 th {height:auto; padding:3px; border-bottom:1px solid #e43737; border-left:1px solid #e43737; color:#e43737; text-align:center; line-height:auto; font-weight:400;} .taxbill .row4 th:first-of-type {border-left:none;} .taxbill .row4 td {height:auto; padding:3px; border-bottom:1px solid #e43737; border-left:1px solid #e43737;} .taxbill .row4 td:first-of-type {border-left:none;} .taxbill .row4 .td_subject {width:210px} .taxbill .row4 .td_size, .taxbill .row4 .td_amount {width:50px;} .taxbill .row4 td input {text-align:right;} .taxbill .row4 .td_date input, .taxbill .row4 .td_subject input, .taxbill .row4 .td_size input, .taxbill .row4 .td_note input {text-align:left;} .taxbill .row5 > div {display:flex;} .taxbill .row5 .sum {width:625px;} .taxbill .row5 .sum > dl {flex:1;} .taxbill .row5 .sum dt {height:25px;} .taxbill .row5 .sum dd {display:flex; align-items:center; justify-content:right; border-bottom:none; border-right:1px solid #e43737; text-align:right;} .taxbill .row5 .select_request {display:flex; align-items:center; justify-content:center; flex:1;} .taxbill .row5 .select_request select {margin:0 5px;} .taxbill .trans_type {display:flex; align-items:center; margin:5px 0;} .taxbill .trans_type .input-group {display:flex; width: auto; margin-left:5px;} .taxbill .trans_type input {width:132px; border-radius:0; border-right:none;} .taxbill .trans_type .input-group-append .btn {height:28px; padding:5px; border:1px solid #ccc; border-left:none; border-radius:0;} .taxbill .trans_type .dropdown-toggle::after {vertical-align: initial;} .taxbill .trans_type .dropdown-menu {background:#fff; overflow: auto; height: 299px; font-size:12px;} .taxbill .trans_type dl {margin:0; padding:3px; border-top:1px solid #ddd;} .taxbill .trans_type dt {margin:0; font-weight:700;} .taxbill .trans_type dd {margin:0; color:#666;} .taxbill .modal-footer {justify-content: flex-start;border-top:1px solid #ddd;} .taxbill .modal-footer dl {display:flex; align-items:center; margin-right:20px; } .taxbill .modal-footer dt {margin-right:5px; font-weight:700;} .taxbill .modal-footer dd {display:flex; align-items:center;} .taxbill .modal-footer . {display: flex; align-items: center; justify-content:center; width:28px; margin-left:3px; padding: 0 5px; font-size:11px;} .taxbill .modal-footer .btn_wrap {margin-left:auto;} .taxbill .modal-footer button {height:28px; padding:0 .75rem; border-radius:0;} .taxbill_purch .mark, .taxbill_purch .mark {color:#5863c7;} .taxbill_purch .paper {border:3px solid #5863c7; color: #5863c7;} .taxbill_purch .row {border-top:1px solid #5863c7; border-bottom:1px solid #5863c7;} .taxbill_purch .paper dt { border-right:1px solid #5863c7; border-bottom:1px solid #5863c7; } .taxbill_purch .paper dd {border-bottom:1px solid #5863c7; } .taxbill_purch .paper dd dt {color:#5863c7;} .taxbill_purch .row1 .col2 dl {border-bottom:1px solid #5863c7;} .taxbill_purch .row1 .col2 dt {border-left:1px solid #5863c7;} .taxbill_purch .row2 tr {border-bottom:1px solid #5863c7;} .taxbill_purch .row2 th {border-right:1px solid #5863c7; color:#5863c7;} .taxbill_purch .row2 .td_head { border-right:1px solid #5863c7; border-left:1px solid #5863c7; color:#5863c7;} .taxbill_purch .row2 .supplier th {border-left:2px solid #5863c7;} .taxbill_purch .row3 dd {border-right:1px solid #5863c7; color:#333;} .taxbill_purch .row4 th {border-bottom:1px solid #5863c7; border-left:1px solid #5863c7; color:#5863c7;} .taxbill_purch .row4 td {border-bottom:1px solid #5863c7; border-left:1px solid #5863c7;} .taxbill_purch .row5 .sum dd {border-right:1px solid #5863c7; text-align:right;} .taxbil_popup {background: rgba(0, 0, 0, 0.6);} .taxbil_popup .modal-dialog {width:650px;} .taxbil_popup .modal-header {padding-bottom:5px; border-bottom:1px solid #ddd;} .taxbil_popup .modal-title {font-size: 16px; font-weight: 700;} .taxbil_popup .modal-header .close {margin-top: -5px; color: #666!important; font-size: 28px; line-height: 1;} .taxbil_popup button {height:28px; border-radius:0; font-size:14px; line-height:1;} .taxbil_popup .modal-footer>.btn+.btn {margin-left:5px;} .taxbil_popup h3 {margin-bottom:5px; font-weight:700; font-size:14px;} .taxbil_popup table {width:100%; border-top:1px solid #333;} .taxbil_popup table th {height:auto; padding:5px; border-bottom:1px solid #ddd; text-align:center;} .taxbil_popup table td {height:auto; padding:5px; border-bottom:1px solid #ddd; text-align:center;} .taxbil_popup li, .taxbil_popup ul {margin:0; padding:0; list-style:none;} .pop_findsupplier .search_box {display:flex; align-items:center;} .pop_findsupplier .search_box button {margin-left:3px; font-size:12px;} .pop_findsupplier .search_box select {min-width: 300px;} .pop_findsupplier .result_list {height:350px; margin-top:10px; overflow-y:auto;} .pop_findsupplier table th:fist-of-type {width:240px;} .pop_addpic th:last-of-type {width:240px;} .pop_addpic ul {display:flex; flex-flow:row wrap; background: #f6f6f6; margin-top: 10px; padding: 10px 0;} .pop_addpic li {display:flex; flex-flow:row wrap; align-items:center; width:calc(50% - 20px); margin:5px;} .pop_addpic li label {width:70px; text-align: right; margin-right: 10px;} .pop_addpic li input {flex:1;} /*opticalpos - dashboard*/ /* .card-body ul,*/ .opticalpos li {margin:0; padding:0; list-style:none;} .opticalpos .card-header {font-weight:700; color:var(--dark); font-size:16px;} .opticalpos ul {display:flex; flex-direction:column; height:100%;} .opticalpos .card-body {padding:0.625rem 1.25rem;} .opticalpos .com_info .card {background:var(--indigo-100);} .opticalpos .com_info ul {margin-bottom:0; padding:0; font-size:14px; } .opticalpos .com_info li {margin:3px 0;} .opticalpos .com_info i {color:#999; margin-right:10px; } .opticalpos .com_info .name {margin-bottom:auto; font-size:18px; color:var(--dark); font-weight:700;} .opticalpos .com_info .name i {display: block; font-size: 32px; margin-bottom: 5px; color:var(--dark); } .opticalpos .com_info .name:after {content:""; display:block; width:40px; height:2px; margin-top:10px; background:#333;} .opticalpos .alarm .card {background: var(--light);} .opticalpos .alarm dl {display:flex; flex-direction:column; align-items:center; width: 25%; margin-bottom:0; padding: 5px;} .opticalpos .alarm dl:first-of-type dt {background:#039be5;} .opticalpos .alarm dl:nth-of-type(2) dt {background:#0370e5;} .opticalpos .alarm dl:nth-of-type(3) dt {background:#733cc7;} .opticalpos .alarm dl:last-of-type dt {background:#d34c70;} .opticalpos .alarm dt {display:flex; flex-direction:column; align-items:center; justify-content:center; width:70px; height:70px; border-radius:50px; color:#fff; font-weight:700;} .opticalpos .alarm dt i {margin-bottom:3px; font-size:24px;} .opticalpos .alarm dd {text-align: center; font-size: 24px; font-weight: 700;} .opticalpos .alarm dd span {font-size:12px; color:#666; font-weight:400; color:inherit;} .opticalpos .alarm dl:first-of-type dd {color:#039be5;} .opticalpos .alarm dl:nth-of-type(2) ddd {color:#0370e5;} .opticalpos .alarm dl:nth-of-type(3) dd {color:#733cc7;} .opticalpos .alarm dl:last-of-type dd {color:#d34c70;} .opticalpos .charge .card {background: var(--red-100);} .opticalpos .charge .card-header {border-bottom:1px solid #ffe0e0;} .opticalpos .charge .card-header dl {display:flex; flex-flow:row wrap;} .opticalpos .charge .card-header dl dt {padding:0; font-weight:700;} .opticalpos .charge .card-header dl dt span {display:block; font-size:12px; color:#787878; font-weight:400;} .opticalpos .charge .card-header dl dd {padding:0; text-align:right; font-size:26px; font-weight:700;} .opticalpos .charge .card-header dl dd span {font-weight:400; font-size:16px;} .opticalpos .charge .card-body {padding-top:10px; padding-bottom:0;} .opticalpos .charge .card-body dl {display:flex; flex-flow:row wrap; width:100%; margin:5px 0;} .opticalpos .charge .card-body dt {width:60%;} .opticalpos .charge .card-body dt em {background:#fff; border: 1px solid #e9a4a4; border-radius: 3px; padding: 0 5px; font-size: 11px; font-style: normal; color:#cb4545;} .opticalpos .charge .card-body dd {width:40%; text-align:right; font-weight:bold;} .opticalpos .help {display:flex; align-items:center; justify-content:center;background:#cf445d; cursor:pointer } .opticalpos .help:hover {background:#d1344f;} .opticalpos .help a {display:flex; flex-direction:column; align-items:center; color:#fff; font-size:18px; font-weight:700;} .opticalpos .help i {margin-bottom:10px; font-size:30px;} .opticalpos .calendar table th, .opticalpos .calendar table td {height:auto;} .opticalpos .calendar h2 {font-weight:700;} .opticalpos .calendar .fc-header-toolbar {justify-content:center;} .opticalpos .calendar .fc .fc-button-primary {background-color:transparent; border-color:transparent;} .opticalpos .calendar .fc-button:not(.fc-button-disabled):not(.fc-button-active):focus, .opticalpos .calendar .fc-button:not(.fc-button-disabled):not(.fc-button-active):hover {background-color: transparent; border-color: transparent;} .opticalpos .calendar .fc .fc-button .fc-icon {font-size:24px;} .opticalpos .calendar .fc-icon-chevron-right:after, .opticalpos .calendar .fc-icon-chevron-left:after {display:none; font-size:24px;} .opticalpos .fc-dayGrid-view tbody .fc-row {height:90px;} .opticalpos .callendar_cont, .opticalpos .ad {height:calc(100% - 1.25rem);} .opticalpos .callendar_cont .date {padding:40px 20px; border-bottom:1px solid #ddd; font-size:24px; font-weight:700; text-align:center; letter-spacing:-1px;} /*.opticalpos .callendar_cont .date:after {content:""; display:block; width:40px; height:2px; background:#333; margin:20px auto;}*/ .opticalpos .callendar_cont ul {padding:0;} .opticalpos .callendar_cont li {padding:10px 40px; border-bottom:1px solid #ddd; color:#666;} .opticalpos .callendar_cont li strong {display:block; margin-bottom:5px; color:#333;} .opticalpos .callendar_cont li em {color: #0385e5; font-style: normal; font-weight: 700;} .opticalpos .color-desc {flex-flow:row wrap; padding: 0;} .opticalpos .color-desc > div {flex-flow:row wrap;} .opticalpos .ad {overflow:hidden;} /*marketplace_dash*/ .content>.content.dbr_standard1_dash {padding:1.25rem;} .dbr_standard1_dash a {color:inherit;} .dbr_standard1_dash .custom-select {height:28px; padding:0 1.5625rem 0 0.625rem; background-position:right 0.625rem center; line-height:1;} .dbr_standard1_dash .summary {color:#fff;} .dbr_standard1_dash .summary .badge {padding-right:0.625rem; padding-left:0.625rem; font-size:0.875rem;} .dbr_standard1_dash .progress_tit {display:flex; align-items:center; padding:0 3px;} .dbr_standard1_dash .progress_tit > span:last-child {margin-left:auto; margin-right:5px;} .dbr_standard1_dash .card-header .card-title {font-size:0.938rem; font-weight:500;} .dbr_standard1_dash th {font-size:0.938rem; font-weight:500;} .dbr_standard1_dash th > div {display:flex; align-items:center;} .dbr_standard1_dash th i, .dbr_standard1_dash .card-header h6 a i {margin: 0 3px; padding-bottom: 2px; vertical-align: middle; font-size:0.75rem;} .dbr_standard1_dash th select {width:auto; margin-left:auto;} .dbr_standard1_dash td .badge {padding: 0.3125rem 0.375rem; font-size:80%; font-weight: 500; line-height:1;} .dbr_standard1_dash table .sort {width: 40px; padding-right: 0;} .dbr_standard1_dash td:last-of-type {width:80px;} .dbr_standard1_dash .inquiry .card {height:calc(100% - 1.25rem);} .dbr_standard1_dash .inquiry td:first-of-type {width: 40px; padding-right: 0;} .dbr_standard1_dash .letter-icon {color:#fff;} .dbr_standard1_dash .nav-tabs-solid {border: 1px solid #ddd; text-align:center;} .dbr_standard1_dash .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link {color: rgba(255,255,255,.9);} .dbr_standard1_dash .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.active {color: #fff; background-color: rgba(0,0,0,.1);} .dbr_standard1_dash .nav-item a {justify-content:center;} .dbr_standard1_dash .progress {height:1.375rem; margin-bottom: 1.25rem;} .dbr_standard1_dash .new_order .progress-bar {background-color:#26A69A;} .dbr_standard1_dash .delay .progress-bar {background-color:#EC407A;} .dbr_standard1_dash .cancel .progress-bar {background-color:#29B6F6;} .dbr_standard1_dash .manage .progress-bar {background-color:#ff7043;} .dbr_standard1_dash .calculate h6 {margin-bottom:0;} .dbr_standard1_dash .calculate li {margin-top:0.9375rem;} .dbr_standard1_dash .calculate li:first-child {margin-top:0.625rem;} .list-type1-page .modal-body .border-danger-10 {border-color:#5c6bc0!important;} .list-type1-page .modal-body .bg-danger-10 {background-color:#5c6bc0!important;} .list-type1-page .modal-body .bg-danger-10-hover:hover {background-color: #4a5bb9!important; border-color: #4a5bb9!important;} .list-type1-page .modal-body th.bg-danger-10 {background-color:#668ac9!important;} #type1-table-body .dropdown {position:static;} #type1-table-body .dropdown > a {display:block;} #type1-table-body .dropdown-menu {position:absolute; padding:4px 10px; will-change: transform; top: 0px; left:20%; min-width:130px; border:1px solid #a3aad1;} #type1-table-body .dropdown-menu a {display:block; padding:4px 0; font-size:13px; color:#525252;} /*#type1-table-body .dropdown:hover > .dropdown-menu{display:block;}*/ #type1-table-body .dropright .dropdown-toggle::after {display:none;} a:focus { outline: 0;} /*가맹점 정보 팝업*/ .popup-form1-form-a-member-company-form .mt_space {margin-top:44.42px;} .popup-form1-form-a-member-company-form #contact .verify_cfm {border-color:#7d8bd7!important;} .popup-form1-form-a-member-company-form #contact .form-control-feedback, .popup-form1-form-a-item-form #delivery .form-control-feedback {height:28px; line-height:28px;} .popup-form1-form-a-member-company-form #contact .form-control {border:1px solid #6f80e1; border-right:none; border-top-right-radius:0; border-bottom-right-radius:0;} /*상품상세 팝업*/ .popup-form1-form-a-item-form #prod-addon-ipn .bg-primary i {color:#fff;} /*item-taabbed*/ .item_tabbed.btn-groups {position:sticky; top:0; left:0; margin-left:-18px; margin-right:-18px; margin-bottom:5px!important; border-bottom:1px solid #ddd; background:#f5f5f5; z-index:20;} .content > .row > div > .item_tabbed.btn-groups.pt-2 {padding-left:18px!important; padding-right:18px!important;} .item_tabbed.card {margin-top:5px;} .item_tabbed .tabs_wrap {position:sticky; top:50px; left:0; margin-top:-10px; padding-top:10px; background:#fff; z-index:10;} .item_tabbed .tab-pane {display:block;} .item_tabbed .tab-pane:first-of-type {padding-top:0;} .item_tabbed .fade:not(.show){opacity: 1;} .item_tabbed .card-header {padding-left:0; padding-right:0;} .item_tabbed .card-header > .card-header-item.col-12 {padding-left:0; padding-right:0;} .item_tabbed .anch{position:relative; top:-110px; height:1px; } .item_tabbed .stit {padding:0 5px;} .item_tabbed .stit h3 {font-size:16px; font-weight:500; color:#191919;} .item_tabbed .fr-box {z-index:0!important;} .post-tabbed .tab-pane {padding:0.625rem 0;} /*프린트 상품등록*/ .blanker_item .guide, .blanker_item .setsize_wrap, .editor_wrap > div, .option_wrap > div {margin-right:32px;} .head_btn_add {color:var(--basic-hover);} .backslash {width:287px; background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #ddd, transparent calc(50% + 1px)); background-size: 120% 120%; background-position: center;} .backslash div {display:flex; align-items:center; height:50%;} .backslash > div:first-child {justify-content:flex-end;} .backslash input {margin-left:6px;} .backslash a {margin-top:10px;} #topAnchor {height:0.5rem; margin-top:-0.5rem;} .blanker_item .contents_wrap {margin-top:0;} .blanker_item.content {padding-top:0;} .blanker_item .topbtn_wrap {position: sticky; top: 0; left: 0; z-index: 110; background: #f6f6f6;} .blanker_item .btn-groups {margin-top:-2rem; padding-top:0.625rem; padding-bottom:0.625rem; } .blanker_item .anchor {height:101px; margin-top:-101px;} .blanker_item .tabs_wrap {position:sticky; top:56px; left:0; margin:-11px; padding:10px; padding-top:0; border: 1px solid rgba(0, 0, 0, .125); border-bottom:0; border-top-left-radius:.25rem; border-top-right-radius:.25rem; overflow:hidden; z-index: 10; background:#fff;} .blanker_item .tab-content>.tab-pane {display:block; opacity:1;} .blanker_item .card {padding:12px; margin-top:12px;} .blanker_item .ptxt_wrap {position: absolute; padding:6px; margin: 5px; display: none; background-color:#5c6bc0; border-radius:5px; z-index:10;} .blanker_item .table-responsive {overflow-x: auto;} .blanker_item input, .blanker_item tbody input[type="text"] {border-radius: .25rem;} .blanker_item tbody input[type="text"] {width:auto!important;} .blanker_item input::placeholder {color:#787878;} .blanker_item ul, .blanker_item li {padding:0; margin:0; list-style:none;} .blanker_item .stit {display:flex; align-items:center; gap:10px; margin-bottom:10px;} .blanker_item .stit h3 {margin-bottom:0; font-weight:700; color:#191919; font-size:14px; } .blanker_item .tab-pane {padding:20px 3px;} .blanker_item .stit h3 span {font-weight:400;} .blanker_item .guide {display:flex; gap:60px; margin-bottom:12px; padding:12px; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; word-wrap: break-word;} .blanker_item .guide dt, .blanker_item .guide li {position:relative; padding-left:10px; font-weight:500; color:var(--black);} .blanker_item .guide dt:before, .blanker_item .guide li:before {content:""; position:absolute; top:7px; left:0; width:4px; height:4px; background:var(--black); border-radius:50px;} .blanker_item .guide dd {margin-bottom:3px;} .blanker_item .guide dd strong {font-weight:400; color:var(--danger);} .blanker_item .guide .txt_sm {margin-top:10px; color:var(--basic-hover);} .blanker_item .guide ul {margin-bottom:1rem;} #pheader1 > td:last-child > div {position:relative; max-width:1230px; text-align:center;} .stock_table2 .p_img_area {text-align: left;width: 78px;display: inline-block} .stock_table2 .p_img_icon > img {width: 21px; height: 21px; cursor: pointer;vertical-align: middle} .p_tbl_header {background:#f6f6f6;} .p_tbl_header, .p_tbl_row1 {border-collapse: collapse; table-layout: fixed; width: max-content; border:1px solid #ddd;} .p_tbl_header td {padding:8px 5px; border:1px solid #ddd; vertical-align:top;} .p_tbl_header td .position-absolute {top:50%; left:5px; transform:translateY(-50%); display: flex; align-items: center;} .p_tbl_header td .position-absolute i {margin-left:6px;} .p_tbl_header td > input:first-of-type {margin-top:4px;} .p_tbl_header .set_qty, .p_img_area a, .p_text_area a {position:relative; display:inline-block; color:var(--txt-hover); text-decoration:underline;} .p_text_area {position:relative;} .p_tbl_header .btn_cls {position:relative;} .p_tbl_header .btn_cls a {position:absolute; top:-50px; right:0;} .p_tbl_header .row {display:block; margin:4px 0; text-align:left;} .ctl_amount {display: inline-block; vertical-align: middle; font-size: 14px;} .ctl_amount i {display:block; margin-left: 2px;} #pheader2 > td {width:205px; font-size:12px; } tbody input[type="text"].pn tbody input[type="text"].row_nk {width:90px!important;} tbody input[type="text"].pc1, tbody input[type="text"].pc2, tbody input[type="text"].pw1, tbody input[type="text"].pw2 {width:44px!important;} .p_tbl_row1 {border-top: none} .p_tbl_row1 .p_img_area {width:auto; margin-left:2px;} .p_tbl_row1_td1 {position:relative; padding: 5px; width:116px} .p_tbl_row1_td2 {border-left:1px solid #ddd;} .p_tbl_row3, .p_tbl_row4 {border-collapse: collapse; table-layout: fixed; border-top: 1px solid #ddd;} .p_tbl_row2_td1 {width: 170px;} .p_tbl_row2_td1 > input {width:90px!important;} .p_tbl_row2_td2 {width: 205px; border-left: 1px solid #ddd;} .p_tbl_val2 {border-bottom:1px solid #ddd;} .p_tbl_row1_td2_tbl_last, .table-responsive > table:nth-of-type(2) .p_tbl_val2:last-of-type, .stock_table2 > table:nth-of-type(2) .p_tbl_val2:last-of-type {border-bottom: none} .on11_opt_type {margin-top:10px;} .p_tbl_row2 td, .p_tbl_row3 td, .p_tbl_row4 td {padding: 5px;} .p_tbl_row4 .size_div_btn, .p_tbl_row4 .pp {display: none } .p_tbl_row4 {height: 32px} .stock_table2 .pr {display: none} .stock_table2 .pfo {display: none} .stock_table2 .pfd {display: none} .stock_table2 .pf {display: none} .stock_table2 .pp {width: 90px;} .stock_table2 .p_text_icon { display: inline-block; border: 1px solid #CCC; border-radius: 5px; width: 15px; height: 15px; background-color: #EEE; text-align: center } .stock_table2 .p_text_area { height: 25px; } .stock_table2 .p3v { display: none } .stock_table2 .size_div_btn { cursor: pointer } .row2_td1_spc1 { width: 10px; display: inline-block } .row2_td1_spc2 { width: 25px; display: inline-block } .blanker_item .setsize_wrap {gap:80px;} .blanker_item .setsize_wrap .text-orange-700{margin:12px 0;} .blanker_item .setsize_wrap a {line-height:28px;} .blanker_item .setsize_wrap > div {position:relative;} .blanker_item .setsize_wrap > div:first-child:after {content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position:absolute; top:50%; right:-45px; transform:translateY(-50%); color:#ccc; font-size:24px;} .set_size input[type="text"] {width:auto!important;} .set_size .stit h4 {display:inline-block; font-weight:700; color:var(--danger); font-size:14px;} .set_size .stit span {color:var(--black); font-weight:500;} .set_size ul {display:flex; align-items:center; gap:20px; margin-top:12px;} .set_size dl {display:flex; align-items:center; gap:10px; color:#666;} .set_size dt {margin-bottom:0;} .blanker_item .editor_wrap .d-flex {flex-wrap:wrap; gap:8px;} .blanker_item .editor_wrap .btn {height:28px;} .blanker_item .option_wrap .tit {gap:10px; padding:12px; background:#f6f6f6;} .blanker_item .option_wrap .card {align-items: flex-start; padding:0; padding-bottom:12px;} .blanker_item .hu_cnts .card {margin-bottom:0;} .blanker_item .hu_cnts table:first-of-type .card {margin-top:12px;} .blanker_item .hu_cnts th {width:165px; padding:12px; padding-top:22px; vertical-align:top;} .blanker_item .option_wrap a.btn {line-height:28px;} .blanker_item .option_wrap .top_tb {width:100%;} .blanker_item .option_wrap .top_tb td {padding:12px; background:#f6f6f6;} .blanker_item .option_wrap .top_tb .btn_del {position:absolute; right:10px;} .blanker_item .sortable0 table tr td, .blanker_item .row_tb tr td {padding-left:12px; padding-right:12px;} .blanker_item .row_tb tr td td {padding-left:0; padding-right:0;} @media (max-width:1440px) { .m_searchbox {max-width:30%;} .blanker_item .guide, .blanker_item .setsize_wrap, .editor_wrap > div, .option_wrap > div {margin-right:0;} } @media (max-width:1440px) and (min-width:1199.98px) { .summary .card-body {padding:10px;} } @media (max-width:1200px) { .head_nav .navbar-brand {width:100%; padding:10px 10px; border-bottom:1px solid #ddd; text-align:center;} } @media (max-width: 1199.98px) { .head_nav > div:nth-of-type(2) {padding-left:0!important; padding-right:0!important;} .head_nav .navbar-nav li {padding:10px 6px;} .head_right .btn {padding:0.3125rem 5px;} .sidebar-mobile-toggler {display:block!important;} } @media (max-width: 992px) { .m_searchbox {position:relative; width:calc(100% + 1.25rem); max-width: none; margin:0 -10px; padding:10px 15px ; border-top:1px solid #ddd; } } @media (max-width: 768px) { .nav_sort .dropdown-menu { position: absolute; width: calc(100vw - 10px); max-width:360px;} .head_nav {flex-flow:row wrap; padding-left:0!important;} .head_nav .nav_wrap {padding-left:var(--container-pdl); padding-right:var(--container-pdr);} .head_nav .nav_wrap .btn {color:#5151cb;} .head_nav .btn_left_collapse {display:none!important;} .head_nav .navbar-nav li {height:38px;} .head_nav .badge {display:none!important; height:0; width:0; padding:0!important; font-size:0!important; line-height:0;} .head_nav .navbar-nav li:first-child {border-left:none;} .head_right .navbar-nav li:last-child {width:auto!important; min-width:auto; margin-bottom: 0!important; padding: 0.3125rem 0.75rem; border-left: none;} .head_nav > div:nth-of-type(2) > div:first-of-type {display:block; width:100%; background:#f6f6f6;} .head_nav .d-md-none {padding:0 1.25rem; border-bottom:1px solid #ddd;} .head_right .navbar-nav {flex-flow:row wrap;} #navbar-mobile .navbar-nav {padding:0; position:relative; flex-direction:row!important;} #navbar-mobile .navbar-nav:first-of-type {margin:0; padding:0; height:0;} #navbar-mobile .w-100 {width:auto!important;} #navbar-mobile li {margin:0!important;} .head_right {position:absolute; top:0; right:10px;} .head_nav .head_right > ul > li:first-of-type {display:none;} .head_nav .collaps {border-top:1px solid #ddd;} .sel_lang {position: absolute; top:0; right: -8px; max-width: 100px; border-left:1px solid #ddd; border-right:none!important; z-index:50;} .head_nav .media .dropdown-menu {position:absolute;} .opticalpos .pd_outer {padding: 0.625rem 0.625rem;} .list-type1-page .card-header {padding: 0.625rem 0;} .list-type1-page .card-header > .col-12 {padding-left:0; padding-right:0;} .list-type1-page .nav-tabs-solid {justify-content:flex-start!important;} .popup-form1-form-a-member-company-form .nav-tabs-solid .nav-link {padding: 0.3rem 20px;} .popup-form1-form-a-member-company-form .mt_space {margin-top:0;} #pheader1 > td:last-child > div ul {margin-left:60px; max-width:250px;} .blanker_item .setsize_wrap {flex-direction:column!important; gap:0;} .blanker_item .setsize_wrap > div:first-child:after {display:none;} .blanker_item .set_size {margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;} .blanker_item .editor_wrap th, .blanker_item .editor_wrap td {display:block; height:auto;} .blanker_item .editor_wrap th {padding:18px 0 3px;} .blanker_item .editor_wrap tr:first-of-type th {padding-top:0;} .blanker_item .option_wrap > .card {padding:12px;} .blanker_item .option_wrap .hu_cnts {position:relative; width:100%;} .blanker_item .option_wrap .hu_cnts th, .blanker_item .option_wrap .hu_cnts > tbody > tr > td {display:block; height:auto} .blanker_item .option_wrap .hu_cnts > tbody > tr > td:last-child {position:absolute; top:-10px; right:-10px; padding-top:0!important;} .blanker_item .option_wrap .hu_cnts th {padding:0 3px;} .blanker_item .option_wrap .hu_cnts > tbody > tr > td table {width:100%;} } @media (max-width: 480px) { .head_nav > div {width:100%; max-width:none;} .nav_sort .dropdown-menu {width: calc(100vw - 140px);} #navbar-mobile {padding-left:0; padding-right:0;} #navbar-mobile li {width:25%; min-width:auto;} #navbar-mobile .btn-group .dropdown-toggle {padding:0;} .select2-selection--single .select2-selection__rendered {padding-right: 30px;} .sel_lang {width:25%; border-left:none;} .opticalpos .color-desc {max-width: 100%; margin-bottom:40px; } .opticalpos .callendar_cont {margin-bottom:5px;} .content .card-header, .modal-content .tab-content .card-header .card-body {padding:0.625rem!important;} .content > .row > .col-xl-12 {padding-left:0; padding-right:0;} .card-header.p-0 {padding:0!important;} #item-related-modal-btn {flex:1;} .list-type1-page .nav-tabs-solid .nav-link {height:36px; padding: 0.3rem 4px; font-size:13px; line-height:1.2; text-align:center;} .popup-form1-form-a-member-company-form #contact button.col-3{-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; font-size:13px;} .item_tabbed .anch{height:122px; margin-top:-122px;} .item_tabbed .card-header {padding-left:0!important; padding-right:0!important;} .item_tabbed .card-body {padding-left:10px; padding-right:10px;} .blanker_item .guide {flex-direction:column; gap:20px;} .blanker_item .nav-item {flex:1;} .blanker_item .nav-link {justify-content: center; width: 100%; padding-left:10px; padding-right:10px;} .blanker_item .set_size .stit {flex-direction:column; align-items: flex-start; gap: 0;} .blanker_item .set_size ul {flex-direction:column; align-items: flex-start; gap: 0;} .blanker_item .option_wrap > .card {padding:0;} .blanker_item .option_wrap > .card .card { border:none; border-radius:0;} .blanker_item .row_tb tr td td {display:block; width:100%; height:auto; padding:3px 0;} .blanker_item .option_wrap .hu_cnts th {padding:10px; padding-bottom:0;} .blanker_item .option_wrap .hu_cnts > tbody > tr > td:last-child {top:3px; right:0;} .blanker_item .option_wrap .top_tb {margin-bottom:10px;} .blanker_item .option_wrap .top_tb a.btn {position: absolute; bottom: 3px; right:-1px;} .blanker_item .option_wrap .top_tb td {position: relative; display:block; height:auto; padding:20px 8px;} .blanker_item .option_wrap .top_tb .btn_del {top:10px; right:10px;} .blanker_item .option_wrap .row_tb tbody {display:block; height:auto;} .blanker_item .option_wrap .row_tb tr {display:block;} .blanker_item .row_tb table {display:block; width:100%; padding-bottom:10px!important; margin-bottom:10px!important; border-bottom:1px dashed #ddd;} .blanker_item .row_tb td {display:block; width:100%; height:auto;} .blanker_item .option_wrap .row_tb td span {display:inline-block; width:50px;} } @media (max-width: 380px) { .head_nav > div {padding-left:0!important; padding-right:0!important;} #navbar-mobile li {padding:5px; font-size:12px;} #navbar-mobile li .btn {font-size:12px; padding: 0!important;} #navbar-mobile li i {display:none;} #navbar-mobile .navbar-nav {flex-flow:row wrap;} .modal-content .nav-tabs-solid {background-color: #fff;} .modal-content .nav-tabs-solid li {width:calc(33.33% - 2px); margin: 1px; background: #f5f5f5;} .modal-content .nav-tabs-solid li a {width:100%; padding: 0.3rem 0.3rem;} } @media (min-width: 576px) .modal-dialog-centered { min-height: calc(100% - 3.5rem); } @media (min-width: 576px) .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); }