One Hat Cyber Team
Your IP :
216.73.216.84
Server IP :
50.6.229.107
Server :
Linux server.hostburly.com 5.14.0-611.38.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 10 17:21:28 EDT 2026 x86_64
Server Software :
Apache
PHP Version :
8.2.30
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
andjemzt
/
public_html
/
minesqrcode
/
assets
/
css
/
Edit File:
plugin.css
@charset "UTF-8"; /* ###### variables ####### */ /*Color variables*/ /*gray variables*/ /*white variables*/ /*black variables*/ /* dark variales */ /* ###### plugins ####### */ .accordionjs { position: relative; margin: 0; padding: 0; list-style: none; margin-top: 10px; margin-bottom: 20px; } .accordionjs .acc_section { border: 1px solid #eff0f6; position: relative; margin-top: -1px; overflow: hidden; } .accordionjs .acc_section .acc_head { position: relative; background: #f4f5fb; padding: 10px; display: block; cursor: pointer; } .accordionjs .acc_section .acc_head h3 { line-height: 1; margin: 5px; font-size: 16px; padding-left: 30px; } .accordionjs .acc_section .acc_content { padding: 10px; } .accordionjs .acc_section:first-of-type { border-top-left-radius: 3px; border-top-right-radius: 3px; } .accordionjs .acc_section:first-of-type .acc_head { border-top-left-radius: 3px; border-top-right-radius: 3px; } .accordionjs .acc_section:last-of-type { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .accordionjs .acc_section:last-of-type .acc_content { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .accordionjs .acc_section.acc_active>.acc_content { display: block; } .accordionjs .acc_section.acc_active>.acc_head { background: #17B794; border-bottom: 1px solid #eff0f6; color: #fff; } .accordionjs .acc_section.acc_active .acc_head h3:before { content: "\e995"; position: absolute; font-family: "feather" !important; left: 17px; color: #fff; top: 12px; font-size: 20px; transition: all 0.5s; transform: scale(1); } .accordionjs .acc_section .acc_head h3:before { content: "\e9b0"; position: absolute; font-family: "feather" !important; left: 17px; top: 12px; font-size: 20px; transition: all 0.5s; transform: scale(1); } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #424e79; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before, .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #424e79; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar, .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid #000; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: var(--primary01); border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #424e79; } .daterangepicker td.off { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: var(--primary01); border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active { background-color: var(--primary-bg-color); border-color: transparent; color: #fff; } .daterangepicker td.active:hover { background-color: var(--primary-bg-color); border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #424e79; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: var(--primary01); } .daterangepicker .ranges li.active { background-color: var(--primary-bg-color); color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; right: 20px !important; direction: ltr; text-align: left; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /*-- Chart --*/ .c3 svg { font: 10px sans-serif; -webkit-tap-highlight-color: transparent; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; } .c3 path, .c3 line { fill: none; stroke: rgba(67, 87, 133, 0.09); } .c3 text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: px2rem(12px); } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: rgba(67, 87, 133, 0.09); } .c3-grid text { fill: #8e9cad; } .c3-xgrid, .c3-ygrid { stroke: #e6e6e6; stroke-dasharray: 2 4; } /*-- Text on Chart --*/ .c3-text { font-size: 12px; } .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 2px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 2px; stroke: #fff; } .c3-selected-circle { fill: #fff; stroke-width: 1.5px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 1; fill-opacity: 0.75; } /*-- Focus --*/ .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: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: 0.1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: 0.1; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item text { fill: #545454; font-size: 14px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { fill: transparent; stroke: lightgray; stroke-width: 0; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 11px; line-height: 1; font-weight: 700; color: #fff !important; border-radius: 3px; background: #212529; white-space: nowrap; } .c3-tooltip th { padding: 6px 6px; text-align: left; } .c3-tooltip td { padding: 4px 6px; font-weight: 400; } .c3-tooltip td>span { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; vertical-align: baseline; } .c3-tooltip td.value { text-align: right; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.1; } .c3-target-filled .c3-area { opacity: 1 !important; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; /* font-size: 28px !important;*/ } .c3-chart-arc.c3-target g path, .c3-chart-arc.c3-target.c3-focused g path { opacity: 1; } .c3-axis { fill: #8e9cad; } .c3-circle { fill: currentColor; } .cookie-popup { display: none; position: fixed; left: 0; z-index: 9999; width: 100%; background-color: #fff; color: #424e79; line-height: initial; box-sizing: initial; } .cookie-popup-inner { display: table; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .cookie-popup-left { display: table-cell; vertical-align: middle; padding: 17px; } .cookie-popup-headline { font-size: 14px; /* color: #14112d; */ font-weight: 700; text-transform: uppercase; line-height: 1; margin-bottom: 5px; letter-spacing: 0.2px; } .cookie-popup-sub-headline { font-size: 12px; line-height: 20px; } .cookie-popup-right { display: table-cell; vertical-align: middle; padding: 0px 15px 10px 15px; text-align: right; /* border-top: 1px solid $border; */ } .position-bottom .cookie-popup-right, .position-top .cookie-popup-right { padding: 10px 15px 10px 15px; } .cookie-popup-accept-cookies { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 13px; line-height: 1.5; border-radius: 3px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .cookie-popup-accept-cookies:hover { bottom: 1px; text-decoration: none; color: inherit; } .cookie-popup-accept-cookies:active { bottom: 0; color: initial; } .cookie-popup-learn-more { display: inline-block; font-weight: 400; color: #160248; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 13px; line-height: 1.5; border-radius: 3px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin-left: 5px; } .cookie-popup-learn-more:hover { opacity: 1; text-decoration: none; } .cookie-popup-learn-more:active, .cookie-popup-learn-more:focus { text-decoration: none; } .cookie-popup-lower { padding: 15px; font-size: 12px; line-height: 20px; } /* Positions */ .cookie-popup.position-bottom { bottom: 0; box-shadow: 0 -4px 6px rgba(8, 35, 171, 0.11), 0 -1px 3px rgba(8, 35, 171, 0.08); } .cookie-popup.position-top { top: 0; box-shadow: 0 -4px 6px rgba(8, 35, 171, 0.11), 0 -1px 3px rgba(8, 35, 171, 0.08); } .cookie-popup.position-bottomright { width: 300px; right: 10px; bottom: 10px; left: inherit; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3); border-radius: 3px; } .cookie-popup.position-bottomright .cookie-popup-right { width: initial; } .cookie-popup.position-bottomleft { width: 300px; left: 10px; bottom: 10px; right: inherit; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3); border-radius: 2px; } .cookie-popup.position-bottomleft .cookie-popup-right { width: initial; } .cookie-popup.position-topright { width: 320px; right: 10px; top: 10px; left: inherit; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3); border-radius: 2px; } .cookie-popup.position-topright .cookie-popup-right { width: initial; } .cookie-popup.position-topleft { width: 300px; left: 10px; top: 10px; /* box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3); */ border-radius: 2px; box-shadow: 5px 7px 26px -5px #d5d4e0; } .dark-mode .cookie-popup.position-topleft { box-shadow: none; } .cookie-popup.position-topleft .cookie-popup-right { width: initial; } .cookie-popup.position-topleft .cookie-popup-left, .cookie-popup.position-topleft .cookie-popup-right { display: block; text-align: inherit; } .cookie-popup.position-topright .cookie-popup-left, .cookie-popup.position-topright .cookie-popup-right { display: block; text-align: inherit; } .cookie-popup.position-bottomleft .cookie-popup-left, .cookie-popup.position-bottomleft .cookie-popup-right { display: block; text-align: inherit; } .cookie-popup.position-bottomright .cookie-popup-left, .cookie-popup.position-bottomright .cookie-popup-right { display: block; text-align: inherit; } .cookie-popup.position-topleft .cookie-popup-headline, .cookie-popup.position-topright .cookie-popup-headline, .cookie-popup.position-bottomleft .cookie-popup-headline, .cookie-popup.position-bottomright .cookie-popup-headline { margin-bottom: 5px; } /* Themes */ .theme-white .cookie-popup { background-color: #fff; color: #424e79; } .theme-white .cookie-popup-accept-cookies { background-color: var(--primary-bg-color); color: #fff !important; } .theme-white .cookie-popup-learn-more { color: #424e79; background: #f3f4f7; } .theme-white .cookie-popup-inner { border-bottom: 1px solid #eff0f6; } .theme-light .cookie-popup { background-color: #efeff5; color: #424e79; } .theme-light .cookie-popup-accept-cookies { background-color: var(--primary-bg-color); color: #fff !important; } .theme-light .cookie-popup-learn-more { color: #424e79; background: #f3f4f7; } .theme-light .cookie-popup-inner { border-bottom: 1px solid #eff0f6; } .theme-dark .cookie-popup { background-color: #2d3c65; color: #fff; } .theme-dark .cookie-popup-accept-cookies { background-color: var(--primary-bg-color); color: #fff !important; } .theme-dark .cookie-popup-learn-more { color: #fff !important; background: rgba(0, 0, 0, 0.3); } .theme-primary .cookie-popup { background-color: var(--primary-bg-color); color: #fff; } .theme-primary .cookie-popup-accept-cookies { background-color: rgba(255, 255, 255, 0.2); color: #fff !important; } .theme-primary .cookie-popup-learn-more { color: #fff !important; background: rgba(0, 0, 0, 0.2); } .theme-info .cookie-popup { background-color: #45aaf2; color: #fff; } .theme-info .cookie-popup-accept-cookies { background-color: rgba(255, 255, 255, 0.2); color: #fff !important; } .theme-info .cookie-popup-learn-more { color: #fff !important; background: rgba(0, 0, 0, 0.2); } .theme-danger .cookie-popup { background-color: #dc0441; color: #fff; } .theme-danger .cookie-popup-accept-cookies { background-color: rgba(255, 255, 255, 0.2); color: #fff !important; } .theme-danger .cookie-popup-learn-more { color: #fff !important; background: rgba(0, 0, 0, 0.2); } .theme-success .cookie-popup { background-color: #2dce89; color: #fff; } .theme-success .cookie-popup-accept-cookies { background-color: rgba(255, 255, 255, 0.2); color: #fff !important; } .theme-success .cookie-popup-learn-more { color: #fff !important; background: rgba(0, 0, 0, 0.2); } .theme-warning .cookie-popup { background-color: #ecb403; color: #fff; } .theme-warning .cookie-popup-accept-cookies { background-color: rgba(255, 255, 255, 0.2); color: #fff !important; } .theme-warning .cookie-popup-learn-more { color: #fff !important; background: rgba(0, 0, 0, 0.2); } @media (min-width: 600px) and (max-width: 680px) { .cookie-popup-left { width: 65%; } .cookie-popup-right { width: 35%; } } @media (max-width: 480px) { .cookie-popup-left { display: block; width: 100%; } .cookie-popup-right { display: block; width: 100%; text-align: left; } } @media (max-width: 568px) { .cookie-popup-learn-more { margin-top: 5px; } } .content { padding: 25px; } .content .button { display: inline-block; margin: 10px 10px 0 0; float: left; position: relative; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 8px 8px; font-size: 16px; min-width: 64px; line-height: 1.5; border-radius: 2px; text-decoration: none; color: #000; background-color: #c7c7c7; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.15); box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .content .button:hover { bottom: 1px; } .content .button:active { bottom: 0; } .cookie-indicator { font-size: 14px; } .button-group.option-buttons.custom-text div { float: left; } .button-group.option-buttons.custom-text div:first-child { min-width: 106px; } .button-group.option-buttons.custom-text div:nth-child(2), .button-group.option-buttons.custom-text div:last-child { min-width: 200px; } #currentOptions { background-color: #eceeef; height: 100% !important; } footer { border-top: 1px solid #E0E0E0; font-size: 14px; } /* Button Colours */ .content .button[data-theme1=theme-light] { background-color: #fafafa; } .content .button[data-theme1=theme-dark] { background-color: #484848; color: #fff; } .content .button[data-theme1=theme-red] { background-color: #ef5350; color: #fff; } .content .button[data-theme1=theme-pink] { background-color: #ec407a; background-color: #ec407a; color: #fff; } .content .button[data-theme1=theme-purple] { background-color: #ab47bc; color: #fff; } .content .button[data-theme1=theme-deeppurple] { background-color: #7e57c2; color: #fff; } .content .button[data-theme1=theme-indigo] { background-color: #5c6bc0; color: #fff; } .content .button[data-theme1=theme-blue] { background-color: #42a5f5; color: #fff; } .content .button[data-theme1=theme-lightblue] { background-color: #29b6f6; } .content .button[data-theme1=theme-cyan] { background-color: #26c6da; } .content .button[data-theme1=theme-teal] { background-color: #26a69a; color: #fff; } .content .button[data-theme1=theme-green] { background-color: #66bb6a; } .content .button[data-theme1=theme-lightgreen] { background-color: #9ccc65; } .content .button[data-theme1=theme-lime] { background-color: #d4e157; } .content .button[data-theme1=theme-yellow] { background-color: #ffee58; } .content .button[data-theme1=theme-amber] { background-color: #ffca28; } .content .button[data-theme1=theme-orange] { background-color: #ffa726; } .content .button[data-theme1=theme-deeporange] { background-color: #ff7043; color: #fff; } .content .button[data-theme1=theme-brown] { background-color: #8d6e63; color: #fff; } .content .button[data-theme1=theme-grey] { background-color: #bdbdbd; } .content .button[data-theme1=theme-bluegrey] { background-color: #78909c; color: #fff; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child { cursor: default !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before { display: none !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before { display: none !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before { top: 50%; left: 5px; height: 1em; width: 1em; margin-top: -9px; display: block; position: absolute; color: #fff; border: 0.15em solid #fff; border-radius: 1em; box-shadow: 0 0 0.2em #777086; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: "Courier New", Courier, monospace; line-height: 1em; content: "+"; background-color: #6c5ffc; } table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before { content: "-"; background-color: #f82649; } table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before { left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column>tbody>tr>td.dtr-control, table.dataTable.dtr-column>tbody>tr>th.dtr-control, table.dataTable.dtr-column>tbody>tr>td.control, table.dataTable.dtr-column>tbody>tr>th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column>tbody>tr>td.dtr-control:before, table.dataTable.dtr-column>tbody>tr>th.dtr-control:before, table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before { top: 50%; left: 50%; height: 0.8em; width: 0.8em; margin-top: -0.5em; margin-left: -0.5em; display: block; position: absolute; color: #fff; border: 0.15em solid #fff; border-radius: 1em; box-shadow: 0 0 0.2em #444; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: "Courier New", Courier, monospace; line-height: 1em; content: "+"; background-color: #0d6efd; } table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before, table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before, table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before { content: "-"; background-color: #d33333; } table.dataTable>tbody>tr.child { padding: 0.5em 1em; } table.dataTable>tbody>tr.child:hover { background: transparent !important; } table.dataTable>tbody>tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable>tbody>tr.child ul.dtr-details>li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable>tbody>tr.child ul.dtr-details>li:first-child { padding-top: 0; } table.dataTable>tbody>tr.child ul.dtr-details>li:last-child { border-bottom: none; } table.dataTable>tbody>tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid #000; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); } div.dtr-bs-modal table.table tr:first-child td { border-top: none; } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } @-o-keyframes dtb-spinner { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes dtb-spinner { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes dtb-spinner { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: #fff; border: 2px solid #000; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; } div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; } div.dt-button-info>div { padding: 1em; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } div.dt-button-collection { position: absolute; z-index: 2001; } div.dt-button-collection div.dropdown-menu { display: block; z-index: 2002; min-width: 100%; } div.dt-button-collection div.dt-button-collection-title { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); } div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; } div.dt-button-collection.fixed.two-column { margin-left: -200px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection> :last-child { display: block !important; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection> :last-child>* { -webkit-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 400px; } div.dt-button-collection.two-column> :last-child { padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; } div.dt-button-collection.three-column> :last-child { padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; } div.dt-button-collection.four-column> :last-child { padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } div.dt-button-collection .dt-button { border-radius: 0; } div.dt-button-collection.fixed { max-width: none; } div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after { display: none; } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing, div.dt-buttons a.btn.processing { color: rgba(0, 0, 0, 0.2); } div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after, div.dt-buttons a.btn.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: " "; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } @media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5em; } div.dt-buttons a.btn { float: none; } } /*! Bootstrap 5 integration for DataTables * * ©2020 SpryMedia Ltd, all rights reserved. * License: MIT datatables.net/license/mit */ table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; border-spacing: 0; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 0.85em; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; justify-content: flex-end; } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } table.dataTable>thead>tr>th:active, table.dataTable>thead>tr>td:active { outline: none; } table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) { padding-right: 30px; } table.dataTable>thead .sorting, table.dataTable>thead .sorting_asc, table.dataTable>thead .sorting_desc, table.dataTable>thead .sorting_asc_disabled, table.dataTable>thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after { position: absolute; bottom: 0.5em; display: block; opacity: 0.3; } table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after { position: absolute; bottom: 0.5em; display: block; opacity: 0.3; } table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after { position: absolute; bottom: 0.5em; display: block; opacity: 0.3; } table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after { position: absolute; bottom: 0.5em; display: block; opacity: 0.3; } table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after { position: absolute; bottom: 0.5em; display: block; opacity: 0.3; } table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before { right: 1em; content: "↑"; } table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after { right: 0.5em; content: "↓"; } table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:after { opacity: 1; } table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after { opacity: 0; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot>.dataTables_scrollFootInner { box-sizing: content-box; } div.dataTables_scrollFoot>.dataTables_scrollFootInner>table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info { text-align: center !important; } div.dataTables_wrapper div.dataTables_paginate { text-align: center !important; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center !important; } } table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) { padding-right: 20px; } table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before { top: 5px; right: 0.85em; } table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after { top: 5px; } table.table-bordered.dataTable { border-right-width: 0; } table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td { border-top-width: 1px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child { border-left-width: 0px; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 1px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-bottom-width: 0px; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } div.table-responsive>div.dataTables_wrapper>div.row { margin: 0; } div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child { padding-left: 0; } div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child { padding-right: 0; } tbody, td, tfoot, th, thead, tr { border-style: none; } .dataTables_wrapper .selected { background: #f6f6fb; cursor: pointer; } #delete-datatable tr { cursor: pointer; } /*** Spectrum Colorpicker v1.8.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sp-container.sp-flat { position: relative; } .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Fix for * { box-sizing: border-box; } */ /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid #000; background: #fff; opacity: 0.8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: "progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')"; } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')"; } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height: 17%; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')"; } .sp-2 { height: 16%; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')"; } .sp-3 { height: 17%; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')"; } .sp-4 { height: 17%; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')"; } .sp-5 { height: 16%; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')"; } .sp-6 { height: 17%; filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')"; } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf { *zoom: 1; } .sp-cf:before { content: ""; display: table; } .sp-cf:after { content: ""; display: table; clear: both; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: #fff; opacity: 0.8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #f3f4f7; border: solid 1px #eff0f6; padding: 0; font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-container button, .sp-container input { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #424e79; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { /*display: block;*/ position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position: relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the <input>) */ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 8px 10px; display: inline-block; border-radius: 3px; border: solid 1px #eff0f6; background: #f3f4f7; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { color: #000; } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; color: #bcccda; } .sp-preview { position: relative; width: 40px; height: 20px; border: solid 1px #eff0f6; margin-right: 5px; float: left; z-index: 0; border-radius: 3px; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom: 0; } .sp-container button { background-color: #f2f6f9; background-image: -webkit-linear-gradient(top, #f2f6f9, #424e79); background-image: -moz-linear-gradient(top, #f2f6f9, #424e79); background-image: -ms-linear-gradient(top, #f2f6f9, #424e79); background-image: -o-linear-gradient(top, #f2f6f9, #424e79); background-image: linear-gradient(to bottom, #f2f6f9, #424e79); border: 1px solid #eff0f6; border-bottom: 1px solid #bbb; border-radius: 3px; /* color: #333; */ font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; /* text-shadow: 0 1px 0 #eee; */ vertical-align: middle; background: #f3f4f7; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #424e79; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #f2f6f9; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #f2f6f9; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #f2f6f9; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #f2f6f9; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #f2f6f9; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-cancel { font-size: 14px; color: #f72d66 !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } #left-defaults, #right-defaults, #left-events { touch-action: none; } .ff_fileupload_hidden { display: none; } .ff_fileupload_wrap .ff_fileupload_dropzone_wrap { position: relative; } .ff_fileupload_wrap .ff_fileupload_dropzone { display: block; width: 100%; height: 100px; box-sizing: border-box; border: 2px dashed #eff0f6; border-radius: 3px; padding: 0; background-color: #f2f6f9; background-image: url("../plugins/fancyuploder/fancy_upload.png"); background-repeat: no-repeat; background-position: center center; opacity: 0.85; cursor: pointer; outline: none; } .ff_fileupload_wrap .ff_fileupload_dropzone::-moz-focus-inner { border: 0; } .ff_fileupload_wrap .ff_fileupload_dropzone:hover, .ff_fileupload_wrap .ff_fileupload_dropzone:focus, .ff_fileupload_wrap .ff_fileupload_dropzone:active { opacity: 1; background-color: #fff; border-color: #f3f4f7; } .ff_fileupload_wrap .ff_fileupload_dropzone_tools { position: absolute; right: 10px; top: 0; } .ff_fileupload_wrap .ff_fileupload_dropzone_tool { display: block; margin-top: 10px; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #efecec; border-radius: 3px; padding: 0; background-color: #FDFDFD; background-repeat: no-repeat; background-position: center center; opacity: 0.85; cursor: pointer; outline: none; } .ff_fileupload_wrap .ff_fileupload_dropzone_tool::-moz-focus-inner { border: 0; } .ff_fileupload_wrap .ff_fileupload_dropzone_tool:hover, .ff_fileupload_wrap .ff_fileupload_dropzone_tool:focus, .ff_fileupload_wrap .ff_fileupload_dropzone_tool:active { opacity: 1; background-color: #fff; border-color: #4e4c73; } .ff_fileupload_wrap .ff_fileupload_recordaudio { background-image: url("../plugins/fancyuploder/fancy_microphone.png"); } .ff_fileupload_wrap .ff_fileupload_recordvideo { background-image: url("../plugins/fancyuploder/fancy_webcam.png"); } .ff_fileupload_wrap .ff_fileupload_recordvideo_preview { position: absolute; display: block; right: 60px; top: 10px; width: 320px; max-width: calc(100% - 70px); height: calc(100% - 20px); background-color: #222222; } .ff_fileupload_wrap .ff_fileupload_recordvideo_preview.ff_fileupload_hidden { display: none; } .ff_fileupload_wrap .ff_fileupload_recording { animation: ff_fileupload_recording_animate 1.2s infinite alternate; } .ff_fileupload_wrap table.ff_fileupload_uploads { width: 100%; border-collapse: collapse !important; border: 0 none; } .ff_fileupload_wrap table.ff_fileupload_uploads tr { margin: 0; border: 0 none; padding: 0; } .ff_fileupload_wrap table.ff_fileupload_uploads td { margin: 0; border: 0 none; padding: 0; vertical-align: top; padding: 1em 0; white-space: nowrap; line-height: normal; } .ff_fileupload_wrap table.ff_fileupload_uploads tr.ff_fileupload_bounce { animation: ff_fileupload_bounce_animate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateY(0); } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview { width: 1px; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image { display: block; box-sizing: border-box; border: 0 none; padding: 0; background-color: #f3f4f7; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; border-radius: 5px; opacity: 0.75; text-align: center; font-size: 12px; font-weight: bold; overflow: hidden; outline: none; cursor: default; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image::-moz-focus-inner { border: 0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image_has_preview { cursor: pointer; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:active { opacity: 1; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text { display: block; margin: 0 auto; width: 70%; overflow: hidden; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button { display: inline-block; vertical-align: top; width: 26px; height: 26px; box-sizing: border-box; border: 1px solid #eff0f6; border-radius: 3px; padding: 0; background-color: #f3f4f7; background-repeat: no-repeat; background-position: center center; opacity: 0.85; cursor: pointer; outline: none; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button::-moz-focus-inner { border: 0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:active { opacity: 1; background-color: #FDFDFD; border-color: #4e4c73; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button.ff_fileupload_start_upload { margin-right: 0.5em; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile { display: none; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button { display: block; margin-top: 0.3em; width: 100%; height: 28px; box-sizing: border-box; border: 1px solid #efecec; border-radius: 3px; padding: 0; background-color: #f3f3f3; background-repeat: no-repeat; background-position: center center; opacity: 0.85; cursor: pointer; outline: none; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button::-moz-focus-inner { border: 0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:active { opacity: 1; background-color: #FDFDFD; border-color: #4e4c73; } .ff_fileupload_wrap table.ff_fileupload_uploads button.ff_fileupload_start_upload { background-image: url("../plugins/fancyuploder/fancy_okay.png"); } .ff_fileupload_wrap table.ff_fileupload_uploads button.ff_fileupload_remove_file { background-image: url("../plugins/fancyuploder/fancy_remove.png"); } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_with_color { color: #fff; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_a { background-color: #F03C3C; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_b { background-color: #F05A3C; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_c { background-color: #F0783C; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_d { background-color: #F0963C; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_e { background-color: #E0862B; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_f { background-color: #DCA12B; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_g { background-color: #C7AB1E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_h { background-color: #C7C71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_i { background-color: #ABC71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_j { background-color: #8FC71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_k { background-color: #72C71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_l { background-color: #56C71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_m { background-color: #3AC71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_n { background-color: #1EC71E; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_o { background-color: #1EC73A; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_p { background-color: #1EC756; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_q { background-color: #1EC78F; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_r { background-color: #1EC7AB; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_s { background-color: #1EC7C7; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_t { background-color: #1EABC7; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_u { background-color: #1E8FC7; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_v { background-color: #1E72C7; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_w { background-color: #3C78F0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_x { background-color: #3C5AF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_y { background-color: #3C3CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_z { background-color: #5A3CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_0 { background-color: #783CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_1 { background-color: #963CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_2 { background-color: #B43CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_3 { background-color: #D23CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_4 { background-color: #F03CF0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_5 { background-color: #F03CD2; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_6 { background-color: #F03CB4; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_7 { background-color: #F03C96; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_8 { background-color: #F03C78; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_9 { background-color: #F03C5A; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary { padding: 1em; font-size: 0.9em; white-space: normal; color: #7a8082; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename { width: 100%; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input { box-sizing: border-box; width: 100%; padding: 0.5em 0; margin-bottom: 0.1em; font-size: 1em; font-weight: normal; line-height: normal; border: 0px solid #e8ebf3; border-radius: 0; box-shadow: none; /* color: #080e1b; */ font-weight: 600; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input:hover { border: 0px solid #e8ebf3; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors { color: #A94442; font-weight: bold; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_background { margin-top: 0.5em; background-color: #CCCCCC; height: 2px; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_bar { background-color: #4e4c73; width: 0; height: 2px; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions { width: 1px; text-align: right; } @keyframes ff_fileupload_recording_animate { from { border-color: #EF1F1F; } to { border-color: #C9A1A1; } } @keyframes ff_fileupload_bounce_animate { 10%, 90% { transform: translateY(-1px); } 20%, 80% { transform: translateY(2px); } 30%, 50%, 70% { transform: translateY(-3px); } 40%, 60% { transform: translateY(3px); } } /* Colored buttons based on file extension for non-images. */ @media (max-width: 420px) { .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image { width: 36px; height: 36px; font-size: 11px; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary { padding-right: 0; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions { display: none; } .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile { display: block; } } .ff_fileupload_dialog_background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 10000; } .ff_fileupload_dialog_main { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; text-align: center; } .ff_fileupload_dialog_main img { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); max-width: 100%; max-height: 100%; } .ff_fileupload_dialog_main audio { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); width: 100%; } .ff_fileupload_dialog_main video { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); max-width: 100%; max-height: 100%; } /*! * ============================================================= * dropify v0.2.2 - Override your input files with style. * https://github.com/JeremyFagis/dropify * * (c) 2017 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr) * ============================================================= */ @font-face { font-family: "dropify"; src: url("../plugins/fileupload/fonts/dropify.eot"); src: url("../plugins/fileupload/fonts/dropify.eot#iefix") format("embedded-opentype"), url("../plugins/fileupload/fonts/dropify.woff") format("woff"), url("../plugins/fileupload/fonts/dropify.ttf") format("truetype"), url("../plugins/fileupload/fonts/dropify.svg#dropify") format("svg"); font-weight: normal; font-style: normal; } [class^=dropify-font-]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before { font-family: "dropify"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: 0.2em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; } .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before { content: "\e800"; } .dropify-font-file:before { content: "\e801"; } .dropify-wrapper { display: block; position: relative; cursor: pointer; overflow: hidden; width: 100%; max-width: 100%; height: 192px; padding: 5px 10px; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial"; font-size: 14px; line-height: 22px; /* color: #777; */ background-color: #fff; background-image: none; text-align: center; border: 1px solid #eff0f6; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear; border-radius: 4px; margin-bottom: 20px; } .dropify-wrapper:hover { background-size: 30px 30px; background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent); -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; } .dropify-wrapper.has-preview .dropify-clear { display: block; } .dropify-wrapper.has-error { border-color: #F34141; } .dropify-wrapper.has-error .dropify-message .dropify-error { display: block; } .dropify-wrapper.has-error:hover .dropify-errors-container { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropify-wrapper.disabled input { cursor: not-allowed; } .dropify-wrapper.disabled:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.disabled .dropify-message { opacity: 0.5; text-decoration: line-through; } .dropify-wrapper.disabled .dropify-infos-message { display: none; } .dropify-wrapper input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; } .dropify-wrapper .dropify-message { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dropify-wrapper .dropify-message span.file-icon { font-size: 50px; color: #CCC; } .dropify-wrapper .dropify-message p { margin: 5px 0 0 0; font-size: 14px; } .dropify-wrapper .dropify-message p.dropify-error { color: #F34141; font-weight: bold; display: none; } .dropify-wrapper .dropify-clear { display: none; position: absolute; opacity: 0; z-index: 7; top: 10px; right: 10px; background: none; border: 2px solid #fff; text-transform: uppercase; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial"; font-size: 11px; padding: 4px 8px; font-weight: bold; color: #fff; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .dropify-wrapper .dropify-clear:hover { background: rgba(255, 255, 255, 0.2); } .dropify-wrapper .dropify-preview { display: none; position: absolute; z-index: 1; background-color: #fff; padding: 5px; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-align: center; } .dropify-wrapper .dropify-preview .dropify-render img { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); position: relative; max-width: 100%; max-height: 100%; background-color: #fff; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-render i { font-size: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; color: #777; } .dropify-wrapper .dropify-preview .dropify-render .dropify-extension { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: -0.03em; font-size: 13px; width: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropify-wrapper .dropify-preview .dropify-infos { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner { position: absolute; top: 50%; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; padding: 0 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; text-align: center; line-height: 25px; font-weight: bold; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 15px; padding-top: 15px; font-size: 12px; position: relative; opacity: 0.5; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #fff; width: 30px; height: 2px; } .dropify-wrapper:hover .dropify-clear { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: -5px; } .dropify-wrapper.touch-fallback { height: auto !important; } .dropify-wrapper.touch-fallback:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.touch-fallback .dropify-preview { position: relative; padding: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render { display: block; position: relative; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); top: 0; left: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before { margin-top: 30px; margin-bottom: 30px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos { position: relative; opacity: 1; background: transparent; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 5px 90px 5px 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777; text-align: left; line-height: 25px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename { font-weight: bold; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 0; padding-top: 0; font-size: 11px; position: relative; opacity: 1; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { display: none; } .dropify-wrapper.touch-fallback .dropify-message { -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 40px 0; } .dropify-wrapper.touch-fallback .dropify-clear { top: auto; bottom: 23px; opacity: 1; border-color: rgba(119, 119, 119, 0.7); color: #777; } .dropify-wrapper.touch-fallback.has-preview .dropify-message { display: none; } .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: 0; } .dropify-wrapper .dropify-loader { position: absolute; top: 15px; right: 15px; display: none; z-index: 9; } .dropify-wrapper .dropify-loader::after { display: block; position: relative; width: 20px; height: 20px; -webkit-animation: rotate 0.6s linear infinite; animation: rotate 0.6s linear infinite; border-radius: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #777; border-left: 1px solid #CCC; border-right: 1px solid #777; content: ""; } .dropify-wrapper .dropify-errors-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: var(--primary-bg-color); text-align: left; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.15s, opacity 0.15s linear; transition: visibility 0s linear 0.15s, opacity 0.15s linear; } .dropify-wrapper .dropify-errors-container ul { padding: 10px 20px; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dropify-wrapper .dropify-errors-container ul li { margin-left: 20px; color: #fff; font-weight: bold; } .dropify-wrapper .dropify-errors-container.visible { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropify-wrapper~.dropify-errors-container ul { padding: 0; margin: 15px 0; } .dropify-wrapper~.dropify-errors-container ul li { margin-left: 20px; color: #F34141; font-weight: bold; } @-webkit-keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } /*! * SmartWizard v4.3.x * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipuraj.me * * Licensed under the terms of MIT License * https://github.com/techlab/SmartWizard/blob/master/LICENSE */ /* SmartWizard Basic CSS */ .sw-main { position: relative; display: block; margin: 0; padding: 0; border-radius: 0.25rem !important; z-index: 0; } .sw-main .sw-container { display: block; margin: 0; padding: 0; position: relative; } .sw-main .step-content { display: none; position: relative; margin: 0; } .sw-main .sw-toolbar { margin-left: 0; } /* SmartWizard Theme: White */ .sw-theme-default { border: 1px solid #eff0f6; } .sw-theme-default .sw-container { min-height: 250px; } .sw-theme-default .step-content { padding: 15px; border: 0px solid #eff0f6; background-color: #fff; text-align: left; } .sw-theme-default .sw-toolbar { background: #fff; border-radius: 0 !important; padding-left: 10px; padding-right: 10px; padding: 10px; margin-bottom: 0 !important; } .sw-theme-default .sw-toolbar-top { border-bottom-color: #eff0f6 !important; } .sw-theme-default .sw-toolbar-bottom { border-top-color: #eff0f6 !important; } .sw-theme-default>ul.step-anchor>li { position: relative; margin-right: 2px; } .sw-theme-default>ul.step-anchor>li>a { border: none !important; color: #5c6287 !important; text-decoration: none; outline-style: none; background: transparent !important; border: none !important; cursor: not-allowed; border-radius: 0 !important; } .sw-theme-default>ul.step-anchor>li>a:hover { border: none !important; color: #5c6287 !important; text-decoration: none; outline-style: none; background: transparent !important; border: none !important; cursor: not-allowed; border-radius: 0 !important; } .sw-theme-default>ul.step-anchor>li.clickable>a:hover { color: #2d66f7 !important; background: transparent !important; cursor: pointer; } .sw-theme-default>ul.step-anchor>li>a::after { content: ""; background: #2d66f7; height: 2px; position: absolute; width: 100%; left: 0px; bottom: 0px; -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .sw-theme-default>ul.step-anchor>li.active>a { border: none !important; color: #fff !important; background: #2d66f7 !important; cursor: pointer; } .sw-theme-default>ul.step-anchor>li.active>a::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-theme-default>ul.step-anchor>li.done>a { border: none !important; color: #5c6287 !important; background: transparent !important; cursor: pointer; } .sw-theme-default>ul.step-anchor>li.done>a::after { background: #2d66f7; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-theme-default>ul.step-anchor>li.danger>a { border: none !important; color: #d9534f !important; /* background: #d9534f !important; */ cursor: pointer; } .sw-theme-default>ul.step-anchor>li.danger>a::after { background: #d9534f; border-left-color: #f8d7da; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-theme-default>ul.step-anchor>li.disabled>a { color: #eee !important; cursor: not-allowed; } .sw-theme-default>ul.step-anchor>li.disabled>a:hover { color: #eee !important; cursor: not-allowed; } /* Responsive CSS */ @media screen and (max-width: 768px) { .sw-theme-default>.nav-tabs>li { float: none !important; } } /* Common Loader */ .sw-loading::after { position: absolute; display: block; opacity: 1; content: ""; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 2; } .sw-loading::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; border: 10px solid #eff0f6; border-radius: 50%; border-top: 10px solid #3498db; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! * SmartWizard v4.3.x * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipuraj.me * * Licensed under the terms of MIT License * https://github.com/techlab/SmartWizard/blob/master/LICENSE */ /* SmartWizard Theme: Dots */ .sw-theme-dots .sw-container { min-height: 300px; } .sw-theme-dots .step-content { padding: 15px; border: none; background-color: #FFF; text-align: left; } .sw-theme-dots .sw-toolbar { background: #fff; border-radius: 0 !important; padding-left: 10px; padding-right: 10px; margin-bottom: 0 !important; } .sw-theme-dots .sw-toolbar-top { border-bottom-color: #ddd !important; } .sw-theme-dots .sw-toolbar-bottom { border-top-color: #ddd !important; border-bottom-color: #ddd !important; } .sw-theme-dots>ul.step-anchor { position: relative; background: #fff; border: 0px solid #5c6287 !important; list-style: none; } .sw-theme-dots>ul.step-anchor:before { content: " "; position: absolute; top: 59px; bottom: 0; left: 20px; width: 96%; height: 5px; background-color: #f3f4f7; border-radius: 3px; z-order: 0; z-index: 95; } .sw-theme-dots>ul.step-anchor>li { border: none; } .sw-theme-dots>ul.step-anchor>li>a { position: relative; text-align: center; font-weight: bold; background: transparent; border: none; /* color: #5c6287; */ text-decoration: none; outline-style: none; z-index: 96; display: block; } /* Anchors styles */ .step-anchor .nav-tabs .nav-item .nav-link { color: #5c6287 !important; } .sw-theme-dots>ul.step-anchor>li>a:before { content: " "; position: absolute; bottom: 14px; left: 37%; margin-top: 20px; display: block; border-radius: 50%; color: var(--primary-bg-color); background: #f3f4f7; border: none; width: 30px; height: 30px; text-decoration: none; z-index: 98; } .sw-theme-dots nav-tabs .nav-link:hover:not(.disabled) { color: inherit; background: transparent !important; } .sw-theme-dots>ul.step-anchor>li>a:after { content: " "; position: relative; left: 38%; bottom: 5px; margin-top: 24px; display: block; width: 16px; height: 16px; background: #b4bdce; border-radius: 50%; z-index: 99; } .sw-theme-dots>ul.step-anchor>li>a:hover { color: #5c6287; background: transparent; } .sw-theme-dots>ul.step-anchor>li>a:focus { color: #5c6287; border: none; } .sw-theme-dots>ul.step-anchor>li.clickable>a:hover { color: #999; } .sw-theme-dots>ul.step-anchor>li.active>a { color: var(--primary-bg-color); } .sw-theme-dots>ul.step-anchor>li.active>a:hover { border: none; } .sw-theme-dots>ul.step-anchor>li.active>a:after { background: var(--primary-bg-color); } .sw-theme-dots>ul.step-anchor>li.done>a { color: #5c6287; } .sw-theme-dots>ul.step-anchor>li.done>a:after { background: var(--primary01); } .sw-theme-dots>ul.step-anchor>li.danger>a { color: #d5cef3; } .sw-theme-dots>ul.step-anchor>li.danger>a:after { background: #d5cef3; } .sw-theme-dots>ul.step-anchor>li.disabled>a { color: #eee !important; } .sw-theme-dots>ul.step-anchor>li.disabled>a:hover { color: #eee !important; } .sw-theme-dots>ul.step-anchor>li.disabled>a:after { background: #eee; } /* Active anchors */ /* Done anchors */ /* Danger anchors */ /* Responsive CSS */ @media screen and (max-width: 480px) { .sw-theme-dots>ul.step-anchor:before { top: 0; bottom: 0; left: 19px; width: 5px; height: 90%; background-color: #f5f5f5; display: block; margin-right: 10px; } .sw-theme-dots>ul.step-anchor>li { margin-left: 20px; display: block; clear: both; } .sw-theme-dots>ul.step-anchor>li>a { text-align: left; margin-left: 0; display: block; } .sw-theme-dots>ul.step-anchor>li>a:before { top: -10px; left: -14px; margin-right: 10px; display: block; } .sw-theme-dots>ul.step-anchor>li>a:after { top: -43px; left: -33px; margin-right: 10px; display: block; } .sw-theme-dots .nav .nav-item { width: 100%; } } .fc-not-allowed { cursor: 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: flex; flex-direction: column; font-size: 1em; box-sizing: border-box; } .fc * { box-sizing: border-box; } .fc *:before, .fc *:after { box-sizing: border-box; } .fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em; } .fc th { text-align: center; vertical-align: top; padding: 0; } .fc td { vertical-align: top; padding: 0; } .fc a[data-navlink] { cursor: pointer; } .fc a[data-navlink]:hover { text-decoration: underline; } .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 #eff0f6; } .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: normal; font-style: normal; } .fc-icon { display: inline-block; width: 1em; height: 1em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "fcicons" !important; speak-as: none; font-style: normal; font-weight: normal; 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 { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; -webkit-appearance: button; display: inline-block; font-weight: 400; 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: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; } .fc .fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .fc .fc-button:not(:disabled) { cursor: pointer; } .fc .fc-button::-moz-focus-inner { padding: 0; border-style: none; } .fc .fc-button:hover { text-decoration: none; } .fc .fc-button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc .fc-button:disabled { opacity: 0.65; } .fc .fc-button-primary { color: var(--primary-bg-color); background-color: #f2f6f9; border-color: #eff0f6; } .fc .fc-button-primary:hover { color: #fff; background-color: var(--primary-bg-color); border-color: var(--primary-bg-color); } .fc .fc-button-primary:disabled { color: var(--primary-bg-color); background-color: #f2f6f9; border-color: #eff0f6; } .fc .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary02); } .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active { color: #fff; background-color: var(--primary-bg-color); border-color: var(--primary-bg-color); } .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus { box-shadow: 0 0 0 0.2rem var(--primary02); } .fc .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; } .fc .fc-button-group { position: relative; display: inline-flex; vertical-align: middle; } .fc .fc-button-group>.fc-button { position: relative; flex: 1 1 auto; } .fc .fc-button-group>.fc-button:hover, .fc .fc-button-group>.fc-button:focus, .fc .fc-button-group>.fc-button:active, .fc .fc-button-group>.fc-button.fc-button-active { 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: flex; justify-content: space-between; align-items: center; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } .fc .fc-toolbar-title { font-size: 1.75em; margin: 0; } .fc-direction-ltr .fc-toolbar>*> :not(:first-child) { margin-left: 0.75em; } .fc-direction-rtl .fc-toolbar>*> :not(:first-child) { margin-right: 0.75em; } .fc-direction-rtl .fc-toolbar-ltr { 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 #eff0f6; } .fc .fc-scrollgrid { width: 100%; table-layout: fixed; border-collapse: separate; border-right-width: 0; border-bottom-width: 0; } .fc .fc-scrollgrid table { width: 100%; table-layout: fixed; border-top-style: hidden; border-left-style: hidden; border-right-style: hidden; } .fc .fc-scrollgrid-liquid { height: 100%; } .fc .fc-scrollgrid-section { height: 1px; } .fc .fc-scrollgrid-section>td { height: 1px; } .fc .fc-scrollgrid-section table { height: 1px; } .fc .fc-scrollgrid-section-liquid>td { height: 100%; } .fc .fc-scrollgrid-section>* { border-top-width: 0; border-left-width: 0; } .fc .fc-scrollgrid-section-header>*, .fc .fc-scrollgrid-section-footer>* { 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: var(--primary-bg-color); position: sticky; z-index: 3; } .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>* { top: 0; } .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>* { bottom: 0; } .fc .fc-scrollgrid-sticky-shim { height: 1px; margin-bottom: -1px; } .fc-sticky { position: sticky; } .fc .fc-view-harness { 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: 2px 4px; } .fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc .fc-bg-event { background: rgb(143, 223, 130); opacity: 0.3; } .fc .fc-bg-event .fc-event-title { margin: 0.5em; font-size: 0.85em; font-style: italic; } .fc .fc-highlight { background: rgba(188, 232, 241, 0.3); } .fc .fc-cell-shaded, .fc .fc-day-disabled { background: rgba(208, 208, 208, 0.3); } a.fc-event { text-decoration: none; } a.fc-event:hover { text-decoration: none; } .fc-event[href], .fc-event.fc-event-draggable { cursor: pointer; } .fc-event .fc-event-main { position: relative; z-index: 2; } .fc-event-dragging:not(.fc-event-selected) { opacity: 0.75; } .fc-event-dragging.fc-event-selected { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4; } .fc-event:hover .fc-event-resizer { display: block; } .fc-event-selected { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event-selected .fc-event-resizer { display: block; border-radius: 4px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: var(--primary-bg-color); } .fc-event-selected .fc-event-resizer:before { content: ""; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; } .fc-event-selected:before, .fc-event:focus:before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .fc-event-selected:after, .fc-event:focus:after { content: ""; position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; } .fc-h-event { display: block; border: 1px solid #eff0f6; background-color: #eff0f6; } .fc-h-event .fc-event-main { color: #fff; } .fc-h-event .fc-event-main-frame { display: flex; } .fc-h-event .fc-event-time { max-width: 100%; overflow: hidden; } .fc-h-event .fc-event-title-container { flex-grow: 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-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } .fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: 0; bottom: 0; width: 8px; } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -4px; } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -4px; } .fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -4px; } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -4px; } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -4px; } .fc .fc-popover { position: absolute; z-index: 9999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc .fc-popover-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 3px 4px; } .fc .fc-popover-title { margin: 0 2px; } .fc .fc-popover-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; } .fc-theme-standard .fc-popover { border: 1px solid #eff0f6; background: #f2f6f9; } .fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after { content: ""; clear: both; display: table; } .fc .fc-daygrid-body { position: relative; z-index: 1; } .fc .fc-daygrid-day.fc-day-today { background-color: #f2f6f9; } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc .fc-daygrid-day-events { margin-top: 1px; } .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: 2em; } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .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: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc .fc-daygrid-day-bottom { font-size: 0.85em; padding: 2px 3px 0; } .fc .fc-daygrid-day-bottom:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); color: #808080; } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px 0; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; } .fc-daygrid-event { position: relative; white-space: nowrap; border-radius: 3px; font-size: 0.85em; } .fc-daygrid-block-event .fc-event-time { font-weight: bold; padding: 1px; } .fc-daygrid-block-event .fc-event-title { padding: 1px; } .fc-daygrid-dot-event { display: flex; align-items: center; padding: 2px 0; } .fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; min-width: 0; overflow: hidden; font-weight: bold; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { top: -10px; bottom: -10px; } .fc-daygrid-event-dot { margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #eff0f6; border-radius: 4px; } .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } .fc-v-event { display: block; border: 1px solid #eff0f6; background-color: #f2f6f9; } .fc-v-event .fc-event-main { color: var(--primary-bg-color); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { flex-grow: 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; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-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: 8px; left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; } .fc .fc-timegrid .fc-daygrid-body { z-index: 2; } .fc .fc-timegrid-divider { padding: 0 0 2px; } .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.5em; border-bottom: 0; } .fc .fc-timegrid-slot:empty:before { content: " "; } .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 4px; } .fc .fc-timegrid-axis-frame-liquid { height: 100%; } .fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; justify-content: flex-end; } .fc .fc-timegrid-axis-cushion { max-width: 60px; flex-shrink: 0; } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col-frame { min-height: 100%; position: relative; } .fc-media-screen.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 .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-timegrid-col-events { z-index: 3; } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .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 { border: 1px solid #eff0f6; } .fc-timegrid-event, .fc-timegrid-more-link { font-size: 0.85em; border-radius: 3px; } .fc-timegrid-event { margin-bottom: 1px; } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: 0.85em; margin-bottom: 1px; } .fc-timegrid-event-short .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-short .fc-event-time:after { content: " - "; } .fc-timegrid-event-short .fc-event-title { font-size: 0.85em; } .fc-timegrid-more-link { position: absolute; z-index: 9999; color: inherit; background: #d0d0d0; cursor: pointer; margin-bottom: 1px; } .fc-timegrid-more-link-inner { padding: 3px 2px; top: 0; } .fc-direction-ltr .fc-timegrid-more-link { right: 0; } .fc-direction-rtl .fc-timegrid-more-link { left: 0; } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: #ff5b51; border-width: 1px 0 0; } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; border-style: solid; border-color: #ff5b51; } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-theme-standard .fc-list { border: 1px solid #eff0f6; } .fc .fc-list-empty { background-color: rgba(208, 208, 208, 0.3); height: 100%; display: flex; justify-content: center; align-items: center; } .fc .fc-list-empty-cushion { margin: 5em 0; } .fc .fc-list-table { width: 100%; border-style: hidden; } .fc .fc-list-table tr>* { border-left: 0; border-right: 0; } .fc .fc-list-sticky .fc-list-day>* { position: sticky; top: 0; background: var(--primary-bg-color); } .fc .fc-list-table tbody>tr:first-child th { border-top: 0; } .fc .fc-list-table th { padding: 0; } .fc .fc-list-table td { padding: 8px 14px; } .fc .fc-list-day-cushion { padding: 8px 14px; } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table; } .fc-theme-standard .fc-list-day-cushion { background-color: rgba(208, 208, 208, 0.3); } .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; } .fc .fc-list-event.fc-event-forced-url { cursor: pointer; } .fc .fc-list-event:hover td { background-color: #f5f5f5; } .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; width: 0; height: 0; border: 5px solid #eff0f6; border-radius: 5px; } .fc .fc-list-event-title a { color: inherit; text-decoration: none; } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; } .fc-theme-bootstrap a:not([href]) { color: inherit; } .fc-theme-bootstrap5 a:not([href]) { color: inherit; text-decoration: inherit; } .fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, .fc-theme-bootstrap5 th { border: 1px solid var(--bs-gray-400); } .fc-theme-bootstrap5 .fc-scrollgrid { border-right-width: 0; border-bottom-width: 0; } .fc-theme-bootstrap5-shaded { background-color: var(--bs-gray-200); } .fc-event.fc-daygrid-event.fc-daygrid-dot-event { border: 1px solid var(--primary-bg-color) !important; color: #fff; background-color: var(--primary-bg-color); } .fc-list-day-cushion a { color: #fff; } @media (max-width: 669px) { .fc .fc-toolbar { display: block !important; text-align: center; } .fc-toolbar-chunk { margin: 17px 0; } } #external-events .fc-event { margin: 5px 0; cursor: move; padding: 8px; border: 0; } .fc-list-day-side-text { color: #fff !important; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 2px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #fff; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label, .twentytwenty-after-label { opacity: 0; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { content: attr(data-bs-content); } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 2px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; background: rgba(0, 0, 0, 0.6); } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 10px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 10px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } /*! * cropme v1.4.3 * https://shpontex.github.io/cropme * * Copyright 2020 shpontex * Released under the MIT license * * Date: 2020-03-02T12:55:13.295Z */ .cropme-wrapper { width: 100%; height: 100%; } .cropme-container { position: relative; overflow: hidden; margin: 0 auto; } .cropme-container img { width: initial !important; cursor: move; opacity: 1; touch-action: none; } #img { border: 5px solid #f00; } .viewport { box-sizing: content-box !important; position: absolute; border-style: solid; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; pointer-events: none; } .viewport.circle { border-radius: 50%; } .cropme-slider, .cropme-rotation-slider { text-align: center; } .cropme-slider input, .cropme-rotation-slider input { -webkit-appearance: none; } .cropme-slider input:disabled, .cropme-rotation-slider input:disabled { opacity: 0.5; } .cropme-slider input::-webkit-slider-runnable-track, .cropme-rotation-slider input::-webkit-slider-runnable-track { height: 4px; background: #d3dfea; border-radius: 3px; } .cropme-slider input::-webkit-slider-thumb, .cropme-rotation-slider input::-webkit-slider-thumb { -webkit-appearance: none; height: 16px; width: 16px; border-radius: 50%; background: var(--primary-bg-color); margin-top: -6px; } .cropme-slider input:focus, .cropme-rotation-slider input:focus { outline: none; } .iti { position: relative; display: inline-block; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input { position: relative; z-index: 0; margin-top: 1px !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; height: 38px; border: 1px solid #eff0f6; border-radius: 4px; } .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 1px !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; height: 38px; border: 1px solid #eff0f6; border-radius: 4px; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #b6b9ce; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #b6b9ce; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; background-color: #fff; border: 1px solid #eff0f6; white-space: nowrap; font-size: 13px; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e7eaf3; } .iti__country { padding: 0px 15px; outline: none; height: 38px; line-height: 36px; } .iti__dial-code { color: #9f97b3; font-weight: 500; font-size: 12px; } .iti__country.iti__highlight { background-color: #f3f4f7; } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--separate-dial-code input { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: #f3f4f7; } .iti--allow-dropdown input[disabled]+.iti__flag-container:hover, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: #f3f4f7; } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; height: 15px; background-image: url("../plugins/intl-tel-input-master/img/flags.png"); background-repeat: no-repeat; background-color: #f3f4f7; background-position: 20px 0; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag.iti__np { background-color: transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("../plugins/intl-tel-input-master/img/flags@2x.png"); } } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .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; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 0; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .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; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Flat UI Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(../img/sprite-skin-flat.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-bar { height: 12px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 12px; width: 9px; background-position: 0 -90px; } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #495057; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 2px 6px; background: #cfd2ea; -moz-border-radius: 4px; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #f72d66; -moz-border-radius: 4px; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #f72d66; } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } /*--- RANGE SLIDER ---*/ .irs-min, .irs-max { font-family: "Roboto", sans-serif; /* border-radius: 0; */ } .irs-from, .irs-to, .irs-single { font-family: "Roboto", sans-serif; background-color: var(--primary-bg-color); border-radius: 0; } .irs-bar { background-image: none; background-color: var(--primary-bg-color); } .irs-bar-edge { background-image: none; background-color: var(--primary-bg-color); border-top-left-radius: 0; border-bottom-left-radius: 0; } .irs-line-left { background-image: none; background-color: #eff0f6; border-top-left-radius: 0; border-bottom-left-radius: 0; } .irs-line-mid { background-image: none; background-color: #eff0f6; } .irs-line-right { background-image: none; background-color: #eff0f6; border-top-right-radius: 0; border-bottom-right-radius: 0; } .irs-from::after, .irs-to::after, .irs-single::after { border-top-color: var(--primary-bg-color); } .irs-slider { background-image: none; } .irs-slider:before { content: ""; width: 2px; height: 18px; position: absolute; background-color: var(--primary-bg-color); left: 50%; margin-left: -1px; } .irs-slider:hover:before, .irs-slider:focus:before { background-color: var(--primary-bg-color); } /* #################### COLOR VARIANT SKINS #################### */ .irs-primary .irs-bar, .irs-primary .irs-bar-edge, .irs-primary .irs-slider::before, .irs-primary .irs-from, .irs-primary .irs-to, .irs-primary .irs-single { background-color: var(--primary-bg-color); } .irs-primary .irs-from::after, .irs-primary .irs-to::after, .irs-primary .irs-single::after { border-top-color: var(--primary-bg-color); } .irs-success .irs-bar, .irs-success .irs-bar-edge, .irs-success .irs-slider::before, .irs-success .irs-from, .irs-success .irs-to, .irs-success .irs-single { background-color: #28c76f; } .irs-success .irs-from::after, .irs-success .irs-to::after, .irs-success .irs-single::after { border-top-color: #28c76f; } .irs-dark .irs-bar, .irs-dark .irs-bar-edge, .irs-dark .irs-slider::before, .irs-dark .irs-from, .irs-dark .irs-to, .irs-dark .irs-single { background-color: #191621; } .irs-dark .irs-from::after, .irs-dark .irs-to::after, .irs-dark .irs-single::after { border-top-color: #191621; } /* #################### MODERN SKIN #################### */ .irs-modern .irs-line-left, .irs-modern .irs-line-mid, .irs-modern .irs-line-right { height: 6px; box-shadow: inset -2px 2px 2px 0 rgba(34, 34, 34, 0.1); } .irs-modern .irs-bar, .irs-modern .irs-bar-edge { height: 6px; box-shadow: inset 0 1px 1px 0 rgba(34, 34, 34, 0.1); } .irs-modern .irs-slider { top: 19px; background-color: #fff; border: 1px solid var(--primary-bg-color); border-radius: 0; } .irs-modern .irs-slider::before { width: 4px; height: 9px; background-color: #fff; border-left: 1px solid var(--primary-bg-color); border-right: 1px solid var(--primary-bg-color); margin-left: -2px; top: 3px; } .irs-modern.irs-primary .irs-slider { border-color: var(--primary-bg-color); } .irs-modern.irs-primary .irs-slider::before { border-color: var(--primary-bg-color); } .irs-modern.irs-success .irs-slider { border-color: #28c76f; } .irs-modern.irs-success .irs-slider::before { border-color: #28c76f; } .irs-modern.irs-dark .irs-slider { border-color: #14112d; } .irs-modern.irs-dark .irs-slider::before { border-color: #14112d; } /* #################### OUTLINE SKIN #################### */ .irs-outline .irs-line { border: 1px solid var(--primary-bg-color); height: 10px; border-radius: 5px; } .irs-outline .irs-line-left, .irs-outline .irs-line-mid, .irs-outline .irs-line-right { height: 10px; background-color: transparent; } .irs-outline .irs-bar { height: 10px; } .irs-outline .irs-bar-edge { height: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .irs-outline .irs-slider { top: 21px; width: 18px; background-color: #fff; border: 1px solid var(--primary-bg-color); border-radius: 100%; } .irs-outline .irs-slider::before { margin-left: -4px; top: 4px; width: 8px; height: 8px; border-radius: 100%; } .irs-outline .irs-slider:hover::before, .irs-outline .irs-slider:focus::before { background-color: var(--primary-bg-color); } .irs-outline.irs-primary .irs-line, .irs-outline.irs-primary .irs-slider { border-color: var(--primary-bg-color); } .irs-outline.irs-primary .irs-line:hover::before, .irs-outline.irs-primary .irs-line:focus::before { background-color: var(--primary-bg-color); } .irs-outline.irs-primary .irs-slider:hover::before, .irs-outline.irs-primary .irs-slider:focus::before { background-color: var(--primary-bg-color); } .irs-outline.irs-success .irs-line, .irs-outline.irs-success .irs-slider { border-color: #28c76f; } .irs-outline.irs-success .irs-line:hover::before, .irs-outline.irs-success .irs-line:focus::before { background-color: #339701; } .irs-outline.irs-success .irs-slider:hover::before, .irs-outline.irs-success .irs-slider:focus::before { background-color: #339701; } .irs-outline.irs-dark .irs-line, .irs-outline.irs-dark .irs-slider { border-color: #191621; } .irs-outline.irs-dark .irs-line:hover::before, .irs-outline.irs-dark .irs-line:focus::before { background-color: #313c53; } .irs-outline.irs-dark .irs-slider:hover::before, .irs-outline.irs-dark .irs-slider:focus::before { background-color: #313c53; } /*--- RANGE SLIDER ---*/ /* jQuery Countdown styles 2.0.0. */ #launch_date { margin: 0px auto 0px auto; } .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown li { display: inline-block; font-size: 1.83rem; font-weight: bold; width: 88px; height: 88px; border-radius: 0px; line-height: 22px; padding: 20px; text-align: center; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; border: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24); color: #fff; border-radius: 7px; background: var(--primary-bg-color); } .countdown .time { font-size: 13px; padding-top: 2px; font-weight: 300; } @media (max-width: 991px) { .countdown li { margin: 20px 10px 10px 10px; } .is-countdown { margin-top: 20px; } } @media (min-width: 992px) { .countdown li { margin: 10px 10px 5px 10px; } } /* Common */ .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul>li, .tabcontrol ul>li { display: block; padding: 0; } /* Accessibility */ .wizard>.steps .current-info, .tabcontrol>.steps .current-info, .wizard>.content>.title, .tabcontrol>.content>.title { position: absolute; left: -999em; } .tabcontrol>.steps { position: relative; display: block; width: 100%; } .tabcontrol>.steps>ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol>.steps>ul>li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol>.steps>ul>li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol>.steps>ul>li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol>.steps>ul>li.current>a { padding: 15px 30px 10px 30px; } .tabcontrol>.steps>ul>li>a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol>.steps>ul>li>a:hover { text-decoration: none; } .tabcontrol>.content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol>.content>.body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol>.content>.body ul { list-style: disc !important; } .tabcontrol>.content>.body ul>li { display: list-item; } .checkbox-group { display: inline-block; position: relative; } .checkbox-group .checkbox-normal { display: none; } .checkbox-group label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; font-size: 13px; line-height: 21px; } .checkbox-group+.checkbox-group label { margin-left: 15px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .radio-group label:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 3px; left: 0px; background: #fcfcfc; border: 1px solid #bbb; } .radio-group .radio-normal+label:before { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .radio-group .radio-normal:checked+label:before { content: "\e6bf"; font-family: "iconfont"; color: #fff; font-size: 14px; line-height: 15px; } .radio-group .radio-normal:disabled+label:before { color: #fff; border: 1px solid #eff0f6; background: #e7eaf3; cursor: not-allowed; } /*?????radio???*/ /* + ??????,??????label??*/ .checkbox-group label:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 3px; left: 0; border-radius: 3px; background: #fff; border: 1px solid #eff0f6; } .checkbox-group .checkbox-normal+label:before { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 3px; } .checkbox-group .checkbox-normal:checked+label:before { content: "\e93e"; font-family: "iconfont"; font-size: 9px; text-align: center; line-height: 13px; background: var(--primary-bg-color); margin: 0 auto; text-align: center; color: #fff; } .checkbox-group .checkbox-normal:disabled+label:before { color: #fff; border: 1px solid #eff0f6; background-color: #e7eaf3; cursor: not-allowed; } .checkbox-group .checkbox-indeterminate+label:before { content: "\e95f"; font-family: "iconfont"; font-size: 14px; text-align: center; line-height: 15px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*?????radio???*/ /* + ??????,??????label??*/ .multi-select-active:after { content: "\e93e"; font-family: "iconfont"; margin-left: 64%; font-weight: bold; } .icon-single-add, .icon-double-add { font-size: 22px; position: absolute; margin-left: -30px; margin-top: 7px; } .transfer-double { width: 100%; height: 100%; background-color: #fff; left: 30%; position: inherit; z-index: 1000; border-radius: 0px; } .transfer-double-content-left { display: inline-block; width: 46%; border: 1px solid #eff0f6; border-radius: 5px; float: left; overflow: hidden; } .transfer-double-content-middle { display: inline-block; width: 35px; float: left; margin: 12% 22px 0 22px; text-align: center; vertical-align: middle; } .transfer-double-content-right { display: inline-block; width: 46%; border: 1px solid #eff0f6; border-radius: 5px; } .transfer-double-content-tabs { display: inline-block; width: 100%; border-bottom: 1px solid #eff0f6; } .transfer-double-content-tabs .tab-item-name { display: inline-block; line-height: 36px; margin-left: 15%; width: 50%; cursor: pointer; margin: 0; font-weight: 500; text-align: center; padding: 3px; } .transfer-double-content-tabs .tab-item-name.tab-active { background: #f3f4f7; } .transfer-double-content-param { display: inline-block; width: 100%; line-height: 36px; border-bottom: 1px solid #e7eaf3; text-align: center; padding: 3px; font-weight: 500; } .transfer-double-content-param .param-item { display: inline-block; width: 40%; height: 36px; line-height: 36px; } .vertical-separation-line { color: #eee; margin: 0 10px; } .transfer-double-list { display: none; } .tab-content-active { display: block; } .transfer-double-list-header { padding: 8px 8px 6px 8px; text-align: center; } .transfer-double-list-search-input { width: 100%; line-height: 24px; border: 1px solid #eff0f6; padding: 5px 0 4px 8px; border-radius: 4px; } .transfer-double-list-content { padding: 3px 3px; } .transfer-double-list-main { height: 210px; overflow-y: auto; } .transfer-double-list-main .transfer-double-list-ul { list-style: none; padding-left: 7px; margin: 0; } .transfer-double-list-main .transfer-double-list-ul .transfer-double-list-li { margin-top: 5px; } .transfer-double-list-main .transfer-double-list-ul .transfer-double-list-li input { margin-right: 10px; } .transfer-double-list-main .transfer-double-group-list-ul { list-style: none; padding-left: 7px; margin: 0; } .transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li { margin-top: 5px; } .transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul { list-style: none; padding-left: 20px; } .transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul .transfer-double-group-list-li-ul-li { margin-top: 5px; } .transfer-double-selected-list-header { padding: 8px 8px 6px 8px; text-align: center; } .transfer-double-selected-list-search-input { width: 100%; line-height: 24px; color: #777ab2 !important; border: 1px solid #eff0f6; padding: 5px 0 4px 8px; border-radius: 4px; } .transfer-double-selected-list-content { padding: 3px 3px; } .transfer-double-selected-list-main { height: 210px; overflow-y: auto; } .transfer-double-selected-list-main .transfer-double-selected-list-ul { list-style: none; padding-left: 7px; margin: 0; } .transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li { margin-top: 5px; } .transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li .checkbox-group { width: 65%; } .transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li input[type=checkbox] { margin-right: 10px; } .transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li input[type=text] { min-width: 40px; width: 40px; min-height: 24px; height: 24px; } .transfer-double-list-footer { border-top: 1px solid #eff0f6; padding-left: 0px; padding-top: 1px; } .transfer-double-list-footer span { margin-left: 20px; } .transfer-double-list-footer input { min-width: 40px; width: 40px; min-height: 24px; height: 24px; margin-left: 75px; } .transfer-double-list-footer .btn-setting { display: inline-block; margin-left: 5px; } .transfer-double-list-footer label { margin-left: 10px; margin-top: 5px; } .transfer-double-footer { text-align: right; } .btn-select-arrow { display: inline-block; width: 34px; height: 34px; line-height: 34px; border-radius: 3px; color: #424e79; background: #efeff5; border: 1px solid #eff0f6; cursor: pointer; } .btn-select-arrow+.btn-select-arrow { margin-top: 10px; } /* *???? */ .clearfix { *zoom: 1; } .clearfix:before { display: table; content: " "; } .clearfix:after { display: table; content: " "; clear: both; } /* * input placeholder style */ input::-webkit-input-placeholder { /* WebKit browsers */ /* font-size: 12px; */ color: #bbb; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 12px; color: #bbb; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 12px; color: #bbb; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 12px; color: #bbb; } /* * webkit???????? */ .transfer-double-list-main::-webkit-scrollbar, .transfer-double-selected-list-main::-webkit-scrollbar { width: 4px; height: 4px; } .transfer-double-list-main::-webkit-scrollbar-track, .transfer-double-selected-list-main::-webkit-scrollbar-track { background: #f6f6f6; border-radius: 2px; } .transfer-double-list-main::-webkit-scrollbar-thumb, .transfer-double-selected-list-main::-webkit-scrollbar-thumb { background: #e7eaf3; border-radius: 2px; } .transfer-double-list-main::-webkit-scrollbar-corner, .transfer-double-selected-list-main::-webkit-scrollbar-corner { background: #f6f6f6; } /** responsive **/ @media (max-width: 480px) { .transfer-double-content-left, .transfer-double-content-right { width: 100%; } .transfer-double-content-middle { margin: 15px 15px 15px 40%; } } @media (min-width: 481px) and (max-width: 992px) { .transfer-double-content-left { width: 100%; } .transfer-double-content-right { Width: 100%; } .transfer-double-content-middle { margin: 15px 15px 15px 40%; } .transfer { padding-right: 0 !important; } } @media (min-width: 993px) and (max-width: 1366px) { .transfer-double-content-left { width: 42%; } .transfer-double-content-right { Width: 42%; } } @font-face { font-family: "iconfont"; src: url("../plugins/jQuerytransfer/icon_font/font/iconfont.eot?t=1519785387995"); /* IE9*/ src: url("../plugins/jQuerytransfer/icon_font/font/iconfont.eot?t=1519785387995#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABbEAAsAAAAAKngAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kvRY21hcAAAAYAAAAKNAAAGPpdZLwpnbHlmAAAEEAAADlYAABrcmxAgdmhlYWQAABJoAAAALwAAADYQl7FTaGhlYQAAEpgAAAAcAAAAJAfeA8hobXR4AAAStAAAABUAAAEcG+kAAGxvY2EAABLMAAAAkAAAAJARkxhEbWF4cAAAE1wAAAAfAAAAIAFeAQJuYW1lAAATfAAAAUUAAAJtPlT+fXBvc3QAABTEAAAB/gAAA2ydwgIceJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl7eZ27438AQw9zA0AAUZgTJAQDkAgxXeJzN1M1vlFUcxfHvtBVQy4tKBXmTVxV8gdaCVEor1U4DCSWBhrAoQoxx3aSbhrhwUxrYQELapOILSMKaJu6bdNEEWLBFVMrqwvkrynnmdMtGWDg3n0lnkvnl6b3nXOA1oNk+sRZoKtT8F7Un/rbW+L6ZNxrft9T+9Oc6X/k3yxgrLaWj9JYTZagMl9mnXc8eqE3t6lSP+jSgYxrUKZ3TiEY1ocu6qmua0i3d1ozmNK/7Wlhc9LyxwgvmdHtOXUd13HPONuaM65KueM6kpj3nTmPOXT1szHn5V83/W53BF6yTXkOc5ozXcGOd5zu+9/qBC14/NtZPjTlv0uo9avG+vc5ymryDK7xjdVayitWs4S3e5h3W0sa7rGM9G3iPjWxiC5t5n61sYzs72MkuPuBDPmI3e/jYJ/Epn7GXfXTwOZ20s58DfMFBuviSQ3RzmB56fT5H6ONrvqHfD7PslezNf9zQ/8mrtXprPrP0qW5jS/yIhfCpUWpR/aI0RdWQ0hxVQ8qSqhWlI3zOlN7wiVNOBNWMoahaVobDeaDMhpPB066onu3Zg3BaUFs4N6g9nCDUGc4S6g6nCh0O5wv1hJOG+sKZQ/Wgmj0QziE6Gk4kOhbOJjoeTikaDOcVnQonF50NZxh9G04zOhfONRoJJxyNhrOOxsOpRxfD+UcT4SagS+FOoMvhdqAr4Z6gq+HGoGvh7qDJcIvQVLhPaDrcLPRzVLegrofbhn4J9w79Gm4g+i3cRfR7uJXoRrif6GZQndUfQXWGt8LtRbfDPUZ3wo1GM+Fuo7lwy9F8uO/obrj56F5QZeF+UGXhYVBl4a/wDYEehe8K9Hf41kD/BFVe/g3fJOhx+E5BC0H/c9pqRJEAAAB4nK1Ze2xb13m/3zl8iJL45uXV85IUTTLmtaVIfCUxSdOJZ8uK08neyCq2EylKg6k2aqXx6lhwUt028uDONqYWmwO5MSC72TyYf7RYpWXwAovANmCFna3NQGEeljTeVgSIhi1217oDwut95z4oyjPbAZ1w73fPuefxvX/nuxRn5rj7t+m7tIPzco9wg9xObpTjwCJBn4P0QiiW7CcS8CEzL/gcNBaOhazhvn6aA6HP4vMPpZNRwWK1OMEBIiRCQ+lYP4lBKpkn22DI3wvQ2d31W55Ij4fOQ2tHTDyljJDLwAfCPc78VmXPlu2+oaC35dV2j6fT4znbYjGbWwgxOR3wJcFvM9taLcrbZmcX/25gMwlAe2esa++z9mC354XTyaO9EcEGIMvg7Q46rmx3d7nxeq3L7/V0Wl32lo4ue3iTD179t7YOb3tv9F85/COo67v0Gt2P7QGOs0FfFOVNZ9KbBBEEvwOwC7Goycq0EfybMulMHltWC76wWui3lZeGT2eHn+2S0sdh8q180Uvt3X7q2pM+pfzopYGI/5n8KRh4achD/V0Owj+RefPZEFRqta1bMm9+/+rw+aGjA1/ba/db7PYd0488L8n5by18feD5LfJTow672W8f/9zwAbtJlxPJGMzhw4beCOfRmD5LX5Rwn4fBkUG8YEuEPQY55r+PaIUGuTYuwCW4Ye45XBHqiybT6A9cRcOsje5I5yCZZk5xgDmMeqa0ns+/Td2d9kVzkIdMgnXQ/RYcsoTYy2QUu+oeaBUeZy5+VnF4PA5aQHpUbTLS44F07d7i5jRg0+NYxFf/4cB3m1lL7ZK7xlxHhU2DCTazx6PI9RUOtr5xTY+HBLW3DXN0bmwWMxWgDf6OLtEE9zPspJOoXWaI+TKTBdZORhlNR/W2JRozqBVptC+sUq2NrtZpHHikfRZGoywEWNtv0ajVoAJSi49XacLvQ4qxZO2BBIsbP6M+v6DSRNqvUexmkGptn5+1/UM6zYNB0xpN1elQOhVNZzDFomxIbSdTahvf0D8D8IITkLY4iL+tFcDvsgABwUeB+AVs+btNBPheKza9YhtSd8CB1BlwIW0PeIDaRB8QS7cf+6STUb4DwOwRAFocfty6vZUHh8kL4HYjH5MD+NZ2fO13tAAIHjNAB8/4dBKVm4WAT7RR8ATase8KOJE6Am6kbaIXqbUXZ5tUboKfAPUxIS0uZNTa5ieOFuTDFPoqUGfATdVFtIWtMatrOgRkw6NsZhe2wGbnSXsLj0tMHhQQXIDhixK2taFszhbGxGNYQuhkluixMnO0Yp9JSF2qHewoIG1ldrD2MGVop7oA2VAPa1mdKF9bG/IBh8UH4CLIyGNCOfkW1RZ2BCXocJnZKp4yXswYXazP97Ywk2im1+OW4yhHjnMu7PQzyPWJZChPklGyFDk09dyeaHTPc1OHRqJREo9EoyOH1DZ7aGvJKilh3nMsMRGiMKnzQLgDM4TMHFApKRotpMiKu3+GHiHXuW4uwz3FcZFwKhllmR52qDjAM0jPQYLhekzdLYMUd9b25xMYhxlsg/ZQWdL9o3bePtpmt7cZjYPi/sGhbUBnDh2aoZAZODxHHqVXXi8c3aycIeO7d48TlW4abbXbW0fB7nOMtjocraMOn/2bm3OensncwRlKZw5uG+8Nf/d3HY7XrlB4VILE7ucJeX63SnX9H4UFrgX1Z+IzoUHhe3riPT2wAN1ST4/Ureos03+kMtfLbeZSOHfILyQeolsoFULtYg2aQTgV5sN8AtVOwF/t+MpALjKezA8D/f0vTp0hMJL92ncorCl5098PkGNjY68Q8srY2DHy45ObT+IFf7glEnnMHjw2MnWG0jNTI8eCm6rzJzfvv/jD/8ZZbAWjtbts8kk9FlbIBEP/jA2ehOtw/RJcV57kNo559TEyruCTa1XHZFRTQK8GuDAX4yQ83RLo4W3s7EAdQkwPBCw3Qg6e0Sl3MkpD7pA5nEoI+v2wNp1YLNznCirkEoba/TWZyEpBlivqpcgPtEilgH8eR01WlyCtyVCR2ctCpU45zl6XmXJWjF8n1h6a9Ezm7RiZu1HyBB9mN8U7g7e14RljY8wzoVQi9RDN2Do33gKbNxEMQlCWP6pUPgoGK4bITNyJxcVaYXFdP0etQCq1RVnThnKyUgnCYnBCrgSDQdyGdQqF4AYFJ0hQkZFB8KOg7qcSWVVzMsSH3Ak3hpU7DFVlFeIliCurJSiX9I4ew1fIGloBq5EYCFbIwAnozyrnEUUOZ0GG/hxrK+dzdbx4ilxj++N8G1htgFVQhiTAmVXuKJ9mwancySL4ObNwFJw55VNw5bQBFxIVbgwZrZyPC+KmGcEaG4xlvP0kmWfHFgZ/Y3LAD+azN2E+++qLf/wiXhdumkw3Lxx/i9K3jh+/SOlFODifY+PKPhgvr5QncPTCe/voxePGHEPuN4jM9IwIqGjMCnASz5qskvr3LES3a821rHKLq8s4QspY/dg5N24gWIVMLCOYI2DeCjx2IDK6fXkp/5sXlEvKJXKdURhfXl6Cx/s3TU1t6n/2xg3gbty4cWhqakrf77fJT9BuHdwmTWfU2hrDTWk/5PFY8BOrxRRj53BSrQV8sPZ09mm89jK6vCuZOF25tmsKDk8rtxOlD4r79xc/KO2DK8aMvU9nlRO7rlVOJxK7X1ZuT3+RvL1vX/HDIiOMvalu93aUoYdZPtTE4hk+nPK6w25Ya2LyxWKx2MTYf4oj0n3N4rrdjxBJtTtgcKHtCae8n4PDLL5yn8FATgu13LqMT6DdW9DqXYgl7ITAHEpZYxFMNARCtDx7hPmY1cwGEjzu2b1rtfR6loi7qsXXc7Uf71wtHc0S//Zq8Vi2Wlp98vXsrErharG6czp3tFgdPtbAT9rAT980UGdDdcbbwRAFsjurxdncrcJq6Y3crYa2jPvLuVncfy4HpdLqzlnGefiNrGEL8pmRaxmwMlvMKT9SbYH59UCurfvLxvm5Pi6qIRLDG0TGJp7z4gTCS2VJkuNNfQdcsSgXFamJB6FWLG7IUy1emkYLRZxpGikjgNjcjFGuWI8RRCXG0Yt7lcnVGgOpugzMPxpO47g75HWH3Oy0LBO5JhehWlSqpIwHQxw1qlYM2e//jD6t4qAqe6R//WCNDeUhaQhvxiyEyullSpdPa7RwpIDXF+YonYPjJ7IzRdOSPnJ6aX9++uR0DujcF148RWayJxpjvGRg6DYAa2OMwwfK+1k4rJzP/lJ8LkNRgqJSlkCW9E6D/toZxQH6l4UAlgQ86LYgnCTLkqxIzB5x/Fgusq4sQQmNUqxVMftoA18Nf9QdwupuTXG3KpXL0tVKo2dPL5kMc4DMRq9KG9wbU82kzdG/iz4j3yXva7bB/A9j7TYJzwS0pA/A7yjfF5mdDosc97CzYVDF3RjFkrSfFYkMnRp8Cd8W58VXXhH7Jv9kEq8L75lM710wvIViwO+JfyB++cuiYmsq5LqNzSraa+dRhurWhR8si//wVfG6Ydx+tQu9ddtqPn1E9dHGM9EGoqj8i3JbhIBKsItnYkBUbqvEGGh6Jlp/yZn4w2Xxb8A+L55r5p3QEk5wzIvKl5q7h7Pouq9uqIPqWWZOuMNevFmkssoH1a1VJRarklSOxxWZGaVarbIHWmOVxGVWWeBdRfxpco6aI+vnqB0iEJGmoRVsR+MbTlLl5+wlPN5ZWFgodBqH6dDCwsJ6nPSj3CbdZwKCsw34BFCW0D+/o5y9C19R/nwZRqbviHfI/F3l7B14THlnGfZABt9wD8kJlMs4loVmdn9vRpw5EZiZCZyYEd9sZvsjxoyZGfFuM/MTHTcY0luZx0Nq5NCDrhqHR8HLn1c+Vj6GT12YXy93Y6tzAx4aeNBQR8SMiF07IB7A6yCjPzHi9hvGm4MHxL+tB+//R13QoPlFSZKa6HslHoeSUgVpHTOL63VBitVknyhLOhZ8CM+Iyh8hQhwRH3pG/19qgsxkWTorwn+9UJbOiUq71vvpJOshsE2eFc+qFN7BxznxnEqbYBBCENrY24cfeWgT1SDWhg9euCnOBxBk5pvFg4gghePwGxNomnFAiLpwM9pwrOg4+U8GTgqQGsQz5KJqD+W8uAElHyaf6v9mWEGe0DCwr5l4vxojN/qgm2VLxjC02TA9GM6IhQz//HTyalwWYRqtPhtQvvUC68nwn2q3GL/6wqwoqxTKaH45MKvSX6v2wbMwHi/yTeMTOAZdSrMohZok/Xq1TwO3xx6ofTYw2i9tyOcH6htq1DeYurJe36gZe59jAhrYIWnYERFC6sGzETv+0oX857ugU/l4Pa6fVPGOfeturIkadIr8r5JIL9gYhVkEtsaSKGZUejj+CCLew+JTO8yanmW/Kn3e0ePzWtP4NPCkxH6LYbX1IKsz4BMGI+eBZdAzpLOeTXv137fL6vegEy3BqwkueDF2B8NYl6+tiJcuiytwCe8V8XNQES9fFitw73JgZSVQxy+2DUPumIFf90TgAfgA2O6JyhrCFy8adf8ceU2dix/YmNsCnFNn8Jja9wLqIrGOi1gvaXPZB0ICceCYtq+ytmH2ugzs9ydB0zkDn/yCbYxzfwF/zdZh656+bxVWdXmFwUQmRnim04oISVRzpYH/HInp/DOxRMxKhlFtgBUs1i6r9jDmHdDnoXdT6GP4C3Wf9VncA3xxuzDWc4zvCpoUFup8Md/vV6hMCxiXMS7Bfn1Z/2WQ/Z9HSBi/DGLtHqX1383yOgRrUSxoJaI+Fd8OCWl6aIwX+TEnzzuNxhkyOz4+S1T64Y4iIcUdKv3m1iNPfOeWCWfR753altw6N+by+VxjvoAPxpw+n3MMWPOftaUTjD5OSjsKJUJKhR2lb4gh0623CWNETn3PxGOG/Q/T6NQYAAB4nGNgZGBgAOJFJ17zxPPbfGXgZmEAgWt7zFYj6P8NLAzMDUAuBwMTSBQARMYLCAB4nGNgZGBgbvjfwBDDwgACQJKRARW4AwBHTQKweJxjYWBgYH7JwMDCMIrRMQCdwgIFAAAAAAAAAAB2AMoA4AFiAr4C3AL2A1wDcAPEA9ID4AQ6BKYEvgTWBPgFMgVKBXIFtAXuBgYGPgZ0BowGzAcABw4HKgdgB3YHjgeyB+4IBghACGAIggi+CO4JGgk8CXwJlgnACfoKEApICoIKmArSCwoLSgt+C5oLtAvoDCIMOgxaDHAMhgycDLIMxgzaDO4NAg1ueJxjYGRgYHBn+MbAywACTEDMBYQMDP/BfAYAKPgCYQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtUoly0zAQzWsS23HSu1zlvk8BBsoN5S6/ociKo8bRZmR74vw969htOoBmvPu0fnu8HbXWWvUJW/8/R1hDGx104cFHgB5C9DHAOjawiS1sYwe72MM5nMcFXMQl7OMyruAqruE6buAmbuE27uAu7uE+HuAhHuExnkDgKZ7hOSK8wEu8wgFe4w3e4h3e4wM+4hM+4xBf8BXf8B0/8BO/cITfLZR+SjI2NunElEcDo8iOyOaZknY/N9JOJSUFHZsFU0ojKZZDtp5Sgvlt/tYr1rGRC7LJuOgeLAppN2QcF5l2TidFKt0gG0ubMMfmVIRcpYEdZ1KzVRnBQVtyCwZtTu4MpZp0VUqZDhVNZ6nOtXDBCfRiI1NKfO5ATrgdXapUTmVObiGm0k2E83SZaxtv6tLkYlSkaaac1jZcQX9Ebi5d7BkWLJw/NbbIhOsufXPLvExLp8ZeNnbGTro8mSC/slnjnSCvmlVQsHR831VjrSZDKkWmU61yXeUspQgarMRwRqyXkMFSDpfSMY9LvUYXB2JHs9MAN937Vyrn12IFbf8lV1DY/GJWrxEsqH+CODo4yw7qXTC32cYp4taeM5WEoF4Jl66XshyggeRl5FhAKHneOb+QuW1gqkd5v4bOJOM8qHEx66+o0eAMIeqvEqPeCTsKqmclePOt1h9+EwTFAAA=") format("woff"), url("../plugins/jQuerytransfer/icon_font/font/iconfont.ttf?t=1519785387995") format("truetype"), url("../plugins/jQuerytransfer/icon_font/font/iconfont.svg?t=1519785387995#iconfont") format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-loading:before { content: "\e64f"; } .icon-dot1:before { content: "\e654"; } .icon-iconfontscan:before { content: "\e603"; } .icon-dot-tmall:before { content: "\e602"; } .icon-cc-dot:before { content: "\e6bf"; } .icon-dot:before { content: "\e63f"; } .icon-tianjiayonghu:before { content: "\e65c"; } .icon-5yuan:before { content: "\e632"; } .icon-adduserregular:before { content: "\e604"; } .icon-shangjiantou:before { content: "\e600"; } .icon-xiajiantou:before { content: "\e601"; } .icon-rili:before { content: "\e8cf"; } .icon-rili-xianxing-xi:before { content: "\e915"; } .icon-add:before { content: "\e931"; } .icon-back:before { content: "\e934"; } .icon-close:before { content: "\e93c"; } .icon-complete-r:before { content: "\e93d"; } .icon-complete:before { content: "\e93e"; } .icon-dialog:before { content: "\e942"; } .icon-error-r:before { content: "\e946"; } .icon-exclamatory-mark-r:before { content: "\e947"; } .icon-extend:before { content: "\e949"; } .icon-exit-fullscreen:before { content: "\e94a"; } .icon-fullscreen:before { content: "\e94e"; } .icon-forward:before { content: "\e94d"; } .icon-info-r:before { content: "\e953"; } .icon-minus-r:before { content: "\e95d"; } .icon-minus:before { content: "\e95f"; } .icon-minus-s:before { content: "\e95e"; } .icon-search:before { content: "\e970"; } .icon-shrink:before { content: "\e973"; } .icon-add-o:before { content: "\e985"; } .icon-add-s-o:before { content: "\e986"; } .icon-add-r-o:before { content: "\e987"; } .icon-back-o:before { content: "\e989"; } .icon-back-r-o:before { content: "\e98a"; } .icon-checkbox-selected-o:before { content: "\e98f"; } .icon-close-o:before { content: "\e990"; } .icon-complete-r-o:before { content: "\e993"; } .icon-delete-o:before { content: "\e995"; } .icon-dialog-o:before { content: "\e996"; } .icon-edit-o:before { content: "\e999"; } .icon-error-r-o:before { content: "\e99a"; } .icon-drop-o:before { content: "\e99b"; } .icon-error-s-o:before { content: "\e99c"; } .icon-exclamatory-mark-r-o:before { content: "\e99d"; } .icon-extend-o:before { content: "\e99e"; } .icon-exit-fullscreen-o:before { content: "\e9a2"; } .icon-extend-r-o:before { content: "\e99f"; } .icon-forward-o:before { content: "\e9a0"; } .icon-forward-r-o:before { content: "\e9a1"; } .icon-fullscreen-o:before { content: "\e9a3"; } .icon-info-r-o:before { content: "\e9a6"; } .icon-minus-r-o:before { content: "\e9b0"; } .icon-minus-s-o:before { content: "\e9b1"; } .icon-rise-o:before { content: "\e9c2"; } .icon-search-o:before { content: "\e9c6"; } .icon-shrink-r-o:before { content: "\e9c9"; } .icon-shrink-o:before { content: "\e9ca"; } .icon-sort-o:before { content: "\e9cb"; } .icon-arrow-down:before { content: "\e9d8"; } .icon-arrow-left:before { content: "\e9d9"; } .icon-arrow-right:before { content: "\e9da"; } .icon-arrow-up:before { content: "\e9db"; } .icon-arrow-down1:before { content: "\e9dc"; } .icon-arrow-right1:before { content: "\e9dd"; } .icon-arrow-left1:before { content: "\e9de"; } .icon-arrow-up1:before { content: "\e9df"; } .icon-user-add:before { content: "\e739"; } .jqvmap-label { position: absolute; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: #fff; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; pointer-events: none; } .jqvmap-pin { pointer-events: none; } .jqvmap-zoomin, .jqvmap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #000; padding: 3px; color: #fff; cursor: pointer; line-height: 10px; text-align: center; } .jqvmap-zoomin { top: 10px; } .jqvmap-zoomout { top: 30px; } .jqvmap-region { cursor: pointer; } .jqvmap-ajax_response { width: 100%; height: 500px; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: #fff; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 5px; color: #fff; cursor: pointer; line-height: 20px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 20px; height: 20px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 50px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: #000; color: #fff; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container { position: absolute; left: 0; top: 0; } .leaflet-pane>svg, .leaflet-pane>canvas { position: absolute; left: 0; top: 0; } .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair { cursor: crosshair; } .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-dragging .leaflet-grab .leaflet-interactive { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane>svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane>svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #efefef; outline: 0; z-index: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #eff0f6; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #eff0f6; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: #000; } .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../plugins/leaflet/images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../plugins/leaflet/images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list { display: none; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(../plugins/leaflet/images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 1px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: #fff; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } @font-face { font-family: "lg"; src: url("../plugins/lightgallery/fonts/lg.eot?n1z373"); src: url("../plugins/lightgallery/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../plugins/lightgallery/fonts/lg.woff?n1z373") format("woff"), url("../plugins/lightgallery/fonts/lg.ttf?n1z373") format("truetype"), url("../plugins/lightgallery/fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: "lg"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 10001; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.5); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 16px; font-weight: 500; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; border-radius: 5px; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #fff; border-radius: 4px; margin-bottom: 5px; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toggle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toggle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toggle-thumb:hover { color: #fff; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-html5 .lg-video-play { height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px #fff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.3); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown>li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown>li:hover a, .lg-outer .lg-dropdown>li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .group { *zoom: 1; } .group:before { display: table; content: ""; line-height: 0; } .group:after { display: table; content: ""; line-height: 0; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10001; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { /* background: url("../img/loading.gif") no-repeat scroll center center transparent; */ display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ .lSSlideWrapper { position: relative; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSSlide, .lSSlideWrapper.usingCss .lSFade>* { -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; } .lSSlideOuter { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; } .lSSlideOuter .lSPager.lSGallery { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } .lSSlideWrapper>.lightSlider:after { clear: both; } .lSSlideOuter { overflow: hidden; user-select: none; } .lightSlider { overflow: hidden; margin: 0; } .lightSlider:after, .lightSlider:before { content: " "; display: table; } .lSSlideWrapper { max-width: 100%; overflow: hidden; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height; } .lSSlideWrapper .lSFade>* { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade>* { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-property: opacity; transition-property: opacity; } .lSSlideWrapper .lSFade>.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade>.active { opacity: 1; } .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg>li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg>li a { background-color: #222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } .lSSlideOuter .lSPager.lSGallery { list-style: none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before { content: " "; display: table; } .lSAction>a { width: 32px; display: block; top: 50%; height: 32px; background-image: url(../img/controls.png); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction>a:hover { opacity: 1; } .lSAction>.lSPrev { background-position: 0 0; left: 10px; } .lSAction>.lSNext { background-position: -32px 0; right: 10px; } .lSAction>a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0 !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider>* { width: 100% !important; max-width: none !important; } .lSSlideOuter.vertical .lSAction>a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction>.lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction>.lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lSPager, .lSSlideOuter .lightSlider { padding-left: 0; list-style: none; } .lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider { padding-right: 0; } .lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* { float: left; } .lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider>* { float: right !important; } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } @-webkit-keyframes rightEnd { 0%, 100% { left: 0; } 50% { left: -15px; } } @keyframes rightEnd { 0%, 100% { left: 0; } 50% { left: -15px; } } @-webkit-keyframes topEnd { 0%, 100% { top: 0; } 50% { top: -15px; } } @keyframes topEnd { 0%, 100% { top: 0; } 50% { top: -15px; } } @-webkit-keyframes leftEnd { 0%, 100% { left: 0; } 50% { left: 15px; } } @keyframes leftEnd { 0%, 100% { left: 0; } 50% { left: 15px; } } @-webkit-keyframes bottomEnd { 0%, 100% { bottom: 0; } 50% { bottom: -15px; } } @keyframes bottomEnd { 0%, 100% { bottom: 0; } 50% { bottom: -15px; } } .lightSlider.lsGrab>* { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing>* { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .morris-hover { position: absolute; z-index: 10; } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.8); border: solid 1px rgba(230, 230, 230, 0.1); font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } .multi-wrapper { border: 1px solid #e7eaf3; border-radius: 5px; width: 100%; overflow: hidden; } .multi-wrapper .non-selected-wrapper, .multi-wrapper .selected-wrapper { box-sizing: border-box; display: inline-block; height: 200px; overflow-y: scroll; padding: 0; vertical-align: top; width: 50%; } .multi-wrapper .non-selected-wrapper { background: #f3f4f7; border-right: 1px solid #eff0f6; } .multi-wrapper .selected-wrapper { background: #fff; } .multi-wrapper .header { display: block; font-size: 14px; padding: 0px 15px; text-transform: capitalize; font-weight: 500; height: 40px; line-height: 40px; } .multi-wrapper .item-1 { cursor: pointer; display: block; padding: 0px 15px; color: #424e79; text-decoration: none; font-size: 13px; height: 35px; line-height: 35px; } .multi-wrapper .item-1:hover { color: var(--primary-bg-color); border: 0; border-radius: 2px; } .multi-wrapper .item-group-1 { padding: 0; } .multi-wrapper .item-group-1 .group-label { display: block; font-size: 14px; padding: 0px 15px; text-transform: capitalize; font-weight: 500; height: 40px; line-height: 40px; } .multi-wrapper .search-input { border: 0; border-bottom: 1px solid #eff0f6; border-radius: 0; display: block; font-size: 14px !important; margin: 0; outline: 0; padding: 10px 20px; width: 100%; box-sizing: border-box; border-radius: 5px 5px 0 0; } .multi-wrapper .non-selected-wrapper .item.selected { opacity: 0.5; } .multi-wrapper .non-selected-wrapper .item.disabled { opacity: 0.5; text-decoration: line-through; } .multi-wrapper .selected-wrapper .item.disabled { opacity: 0.5; text-decoration: line-through; } .multi-wrapper .non-selected-wrapper .item.disabled:hover, .multi-wrapper .selected-wrapper .item.disabled:hover { background: inherit; cursor: inherit; } /** * @author zhixin wen <wenzhixin2010@gmail.com> */ .ms-parent { display: inline-block; position: relative; vertical-align: middle; width: 100% !important; } .ms-choice { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; background-color: #fff; background-clip: padding-box; border: 1px solid #eff0f6; color: var(--primary-bg-color); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; font-size: 14px; line-height: 13px; } .ms-choice.disabled { background-color: #f3f4f7; background-image: none; border: 1px solid #eff0f6; cursor: default; } .ms-choice>span.placeholder { color: #999; opacity: 0; } .ms-choice>div { position: absolute; top: 7px; right: 8px; width: 20px; height: 25px; background: url("../plugins/multipleselect/multiple-select.png") left top no-repeat; } .ms-choice>div.open { background: url("../plugins/multipleselect/multiple-select.png") right top no-repeat; } .ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -3px; padding: 0; position: absolute; z-index: 10; background: #fff; color: #000; border: 1px solid #eff0f6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0 0 4px 4px; } .ms-drop.bottom { top: 100%; box-shadow: 0px 10px 10px 20px rgba(179, 186, 212, 0), 0px 10px 15px -5px rgb(176, 184, 214); } .ms-drop.top { bottom: 100%; box-shadow: 0px 10px 10px 20px rgba(179, 186, 212, 0), 0px 10px 15px -5px rgb(176, 184, 214); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-parent .placeholder { height: 0; width: 0; border: 0; } .ms-parent.form-control { width: 100% !important; } .ms-search { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #eff0f6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url("../plugins/multipleselect/multiple-select.png") no-repeat 100% -22px; background: url("../plugins/multipleselect/multiple-select.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eeeeee 99%); background: url("../plugins/multipleselect/multiple-select.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eeeeee 99%); background: url("../plugins/multipleselect/multiple-select.png") no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eeeeee 99%); background: url("../plugins/multipleselect/multiple-select.png") no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eeeeee 99%); background: url("../plugins/multipleselect/multiple-select.png") no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eeeeee 99%); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; } .ms-drop ul>li { list-style: none; display: block; background-image: none; position: static; height: 30px; line-height: 30px; padding: 0 6px; border-radius: 4px; } .ms-drop ul>li .disabled { opacity: 0.35; filter: Alpha(Opacity=35); } .ms-drop ul>li.multiple { display: block; float: left; } .ms-drop ul>li.group { clear: both; } .ms-drop ul>li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul>li label { font-weight: normal; display: block; white-space: nowrap; } .ms-drop ul>li label.optgroup { font-weight: bold; } .ms-drop input[type=checkbox] { vertical-align: middle; vertical-align: middle; margin-right: 6px; margin-bottom: 1px; margin-left: 6px; width: 20px; height: 20px; background: #fff; border: #fff; box-shadow: none; } .ms-drop input[type=radio] { margin-right: 6px; margin-bottom: 1px; margin-left: 6px; margin-top: 1px; } .ms-drop .ms-no-results { display: none; } .ms-drop .multiple { width: 90px !important; } .ms-drop .custom-checkbox:before { background: transparent; } .ms-drop .custom-control-label { margin-bottom: 0; display: block; margin-top: 2px; line-height: 28px; } .ms-select-all .custom-control-label::before, .ms-select-all .custom-control-label::after { top: -1.6rem !important; } .ms-drop .custom-control-label::before { position: absolute; top: 0 !important; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; margin-top: 6px; } .ms-drop .custom-control-label::after { position: absolute; top: 0 !important; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; margin-top: 6px; } .ms-drop .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .ms-drop .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { background-color: transparent; } /*! * jQuery Conveyor Ticker (jConveyorTicker) * Description: jQuery plugin to create simple horizontal conveyor belt animated tickers. * * Copyright (c) 2017 Luis Luz - UXD Lda * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Project home: * https://github.com/lluz/jquery-conveyor-ticker * * Version: 1.0.2 * */ .jctkr-wrapper { box-sizing: border-box; /* margin-top: -2px; */ display: inline-block; position: relative; width: 100%; height: 78px; vertical-align: top; overflow: hidden; /* line-height: 57px; */ /* padding: 20px 0; */ } .jctkr-wrapper * { box-sizing: border-box; /* margin-top: -2px; */ } .jctkr-wrapper ul { position: absolute; left: 0; top: 0; height: 100%; margin: 0; padding: 0; list-style: none; white-space: nowrap; font-size: 0; opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; } .jctkr-wrapper.jctkr-initialized ul { opacity: 1; } .jctkr-wrapper ul li { display: inline-block; font-family: sans-serif; font-size: 16px; } .jctkr-label { display: inline-block; } /* jQuery Growl * Copyright 2015 Kevin Sylvestre * 1.3.5 */ .ontop, #growls-default, #growls-tl, #growls-tr, #growls-bl, #growls-br, #growls-tc, #growls-bc, #growls-cc, #growls-cl, #growls-cr { z-index: 50000; position: fixed; } #growls-default { top: 10px; right: 10px; } #growls-tl { top: 10px; left: 10px; } #growls-tr { top: 10px; right: 10px; } #growls-bl { bottom: 10px; left: 10px; } #growls-br { bottom: 10px; right: 10px; } #growls-tc { top: 10px; right: 10px; left: 10px; } #growls-bc { bottom: 10px; right: 10px; left: 10px; } #growls-cc { top: 50%; left: 50%; margin-left: -125px; } #growls-cl { top: 50%; left: 10px; } #growls-cr { top: 50%; right: 10px; } #growls-tc .growl, #growls-bc .growl { margin-left: auto; margin-right: auto; } .growl { opacity: 0.8; filter: alpha(opacity=80); position: relative; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .growl.growl-incoming, .growl.growl-outgoing { opacity: 0; filter: alpha(opacity=0); } .growl.growl-small { width: 200px; padding: 5px; margin: 5px; } .growl.growl-medium { width: 250px; padding: 10px; margin: 10px; } .growl.growl-large { width: 300px; padding: 15px; margin: 15px; } .growl.growl-default { color: #fff; background: #2d2d2d; } .growl.growl-error { color: #fff; background: #ff5b51; } .growl.growl-notice, .growl.growl-sucess { color: #fff; background: #2dce89; } .growl.growl-warning { color: #fff; background: #ecb403; } .growl .growl-close { cursor: pointer; float: right; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, verdana, sans-serif; } .growl .growl-title { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 5px; } .growl .growl-message { font-size: 13px; line-height: 18px; } #ui_notifIt { position: fixed; top: 10px; right: 10px; cursor: pointer; overflow: hidden; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); -wekbit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 99999; } #ui_notifIt:hover { opacity: 1 !important; } #ui_notifIt p { text-align: center; font-family: sans-serif; font-size: 14px; padding: 0; margin: 0; } #notifIt_close { position: absolute; color: #fff; top: 0; padding: 0px 5px; right: 0; } #notifIt_close:hover { background-color: rgba(255, 255, 255, 0.3); } /* Color setup */ /* You are free to change all of this */ #ui_notifIt.success { background-color: #2dce89; color: #fff; } #ui_notifIt.error { background-color: #ff5b51; color: #fff; } #ui_notifIt.warning { background-color: #ecb403; color: #fff; } #ui_notifIt.info { background-color: #45aaf2; color: #fff; } #ui_notifIt.default { background-color: #d3dfea; color: #424e79; } /* notifit confirm */ .notifit_confirm_bg, .notifit_prompt_bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.8); } .notifit_confirm *, .notifit_prompt * { font-family: sans-serif; } .notifit_confirm, .notifit_prompt { position: fixed; top: 0; left: 0; padding: 30px 30px 0px 30px; background-color: #EEE; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); } .notifit_confirm_accept, .notifit_confirm_cancel, .notifit_prompt_accept, .notifit_prompt_cancel { padding: 10px 20px; color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #444; margin: 10px; outline: 0; cursor: pointer; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .notifit_prompt_accept:hover, .notifit_prompt_cancel:hover { background-color: #666; } .notifit_confirm_accept { background-color: #9ACD32; } .notifit_confirm_accept:hover { background-color: #ABDE43; } .notifit_confirm_cancel { background-color: #FF4500; } .notifit_confirm_cancel:hover { background-color: #FF5611; } .notifit_confirm_message { text-align: center; margin-bottom: 20px; } .notifit_prompt_message { color: #444; margin-top: 0; text-align: center; } .notifit_prompt_input { text-align: center; font-family: sans-serif; font-size: 14px; width: 100%; padding: 10px; outline: none; border: 1px solid #AAA; color: #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .notifit_prompt { text-align: center; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background-color: #fff; opacity: 7; color: inherit; border: none; padding: 0p !important; font: inherit; } .owl-nav .owl-next { position: absolute; top: 50%; right: -25px; margin-top: -1.65em; } .owl-nav .owl-prev { position: absolute; top: 50%; left: -25px; margin-top: -1.65em; } .owl-nav button { display: block; font-size: 1.3rem !important; line-height: 2em; border-radius: 50%; width: 3rem; height: 3rem; text-align: center; background: #fff !important; opacity: 0.5 !important; border: 1px solid #eff0f6 !important; z-index: 99; box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); } /* PrismJS 1.17.1 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ /** * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */ .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .namespace { opacity: 0.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #f5365c; } .token.operator, .token.entity, .token.url { color: #9a6e3a; } .language-css .token.string, .style .token.string { color: #9a6e3a; } .token.atrule, .token.attr-value, .token.keyword { color: #8966f7; } .token.function, .token.class-name { color: #DD4A68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent; } .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y { opacity: 0.6; } .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y { opacity: 0.6; } .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: transparent; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #8497bf; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #8497bf; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 3px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover>.ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #8497bf; height: 11px; } .ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #8497bf; width: 3px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked]>li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 20px 25px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; font-size: 14px; height: 300px; } .ql-editor>* { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol>li { list-style-type: none; } .ql-editor ul>li { list-style-type: none; } .ql-editor ul>li::before { content: "•"; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true]>li *, .ql-editor ul[data-checked=false]>li * { pointer-events: all; } .ql-editor ul[data-checked=true]>li::before, .ql-editor ul[data-checked=false]>li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true]>li::before { content: "☑"; } .ql-editor ul[data-checked=false]>li::before { content: "☐"; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; counter-reset: list-9; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-bubble { box-sizing: border-box; } .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover { outline: none; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #fff; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ""; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #424e79; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #424e79; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #424e79; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #424e79; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #424e79; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before { content: "Heading 6"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before { content: "Monospace"; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before { content: "Huge"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #424e79; content: "×"; font-size: 16px; font-weight: bold; } @media (pointer: coarse) { .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) { color: #424e79; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #424e79; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #424e79; } } .ql-container.ql-bubble:not(.ql-disabled) a { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a::before { background-color: #444; border-radius: 15px; top: -5px; font-size: 12px; color: #fff; content: attr(href); font-weight: normal; overflow: hidden; padding: 5px 15px; text-decoration: none; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a::after { border-top: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 0; content: " "; height: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 200ms; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { visibility: visible; } /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-size: 13px; height: 300px; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked]>li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor>* { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol>li { list-style-type: none; } .ql-editor ul>li { list-style-type: none; } .ql-editor ul>li::before { content: "•"; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true]>li *, .ql-editor ul[data-checked=false]>li * { pointer-events: all; } .ql-editor ul[data-checked=true]>li::before, .ql-editor ul[data-checked=false]>li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true]>li::before { content: "☑"; } .ql-editor ul[data-checked=false]>li::before { content: "☐"; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; counter-reset: list-9; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: var(--primary-bg-color); } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: var(--primary-bg-color); } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow { box-sizing: border-box; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 35px; padding: 3px 5px; width: 35px; border: 1px solid #eff0f6; background: #fff; border-right: 0; } .ql-snow.ql-toolbar button:first-child, .ql-snow .ql-toolbar button:first-child { border-radius: 3px 0 0 3px; } .ql-snow.ql-toolbar button:last-child, .ql-snow .ql-toolbar button:last-child { border-right: 1px solid #eff0f6; border-radius: 0 3px 3px 0; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: var(--primary-bg-color); } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: var(--primary-bg-color); } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: var(--primary-bg-color); } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ""; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #495057; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #e7eaf3; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { /* color: #444; */ display: inline-block; float: left; font-size: 14px; font-weight: 500; /* height: 24px; */ position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #e7eaf3; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #e7eaf3; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #e7eaf3; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 6px; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-toolbar.ql-snow { border: 1px solid #e7eaf3; box-sizing: border-box; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 25px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid #eff0f6; background: #fff; height: 35px; line-height: 35px; border-radius: 3px; padding: 0 10px; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #e7eaf3; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow+.ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #e7eaf3; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #e7eaf3; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #e7eaf3; content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: "Remove"; margin-left: 8px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: "Save"; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: var(--primary-bg-color); } .ql-container.ql-snow { border: 1px solid #e7eaf3; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; height: 38px; padding: 0 10px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 14px; padding: 0; line-height: 2.5; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; border: 1px solid #eff0f6; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .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; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(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: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #424e79; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #bcccda transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #424e79 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--primary01); } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--primary-bg-color); color: #fff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #424e79 100%); background-image: -o-linear-gradient(top, #eee 50%, #424e79 100%); background-image: linear-gradient(to bottom, #eee 50%, #424e79 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #424e79 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #424e79 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #424e79; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .SumoSelect { width: 200px; } .SumoSelect p { margin: 0; } .SelectBox { padding: 5px 8px; } .sumoStopScroll { overflow: hidden; } /* Filtering style */ .SumoSelect .hidden { display: none; } .SumoSelect .search-txt { display: none; outline: none; } .SumoSelect .no-match { display: none; padding: 6px; } .SumoSelect.open .search-txt { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 5px 15px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; } .SumoSelect.open>.search>span, .SumoSelect.open>.search>label { visibility: hidden; } /*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */ .SelectClass, .SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .SelectClass { z-index: 1; } .SumoSelect { display: inline-block; position: relative; outline: none; width: 100%; } .SumoSelect>.optWrapper>.options li.opt label, .SumoSelect>.CaptionCont { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .SumoSelect .select-all>label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .SumoSelect:focus>.CaptionCont { border-color: var(--primary-bg-color); } .SumoSelect>.CaptionCont { position: relative; border: 1px solid #eff0f6; color: #424e79; min-height: 14px; background-color: #fff; border-radius: 0.25rem; margin: 0; width: 100%; height: 40px; line-height: 30px; padding: 6px 17px; } .SumoSelect>.CaptionCont>span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; } .SumoSelect>.CaptionCont>span.placeholder { color: #9999b5; font-style: italic; } .SumoSelect>.CaptionCont>label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; } .SumoSelect>.CaptionCont>label>i:before { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; margin-top: 18px; color: #bcccda; } .SumoSelect>.optWrapper { display: none; z-index: 1; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #eaeaec; border-radius: 3px; overflow: hidden; } .SumoSelect.open>.optWrapper { top: 35px; display: block; box-shadow: 0px 10px 10px 20px rgba(179, 186, 212, 0), 0px 10px 15px -5px rgb(176, 184, 214); background: #f9f9f9; border-radius: 0 0 5px 5px; } .SumoSelect.open>.optWrapper.up { top: auto; bottom: 100%; margin-bottom: 5px; } .SumoSelect>.optWrapper ul { list-style: none; display: block; padding: 0; margin: 0; overflow: auto; } .SumoSelect>.optWrapper>.options { border-radius: 2px; position: relative; /*Set the height of pop up here (only for desktop mode)*/ max-height: 250px; /*height*/ } .SumoSelect>.optWrapper.okCancelInMulti>.options { border-radius: 2px 2px 0 0; } .SumoSelect>.optWrapper.selall>.options { border-radius: 0 0 2px 2px; } .SumoSelect>.optWrapper.selall.okCancelInMulti>.options { border-radius: 0; } .SumoSelect>.optWrapper>.options li.group.disabled>label { opacity: 0.5; } .SumoSelect>.optWrapper>.options li ul li.opt { padding-left: 22px; } .SumoSelect>.optWrapper.multiple>.options li ul li.opt { padding-left: 50px; } .SumoSelect>.optWrapper.isFloating>.options { max-height: 100%; } .SumoSelect>.optWrapper>.options li.opt { padding: 0px 16px; position: relative; border-bottom: 1px solid #eff0f6; height: 40px; line-height: 40px; } .SumoSelect>.optWrapper>.options>li.opt:first-child { border-radius: 2px 2px 0 0; } .SumoSelect>.optWrapper.selall>.options>li.opt:first-child { border-radius: 0; } .SumoSelect>.optWrapper>.options>li.opt:last-child { border-radius: 0 0 2px 2px; border-bottom: none; } .SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child { border-radius: 0; } .SumoSelect>.optWrapper>.options li.opt:hover { background-color: #f4f5f5; } .SumoSelect>.optWrapper>.options li.opt.sel { background-color: #a1c0e4; } .SumoSelect .select-all.sel { background-color: #a1c0e4; } .SumoSelect .select-all>span { position: absolute; display: block; width: 30px; top: 0; bottom: 0; margin-left: -35px; } .SumoSelect .select-all>span i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #eff0f6; border-radius: 2px; background-color: #fff; } .SumoSelect .select-all.selected>span i, .SumoSelect .select-all.partial>span i { background-color: var(--primary-bg-color); box-shadow: none; border-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center; } .SumoSelect>.optWrapper>.options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; margin-bottom: 0 !important; } .SumoSelect>.optWrapper>.options li span { display: none; } .SumoSelect>.optWrapper>.options li.group>label { cursor: default; padding: 8px 6px; font-weight: bold; } .SumoSelect>.optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; } .SumoSelect>.optWrapper>.options li.opt.disabled { background-color: inherit; pointer-events: none; } .SumoSelect>.optWrapper>.options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } .SumoSelect>.optWrapper.multiple>.options li.opt { padding-left: 35px; cursor: pointer; } .SumoSelect>.optWrapper.multiple>.options li.opt span { position: absolute; display: block; width: 30px; top: 0; bottom: 0; margin-left: -35px; } .SumoSelect>.optWrapper.multiple>.options li.opt span i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #eff0f6; border-radius: 2px; background-color: #fff; } .SumoSelect>.optWrapper>.MultiControls { display: none; border-top: 1px solid #eaeaec; background-color: #fff; border-radius: 0 0 3px 3px; } .SumoSelect>.optWrapper.multiple.isFloating>.MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls { display: block; } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p { padding: 6px; } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus { border-color: var(--primary-bg-color); outline: none; background-color: var(--primary-bg-color); } .SumoSelect>.optWrapper.multiple>.MultiControls>p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; } .SumoSelect>.optWrapper.multiple>.MultiControls>p:hover { background-color: #f1f1f1; } .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; } .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel { border-radius: 0 0 3px 0; } .SumoSelect>.optWrapper.isFloating>.options li.opt { padding: 0px 16px; } .SumoSelect>.optWrapper.multiple.isFloating { padding-bottom: 43px; } .SumoSelect>.optWrapper.multiple.isFloating>.options li.opt { padding-left: 35px; } .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i { background-color: var(--primary-bg-color); box-shadow: none; border-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center; } .SumoSelect.disabled { opacity: 0.7; cursor: not-allowed; } .SumoSelect.disabled>.CaptionCont { border-color: #eaeaec; box-shadow: none; } .SumoSelect .select-all { border-radius: 3px 3px 0 0; position: relative; border-bottom: 1px solid #eaeaec; background-color: #fff; padding: 8px 0 3px 35px; height: 36px; cursor: pointer; } .SumoSelect .select-all>label, .SumoSelect .select-all>span i { cursor: pointer; } .SumoSelect .select-all.partial>span i { background-color: #eaeaec; } .SumoSelect>.optWrapper>.options li.optGroup { padding-left: 5px; text-decoration: underline; } .sweet-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 901; overflow-y: auto; background: radial-gradient(at center, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%); -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); -webkit-perspective: 500px; perspective: 500px; opacity: 0; transition: opacity 0.26s; } .sweet-modal-overlay.bounce .sweet-modal-box { -webkit-animation-name: bounce; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; animation-name: bounce; animation-duration: 0.1s; animation-iteration-count: 2; animation-direction: alternate; } .sweet-modal-overlay .sweet-modal-box { -webkit-transform: scale(0.9) translateY(-32px); transform: scale(0.9) translateY(-32px); opacity: 0; transition-property: transform, -webkit-transform, opacity; transition-duration: 0.3s; transition-delay: 0.05s; transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02); } .sweet-modal-overlay .sweet-modal-box .sweet-modal-content { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .sweet-modal-overlay .sweet-modal-box .sweet-modal-buttons { -webkit-transform: translateY(16px); transform: translateY(16px); } .sweet-modal-overlay .sweet-modal-box .sweet-modal-content, .sweet-modal-overlay .sweet-modal-box .sweet-modal-buttons { opacity: 0; transition-property: transform, -webkit-transform, opacity; transition-duration: 0.3s; transition-delay: 0.141s; transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02); } .sweet-modal-overlay.open { opacity: 1; } .sweet-modal-overlay.open .sweet-modal-box { -webkit-transform: none; transform: none; opacity: 1; } .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content, .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-buttons { -webkit-transform: none; transform: none; opacity: 1; } @media screen and (max-width: 420px) { .sweet-modal-overlay { overflow: hidden; } } .sweet-modal-close { position: absolute; z-index: 4000; right: 18px; top: 14px; } .sweet-modal-close a.sweet-modal-close-link { display: block; width: 36px; height: 36px; border-radius: 100%; background-color: transparent; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="%23292c34" /></svg>'); background-size: 26px; background-position: center; transition: all 0.2s; } .sweet-modal-close a.sweet-modal-close-link:hover { background-color: #09c; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="%23fff" /></svg>'); } .sweet-modal-close a.sweet-modal-close-link:active { background-color: #09c; } .sweet-modal-overlay.tabbed .sweet-modal-close { top: 6px; right: 12px; } @media screen and (max-width: 420px) { .sweet-modal-close { top: 14px; right: 18px; } } .sweet-modal-box { font-family: "Roboto", "Open Sans", sans-serif; font-size: 14px; position: absolute; width: 64%; left: 18%; margin: auto; margin-top: 96px; margin-bottom: 96px; border-radius: 3px; background: #fff; box-shadow: 0px 8px 46px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.03); } .sweet-modal-box .sweet-modal-content+.sweet-modal-buttons { margin-top: 0px; } .sweet-modal-box.alert, .sweet-modal-box.prompt { width: 50%; left: 25%; } @media screen and (max-width: 777px) { .sweet-modal-box { width: 82%; left: 9%; } } @media screen and (max-width: 420px) { .sweet-modal-box { width: 100%; height: 100%; max-height: 100%; left: 0; margin-top: 0; margin-bottom: 0; border-radius: 0px; } .sweet-modal-box.prompt, .sweet-modal-box.alert { width: 100%; height: 100%; max-height: 100%; left: 0; margin-top: 0; margin-bottom: 0; border-radius: 0px; } } .sweet-modal-title-wrap { border-bottom: 1px solid #e0e0e0; padding-top: 20px; padding-bottom: 20px; padding-left: 36px; padding-right: 16px; } .sweet-modal-overlay.tabbed .sweet-modal-title-wrap { padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 24px; } .sweet-modal-title h2 { margin: 0; padding: 0; font-family: "Roboto", "Open Sans", sans-serif; font-weight: 500; font-size: 21px; color: #292c34; margin-top: 2px; } .sweet-modal-title .sweet-modal-tabs-links { margin-left: -36px; margin-top: -20px; margin-bottom: -20px; margin-right: -16px; } .sweet-modal-title .sweet-modal-tabs-links ul { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; align-items: center; overflow-x: auto; } .sweet-modal-title .sweet-modal-tabs-links ul li { display: block; } .sweet-modal-title .sweet-modal-tabs-links ul li a { display: block; position: relative; text-align: center; text-decoration: none; font-size: 16px; color: #999; transition: all 0.2s; cursor: pointer; } .sweet-modal-title .sweet-modal-tabs-links ul li a label { cursor: pointer; display: block; } .sweet-modal-title .sweet-modal-tabs-links ul li a .icon { display: block; margin: auto; height: 24px; width: 28px; } .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg { width: 100%; height: 100%; fill: #999; transition: fill 0.2s; } .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg path { fill: #999; transition: fill 0.2s; } .sweet-modal-title .sweet-modal-tabs-links ul li a .icon+label { margin-top: 8px; } .sweet-modal-title .sweet-modal-tabs-links ul li a::after { content: ""; opacity: 0; width: 0px; height: 0px; border: 6px solid transparent; border-bottom-color: #e0e0e0; position: absolute; bottom: 0px; left: 50%; margin-left: -6px; transition: all 0.2s; } .sweet-modal-title .sweet-modal-tabs-links ul li+li a { border-left: 1px solid #e0e0e0; } .sweet-modal-title .sweet-modal-tabs-links ul li:last-child a { border-right: 1px solid #e0e0e0; } .sweet-modal-title .sweet-modal-tabs-links ul li:hover a { color: #292c34; } .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg { fill: #292c34; } .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg path { fill: #292c34; } .sweet-modal-title .sweet-modal-tabs-links ul li.active a { color: #09c; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .sweet-modal-title .sweet-modal-tabs-links ul li.active a label { -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg { fill: #09c; } .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg path { fill: #09c; } .sweet-modal-title .sweet-modal-tabs-links ul li.active a::after { opacity: 1; } .sweet-modal-overlay.tabbed .sweet-modal-title .sweet-modal-tabs-links { margin-left: -24px; margin-right: -24px; margin-top: -16px; margin-bottom: -16px; } .sweet-modal-overlay.tabbed .sweet-modal-title .sweet-modal-tabs-links ul li a { padding-top: 24px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; } .sweet-modal-content { -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; font-size: 14px; padding-left: 36px; padding-right: 36px; padding-top: 32px; padding-bottom: 32px; } .sweet-modal-content p:first-child { margin-top: 0; } .sweet-modal-content pre { overflow-x: auto; } .sweet-modal-content b { font-weight: 600; } .sweet-modal-content .sweet-modal-icon { margin-bottom: 24px; } .sweet-modal-content .sweet-modal-prompt [type=text], .sweet-modal-content .sweet-modal-prompt [type=password], .sweet-modal-content .sweet-modal-prompt [type=number] { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } @media screen and (max-width: 420px) { .sweet-modal-content { overflow: auto; margin-bottom: 64px; } } .sweet-modal-box.alert .sweet-modal-content { text-align: center; font-size: 16px; padding-top: 64px; padding-bottom: 64px; } .sweet-modal-buttons { border-top: 1px solid #e0e0e0; margin-top: 48px; text-align: right; padding-left: 18px; padding-right: 18px; padding-top: 14px; padding-bottom: 14px; } .sweet-modal-buttons a.button, .sweet-modal-buttons button { display: inline-block; background: #09c; border: 1px solid #006b8f; color: #fff; font-size: 13px; font-family: "Roboto", "Open Sans", sans-serif; font-weight: 500; text-align: center; text-decoration: none; border-radius: 3px; cursor: pointer; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; margin: 4px; margin-left: 12px; min-width: 64px; transition: all 0.2s; outline: 0; } .sweet-modal-buttons a.button:hover, .sweet-modal-buttons button:hover { background: #00b8f5; color: #fff; text-decoration: none; } .sweet-modal-buttons a.button:active, .sweet-modal-buttons button:active { background: #006b8f; color: #ccf2ff; border-color: #004d66; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.4); } .sweet-modal-buttons a.accentB.button, .sweet-modal-buttons button.accentB { background: #09c; border-color: #006b8f; } .sweet-modal-buttons a.accentB.button:hover, .sweet-modal-buttons button.accentB:hover { background: #00b8f5; } .sweet-modal-buttons a.accentB.button:active, .sweet-modal-buttons button.accentB:active { background: #006b8f; color: #ccf2ff; border-color: #004d66; } .sweet-modal-buttons a.accentB.bordered.button, .sweet-modal-buttons button.accentB.bordered { background: none; border-color: #09c; color: #09c; } .sweet-modal-buttons a.accentB.bordered.button:hover, .sweet-modal-buttons button.accentB.bordered:hover { background: #09c; color: #fff; border-color: #006b8f; } .sweet-modal-buttons a.accentB.bordered.button:active, .sweet-modal-buttons button.accentB.bordered:active { background: #006b8f; color: #ccf2ff; border-color: #004d66; } .sweet-modal-buttons a.redB.button, .sweet-modal-buttons button.redB { background: #E64A33; border-color: #c42e18; } .sweet-modal-buttons a.redB.button:hover, .sweet-modal-buttons button.redB:hover { background: #ea6a57; } .sweet-modal-buttons a.redB.button:active, .sweet-modal-buttons button.redB:active { background: #c42e18; color: #fff; border-color: #9f2614; } .sweet-modal-buttons a.redB.bordered.button, .sweet-modal-buttons button.redB.bordered { background: none; border-color: #E64A33; color: #E64A33; } .sweet-modal-buttons a.redB.bordered.button:hover, .sweet-modal-buttons button.redB.bordered:hover { background: #E64A33; color: #fff; border-color: #c42e18; } .sweet-modal-buttons a.redB.bordered.button:active, .sweet-modal-buttons button.redB.bordered:active { background: #c42e18; color: #fff; border-color: #9f2614; } .sweet-modal-buttons a.blueB.button, .sweet-modal-buttons button.blueB { background: #27AAE1; border-color: #1985b2; } .sweet-modal-buttons a.blueB.button:hover, .sweet-modal-buttons button.blueB:hover { background: #4bb8e6; } .sweet-modal-buttons a.blueB.button:active, .sweet-modal-buttons button.blueB:active { background: #1985b2; color: #fff; border-color: #146a8e; } .sweet-modal-buttons a.blueB.bordered.button, .sweet-modal-buttons button.blueB.bordered { background: none; border-color: #27AAE1; color: #27AAE1; } .sweet-modal-buttons a.blueB.bordered.button:hover, .sweet-modal-buttons button.blueB.bordered:hover { background: #27AAE1; color: #fff; border-color: #1985b2; } .sweet-modal-buttons a.blueB.bordered.button:active, .sweet-modal-buttons button.blueB.bordered:active { background: #1985b2; color: #fff; border-color: #146a8e; } .sweet-modal-buttons a.greenB.button, .sweet-modal-buttons button.greenB { background: #B7D968; border-color: #a0cd37; } .sweet-modal-buttons a.greenB.button:hover, .sweet-modal-buttons button.greenB:hover { background: #c7e189; } .sweet-modal-buttons a.greenB.button:active, .sweet-modal-buttons button.greenB:active { background: #a0cd37; color: #fff; border-color: #88af2c; } .sweet-modal-buttons a.greenB.bordered.button, .sweet-modal-buttons button.greenB.bordered { background: none; border-color: #B7D968; color: #B7D968; } .sweet-modal-buttons a.greenB.bordered.button:hover, .sweet-modal-buttons button.greenB.bordered:hover { background: #B7D968; color: #fff; border-color: #a0cd37; } .sweet-modal-buttons a.greenB.bordered.button:active, .sweet-modal-buttons button.greenB.bordered:active { background: #a0cd37; color: #fff; border-color: #88af2c; } .sweet-modal-buttons a.darkGreyB.button, .sweet-modal-buttons button.darkGreyB { background: #5A5A5A; border-color: #3b3b3b; color: #292c34; } .sweet-modal-buttons a.darkGreyB.button:hover, .sweet-modal-buttons button.darkGreyB:hover { background: #464646; color: #343842; } .sweet-modal-buttons a.darkGreyB.button:active, .sweet-modal-buttons button.darkGreyB:active { background: #3b3b3b; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2); border-color: #272727; } .sweet-modal-buttons a.darkGreyB.bordered.button, .sweet-modal-buttons button.darkGreyB.bordered { background: none; border-color: #5A5A5A; color: #5A5A5A; } .sweet-modal-buttons a.darkGreyB.bordered.button:hover, .sweet-modal-buttons button.darkGreyB.bordered:hover { background: #5A5A5A; color: #292c34; border-color: #5A5A5A; } .sweet-modal-buttons a.darkGreyB.bordered.button:active, .sweet-modal-buttons button.darkGreyB.bordered:active { background: #3b3b3b; color: #000; border-color: #272727; } .sweet-modal-buttons a.lightGreyB.button, .sweet-modal-buttons button.lightGreyB { background: #999; border-color: #7a7a7a; color: #292c34; } .sweet-modal-buttons a.lightGreyB.button:hover, .sweet-modal-buttons button.lightGreyB:hover { background: #858585; color: #343842; } .sweet-modal-buttons a.lightGreyB.button:active, .sweet-modal-buttons button.lightGreyB:active { background: #7a7a7a; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2); border-color: #666; } .sweet-modal-buttons a.lightGreyB.bordered.button, .sweet-modal-buttons button.lightGreyB.bordered { background: none; border-color: #999; color: #999; } .sweet-modal-buttons a.lightGreyB.bordered.button:hover, .sweet-modal-buttons button.lightGreyB.bordered:hover { background: #999; color: #292c34; border-color: #999; } .sweet-modal-buttons a.lightGreyB.bordered.button:active, .sweet-modal-buttons button.lightGreyB.bordered:active { background: #7a7a7a; color: #1a1a1a; border-color: #666; } .sweet-modal-buttons a.yellowB.button, .sweet-modal-buttons button.yellowB { background: #f39c12; border-color: #be780a; } .sweet-modal-buttons a.yellowB.button:hover, .sweet-modal-buttons button.yellowB:hover { background: #f5ac39; } .sweet-modal-buttons a.yellowB.button:active, .sweet-modal-buttons button.yellowB:active { background: #be780a; color: #fff; border-color: #976008; } .sweet-modal-buttons a.yellowB.bordered.button, .sweet-modal-buttons button.yellowB.bordered { background: none; border-color: #f39c12; color: #f39c12; } .sweet-modal-buttons a.yellowB.bordered.button:hover, .sweet-modal-buttons button.yellowB.bordered:hover { background: #f39c12; color: #fff; border-color: #be780a; } .sweet-modal-buttons a.yellowB.bordered.button:active, .sweet-modal-buttons button.yellowB.bordered:active { background: #be780a; color: #fff; border-color: #976008; } .sweet-modal-buttons a.purpleB.button, .sweet-modal-buttons button.purpleB { background: #673AB7; border-color: #4d2b89; } .sweet-modal-buttons a.purpleB.button:hover, .sweet-modal-buttons button.purpleB:hover { background: #7c52c8; } .sweet-modal-buttons a.purpleB.button:active, .sweet-modal-buttons button.purpleB:active { background: #4d2b89; color: #f7f4fc; border-color: #3b216a; } .sweet-modal-buttons a.purpleB.bordered.button, .sweet-modal-buttons button.purpleB.bordered { background: none; border-color: #673AB7; color: #673AB7; } .sweet-modal-buttons a.purpleB.bordered.button:hover, .sweet-modal-buttons button.purpleB.bordered:hover { background: #673AB7; color: #fff; border-color: #4d2b89; } .sweet-modal-buttons a.purpleB.bordered.button:active, .sweet-modal-buttons button.purpleB.bordered:active { background: #4d2b89; color: #f7f4fc; border-color: #3b216a; } .sweet-modal-buttons a.tealB.button, .sweet-modal-buttons button.tealB { background: #009688; border-color: #005951; } .sweet-modal-buttons a.tealB.button:hover, .sweet-modal-buttons button.tealB:hover { background: #00bfad; } .sweet-modal-buttons a.tealB.button:active, .sweet-modal-buttons button.tealB:active { background: #005951; color: #96fff5; border-color: #00302c; } .sweet-modal-buttons a.tealB.bordered.button, .sweet-modal-buttons button.tealB.bordered { background: none; border-color: #009688; color: #009688; } .sweet-modal-buttons a.tealB.bordered.button:hover, .sweet-modal-buttons button.tealB.bordered:hover { background: #009688; color: #fff; border-color: #005951; } .sweet-modal-buttons a.tealB.bordered.button:active, .sweet-modal-buttons button.tealB.bordered:active { background: #005951; color: #96fff5; border-color: #00302c; } .sweet-modal-buttons a.brownB.button, .sweet-modal-buttons button.brownB { background: #795548; border-color: #533a31; } .sweet-modal-buttons a.brownB.button:hover, .sweet-modal-buttons button.brownB:hover { background: #936757; } .sweet-modal-buttons a.brownB.button:active, .sweet-modal-buttons button.brownB:active { background: #533a31; color: #e8dcd8; border-color: #392822; } .sweet-modal-buttons a.brownB.bordered.button, .sweet-modal-buttons button.brownB.bordered { background: none; border-color: #795548; color: #795548; } .sweet-modal-buttons a.brownB.bordered.button:hover, .sweet-modal-buttons button.brownB.bordered:hover { background: #795548; color: #fff; border-color: #533a31; } .sweet-modal-buttons a.brownB.bordered.button:active, .sweet-modal-buttons button.brownB.bordered:active { background: #533a31; color: #e8dcd8; border-color: #392822; } .sweet-modal-buttons a.orangeB.button, .sweet-modal-buttons button.orangeB { background: #F57C00; border-color: #b85d00; } .sweet-modal-buttons a.orangeB.button:hover, .sweet-modal-buttons button.orangeB:hover { background: #ff901f; } .sweet-modal-buttons a.orangeB.button:active, .sweet-modal-buttons button.orangeB:active { background: #b85d00; color: #fffaf5; border-color: #8f4800; } .sweet-modal-buttons a.orangeB.bordered.button, .sweet-modal-buttons button.orangeB.bordered { background: none; border-color: #F57C00; color: #F57C00; } .sweet-modal-buttons a.orangeB.bordered.button:hover, .sweet-modal-buttons button.orangeB.bordered:hover { background: #F57C00; color: #fff; border-color: #b85d00; } .sweet-modal-buttons a.orangeB.bordered.button:active, .sweet-modal-buttons button.orangeB.bordered:active { background: #b85d00; color: #fffaf5; border-color: #8f4800; } .sweet-modal-buttons a.pinkB.button, .sweet-modal-buttons button.pinkB { background: #E91E63; border-color: #b8124a; } .sweet-modal-buttons a.pinkB.button:hover, .sweet-modal-buttons button.pinkB:hover { background: #ed437d; } .sweet-modal-buttons a.pinkB.button:active, .sweet-modal-buttons button.pinkB:active { background: #b8124a; color: #fff; border-color: #930e3b; } .sweet-modal-buttons a.pinkB.bordered.button, .sweet-modal-buttons button.pinkB.bordered { background: none; border-color: #E91E63; color: #E91E63; } .sweet-modal-buttons a.pinkB.bordered.button:hover, .sweet-modal-buttons button.pinkB.bordered:hover { background: #E91E63; color: #fff; border-color: #b8124a; } .sweet-modal-buttons a.pinkB.bordered.button:active, .sweet-modal-buttons button.pinkB.bordered:active { background: #b8124a; color: #fff; border-color: #930e3b; } .sweet-modal-buttons a.secondaryB.button, .sweet-modal-buttons button.secondaryB { background: #292c34; border-color: #0e0f12; } .sweet-modal-buttons a.secondaryB.button:hover, .sweet-modal-buttons button.secondaryB:hover { background: #3b3f4b; } .sweet-modal-buttons a.secondaryB.button:active, .sweet-modal-buttons button.secondaryB:active { background: #0e0f12; color: #a4aab8; border-color: #000; } .sweet-modal-buttons a.secondaryB.bordered.button, .sweet-modal-buttons button.secondaryB.bordered { background: none; border-color: #292c34; color: #292c34; } .sweet-modal-buttons a.secondaryB.bordered.button:hover, .sweet-modal-buttons button.secondaryB.bordered:hover { background: #292c34; color: #fff; border-color: #0e0f12; } .sweet-modal-buttons a.secondaryB.bordered.button:active, .sweet-modal-buttons button.secondaryB.bordered:active { background: #0e0f12; color: #a4aab8; border-color: #000; } .sweet-modal-buttons a.whiteB.button, .sweet-modal-buttons button.whiteB { background: #fff; border-color: #e0e0e0; color: #292c34; } .sweet-modal-buttons a.whiteB.button:hover, .sweet-modal-buttons button.whiteB:hover { background: #ebebeb; color: #343842; } .sweet-modal-buttons a.whiteB.button:active, .sweet-modal-buttons button.whiteB:active { background: #e0e0e0; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2); border-color: #424e79; } .sweet-modal-buttons a.whiteB.bordered.button, .sweet-modal-buttons button.whiteB.bordered { background: none; border-color: #fff; color: #fff; } .sweet-modal-buttons a.whiteB.bordered.button:hover, .sweet-modal-buttons button.whiteB.bordered:hover { background: #fff; color: #292c34; border-color: #fff; } .sweet-modal-buttons a.whiteB.bordered.button:active, .sweet-modal-buttons button.whiteB.bordered:active { background: #e0e0e0; color: gray; border-color: #424e79; } .sweet-modal-buttons a.darkB.button, .sweet-modal-buttons button.darkB { background: #5A5A5A; border-color: #3b3b3b; } .sweet-modal-buttons a.darkB.button:hover, .sweet-modal-buttons button.darkB:hover { background: #6e6e6e; } .sweet-modal-buttons a.darkB.button:active, .sweet-modal-buttons button.darkB:active { background: #3b3b3b; color: #dadada; border-color: #272727; } .sweet-modal-buttons a.darkB.bordered.button, .sweet-modal-buttons button.darkB.bordered { background: none; border-color: #5A5A5A; color: #5A5A5A; } .sweet-modal-buttons a.darkB.bordered.button:hover, .sweet-modal-buttons button.darkB.bordered:hover { background: #5A5A5A; color: #fff; border-color: #3b3b3b; } .sweet-modal-buttons a.darkB.bordered.button:active, .sweet-modal-buttons button.darkB.bordered:active { background: #3b3b3b; color: #dadada; border-color: #272727; } .sweet-modal-buttons a.disabledB.button, .sweet-modal-buttons button.disabledB { background: #81cded; border-color: #66c3ea; color: #1d9cd1; cursor: default; pointer-events: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } .sweet-modal-buttons a.bordered.flat.button, .sweet-modal-buttons button.bordered.flat { border-color: transparent; } @media screen and (max-width: 420px) { .sweet-modal-buttons { -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; } } @-webkit-keyframes bounce { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.02); transform: scale(1.02); } } @keyframes bounce { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.02); transform: scale(1.02); } } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sweet-modal-icon.sweet-modal-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .sweet-modal-icon { position: relative; width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: auto; padding: 0; box-sizing: content-box; } .sweet-modal-icon.sweet-modal-error { border-color: #E64A33; } .sweet-modal-icon.sweet-modal-error .sweet-modal-x-mark { position: relative; display: block; } .sweet-modal-icon.sweet-modal-error .sweet-modal-line { display: block; position: absolute; top: 37px; height: 5px; width: 47px; background-color: #E64A33; border-radius: 2px; } .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-modal-icon.sweet-modal-warning { border-color: #F57C00; } .sweet-modal-icon.sweet-modal-warning .sweet-modal-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; margin-left: -2px; border-radius: 2px; background-color: #F57C00; } .sweet-modal-icon.sweet-modal-warning .sweet-modal-dot { position: absolute; left: 50%; bottom: 10px; width: 7px; height: 7px; margin-left: -3px; border-radius: 50%; background-color: #F57C00; } .sweet-modal-icon.sweet-modal-info { border-color: #27AAE1; } .sweet-modal-icon.sweet-modal-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; margin-left: -2px; border-radius: 2px; background-color: #27AAE1; } .sweet-modal-icon.sweet-modal-info::after { content: ""; position: absolute; width: 7px; height: 7px; top: 19px; margin-left: -3px; border-radius: 50%; background-color: #27AAE1; } .sweet-modal-icon.sweet-modal-success { border-color: #B7D968; } .sweet-modal-icon.sweet-modal-success::before, .sweet-modal-icon.sweet-modal-success::after { content: ""; position: absolute; border-radius: 40px; width: 60px; height: 120px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-modal-icon.sweet-modal-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-modal-icon.sweet-modal-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-modal-icon.sweet-modal-success .sweet-modal-placeholder { box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; width: 80px; height: 80px; border: 4px solid rgba(183, 217, 104, 0.2); border-radius: 50%; } .sweet-modal-icon.sweet-modal-success .sweet-modal-fix { position: absolute; left: 28px; top: 8px; z-index: 1; width: 7px; height: 90px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-modal-icon.sweet-modal-success .sweet-modal-line { display: block; position: absolute; z-index: 2; height: 5px; background-color: #B7D968; border-radius: 2px; } .sweet-modal-icon.sweet-modal-success .sweet-modal-line.sweet-modal-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-modal-icon.sweet-modal-success .sweet-modal-line.sweet-modal-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-modal-icon.sweet-modal-custom { border-radius: 0; border: none; background-size: contain; background-position: center center; background-repeat: no-repeat; } .sweet-modal-overlay.dark-overlay { background: rgba(28, 30, 35, 0.98); } .sweet-modal-overlay.dark-modal .sweet-modal-box { background: #25272e; color: #fff; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.03); } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title-wrap { border-color: #1c1e23; box-shadow: 0px 1px 0px #2b2e37; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title h2 { color: #fff; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li a { color: #61646b; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg { fill: #61646b; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg path { fill: #61646b; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:hover a { color: #fff; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg { fill: #fff; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg path { fill: #fff; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a { color: #09c; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg { fill: #09c; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg path { fill: #09c; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a::after { border-bottom-color: #1c1e23; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li+li a { border-left-color: #1c1e23; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:last-child a { border-right-color: #1c1e23; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-close a.sweet-modal-close-link { background-color: #1c1e23; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#fff" /></svg>'); } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-close a.sweet-modal-close-link:hover { background-color: #09c; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon.sweet-modal-success::before, .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon.sweet-modal-success::after, .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon.sweet-modal-success .sweet-modal-fix { background: #25272e; } .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-buttons { border-color: #1c1e23; box-shadow: inset 0px 1px 0px #2b2e37; } .sweet-modal-overlay.dark-modal div::-webkit-scrollbar-thumb, .sweet-modal-overlay.dark-modal pre::-webkit-scrollbar-thumb { background: #32363f; } .sweet-modal-overlay.dark-modal div::-webkit-scrollbar-thumb:hover, .sweet-modal-overlay.dark-modal pre::-webkit-scrollbar-thumb:hover { background: #09c; } .sweet-modal-overlay.dark-modal div::-webkit-scrollbar-track-piece, .sweet-modal-overlay.dark-modal pre::-webkit-scrollbar-track-piece { background: #25272e; } .stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: #000; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: #fff; width: 478px; padding: 40px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } .sweet-alert h2 { color: #424e79; font-size: 25px; text-align: center; font-weight: 500; text-transform: none; position: relative; padding: 0; line-height: 40px; display: block; margin-top: 5px; margin-bottom: 5px; } .sweet-alert p { /* color: #c4c9d6; */ font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; display: none; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; -webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; -webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder, .sweet-alert input:focus:-ms-input-placeholder, .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder, .sweet-alert input:-ms-input-placeholder, .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { color: #fff; font-weight: 500; text-align: center; box-shadow: none !important; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 1.75rem; font-size: 0.9375rem; line-height: 1.84615385; border-radius: 3px; letter-spacing: 0.03em; font-size: 0.8125rem; min-width: 2.375rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover, .sweet-alert button:active { background-color: #0061da; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: 0.6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled]~.la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 0px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #d6124a; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #d6124a; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #ecb403; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #ecb403; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #ecb403; } .sweet-alert .sa-icon.sa-info { border-color: #45aaf2; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #45aaf2; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #45aaf2; } .sweet-alert .sa-icon.sa-success { border-color: #2dce89; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ""; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #2dce89; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0 !important; margin-right: 0 !important; left: 15px !important; right: 15px !important; } } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #ecb403; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #ecb403; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #ecb403; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #ecb403; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; transform: rotate(-45deg) \9; } /* Success icon */ /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; color: #fff; width: 54px; height: 18px; } .la-ball-fall>div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall>div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall>div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall>div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm>div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x>div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x>div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } .wrapper>h1 { text-align: center; } .wrapper>h1 span { border-bottom: 2px solid #0061da; display: inline-block; padding: 0 10px 10px; color: #0061da; transition: all 0.5s linear; } .tab_wrapper { display: inline-block; width: 100%; position: relative; } .tab_wrapper * { box-sizing: border-box; } .tab_wrapper>ul { clear: both; display: inline-block; width: 100%; margin-bottom: -7px; } .tab_wrapper>ul li { float: left; cursor: pointer; padding: 8px 18px; text-transform: capitalize; font-size: 1.05em; border-bottom: 0; position: relative; font-weight: 500; margin: 0 5px 0 0; border-radius: 5px 5px 0 0; background: #f3f4f7; } .tab_wrapper>ul li.active { border-color: #17B794; background: #17B794; /* color: #fff; */ } .tab_wrapper>ul li.active:after { content: ""; position: absolute; bottom: -1px; height: 1px; left: 0; background: #fff; width: 100%; } .tab_wrapper .controller { display: block; overflow: hidden; clear: both; position: absolute; top: 0; right: 0; } .tab_wrapper .controller span { padding: 8px 22px; background: #0061da; color: #fff; text-transform: uppercase; display: inline-block; } .tab_wrapper .controller span.next { float: right; margin-left: 10px; } .tab_wrapper .content_wrapper { float: left; width: 100%; border: 1px solid #eaeaea; border-top: 0; box-sizing: border-box; border-radius: 0 5px 5px 5px; } .tab_wrapper .content_wrapper .tab_content { display: none; padding: 20px; border-radius: 0 5px 5px 5px; } .tab_wrapper .content_wrapper .tab_content .error { color: red; } .tab_wrapper .content_wrapper .accordian_header { display: none; padding: 10px 20px; text-transform: uppercase; font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eaeaea; position: relative; cursor: pointer; } .tab_wrapper .content_wrapper .accordian_header.active { color: #0061da; border: 1px solid #eee; } .tab_wrapper .content_wrapper .accordian_header.active:after { position: absolute; top: 0; left: 0; content: ""; width: 5px; height: 100%; background: #0061da; } .tab_wrapper .content_wrapper .accordian_header .arrow { display: inline-block; width: 12px; height: 12px; position: relative; border-radius: 2px; transform: rotate(-135deg); background: #fff; border-top: 3px solid #424e79; border-left: 3px solid #424e79; /* &:after{ position: absolute; top: 0; content: ""; left: 0; width: 10px; height: 10px; background: $white; border-top: 3px solid $border_color; border-left: 3px solid $border_color; } */ } .tab_wrapper .content_wrapper .accordian_header.active .arrow { transform: rotate(45deg); margin-top: 5px; border-top: 3px solid #0061da; border-left: 3px solid #0061da; } .tab_wrapper.left_side>ul { width: 25%; float: left; border-bottom: 1px solid #eff0f6; } .tab_wrapper.left_side>ul li { width: 100%; box-sizing: border-box; margin: 0; padding: 12px 18px; border-width: 1px; border-right: 0; border-left: 0; } .tab_wrapper.left_side>ul li:after { left: 0; top: 0; content: ""; position: absolute; width: 5px; height: 100%; background: #424e79; } .tab_wrapper.left_side>ul li.active { border-color: #424e79; } .tab_wrapper.left_side>ul li.active:after { left: 0; top: 0; width: 5px; height: 100%; background: #0061da; } .tab_wrapper.left_side>ul li.active:before { right: -1px; position: absolute; top: 0; content: ""; width: 2px; height: 100%; background: #fff; } .tab_wrapper.left_side .content_wrapper { width: 75%; border: 1px solid #d7e7ff; float: left; } .tab_wrapper.left_side .controller { top: -50px; } .tab_wrapper.right_side>ul { width: 25%; float: right; } .tab_wrapper.right_side>ul li { width: 100%; box-sizing: border-box; margin: 0; padding: 12px 18px; border-width: 1px; border-left: 1px soild #eaeaea; text-align: right; } .tab_wrapper.right_side>ul li:after { right: 0; left: inherit; top: 0; content: ""; position: absolute; width: 5px; height: 100%; } .tab_wrapper.right_side>ul li.active:after { right: 0; left: inherit; top: 0; width: 5px; height: 100%; content: ""; background: #17B794; } .tab_wrapper.right_side>ul li.active:before { left: -2px; right: inherit; position: absolute; top: 0; content: ""; width: 2px; height: 100%; background: #fff; } .tab_wrapper.right_side .content_wrapper { width: 75%; float: left; } .tab_wrapper.right_side .controller { top: -50px; } .tab_wrapper.accordion .content_wrapper { border-color: #eee; } .tab_wrapper.accordion .content_wrapper .accordian_header { display: block; } .tab_wrapper.accordion>ul { display: none; } .tab_wrapper .active_tab { display: none; position: relative; background: #000; padding: 12px; text-align: center; padding-right: 50px; color: #fff; cursor: pointer; border-radius: 30px; } .tab_wrapper .active_tab .arrow { width: 30px; height: 30px; overflow: hidden; line-height: 30px; text-align: center; background: #fff; position: absolute; right: 6px; border-radius: 50%; top: 50%; transform: translateY(-50%); } .tab_wrapper .active_tab .arrow:after { content: ""; width: 10px; display: inline-block; height: 10px; border-right: 3px solid #000; border-bottom: 3px solid #000; transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -8px; } .tab_wrapper .active_tab .text { text-indent: 39px; display: block; } @media only screen and (max-width: 768px) { .tab_wrapper>ul { display: none; } .tab_wrapper .content_wrapper { border: 0; } .tab_wrapper .content_wrapper .accordian_header { display: block; } .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper { width: 100%; border-top: 0; } .tab_wrapper .controller { display: none; } .tab_wrapper.show-as-dropdown>.tab_list { border: 0; box-shadow: 0 0 8px #424e79; position: absolute; z-index: 3; background: #fff; border-radius: 5px; margin-top: 15px; } .tab_wrapper.show-as-dropdown>.tab_list:before { content: ""; position: absolute; top: -6px; left: 50%; width: 14px; height: 14px; background: #fff; transform: rotate(45deg); box-shadow: -3px -4px 5px #efefef; margin-left: -7px; } .tab_wrapper.show-as-dropdown>.tab_list li { border: 0; border-bottom: 1px solid #eff0f6; } .tab_wrapper.show-as-dropdown>.tab_list li.active:after { display: none; } .tab_wrapper.show-as-dropdown .active_tab { display: block; } .tab_wrapper.show-as-dropdown>.tab_list, .tab_wrapper.show-as-dropdown>.content_wrapper>.accordian_header { display: none; } .tab_wrapper.show-as-dropdown>.tab_list li { display: block; float: none; width: 100%; } } @media only screen and (min-width: 769px) { .tab_wrapper.show-as-dropdown>.tab_list { display: block !important; overflow: hidden; } } .ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); outline: none; z-index: 2; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #424e79; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #424e79; } .ui-timepicker-list li { padding: 0px 10px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; height: 35px; line-height: 35px; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; } li.ui-timepicker-selected { background: var(--primary-bg-color); color: #fff; } .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: var(--primary-bg-color); color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration { color: #424e79; } .ui-timepicker-list li:hover .ui-timepicker-duration { color: #424e79; } .ui-timepicker-list li.ui-timepicker-disabled { color: #424e79; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover { color: #424e79; cursor: default; } .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #424e79; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f6f9; } .tree { margin: 0; padding: 0; list-style: none; } .tree ul { margin: 0; padding: 0; list-style: none; margin-left: 1em; position: relative; } .tree ul ul { margin-left: 0.5em; } .tree ul:before { content: ""; display: block; width: 0; position: absolute; top: 0; bottom: 0; left: -10px; border-left: 2px solid rgba(0, 0, 0, 0.1); } .tree li { margin: 0; padding: 0.5em 1em 0.2em 1em; line-height: 2em; color: #17171b; position: relative; border: 1px solid #eff0f6; margin: 10px 0; border-radius: 5px; line-height: 30px; } .tree li i { margin-right: 10px; font-weight: bold; color: var(--primary-bg-color); font-size: 16px; /* padding-top: 10px; */ line-height: 1; display: inline-block; } .tree ul li:before { content: ""; display: block; width: 10px; height: 0; border-top: 2px solid rgba(0, 0, 0, 0.1); margin-top: -1px; position: absolute; top: 22px; left: -10px; } .tree ul li:last-child:before { background: transparent; height: auto; top: 22px; bottom: 0; } .indicator { margin-right: 5px; color: #4b10a4; } .tree li a { text-decoration: none; color: #424e79; font-size: 15px; } .tree li button { text-decoration: none; color: #29273c; border: none; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; outline: 0; } .tree li button:active, .tree li button:focus { text-decoration: none; color: #29273c; border: none; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; outline: 0; } .tree li.branch { background: #f3f4f7; } .tree li.branch li { background: #fff; } .richText { position: relative; width: 100%; } .richText .richText-form { font-family: Calibri, Verdana, Helvetica, sans-serif; } .richText .richText-form label { display: block; padding: 10px 15px; } .richText .richText-form input[type=text], .richText .richText-form input[type=file], .richText .richText-form input[type=number] { padding: 10px 15px; border: #999999 solid 1px; min-width: 200px; width: 100%; } .richText .richText-form select { padding: 10px 15px; border: #999999 solid 1px; min-width: 200px; width: 100%; cursor: pointer; } .richText .richText-form button { margin: 10px 0; padding: 10px 15px; background-color: #3498db; border: none; color: #FAFAFA; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .richText .richText-toolbar { min-height: 20px; } .richText .richText-toolbar ul { margin-bottom: 0; } .richText .richText-toolbar ul li { float: left; display: block; list-style: none; } .richText .richText-toolbar ul li a { display: block; padding: 10px 15px; cursor: pointer; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s; } .richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg { pointer-events: none; } .richText .richText-toolbar ul li a .richText-dropdown-outer { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); cursor: default; } .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown { position: relative; display: block; margin: 3% auto 0 auto; background-color: #fff; border: #EFEFEF solid 1px; min-width: 100px; width: 300px; max-width: 90%; z-index: 1; -webkit-box-shadow: 0 0 5px 0 #333; -moz-box-shadow: 0 0 5px 0 #333; box-shadow: 0 0 5px 0 #333; } .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close { position: absolute; top: 0; right: -23px; background: #fff; color: #333; cursor: pointer; font-size: 20px; text-align: center; width: 20px; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown { list-style: none; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li { display: block; float: none; font-family: Calibri, Verdana, Helvetica, sans-serif; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a { display: block; padding: 10px 15px; border-bottom: #EFEFEF solid 1px; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover { background-color: #fff; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline { margin: 10px 6px; float: left; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a { display: block; padding: 0; margin: 0; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px 0 #999; -moz-box-shadow: 0 0 10px 0 #999; box-shadow: 0 0 10px 0 #999; } .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span { display: block; height: 30px; width: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown { padding: 10px 15px; } .richText .richText-toolbar ul li a:hover { background-color: #fff; } .richText .richText-toolbar ul li[data-disable=true] { opacity: 0.1; } .richText .richText-toolbar ul li[data-disable=true] a { cursor: default; } .richText .richText-toolbar ul li:not([data-disable=true]).is-selected .richText-dropdown-outer { display: block; } .richText .richText-toolbar ul:after { display: block; content: ""; clear: both; } .richText .richText-toolbar:last-child { font-size: 12px; } .richText .richText-toolbar:after { display: block; clear: both; content: ""; } .richText .richText-editor { padding: 20px; background-color: #fff; border-left: #fff solid 2px; font-family: Calibri, Verdana, Helvetica, sans-serif; height: 300px; outline: none; overflow-y: scroll; overflow-x: auto; } .richText .richText-editor ul, .richText .richText-editor ol { margin: 10px 25px; } .richText .richText-editor table { margin: 10px 0; border-spacing: 0; width: 100%; } .richText .richText-editor table td, .richText .richText-editor table th { padding: 10px; border: #EFEFEF solid 1px; } .richText .richText-editor:focus { border-left: #2d66f7 solid 5px; } .richText .richText-initial { margin-bottom: -4px; padding: 10px; background-color: #282828; border: none; color: #33FF33; font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif; max-width: 100%; min-width: 100%; width: 100%; min-height: 400px; height: 400px; } .richText .richText-help { float: right; display: block; padding: 10px 15px; cursor: pointer; } .richText .richText-undo, .richText .richText-redo { float: left; display: block; padding: 10px 15px; border-right: #f6f6f6 solid 1px; cursor: pointer; } .richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled { opacity: 0.4; } .richText .richText-help-popup a { color: #3498db; text-decoration: underline; } .richText .richText-help-popup hr { margin: 10px auto 5px auto; border: none; border-top: #EFEFEF solid 1px; } .richText .richText-list.list-rightclick { position: absolute; background-color: #FAFAFA; border-right: #EFEFEF solid 1px; border-bottom: #EFEFEF solid 1px; } .richText .richText-list.list-rightclick li { padding: 5px 7px; cursor: pointer; list-style: none; } /*# sourceMappingURL=plugin.css.map */
Simpan