@viewport{width:extend-to-zoom;zoom:1}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(https://canadianfreelanceguild.ca/themes/ee/asset/fonts/fontawesome-webfont.eot),url(https://canadianfreelanceguild.ca/themes/ee/asset/fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),url(https://canadianfreelanceguild.ca/themes/ee/asset/fonts/fontawesome-webfont.woff2) format('woff2'),url(https://canadianfreelanceguild.ca/themes/ee/asset/fonts/fontawesome-webfont.woff) format('woff'),url(https://canadianfreelanceguild.ca/themes/ee/asset/fonts/fontawesome-webfont.ttf) format('truetype'),url(https://canadianfreelanceguild.ca/themes/ee/asset/fonts/fontawesome-webfont.svg#fontawesome) format('svg')}.font-wk{-webkit-font-smoothing:antialiased} :root, body { --ee-panel-bg: #fff; --ee-panel-border: #dfe0ef; --ee-input-border: #cbcbda; --ee-text-normal: #0d0d19; --ee-main-bg: #f7f7fb; --ee-link: #5D63F1; --ee-link-hover: #171feb; --ee-text-placeholder: #adaec5; --ee-button-primary-color: #ffffff; --ee-button-primary-bg: #5D63F1; --ee-button-default-border: #cbcbda; --ee-input-toggle-bg: #cbcbda; --ee-slider-value-bg: #eaebfd; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; } .ee-cform fieldset, .ee-cform h2, .ee-cform h3, .ee-cform h4, .ee-cform input, .ee-cform label, .ee-cform ol, .ee-cform p, .ee-cform select, .ee-cform td, .ee-cform textarea, .ee-cform th, .ee-cform ul { color: #000; } .ee-cform h2, .ee-cform h3, .ee-cform h4, .ee-cform input, .ee-cform label, .ee-cform ol, .ee-cform p, .ee-cform select, .ee-cform textarea, .ee-cform ul { margin: 0; padding: 0; } .ee-cform a, .ee-cform b, .ee-cform code, .ee-cform dd, .ee-cform dl, .ee-cform dt, .ee-cform h1, .ee-cform h2, .ee-cform h3, .ee-cform h4, .ee-cform h5, .ee-cform h6, .ee-cform i, .ee-cform input[type=file], .ee-cform li, .ee-cform mark, .ee-cform ol, .ee-cform p, .ee-cform pre, .ee-cform ul { background-color: transparent; border: 0; bottom: auto; color: #000; /* font: normal normal 14px Helvetica,Arial,Sans-Serif;*/ left: auto; margin: 0; padding: 0; /* position: relative;*/ /* right: auto; top: auto;*/ } .ee-cform em, .ee-cform h3 { /* font-family: Helvetica, Arial, Sans-Serif;*/ font-size: 16px; font-weight: 700; margin: 0; } .ee-cform em { font-weight: 400; /* display: block;*/ margin-bottom: 20px; } .ee-cform fieldset { border: solid gray; border-width: 0 0 1px; margin: 0; padding: 20px; background-image: -moz-linear-gradient(transparent, transparent); background-image: -webkit-linear-gradient(transparent, transparent); background-image: linear-gradient(to right, transparent, transparent); } .ee-cform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=color]), .ee-cform select[multiple=multiple], .ee-cform textarea { background-color: #fff; border: 1px solid; border-color: #b3b3b3 #cdcdcd #cdcdcd #b3b3b3; font-size: 16px; padding: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset; } .ee-cform input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus, .ee-cform select[multiple=multiple]:focus, .ee-cform textarea:focus { border-color: #89c6ec; outline: 0; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 3px 0 rgba(32, 226, 255, .5); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 3px 0 rgba(32, 226, 255, .5); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 3px 0 rgba(32, 226, 255, .5); } .ee-cform textarea { min-height: 100px; } .ee-cform table { border: 1px solid gray; border-spacing: 0; padding: 0; width: 100%} .ee-cform table td, .ee-cform table th { /* font-size: 14px;*/ padding: 5px 10px; vertical-align: top; } .ee-cform table th { background-color: #f1f1f1; border: solid #b5b5b5; border-width: 0 1px 1px 0; color: #000; font-weight: 400; padding-bottom: 10px; text-align: left; } .ee-cform table th:last-child { border-right: 0; } .ee-cform table th.grid-remove { width: 1%} .ee-cform table td { border: solid gray; border-width: 0 1px 1px 0; } .ee-cform table td:last-child { border-right: 0; } .ee-cform table tr:last-child td { border-bottom: 0; } .ee-cform table tr.no-results td { padding: 20px; } .ee-cform .ico, .ee-cform button { display: inline-block; position: relative; } .ee-cform ico.reorder, .ee-cform button span i { background-image: none; font-family: FontAwesome; font-weight: 400; } .ee-cform .ico.reorder, .ee-cform .button.cursor-move { cursor: move; } .ee-cform .ico.reorder:before, .ee-cform .button.cursor-move span i:before { content: '\f0c9'; font-size: 12px; } .ee-cform .button span i.fa-trash-alt:before { content: '\f1f8'; font-size: 12px; } .ee-cform .choice { background-color: #f9f9f9; border: 1px solid #b5b5b5; display: inline-block; font-size: 13px; font-weight: 700; padding: 10px; white-space: nowrap; } .ee-cform .choice.block { display: block; margin-bottom: 5px; } .ee-cform .choice.block:last-child { margin-bottom: 0; } .ee-cform .choice.chosen { background-color: #fff8da; border-color: #dab200; } .ee-cform .choice input[type=checkbox], .ee-cform .choice input[type=radio] { margin-right: 5px; } .ee-cform .radios { margin-bottom: 10px; } .ee-cform .grid-publish { border-bottom: 1px solid gray; margin-bottom: 10px; min-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ee-cform .grid-publish .tbl-wrap { margin-bottom: 10px; } .ee-cform .grid-instruct { color: gray; font-size: 12px; font-style: normal; margin-bottom: 0; margin-top: 5px; } .ee-cform .grid-checks, .ee-cform .grid-date .radios, .ee-cform .grid-multi, .ee-cform .grid-radios { white-space: nowrap; } .ee-cform .grid-file { width: 200px; } .ee-cform .grid-multi { min-width: 250px; } .ee-cform .grid-multi .choice { padding-right: 20px; } .ee-cform .grid-relate-single { min-width: 350px; } .ee-cform .grid-relate { min-width: 650px; } .ee-cform .grid-input, .ee-cform .grid-textarea { min-width: 300px; } .ee-cform .grid-rte { min-width: 400px; } .ee-cform label.choice.relate-manage { background-color: #e5f7bf; border-color: #b7e94e; color: #577d3b; padding: 9px; } .ee-cform label.choice.relate-manage a { text-decoration: none; margin-right: 5px; } .ee-cform label.choice.relate-manage a:before { color: #577d3b; content: '\f00c'; font-family: FontAwesome; line-height: .9; position: relative; top: 2px; } .ee-cform label.choice.relate-manage a:hover:before { color: #bc4848; content: '\f1f8'; font-family: FontAwesome; line-height: .9; position: relative; top: 2px; } .ee-cform .relate-reorder { background: #d3f192; border-right: 1px solid #b7e94e; cursor: move; display: block; float: left; margin: -9px 10px 0 -9px; padding: 8px 10px 9px; } .ee-cform .relate-reorder:before { color: #577d3b; content: '\f0c9'; font-family: FontAwesome; font-size: 16px; } .ee-cform .relate-wrap { background-color: #fff; border: 1px solid #b5b5b5; padding-bottom: 5px; } .ee-cform .relate-wrap h4 { background-color: #f1f1f1; border-bottom: 1px solid #b5b5b5; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: 400; margin: 0; padding: 10px; } .ee-cform .relate-wrap.last { border-width: 0 1px 1px; } .ee-cform .relate-wrap .scroll-wrap { height: 200px; padding: 0 5px; } .ee-cform .relate-wrap.single { padding-bottom: 0; } .ee-cform .relate-actions { border-bottom: 1px solid #b5b5b5; margin-bottom: 5px; padding: 10px; } .ee-cform .relate-wrap-chosen { background-color: #f1f1f1; border-top: 1px solid #b5b5b5; margin-top: 5px; padding: 10px; } .ee-cform .has-sub:after { color: #b5b5b5; content: '\f078'; font-size: 10px; font-weight: 400; line-height: 0; margin-left: 5px; position: relative; top: -1px; font-family: FontAwesome; } .ee-cform .has-sub.open:after { content: '\f077'} .menu-wrap .develop .ee-cform .has-sub { padding-bottom: 4px; } .menu-wrap .develop .ee-cform .has-sub:before { content: '\f0ad'; font-weight: 400; line-height: 0; font-size: 15px; margin-left: 2px; position: relative; top: 0; font-family: FontAwesome; } .ee-cform .filters b { color: #b5b5b5; font-weight: 400; margin-right: 10px; position: relative; top: 5px; display: none; } .ee-cform .filters ul { list-style-type: none; margin: 0; } .ee-cform .filters ul:after { clear: both; content: '.'; font-size: 0; visibility: hidden; display: block; } .ee-cform .filters li { float: none; margin-bottom: 5px; position: relative; } .ee-cform .filters li:last-child { margin-bottom: 10px; } .ee-cform .filters li:after { clear: both; content: '.'; font-size: 0; visibility: hidden; display: block; } .ee-cform .filters a { background-color: #fff; border: 1px solid #e4e4e4; color: #1f80bd; font-size: 12px; padding: 6px 5px 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; } .ee-cform .filters a.act, .ee-cform .filters a.open, .ee-cform .filters a:hover { background-color: #f9f9f9; border: 1px solid #c2c2c2; color: #25394b; } .ee-cform .filters a.act .sub-arrow, .ee-cform .filters a.open .sub-arrow, .ee-cform .filters a:hover .sub-arrow { color: #b5b5b5; background-position: -34px -4px; } .ee-cform .filters a.act .faded, .ee-cform .filters a.open .faded, .ee-cform .filters a:hover .faded { color: #00a1e8; } .ee-cform .filters a.open { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ee-cform .filters a.open .sub-arrow { background-position: -34px -8px; top: -2px; } .ee-cform .filters a.add { color: #7baf55; } .ee-cform .filters a.add:before { content: '\f067'; font-size: 10px; font-weight: 400; line-height: 1; margin-right: 5px; position: relative; font-family: FontAwesome; } .ee-cform .filters a.remove { color: #bc4848; } .ee-cform .filters .sub-menu { background-color: #fff; border: 1px solid #b5b5b5; left: 0; min-width: 150px; position: absolute; top: 32px; z-index: 2; display: none; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); } .ee-cform .filters .sub-menu ul { max-height: 250px; overflow-y: auto; } .ee-cform .filters .sub-menu ul::-webkit-scrollbar { background-color: #f1f1f1; width: 12px; } .ee-cform .filters .sub-menu ul::-webkit-scrollbar-thumb { background-color: #cfcfcf; border: 3px solid #f1f1f1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .ee-cform .filters .sub-menu ul a { text-overflow: ellipsis; overflow-x: hidden; } .ee-cform .filters .sub-menu li { float: none; margin: 0; white-space: nowrap; } .ee-cform .filters .sub-menu a { border-color: #f1f1f1; border-style: solid; border-width: 0 0 1px; font-size: 11px; font-weight: 400; padding: 10px; text-transform: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .ee-cform .filters .sub-menu a:hover { background-color: #f9f9f9; color: #000; } .ee-cform .filters .sub-menu li:last-child a { border-bottom: 0; } .ee-cform .filters .filter-search { background-color: #f1f1f1; border-bottom: 1px solid #c2c2c2; padding: 5px; } .ee-cform .filters .filter-search-form input[type=text] { padding: 5px; } .ee-cform .filters .filter-clear a { border-color: #f1f1f1; color: gray; } .ee-cform .filters .filter-clear a:before { content: '\f146'; font-size: 12px; line-height: 1; margin-right: 5px; position: relative; top: 0; font-family: FontAwesome; } .ee-cform .filters .filter-clear a:hover { background-color: #ffebeb; border-color: #ffd1d1; color: #bc4848; } .ee-cform .filters.auto-save>ul { margin-top: 10px; } .ee-cform .filters.auto-save li { margin-bottom: 0; } .ee-cform .filters.auto-save .sub-menu { z-index: 10; } .btn-right .ee-cform .filters { position: absolute; right: 7px; top: 7px; } .btn-right .ee-cform .filters .sub-menu { left: auto; right: 0; } .tbl-search .ee-cform .filters input[type=text], .tbl-search .ee-cform .filters li { margin-bottom: 0; } .tbl-search .ee-cform .filters .sub-menu { left: auto; right: 0; } .no-results .ee-cform .filters { position: absolute; right: 10px; top: 10px; } .no-results .ee-cform .filters li { margin-bottom: 0; } .no-results .ee-cform .filters .has-sub { background-color: #f9f9f9; } .no-results .ee-cform .filters .sub-menu { left: auto; right: 0; } @media screen and (min-width:750px) { .ee-cform .filters b, .ee-cform .filters li { float: left; display: inline; } .ee-cform .filters li { margin-bottom: 10px; margin-right: 5px; } .ee-cform .filters li:last-child { margin-right: 0; } .ee-cform .filters b { display: block; } .tbl-search .ee-cform .filters li:last-child { margin-bottom: 0; margin-right: 0; } .tbl-search .ee-cform .filters .sub-menu { left: auto; right: 0; } }.ee-cform .filters input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]) { font-size: 12px; } .ee-cform .date-picker-clip-inner { width: 1000em; } .ee-cform .date-picker-clip { overflow-x: auto; } .ee-cform .date-picker-clip:after { clear: both; content: '.'; font-size: 0; visibility: hidden; display: block; } .ee-cform .date-picker-heading { margin-bottom: 10px; } .ee-cform .date-picker-item { margin-right: 10px; position: relative; width: 250px; float: left; display: inline; } .ee-cform .date-picker-next, .ee-cform .date-picker-prev { font-size: 12px; position: absolute; top: 0; z-index: 10; } .ee-cform .date-picker-prev { left: 10px; } .ee-cform .date-picker-next { right: 10px; } .ee-cform .date-picker-wrap { background-color: #fff; border: 1px solid #b3b3b3; padding: 10px; position: absolute; width: 250px; z-index: 5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: none; -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); } .ee-cform .date-picker-wrap h3 { font-size: 14px; margin-bottom: 5px; text-align: center; } .ee-cform .date-picker-wrap table { margin-bottom: 0; } .ee-cform .date-picker-wrap table th { text-transform: uppercase; } .ee-cform .date-picker-wrap table tr:nth-child(2n) td { background-color: #fff; } .ee-cform .date-picker-wrap table tr:nth-child(2n) td.act { background-color: #1f80bd; font-weight: 700; } .ee-cform .date-picker-wrap table tr:nth-child(2n) td.act a { color: #fff; } .ee-cform .date-picker-wrap table tr:nth-child(2n) td.empty { background-color: #f3f3f3; } .ee-cform .date-picker-wrap table tr:hover td { background-color: #fff; } .ee-cform .date-picker-wrap table tr:hover td.act { background-color: #1f80bd; } .ee-cform .date-picker-wrap table tr:hover td.act a { color: #fff; } .ee-cform .date-picker-wrap table tr:hover td.act:hover { background-color: #1f80bd; } .ee-cform .date-picker-wrap table tr:hover td.empty { background-color: #f3f3f3; } .ee-cform .date-picker-wrap table tr:hover td.empty:hover { background-color: #f3f3f3; } .ee-cform .date-picker-wrap table tr:hover td:hover { background-color: #e8f8ff; } .ee-cform .date-picker-wrap table td, .ee-cform .date-picker-wrap table th { font-size: 11px; padding: 5px; text-align: center; } .ee-cform .date-picker-wrap table td { border-right: 1px solid #e6e6e6; } .ee-cform .date-picker-wrap table td:nth-child(7n) { border-right: 0; } .ee-cform .date-picker-wrap table td.act { background-color: #1f80bd; font-weight: 700; } .ee-cform .date-picker-wrap table td.act a { color: #fff; } .ee-cform .date-picker-wrap table td.empty { background-color: #f3f3f3; } .ee-cform .scroll-wrap { max-height: 200px; overflow-y: auto; } .setting-field .ee-cform .scroll-wrap { margin-bottom: 10px; } .setting-field .ee-cform .scroll-wrap .choice.block:last-child { margin-bottom: 0; } .sub-menu .ee-cform .scroll-wrap { padding-right: 1px; } .sub-menu .ee-cform .scroll-wrap::-webkit-scrollbar { width: 5px; } .ee-cform .scroll-wrap { padding-right: 5px; } .ee-cform .no-results { background-color: #fffcee; background-size: 15px 15px; border: 1px solid #ffd30e; color: #745f00; margin: 10px 0; padding: 15px 10px; position: relative; text-align: center; } .ee-cform .no-results p { margin: 0 0 10px; } .ee-cform .no-results p:last-child { margin-bottom: 0; } .setting-field .ee-cform .no-results { margin-top: 0; } .grid-publish .ee-cform .no-results { text-align: left; } .tbl-list .ee-cform .no-results { margin-top: 0; } .tbl-list .ee-cform .no-results .none { padding: 10px; } .tbl-list li>.tbl-row.ee-cform .no-results { background-color: #fffcee; border: 1px solid #ffd30e; } .relate-wrap.empty .ee-cform .no-results { margin-bottom: 0; } .empty .relate-wrap-chosen .ee-cform .no-results { font-weight: 400; padding: 10px; } .sidebar .folder-list li.ee-cform .no-results { border-width: 0; margin: 0; padding: 15px 10px 18px; } .sidebar .folder-list li.ee-cform .no-results a:before { content: ''; padding-right: 0; } table.ee-cform .no-results td, table.ee-cform .no-results:hover td { background-color: transparent; font-weight: 400; } table.ee-cform .no-results.empty { margin-top: 0; } tbody tr.ee-cform .no-results td { padding: 20px; } tbody tr.ee-cform .no-results td:first-child { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .ee-cform .toolbar { background-color: #f9f9f9; border: 1px solid #cfcfcf; list-style-type: none; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; } .ee-cform .toolbar li { border: solid #cfcfcf; border-width: 0 1px 0 0; float: left; display: inline; } .ee-cform .toolbar li a, .ee-cform .toolbar li span { padding: 5px 10px; text-align: center; text-decoration: none; display: block; } .ee-cform .toolbar li a:after, .ee-cform .toolbar li a:before, .ee-cform .toolbar li span:after, .ee-cform .toolbar li span:before { font-family: FontAwesome; font-weight: 400; -webkit-font-smoothing: antialiased; } .ee-cform .toolbar li a:hover, .ee-cform .toolbar li span:hover { background-color: #fff; } .ee-cform .toolbar li:first-child a:hover { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .ee-cform .toolbar li.last, .ee-cform .toolbar li:last-child { border-right: 0; } .ee-cform .toolbar li.last a:hover, .ee-cform .toolbar li:last-child a:hover { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .ee-cform .toolbar li:only-of-type { border-right: 0; } .ee-cform .toolbar li:only-of-type a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ee-cform .toolbar li.edit a:before { content: '\f040'} .ee-cform .toolbar li.view a:before { content: '\f06e'} .ee-cform .toolbar li.sync a:before { content: '\f021'} .ee-cform .toolbar li.settings a:before { content: '\f013'} .ee-cform .toolbar li.layout a, .ee-cform .toolbar li.move a, .ee-cform .toolbar li.reorder a { cursor: move; } .ee-cform .toolbar li.layout a:before, .ee-cform .toolbar li.move a:before, .ee-cform .toolbar li.reorder a:before { content: '\f0c9'} .ee-cform .toolbar li.install a:before { color: #7baf55; content: '\f019'} .ee-cform .toolbar li.uninstall a:before { color: #bc4848; content: '\f093'} .ee-cform .toolbar li.approve a:before { color: #7baf55; content: '\f00c'} .ee-cform .toolbar li.add a:before { color: #7baf55; content: '\f067'} .ee-cform .toolbar li.download a:before { content: '\f0ed'} .ee-cform .toolbar li.crop a:before { content: '\f125'} .ee-cform .toolbar li.find a:before { content: '\f002'} .ee-cform .toolbar li.copy a:before { content: '\f24d'} .ee-cform .toolbar li.back a:before { content: '\f060'} .ee-cform .toolbar li.next a:before { content: '\f061'} .ee-cform .toolbar li.remove a:before { color: #bc4848; content: '\f1f8'} .ee-cform .toolbar li.writemode a:before { content: '\f044'} .ee-cform .toolbar li.upload a:before { content: '\f0ee'} .ee-cform .toolbar li.glossary a:before, .ee-cform .toolbar li.manual a:before { content: '\f02d'} .ee-cform .toolbar li.emoji a:before { content: '\f118'} .ee-cform .toolbar li.hide a:before { color: #7baf55; content: '\f06e'} .ee-cform .toolbar li.unhide a:before { color: #bc4848; content: '\f070'} .ee-cform .toolbar li.store a:before { content: '\f07a'} .ee-cform .toolbar li.mods a:before { content: '\f0c0'} .ee-cform .toolbar li.admin a:before { color: #c90; content: '\f0c0'} .ee-cform .toolbar li.html-bold a:before, .ee-cform .toolbar li.rte-bold a:before { content: '\f032'} .ee-cform .toolbar li.html-italic a:before, .ee-cform .toolbar li.rte-italic a:before { content: '\f033'} .ee-cform .toolbar li.html-list a:before, .ee-cform .toolbar li.rte-list a:before { content: '\f0ca'} .ee-cform .toolbar li.html-order-list a:before, .ee-cform .toolbar li.rte-order-list a:before { content: '\f0cb'} .ee-cform .toolbar li.html-link a:before, .ee-cform .toolbar li.rte-link a:before { content: '\f0c1'} .ee-cform .toolbar li.html-ins a:before, .ee-cform .toolbar li.html-underline a:before, .ee-cform .toolbar li.rte-underline a:before { content: '\f0cd'} .ee-cform .toolbar li.html-upload a:before, .ee-cform .toolbar li.rte-upload a:before { content: '\f0ee'} .ee-cform .toolbar li.html-quote a:before, .ee-cform .toolbar li.rte-quote a:before { content: '\f10e'} .ee-cform .toolbar li.rte-view { border-width: 0 0 0 1px; float: right; display: inline; } .ee-cform .toolbar li.rte-view a:before { content: '\f121'} .ee-cform .toolbar li.form-element, .ee-cform .toolbar li.html-elements, .ee-cform .toolbar li.rte-elements { padding: 4px 5px; } .ee-cform .toolbar li.form-element select, .ee-cform .toolbar li.html-elements select, .ee-cform .toolbar li.rte-elements select { margin: 0; position: relative; top: 0; } .ee-cform .toolbar li.html-del a:before, .ee-cform .toolbar li.html-strike a:before { content: '\f0cc'} .ee-cform .toolbar li.html-ins a:before { color: #7baf55; } .ee-cform .toolbar li.html-del a:before { color: #bc4848; } .ee-cform .toolbar li.align-left a:before { content: '\f060'} .ee-cform .toolbar li.align-txt-left a:after { content: '\f060'; margin-left: 5px; } .ee-cform .toolbar li.align-right a:before { content: '\f061'} .ee-cform .toolbar li.align-txt-right a:before { content: '\f061'; margin-right: 5px; } .ee-cform .toolbar li.align-center a:before { content: '\f03e'} .ee-cform .toolbar li.pl a { border-width: 1px; } .ee-cform .toolbar:after { clear: both; content: '.'; font-size: 0; visibility: hidden; display: block; } .ee-cform .toolbar.rte { background-color: #e8e8e8; border: 1px solid #b5b5b5; padding: 5px; position: relative; z-index: 2; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: block; -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03), 0 2px 0 0 rgba(255, 255, 255, .7) inset; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03), 0 2px 0 0 rgba(255, 255, 255, .7) inset; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03), 0 2px 0 0 rgba(255, 255, 255, .7) inset; } .ee-cform .toolbar.rte li:last-child a:hover { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .ee-cform .toolbar.html-btns { margin-bottom: 5px; padding: 5px; display: block; } .ee-cform .toolbar.grid-nav { display: none; } .ee-cform .toolbar.disabled { position: relative; } .ee-cform .toolbar.disabled li:not(.rte-view) { opacity: .5; } .ee-cform .toolbar.disabled:before { bottom: 0; content: ''; left: 0; opacity: .5; position: absolute; right: 40px; top: 0; z-index: 4; } .format-options .ee-cform .toolbar { margin-bottom: 10px; } h1 .ee-cform .toolbar { margin-right: 10px; float: left; display: inline; } h1 .ee-cform .toolbar li a { font-size: 13px; padding: 3px 10px; } .item .ee-cform .toolbar { position: absolute; right: 5px; top: 5px; } .item .ee-cform .toolbar li a { font-size: 13px; padding: 3px 10px; } .field .file-chosen .ee-cform .toolbar, .setting-field .file-chosen .ee-cform .toolbar { border-color: gray; bottom: 8px; left: 5px; position: absolute; } .field .no-image .ee-cform .toolbar, .setting-field .no-image .ee-cform .toolbar { border-color: #cfcfcf; bottom: auto; left: auto; position: relative; } .rte-img-chosen .ee-cform .toolbar { border-color: gray; left: 0; margin: 0 auto; padding: 0; position: absolute; right: 0; top: 10px; width: 276px; } .layout-tools .ee-cform .toolbar, .tbl-wrap+.ee-cform .toolbar { margin-bottom: 10px; } .choice.block .ee-cform .toolbar { position: absolute; right: 3px; top: 3px; } .light .ee-cform .toolbar li a { padding: 1px 5px; } .sidebar .folder-list .ee-cform .toolbar { position: absolute; right: 6px; top: 6px; } .sidebar .folder-list .ee-cform .toolbar li { border-width: 0 1px 0 0; padding: 0; } .sidebar .folder-list .ee-cform .toolbar li a { padding: 3px 8px 4px; } .sidebar .folder-list .ee-cform .toolbar li a:before { padding: 0; } .sidebar .folder-list .ee-cform .toolbar li:before { content: ''; padding: 0; } .sidebar .folder-list .ee-cform .toolbar li.edit a:before { color: #1f80bd; content: '\f040'} .sidebar .folder-list .ee-cform .toolbar li.settings a:before { color: #1f80bd; content: '\f013'} .sidebar .folder-list .ee-cform .toolbar li a:hover:before { color: #000; } .sidebar .folder-list .ee-cform .toolbar li.remove a:before { color: #bc4848; content: '\f1f8'} @-moz-document url-prefix() { .toolbar li a, .toolbar li span { padding: 7px 10px 4px; } .toolbar li.html-txt-only a, .toolbar li.html-txt-only span, .toolbar li.txt-only a, .toolbar li.txt-only span { padding-top: 8px; } h1 .toolbar { position: relative; top: -1px; } h1 .toolbar li a { padding: 3px 10px 2px; } .sidebar .folder-list .toolbar li a { padding: 5px 8px 3px; } }@media screen and (min-width:750px) { .ee-cform .toolbar.rte li: first-child a:hover { -moz-border-radius: 5px 0 0; -webkit-border-radius: 5px 0 0; border-radius: 5px 0 0; } .ee-cform .toolbar.rte li:last-child a:hover { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .ee-cform .toolbar.grid-nav { display: block; } .ee-cform .toolbar.grid-nav a { padding: 3px 8px; } .grid-tools .ee-cform .toolbar li a { padding: 3px 8px; } }.ee-cform .toolbar { padding: 0; } .ee-cform .toolbar a { color: #1f80bd; } .ee-cform .toolbar a:hover { color: #000; } .ee-cform .WysiHat-container .toolbar { margin-bottom: -1px; } .ee-cform .WysiHat-field { margin: 0 0 10px; padding: 15px 10px 0; } .ee-cform .WysiHat-editor { background-color: #fff; border: 1px solid; border-color: #b3b3b3 #cdcdcd #cdcdcd #b3b3b3; margin: 0 0 10px; max-height: 2000px; min-height: 50px; padding: 15px 10px 0; resize: vertical; overflow: auto; width: 100%; white-space: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset; } .ee-cform .WysiHat-editor:focus { border-color: #89c6ec; outline: 0; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 3px 0 rgba(32, 226, 255, .5); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 3px 0 rgba(32, 226, 255, .5); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 3px 0 rgba(32, 226, 255, .5); } .ee-cform .WysiHat-editor div, .ee-cform .WysiHat-editor dl, .ee-cform .WysiHat-editor h1, .ee-cform .WysiHat-editor h2, .ee-cform .WysiHat-editor h3, .ee-cform .WysiHat-editor h4, .ee-cform .WysiHat-editor h5, .ee-cform .WysiHat-editor h6, .ee-cform .WysiHat-editor ol, .ee-cform .WysiHat-editor p, .ee-cform .WysiHat-editor ul { color: #000; margin: 0 0 10px; } .ee-cform .WysiHat-editor h1, .ee-cform .WysiHat-editor h2, .ee-cform .WysiHat-editor h3, .ee-cform .WysiHat-editor h4, .ee-cform .WysiHat-editor h5, .ee-cform .WysiHat-editor h6 { font-weight: 700; } .ee-cform .WysiHat-editor h1 { border: 0; font-size: 24px; padding: 0; background-image: -moz-linear-gradient(transparent, transparent); background-image: -webkit-linear-gradient(transparent, transparent); background-image: linear-gradient(to right, transparent, transparent); -moz-box-shadow: 0 0 transparent; -webkit-box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; } .ee-cform .WysiHat-editor h2 { background-color: transparent; border: 0; font-size: 22px; padding: 0; } .ee-cform .WysiHat-editor h3 { font-size: 20px; } .ee-cform .WysiHat-editor h4 { font-size: 18px; } .ee-cform .WysiHat-editor h5 { font-size: 16px; } .ee-cform .WysiHat-editor h6 { font-size: 14px; } .ee-cform .WysiHat-editor figcaption, .ee-cform .WysiHat-editor figure { display: block; } .ee-cform .WysiHat-editor figure { margin: 0 20px 10px; text-align: center; } .ee-cform .WysiHat-editor figure img { display: inline; } .ee-cform .WysiHat-editor figcaption { font-style: italic; } .ee-cform .WysiHat-editor blockquote { border-left: 5px solid #b5b5b5; margin-left: 20px; padding: 10px 0 10px 20px; } .ee-cform .WysiHat-editor blockquote p { font-family: Georgia, Serif; font-size: 18px; font-style: italic; } .ee-cform .WysiHat-editor blockquote cite { color: #b5b5b5; } .ee-cform .WysiHat-editor ol, .ee-cform .WysiHat-editor ul { list-style-position: inside; padding-left: 20px; } .ee-cform .WysiHat-editor ul { list-style-type: disc; } .ee-cform .WysiHat-editor ol { list-style-type: decimal; } .ee-cform .WysiHat-editor a { color: #1f80bd; cursor: pointer; } .ee-cform .file_set { color: #5f6c74; font-family: Helvetica, Arial, sans-serif; font-size: 12px; position: relative; } .ee-cform .filename { border: 1px solid #b6c0c2; position: relative; padding: 5px; text-align: center; float: left; margin: 0 0 5px; } .ee-cform .undo_remove { color: #5f6c74; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: underline; display: block; padding: 0; margin: 0 0 8px; } .ee-cform .filename img { display: block; } .ee-cform .filename p { padding: 0; margin: 4px 0 0; } .ee-cform .remove_file { color: #5f6c74; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: underline; display: block; padding: 0; margin: 0 0 8px; } .ee-cform .clear { clear: both; } @media screen and (min-width:750px) { .ee-cform .left, .ee-cform .right { display: inline; float: left; } .ee-cform .right { float: right; } .ee-cform .relate-wrap { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; } .ee-cform .relate-wrap.last { border-width: 1px 1px 1px 0; } .ee-cform .relate-wrap.single { width: 100%} .ee-cform .relate-actions input[class=relate-search]:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]) { font-size: 12px; padding: 6px 7px; width: 40%; display: inline; float: left; float: right; } .ee-cform .relate-actions .filters { display: inline; float: left; } .ee-cform .relate-actions .filters li:last-child { margin-bottom: 0; } .ee-cform .relate-actions:after:after { clear: both; content: '.'; font-size: 0; visibility: hidden; display: block; } .ee-cform .filters b, .ee-cform .filters li { display: inline; float: left; } .ee-cform .filters li { margin-bottom: 10px; margin-right: 5px; } .ee-cform .filters li:last-child { margin-right: 0; } .ee-cform .filters b { display: block; } .tbl-search .ee-cform .filters .sub-menu { left: auto; right: 0; } }.hidden { display: none; } .modal-wrap { left: 0; max-width: 940px; margin: 0 auto; padding: 0 10px; position: absolute; right: 0; top: 40px; z-index: 101; display: none; } .modal-wrap .modal { margin-bottom: 40px; padding: 45px 10px 10px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modal-wrap .m-close:before { content: "\f00d"; font-size: 24px; line-height: 1; font-family: FontAwesome; } .modal-wrap .m-close:hover { color: #e0251c; } .modal-wrap .box { background-color: #fff; border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modal-wrap .box .col { margin-bottom: 0; } .modal-wrap .box.full { background-color: transparent; border: 0; -moz-box-shadow: 0 0 transparent; -webkit-box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; } .modal-wrap .box.full .tbl-ctrls { padding: 0; } .modal-wrap .box.full .tbl-ctrls h1 { background-image: -moz-linear-gradient(transparent, transparent); background-image: -webkit-linear-gradient(transparent, transparent); background-image: linear-gradient(to right, transparent, transparent); } .modal-wrap .box.move:hover { border-color: #009ae1; } .box:after { clear: both; content: '.'; display: block; font-size: 0; height: 0; visibility: hidden; } .modal-wrap h1 { border-bottom: 1px solid #ccc; margin: 0; color: #333; font-size: 18px; font-weight: 400; padding: 10px; position: relative; background-image: -moz-linear-gradient(top, #fff, #f9f9f9); background-image: -webkit-linear-gradient(top, #fff, #f9f9f9); } .modal-wrap fieldset.col-group { border: 0; border-bottom: 1px solid #eee; margin-bottom: 10px; } .modal-wrap fieldset.col-group.last { border: 0; margin-bottom: 0; } .modal-wrap fieldset.col-group.last .choice, .modal-wrap fieldset.col-group.last input[type=password], .modal-wrap fieldset.col-group.last input[type=text], .modal-wrap fieldset.col-group.last select, .modal-wrap fieldset.col-group.last textarea { margin-bottom: 0; } .modal-wrap fieldset.col-group.last .block { margin-bottom: 10px; } .modal-wrap fieldset.col-group.last .setting-note { margin-bottom: 0; } .modal-wrap fieldset.col-group.last .setting-note .choice, .modal-wrap fieldset.col-group.last .setting-note input[type=password], .modal-wrap fieldset.col-group.last .setting-note input[type=text], .modal-wrap fieldset.col-group.last .setting-note select, .modal-wrap fieldset.col-group.last .setting-note textarea { margin-bottom: 10px; } @media screen and (min-width:750px) { .modal-wrap fieldset.col-group.last .setting-note { margin-bottom: 10px; } }.modal-wrap fieldset.col-group.last label+input[type=text] { margin-bottom: 10px; } .modal-wrap fieldset.col-group.last .quick-create input[type=text] { margin-bottom: 10px; } @media screen and (min-width:750px) { .modal-wrap fieldset.col-group.last .choice, .modal-wrap fieldset.col-group.last .choice.block, .modal-wrap fieldset.col-group.last input[type=email], .modal-wrap fieldset.col-group.last input[type=file], .modal-wrap fieldset.col-group.last input[type=number], .modal-wrap fieldset.col-group.last input[type=password], .modal-wrap fieldset.col-group.last input[type=text], .modal-wrap fieldset.col-group.last input[type=url], .modal-wrap fieldset.col-group.last select, .modal-wrap fieldset.col-group.last textarea { margin-bottom: 10px; } .modal-wrap fieldset.col-group.last td .choice { margin-bottom: 0; } }.modal-wrap fieldset.col-group .choice select { margin: 3px; } @media screen and (min-width:750px) { .modal-wrap fieldset.col-group .choice select { margin: 3px; } }@media screen and (min-width:750px) { .modal-wrap fieldset.col-group .grid-input-form input[type=text] { margin-bottom: 0; } }.modal-wrap fieldset.form-ctrls, .modal-wrap fieldset.form-ctrls-right { border-width: 0; padding: 10px; text-align: center; } .modal-wrap input[type=submit].btn { line-height: normal; padding: 5px 8px 6px; background-color: #01bf75; border: 1px solid #01bf75; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; padding: 6px 8px; text-decoration: none; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .3) inset, 0 1px 4px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .3) inset, 0 1px 4px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 0 0 rgba(255, 255, 255, .3) inset, 0 1px 4px 0 rgba(0, 0, 0, .1); } .modal-wrap .box .col { margin-bottom: 0; } @media screen and (min-width:750px) { .modal-wrap .box .col { padding: 0; } }.modal-wrap .col.last { margin-bottom: 0; } @media screen and (min-width:750px) { .modal-wrap .w-16 { width: 100%} .modal-wrap .w-8 { width: 50%} }@media screen and (min-width:750px) { .modal-wrap .col { float: left; margin-bottom: 0; padding: 0 10px; } }.modal-wrap .col { margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modal-wrap .required .setting-txt h3:after { color: #f60; content: "\f069"; font-size: 11px; font-weight: 100; margin-left: 5px; font-family: FontAwesome; } .modal-wrap .req-title:after { color: #f60; content: "\f069"; font-family: FontAwesome; font-size: 12px; margin-left: 5px; } @media screen and (min-width:750px) { .modal-wrap .req-title { position: absolute; right: 10px; top: 3px; } }.modal-wrap .req-title { display: block; font-size: 14px; font-weight: 400; line-height: 1; margin-top: 10px; } @media screen and (min-width:750px) { .modal-wrap .setting-txt h3, .setting-txt label { padding-right: 5px; } }.modal-wrap .setting-txt h3, .setting-txt label { font-size: 14px; font-weight: 700; margin-bottom: 5px; } .re-icon-filebrowser{content:url('data:image/svg+xml;utf8,');opacity:.75} .rte-toolbar #tb-label table { margin: -4px auto 0; } .rte-toolbar #tb-label table td { border: none!important; padding: 0 0 0 90px; height: 77px; white-space: nowrap; background: no-repeat 0 50%} .rte-toolbar .cke { visibility: visible; } .rte-toolbar .cke_chrome *, .rte-toolbar .cke_chrome a:active, .rte-toolbar .cke_chrome a:hover, .rte-toolbar .cke_chrome a:link, .rte-toolbar .cke_chrome a:visited { white-space: normal; } .rte-toolbar .cke_top { border-bottom: none; overflow: visible; } .rte-toolbar .cke_top:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .rte-toolbar .cke_toolbox { min-height: 33px; } .rte-toolbar .cke_toolbox { position: relative; z-index: 1; display: flex; flex-wrap: wrap; } .rte-toolbar .cke_chrome .cke_button:active, .rte-toolbar .cke_chrome .cke_button:focus, .rte-toolbar .cke_chrome .cke_button:hover { border-color: transparent!important; background-color: transparent; } .rte-toolbar .cke_chrome .cke_button:active.cke_off, .rte-toolbar .cke_chrome .cke_button:active.cke_on, .rte-toolbar .cke_chrome .cke_button:focus.cke_off, .rte-toolbar .cke_chrome .cke_button:focus.cke_on, .rte-toolbar .cke_chrome .cke_button:hover.cke_off, .rte-toolbar .cke_chrome .cke_button:hover.cke_on, .rte-toolbar .cke_chrome .cke_rcombo .cke_off a:active .cke_text, .rte-toolbar .cke_chrome .cke_rcombo .cke_off a:focus .cke_text, .rte-toolbar .cke_chrome .cke_rcombo .cke_off a:hover .cke_text, .rte-toolbar .cke_chrome .cke_rcombo .cke_on .cke_text { opacity: .7; } .rte-toolbar .cke_chrome .cke_rcombo a, .rte-toolbar .cke_chrome .cke_rcombo a *, .rte-toolbar .cke_chrome .cke_toolgroup, .rte-toolbar .cke_chrome .cke_toolgroup * { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; } .rte-toolbar .cke_chrome .cke_button a { margin: -2px 0; padding: 4px; } body.tb-dragging * { cursor: -webkit-grabbing!important; } .rte-toolbar #tb-selections { margin: 15px 5px 0; } .rte-toolbar #tb-selections .disabled .cke_button_icon { opacity: .2; } .cke_reset { margin: 0; padding: 0; border: 0; background: 0 0; text-decoration: none; width: auto; height: auto; vertical-align: baseline; box-sizing: content-box; position: static; transition: none; } .cke_inner { display: block; border-radius: 2px; -webkit-touch-callout: none; background: #fff; padding: 0; } .cke_chrome { visibility: inherit; } .cke_chrome { display: block; border: 1px solid #8195a0; border-radius: 3px; padding: 0; } .cke_top { border-bottom: 1px dotted #d5d5d5; padding-top: 5px; white-space: normal; } .cke_bottom, .cke_top { margin: 0 5px; } .cke_bottom, .cke_contents, .cke_top { display: block; overflow: hidden; } .cke_toolbar { float: left; margin: 0 5px 5px 0; padding-right: 5px; border-right: 1px dotted #d5d5d5; } .cke_toolgroup { float: left; } .cke_ltr .cke_button:first-child, .cke_rtl .cke_button:last-child { border-radius: 2px 0 0 2px; } a.cke_button { display: inline-block; height: 18px; padding: 4px; outline: 0; cursor: default; float: left; border: 0; } .cke_button_icon { cursor: inherit; background-repeat: no-repeat; margin-top: 1px; width: 16px; height: 16px; float: left; display: inline-block; opacity: .8; } .cke_button_label { display: none; padding-left: 3px; margin-top: 1px; line-height: 17px; vertical-align: middle; float: left; cursor: default; color: #474747; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } .cke_button_icon.cke_button__bold_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__italic_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__underline_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__strikethrough_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__subscript_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__superscript_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__code_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__blockquote_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__heading_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__removeformat_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__undo_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__redo_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__numberedlist_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__bulletedlist_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__outdent_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__indent_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__link_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__filemanager_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__inserttable_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__mediaembed_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__htmlembed_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__alignmentleft_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__alignmentright_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__alignmentcenter_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__alignmentjustify_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__horizontalline_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__specialcharacters_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__readmore_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__fontcolor_icon { background-image: url('data:image/svg+xml;utf8, '); } .cke_button_icon.cke_button__fontbackgroundcolor_icon { background-image: url('data:image/svg+xml;utf8, '); } .re-icon-rte_definedlinks { content: url('data:image/svg+xml;utf8, '); opacity: .75; } .re-icon-filebrowser { content: url('data:image/svg+xml;utf8, '); opacity: .75; } .re-icon-counter { content: url('data:image/svg+xml;utf8, '); opacity: .75; } .re-icon-pages { content: url('data:image/svg+xml;utf8, '); opacity: .75; } .redactor-toolbar a.redactor-button-active .re-icon-counter, .redactor-toolbar a.redactor-button-active .re-icon-filebrowser, .redactor-toolbar a.redactor-button-active .re-icon-pages, .redactor-toolbar a.redactor-button-active .re-icon-readmore, .redactor-toolbar a.redactor-button-active .re-icon-rte_definedlinks { opacity: .4; } div.Rte { margin-bottom: 10px; } textarea.cke_source { max-height: none; } iframe.Rte { border: 1px solid #bbb; width: 100%; background: #fff; opacity: .7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } iframe.Rte:hover { opacity: 1; } .ck-content ol li { list-style-position: inside; } .ck.ck-reset_all .ck-mentions .mention-extra { color: #666; } .ck.ck-editor__main>.ck-editor__editable { color: var(--ck-color-base-text); } .ck.ck-editor__main>.ck-editor__editable h2, .ck.ck-editor__main>.ck-editor__editable h3, .ck.ck-editor__main>.ck-editor__editable h4, .ck.ck-editor__main>.ck-editor__editable li, .ck.ck-editor__main>.ck-editor__editable ol, .ck.ck-editor__main>.ck-editor__editable p, .ck.ck-editor__main>.ck-editor__editable ul { color: revert; text-transform: revert; font-size: revert; border: none; letter-spacing: revert; margin: revert; padding: revert; } .ck.ck-editor__main>.ck-editor__editable table, .ck.ck-editor__main>.ck-editor__editable td { font-size: revert; color: revert; background: revert; } .ck-content hr { height: 0; } .ck.ck-editor { margin: 1.5em 0; } .ck.ck-content { padding: 1em; } .ck.ck-content>:first-child { margin-top: 0; } .ck.ck-content>:last-child { margin-bottom: 0; } .ck.ck-content code:after, .ck.ck-content code:before { content: ''!important; letter-spacing: 0!important; display: none!important; } .ck.ck-list { margin-left: 0; } .ck.ck-editor__main>.ck-editor__editable p img { display: initial; margin: initial; box-sizing: initial; } .ck.ck-editor__main>.ck-editor__editable .image img { margin: 0 auto; } .ck.ck-editor__main>.ck-editor__editable blockquote p:first-of-type { margin-bottom: 1.5rem; } .ck.ck-editor__main>.ck-editor__editable .ck.ck-content h2, .ck.ck-editor__main>.ck-editor__editable .ck.ck-content h3, .ck.ck-editor__main>.ck-editor__editable .ck.ck-content h4 { position: static; } .ck.ck-editor__main>.ck-editor__editable .ck-dropdown .ck.ck-list { margin: 0; padding: 0; } .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table table { margin: 0; display: table; } .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table td, .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table th { vertical-align: middle; } .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table p:first-child { padding-top: 0; } .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table ol:last-child, .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table p:last-child, .ck.ck-editor__main>.ck-editor__editable .ck.ck-content .table ul:last-child { margin-bottom: 0; } .redactor-box .redactor-toolbar { z-index: 2; } .re-icon-filebrowser { content: url('data:image/svg+xml;utf8, '); opacity: .75; } .re-icon-readmore { background-image: url('data:image/svg+xml;utf8, '); opacity: .75; } .redactor-toolbar a.redactor-button-active .re-icon-filebrowser { opacity: .4; } .field-control .redactor-in em { display: inline; margin-top: inherit; font-size: inherit; } .redactor-clips-list { list-style: none; margin: 0; padding: 0; } .redactor-clips-list li { display: inline-block; margin-right: 4px; margin-bottom: 4px; } .redactor-clips-list span { white-space: nowrap; background: rgba(0, 125, 255, .75); color: #fff; display: inline-block; padding: 3px 6px; line-height: 1; border-radius: 4px; cursor: pointer; } #redactor-handle-list { font-family: "Trebuchet MS", 'Helvetica Neue', Helvetica, Tahoma, sans-serif; display: none; position: absolute; z-index: 1053; background-color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .2); border-radius: 2px; width: 264px; max-height: 250px; margin: 0; overflow: auto; font-size: 14px; padding: 0; } #redactor-handle-list a { display: block; text-decoration: none; padding: 10px 8px; white-space: nowrap; color: #000; border-bottom: 1px solid rgba(0, 0, 0, .05); } #redactor-handle-list a.active, #redactor-handle-list a:hover { color: #fff!important; background-color: #449aef!important; } .redactor-dropdown-inline .redactor-dropdown-item-marked span { font-size: 14px; background-color: #fdb833; color: #000; text-decoration: none; } .redactor-dropdown-inline .redactor-dropdown-item-code span { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 13px; background: rgba(0, 0, 0, .05); } .redactor-dropdown-inline .redactor-dropdown-item-variable span { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 13px; color: rgba(0, 0, 0, .5); } .redactor-dropdown-inline .redactor-dropdown-item-shortcut span { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 12px; padding: .25em; white-space: nowrap; border: 1px solid #e5e7e9; } .redactor-dropdown-inline .redactor-dropdown-item-sub span, .redactor-dropdown-inline .redactor-dropdown-item-sup span { position: relative; font-size: 12px; } .redactor-dropdown-inline .redactor-dropdown-item-sup span { top: -3px; } .redactor-dropdown-inline .redactor-dropdown-item-sub span { top: 3px; } .redactor-in .readmore { position: relative; clear: both; padding: 5px 0; display: flex; align-items: center; justify-content: center; } .redactor-in .readmore::after { content: ''; position: absolute; border-bottom: 2px dashed #c4c4c4; width: 100%} .redactor-in .readmore__label { position: relative; z-index: 1; padding: .3em .6em; display: block; text-transform: uppercase; border: 1px solid #c4c4c4; border-radius: 2px; font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; font-size: .75em; font-weight: 700; color: #333; background: #fff; box-shadow: 2px 2px 1px rgba(0, 0, 0, .15); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ee-cform i { font-size: revert; font-style: italic; } .ee-cform .re-button i{font-style:normal} .ee-cform .redactor-in em{display: inline} .ee-cform .redactor-in a{font-size:revert} @media print{.redactor-in .readmore{padding:0}.redactor-in .readmore::after{display:none}} .ee-cform table .grid-field__column-label { display: none;} /* Selectable buttons */ .ee-cform .selectable_buttons { position: relative; display: inline-block; vertical-align: middle; } .ee-cform .selectable_buttons .button{ position: relative; float: left; } .ee-cform .selectable_buttons .button:hover, .ee-cform .selectable_buttons .button:focus, .ee-cform .selectable_buttons .button:active, .ee-cform .selectable_buttons .button.active{ z-index: 2; } .ee-cform .selectable_buttons { display: flex; flex-wrap:wrap; } .ee-cform .selectable_buttons .button + .button, .ee-cform .selectable_buttons .button + .button-group, .ee-cform .selectable_buttons .selectable_buttons + .button, .ee-cform .selectable_buttons .selectable_buttons + .selectable_buttons { margin-left: 1px; } .ee-cform .selectable_buttons .button.button--default + .button.button--default, .ee-cform .selectable_buttons .button.button--default + .button-group, .ee-cform .selectable_buttons .selectable_buttons + .button.button--default, .ee-cform .selectable_buttons .selectable_buttons + .selectable_buttons { margin-left: -1px; } .ee-cform .selectable_buttons > .button:not(:first-of-type):not(:last-of-type):not(.dropdown-toggle) { border-radius: 0; } .ee-cform .selectable_buttons > .button:first-of-type { margin-left: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .ee-cform .selectable_buttons > .button:last-of-type:not(:first-of-type) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .ee-cform .selectable_buttons label{ max-width: 100%; margin-bottom: 5px; } .ee-cform .selectable_buttons .button { -webkit-appearance: none; display: inline-block; font-weight: 500; text-align: center; vertical-align: middle; touch-action: manipulation; background-image: none; cursor: pointer; border: 1px solid transparent; white-space: nowrap; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: 0 1px 2px 0 var(--ee-shadow-button); padding: 8px 20px !important; font-size: 1rem; line-height: 1.6; border-radius: 5px; } .ee-cform .selectable_buttons > .button--default { color: #0d0d19; background-color: #fff; border-color: #cbcbda; font-weight: normal; } .ee-cform .selectable_buttons > .button--default:hover { color: #0d0d19; background-color: #f7f7fb; border-color: #cbcbda; text-decoration: none; } .ee-cform .selectable_buttons .button.active { background: #eaebfd; } /* End Selectable buttons */ /* date picker */ .ee-cform .field-option .checkbox-label { margin-right: 5px !important; margin-bottom: 5px !important; display: inline-block !important; position: relative !important; font-weight: normal !important; max-width: 100% !important; display: inline-block !important; position: relative !important; padding: 5px !important; padding-left: 20px !important; cursor: pointer !important; transition: background 100ms ease !important; color: #0d0d19 !important; border-radius: 5px !important; } .ee-cform .field-option .checkbox-label input[type=radio] { z-index: 1 !important; position: absolute !important; top: 7px !important; left: 0px !important; transition: all 100ms ease !important; width: 15px !important; height: 15px !important; margin: 0 !important; padding: 0 !important; -webkit-appearance: none !important; -moz-appearance: none !important; cursor: pointer !important; border: 1px solid #cbcbda !important; border-radius: 50% !important; font-family: inherit !important; font-size: 100% !important; line-height: 1.15 !important; } .ee-cform .field-option .checkbox-label input[type=radio]:after { transition: all 100ms ease !important; content: "" !important; display: block !important; position: absolute !important; width: 5px !important; height: 5px !important; left: 4px !important; top: 4px !important; border-radius: 50% !important; background: #fff !important; transform: rotate(45deg) scale(0) !important; opacity: 0 !important; } .ee-cform .field-option .checkbox-label input[type=radio]:checked { background: #5d63f1 !important; border-color: #5d63f1 !important; } .ee-cform .field-option .checkbox-label input[type=radio]:checked:after { opacity: 1 !important; transform: rotate(45deg) scale(1) !important; } .ee-cform .date-picker-wrap, .ee-cform .date-picker-wrap * { box-sizing: initial !important; } .ee-cform .date-picker-clip-inner{ width: 1000em !important; } .ee-cform .date-picker-clip{ overflow-x: hidden !important; } .ee-cform .date-picker-item { float: left !important; margin-right: 10px !important; position: relative !important; width: 270px !important; } .ee-cform .date-picker-item a { text-decoration: none !important; } .ee-cform .date-picker-prev, .ee-cform .date-picker-next{ font-size: 12px !important; position: absolute !important; top: 2px !important; color: #5d63f1 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .ee-cform .date-picker-prev { left: 10px !important; } .ee-cform .date-picker-next{ right: 10px !important; } .ee-cform .date-picker-wrap { box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1) !important; background-color: #fff !important; border: 1px solid #dfe0ef !important; display: none; padding: 10px !important; position: absolute !important; width: 270px !important; z-index: 260 !important; border-radius: 5px !important; } .ee-cform .date-picker-wrap h3{ font-size: 14px !important; margin-bottom: 5px !important; text-align: center !important; font-weight: 500 !important; } .ee-cform .date-picker-wrap table { border-collapse: initial !important; margin-bottom: 0 !important; border: none !important; box-shadow: none !important; } .ee-cform .date-picker-wrap table th { text-transform: uppercase !important; } .ee-cform .date-picker-wrap table tr:nth-child(2n) td.act { background-color: #5d63f1 !important; font-weight: bold !important; } .ee-cform .date-picker-wrap table tr:nth-child(2n) td.act a { color :#fff !important; } .ee-cform .date-picker-wrap table tr:hover td.empty:hover { background-color: #f7f7fb !important; } .ee-cform .date-picker-wrap table tr:hover td:hover { background-color: #eaebfd !important; } .ee-cform .date-picker-wrap table th, .ee-cform .date-picker-wrap table td{ font-size: 11px !important; padding: 5px !important; text-align: center !important; } .ee-cform .date-picker-wrap table td { color: #0d0d19 !important; border-right: none !important; padding: 0 !important; } .ee-cform .date-picker-wrap table td a { padding: 5px 12px !important; display: block !important; color: #0d0d19 !important; } .ee-cform .date-picker-wrap table td:nth-child(7n){ border-right: 0 !important; } .ee-cform .date-picker-wrap table td.act{ background-color: #5D63F1 !important; font-weight: bold !important; border-radius: 3px !important; } .ee-cform .date-picker-wrap table td.act a{ color: #fff !important; } .ee-cform .date-picker-wrap table td.empty{ background-color: #fff !important; } .ee-cform .date-picker-wrap .date-picker-footer { text-align: center !important; margin-top: 5px !important; display: flex; align-items: center; justify-content: center; } .ee-cform .date-picker-wrap .date-picker-footer.include_time { justify-content: space-between; } .ee-cform .date-picker-wrap .date-picker-footer #date-picker-time-block { display: none; } .ee-cform .date-picker-wrap .date-picker-footer.include_time #date-picker-time-block { display: block; } .ee-cform .date-picker-wrap .date-picker-footer input[type=time] { padding: 5px 15px !important; font-size: 0.8rem !important; line-height: 1.5 !important; border-radius: 4px !important; color: #0d0d19 !important; background-color: #fff !important; border: 1px solid #cbcbda !important; font-weight: normal !important; box-shadow: none !important; box-sizing: border-box !important; } .ee-cform .date-picker-wrap .date-picker-footer .date-picker-today-button { box-shadow: none !important; padding: 5px 15px !important; font-size: 0.8rem !important; line-height: 1.5 !important; border-radius: 4px !important; color: #0d0d19 !important; background: #fff !important; appearance: none !important; -webkit-appearance: none !important; display: inline-block !important; text-align: center !important; vertical-align: middle !important; cursor: pointer !important; white-space: nowrap !important; border: 1px solid #cbcbda !important; font-weight: normal !important; transition: background-color 0.15s ease-in-out !important; font-family: -apple-system, BlinkMacSystemFont, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important; } .ee-cform .date-picker-wrap h3{margin:0 !important;padding:0 !important;} .ee-cform .date-picker-wrap table{border-spacing:0 !important;width:100% !important;} .ee-cform .date-picker-wrap th{text-align:left !important;} .ee-cform .date-picker-wrap table{-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;} .ee-cform .date-picker-wrap th, .ee-cform .date-picker-wrap td{padding:10px !important;white-space:nowrap !important; font-family: -apple-system, BlinkMacSystemFont, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;} .ee-cform .date-picker-wrap th{background-color:transparent !important;border:none !important;color:#5a5b7f !important;font-size:12px !important;position:relative !important;z-index:1 !important;} .ee-cform .date-picker-wrap td{background-color:#fff !important;border-bottom:none !important;} .ee-cform .date-picker-wrap .date-picker-heading{margin-bottom:10px !important;} .ee-cform .date-picker-wrap .date-picker-item{float:left !important;margin-right:10px !important;position:relative !important;width:270px !important;} .ee-cform .date-picker-wrap .date-picker-prev, .ee-cform .date-picker-wrap .date-picker-next{font-size:12px !important;position:absolute !important;top:2px !important;} .ee-cform .date-picker-wrap .date-picker-wrap h3{font-size:14px !important;margin-bottom:5px !important;text-align:center !important;} .ee-cform .date-picker-wrap .date-picker-wrap table{margin-bottom:0 !important;} .ee-cform .date-picker-wrap tr:first-child th:first-child{-moz-border-radius:3px 0 0 !important;-webkit-border-radius:3px 0 0 !important;border-radius:3px 0 0 !important;} .ee-cform .date-picker-wrap tr:first-child th:last-child{-moz-border-radius:0 3px 0 0 !important;-webkit-border-radius:0 3px 0 0 !important;border-radius:0 3px 0 0 !important;} .ee-cform .date-picker-wrap tbody tr:last-child td{border-bottom:0 !important;} .ee-cform .date-picker-wrap tbody tr:last-child td:first-child{-moz-border-radius:0 0 0 3px !important;-webkit-border-radius:0 0 0 3px !important;border-radius:0 0 0 3px !important;} .ee-cform .date-picker-wrap tbody tr:last-child td:last-child{-moz-border-radius:0 0 3px !important;-webkit-border-radius:0 0 3px !important;border-radius:0 0 3px !important;} .ee-cform .date-picker-wrap .date-picker-clip::-webkit-scrollbar{width:0 !important;} .ee-cform .date-picker-wrap .date-picker-clip::-webkit-scrollbar-track{background-color:#ccc !important;border-radius:0 !important;} .ee-cform .date-picker-wrap .date-picker-clip::-webkit-scrollbar-thumb{background-color:gray !important;border-radius:0 !important;} /* END DATE PICKER field*/ /*GRID field*/ .ee-cform .grid-field { width: 100%; } .ee-cform .grid-field .table-responsive { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); border: 1px solid #dfe0ef; overflow-x: auto; display: block; width: 100%; } .ee-cform .grid-field .table-responsive table { margin-bottom: 10px; width: 100%; border-collapse: collapse; font-size: 14px; border: none; background: transparent; box-shadow: none; margin-bottom: 0; } .ee-cform .grid-field__table th { font-size: 0.9em; background: #f7f7fb; border-right: 1px solid #dfe0ef; white-space: nowrap; text-align: left; border-bottom: 1px solid #dfe0ef; color: #8f90b0; font-weight: 500; } .ee-cform .grid-field__table td:first-child, .grid-field__table th:first-child { padding-left: 15px; } .ee-cform .grid-field__table td:last-child, .grid-field__table th:last-child { padding-right: 15px; border-right: none; min-width: 80px; } .ee-cform .grid-field__table .no-results, .grid-field__table .field-no-results { background: none; border: none; width: 100%; text-align: center; line-height: 1.6; border-radius: 5px; } .ee-cform .grid-field__table tr.no-results td { border-bottom: none; } .ee-cform .no-results a { -webkit-appearance: none; display: inline-block; font-weight: 500; text-align: center; vertical-align: middle; touch-action: manipulation; background-image: none; cursor: pointer; border: 1px solid transparent; white-space: nowrap; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); font-size: 1rem; color: #5D63F1; background-color: #e0e2fc; border-color: #e0e2fc; font-weight: normal; text-decoration: none; padding: 5px 15px !important; font-size: 0.8rem; line-height: 1.5; border-radius: 4px; margin-left: 5px; } .ee-cform .no-results a:hover { color: #5D63F1; background-color: #cecffb; border-color: #cecffb; } .ee-cform .grid-field__footer { margin-top: 10px; } .ee-cform .grid-field__footer .button-group { display: flex; flex-wrap: wrap; position: relative; } .ee-cform .grid-field__footer .button-group > .button { margin-left: 0; padding: 5px 15px !important; font-size: 0.8rem; line-height: 1.5; border-radius: 4px; color: #0d0d19; background: #fff; font-weight: normal; text-transform: none; -webkit-appearance: none; display: inline-block; font-weight: 500; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid #cbcbda; white-space: nowrap; transition: background-color 0.15s ease-in-out; user-select: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); } .ee-cform .grid-field__footer .button-group > .button:hover { background: #f7f7fb; } .ee-cform .grid-field__table tbody td { vertical-align: top; border-right: 1px solid #dfe0ef; border-bottom: 1px solid #dfe0ef; min-width: 250px; max-width: 600px; } .ee-cform .grid-field__column--tools { vertical-align: top; font-size: 1rem; padding-left: 8px; padding-right: 8px !important; } .ee-cform .grid-field__column--tools .button { margin-bottom: 5px; cursor: move; padding: 5px 15px !important; font-size: 0.8rem; line-height: 1.5; border-radius: 4px; color: #0d0d19; background: #fff; font-weight: normal; text-transform: none; -webkit-appearance: none; display: inline-block; font-weight: 500; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid #cbcbda; white-space: nowrap; transition: background-color 0.15s ease-in-out; user-select: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); } .ee-cform .grid-field__column--tools .button i { text-transform: none; font-style: normal; } /* End Grid field */ /* Range / Value Slider */ .ee-cform .range-slider { --primary-color: var(--ee-button-primary-bg); --value-offset-y: var(--ticks-gap); --value-active-color: var(--ee-button-primary-color); --value-background: var(--ee-slider-value-bg); --value-background-hover: var(--primary-color); --value-font: 500 14px/2 $font-family; --fill-color: var(--primary-color); --progress-background: var(--ee-input-toggle-bg); --progress-radius: 20px; --track-height: calc(var(--thumb-size) / 3); --min-max-font: 12px $font-family; --min-max-opacity: .5; --min-max-x-offset: 10%; --thumb-size: 22px; --thumb-color: var(--ee-button-primary-color); --thumb-shadow: 0 0 0 7px var(--primary-color) inset, 0 0 0 99px white inset; --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset; --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset, 0 0 0 99px white inset; --ticks-thickness: 1px; --ticks-height: 5px; --ticks-gap: var(--ticks-height, 0); --ticks-color: var(--ee-button-default-border); --progress-shadow: none; --progress-flll-shadow: none; --step: 1; --ticks-count: (var(--max) - var(--min)) / var(--step); --maxTicksAllowed: 30; --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0)); --x-step: Max( var(--step), var(--too-many-ticks) * (var(--max) - var(--min)) ); --tickInterval: 100/((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1); --tickIntervalPerc_1: Calc( (var(--max) - var(--min)) / var(--x-step) ); --tickIntervalPerc: calc( (100% - var(--thumb-size))/var(--tickIntervalPerc_1) * var(--tickEvery, 1) ); --value-a: Clamp(var(--min), var(--value, 0), var(--max)); --value-b: var(--value, 0); --text-value-a: var(--text-value, ""); --completed-a: calc((var(--value-a) - var(--min) ) / (var(--max) - var(--min)) * 100); --completed-b: calc((var(--value-b) - var(--min) ) / (var(--max) - var(--min)) * 100); --ca: Min(var(--completed-a), var(--completed-b)); --cb: Max(var(--completed-a), var(--completed-b)); --thumbs-too-close: Clamp( -1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1 ); --thumb-close-to-min: Min(1, Max(var(--ca) - 5, 0)); --thumb-close-to-max: Min(1, Max(95 - var(--cb), 0)); box-sizing: content-box; height: max(var(--track-height), var(--thumb-size)); background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x; background-size: var(--tickIntervalPerc) var(--ticks-height); background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2); background-position-y: var(--flip-y, bottom); padding-bottom: var(--flip-y, var(--ticks-gap)); padding-top: calc(var(--flip-y) * var(--ticks-gap)); position: relative; z-index: 1; margin-top: 50px; } .ee-cform .range-slider[data-ticks-position=top] { --flip-y: 1; margin-bottom: 20px; } .ee-cform .range-slider::before, .range-slider::after { --offset: calc(var(--thumb-size)/2); content: counter(x); display: var(--show-min-max, block); font: var(--min-max-font); position: absolute; bottom: var(--flip-y, -2.5ch); top: calc(-2.5ch * var(--flip-y)); opacity: clamp(0, var(--at-edge), var(--min-max-opacity)); transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge)); pointer-events: none; } .ee-cform .range-slider::before { --before: 1; --at-edge: var(--thumb-close-to-min); counter-reset: x var(--min); left: var(--offset); } .ee-cform .range-slider::after { --at-edge: var(--thumb-close-to-max); counter-reset: x var(--max); right: var(--offset); } .ee-cform .range-slider__values { position: relative; top: 50%; line-height: 0; text-align: justify; width: 100%; pointer-events: none; margin: 0 auto; z-index: 5; user-select: none; pointer-events: none; } .ee-cform .range-slider__values::after { content: ""; width: 100%; display: inline-block; height: 0; background: red; } .ee-cform .range-slider__progress { --start-end: calc(var(--thumb-size)/2); --clip-end: calc(100% - (var(--cb) ) * 1%); --clip-start: calc(var(--ca) * 1%); --clip: inset(-20px var(--clip-end) -20px var(--clip-start)); position: absolute; left: var(--start-end); right: var(--start-end); top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2); height: calc(var(--track-height)); background: var(--progress-background, #EEE); pointer-events: none; z-index: -1; border-radius: var(--progress-radius); } .ee-cform .range-slider__progress::before { content: ""; position: absolute; left: 0; right: 0; clip-path: var(--clip); top: 0; bottom: 0; background: var(--fill-color, black); box-shadow: var(--progress-flll-shadow); z-index: 1; border-radius: inherit; } .ee-cform .range-slider__progress::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--progress-shadow); pointer-events: none; border-radius: inherit; } .ee-cform .range-slider > input { -webkit-appearance: none; width: 100%; height: var(--thumb-size); margin: 0; position: absolute; left: 0; top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1)); cursor: -webkit-grab; cursor: grab; outline: none; background: none; } .ee-cform .range-slider > input:not(:only-of-type) { pointer-events: none; } .ee-cform .range-slider > input::-webkit-slider-thumb { appearance: none; border: none; height: var(--thumb-size); width: var(--thumb-size); transform: var(--thumb-transform); border-radius: var(--thumb-radius, 50%); background: var(--thumb-color); box-shadow: var(--thumb-shadow); pointer-events: auto; transition: 0.1s; } .ee-cform .range-slider > input::-moz-range-thumb { appearance: none; border: none; height: var(--thumb-size); width: var(--thumb-size); transform: var(--thumb-transform); border-radius: var(--thumb-radius, 50%); background: var(--thumb-color); box-shadow: var(--thumb-shadow); pointer-events: auto; transition: 0.1s; } .ee-cform .range-slider > input::-ms-thumb { appearance: none; border: none; height: var(--thumb-size); width: var(--thumb-size); transform: var(--thumb-transform); border-radius: var(--thumb-radius, 50%); background: var(--thumb-color); box-shadow: var(--thumb-shadow); pointer-events: auto; transition: 0.1s; } .ee-cform .range-slider > input:hover { --thumb-shadow: var(--thumb-shadow-hover); } .ee-cform .range-slider > input:hover + output { --value-background: var(--value-background-hover); --y-offset: -5px; color: var(--value-active-color); box-shadow: 0 0 0 3px var(--value-background); } .ee-cform .range-slider > input:active { --thumb-shadow: var(--thumb-shadow-active); cursor: grabbing; z-index: 2; } .ee-cform .range-slider > input:active + output { transition: 0s; } .ee-cform .range-slider > input:nth-of-type(1) { --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999 ,1); } .ee-cform .range-slider > input:nth-of-type(1) + output { --value: var(--value-a); --x-offset: calc(var(--completed-a) * -1%); } .ee-cform .range-slider > input:nth-of-type(1) + output:not(:only-of-type) { --flip: calc(var(--thumbs-too-close) * -1); } .ee-cform .range-slider > input:nth-of-type(1) + output::after { content: var(--prefix, "") var(--text-value-a) var(--suffix, ""); } .ee-cform .range-slider > input:nth-of-type(2) { --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999 ,1); } .ee-cform .range-slider > input:nth-of-type(2) + output { --value: var(--value-b); } .ee-cform .range-slider > input:only-of-type ~ .range-slider__progress { --clip-start: 0; } .ee-cform .range-slider > input + output { --flip: -1; --x-offset: calc(var(--completed-b) * -1%); --pos: calc(((var(--value) - var(--min))/(var(--max) - var(--min))) * 100%); pointer-events: none; position: absolute; z-index: 5; background: var(--value-background); border-radius: 5px; padding: 2px 4px; left: var(--pos); transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip))); transition: all 0.12s ease-out, left 0s; } .ee-cform .range-slider > input + output::after { content: var(--prefix, "") var(--text-value-b) var(--suffix, ""); font: var(--value-font); } .ee-cform .range-slider { font-family: -apple-system, BlinkMacSystemFont, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; color: var(--ee-text-normal); } .ee-cform .range-slider > input { background: none !important; padding: 0 !important; border: none !important; box-shadow: none !important; } .ee-cform .range-slider > input + output { padding: 2px 11px !important; } /* End slider */ /* RADIO BUTTONS field*/ .ee-cform fieldset.radio-btn-wrap label { display: block; margin-bottom: 0; position: relative; font-weight: normal; max-width: 100%; position: relative; padding: 5px; padding-left: 25px; cursor: pointer; transition: background 100ms ease; color: #0d0d19; border-radius: 5px; } .ee-cform fieldset.radio-btn-wrap label input[type='radio'] { z-index: 1; position: absolute; top: 7px; left: 0px; transition: all 100ms ease; width: 15px; height: 15px; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; border: 1px solid #cbcbda; border-radius: 50%; font-family: inherit; font-size: 100%; line-height: 1.15; } .ee-cform fieldset.radio-btn-wrap label input[type=radio]:after { transition: all 100ms ease; content: ""; display: block; position: absolute; width: 5px; height: 5px; left: 4px; top: 4px; border-radius: 50%; background: #fff; transform: rotate(45deg) scale(0); opacity: 0; } .ee-cform fieldset.radio-btn-wrap label input[type=radio]:checked { background: #5d63f1; border-color: #5d63f1; } .ee-cform fieldset.radio-btn-wrap label input[type=radio]:checked:after { opacity: 1; transform: rotate(45deg) scale(1); } /* END RADIO BUTTONS field*/ .ee-cform .sr-only, .ee-cform .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .ee-cform .sr-only-focusable:not(:focus), .ee-cform .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* Toggle field */ .ee-cform .toggle-btn { -webkit-appearance: none; appearance: none; cursor: pointer; position: relative; display: inline-block; height: 26px; width: 48px !important; transition: all 100ms ease; border-radius: 13px; background: #cbcbda; text-decoration: none; border: 1px solid transparent; } .ee-cform .toggle-btn .slider { position: absolute; display: block; left: 2px; top: 2px; width: 20px; height: 20px; transition: all 200ms ease; box-shadow: 0 2px 5px rgba(120, 119, 140, 0.077); border-radius: 50%; background: #fff; } .ee-cform .toggle-btn.on { background: #5D63F1; } .ee-cform .toggle-btn.on .slider { transform: translateX(22px); background: #fff; } .ee-cform .toggle-btn.disabled { cursor: not-allowed; opacity: 0.5; } .ee-cform .toggle-btn:focus { outline: none; border: 1px solid #5D63F1; box-shadow: none; } .ee-cform .toggle-btn.off:focus .slider { width: 18px; height: 18px; left: 3px; top: 3px; } /* END Toggle field */ /* CHECKBOX field */ .ee-cform .checkbox-wrapper label { display: block; position: relative; padding: 5px; padding-left: 25px; cursor: pointer; transition: background 100ms ease; color: #0d0d19; border-radius: 5px; font-weight: 400; } .ee-cform .checkbox-wrapper label input[type="checkbox"] { background-color: #f7f7fb; transition: all 100ms ease; width: 15px; height: 15px; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; border: 1px solid #cbcbda; border-radius: 3px; z-index: 1; position: absolute; top: 7px; left: 0px; } .ee-cform .checkbox-wrapper label input[type=checkbox]:checked { background: #5D63F1; border-color: #5D63F1; } .ee-cform .checkbox-wrapper label input[type=checkbox]:after { transition: all 100ms ease; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; font-size: 12px; margin: 0 !important; color: #fff !important; content: " "; font-weight: 600; } .ee-cform .checkbox-wrapper label input[type=checkbox]:checked:after { opacity: 1; } /* END CHECKBOX field */ .ck.ck-balloon-panel.ck-balloon-panel_visible { z-index: 2000 !important; }