/* ----------------------------------------------------------------------------
responsive settings
*/
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
.tdb-s-page-sec-header {
margin-bottom: 35px;
}
body .tdb-spsh-title {
margin: 0;
font-family: inherit;
font-size: 1.429em;
font-weight: 500;
line-height: 1.2;
color: #1d2327;
}
.tdb-s-btn {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
background-color: #0489FC;
min-width: 100px;
padding: 14px 24px 16px;
font-size: 1em;
line-height: 1;
font-weight: 600;
text-align: center;
text-decoration: none;
color: #fff;
border: 0;
border-radius: 5px;
outline: 3px solid transparent;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
-webkit-appearance: none;
cursor: pointer;
}
.tdb-s-btn svg {
position: relative;
width: .9em;
height: auto;
margin-right: .5em;
}
.tdb-s-btn:hover,
.tdb-s-btn:active {
background-color: #152BF7;
}
.tdb-s-btn:active:not(:disabled) {
outline-color: rgba(21, 43, 247, 0.2);
}
.tdb-s-btn:disabled {
background-color: #9ACFFD;
pointer-events: none;
}
.tdb-s-btn.tdb-s-btn-saving:after {
content: '';
position: relative;
width: 12px;
height: 12px;
margin-left: 15px;
border: 1px solid #fff;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: fullspin 1s infinite ease-out;
animation: fullspin 1s infinite ease-out;
z-index: 2;
transition: border-top-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
}
.tdb-s-btn.tdb-s-btn-saved {
background-color: #9ACFFD;
pointer-events: none;
}
.tdb-s-btn.tdb-s-btn-saved:after {
content: url('data:image/svg+xml; utf8, ');
width: 14px;
height: auto;
border: 0;
-webkit-animation: none;
animation: none;
}
.tdb-s-btn-sm {
min-width: 76px;
padding: 10px 19px 12px;
font-size: .929em;
}
.tdb-s-btn-sm svg {
top: 1px;
}
.tdb-s-btn-sm.tdb-s-btn-saving:after {
width: 11px;
height: 11px;
margin-left: 13px;
}
.tdb-s-btn-sm.tdb-s-btn-saving:not(.tdb-s-btn-saved):after {
top: 1px;
}
.tdb-s-btn-sm.tdb-s-btn-saved:after {
content: url('data:image/svg+xml; utf8, ');
top: -2px;
}
.tdb-s-btn-sm.tdb-s-btn-hollow {
min-width: 72px;
padding: 8px 17px 10px;
}
.tdb-s-btn-sm.tdb-s-btn-hollow.tdb-s-btn-saved:after {
content: url('data:image/svg+xml; utf8, ');
}
.tdb-s-btn-red {
background-color: #FF3838;
}
.tdb-s-btn-red:hover,
.tdb-s-btn-red:active {
background-color: #E20000;
}
.tdb-s-btn-red:active:not(:disabled) {
outline-color: rgba(226, 0, 0, 0.15);
}
.tdb-s-btn-red:disabled {
background-color: #FFA4A4;
}
.tdb-s-btn-red.tdb-s-btn-saved {
background-color: #FFA4A4;
}
.tdb-s-btn-hollow {
min-width: 96px;
padding: 12px 22px 14px;
background-color: transparent;
color: #444;
border: 2px solid #A8AAB8;
}
.tdb-s-btn-hollow:hover,
.tdb-s-btn-hollow:active {
background-color: transparent;
color: #0489FC;
border-color: #0489FC;
}
.tdb-s-btn-hollow:active:not(:disabled) {
outline-color: rgba(4, 137, 252, 0.2);
}
.tdb-s-btn-hollow:disabled {
background-color: transparent;
color: #B3B3B3;
border-color: #D3D4DB;
}
.tdb-s-btn-hollow.tdb-s-btn-saving:after {
border-top-color: #444;
border-bottom-color: #444;
}
.tdb-s-btn-hollow.tdb-s-btn-saving:hover:after {
border-top-color: #0489FC;
border-bottom-color: #0489FC;
}
.tdb-s-btn-hollow.tdb-s-btn-saved {
background-color: transparent;
color: #B3B3B3;
}
.tdb-s-btn-hollow.tdb-s-btn-saved:after {
content: url('data:image/svg+xml; utf8, ');
}
.tdb-s-btn-simple {
padding: 0;
background-color: transparent;
min-width: 0;
color: #0489FC;
border-radius: 0;
outline: none;
}
.tdb-s-btn-simple:hover,
.tdb-s-btn-simple:active {
color: #152BF7;
background-color: transparent;
}
.tdb-s-btn-simple:disabled {
background-color: transparent;
color: #9ACFFD;
}
.tdb-s-btn-simple.tdb-s-btn-saving:after {
margin-left: 10px;
border: 1px solid #0489FC;
border-left-color: transparent;
border-right-color: transparent;
}
.tdb-s-btn-simple.tdb-s-btn-saved {
background-color: transparent;
color: #9ACFFD;
}
.tdb-s-btn-simple.tdb-s-btn-saved:after {
content: url('data:image/svg+xml; utf8, ');
}
body div .tdb-s-fc-inner {
position: relative;
display: flex;
flex-wrap: wrap;
margin: 0 -13px;
}
body div .tdb-s-fc-inner:not(:last-child) {
margin-bottom: 28px;
}
body div .tdb-s-fc-inner:not(:last-child):after {
content: '';
display: block;
margin: 28px 13px 0;
width: 100%;
height: 1px;
background-color: #efefef;
}
body div .tdb-s-fc-inner .tdb-s-notif {
width: 100%;
margin-left: 13px;
margin-right: 13px;
}
body div .tdb-s-fc-inner-title {
display: flex;
width: 100%;
margin: 0 0 20px;
padding: 0 13px;
font-size: .929em;
font-weight: 500;
line-height: 1.2;
color: #1d2327;
}
body div .tdb-s-fc-inner-title span {
background-color: #f1f1f1;
border-radius: 3px;
padding: 4px 7px 6px;
}
body div .tdb-s-form-label {
position: relative;
display: block;
margin-bottom: 8px;
font-size: .929em;
line-height: 1;
font-weight: 600;
color: #666;
}
body div .tdb-s-form-label-required {
color: #FF0000;
}
body div .tdb-s-form-label-descr {
display: block;
width: 100%;
margin-top: 4px;
margin-bottom: 10px;
font-size: .923em;
line-height: 1.2;
font-weight: 400;
}
body div .tdb-s-form-input {
margin: 0;
padding: 0 15px 1px;
width: 100%;
height: 44px;
min-height: 44px;
font-size: 1em;
line-height: 1.3;
font-weight: 600;
color: #444;
border: 2px solid #D7D8DE;
border-radius: 5px;
outline: 3px solid transparent;
box-shadow: none;
transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
}
body div .tdb-s-form-input:-webkit-autofill,
body div .tdb-s-form-input:-webkit-autofill:hover,
body div .tdb-s-form-input:-webkit-autofill:focus,
body div .tdb-s-form-input:-webkit-autofill:active {
-webkit-text-fill-color: #444;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
body div .tdb-s-form-input::placeholder {
color: #888;
transition: color 0.2s ease-in-out;
}
body div .tdb-s-form-input::-webkit-input-placeholder {
color: #888;
transition: color 0.2s ease-in-out;
}
body div .tdb-s-form-input::-moz-placeholder {
color: #888;
transition: color 0.2s ease-in-out;
}
body div .tdb-s-form-input:-ms-input-placeholder {
color: #888;
transition: color 0.2s ease-in-out;
}
body div .tdb-s-form-input:-moz-placeholder {
color: #888;
transition: color 0.2s ease-in-out;
}
body div .tdb-s-form-input:hover {
color: inherit;
}
body div .tdb-s-form-input:focus {
box-shadow: none;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:focus:not([readonly]) {
border-color: #0489FC !important;
outline-width: 3px;
outline-style: solid;
outline-color: rgba(4, 137, 252, 0.1);
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input[readonly]:not(.tdb-s-form-input-date),
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:disabled {
background-color: #fff;
color: #BEBEBE;
border-color: #E8E9EC;
outline: none;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input[readonly]:not(.tdb-s-form-input-date)::placeholder,
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:disabled::placeholder {
color: #BEBEBE;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input[readonly]:not(.tdb-s-form-input-date)::-webkit-input-placeholder,
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:disabled::-webkit-input-placeholder {
color: #BEBEBE;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input[readonly]:not(.tdb-s-form-input-date)::-moz-placeholder,
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:disabled::-moz-placeholder {
color: #BEBEBE;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input[readonly]:not(.tdb-s-form-input-date):-ms-input-placeholder,
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:disabled:-ms-input-placeholder {
color: #BEBEBE;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input[readonly]:not(.tdb-s-form-input-date):-moz-placeholder,
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-input:disabled:-moz-placeholder {
color: #BEBEBE;
}
body div textarea.tdb-s-form-input {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
min-height: 76px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.5;
}
body div .tdb-s-form-select-wrap {
position: relative;
}
body div .tdb-s-form-select-wrap .tdb-s-form-input {
max-width: 100%;
padding-right: 34px;
background: #fff;
-webkit-appearance: none;
cursor: pointer;
}
body div .tdb-s-form-select-wrap .tdb-s-form-input::-webkit-calendar-picker-indicator {
opacity: 0;
}
body div .tdb-s-form-select-wrap .tdb-s-form-input[multiple] {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 15px;
height: 100px;
min-height: 100px;
overflow-y: auto;
}
body div .tdb-s-form-select-wrap .tdb-s-form-input[multiple] + .tdb-s-form-select-icon {
display: none;
}
body div .tdb-s-form-select-wrap .tdb-s-form-select-icon {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
pointer-events: none;
fill: #444;
transition: fill 0.2s ease-in-out;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-select-wrap .tdb-s-form-input[readonly] + .tdb-s-form-select-icon,
body div .tdb-s-form-group:not(.tdb-s-fg-error) .tdb-s-form-select-wrap .tdb-s-form-input:disabled + .tdb-s-form-select-icon {
fill: #BEBEBE;
}
body div .tdb-s-form-select-wrap .select2-hidden-accessible {
display: none;
}
body div .tdb-s-form-select-wrap .select2-selection {
display: flex;
align-items: center;
padding: 0 15px 1px;
width: 100%;
height: 44px;
font-size: 1em;
line-height: 1.3;
font-weight: 600;
color: #444;
border: 2px solid #D7D8DE;
border-radius: 5px;
outline: 3px solid transparent;
cursor: pointer;
transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
}
body div .tdb-s-form-group:not(.tdb-s-fg-error) .select2-container--open .select2-selection {
border-color: #0489FC !important;
outline-width: 3px;
outline-style: solid;
outline-color: rgba(4, 137, 252, 0.1);
}
body div .tdb-s-fg-error .tdb-s-form-select-wrap .select2-selection {
border-color: #FF0000 !important;
outline: 3px solid rgba(255, 0, 0, 0.1);
}
body div .tdb-s-form-check input {
display: none;
}
body div .tdb-s-form-check label {
display: flex;
align-items: flex-start;
position: relative;
top: 1px;
cursor: pointer;
}
body div .tdb-s-form-check .tdb-s-fc-check {
position: relative;
margin-right: 10px;
width: 19px;
height: 19px;
background-color: #fff;
border: 2px solid #D7D8DE;
outline: 3px solid transparent;
transition: border-color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
cursor: pointer;
}
body div .tdb-s-form-check .tdb-s-fc-check:after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 9px;
height: 9px;
background-color: #0489FC;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
body div .tdb-s-form-check .tdb-s-fc-title {
flex: 1;
font-size: 1em;
line-height: 1.3;
font-weight: 600;
word-break: break-all;
color: #444;
cursor: pointer;
}
body div .tdb-s-form-check input[type=checkbox] + .tdb-s-fc-check {
border-radius: 5px;
}
body div .tdb-s-form-check input[type=checkbox] + .tdb-s-fc-check:after {
border-radius: 3px;
}
body div .tdb-s-form-check input[type=radio] + .tdb-s-fc-check,
body div .tdb-s-form-check input[type=radio] + .tdb-s-fc-check:after {
border-radius: 100%;
}
body div .tdb-s-form-check input:checked + .tdb-s-fc-check {
border-color: #0489FC;
outline-color: rgba(4, 137, 252, 0.1);
}
body div .tdb-s-form-check input:checked + .tdb-s-fc-check:after {
opacity: 1;
}
body div .tdb-s-form-check input[disabled] + .tdb-s-fc-check,
body div .tdb-s-form-check input[disabled] + .tdb-s-fc-check + .tdb-s-fc-title {
pointer-events: none;
}
body div .tdb-s-form-check input[disabled] + .tdb-s-fc-check {
border-color: #E8E9EC;
}
body div .tdb-s-form-check input[disabled] + .tdb-s-fc-check + .tdb-s-fc-title {
color: #BEBEBE;
}
body div .tdb-s-form-check input[disabled]:checked + .tdb-s-fc-check {
outline-color: rgba(4, 137, 252, 0.08);
}
body div .tdb-s-form-check input[disabled]:checked + .tdb-s-fc-check:after {
background-color: #9ACFFD;
}
body div .tdb-s-form-checkboxes-wrap {
display: flex;
flex-wrap: wrap;
margin-left: -13px;
margin-right: -13px;
}
body div .tdb-s-form-checkboxes-wrap .tdb-s-form-check {
margin-bottom: 7px;
padding-left: 13px;
padding-right: 13px;
}
body div .tdb-s-form-checkboxes-wrap .tdb-s-form-check:last-child {
margin-bottom: 0;
}
body div .tdb-s-form-btn input {
display: none;
}
body div .tdb-s-form-btn input:checked + .tdb-s-fb-btn {
background-color: #0489FC;
color: #fff;
border-color: #0489FC;
}
body div .tdb-s-form-btn input:checked + .tdb-s-fb-btn:hover,
body div .tdb-s-form-btn input:checked + .tdb-s-fb-btn:active {
background-color: #152BF7;
border-color: #152BF7;
}
body div .tdb-s-form-btn input:checked + .tdb-s-fb-btn:active:not(:disabled) {
outline-color: rgba(21, 43, 247, 0.2);
}
body div .tdb-s-form-btn .tdb-s-fb-label {
display: flex;
}
body div .tdb-s-form-btns-wrap {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
body div .tdb-s-form-btns-wrap .tdb-s-form-btn {
margin-bottom: 7px;
}
body div .tdb-s-form-btns-wrap .tdb-s-form-btn:last-child {
margin-bottom: 0;
}
body div .tdb-s-form-file {
display: block;
position: relative;
}
body div .tdb-s-btn.tdb-s-ffp-remove {
min-width: auto;
padding: 8px 10px 12px;
}
body div .tdb-s-btn.tdb-s-ffp-remove:active:not(:disabled) {
outline-color: transparent;
}
body div .tdb-s-btn.tdb-s-ffp-remove svg {
margin-right: 0;
width: 14px;
}
body div .tdb-s-form-file-box .tdb-s-btn.tdb-s-ffp-remove,
body div .tdb-s-form-file-preview-image .tdb-s-btn.tdb-s-ffp-remove,
body div .tdb-s-form-file-preview-video .tdb-s-btn.tdb-s-ffp-remove {
position: absolute;
right: 15px;
}
body div .tdb-s-form-file-box .tdb-s-btn.tdb-s-ffp-remove,
body div .tdb-s-form-file-preview-image .tdb-s-btn.tdb-s-ffp-remove {
bottom: 15px;
}
body div .tdb-s-form-file-preview-video .tdb-s-btn.tdb-s-ffp-remove {
top: 15px;
}
body div .tdb-s-form-file-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
padding: 35px 15px;
font-size: 1em;
line-height: 1.3;
font-weight: 600;
color: #444;
border: 2px solid #D7D8DE;
border-radius: 5px;
outline: 3px solid transparent;
transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
}
body div .tdb-s-ffu-ico {
width: 40px;
margin-bottom: 10px;
stroke: #bfbfbf;
transition: stroke 0.2s ease-in-out;
}
body div .tdb-s-ffu-txt {
text-align: center;
}
body div .tdb-s-form-file-preview-image {
position: relative;
}
body div .tdb-s-form-file-preview-image .tdb-s-ffip-img {
padding-bottom: 30%;
background-color: #eee;
border-radius: 5px;
background-size: cover;
background-position: center;
}
body div .tdb-s-form-file-preview-audio {
display: flex;
align-items: center;
min-height: 54px;
}
body div .tdb-s-form-file-preview-audio audio {
flex: 1;
margin-right: 26px;
}
body div .tdb-s-form-file-preview-video {
min-height: 54px;
}
body div .tdb-s-form-file-preview-video video {
width: 100%;
border-radius: 5px;
}
body div .tdb-s-form-file-upload .tdb-s-ffu-ico {
pointer-events: none;
}
body div .tdb-s-form-file-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
body div .tdb-s-form-file-disabled {
pointer-events: none;
opacity: .6;
}
body div .tdb-s-form-file:hover .tdb-s-form-file-upload,
body div .tdb-s-form-file.tdb-s-form-file-dragover .tdb-s-form-file-upload {
border-color: #0489FC;
outline-color: rgba(4, 137, 252, 0.1);
color: #0489FC;
}
body div .tdb-s-form-file:hover .tdb-s-form-file-upload .tdb-s-ffu-ico,
body div .tdb-s-form-file.tdb-s-form-file-dragover .tdb-s-form-file-upload .tdb-s-ffu-ico {
stroke: #0489FC;
}
body div .tdb-s-fg-error .tdb-s-form-file .tdb-s-form-file-upload {
border-color: #FF0000 !important;
outline: 3px solid rgba(255, 0, 0, 0.1);
}
body div .tdb-s-form-file-previewing .tdb-s-form-file-upload {
display: none;
}
body div .tdb-s-form-wpeditor {
border: 2px solid #D7D8DE;
border-radius: 5px;
outline: 3px solid transparent;
transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
}
body div .tdb-s-form-wpeditor .mce-panel {
background-color: transparent;
}
body div .tdb-s-form-wpeditor .wp-editor-tools {
display: flex;
align-items: center;
background-color: #f5f5f5;
margin: 6px 6px 0;
padding: 7px 9px 4px;
border-radius: 4px 4px 0 0;
}
body div .tdb-s-form-wpeditor .wp-editor-tabs {
display: flex;
align-items: center;
margin-left: auto;
}
body div .tdb-s-form-wpeditor .wp-switch-editor {
margin: 0;
padding: 1px 7px 2px;
background-color: transparent;
text-transform: uppercase;
font-size: 11px;
line-height: 1;
font-weight: 500;
border-width: 1px;
border-color: transparent;
border-radius: 4px;
}
body div .tdb-s-form-wpeditor .switch-tmce {
margin-right: 3px;
}
body div .tdb-s-form-wpeditor .wp-switch-editor:hover,
body div .tdb-s-form-wpeditor .html-active .switch-html,
body div .tdb-s-form-wpeditor .tmce-active .switch-tmce {
border-color: #e7e6e6;
}
body div .tdb-s-form-wpeditor .html-active .switch-html,
body div .tdb-s-form-wpeditor .tmce-active .switch-tmce {
background-color: #fff;
}
body div .tdb-s-form-wpeditor .wp-editor-container {
border: 0;
}
body div .tdb-s-form-wpeditor .wp-editor-container {
width: calc(100% - 12px) !important;
margin: 0 6px 6px;
}
body div .tdb-s-form-wpeditor .mce-tinymce {
border: 0 !important;
}
body div .tdb-s-form-wpeditor .mce-top-part:before {
display: none;
}
body div .tdb-s-form-wpeditor .quicktags-toolbar {
padding: 5px 7px;
border-bottom: 0;
}
body div .tdb-s-form-wpeditor .mce-toolbar-grp {
background-color: #f5f5f5;
border-bottom: 0;
border-radius: 0 0 4px 4px;
}
body div .tdb-s-form-wpeditor .mce-toolbar-grp > div {
padding: 5px 7px;
}
body div .tdb-s-form-wpeditor-disabled {
pointer-events: none;
opacity: .6;
}
body div .tdb-s-fg-error .tdb-s-form-wpeditor {
border-color: #FF0000 !important;
outline: 3px solid rgba(255, 0, 0, 0.1);
}
body div .tdb-s-form-group {
position: relative;
width: 100%;
padding: 0 13px;
}
body div .tdb-s-form-group:not(:last-child) {
margin-bottom: 28px;
}
body div .tdb-s-form-group-sm .tdb-s-form-label {
font-size: .857em;
margin-bottom: 6px;
}
body div .tdb-s-form-group-sm .tdb-s-form-input {
padding: 0 10px 2px;
height: 36px;
min-height: 36px;
font-size: .929em;
}
body div .tdb-s-form-group-sm textarea.tdb-s-form-input {
min-height: 76px;
padding-top: 6px;
padding-bottom: 6px;
line-height: 1.5;
}
body div .tdb-s-form-group-sm .tdb-s-form-select-wrap .select2-selection {
height: 36px;
font-size: .929em;
}
body div .tdb-s-form-group-sm .tdb-s-form-check .tdb-s-fc-check {
width: 17px;
height: 17px;
}
body div .tdb-s-form-group-sm .tdb-s-form-check .tdb-s-fc-check:after {
top: 2px;
left: 2px;
}
body div .tdb-s-form-group-sm .tdb-s-form-check .tdb-s-fc-title {
font-size: 13px;
line-height: 1.2;
}
body div .tdb-s-fg-error .tdb-s-form-input,
body div .tdb-s-fg-error .tdb-s-form-input:focus:not([readonly]) {
border-color: #FF0000 !important;
outline: 3px solid rgba(255, 0, 0, 0.1);
}
body div .tdb-s-fg-error-msg {
position: absolute;
top: calc(100% + 3px);
left: 0;
width: 100%;
padding: 0 13px;
font-size: .786em;
line-height: 1.3;
color: #FF3838;
}
body div .tdb-s-form-content .tdb-s-notif {
margin-top: 32px;
}
body div .tdb-s-form-footer {
display: flex;
align-items: center;
margin-top: 40px;
}
body div .tdb-s-form-footer .tdb-s-btn {
margin-right: 26px;
}
body div .tdb-s-form-footer .tdb-s-btn:last-of-type {
margin-right: 0;
}
body > .select2-container,
body .tdb-s-select2.select2-dropdown,
body .tdb-s-select2 .select2-search,
body .tdb-s-select2 .select2-results {
display: block;
}
body > .select2-container {
z-index: 10005;
}
body.admin-bar .tdb-s-select2.select2-dropdown {
margin-top: 36px;
}
body .tdb-s-select2.select2-dropdown {
margin-top: 4px;
background-color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
border: 2px solid #D7D8DE;
border-radius: 5px;
outline-width: 3px;
outline-style: solid;
outline-color: rgba(215, 216, 222, 0.18);
}
body .tdb-s-select2 .select2-search {
padding: 6px;
}
body .tdb-s-select2 .select2-search__field {
padding: 0 10px 2px;
width: 100%;
height: 36px;
min-height: 36px;
font-size: .929em;
line-height: 1.3;
font-weight: 600;
color: #444;
border: 2px solid #D7D8DE;
border-radius: 5px;
outline: 3px solid transparent;
box-shadow: none;
transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, outline-color 0.2s ease-in-out;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: border-box;
}
body .tdb-s-select2 .select2-results__options {
list-style-type: none;
margin: 0;
padding: 0 0 4px;
max-height: 277px;
font-size: .929em;
font-weight: 600;
color: #444;
overflow-y: auto;
}
body .tdb-s-select2 .select2-results__options li {
margin: 0;
padding: 2px 10px 4px;
cursor: pointer;
}
body .tdb-s-select2 .select2-results__options li:hover {
background-color: #F8F8F8;
}
.tdb-s-notif {
position: relative;
padding: 25px;
border-radius: 3px;
}
.tdb-s-notif,
.tdb-s-notif *:not(.tdb-s-btn) {
font-size: 1em;
line-height: 1.4;
}
.tdb-s-notif b {
font-weight: 600;
}
.tdb-s-notif-descr:not(:last-child) {
margin-bottom: 6px;
}
.tdb-s-notif-list {
list-style-type: none;
margin: 0;
}
.tdb-s-notif-list:not(:last-child) {
margin: 0 0 10px;
}
.tdb-s-notif-list li {
margin-left: 0 !important;
}
.tdb-s-notif-list li:not(:last-child) {
margin-bottom: 6px;
}
.tdb-s-notif-list li:last-child {
margin-bottom: 0;
}
.tdb-s-notif-info,
.tdb-s-notif-notice {
background-color: rgba(89, 98, 107, 0.08);
color: #59626B;
}
.tdb-s-notif-success {
background-color: rgba(38, 98, 28, 0.1);
color: #26621c;
}
.tdb-s-notif-warning {
background-color: rgba(215, 133, 0, 0.12);
color: #d78500;
}
.tdb-s-notif-error {
background-color: rgba(255, 56, 56, 0.12);
color: #ff3838;
}
.tdb-s-notif-xsm {
padding: 10px 15px;
}
.tdb-s-notif-xsm,
.tdb-s-notif-xsm *:not(.tdb-s-btn) {
font-size: .929em;
line-height: 1.4;
}
.tdb-s-notif-sm {
padding: 18px;
}
.tdb-s-notif-sm,
.tdb-s-notif-sm *:not(.tdb-s-btn) {
font-size: .929em;
line-height: 1.4;
}
.tdb-s-notif-xxsm {
padding: 5px 10px 6px;
}
.tdb-s-notif-xxsm,
.tdb-s-notif-xxsm *:not(.tdb-s-btn) {
font-size: .857em;
line-height: 1.3;
}
.tdb-s-table {
width: 100%;
border: none;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 1018px) {
.tdb-s-table {
display: block;
}
}
@media (max-width: 1018px) {
.tdb-s-table-row {
display: block;
}
}
.tdb-s-table-col {
position: relative;
padding: 0;
border: none;
/* responsive tablet + desktop */
}
@media (min-width: 1019px) {
.tdb-s-table-col:first-child {
padding-left: 10px;
}
.tdb-s-table-col:not(:last-child):not(.tdb-s-table-col-expand) {
padding-right: 15px;
}
.tdb-s-table-col:last-child {
padding-right: 10px;
}
}
@media (max-width: 1018px) {
.tdb-s-table-col {
display: flex;
align-items: baseline;
width: 100%;
}
}
.tdb-s-table-col-label {
min-width: 35%;
max-width: 35%;
margin-right: 10px;
padding-right: 10px;
color: #555D66;
/* responsive tablet + desktop */
}
@media (min-width: 1019px) {
.tdb-s-table-col-label {
display: none;
}
}
.tdb-s-table-header {
font-size: .857em;
line-height: 1;
font-weight: 600;
text-align: left;
color: #555D66;
border-bottom: 2px solid #D7D8DE;
}
@media (max-width: 1018px) {
.tdb-s-table-header {
display: none;
}
}
.tdb-s-table-header .tdb-s-table-col {
padding-bottom: 15px;
}
.tdb-s-table-col-order {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.tdb-s-table-col-order-icons {
display: flex;
flex-direction: column;
position: relative;
top: 1px;
margin-left: 10px;
}
.tdb-s-table-col-order-icons svg {
fill: #555D66;
line-height: 0;
opacity: .3;
}
.tdb-s-table-col-order-icons svg:nth-child(1) {
margin-bottom: 2px;
}
[data-order="ASC"] .tdb-s-table-col-order-icons svg:nth-child(1) {
opacity: 1;
}
[data-order="ASC"] .tdb-s-table-col-order-icons svg:nth-child(2) {
opacity: .3;
}
[data-order="DESC"] .tdb-s-table-col-order-icons svg:nth-child(1) {
opacity: .3;
}
[data-order="DESC"] .tdb-s-table-col-order-icons svg:nth-child(2) {
opacity: 1;
}
.tdb-s-table-body {
font-size: .929em;
line-height: 1;
font-weight: 600;
color: #1D2327;
}
@media (max-width: 1018px) {
.tdb-s-table-body {
display: block;
}
}
.tdb-s-table-body .tdb-s-table-row:not(:last-child) {
border-bottom: 1px solid #EBEBEB;
}
.tdb-s-table-body .tdb-s-table-row.tdb-s-table-row-active,
.tdb-s-table-body .tdb-s-table-row:hover {
background-color: #F8F8F8;
}
@media (max-width: 1018px) {
.tdb-s-table-body .tdb-s-table-row {
padding: 15px 10px;
}
}
@media (min-width: 1019px) {
.tdb-s-table-body .tdb-s-table-col {
padding-top: 12px;
padding-bottom: 15px;
}
}
@media (max-width: 1018px) {
.tdb-s-table-body .tdb-s-table-col {
padding-top: 7px;
padding-bottom: 7px;
}
}
.tdb-s-table-options-toggle {
position: relative;
top: 1px;
fill: #878d93;
transition: fill 0.2s ease-in-out;
/* responsive portrait tablet */
}
@media (max-width: 1018px) {
.tdb-s-table-options-toggle {
display: none;
}
}
.tdb-s-table-options-list {
display: flex;
/* responsive portrait tablet */
}
@media (min-width: 1019px) {
.tdb-s-table-options-list {
flex-direction: column;
align-items: flex-start;
position: absolute;
top: 6px;
right: 100%;
min-width: 130px;
padding: 8px 10px 9px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease-in-out;
z-index: 100;
cursor: default;
}
}
@media (max-width: 1018px) {
.tdb-s-table-options-list {
align-items: center;
justify-content: center;
width: 100%;
}
}
@media (min-width: 1019px) {
.tdb-s-table-col-options {
padding-left: 10px;
text-align: center;
cursor: pointer;
}
.tdb-s-table-col-options:hover .tdb-s-table-options-toggle {
fill: #000;
}
.tdb-s-table-col-options:hover .tdb-s-table-options-list {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
@media (max-width: 1018px) {
.tdb-s-table-col-options {
padding-top: 17px;
}
}
.tdb-s-table-col-options .tdb-s-tol-item {
font-size: .786em;
line-height: 1.2;
font-weight: 600;
color: #555D66;
cursor: pointer;
}
.tdb-s-table-col-options .tdb-s-tol-item:hover {
color: #000;
}
@media (min-width: 1019px) {
.tdb-s-table-col-options .tdb-s-tol-item:not(:last-child) {
margin-bottom: 8px;
}
}
@media (max-width: 1018px) {
.tdb-s-table-col-options .tdb-s-tol-item:not(:last-child) {
margin-right: 12px;
}
}
.tdb-s-table-col-options .tdb-s-tol-item-red {
color: #FF6161;
}
.tdb-s-table-col-options .tdb-s-tol-item-red:hover {
color: #ff0000;
}
.tdb-s-tol-sep {
background-color: #EBEBEB;
width: 100%;
height: 1px;
margin-top: 1px;
margin-bottom: 8px;
/* responsive portrait phone */
}
@media (max-width: 1018px) {
.tdb-s-tol-sep {
display: none;
}
}
.tdb-s-modal-wrap,
.tdb-s-modal-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.2s ease-in;
}
.tdb-s-modal-wrap {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 20px;
pointer-events: none;
z-index: 10000;
}
@media (min-width: 783px) {
.admin-bar .tdb-s-modal-wrap {
padding-top: 62px;
}
}
@media (max-width: 782px) {
.admin-bar .tdb-s-modal-wrap {
padding-top: 76px;
}
}
.tdb-s-modal-bg {
position: absolute;
background-color: rgba(107, 114, 128, 0.75);
}
.tdb-s-modal {
display: flex;
flex-direction: column;
background-color: #fff;
min-width: 400px;
max-width: 650px;
max-height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px;
opacity: 0;
transform: scale(0.95);
transition: opacity 0.2s ease-in, transform 0.2s ease-in;
z-index: 1;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tdb-s-modal {
min-width: 0;
}
}
.tdb-s-modal-header,
.tdb-s-modal-footer {
display: flex;
align-items: center;
}
.tdb-s-modal-header {
padding: 19px 25px 16px;
border-bottom: 1px solid #EBEBEB;
}
.tdb-s-modal-header .tdb-s-modal-close {
margin-left: auto;
fill: #878d93;
cursor: pointer;
transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;
}
.tdb-s-modal-header .tdb-s-modal-close:hover {
fill: #000;
transform: rotate(90deg);
}
body h3.tdb-s-modal-title {
margin: 0;
padding: 0;
font-family: inherit;
font-size: 1.286em;
line-height: 1.2;
font-weight: 600;
color: #1D2327;
}
.tdb-s-modal-body {
padding: 30px 25px;
overflow: auto;
}
.tdb-s-modal-body .tdb-s-notif:not(:first-child) {
margin-top: 30px;
}
.tdb-s-modal-txt {
font-size: 1em;
line-height: 1.6;
color: #59626B;
}
.tdb-s-modal-footer {
justify-content: flex-end;
padding: 18px 25px;
border-top: 1px solid #EBEBEB;
}
.tdb-s-modal-footer:empty {
display: none;
}
.tdb-s-modal-footer .tdb-s-btn:not(:last-of-type) {
margin-right: 16px;
}
.tdb-s-modal-open {
pointer-events: auto;
}
.tdb-s-modal-open,
.tdb-s-modal-open .tdb-s-modal-bg {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.tdb-s-modal-open .tdb-s-modal {
opacity: 1;
transform: scale(1);
transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.tdb-s-pagination {
display: flex;
margin: 22px 0 0;
}
.tdb-s-pagination-item {
display: flex;
align-items: center;
justify-content: center;
min-width: 2.2em;
min-height: 2.2em;
margin: 0;
padding: 0 8px;
font-size: 1em;
line-height: 1;
font-weight: 600;
border-radius: 3px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.tdb-s-pagination-item:not(:last-child) {
margin-right: 8px;
}
.tdb-s-pagination-item:not(.tdb-s-pagination-dots):not(.tdb-s-pagination-active) {
cursor: pointer;
}
.tdb-s-pagination-item:hover:not(.tdb-s-pagination-dots):not(.tdb-s-pagination-active) {
background-color: #EBEBEB;
}
.tdb-s-pagination-item:not(.tdb-s-pagination-active) {
background-color: #f1f1f1;
color: #1d2327;
}
.tdb-s-pagination-item.tdb-s-pagination-active {
background-color: #0489FC;
color: #fff;
}
@-webkit-keyframes tdb-fullspin-anim {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes tdb-fullspin-anim {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tdb-s-content {
position: relative;
min-height: 50px;
transition: opacity 0.2s ease-in-out;
}
.tdb-s-content:before {
content: '';
position: absolute;
opacity: 0;
transition: opacity 0.2s ease-in-out;
pointer-events: none;
}
.tdb-s-content:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
margin-top: -23px;
margin-left: -23px;
width: 40px;
height: 40px;
border: 3px solid #888;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: tdb-fullspin-anim 1s infinite ease-out;
animation: tdb-fullspin-anim 1s infinite ease-out;
opacity: 0;
z-index: 101;
pointer-events: none;
}
.tdb-s-content-loading,
.tdb-s-content-disabled {
pointer-events: none;
opacity: 0.3;
}
.tdb-s-content-loading:after {
opacity: 1;
pointer-events: auto;
}
.tdb-s-modal-confirm .tdb-s-modal {
min-width: 500px;
max-width: 500px;
}
.td-hide-adminbar-settings #wpadminbar li:not(#wp-admin-bar-tdb_template_builder, #wp-admin-bar-tdb_template_load)[id^="wp-admin-bar-tdb_template_"] {
display: none;
}