Sindbad~EG File Manager
/*!***************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/admin.scss ***!
\***************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
font-family: "icomoon";
src: url("../fonts/Icomoon/icomoon.eot?x22jiz");
src: url("../fonts/Icomoon/icomoon.eot?x22jiz#iefix") format("embedded-opentype"), url("../fonts/Icomoon/icomoon.ttf?x22jiz") format("truetype"), url("../fonts/Icomoon/icomoon.woff?x22jiz") format("woff"), url("../fonts/Icomoon/icomoon.svg?x22jiz#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: never;
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;
}
.icon-cancel:before {
content: "\e900";
}
.icon-delete:before {
content: "\e901";
}
.icon-settings:before {
content: "\e902";
}
.icon-check:before {
content: "\e903";
color: #fff;
}
.icon-shevron-down:before {
content: "\e904";
}
.icon-remove-circle:before {
content: "\e905";
}
.icon-minus:before {
content: "\e906";
}
.icon-plus:before {
content: "\e907";
}
.icon-Info:before {
content: "\e908";
}
.icon-export:before {
content: "\e909";
}
.icon-import:before {
content: "\e90a";
}
.icon-alert-octagon:before {
content: "\e90b";
}
.icon-alert-triangle:before {
content: "\e90c";
}
/* ---colors----*/
/* ---transitions--- */
#pys a.badge.badge-pill.badge-pro {
background-color: transparent;
color: #005BD3;
font-size: 12px;
font-weight: 500;
padding: 8px 12px;
text-align: center;
display: inline-block;
transition: all 0.3s;
flex-shrink: 0;
}
#pys .secondary-switch .custom-switch-input {
display: none;
}
#pys .secondary-switch .custom-switch-input::selection {
background: none;
}
#pys .secondary-switch .custom-switch-input:after::selection, #pys .secondary-switch .custom-switch-input:before::selection {
background: none;
}
#pys .secondary-switch .custom-switch-input:checked + .custom-switch-btn {
background: #0172CB;
}
#pys .secondary-switch .custom-switch-input:checked + .custom-switch-btn:after {
left: 29px;
}
#pys .secondary-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
opacity: 1;
height: auto;
}
#pys .secondary-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
display: none;
opacity: 0;
height: 0;
}
#pys .secondary-switch .custom-switch-input:checked:disabled + .custom-switch-btn {
cursor: not-allowed;
background: #0172CB;
opacity: 0.2;
}
#pys .secondary-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
display: none;
opacity: 0;
height: 0;
}
#pys .secondary-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
opacity: 1;
height: auto;
}
#pys .secondary-switch .custom-switch-input:not(:checked):disabled + .custom-switch-btn {
cursor: not-allowed;
background: #BAC7D5;
}
#pys .secondary-switch .custom-switch-btn {
outline: 0;
display: inline-block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
width: 58px;
height: 26px;
padding: 4px;
background: #BAC7D5;
border-radius: 4px;
transition: all 0.4s ease-in-out;
}
#pys .secondary-switch .custom-switch-btn::selection {
background: none;
}
#pys .secondary-switch .custom-switch-btn:after {
position: absolute;
display: block;
content: "";
width: 27px;
height: 20px;
left: 2px;
top: 3px;
border-radius: 4px;
background: #fff;
transition: all 0.4s ease-in-out;
}
#pys .secondary-switch .custom-switch-btn:before {
position: relative;
content: "";
width: 25px;
height: 17px;
display: none;
}
#pys .switcher-label {
margin-left: 16px;
}
#pys .main-switcher {
font-size: 18px;
}
#pys .primary-switch {
display: flex;
position: relative;
}
#pys .primary-switch .primary-switch-btn {
width: 20px;
height: 20px;
}
#pys .primary-switch .primary-switch-input {
opacity: 0;
width: 0;
height: 0;
}
#pys .primary-switch .primary-switch-input:checked + .primary-switch-btn .primary-switch-btn-slider {
background-color: #0172CB;
}
#pys .primary-switch .primary-switch-input:checked + .primary-switch-btn .primary-switch-btn-slider::before {
transform: translateX(20px);
}
#pys .primary-switch .primary-switch-input:checked + .primary-switch-btn .primary-switch-btn-slider::after {
background-color: #0172CB;
transform: translateX(20px);
}
#pys .primary-switch .primary-switch-btn-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #BAC7D5;
border-radius: 34px;
transition: 0.4s;
width: 40px;
height: 20px;
}
#pys .primary-switch .primary-switch-btn-slider::before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: -4px;
bottom: -2px;
transition: 0.4s;
border-radius: 24px;
border: 0.5px solid rgba(7, 64, 92, 0.1);
background: #fff;
box-shadow: 0 2px 3px 0 rgba(7, 64, 92, 0.16);
}
#pys .primary-switch .primary-switch-btn-slider::after {
position: absolute;
content: "";
height: 8px;
width: 8px;
top: 5px;
left: 5px;
background-color: #BAC7D5;
border-radius: 50%;
transition: 0.4s;
}
#pys .save-settings {
position: sticky;
width: 100%;
margin-top: 40px;
background: #fff;
z-index: 10000;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0px -99px 28px 0px rgba(0, 0, 0, 0), 0px -63px 25px 0px rgba(0, 0, 0, 0.01), 0px -36px 21px 0px rgba(0, 0, 0, 0.03), 0px -16px 16px 0px rgba(0, 0, 0, 0.05), 0px -4px 9px 0px rgba(0, 0, 0, 0.06);
}
#pys .save-settings .bottom-upgrade {
white-space: nowrap;
}
#pys .save-settings .video-link {
padding: 12px;
text-align: center;
}
#pys .save-settings #pys-save-settings {
padding: 14px 46px;
background: #DF7B00;
color: #fff;
border: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
border-radius: 3px;
white-space: nowrap;
}
#pys .save-settings #pys-save-settings:hover {
background: #C96F00;
transition: all 0.4s ease-in-out;
}
#pys .save-settings #pys-save-settings:focus {
background: #B26200;
}
#pys .save-settings .bottom-upgrade .bottom-upgrade-link {
color: #252A31;
font-size: 16px;
font-weight: 500;
padding: 28px 107px;
text-align: center;
display: inline-block;
transition: all 0.3s;
flex-shrink: 0;
background-color: #F0F0F1;
}
#pys .save-settings .bottom-upgrade .bottom-upgrade-link:hover {
background-color: #E1E1E1;
}
#pys .save-settings .bottom-upgrade .bottom-upgrade-link:active {
background-color: #D7D7D7;
}
#pys .save-settings .save-settings-actions {
display: flex;
padding: 10px;
}
#pys .save-settings .back-button, #pys .save-settings #pys-download-report {
padding: 14px 24px;
background: #0172CB;
color: #fff;
border: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
border-radius: 3px;
margin-right: 10px;
display: block;
line-height: normal;
}
#pys .save-settings .back-button:hover, #pys .save-settings #pys-download-report:hover {
transition: all 0.4s ease-in-out;
background-color: #0161AC;
}
#pys .save-settings .back-button:focus, #pys .save-settings #pys-download-report:focus {
background-color: #01508E;
transition: all 0.4s ease-in-out;
}
#pys .small-checkbox {
width: 100%;
}
#pys .small-checkbox .small-control-input {
display: none;
}
#pys .small-checkbox.custom-checkbox-badge .small-control-indicator {
background-color: #BAC7D5;
cursor: not-allowed;
}
#pys .small-checkbox.custom-checkbox-badge .small-control-description {
color: #5D5D5D;
}
#pys .small-checkbox .small-control-indicator {
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 3px;
display: block;
z-index: 10;
position: relative;
border: 1px solid #BAC7D5;
cursor: pointer;
}
#pys .small-checkbox .small-control-indicator i {
width: 20px;
height: 20px;
color: #fff;
opacity: 0;
position: absolute;
font-size: 18px;
}
#pys .small-checkbox .small-control-input:checked + .small-checkbox-label .small-control-indicator {
background-color: #0172CB;
border: 1px solid #0172CB;
}
#pys .small-checkbox .small-control-input:checked + .small-checkbox-label .small-control-indicator i {
opacity: 1;
}
#pys .small-checkbox .small-control-input:focus + .small-checkbox-label .small-control-indicator {
background-color: #0172CB;
border: 1px solid #0172CB;
outline: 2px solid #F1F8FE;
}
#pys .small-checkbox .small-control-input:focus + .small-checkbox-label .small-control-indicator i {
opacity: 1;
}
#pys .small-checkbox .small-control {
display: flex;
align-items: center;
}
#pys .small-checkbox .small-checkbox-label .small-control-description {
margin-left: 10px;
}
#pys .btn:not(.btn-popover) {
padding: 8px 12px;
color: #fff;
border-radius: 3px;
border: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
outline: none;
}
#pys .btn-primary {
background-color: #0172CB;
}
#pys .btn-primary.btn-primary:hover {
transition: all 0.4s ease-in-out;
background-color: #0161AC;
}
#pys .btn-primary:focus {
background-color: #01508E;
transition: all 0.4s ease-in-out;
}
#pys .btn-primary.btn-primary-type2 {
font-size: 12px;
line-height: 134%;
}
#pys .btn-success {
background-color: #28A138;
}
#pys .btn-success.btn-success:hover {
transition: all 0.4s ease-in-out;
background-color: #238B31;
}
#pys .btn-success:focus {
background-color: #1D7228;
transition: all 0.4s ease-in-out;
}
#pys .btn-danger {
background-color: #D21C1C;
}
#pys .btn-danger.btn-danger:hover {
transition: all 0.4s ease-in-out;
background-color: #B91919;
}
#pys .btn-danger:focus {
background-color: #9D1515;
transition: all 0.4s ease-in-out;
}
#pys .button-remove-row {
border: none;
background: none;
line-height: 100%;
}
#pys .button-remove-row:not(.button-remove-condition) {
margin-left: 8px;
}
#pys .button-remove-row i {
width: 24px;
height: 24px;
font-size: 24px;
cursor: pointer;
color: #668BA6;
}
#pys .button-remove-row i:before {
transition: all 0.4s ease-in-out;
}
#pys .button-remove-row i:hover:before {
color: #003E6B;
transition: all 0.4s ease-in-out;
}
#pys a.link {
text-decoration: none;
position: relative;
color: #005BD3;
font-size: inherit;
}
#pys a.link:after {
content: "";
position: absolute;
left: 0;
opacity: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #005BD3;
transition: all 0.4s ease-in-out;
}
#pys a.link:hover:after {
opacity: 1;
transition: all 0.4s ease-in-out;
background-color: #004299;
}
#pys a.link.link-underline:after {
opacity: 1;
}
#pys a.link.link-white:after {
background-color: #fff;
}
#pys .link-extra-small {
font-size: 13px;
text-decoration: none;
position: relative;
}
#pys .black-button {
padding: 8px 12px;
color: #fff;
background-color: #303030;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
outline: none;
}
#pys .black-button:hover {
background-color: #1A1A1A;
transition: all 0.4s ease-in-out;
}
#pys .btn-popover {
border: none;
background: none;
display: flex;
align-items: center;
cursor: pointer;
margin-left: 16px;
}
#pys .btn-popover img {
width: 16px;
height: 16px;
}
#pys .purple-label {
padding: 2px 6px;
border-radius: 8px;
color: #5700D1;
background-color: #E4DEFF;
margin-right: 6px;
font-size: 12px;
line-height: 134%;
}
#pys .btn-small {
border-radius: 3px;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
font-size: 12px;
border: none;
transition: all 0.4s ease-in-out;
}
#pys .btn-small:hover {
transition: all 0.4s ease-in-out;
}
#pys .btn-small.btn-small-icon {
padding: 7px 12px 7px 8px;
}
#pys .btn-small i:before {
font-size: 16px;
}
#pys .btn-gray {
background-color: #E8EDF1;
color: inherit;
}
#pys .btn-gray:hover {
background-color: #DCE3E9;
}
#pys .btn-gray:focus {
background-color: #CAD4DE;
outline: none;
}
#pys .btn.disabled {
opacity: 0.2;
cursor: not-allowed;
}
#pys .btn-green {
background-color: #00A58E;
color: #fff;
}
#pys .btn-green:hover {
background-color: #009580;
}
#pys .btn-green:focus {
background-color: #008472;
outline: none;
}
#pys .btn-red {
background-color: #D21C1C;
color: #fff;
}
#pys .btn-red:hover {
background-color: #B91919;
}
#pys .btn-red:focus {
background-color: #9D1515;
outline: none;
}
#pys .btn {
outline: none;
}
#pys .learn-more-btn {
display: inline-block;
}
#pys .head-button-block {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
}
#pys .head-button-block .btn * {
font-size: inherit;
font-weight: inherit;
}
#pys .orange_button {
padding: 14px 46px;
background: #DF7B00;
color: #fff;
border: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
border-radius: 3px;
}
#pys .orange_button:hover {
background: #C96F00;
transition: all 0.4s ease-in-out;
}
#pys .orange_button:focus {
background: #B26200;
}
#pys .btn-disabled {
background-color: #8898A9;
color: #FFFFFF !important;
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
}
#pys .dummy-number-input * {
cursor: not-allowed;
}
#pys input:not(.pysselect2-search__field):disabled, #pys textarea:disabled, #pys select:disabled {
background-color: #f6f7f7;
opacity: 0.5;
}
#pys .pro-feature-container p, #pys .pro-feature-container label, #pys .pro-feature-container h1, #pys .pro-feature-container h2, #pys .pro-feature-container h3, #pys .pro-feature-container h4, #pys .pro-feature-container h5, #pys .pro-feature-container h6 {
color: #303030;
opacity: 0.5;
}
#pys .pys_list {
list-style: disc;
margin-left: 24px;
}
#pys ul li {
line-height: 185%;
}
#pys .tabs {
width: 100%;
}
#pys .tab-contents {
padding: 20px;
background-color: #F1F2F8;
border-radius: 0 0 5px 5px;
}
#pys .tab-content {
display: none;
transform-origin: top;
transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
will-change: max-height, opacity, transform;
}
#pys .tab-content .custom-controls-blacklist .tab-column-container {
display: flex;
gap: 24px;
}
#pys .tab-content .custom-controls-blacklist .tab-column-container .tab-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
}
#pys .tab-buttons {
border: 1px solid #F0F0F1;
border-radius: 12px 12px 0 0;
padding: 16px 20px 0 20px;
display: flex;
gap: 4px;
}
#pys .tab-buttons button.tab-btn {
padding: 10px 16px;
cursor: pointer;
background-color: #fff;
transition: all 0.3s ease;
text-align: center;
color: #BAC7D5;
border: 1px solid #BAC7D5;
border-radius: 12px 12px 0 0;
border-bottom: none;
width: auto;
}
#pys .tab-buttons button.tab-btn:hover {
border-color: #1A1A1A;
background-color: #E8EDF1;
}
#pys .tab-buttons button.tab-btn.active {
background-color: #F1F2F8;
color: #252A31;
border: 1px solid #F1F2F8;
border-bottom: none;
}
#pys div, #pys h1, #pys h2, #pys h3, #pys h4, #pys h5, #pys h6, #pys p, #pys span, #pys a, #pys ul, #pys li, #pys button, #pys input, #pys textarea, #pys select, #pys select *, #pys label {
font-size: 16px;
font-weight: 500;
}
#pys input, #pys textarea, #pys select, #pys select *, #pys select option {
font-weight: 400;
line-height: 125%;
color: #252A31;
}
#pys div {
font-weight: 400;
line-height: 100%;
color: #252A31;
}
#pys h1, #pys h2, #pys h3, #pys h4, #pys h5, #pys h6, #pys p, #pys span, #pys a, #pys ul, #pys li, #pys button, #pys input, #pys textarea, #pys select, #pys select *, #pys label {
margin: 0;
padding: 0;
}
#pys p {
font-weight: 400;
}
#pys .font-semibold {
font-weight: 600;
line-height: 134%;
}
#pys .font-medium {
font-weight: 500;
line-height: 134%;
}
#pys .primary_heading {
font-weight: 600;
line-height: 150%;
color: #252A31;
}
#pys .secondary_heading {
font-weight: 500;
line-height: 134%;
color: #252A31;
}
#pys .secondary_heading_type2 {
font-weight: 600;
line-height: 134%;
color: #252A31;
font-size: 18px;
}
#pys .bold-heading, #pys .critical_message {
font-weight: 700;
line-height: 150%;
color: #252A31;
}
#pys .purple-label {
font-weight: 500;
line-height: 150%;
color: #5700D1;
}
#pys .nav-tabs .nav-link {
font-weight: 500;
line-height: 150%;
font-size: 16px;
}
#pys .text-gray {
font-weight: 400;
line-height: 150%;
color: #5D5D5D;
}
#pys .link, #pys .link-small {
color: #005BD3;
outline: none;
cursor: pointer;
transition: all 0.4s ease-in-out;
}
#pys .link:hover, #pys .link-small:hover {
color: #004299;
transition: all 0.4s ease-in-out;
}
#pys .link-small, #pys .text-small {
font-size: 14px;
}
#pys a {
text-decoration: none;
}
#pys .form-text {
color: #8D8D8D;
}
#pys .lh-140 {
line-height: 140%;
}
#pys .primary-heading-color {
color: #303030;
}
#pys .fz-18 {
font-size: 18px;
}
#pys .flex-column-24gap {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
}
#pys .text-danger {
color: #FF0000;
}
#pys .text-success {
color: #008000;
}
#pys code {
color: #FF6100;
font-weight: 400;
line-height: 100%;
font-size: inherit;
background: transparent;
padding: 0;
margin: 0;
}
#pys .example-block > label {
margin-bottom: 6px;
display: inline-block;
}
#pys .copy_text {
font-weight: 400;
line-height: 100%;
line-height: 20px;
font-size: 16px;
padding: 12px;
padding-right: 44px;
margin: 0;
background: #fff;
line-break: anywhere;
position: relative;
cursor: pointer;
color: #697D95;
border: 1px solid #BAC7D5;
border-radius: 3px;
}
#pys .copy_text .copy-icon {
background-image: url(../images/content_copy.svg);
position: absolute;
display: block;
width: 17px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
top: 14px;
right: 15px;
}
#pys .double-line-height {
line-height: 200%;
}
#pys .double-line-height p {
line-height: 200%;
}
#pys .example-block label {
font-weight: 600;
}
#pys .general-property-svg {
width: 24px;
height: 24px;
cursor: pointer;
}
#pys .general-property-svg .circle {
transition: all 0.4s ease-in-out;
}
#pys .general-property-svg:hover .circle {
transition: all 0.4s ease-in-out;
}
#pys .general-property-svg:hover .circle:nth-child(4), #pys .general-property-svg:hover .circle:nth-child(6) {
transform: translateX(8px);
fill: #003E6B;
}
#pys .general-property-svg:hover .circle:nth-child(5) {
transform: translateX(-8px);
fill: #668BA6;
}
#pys .general-property-svg:hover .rect {
transition: all 0.4s ease-in-out;
fill: rgba(102, 139, 166, 0.5019607843);
}
#pys .general-settings-checkbox:checked + .pixel-wrap .general-property-svg .circle:nth-child(4), #pys .general-settings-checkbox:checked + .pixel-wrap .general-property-svg .circle:nth-child(6),
#pys .disable-card-wrap.header-opened .general-property-svg .circle:nth-child(4),
#pys .disable-card-wrap.header-opened .general-property-svg .circle:nth-child(6),
#pys .card-header.header-opened .general-property-svg .circle:nth-child(4),
#pys .card-header.header-opened .general-property-svg .circle:nth-child(6) {
fill: #003E6B;
}
#pys .general-settings-checkbox:checked + .pixel-wrap .general-property-svg .circle:nth-child(5),
#pys .disable-card-wrap.header-opened .general-property-svg .circle:nth-child(5),
#pys .card-header.header-opened .general-property-svg .circle:nth-child(5) {
fill: #668BA6;
}
#pys .general-settings-checkbox:checked + .pixel-wrap .general-property-svg .rect,
#pys .disable-card-wrap.header-opened .general-property-svg .rect,
#pys .card-header.header-opened .general-property-svg .rect {
transition: all 0.4s ease-in-out;
fill: #E2E2E2;
}
#pys .pys-loader {
width: 20px;
height: 20px;
}
#pys > .container {
width: 100%;
padding: 0 22px;
margin: 0;
gap: 24px;
}
#pys > .container .general-row {
gap: 24px;
}
#pys > .container .general-col {
flex: 1;
}
#pys > .container .sidebar-col {
width: 330px;
}
#pys .pro-feature-container {
border: 1px dashed #BAC7D5;
background: #F9F9F9;
padding: 12px;
border-radius: 4px;
}
#pys .flex-row {
flex-direction: row;
}
#pys .flex-column {
flex-direction: column;
}
#pys .flex-row-reverse {
flex-direction: row-reverse;
}
#pys .flex-column-reverse {
flex-direction: column-reverse;
}
#pys .flex-wrap {
flex-wrap: wrap;
}
#pys .flex-nowrap {
flex-wrap: nowrap;
}
#pys .flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
#pys .justify-content-start {
justify-content: flex-start;
}
#pys .justify-content-end {
justify-content: flex-end;
}
#pys .justify-content-center {
justify-content: center;
}
#pys .justify-content-between {
justify-content: space-between;
}
#pys .justify-content-around {
justify-content: space-around;
}
#pys .align-items-start {
align-items: flex-start;
}
#pys .align-items-end {
align-items: flex-end;
}
#pys .align-items-center {
align-items: center;
}
#pys .align-items-baseline {
align-items: baseline;
}
#pys .align-items-stretch {
align-items: stretch;
}
#pys .align-content-start {
align-content: flex-start;
}
#pys .align-content-end {
align-content: flex-end;
}
#pys .align-content-center {
align-content: center;
}
#pys .align-content-between {
align-content: space-between;
}
#pys .align-content-around {
align-content: space-around;
}
#pys .align-content-stretch {
align-content: stretch;
}
#pys .align-self-auto {
align-self: auto;
}
#pys .align-self-start {
align-self: flex-start;
}
#pys .align-self-end {
align-self: flex-end;
}
#pys .align-self-center {
align-self: center;
}
#pys .align-self-baseline {
align-self: baseline;
}
#pys .align-self-stretch {
align-self: stretch;
}
#pys .float-left {
float: left;
}
#pys .float-right {
float: right;
}
#pys .float-none {
float: none;
}
#pys .position-static {
position: static;
}
#pys .position-relative {
position: relative;
}
#pys .position-absolute {
position: absolute;
}
#pys .position-fixed {
position: fixed;
}
#pys .position-sticky {
position: sticky;
}
#pys .align-baseline {
vertical-align: baseline;
}
#pys .align-top {
vertical-align: top;
}
#pys .align-middle {
vertical-align: middle;
}
#pys .align-bottom {
vertical-align: bottom;
}
#pys .align-text-bottom {
vertical-align: text-bottom;
}
#pys .align-text-top {
vertical-align: text-top;
}
#pys .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
#pys .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
float: none;
width: initial;
}
#pys .no-gutters {
margin-right: 0;
margin-left: 0;
}
#pys .no-gutters > .col {
padding-right: 0;
padding-left: 0;
}
#pys .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
#pys .col {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
max-width: 100%;
width: 100%;
}
#pys .col-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
#pys .col-2 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
#pys .col-3 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 25%;
max-width: 25%;
}
#pys .col-4 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
#pys .col-5 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
#pys .col-6 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 50%;
max-width: 50%;
}
#pys .col-7 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
#pys .col-8 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
#pys .col-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 75%;
max-width: 75%;
}
#pys .col-10 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
#pys .col-11 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
#pys .col-12 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 100%;
max-width: 100%;
}
#pys .col-auto {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#pys .col-lg {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
#pys .fade.show {
opacity: 1;
}
#pys .collapse {
display: none;
}
#pys .collapse.show {
display: block;
}
#pys tr.collapse.show {
display: table-row;
}
#pys tbody.collapse.show {
display: table-row-group;
}
#pys .collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
#pys .d-none {
display: none;
}
#pys .d-inline {
display: inline;
}
#pys .d-inline-block {
display: inline-block;
}
#pys .d-block {
display: block;
}
#pys .d-table {
display: table;
}
#pys .d-table-row {
display: table-row;
}
#pys .d-table-cell {
display: table-cell;
}
#pys .d-flex {
display: -ms-flexbox;
display: flex;
}
#pys .d-inline-flex {
display: -ms-inline-flexbox;
display: inline-flex;
}
#pys .flex-grow-1 {
flex-grow: 1;
}
#pys .flex-with-badge {
flex: 1 1 auto;
min-width: 0;
}
#pys .text-justify {
text-align: justify;
}
#pys .text-left {
text-align: left;
}
#pys .text-right {
text-align: right;
}
#pys .text-center {
text-align: center;
}
#pys .text-lowercase {
text-transform: lowercase;
}
#pys .text-uppercase {
text-transform: uppercase;
}
#pys .text-capitalize {
text-transform: capitalize;
}
#pys .flex-collapse-block {
gap: 24px;
}
#pys .number-option-block {
gap: 16px;
}
#pys .pb-24 {
padding-bottom: 24px;
}
#pys .pt-24 {
padding-top: 24px;
}
#pys .pl-24 {
padding-left: 24px;
}
#pys .pr-24 {
padding-right: 24px;
}
#pys .pb-20 {
padding-bottom: 20px;
}
#pys .pt-20 {
padding-top: 20px;
}
#pys .pl-20 {
padding-left: 20px;
}
#pys .pr-20 {
padding-right: 20px;
}
#pys .pb-8 {
padding-bottom: 8px;
}
#pys .pt-8 {
padding-top: 8px;
}
#pys .pl-8 {
padding-left: 8px;
}
#pys .pr-8 {
padding-right: 8px;
}
#pys .pb-4 {
padding-bottom: 4px;
}
#pys .pt-4 {
padding-top: 4px;
}
#pys .pl-4 {
padding-left: 4px;
}
#pys .pr-4 {
padding-right: 4px;
}
#pys .mb-24 {
margin-bottom: 24px;
}
#pys .mt-24 {
margin-top: 24px;
}
#pys .ml-24 {
margin-left: 24px;
}
#pys .mr-24 {
margin-right: 24px;
}
#pys .mb-22 {
margin-bottom: 22px;
}
#pys .mt-22 {
margin-top: 22px;
}
#pys .ml-22 {
margin-left: 22px;
}
#pys .mr-22 {
margin-right: 22px;
}
#pys .mb-20 {
margin-bottom: 20px;
}
#pys .mt-20 {
margin-top: 20px;
}
#pys .ml-20 {
margin-left: 20px;
}
#pys .mr-20 {
margin-right: 20px;
}
#pys .mb-18 {
margin-bottom: 18px;
}
#pys .mt-18 {
margin-top: 18px;
}
#pys .ml-18 {
margin-left: 18px;
}
#pys .mr-18 {
margin-right: 18px;
}
#pys .mb-16 {
margin-bottom: 16px;
}
#pys .mt-16 {
margin-top: 16px;
}
#pys .ml-16 {
margin-left: 16px;
}
#pys .mr-16 {
margin-right: 16px;
}
#pys .mb-4 {
margin-bottom: 4px;
}
#pys .mt-4 {
margin-top: 4px;
}
#pys .ml-4 {
margin-left: 4px;
}
#pys .mr-4 {
margin-right: 4px;
}
#pys .mb-6 {
margin-bottom: 6px;
}
#pys .mt-6 {
margin-top: 6px;
}
#pys .ml-6 {
margin-left: 6px;
}
#pys .mr-6 {
margin-right: 6px;
}
#pys .mb-8 {
margin-bottom: 8px;
}
#pys .mt-8 {
margin-top: 8px;
}
#pys .ml-8 {
margin-left: 8px;
}
#pys .mr-8 {
margin-right: 8px;
}
#pys .mb-12 {
margin-bottom: 12px;
}
#pys .mt-12 {
margin-top: 12px;
}
#pys .ml-12 {
margin-left: 12px;
}
#pys .mr-12 {
margin-right: 12px;
}
#pys .flex-1 {
flex: 1;
}
#pys .w-100 {
width: 100%;
}
#pys .control-hidden-wrap:has(> .form-control-hidden) {
margin: 0;
}
#pys .gap-16 {
display: flex;
flex-direction: column;
gap: 16px;
}
#pys .gap-22 {
display: flex;
flex-direction: column;
gap: 22px;
}
#pys .gap-24 {
display: flex;
flex-direction: column;
gap: 24px;
}
#pys .tippy-box {
z-index: 1060;
max-width: 320px;
border-radius: 3px;
background-color: #252A31;
}
#pys .tippy-content {
font-size: 12px;
padding: 8px 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
color: #fff;
}
#pys .tippy-content p {
color: inherit;
font-size: inherit;
margin: 0;
}
#pys .tippy-content a {
text-decoration: none;
position: relative;
color: #fff;
margin-top: 8px;
font-size: inherit;
}
#pys .tippy-content a:after {
content: "";
position: absolute;
left: 0;
opacity: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #fff;
transition: all 0.4s ease-in-out;
}
#pys .tippy-content a:hover {
color: #fff;
}
#pys .tippy-content a:hover:after {
background-color: #fff;
opacity: 1;
transition: all 0.4s ease-in-out;
}
#pys .tippy-content a.link-underline:after {
opacity: 1;
}
#pys .tippy-content ul, #pys .tippy-content li {
font-size: inherit;
}
#pys .tippy-arrow {
color: #252A31;
}
#pys .tippy-box[data-animation=scale][data-placement^=top] {
transform-origin: bottom;
}
#pys .tippy-box[data-animation=scale][data-placement^=bottom] {
transform-origin: top;
}
#pys .tippy-box[data-animation=scale][data-placement^=left] {
transform-origin: right;
}
#pys .tippy-box[data-animation=scale][data-placement^=right] {
transform-origin: left;
}
#pys .tippy-box[data-animation=scale][data-state=hidden] {
transform: scale(0.5);
opacity: 0;
}
#pys .input-standard {
padding: 11px 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
transition: all 0.4s ease-in-out;
background-color: #fff;
min-width: 304px;
width: 100%;
}
#pys .input-standard:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
transition: all 0.4s ease-in-out;
}
#pys .input-standard::placeholder {
color: #697D95;
}
#pys .input-medium {
padding: 11px 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
transition: all 0.4s ease-in-out;
background-color: #fff;
min-width: 304px;
width: 500px;
}
#pys .input-medium:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
transition: all 0.4s ease-in-out;
}
#pys .input-medium::placeholder {
color: #697D95;
}
#pys .input-short {
padding: 11px 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
transition: all 0.4s ease-in-out;
background-color: #fff;
min-width: 304px;
}
#pys .input-short:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
transition: all 0.4s ease-in-out;
}
#pys .input-short::placeholder {
color: #697D95;
}
#pys .condition_search .input-standard {
min-width: auto;
}
#pys .input-gray {
padding: 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
background: #F1F2F8;
}
#pys .textarea-standard {
padding: 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
transition: all 0.4s ease-in-out;
line-height: 125%;
width: 100%;
min-height: 80px;
}
#pys .textarea-standard:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
transition: all 0.4s ease-in-out;
}
#pys .textarea-standard::placeholder {
color: #697D95;
}
#pys .textarea-large {
padding: 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
transition: all 0.4s ease-in-out;
line-height: 125%;
width: 100%;
min-height: 176px;
}
#pys .textarea-large:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
transition: all 0.4s ease-in-out;
}
#pys .textarea-large::placeholder {
color: #697D95;
}
#pys .select-standard-wrap {
position: relative;
display: inline-block;
width: 304px;
}
#pys .select-standard-wrap:after {
content: "\e904";
font-family: "icomoon" !important;
font-size: 18px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
color: #4A4A4A;
height: 16px;
}
#pys .select-standard-wrap .select-standard,
#pys .select-standard-wrap .select-short {
padding: 11px 40px 11px 12px;
border-radius: 3px !important;
border: 1px solid #BAC7D5;
outline: none;
width: 100%;
background-image: none;
appearance: none;
line-height: 125%;
}
#pys .select-standard-wrap .select-standard option,
#pys .select-standard-wrap .select-short option {
appearance: none;
background-color: #fff;
padding: 8px 6px;
font-family: inherit;
font-weight: 400;
line-height: 125%;
}
#pys .select-standard-wrap .select-standard option:hover,
#pys .select-standard-wrap .select-short option:hover {
background-color: #0172CB;
color: #fff;
}
#pys .select-standard-wrap .select-standard:focus,
#pys .select-standard-wrap .select-short:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
}
#pys .select-short-wrap {
position: relative;
display: inline-block;
width: 80px;
}
#pys .select-short-wrap:after {
content: "\e904";
font-family: "icomoon" !important;
font-size: 18px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
color: #4A4A4A;
height: 16px;
}
#pys .select-short-wrap .select-standard,
#pys .select-short-wrap .select-short {
padding: 11px 40px 11px 12px;
border-radius: 3px !important;
border: 1px solid #BAC7D5;
outline: none;
width: 100%;
background-image: none;
appearance: none;
line-height: 125%;
}
#pys .select-short-wrap .select-standard option,
#pys .select-short-wrap .select-short option {
appearance: none;
background-color: #fff;
padding: 8px 6px;
font-family: inherit;
font-weight: 400;
line-height: 125%;
}
#pys .select-short-wrap .select-standard option:hover,
#pys .select-short-wrap .select-short option:hover {
background-color: #0172CB;
color: #fff;
}
#pys .select-short-wrap .select-standard:focus,
#pys .select-short-wrap .select-short:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
}
#pys .form-control-hidden {
display: none !important;
}
#pys .conversion-label-input {
padding: 11px;
border-radius: 3px;
border: 1px solid #BAC7D5;
width: 304px;
}
#pys .pysselect2 .pysselect2-selection--single {
height: auto !important;
min-height: unset !important;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 11px 40px 11px 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
width: 100%;
background-image: none;
appearance: none;
line-height: 125%;
}
#pys .pysselect2 .pysselect2-selection--single .pysselect2-selection__arrow {
display: none;
}
#pys .pysselect2 .pysselect2-selection__rendered {
line-height: normal;
padding: 0 !important;
height: 100%;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
#pys .pysselect2 .pysselect2-selection--multiple {
height: 100% !important;
min-height: unset !important;
padding: 6px !important;
border: 1px solid #BAC7D5;
}
#pys .pysselect2 .pysselect2-selection--multiple:focus {
border: 1px solid #0172CB;
box-shadow: 0 0 0 2px #E8F4FD;
}
#pys .pysselect2 .pysselect2-selection--multiple .pysselect2-selection__choice {
line-height: 100%;
padding: 4px 8px 4px 12px;
border: none;
background-color: #E8EDF1;
border-radius: 3px;
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
direction: ltr;
transition: all 0.4s ease-in-out;
}
#pys .pysselect2 .pysselect2-selection--multiple .pysselect2-selection__choice .pysselect2-selection__choice__remove {
margin-left: 0;
direction: ltr;
position: relative;
padding-right: 12px;
font-size: 14px;
background: transparent;
cursor: pointer;
background: none;
border: none;
width: auto;
height: auto;
color: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
}
#pys .pysselect2 .pysselect2-selection--multiple .pysselect2-selection__choice .pysselect2-selection__choice__remove:before {
content: "\e905";
font-family: "icomoon" !important;
color: rgba(28, 27, 31, 0.5019607843);
font-size: 16px;
position: absolute;
top: 50%;
left: 3px;
transform: translate(-50%, -50%);
}
#pys .pysselect2 .pysselect2-selection--multiple .pysselect2-selection__choice:hover {
background-color: #DCE3E9;
transition: all 0.4s ease-in-out;
}
#pys .view_input {
padding: 11px 40px 11px 12px;
border-radius: 3px;
border: 1px solid #BAC7D5;
outline: none;
width: 100%;
background-image: none;
appearance: none;
line-height: 125%;
background-color: #fff;
}
#pys .view_input:after {
content: "\e904";
font-family: "icomoon" !important;
font-size: 18px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
color: #4A4A4A;
height: 22px;
}
#pys .input-number-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
}
#pys .input-number-wrapper.input-number-wrapper-percent input[type=number] {
padding-right: 22px;
text-align: right;
}
#pys .input-number-wrapper.input-number-wrapper-percent:after {
content: "%";
position: absolute;
right: 43px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
font-size: 12px;
}
#pys .input-number-wrapper .decrease, #pys .input-number-wrapper .increase {
border: none;
width: 20px;
height: 20px;
background: #E8EDF1;
cursor: pointer;
border-radius: 50%;
position: relative;
outline: none;
}
#pys .input-number-wrapper .decrease i, #pys .input-number-wrapper .increase i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
}
#pys .input-number-wrapper input {
flex: 0;
width: auto;
margin: 0 12px;
border-radius: 2px;
border: 1px solid #BAC7D5;
text-align: center;
padding: 9px 4px;
max-width: 60px;
-moz-appearance: textfield;
}
#pys .input-number-wrapper input::-webkit-outer-spin-button, #pys .input-number-wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#pys .custom-control-input {
display: none;
}
#pys .disabled-input {
min-width: 304px;
padding: 12px;
border-radius: 3px;
border: 1px solid #F0F0F1;
width: fit-content;
}
#pys .radio-inputs-wrap > div:not(:last-child) {
margin-bottom: 10px;
}
#pys .radio-inputs-wrap-big > .radio-standard:not(:last-child) {
margin-bottom: 26px;
}
#pys .radio-inputs-wrap-big > .radio-standard:last-child {
margin-bottom: 16px;
}
#pys .radio-standard {
display: flex;
flex-direction: column;
gap: 10px;
width: fit-content;
}
#pys .radio-standard .radio-checkbox-label {
display: flex;
align-items: center;
cursor: pointer;
}
#pys .radio-standard .standard-control-indicator {
width: 20px;
height: 20px;
border: 1px solid #BAC7D5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: all 0.2s ease-in-out;
}
#pys .radio-standard .custom-control-input:checked + .radio-checkbox-label .standard-control-indicator {
border: 6px solid #0172CB;
transition: all 0.2s ease-in-out;
}
#pys .radio-standard .custom-control-input:disabled + .radio-checkbox-label .standard-control-indicator {
background-color: #E8EDF1;
cursor: not-allowed;
}
#pys .radio-standard .custom-control-input:disabled + .radio-checkbox-label .standard-control-description {
color: #8D8D8D;
cursor: not-allowed;
}
#pys .radio-standard .standard-control-description {
margin-left: 10px;
}
.pysselect2-dropdown {
border-right: 1px solid #BAC7D5;
border-bottom: 1px solid #BAC7D5;
border-left: 1px solid #BAC7D5;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.pysselect2-dropdown .pysselect2-results__options {
max-height: 300px;
}
.pysselect2-dropdown .pysselect2-results__option {
font-size: 16px;
padding: 6px 18px;
color: #252A31;
margin: 2px 0;
}
#pys .pysselect2-brand + span.pysselect2.pysselect2-container {
width: 100% !important;
}
#pys .critical_message {
background-color: #FCF3F3;
border-radius: 3px;
padding: 12px;
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: rgba(210, 28, 28, 0.1) rgba(210, 28, 28, 0.1) rgba(210, 28, 28, 0.1) #D21C1C;
}
#pys .warning-message {
display: flex;
align-items: center;
}
#pys .warning-message .warning-icon i {
margin-right: 4px;
}
#pys .warning-message .warning-icon i:before {
font-size: 20px;
color: #5D5D5D;
}
#pys .warning-message .message-content {
color: #5D5D5D;
}
#pys .alert {
margin-top: 24px;
padding: 10px;
border: 1px solid;
border-radius: 3px;
position: relative;
border-left: 3px solid;
font-weight: 700;
line-height: 134%;
font-size: 14px;
display: flex;
gap: 8px;
align-items: center;
}
#pys .alert:before {
content: "";
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
flex-shrink: 0;
}
#pys .alert.alert-success {
background-color: #F2F8F2;
border-color: rgba(40, 161, 56, 0.1);
border-left-color: #28A138;
}
#pys .alert.alert-success:before {
background-image: url("../images/alert-success.svg");
}
#pys .alert.alert-danger {
background-color: #FCF3F3;
border-color: rgba(210, 28, 28, 0.1);
border-left-color: #D21C1C;
}
#pys .alert.alert-danger:before {
background-image: url("../images/alert-danger.svg");
}
#pys .alert.alert-warning {
background-color: #FEF7F1;
border-color: rgba(233, 131, 5, 0.1);
border-left-color: #DF7B00;
}
#pys .alert.alert-warning:before {
background-image: url("../images/alert-warning.svg");
}
#pys hr {
padding: 0;
margin: 0;
border: 0 transparent;
border-bottom: 1px solid #F0F0F1;
}
#pys .indicator {
outline: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
width: 58px;
height: 26px;
padding: 4px;
background: #F0F0F1;
border: 1px solid #BAC7D5;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
#pys .indicator span {
display: inline-block;
position: relative;
font-weight: inherit;
font-size: inherit;
}
#pys .indicator span:after {
content: "";
display: block;
height: 2px;
width: 100%;
position: absolute;
bottom: -2px;
background-color: #008000;
border-radius: 50px;
}
#pys .indicator.indicator-off span:after {
background-color: #FF0000;
}
#pys .indicator-label {
font-weight: 500;
line-height: 134%;
color: #252A31;
margin-left: 16px;
}
#pys .icon-load {
width: 24px;
height: 24px;
display: none;
}
#pys .icon-load.active {
display: block;
animation: spin 2s linear infinite;
}
#pys {
text-align: left;
background: #F0F0F1;
margin: 0;
}
#pys * {
box-sizing: border-box;
}
#pys .tag-logo {
width: 58px;
height: 58px;
margin-right: 16px;
}
#pys .line, #pys .line-dark {
width: 100%;
height: 1px;
}
#pys .line {
border-bottom: 1px solid #F0F0F1;
}
#pys .line-dark {
border-bottom: 1px solid #BAC7D5;
}
#pys a {
box-shadow: none;
}
#pys .switcher-subinput, #pys .offset-block {
margin-left: 74px;
}
#pys .switcher-subinput .conversion-label:not(:last-child), #pys .offset-block .conversion-label:not(:last-child) {
margin-bottom: 16px;
}
#pys .conversion-labels .conversion-label:not(:last-child) {
margin-bottom: 16px;
}
#pys .detecting-form-description:not(:last-child) {
margin-bottom: 8px;
}
.wp-admin #wpbody-content .notice:not(.pys-fixed-notice):not(.pys-notice):not(.cm-fixed-notice):not(.cm-notice):not(.cog-notice):not(.boost-notice),
.wp-admin #wpbody-content .message:not(.pys-fixed-notice):not(.pys-notice):not(.cm-fixed-notice):not(.cm-notice):not(.cog-notice):not(.boost-notice),
.wp-admin #wpbody-content .error:not(.pys-fixed-notice):not(.pys-notice):not(.cm-fixed-notice):not(.cm-notice):not(.cog-notice):not(.boost-notice),
.wp-admin #wpbody-content .woocommerce-message {
display: none !important;
}
#wpcontent {
padding-left: 0 !important;
}
#wpbody-content {
padding-bottom: 0 !important;
display: flex;
flex-direction: column;
}
#wpbody-content > #pys {
order: -1;
}
#pys .pys-general-menu {
background: #fff;
width: 100%;
display: flex;
background: #FFF;
box-shadow: 0 688px 193px 0 rgba(0, 0, 0, 0), 0 440px 176px 0 rgba(0, 0, 0, 0.01), 0 248px 149px 0 rgba(0, 0, 0, 0.03), 0 110px 110px 0 rgba(0, 0, 0, 0.04), 0 28px 61px 0 rgba(0, 0, 0, 0.05);
}
#pys .pys-general-menu .nav-tabs {
display: flex;
align-items: center;
column-gap: 40px;
}
#pys .pys-general-menu .nav-tabs .nav-link {
text-decoration: none;
position: relative;
display: flex;
align-items: center;
height: 100%;
outline: none;
box-shadow: none;
transition: all 0.4s ease-in-out;
color: #BAC7D5;
}
#pys .pys-general-menu .nav-tabs .nav-link::after {
content: "";
position: absolute;
left: 50%;
bottom: 15px;
width: 0;
height: 2px;
background-color: #E56220;
transition: all 0.4s ease-in-out;
transform: translateX(-50%);
opacity: 0;
}
#pys .pys-general-menu .nav-tabs .nav-link::after:hover {
width: 100%;
}
#pys .pys-general-menu .nav-tabs .nav-link.active {
color: #E56220;
}
#pys .pys-general-menu .nav-tabs .nav-link:hover {
color: #E56220;
transition: all 0.4s ease-in-out;
}
#pys .pys-general-menu .nav-tabs .nav-link:hover:not(.active)::after {
width: 100%;
opacity: 1;
}
#pys #pys-title {
color: #2F2F2F;
font-size: 32px;
padding: 22px;
font-weight: 600;
}
#pys .pys-logo {
padding: 11px 28px 11px 22px;
display: flex;
align-items: center;
}
#pys .pys-logo img {
height: 34px;
width: 34px;
}
#pys .sidebar-col {
display: flex;
flex-direction: column;
gap: 20px;
}
#pys .sidebar-col .item-wrap {
padding: 24px 20px;
background: #fff;
border-radius: 5px;
}
#pys .sidebar-col .item-wrap .nav .nav-link {
box-shadow: none;
text-decoration: none;
border: none;
}
#pys .sidebar-col .item-wrap .nav .sidebar-menu-item {
display: flex;
align-items: center;
padding: 10px 5px;
transition: all 0.4s ease-in-out;
}
#pys .sidebar-col .item-wrap .nav .sidebar-menu-item .sidebar-menu-title {
margin-left: 12px;
transition: all 0.4s ease-in-out;
font-size: 14px;
}
#pys .sidebar-col .item-wrap .nav .sidebar-menu-item img {
width: 20px;
height: 20px;
}
#pys .sidebar-col .item-wrap .nav .sidebar-menu-item:hover {
background: #F1F1F1;
transition: all 0.4s ease-in-out;
border-radius: 8px;
}
#pys .sidebar-col .item-wrap .nav .sidebar-menu-item:hover .sidebar-menu-title {
transform: translateX(-4px);
transition: all 0.4s ease-in-out;
}
#pys .cards-wrapper {
border-radius: 5px;
display: flex;
flex-direction: column;
}
#pys .cards-wrapper-style1 {
background-color: #fff;
padding: 24px;
}
#pys .cards-wrapper-style2 {
padding: 0;
}
#pys .cards-wrapper.general-page-wrapper .card.card-static > .card-body {
padding: 0 44px;
border-radius: 0 0 5px 5px;
}
#pys .cards-wrapper.events-page-wrapper .card.card-static .card-body-general {
padding: 0 38px;
border-radius: 0 0 12px 12px;
}
#pys .cards-wrapper .card-custom-events .card-body {
padding: 0 16px;
}
#pys .card {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
margin: 0;
border: none;
padding: 0;
box-shadow: none;
}
#pys .card.card-border {
border: 1px solid #F0F0F1;
}
#pys .card > .card-header {
margin: 0;
color: #303030;
}
#pys .card > .card-header.has_switch {
display: flex;
justify-content: space-between;
align-items: center;
}
#pys .card > .card-header .card-collapse i {
position: relative;
right: 27px;
font-size: 24px;
top: 1px;
}
#pys .card > .card-header .card-collapse i:before {
position: absolute;
transition: all 0.4s ease-in-out;
color: #003E6B;
opacity: 0.6;
}
#pys .card > .card-header .card-collapse i:hover:before {
transition: all 0.4s ease-in-out;
transform: rotate(180deg);
opacity: 1;
}
#pys .card > .card-header.header-opened i:before {
opacity: 1;
}
#pys .card > .card-header-style1 {
border-radius: 5px 5px 0 0;
padding: 24px;
background-color: #F1F2F8;
}
#pys .card > .card-header-style2 {
border-radius: 12px;
padding: 24px 16px;
background-color: #fff;
}
#pys .card > .card-header-style3 {
border-radius: 12px;
padding: 24px 16px;
background-color: #F1F2F8;
}
#pys .card > .card-header-style4 {
border-radius: 12px;
padding: 24px;
background-color: #F1F2F8;
}
#pys .card.card-style1 > .card-body {
border: 1px solid #F0F0F1;
flex: 1 1 auto;
transition: all 0.4s ease-in-out;
border-radius: 0 0 5px 5px;
}
#pys .card.card-style1 > .card-body .pixel-data-wrap {
transition: all 0.4s ease-in-out;
}
#pys .card.card-style1 > .card-header {
max-height: 72px;
}
#pys .card > .card-body .pixel-wrap {
padding: 24px;
}
#pys .card > .card-body.card-body-gray {
background-color: #F1F2F8;
}
#pys .card > .card-body .card-body-description {
margin-bottom: 32px;
}
#pys .card .general-settings-checkbox:checked + .pixel-wrap + .settings_content_wrap {
opacity: 1;
max-height: 100000px;
transition: all 0.6s ease-in-out;
}
#pys .card .settings_content_wrap {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.6s ease-in-out;
}
#pys .card .settings_content {
padding: 24px 12px;
}
#pys .card .plate {
background: #F1F2F8;
padding: 24px 22px 20px;
border-radius: 5px;
position: relative;
}
#pys .card .card-collapse {
cursor: pointer;
position: relative;
}
#pys .card .card-heading {
margin-left: 16px;
font-size: 18px;
}
#pys .card.card-style2 {
border-radius: 12px;
background-color: #F1F2F8;
}
#pys .card.card-style2 > .card-header {
width: 100%;
max-height: 72px;
}
#pys .card.card-style2 > .card-body {
background-color: #F1F2F8;
border-radius: 0 0 12px 12px;
padding: 24px 22px 20px;
}
#pys .card.card-style2 .card-header .card-heading {
transition: all 0.4s ease-in-out;
}
#pys .card.card-style2 .card-header .disable-card .card-heading {
color: #5D5D5D;
opacity: 0.5;
transition: all 0.4s ease-in-out;
}
#pys .card.card-style3, #pys .card.card-style6 {
border-radius: 12px;
border: 1px solid #F0F0F1;
}
#pys .card.card-style3 > .card-body, #pys .card.card-style6 > .card-body {
border-top: 1px solid #F1F2F8;
}
#pys .card.card-style3 > .card-body:not(:has(+ .card-header)), #pys .card.card-style6 > .card-body:not(:has(+ .card-header)) {
border-top: none;
}
#pys .card.card-style3 > .card-header, #pys .card.card-style6 > .card-header {
max-height: 72px;
}
#pys .card.card-style3 > .card-body {
padding: 24px 22px 20px;
}
#pys .card.card-style6 > .card-body {
padding: 24px 38px 20px;
}
#pys .card.card-style4, #pys .card.card-style5 {
border-radius: 12px;
background-color: #F1F2F8;
}
#pys .card.card-style4 > .card-header, #pys .card.card-style5 > .card-header {
width: 100%;
max-height: 72px;
}
#pys .card.card-style4 > .card-body, #pys .card.card-style5 > .card-body {
border: 1px solid #F0F0F1;
background-color: #fff;
border-radius: 0 0 12px 12px;
}
#pys .card.card-style4 > .card-body {
padding: 24px 38px 20px;
}
#pys .card.card-style5 .card-collapse {
display: flex;
align-items: center;
}
#pys .card.card-style5 > .card-body {
padding: 24px 22px 20px;
}
#pys .card:not(.card-static) .card-body {
display: none;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys {
border-left: 3px solid #D21C1C;
width: 32% !important;
background-color: #FCF3F3;
padding: 8px 38px 0;
border-radius: 3px;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-title-c {
padding-bottom: 10px;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-title-c .jconfirm-title {
position: relative;
font-weight: 700;
line-height: 150%;
font-size: 14px;
color: #252A31;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-title-c .jconfirm-title:before {
content: "\e90b";
font-family: "icomoon" !important;
color: #D21C1C;
font-size: 20px;
position: absolute;
top: 50%;
left: -18px;
transform: translate(-50%, -50%);
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-content p {
font-weight: 400;
line-height: 125%;
margin: 0;
font-size: 14px;
color: #252A31;
overflow: hidden;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons {
float: left;
font-weight: 500;
line-height: 134%;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn {
text-transform: initial;
font-weight: inherit;
font-size: 12px;
padding: 8px 12px;
margin-left: 0;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn-pys.btn-pys-red {
background-color: #D21C1C;
color: #fff;
border-radius: 3px;
margin-right: 8px;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn-pys.btn-pys-red:hover {
background-color: #B91919;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn-pys.btn-pys-red:focus {
background-color: #9D1515;
outline: none;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn-pys.btn-pys-red ~ .btn-default {
background-color: #F8E2E2;
color: #970C0C;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn-pys.btn-pys-red ~ .btn-default:hover {
background-color: #DCE3E9;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-buttons .btn-pys.btn-pys-red ~ .btn-default:focus {
background-color: #CAD4DE;
outline: none;
}
.jconfirm.jconfirm-light .jconfirm-box.jconfirm-type-pys .jconfirm-content-pane {
margin-bottom: 18px;
}
#pys_purchase_export_datepickers {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
#pys .pys_datepicker {
position: relative;
display: inline-block;
width: 304px;
}
#pys .pys_datepicker:after {
content: "\e904";
font-family: "icomoon" !important;
font-size: 18px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
color: #4A4A4A;
height: 16px;
}
#pys .pys_datepicker .select-standard,
#pys .pys_datepicker .select-short {
padding: 11px 40px 11px 12px;
border-radius: 3px !important;
border: 1px solid #BAC7D5;
outline: none;
width: 100%;
background-image: none;
appearance: none;
line-height: 125%;
}
#pys .pys_datepicker .select-standard option,
#pys .pys_datepicker .select-short option {
appearance: none;
background-color: #fff;
padding: 8px 6px;
font-family: inherit;
font-weight: 400;
line-height: 125%;
}
#pys .pys_datepicker .select-standard option:hover,
#pys .pys_datepicker .select-short option:hover {
background-color: #0172CB;
color: #fff;
}
#pys .pys_datepicker .select-standard:focus,
#pys .pys_datepicker .select-short:focus {
box-shadow: 0 0 0 2px #E8F4FD;
border: 1px solid #0172CB;
}
#ui-datepicker-div {
width: 282px;
padding: 14px;
border-radius: 3px;
border: 1px solid #BAC7D5;
z-index: 100 !important;
box-sizing: border-box;
}
#ui-datepicker-div .ui-datepicker table {
margin: 0;
}
#ui-datepicker-div .ui-widget-header {
border: none;
background: none;
padding: 0;
}
#ui-datepicker-div .ui-widget-header span {
color: #303030;
}
#ui-datepicker-div .ui-widget-header .ui-state-hover {
border: none;
background: none;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev {
transition: all 0.2s ease-in-out;
left: -2px;
top: 0;
border-radius: 8px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.75 10C16.75 10.4142 16.4142 10.75 16 10.75L6.31078 10.75L9.0307 13.4696C9.32361 13.7625 9.32363 14.2374 9.03075 14.5303C8.73787 14.8232 8.263 14.8232 7.97009 14.5304L3.96969 10.5304C3.82902 10.3897 3.75 10.1989 3.75 10C3.75 9.80107 3.82902 9.6103 3.96969 9.46964L7.97009 5.46964C8.263 5.17676 8.73787 5.17679 9.03075 5.4697C9.32363 5.7626 9.32361 6.23748 9.0307 6.53036L6.31078 9.25L16 9.25C16.4142 9.25 16.75 9.58579 16.75 10Z" fill="%234A4A4A"/></svg>');
background-position: 0;
margin-left: -10px;
margin-top: -10px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
transition: all 0.2s ease-in-out;
right: -2px;
top: 0;
border-radius: 8px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon {
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 10C3.5 9.58579 3.83579 9.25 4.25 9.25L13.9396 9.25L11.2197 6.53036C10.9268 6.23748 10.9268 5.7626 11.2196 5.4697C11.5125 5.17679 11.9874 5.17676 12.2803 5.46964L16.2807 9.46964C16.4214 9.6103 16.5004 9.80107 16.5004 10C16.5004 10.1989 16.4214 10.3897 16.2807 10.5304L12.2803 14.5304C11.9874 14.8232 11.5125 14.8232 11.2196 14.5303C10.9268 14.2374 10.9268 13.7625 11.2197 13.4696L13.9396 10.75L4.25 10.75C3.83579 10.75 3.5 10.4142 3.5 10Z" fill="%234A4A4A"/></svg>');
background-position: 0;
margin-left: -10px;
margin-top: -10px;
}
#ui-datepicker-div .ui-widget-header .ui-icon {
width: 20px;
height: 20px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev-hover {
top: 0;
background: #F1F1F1;
transition: all 0.2s ease-in-out;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next-hover {
top: 0;
background: #F1F1F1;
transition: all 0.2s ease-in-out;
}
#ui-datepicker-div .ui-datepicker-calendar thead th span {
color: #646464;
}
#ui-datepicker-div th span,
#ui-datepicker-div td a,
#ui-datepicker-div .ui-datepicker-title span {
font-weight: 600;
line-height: 100%;
color: #252A31;
font-size: 13px;
}
#ui-datepicker-div td:not(.ui-datepicker-today) .ui-state-default {
border: none;
background: none;
font-weight: normal;
color: #252A31;
text-align: center;
vertical-align: middle;
transition: all 0.2s ease-in-out;
}
#ui-datepicker-div td:not(.ui-datepicker-today) .ui-state-default.ui-state-highlight, #ui-datepicker-div td:not(.ui-datepicker-today) .ui-state-default.ui-state-active {
background: #252A31;
color: #fff;
transition: all 0.2s ease-in-out;
}
#ui-datepicker-div td:not(.ui-datepicker-today) .ui-state-default.ui-state-hover:not(.ui-state-highlight) {
background: #F1F1F1;
transition: all 0.2s ease-in-out;
}
#ui-datepicker-div td.ui-datepicker-today {
border-radius: 8px;
}
#ui-datepicker-div td.ui-datepicker-today .ui-state-default {
background: #B5B5B5;
border: none;
font-weight: normal;
text-align: center;
vertical-align: middle;
}
#ui-datepicker-div td {
padding: 1px;
}
#ui-datepicker-div td a {
padding: 6px 4px;
line-height: 134%;
border-radius: 8px;
}
#ui-datepicker-div a:focus {
outline: none;
box-shadow: none;
}
#pys .facebook-description {
padding-bottom: 20px;
}
#pys .link_youtube {
background-color: #FEF7E7;
border-radius: 5px;
padding: 24px 38px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
#pys .link_youtube .youtube_description {
display: flex;
gap: 32px;
align-items: center;
flex: 1;
}
#pys .link_youtube .youtube_description img {
width: 80px;
height: 80px;
}
#pys .link_youtube .youtube_description p {
font-size: 24px;
line-height: 120%;
max-width: 810px;
}
#pys .link_youtube .youtube_button a {
font-size: 13px;
}
#pys .video-links-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px 22px;
}
#pys .video-links-wrapper .video-block-item {
padding: 14px;
display: flex;
align-items: center;
gap: 16px;
background: #fff;
border-radius: 12px;
transition: all 0.4s ease-in-out;
}
#pys .video-links-wrapper .video-block-item .youtube-icon {
width: 40px;
height: 40px;
}
#pys .video-links-wrapper .video-block-item .youtube-icon path#background {
transition: all 0.4s ease-in-out;
}
#pys .video-links-wrapper .video-block-item:hover {
box-shadow: 0 230px 64px 0 rgba(0, 0, 0, 0), 0 147px 59px 0 rgba(0, 0, 0, 0.01), 0 83px 50px 0 rgba(0, 0, 0, 0.05), 0 37px 37px 0 rgba(0, 0, 0, 0.09), 0 9px 20px 0 rgba(0, 0, 0, 0.1);
}
#pys .video-links-wrapper .video-block-item:hover .youtube-icon path#background {
fill: #E60000;
fill-opacity: 1;
transition: all 0.4s ease-in-out;
}
#pys .video-links-wrapper .video-block-item .youtube-title {
flex: 1;
}
#pys .video-links-wrapper .video-block-item .youtube-title .title {
color: #303030;
line-height: 154%;
margin-bottom: 4px;
font-size: 13px;
}
#pys .video-links-wrapper .video-block-item .youtube-title .time {
color: #616161;
font-size: 13px;
line-height: 154%;
}
#pys .card-video {
background-color: #F1F2F8;
border-radius: 12px;
}
#pys .card-video .card-header {
padding: 24px;
width: 100%;
}
#pys .card-video .card-header .icon-shevron-down {
font-size: 24px;
color: #252A31;
}
#pys .card-video .card-header i {
position: relative;
right: 0;
top: 4px;
}
#pys .card-video .card-header h4 {
font-size: 18px;
}
#pys .card-video .card-header .icon-shevron-down:before {
transition: all 0.4s ease-in-out;
transform: rotate(-90deg);
display: inline-block;
}
#pys .card-video .card-header.header-opened .icon-shevron-down:before {
transform: rotate(0deg);
}
#pys .card-video .card-body {
padding: 16px 22px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
#pys .card-video .watch-more {
margin-top: 25px;
display: flex;
align-items: center;
justify-content: center;
}
#pys .card-video .watch-more a {
font-size: 15px;
}
#pys .card-video a.link:after {
bottom: 1px;
}
#pys .conversion-label {
display: flex;
align-items: center;
gap: 8px;
}
#pys .global-parameters {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
#pys .global-parameters .global-parameter-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 16px;
border-radius: 12px;
border: 1px solid #F0F0F1;
}
#pys .global-parameters .global-parameter-item:not(.global-parameter-item-pro) {
background-color: #fff;
}
#pys .global-parameters .global-parameter-item.global-parameter-item-pro {
background-color: #FFF8E2;
}
#pys .global-parameters .global-parameter-item.global-parameter-item-pro .switcher-label {
color: rgba(93, 93, 93, 0.5);
}
#pys .global-parameters .global-parameter-item .global-parameter-inputs {
display: flex;
}
#pys .global-parameters .global-parameter-item .global-parameter-property {
display: flex;
align-items: center;
}
#pys .global-parameters .global-parameter-item .global-parameter-property .global-parameter-property-icon {
width: 24px;
height: 24px;
}
#pys .global-parameters .global-parameter-item h4 {
font-size: 18px;
}
#pys .parameters-list {
color: #FF6100;
font-style: italic;
}
#pys .about-params .icon-Info {
font-size: 34px;
}
#pys .about-params .heading-with-icon {
margin-left: 2px;
font-size: 18px;
}
#pys .about-params .card-header {
padding: 19px 23px;
}
#pys .about-params .card-header {
padding: 19px 22px;
}
#pys .about-params p {
color: #303030;
line-height: 144%;
}
#pys .about-params ul li, #pys .about-params span {
line-height: 185%;
font-weight: inherit;
}
#pys .hide-block-item {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#pys .hide-block-item-switcher {
display: flex;
align-items: center;
}
#pys .pixel-data-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
#pys .pixel-data-wrap .conditions-logic-track {
display: -ms-flexbox;
display: flex;
align-items: center;
margin-bottom: 8px;
gap: 8px;
}
#pys .pixel-data-wrap .conditions-logic-track .select-standard-wrap {
width: 150px;
}
#pys .global-events-list {
display: flex;
flex-direction: column;
gap: 6px;
}
#pys .pixel-heading {
width: 100%;
}
#pys .pixel-heading .d-flex {
flex-grow: 1;
}
#pys .pixel-heading .text-gray {
font-size: 14px;
line-height: 150%;
color: #5D5D5D;
}
#pys .pixel-heading .link-feature-block > *:not(:first-child) {
margin-top: 15px;
}
#pys .hook-card .pro-badge-block {
display: -ms-flexbox;
display: flex;
align-items: center;
gap: 16px;
}
#pys .events-general-content-wrap {
padding: 24px 0 20px;
}
#pys .events-general-content-wrap .buttons-action-events {
display: flex;
}
#pys .events-general-content-wrap .buttons-action-events:not(.checked) .btn-event-action {
opacity: 0.2;
pointer-events: none;
cursor: not-allowed;
transition: all 0.4s ease-in-out;
}
#pys .events-general-content-wrap .buttons-action-events .btn-event-action {
transition: all 0.4s ease-in-out;
}
#pys .card.card-custom-events .card-body {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
#pys .export-import-buttons {
display: flex;
align-items: center;
gap: 16px;
}
#pys #import_events_file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
#pys #table-custom-events {
width: 100%;
border-collapse: collapse;
}
#pys #table-custom-events thead th:first-child {
padding: 10px 12px 10px 2px;
}
#pys #table-custom-events thead th:not(:first-child) {
padding: 10px 12px;
border-bottom: 1px solid #BAC7D5;
}
#pys #table-custom-events thead th.column-title {
font-size: 14px;
}
#pys #table-custom-events tbody tr td:first-child {
padding: 24px 12px 24px 2px;
}
#pys #table-custom-events tbody tr td:nth-child(2) {
padding: 0 12px;
}
#pys #table-custom-events tbody tr td:not(:first-child) {
border-bottom: 1px solid #E8EDF1;
}
#pys #table-custom-events tbody tr td:not(:first-child):not(:nth-child(2)) {
padding: 32px 12px;
}
#pys #table-custom-events .event-select {
width: 4%;
}
#pys #table-custom-events .event-networks-col {
width: 30%;
}
#pys #table-custom-events .event-networks-col .event-networks {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
#pys #table-custom-events .event-networks-col .event-network {
width: 20px;
height: 20px;
}
#pys #table-custom-events .event-networks-col .event-network.disabled {
filter: grayscale(100%);
}
@media screen and (max-width: 1550px) {
#pys #table-custom-events .event-networks-col {
width: 38%;
}
}
#pys #table-custom-events .event-row.disabled td:not(:first-child) {
opacity: 0.2;
}
#pys #table-custom-events .event-title-cell {
position: relative;
overflow: hidden;
width: 38%;
}
@media screen and (max-width: 1550px) {
#pys #table-custom-events .event-title-cell {
width: 30%;
}
}
#pys #table-custom-events .event-title-cell .event-title-wrapper {
display: flex;
flex-direction: column;
}
#pys #table-custom-events .event-title-cell .event-title {
transition: all 0.4s ease-in-out;
}
#pys #table-custom-events .event-title-cell .event-title a {
font-size: 18px;
color: #005BD3;
}
#pys #table-custom-events .event-title-cell .event-actions {
bottom: -12px;
opacity: 0;
transition: all 0.4s ease-in-out;
position: absolute;
display: flex;
align-items: center;
background: #fff;
padding: 2px 10px;
border: 1px solid rgba(217, 217, 217, 0.2);
border-radius: 8px;
}
#pys #table-custom-events .event-title-cell .event-actions a {
font-size: 14px;
}
#pys #table-custom-events .event-title-cell .event-actions .remove-custom-event {
color: #D21C1C;
}
#pys #table-custom-events .event-title-cell .event-actions .remove-custom-event::after {
background-color: #D21C1C;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle::after {
background-color: #252A31;
}
#pys #table-custom-events .event-title-cell .event-actions .row-separator {
margin: 0 10px;
background-color: #D9D9D9;
height: 20px;
width: 1px;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle, #pys #table-custom-events .event-title-cell .event-actions .remove-custom-event {
position: relative;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle::after, #pys #table-custom-events .event-title-cell .event-actions .remove-custom-event::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 1px;
transition: all 0.4s ease-in-out;
transform: translateX(-50%);
opacity: 0;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle::after:hover, #pys #table-custom-events .event-title-cell .event-actions .remove-custom-event::after:hover {
width: 100%;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle:hover, #pys #table-custom-events .event-title-cell .event-actions .remove-custom-event:hover {
transition: all 0.4s ease-in-out;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle:hover::after, #pys #table-custom-events .event-title-cell .event-actions .remove-custom-event:hover::after {
width: 100%;
opacity: 1;
}
#pys #table-custom-events .event-title-cell .event-actions .event-toggle:focus, #pys #table-custom-events .event-title-cell .event-actions .remove-custom-event:focus {
outline: none;
}
#pys #table-custom-events .event-title-cell:hover .event-actions {
bottom: 4px;
opacity: 1;
}
#pys #table-custom-events .event-types {
width: 28%;
}
#pys #table-custom-events .event-types .event-type:not(:last-child) {
margin-bottom: 4px;
}
#pys #table-custom-events .event-types .event_error {
color: #D21C1C;
margin-top: 4px;
font-size: 13px;
}
#pys .pys_triggers_wrapper .trigger_group {
margin: 0 0px 20px 0px;
padding: 24px 22px 20px;
position: relative;
background-color: #F1F2F8;
border-radius: 5px;
}
#pys .pys_triggers_wrapper .trigger_group .trigger_group_head:not(.trigger_group_post_type) {
display: flex;
align-items: center;
margin-bottom: 24px;
}
#pys .pys_triggers_wrapper .trigger_group .trigger_group_head.trigger_group_post_type .fire_event_when {
margin-bottom: 24px;
}
#pys .pys_triggers_wrapper .trigger_group .trigger_group_head .event-delay {
align-items: center;
}
#pys .pys_triggers_wrapper .pys_remove_trigger {
position: absolute;
right: -38px;
top: 0;
z-index: 100;
}
#pys .pys_triggers_wrapper .event_trigger_wrapper {
display: flex;
align-items: center;
}
#pys .pys_triggers_wrapper .trigger_number_page_visit {
align-items: center;
}
#pys .events-page-wrapper .custom-event-pixel-header {
display: flex;
align-items: center;
}
#pys .events-page-wrapper .custom-event-pixel-header .pixel-logo {
width: 20px;
height: 20px;
margin-right: 16px;
}
#pys .events-page-wrapper .card-header-label {
display: flex;
}
#pys .events-page-wrapper .pixel_panel {
transition: all 0.4s ease-in-out;
}
#pys .events-page-wrapper .pixel_panel.disabled {
opacity: 0.2;
pointer-events: none;
cursor: not-allowed;
transition: all 0.4s ease-in-out;
}
#pys .events-page-wrapper .pixel_panel .custom-event-label {
font-weight: 600;
}
#pys .events-page-wrapper .custom-event-pixel-status {
display: flex;
gap: 24px;
align-items: center;
min-width: 146px;
}
#pys .events-page-wrapper .custom-event-pixel-status .pixel-status {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#pys .events-page-wrapper .custom-event-pixel-status .pixel-status .status {
color: #5D5D5D;
}
#pys .events-page-wrapper .custom-event-pixel-status .pixel-status .status:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 4px;
display: inline-block;
}
#pys .events-page-wrapper .custom-event-pixel-status .pixel-status .status.pixel-disabled:before {
background-color: #FFB800;
}
#pys .events-page-wrapper .custom-event-pixel-status .pixel-status .status.pixel-enabled:before {
background-color: #29845A;
}
#pys .events-page-wrapper .gtm-not-configured-error,
#pys .events-page-wrapper .facebook-not-configured-error,
#pys .events-page-wrapper .gatags-not-configured-error,
#pys .events-page-wrapper .tiktok-not-configured-error,
#pys .events-page-wrapper .pinterest-not-configured-error,
#pys .events-page-wrapper .bing-not-configured-error {
display: none;
}
#pys .event-parameter-list {
color: #FF6100;
}
#pys #custom-param-message {
display: none;
}
#pys .facebook-custom-event-type,
#pys .ga_conversion_label,
#pys .ga_ads_custom_event_action,
#pys .ga_ads_param,
#pys .tiktok-custom-event-type,
#pys #tiktok_params_panel,
#pys .pinterest-custom-event-type,
#pys #bing_panel,
#pys .gtm-param-list,
#pys #gtm-custom-action_g4,
#pys .gtm_custom_object_name {
display: block;
width: fit-content;
}
#pys .facebook-custom-event-type .input-standard,
#pys .ga_conversion_label .input-standard,
#pys .ga_ads_custom_event_action .input-standard,
#pys .ga_ads_param .input-standard,
#pys .tiktok-custom-event-type .input-standard,
#pys #tiktok_params_panel .input-standard,
#pys .pinterest-custom-event-type .input-standard,
#pys #bing_panel .input-standard,
#pys .gtm-param-list .input-standard,
#pys #gtm-custom-action_g4 .input-standard,
#pys .gtm_custom_object_name .input-standard {
width: auto;
}
#pys .pys_condition_wrapper .conditions_logic > .d-flex {
gap: 42px;
}
#pys .pys_conditions_wrapper .condition_group {
margin: 0 0px 20px 0px;
padding: 24px 22px 20px;
position: relative;
background-color: #F1F2F8;
border-radius: 5px;
}
#pys .pys_conditions_wrapper .condition_group_head {
display: flex;
align-items: center;
margin-bottom: 24px;
}
#pys .pys_conditions_wrapper .event_condition_wrapper {
display: flex;
align-items: center;
}
#pys .pys_conditions_wrapper .pys_remove_condition {
position: absolute;
right: -38px;
top: 0;
z-index: 100;
}
#facebook_params_panel .AddPaymentInfo,
#facebook_params_panel .AddToCart,
#facebook_params_panel .AddToWishlist,
#facebook_params_panel .CompleteRegistration,
#facebook_params_panel .InitiateCheckout,
#facebook_params_panel .Lead,
#facebook_params_panel .Purchase,
#facebook_params_panel .Search,
#facebook_params_panel .StartTrial,
#facebook_params_panel .Subscribe,
#facebook_params_panel .ViewContent {
display: none;
}
#facebook_params_panel.AddPaymentInfo .AddPaymentInfo, #facebook_params_panel.AddToCart .AddToCart, #facebook_params_panel.AddToWishlist .AddToWishlist, #facebook_params_panel.CompleteRegistration .CompleteRegistration, #facebook_params_panel.InitiateCheckout .InitiateCheckout, #facebook_params_panel.Lead .Lead, #facebook_params_panel.Purchase .Purchase, #facebook_params_panel.Search .Search, #facebook_params_panel.StartTrial .StartTrial, #facebook_params_panel.Subscribe .Subscribe, #facebook_params_panel.ViewContent .ViewContent {
display: block;
}
#facebook_params_panel input[type=text] {
width: auto;
}
#pys .grid-table {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 20px;
align-items: center;
row-gap: 8px;
}
#pys .woo-event-value-option {
display: flex;
flex-wrap: wrap;
row-gap: 16px;
}
#pys .woo-event-value-option span {
margin: 0 8px;
display: inline-block;
}
#pys .woo-event-value-option .woo-event-value-option-item {
display: flex;
align-items: center;
}
#pys .woo_brand_taxonomy_plugin .small-checkbox:not(:last-child) {
margin-bottom: 24px;
}
#pys .woo-recommended-events > .card-body > .card,
#pys .woo-advanced-events > .card-body > .card,
#pys .woo-extra-events > .card-body > .card {
margin-bottom: 22px;
}
#pys .woo-recommended-events > .card-body > .card:last-child, #pys .woo-recommended-events > .card-body > .card:has(+ .card[style*="display: none"]),
#pys .woo-advanced-events > .card-body > .card:last-child,
#pys .woo-advanced-events > .card-body > .card:has(+ .card[style*="display: none"]),
#pys .woo-extra-events > .card-body > .card:last-child,
#pys .woo-extra-events > .card-body > .card:has(+ .card[style*="display: none"]) {
margin-bottom: 0;
}
#pys .woo-settings-block .radio-standard:nth-child(2) {
margin-bottom: 14px;
}
#pys .wc-order-statuses .small-checkbox:not(:last-child),
#pys .woo-track-products-list .small-checkbox:not(:last-child) {
margin-bottom: 10px;
}
#pys .woo-delay {
margin-left: 74px;
}
#pys .woo-adv-events-condition {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
#pys .woo-extra-events .woo-extra-steps .woo-extra-step {
display: flex;
align-items: center;
}
#pys .woo-extra-events .woo-extra-steps .woo-extra-step:not(:last-child) {
margin-bottom: 24px;
}
#pys .woo-extra-events .woo-extra-steps .step, #pys .woo-extra-events .woo-extra-steps .empty-step {
min-width: 94px;
font-weight: 500;
}
#pys .woo-extra-events .woo-extra-complete-registration .woo-extra-complete-registration-block {
margin-left: 74px;
}
#pys .woo-export .woo-export-statuses .small-checkbox:not(:last-child) {
margin-bottom: 10px;
}
#pys .woo-export-actions {
display: flex;
align-items: center;
gap: 24px;
}
#pys .woo-export-actions .woo-export-actions-buttons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 24px;
}
#pys .export_links li:not(:last-child) {
margin-bottom: 10px;
}
#pys #woo_generate_export_loading .export-loading {
display: flex;
align-items: center;
gap: 24px;
}
#pys .woo-control-parameters {
display: flex;
flex-direction: column;
gap: 24px;
}
#pys .woo-control-parameters .woo-control-parameter-item {
display: flex;
align-items: center;
}
#pys .woo-params-block .woo-params-list .card:not(:last-child) {
margin-bottom: 22px;
}
#pys .head-footer-script {
display: flex;
flex-direction: column;
gap: 4px;
}
#pys .head-footer-script h4 {
line-height: 125%;
}
#pys .replacements-list {
list-style: none;
padding-left: 0;
margin-left: 9px;
}
#pys .replacements-list li {
position: relative;
padding-left: 15px;
}
#pys .replacements-list li:before {
content: "•";
position: absolute;
left: 0;
color: #FF6100;
font-size: 14px;
}
#pys .replacements-list .replacement-item {
color: #FF6100;
}
#pys .consent-plugin-card .card-body span {
display: block;
}
#pys .consent-plugin-card .secondary_heading_type2 span {
font-weight: inherit;
line-height: inherit;
font-size: inherit;
}
#pys .logs-wrapper .ico-button {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
color: #252A31;
font-weight: 500;
line-height: 135%;
font-size: 12px;
}
#pys .logs-wrapper .ico-button:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
#pys .logs-wrapper .ico-button.ico-trash:before {
background-image: url("../images/icon-trash.svg");
}
#pys .logs-wrapper .ico-button.ico-download:before {
background-image: url("../images/icon-download.svg");
}
#pys .logs-wrapper .card.loading .ico-trash:before {
background-image: url("../images/icon-load.svg");
animation: spin 2s linear infinite;
}
#pys .logs-wrapper .card.loading textarea {
background-color: #F1F2F8;
}
#pys .logs-wrapper textarea {
font-weight: 400;
line-height: 100%;
line-height: 20px;
font-size: 16px;
padding: 12px;
margin: 0;
background: #fff;
line-break: anywhere;
position: relative;
color: #697D95;
border: 1px solid #BAC7D5;
border-radius: 3px;
width: 100%;
height: 500px;
transition: all 0.3s;
/*&::-webkit-scrollbar {
background-color:#fff;
width:16px
}
&::-webkit-scrollbar-track {
background-color:#fff
}
&::-webkit-scrollbar-track:hover {
background-color:#f4f4f4
}
&::-webkit-scrollbar-thumb {
background-color:#babac0;
border-radius:16px;
border:5px solid #fff
}
&::-webkit-scrollbar-thumb:hover {
background-color:#a0a0a5;
border:4px solid #f4f4f4
}
&::-webkit-scrollbar-button {display:none}*/
}
#pys .logs-wrapper textarea:disabled {
opacity: 0.2;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#pys .utm-template-wrapper {
margin-bottom: 110px;
}
#pys .utm-template-wrapper .copy_text {
min-height: 46px;
background-color: #E8EDF1;
}
#pys .licenses-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
gap: 22px;
}
#pys .licenses-wrapper .card {
flex: 0 1 calc(50% - 11px);
}
#pys .licenses-wrapper .card .card-header .d-flex {
gap: 16px;
}
#pys .licenses-wrapper .card .card-header .logo-plugin {
width: 20px;
height: 20px;
}
#pys .licenses-wrapper .card.card-style3 .card-body {
padding: 24px 16px 20px;
}
#pys .licenses-wrapper .card.card-style3 .card-body .d-flex {
gap: 22px;
}
#pys .licenses-wrapper .card.card-style3 .card-body .password-block {
width: 100%;
}
#pys .licenses-wrapper .card.card-style3 .card-body .password-block .maskedInput:disabled {
background-color: #E8EDF1;
}
#pys .licenses-wrapper .card .btn {
text-wrap: nowrap;
}
#pys .report-system-wrapper .card .card-body {
padding-top: 0;
padding-bottom: 0;
}
#pys .system-report {
width: 100%;
border-collapse: collapse;
}
#pys .system-report tbody tr td {
border-bottom: 1px solid #E8EDF1;
padding: 24px 0px;
line-height: 170%;
}
#pys .system-report tbody tr:last-child td {
border: none;
padding: 24px 0px 20px;
}
#pys .save-settings #pys-download-report {
margin-right: 0;
}
#pys .statistic-wrapper {
margin-bottom: 72px;
}
#pys .card-filter {
background: #F1F2F8;
padding: 11px 22px 11px;
border-radius: 5px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
#pys .card-filter .pys_stats_filters {
border: 1px solid #BAC7D5;
border-radius: 5px;
background: #fff;
display: inline-block;
}
#pys .card-filter .pys_stats_filters li.filter {
font-weight: 500;
line-height: 134%;
padding: 11px 12px;
color: #252A31;
background: #fff;
border-radius: 5px;
transition: all 0.4s ease-in-out;
}
#pys .card-filter .pys_stats_filters li.filter a {
color: inherit;
text-decoration: none;
width: 120px;
text-align: center;
display: inline-block;
}
#pys .card-filter .pys_stats_filters li.filter.active, #pys .card-filter .pys_stats_filters li.filter:hover {
background: #0172CB;
color: #fff;
}
#pys .pys_stat .stat_data .infoBlock {
display: none;
}
#pys .pys_stat .stat_data .global_data {
display: none;
}
#pys .pys_stat .stat_data .single_data {
display: none;
}
#pys .pys_stat .stat_data .loading {
display: none;
}
#pys .pys_stat .stat_data .spinner {
visibility: visible;
float: none;
vertical-align: bottom;
}
#pys .pys_stat .stat_data .btn {
font-size: 12px;
}
#pys .pys_stat.showInfoBlock .infoBlock {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
padding: 70px 0 200px 0;
}
#pys .pys_stat.showInfoBlock .infoBlock .img-tools {
width: 200px;
}
#pys .pys_stat.showInfoBlock .infoBlock .img-tools img {
width: 100%;
}
#pys .pys_stat.showInfoBlock .infoBlock h3 {
font-size: 18px;
font-weight: 500;
line-height: 150%;
color: #252A31;
margin-bottom: 0;
max-width: 420px;
}
#pys .pys_stat.showInfoBlock .settings-block {
display: none;
}
#pys .pys_stat.showInfoBlock ~ * {
display: none;
}
#pys .pys_stat.showInfoBlock .global_data > *:not(.infoBlock) {
display: none !important;
}
#pys .pys_stat.showInfoBlock .single_data > *:not(.infoBlock) {
display: none !important;
}
#pys .pys_stat .stat_data.loaded .single_data {
display: flex;
}
#pys .pys_stat .stat_data.loaded .global_data {
display: flex;
}
#pys .pys_stat .stat_data.loading .loading {
display: block;
}
#pys .pys_stat .COG_custom_report_button_block {
display: flex;
justify-content: center;
align-items: center;
}
#pys .pys_stat .COG_custom_report_button_block .button-block {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0px;
}
#pys .pys_stat .COG_custom_report_button_block .button-block .btn {
padding: 6px 12px;
color: #252A31;
font-weight: 400;
line-height: 100%;
}
#pys .pys_stat .COG_custom_report_button_block .button-block .btn.btn-primary {
color: #fff;
}
#pys .pys_stat .COG_custom_report_button_block .button-block .btn:first-child {
border-radius: 8px 0 0 8px;
}
#pys .pys_stat .COG_custom_report_button_block .button-block .btn:last-child {
border-radius: 0 8px 8px 0;
}
#pys .total-block {
text-align: center;
}
#pys .total-block .total {
background-color: #F1F2F8;
padding: 0 12px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 32px;
border-radius: 8px;
}
#pys .total-block .total li {
font-weight: 600;
line-height: 150%;
}
#pys .select_stat {
display: flex;
align-items: center;
gap: 16px;
}
#pys .select_stat .select-standard-wrap {
width: 200px;
}
#pys .select_stat .pys_stat_time_custom {
display: none;
align-items: center;
gap: 16px;
}
#pys .select_stat .vertical-line {
width: 1px;
height: 32px;
background: #BAC7D5;
}
#pys .per_page {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
}
#pys .per_page .select-standard-wrap {
width: 87px;
}
#pys .per_page .reload_table {
background-image: url("../images/icon-load.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 22px;
height: 22px;
cursor: pointer;
}
#pys .report_form_block .report_form {
width: 100%;
}
#pys .report_form_block .report_form .export-all-data-csv {
background: #F1F2F8;
padding: 24px 22px;
border-radius: 5px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
#pys .report_form_block .report_form .export-all-data-csv .change-data-export {
display: flex;
align-items: center;
gap: 12px;
}
#pys .report_form_block .report_form .export-all-data-csv .change-data-export .change-data-block {
display: flex;
align-items: center;
gap: 32px;
}
#pys .report_form_block .report_form .export-all-data-csv .change-data-export .change_visit_model {
padding-left: 28px;
}
#pys .report_form_block .report_form .export-all-data-csv .change-data-export .change_visit_model .select-standard-wrap {
width: 200px;
}
#pys .report_form_block .report_form .export-all-data-csv .all_report {
flex-shrink: 0;
}
#pys .table.pys_stat_info, #pys .table.pys_stat_single_info {
border-collapse: collapse;
}
#pys .table.pys_stat_info .icomoon, #pys .table.pys_stat_single_info .icomoon {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
#pys .table.pys_stat_info .icomoon.icomoon.arrow-down-up:before, #pys .table.pys_stat_single_info .icomoon.icomoon.arrow-down-up:before {
content: "\e90d";
}
#pys .table.pys_stat_info .icomoon.icomoon.arrow-down:before, #pys .table.pys_stat_single_info .icomoon.icomoon.arrow-down:before {
content: "\e90e";
}
#pys .table.pys_stat_info .icomoon.icomoon.arrow-up:before, #pys .table.pys_stat_single_info .icomoon.icomoon.arrow-up:before {
content: "\e90f";
}
#pys .table.pys_stat_info thead, #pys .table.pys_stat_single_info thead {
font-weight: 600;
border-bottom: 1px solid #BAC7D5;
}
#pys .table.pys_stat_info tbody, #pys .table.pys_stat_single_info tbody {
font-weight: 400;
}
#pys .table.pys_stat_info tbody tr, #pys .table.pys_stat_single_info tbody tr {
border-bottom: 1px solid #E8EDF1;
}
#pys .table.pys_stat_info td, #pys .table.pys_stat_info th, #pys .table.pys_stat_single_info td, #pys .table.pys_stat_single_info th {
padding: 10px 12px;
text-align: left;
}
#pys .table.pys_stat_info td.sortable, #pys .table.pys_stat_info th.sortable, #pys .table.pys_stat_single_info td.sortable, #pys .table.pys_stat_single_info th.sortable {
cursor: pointer;
}
#pys .table.pys_stat_info td i, #pys .table.pys_stat_info th i, #pys .table.pys_stat_single_info td i, #pys .table.pys_stat_single_info th i {
color: #0172CB;
font-size: 14px;
font-weight: 400;
padding-left: 8px;
}
#pys .flex-width-50 {
display: flex;
gap: 24px;
}
#pys .single_back_flex {
display: flex;
align-items: center;
gap: 24px;
}
#pys .single_back_flex .single_filter {
padding: 10px 12px;
display: inline-block;
}
#pys .progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
width: 100%;
}
#pys .progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
background-color: #007bff;
transition: width 0.6s ease;
}
#pys .btn-save, #pys .btn-delete-stat {
flex-shrink: 0;
font-size: 12px;
line-height: 150%;
}
#pys #dataDeletionForm .select_stat {
justify-content: space-between;
}
#pys #dataDeletionForm .select_stat .select-standard-wrap {
flex-shrink: 0;
}
#pys #dataDeletionForm .pys_stat_delete_time_custom {
display: flex;
align-items: center;
gap: 12px;
}
#pys #dataDeletionForm .pys_stat_delete_time_custom .datepicker {
min-width: auto;
}
#pys .pagination {
display: flex;
flex-wrap: wrap;
}
#pys .pagination .page-item {
padding: 5px 10px;
margin: 0 3px 0 0;
border: 1px solid #dee2e6;
border-radius: 3px;
cursor: pointer;
}
#pys .pagination .page-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
#pys .pagination .page-item.active {
background-color: rgba(0, 0, 0, 0.08);
}
#pys .pagination .page-item.active:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.table.pys_stat_info td {
text-align: center;
}
.table.pys_stat_info th {
text-align: center;
}
.table.pys_stat_single_info td {
text-align: center;
}
.table.pys_stat_single_info th {
text-align: center;
}
.pys_report_menu_templates {
max-width: 100%;
background: #fff;
padding: 60px 15px;
}
.pys_report_menu_templates .row .col {
display: grid;
}
.report_menu_link {
padding: 40px 20px;
border-radius: 20px;
border: 2px solid #E1E1E1;
color: #616161;
font-size: 1.5em;
}
.advance_matching_bottom_margin .pysselect2 {
margin-bottom: 15px;
}
#pys .item-wrap {
display: flex;
flex-direction: column;
}
#pys .item-wrap .card-title {
font-size: 18px;
line-height: 145%;
margin-top: 16px;
}
#pys .item-wrap .icon {
padding-top: 4px;
}
#pys .item-wrap .card-text {
font-size: 14px;
margin-top: 15px;
margin-bottom: 20px;
}
#pys .item-wrap.card-orange {
background-color: #E16B43;
}
#pys .item-wrap.card-orange .card {
background-color: #E16B43;
}
#pys .item-wrap.card-orange .card-title {
color: #fff;
}
#pys .item-wrap.card-orange h4, #pys .item-wrap.card-orange p, #pys .item-wrap.card-orange a {
color: #fff;
}
#pys .item-wrap.card-blue {
background-color: #1F1AAB;
}
#pys .item-wrap.card-blue h4, #pys .item-wrap.card-blue p {
color: #fff;
}
#pys .item-wrap.card-blue p {
font-size: 18px;
}
#pys .item-wrap.card-blue a.upgrade-item-button {
background-color: #fff;
color: #252A31;
border-radius: 3px;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease-in-out;
display: inline-block;
width: 100%;
text-align: center;
}
#pys .item-wrap.card-blue a.upgrade-item-button:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
/*# sourceMappingURL=admin.min.css.map*/
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists