.unpaid-btn
{
margin-top: 0px;
margin-bottom: 0px;
text-transform: capitalize;
}
.scheduled_timing_display
{
font-weight: normal;
color: #6c6c6c;
display: inline;
}
.draft_box
{
padding: 16px;
display: flex;
justify-content: space-between;
border-radius: 5px;
margin-bottom: 20px;
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.workspace_section h3
{
text-transform: capitalize!important;
}
.userexceed_section,.timingerror,.errordes_camp
{
background: #ffe5ec;
border: 1px solid #ff6387;
border-radius: 3px;
padding: 10px 15px;
margin-top: 10px;
margin-bottom: 15px;
}
.emptyhandle
{
width: 10px;
height: 20px;
padding: 3px 4px;
margin-right: 0.3em;
font-size: 20px;
}
.emojicode_img
{
margin-left:3px;
margin-right:3px;
padding-top: 0px;
vertical-align: middle;
width:17px;
-webkit-user-drag: none;
}
.assignowner
{
background: none!important;
}
.assignowner .multi-sel-option
{
background: #FFF!important;
}
.assignowner .options ul
{
margin:0px;
}
.start_end_sec
{
margin: 10px 0px;
color: #1dbf73;
}
.clear_end_date
{
text-align: right;
font-size: 12px;
color: #978c90;
cursor:pointer;
}
.downgrade_div
{
display: flex;
align-items: center;
}
.error_gallery
{
background: #ffe5ec;
border: 1px solid #ff6387;
border-radius: 3px;
padding: 10px 15px;
margin-top: 10px;
margin-bottom: 15px;
text-align: center;
}
/*.close_instagram_options
{
position: absolute;
top: -3px;
right: 0px;
background-color: #00000061;
border-radius: 50px;
color: #fff;
cursor: pointer;
cursor: pointer;
font-size: 17px;
line-height: 18px;
width: 15px;
height: 15px;
text-align: center;
}*/
.vicon
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
margin: auto;
fill: #ffffffc9;
}
.video-wrap svg
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
margin: auto;
fill: #ffffffc9;
}
.thumbnail-label
{
top: 0px!important;
}
.thumb-cover-outer
{
position: relative!important;
}
.instagram_section_icons
{
background: #FFF!important;
border-radius: 6px!important;
position: relative;
}
.acc_error
{
margin-bottom: 20px;
}
.reason_section
{
margin: 20px 0px;
color: #a94442;
padding: 8px;
background: #fdeaea;
/* text-align: center; */
border: 1px solid #ebccd1;
border-radius: 4px;
}
.more_info_popup
{
color: white;
}
.account_title
{
display: flex;
justify-content: space-between;
align-items: center;
}
/*.paynow*/
/*{*/
/*background: #1dbf73!important;*/
/* padding: 6px 20px!important;*/
/* color: #FFF!important;*/
/* text-transform: uppercase!important;*/
/* border-radius: 3px!important;*/
/*}*/
.paybut
{
color:#FFF!important;
}
.paymentexpired
{
position: relative;
padding: 10px;
padding: 10px;
background: #f54a6e;
text-align: center;
color: #FFF;
}
.textpause
{
color: #ff405b!important;
}
#choose_campaign .selected, #choose_category .selected,.drop-down .selected
{
text-transform: capitalize;
}
.unavailable
{
color:#f989bf !important
}
.pausecamp
{
color:#ff869b!important;
}
.statusemo
{
cursor: pointer!important;
}
.tooltip_heading
{
color:#FFF!important;
font-size:16px!important;
}
.grid-col-6
{
gap: 15px;
}
.danger_notify .notifyContent
{
background: #ffdfe9!important;
border: 1px solid #cd2727!important;
}
.danger_notify .notifyContent:before
{
background:#cd2727!important;
}
.closediv
{
cursor: pointer;
}
.closediv span{
font-size: 26px;
font-weight: bold;
cursor: pointer;
}
.expire_box
{
background: #000;
padding: 16px;
display: flex;
justify-content: space-between;
border-radius: 5px;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
margin-bottom: 20px;
}
.actionslayout
{
display: flex!important;
justify-content: space-between!important;
gap: 5px!important;
}
.top-bar-notification .acc-name
{
text-transform: none!important;
}
.queue_post_type
{
color: #6264699c;
cursor: none!important;
text-decoration: none;
/*font-weight: bold;*/
padding-right: 10px;
font-size: 12px;
}
.queue_post_type:hover
{
text-decoration: none!important;
}
.displayby
{
display: inline-flex;
/* align-items:center;*/
vertical-align: middle;
}
.workspace_section
{
margin-bottom: 30px;
}
.cur_workspace
{
color: var(--faded-color);
font-weight: 100;
font-size: 13px;
}
.displayby .avatar-logo
{
width: 20px;
height: 20px;
font-size: 9px;
margin-right: 4px
}
#postcheck
{
margin-top: 20px;
color: #df1b41;
}
.insert-link-box
{
z-index: 9999!important;
}
.statustxt img
{
width: 16px!important;
}
.show-modal
{
display: block!important;
}
.userStat.active:after
{
display: none!important;
}
.profiledata
{
cursor: pointer;
}
.paymenttab
{
border: 1px solid var(--main-color);
background: var(--main-color);
margin: 10px 0;
color: #ffffff;
letter-spacing: 0.2px;
border-radius: 3px;
padding: 10px 15px;
font-size: 16px;
font-weight: 600;
transition: 0.2s ease-in;
}
.withinmodal-edit
{
z-index: 9999999 !important;
}
/*.rmv-repeat-row-btn {
visibility: visible!important;
}*/
.workspace-img-profile {
height: 170px;
width: 170px;
border-radius: 3px;
position: relative;
}
.workspace-img-profile img {
height: 170px;
width: 170px;
object-fit: cover;
border-radius: 50%;
}
.ElementsApp, .ElementsApp .InputElement
{
background: #FFF!important;
padding: 8px!important;
font-family: unset!important;
font-size: 14px!importaant;
}
#payNow,#submitBtn
{
width: 100%;
margin: 18px 0px;
border: 1px solid var(--main-color);
background: var(--main-color);
margin: 10px 0;
color: #ffffff;
}
#card-number-element,#card-expiry-element,#card-cvc-element
{
border: 1px solid #dddddd!important;
border-radius: 3px!important;
/* height: 50px; */
padding: 0px 8px!important;
width: -webkit-fill-available!important;
width: -moz-available!important;
color: #626469!important;
margin: 5px 0 8px!important;
/* transition: .2s ease; */
background: #ffffff!important;
}
/*.loader1 img*/
/*{*/
/* width:35px;*/
/*}*/
.loading_division
{
text-align: center;
display: flex;
justify-content: center;
}
/*.characters_div*/
/*{*/
/* text-align: right!important;*/
/* position: absolute!important;*/
/* right: 30px!important;*/
/*}*/
.limit_reached
{
background: #e8faeb;
border: 1px solid #bee9c5;
border-radius: 3px;
font-size: 11px!important;
padding: 10px 20px!important;
margin-bottom: 0px!important;
display: grid;
grid-auto-flow: column;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.item-head
{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.top_rejected
{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px
}
.wv-event-acc
{
margin: 0px!important;
}
.post-item-body
{
grid-template-columns: auto 1fr!important;
}
.checktime
{
text-align: left;
padding: 10px 0px;
}
.loading_text
{
margin-bottom: 25px;
color: #626469!important;
text-align: center
}
.loader_sec
{
text-align: center;
height: 100px;
}
/*.loader1*/
/*{*/
/* text-align: center;*/
/* height:200px;*/
/*}*/
.timedisplay
{
padding-right: 20px!important;
}
.alert_expired
{
text-align: left;
color: #721c24;
background-color: #fde0e3;
border-color: #f5c6cb;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 2px solid transparent;
border-radius: 0.25rem;
font-weight: bold;
}
.expired-badge
{
background: #fde0e3;
color: var(--text-color);
padding: 6px 7px;
font-size: 14px;
font-weight: 400;
font-weight: bold;
border-radius: 3px;
letter-spacing: 0.2px;
display: inline;
}
.errorh3_dimension,.errorh3_size,.errorh3_duration,.errorh3_extension
{
margin:10px 0px;
}
.notify-top-center
{
z-index: 999999!important;
}
.payment-errors,.error_message,.error_message_email,#paymentResponse,.text-danger
{
color:var(--error-color)!important;
font-size:12px;
}
.defaultpg
{
display: none!important;
}
/*.upgrade-btn
{
width: 60px!important;
height: 20px!important;
padding: 6px 7px!important;
border-radius: 3px!important;
font-size: 14px!important;
}*/
.cancelbuttonpost,.buttonurl
{
display: inline-flex;
}
.event-cont p
{
color: #626469!important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start
{
color:#626469!important;
}
.accountclick
{
margin-right: 12px!important;
}
.posttype
{
float: right!important;
margin-left: auto!important;
}
.displayfull
{
width: 100%!important;
}
.col-100
{
width:100%!important;
}
.capitalize
{
text-transform: capitalize;
}
.uppercase
{
text-transform: uppercase;
}
.username_rejected
{
text-transform: capitalize;
}
.username_required
{
text-transform: capitalize;
color: #222325;
}
.comments_span
{
font-weight: normal;
font-size: 14px;
color: #626469!important;
}
.sidebar-s .drop-down
{
margin-bottom: 15px!important;
}
.separator_modified
{
border-top: 1px dashed #dddddd;
margin: 10px 0px;
}
.files_modification
{
margin: 20px 0px;
}
/*.other_option:hover,.other_option:focus
{
border-color: unset!important;
}
*/
.require_highlight
{
border: 1px solid var(--main-color);
background: var(--main-color);
color:#FFF;
}
.rejected_list .selected
{
border: 1px solid #1dbf73!important;
background: #1dbf7312;
}
.other_option,.other_option:hover,.other_option:focus
{
/*border: 1px solid #ff6174!important;*/
}
.rejectedmodal h6,.rejectedmodal p
{
text-align: left!important;
}
.require_send
{
margin: 0px!important;
}
.error_text_span_mod
{
text-align: left!important;
color: #df1b41 !important;
padding-bottom: 10px!important;
}
.modification_content
{
text-align: left;
}
.gallery_section .img-wrap img
{
width: 80px;
height: 80px;
}
.gallery_section .img-wrap
{
width: 80px;
height: 80px;
}
.gallery_section .video-wrap
{
position: relative!important;
}
.gallery_section .video-wrap svg
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
margin: auto;
fill: #ffffffc9;
}
.gallery_section .video-wrap .close
{
top: 2px!important;
right: 0px!important;
}
.gallery_section .video-wrap,.gallery_section .video-thumb
{
width: 80px;
height: 80px;
}
.gallery_section ul.thumb-Images li
{
width: 80px;
}
.gallery_section .img-wrap .close
{
width: 15px;
height: 15px;
top: 1px;
right: 1px;
}
.rejectedmodal .alert{
text-align: left;
color: #721c24;
background-color: #fde0e3;
border-color: #f5c6cb;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 2px solid transparent;
border-radius: 0.25rem;
}
.rejected_list
{
text-align: left!important;
}
.rejected_list li
{
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 20px;
}
.pg-block input[type=checkbox]{
display: none;
}
.approval_section
{
text-align: right;
}
.acc-block .picon
{
height: 48px;
width: 48px;
object-fit: cover;
}
.acc-block .small-text
{
text-transform: capitalize;
}
.pg-block input[type=checkbox]:checked {
background-color: green;
}
.pgs-list-outer
{
max-height: fit-content!important;
overflow-y: revert!important;
}
.modal .chkbox-field input[type="checkbox"]{
-webkit-appearance: none;
border:1px solid #ec3582 !important;
height: 14px;
width: 14px;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
margin-right: 7px;
}
.modal .chkbox-field input[type=checkbox]::before {
content: "";
color: transparent;
display: block;
width: inherit;
height: inherit;
background-color: transparent;
background-size: contain;
}
.modal .chkbox-field input[type=checkbox]:checked {
background-color: transparent;
}
.modal .chkbox-field input[type=checkbox]:checked::before {
box-shadow: none;
background-image: url("data:image/svg+xml,");
height: 16px;
width: 16px;
margin-top: -1px;
margin-left: -2px;
}
.brand-name,.workspace_admin
{
text-transform: capitalize;
}
.del-option-workspace svg
{
fill: #f95858!important;
}
.user_select .selected
{
background: none!important;
/*background-color: #f2f2f7!important;*/
}
.dd-chklist label
{
padding: 7px 9px!important;
}
.delete_box
{
background: #fae8f0!important;
border: 1px solid #e9bec4!important;
}
.changecontent:before
{
content: "Hide"!important;
}
.valid-msg
{
padding-top: 12px;
}
/*.abcRioButton {
width: auto!important;
background: none!important;
box-shadow: none;
border: 1px solid #dddd;
padding: 7px 30px;
height: auto!important;
}
.abcRioButtonSvg {
display: block;
width: 22px!important;
height: 24px!important;
}
.abcRioButtonIcon {
float: left!important;
height: 14px!important;
margin-right: 11px!important;
padding: 7px!important;
}
.g-signin2
{
margin-bottom: 30px;
border: 1px solid #dddddd;
align-items: center;
padding: 8px 74px;
margin: 0 auto;
}
.abcRioButtonContents {
font-family: inherit!important;
font-size: 14px!important;
font-weight: 500!important;
letter-spacing: .21px!important;
margin-left: 6px!important;
margin-right: 6px!important;
vertical-align: top!important;
font-size: 16px!important;
font-weight: 600!important;
color: #000!important;
}*/
.cont-edit-area .code_emoji, .post-item-body .code_emoji
{
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 3px!important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
font-size:18px;
}
.emojidropdown
{
min-width: auto;
background: none;
margin: 0px;
}
.emojidropdown .emojiList
{
min-width: 500px!important;
border: none!important;
}
.emojiul
{
margin: 0px!important;
padding: 0px!important;
}
.arrow-up
{
height: 0!important;
border-left: 10px solid transparent!important;
border-right: 10px solid transparent!important;
border-bottom: 10px solid #ffff!important;
left: 9px;
position: absolute;
top: 26px;
}
.emojidropdown .status-box
{
display: none!important;
}
.emojidropdown .statusEmojiDD
{
display: block!important;
}
.profile-img-area span
{
text-transform: capitalize!important;
}
.avatar-logo
{
text-transform: uppercase!important;
}
.date_time
{
display: flex;
margin-top: 13px;
}
.expirecontainer
{
margin: 0px!important;
}
#expire_date
{
height: 33px;
margin-left: 15px;
border: 1px solid rgb(200, 204, 204);
padding-left: 12px;
border-radius:3px;
font-size: 15px;
text-transform: uppercase;
}
.variation_remove
{
cursor: pointer!important;
}
/*.side-panel-inner*/
/*{*/
/* overflow: scroll!important;*/
/*}*/
.logo
{
width: auto!important;
padding: 32px 95px 0 0!important;
}
.layout-Alert-root
{
/*margin-top:15px;*/
/*margin-bottom: 15px;*/
color: #4a4244!important;
border: 1px solid #dd4b6f!important;
padding: 8px!important;
border-radius: 4px!important;
background: #ffe5ec!important;
}
.msg-box
{
background: #e8faeb;
border: 1px solid #bee9c5;
border-radius: 3px;
padding: 10px 15px;
margin-top: 40px;
margin-bottom: 15px;
}
.feed_error_exist,.adding_error_msg
{
text-align: center;
}
.msg-box.error,.feed_error_exist,.adding_error_msg
{
/*background: #ffeded;*/
background:#ffe5ec;
border: 1px solid #ff6387;
border-radius: 3px;
padding: 10px 15px;
margin-top: 10px;
margin-bottom: 15px;
}
.err_submit_expiration.msg-box.error
{
background: #ffeded;
border: 1px solid #ff6387;
border-radius: 3px;
padding: 10px 15px;
margin-top: 10px;
margin-bottom: 0px;
}
.contentvalidation .errordes
{
color: #4a4244;
/* font-weight: bold; */
border: 1px solid #dd4b6f;
padding: 8px;
border-radius: 4px;
background: #ffe5ec;
margin-bottom: 15px;
}
.disabledproperties
{
opacity: 0.5;
}
.error_border
{
border: 1px solid #ff000063!important;
}
.caterror,.error_text_span,.error_text
{
color: #df1b41;
font-size:12px;
}
.spinclass{
fill: #fff!important;
}
/*#dropdownMenuButton option
{
color: #FFF!important;
}*/
.plus_sign
{
font-size: 20px;
}
.triggerclick
{
cursor: pointer;
}
.plus_sign
{
font-size: 12px!important;
color: black;
border: 1px solid #000;
border-radius: 50%;
padding: 2px 4px;
}
/*.alert-danger*/
/*{*/
/* margin-bottom: 30px;*/
/* color: #721c24;*/
/* background-color: #f8d7da;*/
/* border-color: #f5c6cb;*/
/* padding: 10px;*/
/* border-radius: 4px;*/
/*}*/
.addbottom
{
margin-bottom: 20px!important;
}
.capitalize
{
text-transform: capitalize!important;
}
.acc-name
{
text-transform: capitalize!important;
}
.close-button
{
cursor: pointer;
}
.caterror
{
color: #df1b41 !important;
}
.errortext,.errortext_image,.errortext_image_pinterest,.errortext_image_instagram,.errortext_image_common,.cover_image_error
{
color: #df1b41 !important;
padding-bottom: 5px!important;
font-size:12px;
}
.flex-center.upload-icons
{
margin-top: 10px!important;
}
.common_error
{
color: #df1b41 !important;
}
.butspan
{
display: none!important;
}
.timePickerContainer{ margin: 5px 0px 8px; }
.composeTimePicker {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.hourContainer, .minuteContainer, .meridiemContainer{ margin-right: 4px; }
.hourRow, .minuteRow, .meridiemRow {
position: relative;
box-sizing: border-box;
}
.composeTimePicker select {
box-sizing: border-box;
width: 100%;
border: 1px solid rgb(200, 204, 204);
border-radius: 6px;
background-color: rgb(255, 255, 255);
color: rgb(54, 65, 65);
cursor: pointer;
outline: none;
appearance: none;
transition: border-color 0.15s cubic-bezier(0.4, 0, 0.7, 0.2) 0s, box-shadow 0.15s cubic-bezier(0.4, 0, 0.7, 0.2) 0s;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
margin: 0px;
visibility: visible;
padding: 5px 15px 5px 15px;
font-size: 13px;
}
.composeTimePicker select {
padding: 5px 15px 5px 15px!important;
width: auto!important;
height:37px;
text-transform: uppercase;
font-size: 15px;
}
.stylesArrow {
position: absolute;
top: 48%;
right: 12px;
transform: translateY(-50%);
color: rgb(54, 65, 65);
pointer-events: none;
}
.Arrow-Icon-svg {
width: 16px;
}
.Arrow-Icon-svg {
height: 16px;
fill: currentcolor;
}
.Arrow-Icon-svg {
display: inline-block;
color: inherit;
vertical-align: middle;
line-height: 16px;
}
.ComposeTimePicker-seperator {
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin-right: 4px;
}
.thumb-Images{
padding-left: 0px!important;
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.image-thumb {
height: 100px;
width: 100px;
border-radius: 6px;
float: left;
object-fit:cover;
}
.video-thumb{
/* height: 120px;
width: 215px;*/
width:100px;
height:100px;
border: 1px solid #fff0;
object-fit: cover;
border-radius:6px;
}
ul.thumb-Images li{
width: 100px;
height: auto;
}
.loadingtext{
display: flex;
align-items: center;
height: 100%;
justify-content: center;
color: #969696;
}
.img-wrap{
position: relative;
display: inline-block;
font-size: 0;
width: 100px;
height: 100px;
background: #e8e8e8;
margin-bottom: 8px!important;
}
.video-wrap {
position: relative;
display: inline-block;
font-size: 0;
/* width: 215px;
height: 120px;*/
width:100px;
height:100px;
background: #e8e8e8;
}
.img-wrap .close {
position: absolute;
top: 6px;
right: 4px;
background-color:#00000099;
border-radius:50px;
color: #fff;
cursor: pointer;
font-size: 18px;
line-height: 18px;
width: 17px;
height: 17px;
text-align: center;
}
.download-file-modify-wrap{
position: absolute;
bottom: 6px;
right: 4px;
background-color:#000000ad;
border-radius:50px;
color: #fff;
cursor: pointer;
font-size: 17px;
line-height: 19px;
width: 21px;
height: 21px;
text-align: center;
}
.post-item-media:hover .download-file-modify-wrap{
background-color:#000000;
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
/* background-color: #2196F3;*/
padding: 10px;
gap:40px;
}
.grid-item {
/* background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.8);*/
text-align: left;
}
.img-wrap:hover .close {
opacity: 1;
/*background-color: #ff6174;*/
background-color: var(--error-color);
}
.video-wrap .close {
/* position: absolute;*/
top: 6px;
z-index: 99!important;
right: 4px;
background-color: #00000061;
border-radius:50px;
color: #fff;
cursor: pointer;
font-size: 17px;
line-height: 18px;
width: 15px;
height: 15px;
text-align: center;
}
.video-wrap:hover .close {
opacity: 1;
background-color: #ff0000;
}
output
{
display: block!important;
/*margin-bottom: 20px!important;*/
}
.mediaList
{
position: relative !important;
/* margin: 10px 10px !important;
padding: 10px 10px !important;
border: 1px solid #0000000f !important;
background: #f0f0f0 !important;*/
max-height: 700px;
overflow: hidden;
}
/* peopleNotifyWrapper Style Starts */
.peopleNotifyWrapper, .bottomNotifyWrapper {
right:41px;
margin-left: auto;
margin-right: auto;
position: fixed;
bottom: 20px;
overflow: hidden;
transition: all .15s ease-in;
display: none;
transition-property: all;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
transition-delay: initial;
animation-name: dropDownAnimUp;
animation-duration: 0.3s;
}
.default-profile-area-profilesec {
height: 170px;
width: 170px;
border-radius: 50%;
position: absolute;
top: 0;
background: #03113ab8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.default-profile-area-profilesec svg {
fill: #ffffff;
opacity: 0.85;
}
.default-profile-area-profilesec p {
color: #ffffff;
padding: 5px 20px;
text-align: center;
opacity: 0.85;
}
.bottomNotifyWrapper{
opacity: 0;
visibility: hidden;
max-width: 500px;
z-index: 999999999999 !important;
}
.bottomNotifyWrapper .notifyContent:before{
content: '';
position: absolute;
left:0;
top: 0;
width: 100%;
height: 3px;
background: #2be0af;
}
.notificationImage{
position: fixed;
z-index: 9999;
left: 0;
right: 0;
margin: auto;
width: 316px;
height: 126px;
bottom: 30px;
animation-name: dropDownAnimDown;
animation-duration: 0.3s;
display: none;
}
.bottomNotifyWrapper.show{
opacity: 1;
visibility: visible;
z-index:9999999;
animation-name: dropDownAnimDown;
}
.peopleNotifyWrapper.hide, .bottomNotifyWrapper.hide {
animation-name: dropDownAnimUp;
}
.peopleNotifyWrapper .thumbImgDiv {
border: none;
border-radius: 0;
margin-left: 0;
height: 60px;
width: 60px;
position: relative;
z-index: 999;
opacity: 0;
visibility: hidden;
}
.peopleNotifyWrapper.show .thumbImgDiv {
opacity: 1;
visibility: visible;
animation-name: animScalePeople;
animation-duration: 0.2s;
}
.peopleNotifyWrapper .peopleContent, .bottomNotifyWrapper .notifyContent {
align-items: center;
background: #f6f8f9;
display: flex;
float: left;
min-height: 52px;
height:auto;
width: auto;
position: relative;
padding: 5px 40px 3px 8px;
opacity: 0;
visibility: hidden;
border: 1px solid #2be0af;
border-radius: 3px;
}
.peopleNotifyWrapper.show .peopleContent, .bottomNotifyWrapper.show .notifyContent {
animation-delay: 0.15;
animation-name: animSlide;
animation-duration: 0.4s;
animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.bottomNotifyWrapper.show .notifyContent{
opacity: 1;
visibility: visible;
animation-name: animScale;
animation-duration: 0.2s;
}
.peopleNotifyWrapper .peopleContent > span, .bottomNotifyWrapper .notifyContent > span {
color: #47484c;
float: left;
font-size: 0.813rem;
font-weight: 500;
margin-left: 10px;
display: flex;
align-items: center;
}
.peopleNotifyWrapper .notifyClose, .bottomNotifyWrapper .notifyClose {
float: right;
height: 8px;
position: absolute;
right: 18px;
top: 23px;
width: 8px;
}
.peopleNotifyWrapper .notifyClose span, .bottomNotifyWrapper .notifyClose span {
float: left;
}
.bottomNotifyWrapper .notifyContent > .successMsg:before{
content: "";
float: left;
width: 20px;
height:20px;
background: url(../images/checkbox.svg);
background-repeat: no-repeat;
background-size: 100%;
margin-right: 12px;
flex-shrink:0;
}
.danger_notify .notifyContent > .failMsg:before{
content: "";
float: left;
width: 20px;
height:20px;
background: url(../images/fail-icon.svg);
background-repeat: no-repeat;
background-size: 100%;
margin-right: 12px;
flex-shrink:0;
}
.peopleNotifyWrapper .notifyClose span svg, .bottomNotifyWrapper .notifyClose span svg{
/*fill: #47484c;*/
float: left;
width: 16px;
height:16px;
}
.peopleNotifyWrapper .notifyClose span svg:hover, .bottomNotifyWrapper .notifyClose span svg:hover{
fill: var(--delete-color);
}
.bottomNotifyWrapper.errorClass .notifyContent{
background: #FFAFBD; /* fallback for old browsers */
/*background: -webkit-linear-gradient(to right, #ffc3a0, #FFAFBD); */ /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to right, #ffc3a0, #FFAFBD); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#FFF;
}
.bottomNotifyWrapper.errorClass .notifyClose span svg {
fill: #FFFFFF;
}
.processLoader{
/* background: #bccad9;
border-radius: 3px;
float: right;
height: 36px;
margin-left: -15px;
margin-top: 11px;
padding: 0 7px;
position: relative;
width: 29px;
z-index: 99;*/
}
.onsave
{
background: #bccad9!important;
border: none!important;
}
.displayContent .processLoader{margin-left:calc(100% - 40px);margin-bottom:-42px;height:37px;float:right}
/*.processLoader>img
{float:left;height:100%;width:100%}*/
.disabledBtn{background-color:#bccad9!important;pointer-events:none}
.progress{
/*background: #fff;
border: 1px solid #00a65a;*/
margin-bottom: 0px;
padding:0px;
}
.progress > .abort{
float: right;
font-size: 20px;
cursor: pointer;
line-height: 18px;
opacity: 0.5;
}
.progress > .abort:hover{
opacity: 1;
}
.progress-error{
border: 1px solid #e65442;
color: #e65442;
}
.progress-title
{
text-align: right!important;
font-size: 13px!important;
}
.progress > .progress-bar{
width: 0%;
transition: width ease .1s;
background-color: #00a65a;
max-width: 100%;
height: 1.7px !important;
margin-top: -1px;
}
.progress-error > .progress-bar{
background-color: #e65442;
}
.droparea {
/* height: 200px;
border: 2px dashed #ccc;
line-height: 200px;
text-align: center;
font-size: 20px;
background: #f9f9f9;
display: none;
margin-bottom: 15px;
margin-top: 10px!important;*/
}
.campaign_section,.category_section
{
margin-bottom: 30px!important;
}
.variation-block
{
position: relative!important;
}
.thumbnail {
width: 100px;
height: 100px;
padding: 2px;
margin: 2px;
border: 2px solid lightgray;
border-radius: 3px;
float: left;
}
.d-none {
display: none;
}
.d-block {
display: block;
}
/* Absolute Center Spinner */
.loading {
/*position: fixed;*/
z-index: 999;
height: 2em;
width: 2em;
overflow: visible;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.special_note
{
margin-top: 10px!important;
color: #777171!important;
}
.plan-list-component
{
width:220px!important;
}
.settings-head{
display: flex;
justify-content: space-between;
align-items: center;
}
.settings-block{
display: grid;
grid-template-columns: 25% 55%;
}
.setting-rows{
display: grid;
grid-template-columns: 25% 55%;
padding:10px 0;
border-bottom:1px solid #eeeeee;
}
.progress-bar{
background-color: rgb(240, 240, 240);
border-radius: 50px;
height: 8px;
margin: 6px 0px;
}
.active-progress{
background: var(--main-color);
border-radius: 50px;
height: 8px;
/*width: 44%;*/
}
.settings-inner-2col{
display: grid;
grid-template-columns: 1fr 3fr;
gap:20px;
}
.progress-label{
display: flex;
justify-content: space-between;
}
.title-center{
text-align:center;
}
.title-center h2{
font-weight: 100;
font-size: 40px;
}
.pricing-outer .pricing-wrapper:last-child{
border-bottom: unset;
}
.pricing-wrapper{
border-bottom: 1px solid #dddddd;
}
.pricing-block{
border-right:1px solid #dddddd;
padding:30px;
}
.pricing-block:last-child{
border-right:unset;
}
.title{
color:#222325;
font-size:23px;
margin: 10px 0;
}
.sub-title{
line-height: 25px;
font-size: 16px;
}
.pricing-info{
background:#ffffff;
text-align: center;
display: flex;
flex-direction: column;
gap: 35px;
justify-content: space-between;
padding: 14% 30px;
position: relative;
}
.billing-price{
/*display: flex;
gap: 15px;
align-items: center;
justify-content: center;*/
}
.price{
color: #222325;
font-size: 35px;
line-height: 40px;
margin: 10px 0;
}
.feature-list{
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 8px;
}
.feature-list svg{
fill:var(--main-color);
}
.new-tag{
color:#0075ff;
font-weight: 600;
}
.bg-banner{
background:#ffffff;
padding:5% 3%;
}
.banner-txt{
font-size:30px;
line-height: 35px;
text-align:center;
}
.img-cont-col{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding:8%;
}
.img-cont-col img{
width:570px;
box-shadow: 0 0 15px #ced1da;
}
.img-cont-links{
display: flex;
gap: 20px;
align-items: center;
margin-top:20px;
}
.bg-banner-dark{
background:#1e1f21;
color:#ffffff;
padding: 5% 3%;
}
.logos-block{
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.logos-block img{
height: 54px;
}
.popular-tag{
height: 27px;
padding: 5px;
background: var(--main-color);
/*background-image:url(../images/popular-bg1.jpg);
background-size: cover;*/
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: -37px;
border-radius: 5px 5px 0 0;
}
.emojiDiv img
{
height: 20px;
width: 20px;
float: left;
}
.notification-detail-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
}
.change-email {
display: inline-block;
}
.app-notification-bar {
background-color: #fef1e1;
border-bottom: 1px #dadfe3 solid;
top: 0;
right: 0;
}
.app-notification-bar, .warning-bar {
height: 40px;
position: fixed;
text-align: center;
line-height: 40px;
width: 100%;
z-index: 99;
}
.rejected_reason .alert-danger
{
color: #a94442;
background-color: #fdeaea;
margin-bottom: 0px!important;
padding: 8px;
border-radius: 3px;
border:1px solid #ebccd1;
}
.markread,.modifiedbutton
{
margin-top: 0px!important;
margin-bottom: 0px!important;
}
.multi-sel-dd-acc .counter-badge {
background: #1dbf73!important;
margin-right: 5px;
}
/**timeslot dropdown **/
.timeslotdropdown .selected .dropdown_caption:hover,.timeslotdropdown .selected .multi-sel-option:hover
{
border-color: #bbbbbb !important;
}
.timeslotdropdown .selected .dropdown_caption:hover, .timeslotdropdown2 .selected .dropdown_caption:hover, .timeslotdropdown .selected .multi-sel-option:hover{
color: var(--main-color);
}
.timeslotdropdown{
position:relative;
margin: 5px 0px 8px;
min-width: 200px;
background: #ffffff;
}
.timeslotdropdown .selected .dropdown_caption, .timeslotdropdown .selected a,.timeslotdropdown .selected .multi-sel-option{
display:block;
padding:8px 30px 8px 12px;
border:1px solid #dddddd;
/*width:100%;*/
/*height: 50px;*/
border-radius:3px;
cursor: pointer;
}
.timeslotdropdown .selected .dropdown_caption::after, .timeslotdropdown .selected a::after,.timeslotdropdown .selected .multi-sel-option::after{
content: url('data:image/svg+xml,');
position: absolute;
right: 6px;
top: 10px;
}
.timeslotdropdown .selected .dropdown_caption.up1::after,.timeslotdropdown .selected .multi-sel-option.up1::after{
content: url('data:image/svg+xml,');
position: absolute;
right: 6px;
top: 10px;
}
.timeslotdropdown .selected .dropdown_caption span, .timeslotdropdown .selected a span{
cursor:pointer;
display:block;
/* padding:5px;*/
}
.timeslotdropdown .option{
position:relative;
}
.timeslotdropdown>.options>ul{
background:#fff none repeat scroll 0 0;
display:none;
padding:10px 0px;
position:absolute;
top:26px;
width:-webkit-fill-available;
width: -moz-available;
border:1px solid #dddddd;
border-radius: 3px;
/*max-height: 230px;*/
z-index: 1;
border-top: transparent;
transition: all .2s cubic-bezier(.2,.3,.25,.9);
transition-property: all;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.2,.3,.25,.9);
transition-delay: initial;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: dropDownAnimDown;
box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;
}
.timeslotdropdown .options .dd2-opt{
max-height: 220px;
overflow-y: auto;
overflow-x: hidden;
}
.timeslotdropdown .selected span.value, .timeslotdropdown .options span.value{
display: none;
}
.timeslotdropdown .options ul li option, .timeslotdropdown .options ul li a{
padding:5px 14px;
display:block;
cursor: pointer;
/*color:#3179ac;*/
}
.timeslotdropdown .options ul li a{
color: #626469;
}
.timeslotdropdown .options ul li option:hover, .timeslotdropdown .options ul li a:hover, .timeslotdropdown .options ul li:hover{
background:var(--bg-color);
color:var(--main-color);
transition:0.2s ease;
text-decoration: unset;
}
.timeslotdropdown .options ul .dd-list{
padding: 5px 14px;
/*display: flex;*/
display: grid;
grid-template-columns: min-content auto;
align-items: center;
cursor: pointer;
}
.timeslotdropdown .options ul .dd-chklist{
/*line-height: 40px;*/
display: grid;
/*grid-template-columns: min-content auto;*/
align-items: center;
cursor: pointer;
animation-name: none;
}
.timeslotdropdown ul .dd-chklist.selected .multi-ckeck{
border: 1px solid var(--main-color);
}
.timeslotdropdown ul .dd-chklist .multi-ckeck .multi-sel-check{
display: none;
}
.timeslotdropdown ul .dd-chklist.selected .multi-ckeck .multi-sel-check{
display: block;
fill: var(--main-color);
}
.timeslotdropdown ul .dd-chklist.selected .multi-ckeck .multi-sel-uncheck{
display: none;
}
.dd-chklist input[type="checkbox"]{
display: none;
}
.timeslotdropdown ul .dd-chklist:hover .multi-ckeck{
box-shadow: 0 0 3px var(--text-color);
}
.timeslotdropdown ul .dd-chklist.selected:hover .multi-ckeck{
box-shadow: 0 0 3px var(--main-color);
}
.timeslotdropdown ul .dd-chklist.selected .multi-ckeck svg{
fill: var(--main-color);
}
.avatar
{
text-transform: uppercase!important;
}
/**timeslot dropdown **/
/**getcollaborate dropdown **/
.getcollaborate .selected .dropdown_caption:hover,.getcollaborate .selected .multi-sel-option:hover
{
border-color: #bbbbbb !important;
}
.getcollaborate .selected .dropdown_caption:hover, .getcollaborate .selected .multi-sel-option:hover{
color: var(--main-color);
}
.getcollaborate{
position:relative;
margin: 5px 0px 8px;
min-width: 200px;
background: #ffffff;
}
.getcollaborate .selected .dropdown_caption, .getcollaborate .selected a,.getcollaborate .selected .multi-sel-option{
display:block;
padding:8px 30px 8px 12px;
border:1px solid #dddddd;
/*width:100%;*/
/*height: 50px;*/
border-radius:3px;
cursor: pointer;
}
.getcollaborate .selected .dropdown_caption::after, .getcollaborate .selected a::after,.getcollaborate .selected .multi-sel-option::after{
content: url('data:image/svg+xml,');
position: absolute;
right: 6px;
top: 10px;
}
.getcollaborate .selected .dropdown_caption.up1::after,.getcollaborate .selected .multi-sel-option.up1::after{
content: url('data:image/svg+xml,');
position: absolute;
right: 6px;
top: 10px;
}
.getcollaborate .selected .dropdown_caption span, .getcollaborate .selected a span{
cursor:pointer;
display:block;
/* padding:5px;*/
}
.getcollaborate .option{
position:relative;
}
.getcollaborate>.options>ul{
background:#fff none repeat scroll 0 0;
display:none;
padding:10px 0px;
position:absolute;
top:26px;
width:-webkit-fill-available;
width: -moz-available;
border:1px solid #dddddd;
border-radius: 3px;
/*max-height: 230px;*/
z-index: 1;
border-top: transparent;
transition: all .2s cubic-bezier(.2,.3,.25,.9);
transition-property: all;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.2,.3,.25,.9);
transition-delay: initial;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: dropDownAnimDown;
box-shadow: 0 5px 25px 2px #e1e4ed, 0 8px 30px #e1e4ed;
}
.getcollaborate .options .dd2-opt{
max-height: 220px;
overflow-y: auto;
overflow-x: hidden;
}
.getcollaborate .selected span.value, .getcollaborate .options span.value{
display: none;
}
.getcollaborate .options ul li option, .getcollaborate .options ul li a{
padding:5px 14px;
display:block;
cursor: pointer;
/*color:#3179ac;*/
}
.getcollaborate .options ul li a{
color: #626469;
}
.getcollaborate .options ul li option:hover, .getcollaborate .options ul li a:hover, .getcollaborate .options ul li:hover{
background:#f2f2f7;
color:var(--main-color);
transition:0.2s ease;
text-decoration: unset;
}
.getcollaborate .options ul .dd-list{
padding: 5px 14px;
/*display: flex;*/
display: grid;
grid-template-columns: min-content auto;
align-items: center;
cursor: pointer;
}
.getcollaborate .options ul .dd-chklist{
/*line-height: 40px;*/
display: grid;
/*grid-template-columns: min-content auto;*/
align-items: center;
cursor: pointer;
animation-name: none;
}
.timeslotdropdown ul .dd-chklist.selected .multi-ckeck{
border: 1px solid var(--main-color);
}
.getcollaborate ul .dd-chklist .multi-ckeck .multi-sel-check{
display: none;
}
.getcollaborate ul .dd-chklist.selected .multi-ckeck .multi-sel-check{
display: block;
fill: var(--main-color);
}
.getcollaborate ul .dd-chklist.selected .multi-ckeck .multi-sel-uncheck{
display: none;
}
.getcollaborate ul .dd-chklist:hover .multi-ckeck{
box-shadow: 0 0 3px var(--text-color);
}
.getcollaborate ul .dd-chklist.selected:hover .multi-ckeck{
box-shadow: 0 0 3px var(--main-color);
}
.getcollaborate ul .dd-chklist.selected .multi-ckeck svg{
fill: var(--main-color);
}
/**getcollaborate dropdown **/
.avatarThumbSet1{
margin-left:10px;
}
.avatarThumbSet1 .avatar{
margin-left:-10px;
border:2px solid #ffffff;
height: 24px;
width: 24px;
}
.avatarThumbSet1 .avatar:hover{
transition-duration: all 0.8s ease-out;
transform:scale(1.05);
}
.avatarThumbSet1 .avatarThumb:hover{
z-index: 5 !important;
}
.avatarThumbSet1 .avatarThumb:nth-child(1){
z-index: 4;
}
.avatarThumbSet1 .avatarThumb:nth-child(2){
z-index: 3;
}
.avatarThumbSet1 .avatarThumb:nth-child(3){
z-index: 2;
}
.avatarThumbSet1 .avatarThumb:nth-child(4){
z-index: 1;
}
.avatarThumbSet1 .moreAvCount{
color: #1d2b36;
background:#ededed;
border:2px solid #dddddd;
z-index: 0;
}
.avatarThumbSet1 .moreAvCount:hover{
z-index: unset !important;
transform: unset;
}
.notification-panel-head .active
{
border-bottom: 2px solid #222325;
}
.notification-panel-head .active span
{
color: #222325;
}