File: /home/dmstechonline/social.dmstech.online/assets/css/style.css
/**
* Common classes
*/
.sap-alert-error-box{
padding: 5px 0px 5px 35px;
margin: 15px 0px 15px 0px;
background-color: #f8d7da;
border-color: #f5c2c7;
color: #842029;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
position: relative;
}
.sap-alert-error-box:before {
content: " ";
background: url(../images/alert-error.png);
width: 22px;
height: 22px;
background-size: 22px;
display: block;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 8px;
top: 51%;
transform: translateY(-50%);
}
.sap-msg-wrap .custom-char-count {
color: #1958f4;
font-size: 14px;
font-weight: bold;
text-align: right;
margin-top: 10px;
}
.sap-mt-1{ margin-top: 1rem !important; }
.sap-mt-2{ margin-top: 2rem !important; }
.sap-mt-3{ margin-top: 3rem !important; }
.sap-mt-4{ margin-top: 4rem !important; }
.sap-mt-5{ margin-top: 5rem !important; }
.sap-mt-1_5{ margin-top: 1.5rem !important; }
.sap-mt-2_5{ margin-top: 2.5rem !important; }
.sap-mt-3_5{ margin-top: 3.5rem !important; }
.sap-mt-4_5{ margin-top: 4.5rem !important; }
.sap-mt-5_5{ margin-top: 5.5rem !important; }
.sap-mb-1{ margin-bottom: 1rem !important; }
.sap-mb-2{ margin-bottom: 2rem !important; }
.sap-mb-3{ margin-bottom: 3rem !important; }
.sap-mb-4{ margin-bottom: 4rem !important; }
.sap-mb-5{ margin-bottom: 5rem !important; }
.sap-mb-1_5{ margin-bottom: 1.5rem !important; }
.sap-mb-2_5{ margin-bottom: 2.5rem !important; }
.sap-mb-3_5{ margin-bottom: 3.5rem !important; }
.sap-mb-4_5{ margin-bottom: 4.5rem !important; }
.sap-mb-5_5{ margin-bottom: 5.5rem !important; }
.d-flex{ display: flex;
flex-wrap: wrap;
}
.flex-direction-column{ flex-direction: column; }
.align-items-center{ align-items: center; }
.justify-content-between{ justify-content: space-between; }
.justify-content-end{ justify-content: flex-end; }
#plan_details{
width: 60%;
border-radius: 10px;
}
.subscription-menu{
background: #4a6a5c !important;
color: #fff !important;
border-radius: 10px;
}
#published #searchByGender,#scheduled #searchByGender{
top: 0px !important;
margin-bottom: 5px;
}
.delete-dropdown {
float: left;
margin-right: 35px;
}
.payment-back-link {
text-align: center;
}
.post-filter-content .filter-wrap button{
position: static;
}
.auto-renew-note{
margin: 0px !important;
display: none;
}
.membership-status-inputs {
display: flex;
align-items: center;
width: 100%;
justify-content: space-around;
}
.membership-status-inputs .cencel-membership{
margin: 0px 10px;
}
.membership-status-inputs .tt_large{
margin: 0px 10px;
}
div#list-members_filter {
margin-right: 15px;
}
span.astric{
color: #dd4b39;
}
.datatable-overly{
overflow-x: auto;
}
.gateway-item label{
font-weight: normal;
font-size: 15px;
}
/* .dataTable td a:nth-child(2){
margin: 0px 5px;
} */
.panel-body.payment-detail-wrap.gateway_checkbox{
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: flex-start;
align-items: center;
}
.panel-body.payment-detail-wrap.gateway_checkbox .form-check{
margin-right: 15px;
}
.sap-custom-drop-down-wrap select{
position: relative;
background: #ffffff;
border: 1px solid #d2d6de;
width: auto;
height: 30px;
line-height: 30px;
margin-right: 5px;
z-index: 9;
}
.membership-details .panel-body .form-check{
display: inline-block;
width: 48%;
margin: 5px 0px;
}
#plan_details a{
border-left-width: 0px;
}
#plan_details a span.badge{
padding: 15px;
font-size: 20px;
}
#plan_details a span.badge .day-lable{
font-size: 11px;
}
.custom-user-list-init li{text-align: center;}
.info-custom-box-content-init{height: 90px;text-align: left;}
.manage-btn-inti{
border: 1px solid #3c8dbc;
padding: 3px 10px;
border-radius: 50px;
display: inline-block;
margin-top: -10px;
background:#fff;
transition: all 0.7s;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
text-align: right;
float: right;
}
#sap_plan-error{
display: none;
}
.card_exp_label{
float: left;
width: 100%;
}
.pl-ziro{
padding: 0px;
}
.available-gateways .gateway-item {
display: block;
}
.payment-method-error{
width: 100%;
}
#payment_gateways .nav-tabs-custom{
padding: 25px;
}
.manage-btn-inti:hover {background: #3c8dbc;color: #fff;}
.info-custom-box-content-init .info-box-text{margin-top: 16px;}
.tgl {
display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
background: none;
}
.tgl + .tgl-btn {
outline: 0;
display: block;
width: 36px;
height: 21px;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 92%;
}
.tgl + .tgl-btn:after {
left: 0;
}
.tgl + .tgl-btn:before {
display: none;
}
.tgl:checked + .tgl-btn:after {
left: 50%;
}
.tgl-ios + .tgl-btn {
background: #838383;
border-radius: 2em;
padding: 2px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
border-radius: 2em;
background: #fbfbfb;
-webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
will-change: padding;
}
.tgl-ios + .tgl-btn:active {
box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
padding-right: .8em;
}
.tgl-ios:checked + .tgl-btn {
background: #1753f4;
}
.tgl-ios:checked + .tgl-btn:active {
box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
margin-left: -.8em;
}
.multipost .quick-status{
position: absolute;
}
.height-200{
height: 200px !important;
}
.uploaded-img{
width: auto;
height: auto !important;
max-width: 100%;
max-height: 100%;
}
.obj-hide{
display: none;
}
.custom-hide-uploader .file-input{
display: none;
}
.li-hide-uploader .file-input{
display: none;
}
.pin-hide-uploader .file-input{
display: none;
}
.tb-hide-uploader .file-input{
display: none;
}
.tw-hide-uploader .file-input{
display: none;
}
.sap-gmb-img-wrap.gmb-hide-uploader .file-input{
display: none;
}
.obj-inline{
display: inline-block;
}
.width-100{
width: 100%;
}
.padding-top-0{
padding-top:0 !important;
}
.color-red{
color:red;
}
/* Setting page */
.float-right-cs-init{}
.num-input-init{max-width: 60px;padding-right: 0;display: inline-block;}
.sap-loader-wrap{
position:relative
}
.sap-loader,.sap-loader-sub{
margin:0 auto;
position:absolute;
left:0;
right:0;
top:0;
bottom:0
}
.content-wrapper.payment-page{
margin-left: 0px;
}
.payment-page .checkbox.pull-right { margin: 0; }
.payment-page .pl-ziro { padding-left: 0px; }
.payment-page .card_exp_label {float: left; width: 100%; }
.payment-page #stripe-submit{
width: 100%;
padding: 12px;
}
.payment-page .nav-stacked>li{
background: #ffffff;
}
.payment-page .nav-stacked li a h3{
margin: 0;
}
.payment-page .nav-pills>li>a>.badge{
padding: 15px;
font-size: 22px;
}
.payment-page ul.nav.nav-pills.nav-stacked{
margin:20px 0;
}
.wrapper.payment-page-body {
background: transparent;
}
.allow-network ul{
padding: 0px;
margin: 0px;
}
/* .allow-network ul li:first-child{
margin-left: 0px;
}*/
.allow-network ul li{
list-style-type: none;
display: inline-block;
margin-right: 5px;
margin-left: 0;
}
.sap-loader{
display:none;
z-index:9999;
align-items:center;
width:100%;
background:rgba(255,255,255,.5)
}
.sap-loader-sub{
display:flex;
vertical-align:middle;
align-items:center;
justify-content:center
}
.sap-loader-img{
border:5px solid #f3f3f3;
border-radius:50%;
border-top:5px solid #02aace;
border-bottom:5px solid #02aace;
width:50px;
height:50px;
-webkit-animation:spin 2s linear infinite;
animation:spin 2s linear infinite
}
.post_img {
width:40px;
height:40px;
object-fit: cover;
object-position: center;
}
.pinterest-status-msg .error{
color:red;
}
.pinterest-status-msg .success{
color:green;
}
@-webkit-keyframes spin{
0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.sap-hide, .sap-facebook-remove{display:none;}
.sap-desc{font-style: italic;}
.m-l-1{ margin-left: 5px; }
.m-r-10{ margin-right: 10px; }
.m-b-10{ margin-bottom: 10px; }
.payment-page .nav-pills>.active>a>.badge{
color: #000;
}
.payment-page .nav-pills>.active>a>.badge .day-lable{
font-weight: normal;
font-size: 15px;
font-style: italic;
}
.expiration-day-label{
text-align: center;
border: none;
font-weight: bold;
height: 40px;
cursor: default;
}
/* setting page */
/*facebook setting start*/
.sap-grant-reset-data p { margin: 0 !important; position: relative;top: -5px;}
.sap-grant-reset-data a {line-height: 2.4;}
.custom-display-table {display: table;}
.sap-facebook-main {display : none;}
.sap-facebook-main.show-remove-icon{display: block;}
/*facebook setting end*/
/*linkedin setting start*/
.sap-grant-reset-data p { margin: 0 !important; position: relative;top: -5px;}
.sap-grant-reset-data a {line-height: 2.4;}
.custom-display-table {display: table;}
.sap-linkedin-main {display : none;}
.sap-linkedin-main.show-remove-icon{display: block;}
/*blogger setting start*/
.sap-blogger-main {display : none;}
.sap-blogger-main.show-remove-icon{display: block;}
.remove-icon-blogger .remove-tx-init { margin-top: 7px }
/*blogger setting end*/
/*Tumblr setting start*/
.sap-grant-reset-data p { margin: 0 !important; position: relative;top: -5px;}
.sap-grant-reset-data a {line-height: 2.4;}
.custom-display-table {display: table;}
.sap-tumblr-main {display : none;}
.sap-tumblr-main.show-remove-icon{display: block;}
/* Tumblr setting end */
/* twiter setting start */
.sap-twitter-account-details input{max-width: 200px;}
.remove-tx-init{margin-top: -27px;display: block;padding-right: 0px;}
.remove-tx-init i{color: #fff !important;background: #dd4b39 !important;border-radius: 50%;height: 21px;width: 21px;padding: 3px 4px 3px 5px;}
.sap-twitter-main{display: none;}
.sap-twitter-main.show-remove-icon{display: block;}
.sap-img-preview {
margin-bottom: 10px;
}
.sap-img-preview .cross-arrow{
display: inline-block;
vertical-align: top;
padding-left: 20px;
}
.sap-oauth-url {
width: calc(100% - 67px);
display: inline-block;
max-width: unset;
min-width: auto;
width: -webkit-calc(100% - 67px);
}
.copy-clipboard {
display: inline-block;
vertical-align: top;
}
.sap-img-preview > img{
display: inline-block;
margin: 0 auto;
max-width: 150px;
width: auto;
}
.sap-setting-remove-img{
padding-right: 50px;
margin-top: 0px;
}
/* twitter setting end */
/* youtube setting start */
.sap-youtube-main {display: none;}
.show-remove-icon {display: block;}
/* .sap-youtube-main.show-remove-icon{display: block;}*/
/* youtube setting end */
/*pinterest setting start*/
.sap-pinterest-main {display : none;}
.sap-pinterest-main.show-remove-icon{display: block;}
/*pinterest setting end*/
.select2-container--default .select2-selection--multiple {
border: 1px solid #d2d6de;
border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #3c8dbc;
border-color: #367fa9;
padding: 1px 10px;
color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
margin-right: 5px;
color: rgba(255,255,255,0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #fff;
}
.select2-container .select2-selection--single{
border: 1px solid #d2d6de;
border-radius: 0;
}
.action_icons a{
padding: 0 4px;
cursor: pointer;
}
.delete_plan:hover,
.delete_coupon:hover,
.delete_payment_histroy:hover,
.delete_member:hover,
.delete_post:hover {
cursor: pointer;
}
.kv-file-content img{
height: 170px;
}
.select2-container {
width: 100% !important;
padding: 0;
}
.sap-grant-msg{
font-style: italic;
font-weight: 900;
color: #109e16;
padding: 10px 15px;
}
.sap-share-link-err{
display:none;
color: red;
font-style: italic;
}
.sap-not-rec{
border-color: red !important;
}
.sap-warning{
padding: 4px;
margin: 8px 0px;
border-radius: 0;
}
.sap-schedule-icon{
font-size: 25px;
color: #3c8dbe;
cursor: pointer;
}
/****Report Graph****/
.sap-logs-graph-filter-wrap{
padding: 5px 0px;
}
.sap-filter-btn-wrap{
list-style-type: none;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.sap-filter-btn-wrap li {
float: left;
margin: 2px 4px 0 0;
width: 100px;
height: 38px;
position: relative;
text-align: center;
}
li.sap-graph-social-type{
width: 165px;
}
.sap-filter-btn-wrap input[type="radio"] {
opacity: 0.011;
z-index: 100;
}
.sap-filter-btn-wrap label {
padding: 4px 5px;
border: 1px solid #CCC;
cursor: pointer;
z-index: 999;
}
.sap-filter-btn-wrap label, .sap-filter-btn-wrap input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sap-custom-wrap-main {
margin: 0;
display: inline-block;
vertical-align: top;
}
.sap-filter-btn-wrap input[type="radio"]:checked + label {
background: #32ade3;
color: #fff;
border: 1px solid #32ade3;
}
.sap-loader-wrap {
display: none;
z-index: 9999;
align-items: center;
width: 100%;
background: rgba(255,255,255,.5);
}
.sap-loader-wrap, .sap-loader-sub{
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.sap-custom-wrap {
display: none;
}
section.sap-quick-post>div>form>.pull-left>.col-lg-12 {
padding: 15px;
}
section.sap-quick-post>div>form>.col-lg-6>div, section>div>.col-lg-6>div{
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
overflow: hidden;
background-color: #FFF;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
height: auto;
}
section.sap-quick-post>div>form #accordion .tg-list-item{
float: right;
margin-top:-6px;
}
section.sap-quick-post>div>form .tgl + .tgl-btn{
height: 21px !important;
float: right;
}
.sap_quick_post_update{
display:none;
}
#accordion .has-error a{
color: #a94442 !important;
}
#accordion .has-error label{
color: #a94442 !important;
}
#accordion label.location-label.has-error{
color: #a94442 !important;
}
.sap-delete{
float:right;
}
.inline-block{
display: inline-block;
}
.float-right{
float:right;
}
.float-left{
float:left;
}
.select2-container .select2-selection--single{
height: 34px;
}
.sap-fade-message {
background: none repeat scroll 0 0 #4999ce;
border-radius: 10px;
top: 50%;
color: #fff;
left: 45%;
opacity: 0.9;
padding: 10px;
position: fixed;
text-align: center;
width: 200px;
z-index: 100;
font-weight: 600;
}
#sap_user_email-error, #twiiter-settings .help-block{
display:none;
}
.delete_quick_post{
cursor: pointer;
}
.has-error .form-control{
border-color: #de4b39;
}
.fb-oauth-url{
width: 75%;
display: inline-block;
}
.ba-oauth-url{
width: 80%;
display: inline-block;
}
.pin-oauth-url{
display: inline-block;
width: 75%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 30px;
}
div.dataTables_wrapper div.dataTables_info{
white-space: unset !important;
/*display: none;*/
}
.sap-info-box {
background: #eeeeee;
padding: 4px 10px 7px !important;
border: 1px solid #e0e0e0;
}
.token-result-notes {
font-style: italic;
color: #3c3939;
padding-top: 5px;
display: block;
position: relative;
font-weight: bold;
font-size: 14px;
}
iframe#fbFrame {
width: 100%;
height: 102px;
border: 1px solid #9e9e9e;
overflow: scroll;
}
textarea#fb_access_token {
padding: 2px 6px;
line-height: 1.4;
resize: vertical;
width: 100%;
height: 100px;
}
#facebook-rest-api #rest-result.error {
color: #b31212;
border: #b31212 1px solid;
padding: 7px;
}
#facebook-rest-api #rest-result.success{
color: #0f6b31;
border: #13782d 1px solid;
padding: 7px;
}
#facebook-app-method, #linkedin-app-method, #tumblr-app-method { padding-left: 0px; }
#facebook-app-method .form-group, #linkedin-app-method .form-group , #reddit-app-method .form-group, #tumblr-app-method .form-group { margin: 0 0 0 0; }
#facebook-app-method .delete-account a, #linkedin-app-method .delete-account a, #reddit-app-method .delete-account a, #tumblr-app-method .delete-account a { color: #f00;}
div#linkedin-app-method .li-btn p{
text-align: right;
}
div#tumblr-app-method .tlr-btn p{
text-align: right;
}
.sap-api-linkedin-api-settings div#linkedin-app-method p {
/* text-align: left; */
}
/* Image Popup - Resize*/
.img-thumbnail{
max-width: 50% !important;
}
/* 24-6-2020 */
.form-group .add-more{
margin-right:20px;
}
div#facebook-app-method .gmb-btn,
div#facebook-app-method .fb-btn,
div#linkedin-app-method .li-btn,
div#reddit-app-method .fb-btn,
div#tumblr-app-method .tb-btn
{
display:block;
clear:both;
float:unset !important;
text-align:right;
}
table#tblGrid tr td:first-child {
width: 20%;
}
label.auth-option{
font-weight:400;
}
.link-notice{
font-style:italic;
}
/******* 30-4-2020 SANDIP CSS *********/
.sap-api-facebook-settings #facebook-app-method {padding-left: 0px; position: relative;padding-top: 20px;}
.sap-api-tumblr-settings #tumblr-app-method {padding-left: 0px; position: relative;padding-top: 20px;}
.sap-api-pinterest-settings #facebook-app-method {
padding-left: 0px;
margin: 0;
position: relative;
padding-top: 30px;
padding-bottom: 30px;
}
.fb-btn {display: block;clear: both; }
#facebook-app-method .form-group,#linkedin-app-method .form-group , #reddit-app-method .form-group, #tumblr-app-method .form-group {border: 1px solid #bdbdbd;padding: 0;border-right: none;}
#facebook-app-method .form-group:last-child,#linkedin-app-method .form-group:last-child ,#reddit-app-method .form-group:last-child ,#tumblr-app-method .form-group:last-child {border-bottom: 1px solid #bdbdbd;}
#facebook-app-method .form-group label,#linkedin-app-method .form-group label,
#facebook-app-method .form-group div, #linkedin-app-method .form-group div,
#reddit-app-method .form-group div, #reddit-app-method .form-group label {padding: 10px 15px;margin: 0;border-right: 1px solid #bdbdbd;width: 33.33%; word-break: break-all;}
#tumblr-app-method .form-group div, #tumblr-app-method .form-group label {padding: 10px 15px;margin: 0;border-right: 1px solid #bdbdbd;width: 50.00%; word-break: break-all;}
.fb-app-form {width: calc(100% - 10%);float: right;padding: 30px 0;}
.sap-facebook-account-details .fb-oauth-url {width: 77%;}
.sap-facebook-account-details .copy-clipboard {margin: -3px 0 0;}
.image-video-select label{
padding-left:4px;
}
.video-label-notification{
padding-left:15px;
}
.video-label-notification h6{
font-size: 14px;
}
.pinterest-app-section{
margin-top: 10px;
}
@media only screen and (min-width:1600px){
.fb-app-form {width: calc(100% - 25%);}
}
.sap-quick-post .alert-success{
margin:20px;
}
.sap-quick-post .alert-error{
margin:20px;
}
.custom-tumbler-text p.sap-grant-msg {
padding: 0;
}
.tumblr-remove-image-icon .remove-tx-init {
margin-top: -45px;
}
.sap-grant-reset-data p.sap-grant-msg {
padding: 0;
}
.logo-class {
/* width: 50px; */
height: 58px;
background: #ffffff;
padding: 7px;
text-align: center;
width: 100%;
margin: 0 auto;
max-width: 280px;
}
.logo-class img {
height: 100%;
object-fit: contain;
}
.main-header .sidebar-toggle:before {
background: url(../images/humbarger-icon.svg) no-repeat center;
width: 28px;
height: 28px;
content: "";
display: inline-block;
}
.logo-class img {
width: 100%;
max-width: 130px;
padding-top: 5px;
}
.main-header .logo {
text-align: left;
font-size: 16px;
padding: 0 10px;
width: 180px;
}
.skin-blue .main-header .logo{
background: #ffffff;
color: #277cf3;
}
.skin-blue .main-header .logo:hover{
background: #ffffff;
}
.main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
width: 200px;
}
.main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu li a{
padding: 9px 20px;
font-size: 16px;
color: #1c1c1c;
}
.box {
box-shadow: none;
}
.box-footer {
border-top: none;
}
body.skin-blue.sidebar-mini.sidebar-collapse a.logo {
width: 0;
}
.form-group label.control-label{
text-align: left;
}
.sap-radio-wrap label{
font-weight: 400;
padding-right: 5px;
}
.sap-custom-width-select{
width: 30% !important;
}
.general-timezone-wrap span.select2-container{
/*width: 30% !important;*/
}
.sap-settings-box-header{
font-size: 16px;
font-weight: bold;
letter-spacing: 0.5px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.sap-settings-box-header:after{
content: '';
position: absolute;
left: 10px;
bottom: 0;
width: 50px;
height: 3px;
background: transparent;
}
.buttons-display-flex{
display: flex;
}
.buttons-margin-left-auto{
margin-left: auto;
}
.sidebar-collapse .logo-class {
max-width: 100px;
padding-left: 20px;
}
.sidebar-collapse .logo-class img {
width: 170px;
max-width: initial;
height: auto;
}
label.error.twiiter-settings-error{
font-weight: 400;
font-size: 14px;
color: red;
}
.google-analytics-campaign-tracking-wrap{
margin-top: 22px;
}
.display_mobile label.col-sm-12 {
display: none;
}
.debug_log_file {
height: 500px;
overflow-x: auto;
background-color: #FFFFFF;
font-family: Source Sans Pro;
font-size: 17px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
}
.debug_log_file-wrap {
background-color: #fff;
padding: 30px;
}
/* width */
.debug_log_file::-webkit-scrollbar {
width: 12px;
}
/* Track */
.debug_log_file::-webkit-scrollbar-track {
background-color:rgb(131 131 131 / 20%);
border-radius: 10px;
}
/* Handle */
.debug_log_file::-webkit-scrollbar-thumb {
background: hsl(0deg 0% 51% / 50%) ;
border-radius: 10px;
}
.content-header-updated-log {
display: flex;
justify-content: space-between;
}
.sap-tab-nav-wrap{
margin-bottom: 0px !important;
}
.sap-tab-content{
display: none;
}
.sap-tab-nav-active{
}
.sap-tab-content-active{
display: block !important;
}
.sap-tab-nav-wrap ul {
list-style-type: none;
padding: 0;
display: flex;
/*margin: 10px 10px 0;*/
padding: 0;
border-bottom: 1px solid #f0f0f0;
}
.sap-tab-nav-wrap ul li {
/*margin: 0px 1px 0 0;*/
border-bottom: 0;
margin: 0;
}
.sap-tab-nav-wrap ul li:first-child {
border-right: 0;
}
.sap-tab-nav-wrap ul li a.sap-tab-nav-active {
background: #ffffff;
color: #3c8dbc;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 0;
}
.sap-tab-nav-wrap {
border-radius: 0 !important;
}
.sap-tab-nav-wrap ul li a {
margin: 0;
padding: 10px 15px;
border: none;
display: inline-block;
transition: all 500ms ease-in-out;
position: relative;
top: 1px;
/*border-top: 3px solid transparent;*/
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-radius: 0px;
}
.sap-tab-nav-wrap ul li a.sap-msg-tab-nav-active {
background: #ffffff;
color: #3c8dbc;
border-bottom: 0;
/*border-top-color: #3c8dbc;
border-left-color: #f4f4f4;
border-right-color: #f4f4f4;*/
}
.sap-msg-tab-content-active{
display: block !important;
}
.sap-tab-nav-wrap ul li a:hover {
background: transparent;
color: #3c8dbc;
/*border-color: transparent;*/
}
.sap-tab-content-wrap .sap-tab-content {
border: 1px solid #f0f0f0;
border-top: 0;
}
.sap-tab-content-wrap {
border-radius: 0 !important;
/*padding: 0px 10px 0;*/
}
.quick-post-multi-delete-wrap a#delete_multiple {
float: right;
clear: both;
margin-bottom: 5px;
font-size: 12px;
padding: 3px 10px;
}
div#list-post-scheduled_wrapper {
display: inline-block;
width: 100%;
}
.quick-post-multi-delete-wrap{
display: inline-block;
width: 100%;
}
.content.sap-quick-post .alert-error{
margin-top: 0px;
}
.alert-info.schedule-the-content{
margin-top: 20px;
position: relative;
padding-left: 40px;
}
.schedule-the-content{
background-color: #cce5ff !important;
color: #000000 !important;
font-weight: 400;
font-size: 14px;
}
table#list-post {
width: 100% !important;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header {
margin-bottom: 0;
display: flex;
justify-content: space-between;
padding: 15px 15px 15px;
border: 1px solid #dedede;
border-bottom: 0;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-header-h2 h2 {
margin: 0;
font-size: 25px;
font-weight: 600;
text-transform: capitalize;
color: #3c8dbc;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew {
padding: 15px;
position: relative;
margin-bottom: 25px;
}
/*.sap-quick-post-privew-wrap .sap-quick-post-privew:after {
content: '';
position: absolute;
left: 15px;
bottom: 0;
width: calc(100% - 30px);
background: #3c8dbc;
height: 2px;
}*/
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-image {
padding: 0px 15px 0;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-date {
margin-bottom: 0;
color: #bdbdbd;
font-size: 15px;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-header-p p {
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
color: #333333;
font-weight: 600;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-image img {
height: 250px;
object-fit: cover;
object-position: top;
width: 100%;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-header-p .unpublished {
color: #ff6f6f;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-header-p .published {
color: green;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-header-p .scheduled {
color: green;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content {
margin-bottom: 15px;
border: 1px solid #dedede;
border-top: 0;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-link a {
color: grey;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-link {
padding: 0px 15px 0;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-message {
/*padding: 15px 15px 0;*/
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-message p {
font-size: 16px;
margin-bottom: 0;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-users-wpar {
margin-top: 10px;
padding: 0 15px 15px;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-users-wpar p {
margin-bottom: 5px;
padding-left: 5px;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-users-wpar .success {
border-left: 5px solid green;
}
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content .sap-quick-post-privew-users-wpar .error {
border-left: 5px solid red;
}
.display_mobile .heading-label{
display: none;
}
.sap-quick-post-privew-header-p p.scheduled_date{
color: #bdbdbd !important;
font-size: 15px !important;
font-weight: 400 !important;
}
.content-header-quick-post{
display: flex;
align-items: center;
}
.add-new-quick-post{
margin-left: 10px;
}
.sap-quick-post-privew-header-h2 .facebook
{
color: #4267b2;
}
.sap-quick-post-privew-header-h2 .twitter
{
color: #1da1f2;
}
.sap-quick-post-privew-header-h2 .linkedin
{
color: #007bb5;
}
.sap-quick-post-privew-header-h2 .tumblr
{
color: #35465d;
}
.sap-quick-post-privew-header-h2 .pinterest
{
color: #bd081c;
}
.sap-quick-post-privew-header-h2 .googlemybusiness
{
color: #1a73e8;
}
table#list-post th:nth-child(4).sorting_desc::after , table#list-post-scheduled th:nth-child(4).sorting_desc::after {
content:"" !important;
}
.button-amin-wrap .col-lg-6 {
padding-left: 0;
}
.button-amin-wrap .col-lg-6 .form-group label {
padding-left: 0;
}
.update_loader_pinterest { float: right; }
.sap-check-for-update{
margin-right: 10px;
}
.add-pin-account-pint {
display: flex;
align-items: center;
}
.add-pin-account-pint .update_loader_pinterest {
margin-left: 15px;
position: relative;
top: -4px;
}
.sap-facebook-account-details .fb-oauth-url.add-another-fb {
width: 100%;
}
.pinterest-multi-post-note{
margin: 10px 0 0 0;
background: #cce5ff !important;
color: #000000 !important;
font-weight: 400;
font-size: 14px;
}
.linkedin-multi-post-note {
margin: 10px 0 0 0;
background: #cce5ff !important;
background: rgb(131 131 131 / 8%) !important;
color: rgb(17 17 17 / 80%) !important;
font-weight: 400;
font-size: 14px;
padding: 7px 7px 7px 40px;
position: relative;
background: #838383;
border: 1px solid rgb(17 17 17 / 8%);
}
#logs-listing tbody tr {
cursor: pointer;
}
.content-header>h1>small.debug_remove {
font-size: 17px;
color: #000000;
}
.large.tooltip-inner {
max-width: 450px;
width: 450px;
}
#list-post thead tr th:first-child input[type="checkbox"],
#list-post tfoot tr th:first-child input[type="checkbox"],
#logs-listing thead tr th:first-child input[type="checkbox"],
#logs-listing tfoot tr th:first-child input[type="checkbox"],
#list-post-scheduled thead tr th:first-child input[type="checkbox"],
#list-post-scheduled tfoot tr th:first-child input[type="checkbox"] {
margin: 0px 10px 0 0;
position: relative;
top: 2px;
}
.linkedin-multi-post-note a {
color: #02304a;
font-weight: bold;
}
.linkedin-multi-post-note:before {
content: " ";
background: url(../images/info-sign.png);
width: 16px;
height: 16px;
display: block;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 8px;
top: 50%;
width: 24px;
display: inline-block;
content: '';
height: 24px;
transform: translateY(-50%);
}
.sorting_desc[aria-label=Action]:after {
display: none !important;
}
.sorting_desc[aria-label=No.]:after,.sorting_asc[aria-label=No.]:after {
display: none !important;
}
.sap-custom-drop-down-wrap #list-members_wrapper .row:first-child .col-sm-6 #list-members_length{
padding-left: 235px;
}
.sap-plan-network{
width: 250px;
margin-right: 20px;
}
td.desc-col{
word-break: break-all;
white-space: pre-wrap;
width: 40%;
}
td.desc-col div{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
.sap-quick-post-privew-video h4{
padding-left: 20px;
font-weight: bold;
}
.pinterest-listing .form-group{
border-bottom: 0.5px solid #bdbdbd !important;
}
/*A 28-11-2023*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background-color: #f1f1f1; }
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a { background: #1958F4; color: #ffffff; border-radius: 4px; font-weight: 600; }
.skin-blue .sidebar a { color:#333333; font-size: 16px; }
.skin-blue .sidebar-menu>li>a { display: flex; align-items: center; }
.skin-blue .sidebar-menu>li.active>a { border-left-color: transparent; }
ul.sidebar-menu li a i { opacity: 1; font-size: 20px; width: 38px !important; color: rgba(25, 88, 244, 1);}
ul.sidebar-menu li:hover a i, .skin-blue .sidebar-menu>li.active>a i, .skin-blue .sidebar-menu>li.menu-open>a i { color: #ffffff; }
.subscription-menu { background: #e0f3ff !important; color: #3f6ad8 !important; border-radius: .25rem !important; text-transform: uppercase; font-weight: 700; }
.login-box-body { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); background-color: #fff; background-clip: border-box; border: 1px solid rgba(26, 54, 126, 0.125); border-radius: 0.25rem; }
.skin-blue .main-header .navbar { box-shadow: 0px 1px 0px 0px #12203B17; background: #1958F4;}
.skin-blue .main-header .navbar .sidebar-toggle:hover { background-color: transparent; }
.sidebar-collapse .sidebar ul.sidebar-menu li a i { opacity: 0.5; }
section.content-header { background-color: rgba(255, 255, 255, 0.45) !important; font-size: 20px; font-weight: 400; padding:30px 30px; box-shadow: 0px 4px 35px 0px #AEAEAE33;}
.content-header>h1 { margin: 0; font-size: 20px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; color: #111111;}
section.content-header > h1{ /*justify-content: flex-start;*/ }
.box { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border-width: 0; transition: all .2s; }
.content-wrapper { padding-top: 60px; }
.main-header .logo { font-weight: 700; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.content { padding-left: 30px; padding-right: 30px; padding-top: 30px; background: #F1F1F1;}
ul.nav-tabs li.sap-tab-li-active, .sap-tab-nav-wrap ul li.sap-msg-tab-li-active { border-top: 0; }
ul.nav-tabs li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center;}
ul.nav-tabs li a { color: #495057 !important; white-space: nowrap; font-size: 16px;}
ul.nav-tabs li.sap-tab-li-active, .sap-tab-nav-wrap ul li.sap-msg-tab-li-active { border-top: 0px !important; }
ul.nav-tabs li a { border: none !important;; }
ul.nav-tabs { border-bottom: rgba(26, 54, 126, 0.125) solid 1px !important; border-radius: 0px !important; display: flex; flex-wrap: wrap;}
ul.nav-tabs li a.sap-msg-tab-nav-active { background-color: transparent !important;; }
ul.nav-tabs li a.sap-tab-nav-active { border-left: 0px !important;; border-right: 0 !important; background-color: transparent; }
ul.nav-tabs li, .sap-tab-nav-wrap ul li { border-top: 0px !important; }
ul.nav-tabs li:before { -ms-transform: scale(0); transform: scale(0); opacity: 1; width: 90%; left: 0;right: 0; margin: 0 auto; bottom: 0px; content: ""; position: absolute; display: block; border-radius: 0.25rem; background: #3f6ad8; transition: all .2s; height: 4px; }
ul.nav-tabs li:hover:before, ul.nav-tabs li.sap-tab-li-active:before ,ul.nav-tabs li.active:before ,ul.nav-tabs li.sap-msg-tab-li-active:before { -ms-transform: scale(1); transform: scale(1); }
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a { background-color: transparent; }
.nav-tabs-custom>.tab-content { padding:0; }
.tab-content .box { padding: 20px; }
.nav-tabs-custom ,.nav-tabs-custom>.tab-content{ background-color: transparent; }
.nav-tabs-custom { box-shadow: none; }
ul.nav-tabs li a { width: 100%; }
.sap-settings-box-header { color: rgba(13, 27, 62, 0.7); font-weight: bold; }
.main-header { position: fixed; left: 0; right: 0; }
.skin-blue .main-header .navbar .nav>li>a { font-size: 16px; line-height: 33px;}
div.dataTables_wrapper div.dataTables_filter input ,.delete-dropdown select{ font-size: 1rem; font-weight: 400; line-height: 1.5;background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; height: auto;}
html { font-size: inherit; }
.table th, .table td { padding: 0.55rem; vertical-align: top;border-top: 1px solid #e9ecef !important; vertical-align: middle !important; font-size: 16px; font-weight: normal; color: #838383;}
.table td.quick-status { position: inherit; }
.table tbody tr:hover { background-color: #e0f3ff; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #216cf3; border-color: #216cf3; }
.sap-box-inner label, .form-horizontal .control-label { padding-top: 0; }
.sap-quick-post form .sap-tab-nav-wrap li.msg-li { width: 25%; flex: inherit; }
.sap-filter-btn-wrap label { position: relative; color: #495057; padding: 0.5rem 0.75rem; margin-bottom: 0.75rem; border: 0px; }
li.sap-graph-social-type { width: auto; }
.sap-filter-btn-wrap li { width: auto; height: auto; }
.sap-filter-btn-wrap label:before { height: 100%; top: 0; z-index: 4; box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2); -ms-transform: scale(0); transform: scale(0); opacity: 1; width: 100%; left: 0; bottom: -2px; content: ""; position: absolute; display: block; border-radius: 0.25rem; background: #3f6ad8; transition: all .2s; z-index: -1; }
.sap-filter-btn-wrap input[type="radio"]:checked + label { background-color: transparent; border: 0px; }
.sap-filter-btn-wrap input[type="radio"]:checked + label:before { -ms-transform: scale(1); transform: scale(1); }
.form-control:focus { border-color: #3f6ad8; }
.image-video-select input[type=radio] + label:before , .sap-box-inner input[type=radio] + label:before { box-sizing: border-box; height: 20px; left: -24px ; position: absolute; top: 0; transition: border-color ease 280ms; width: 20px; border-width: 2px; border-style: solid; border-radius: 50%; content: ''; border-color: rgba(0, 0, 0, 0.54); }
.image-video-select input[type=radio] + label , .sap-box-inner input[type=radio] + label { position: relative; margin-left: 23px;}
.image-video-select input[type=radio] + label:after , .sap-box-inner input[type=radio] + label:after { content: ''; border-radius: 50%; box-sizing: border-box; height: 20px; left: -24px; position: absolute; top: 0; transition: transform ease 280ms, background-color ease 280ms; width: 20px; transform: scale(0.001); background-color: #5c80de; }
.image-video-select input[type="radio"]:checked + label:after, .sap-box-inner input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.image-video-select input[type=radio]:checked + label:after, .sap-box-inner input[type=radio]:checked + label:after { transform: scale(0.5); }
.image-video-select input[type="radio"]:checked + label:after, .sap-box-inner input[type="radio"]:checked + label:after { transform: scale(0.5); }
.image-video-select input[type="radio"]:checked + label:before, .sap-box-inner input[type="radio"]:checked + label:before { border-color: #5c80de; }
.image-video-select input[type="radio"], .sap-box-inner input[type="radio"] { position: absolute; left: -1000%; }
.image-video-select label { margin-left: 30px !important; }
.sap-radio-wrap input[type=radio] + label:before { box-sizing: border-box; height: 20px; left: -24px ; position: absolute; top: 0; transition: border-color ease 280ms; width: 20px; border-width: 2px; border-style: solid; border-radius: 50%; content: ''; border-color: rgba(0, 0, 0, 0.54); }
.sap-radio-wrap input[type=radio] + label { position: relative; margin-left: 23px; }
.sap-radio-wrap input[type=radio] + label:after { content: ''; border-radius: 50%; box-sizing: border-box; height: 20px; left: -24px; position: absolute; top: 0; transition: transform ease 280ms, background-color ease 280ms; width: 20px; transform: scale(0.001); background-color: #5c80de; }
.sap-radio-wrap input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.sap-radio-wrap input[type=radio]:checked + label:after { transform: scale(0.5); }
.sap-radio-wrap input[type="radio"]:checked + label:after { transform: scale(0.5); }
.sap-radio-wrap input[type="radio"]:checked + label:before { border-color: #5c80de; }
.sap-radio-wrap input[type="radio"] { position: absolute; left: -1000%; }
/*#linkedin-app-method .form-head ,#facebook-app-method .form-head { border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; }
#facebook-app-method .form-group, #linkedin-app-method .form-group { border: none; }
#facebook-app-method .form-group label, #linkedin-app-method .form-group label, #facebook-app-method .form-group div, #linkedin-app-method .form-group div { border: none; }
#facebook-app-method .form-group:last-child, #linkedin-app-method .form-group:last-child { border: none; }*/
#linkedin-app-method .form-head label, #facebook-app-method .form-head label , #reddit-app-method .form-head label, #tumblr-app-method .form-head label { background-color: #f7f7f7; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3f6ad8; border-color: #3f6ad8; }
#published #searchByGender, #scheduled #searchByGender ,div.dataTables_wrapper div.dataTables_length select { display: block; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin-left: 15px;}
.filter-dropdown select { padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5 !important; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da !important; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: auto !important; }
.box-group.custom-accordion h4.box-title { padding: 10px 0; margin: 0; align-items: center; }
.box-group.custom-accordion .panel.box { box-shadow: none; }
section.sap-quick-post>div>form #accordion .tg-list-item { margin-top: 2px; }
div.dataTables_wrapper div.dataTables_length select { margin: 0 5px; }
th.sorting_disabled select { display: block; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn-success:hover, .btn-success { background-color: #3f6ad8; border-color: #3f6ad8; box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; border-radius: 50px; font-size: 17px; padding: 5px 15px; transition: all 400ms ease; }
.form-group label ,.box.box-primary label { font-weight: 400; }
div#list-members_filter { margin-left: -15px !important; }
.tab-content .tab-pane { background-color: #fff; margin-top: 20px;background-color: #fff; border-radius: 5px; padding: 20px 30px; }
.stripe-setting .tab-content .nav-tabs-custom ul.nav li { flex: initial; }
.btn-danger { border-radius: 50px; font-size: 17px; }
.page-title-icon:after { content: ''; display: inline-block; background-image: url(../images/page-title-icon/post.png);background-size: contain ; background-position: center ;background-repeat: no-repeat; width: 35px; height: 20px; }
.sidebar .sidebar-menu i.fa:before { background-size: contain; background-position: center; background-repeat: no-repeat; width: 24px; height: 22px;content: ''; display: inline-block; }
.sidebar-menu> li.active .fa:before ,.sidebar-menu> li:hover .fa:before { filter: brightness(0) invert(1); }
.membership_level_icon:after { background-image: url(../images/membership2.png); width: 34px; height: 31px; }
.sidebar-menu> li i.fa.fa-id-badge:before { background-image: url(../images/page-title-icon/Teal.png); }
.sidebar-menu> li i.fa.fa-cog:before { background-image: url(../images/GeneralSettings.png); }
.sidebar-menu> li i.fa.fa-refresh:before, .mingle-user .sidebar-menu>li > a.subscription-menu .fa:before { background-image: url(../images/update-icon.png); }
/*.sidebar .sidebar-menu i.fa.fa-refresh:before { content: "\f021";}*/
.customers_icon:after, .sidebar-menu> li i.fa.fa-user-plus:before { background-image: url(../images/page-title-icon/support.png);}
.customers_icon:after, .membership_icon:after { width: 40px; height: 35px;}
.payments_icon:after { width: 37px; height: 29px;}
.payments_icon:after , .sidebar-menu> li i.fa.fa-credit-card-alt:before { background-image: url(../images/page-title-icon/payments.png); }
.coupons_icon:after { background-image: url(../images/page-title-icon/coupon.png); }
.general_settings_icon:after { background-image: url(../images/page-title-icon/setting.png); }
.register_license_update_icon:after { background-image: url(../images/page-title-icon/Register-License.png); width: 22px; height: 22px; }
.quick-post-icon:after { background-image: url(../images/page-title-icon/post.png); }
.report-title-icon:after { background-image: url(../images/page-title-icon/report.png); }
.settings-title-iocn:after { background-image: url(../images/page-title-icon/setting.png); }
.multi-post-title-icon:after { background-image: url(../images/page-title-icon/connection.png); }
.your_subscription_icon:after { background-image: url(../images/page-title-icon/subscription.png); }
.membership_icon:after ,.sidebar-menu> li i.fa.fa-id-card:before{ background-image: url(../images/page-title-icon/membership1.png); }
.coupon-icon:after ,.sidebar-menu> li i.fa.fa-tag:before{ background-image: url(../images/page-title-icon/Add-Coupon.png); }
.sidebar .sidebar-menu i.fa.fa-pencil-square-o:before ,
.mingle-user .quick-post-icon:after{ background-image: url(../images/sidebar-user/QuickPosting.png); }
.sidebar .sidebar-menu i.fa.fa-dashboard:before ,
.mingle-user .multi-post-title-icon:after { background-image: url(../images/sidebar-user/MultiPosting.png); }
.mingle-user .sidebar .sidebar-menu li.active i.fa.fa-dashboard:before ,.mingle-user .sidebar .sidebar-menu li:hover i.fa.fa-dashboard:before { background-image: url(../images/sidebar-user/MultiPosting-hover.png);filter: none; }
.sidebar .sidebar-menu i.fa.fa-gears:before ,
.mingle-user .settings-title-iocn:after { background-image: url(../images/sidebar-user/Settings.png); }
.sidebar .sidebar-menu i.fa.fa-pie-chart:before,
.mingle-user .report-title-icon:after { background-image: url(../images/sidebar-user/Reports.png); }
.sidebar .sidebar-menu i.fa.fa-list-ol:before ,
.mingle-user .posting_logs-icon:after { background-image: url(../images/sidebar-user/PostingLogs.png); }
.mingle-user .your_subscription_icon:after { background-image: url(../images/sidebar-user/YourSubscription.png); }
.sidebar .sidebar-menu i.fa.fa-list:before ,
.mingle-user .posting-debug-logs:after { background-image: url(../images/sidebar-user/DebugLogs.png); }
.mingle-user .page-title-icon:after { width: 35px; height: 30px; }
.mingle-user .quick-post-icon:after, .mingle-user .your_subscription_icon:after, .mingle-user .multi-post-title-icon:after, .mingle-user .posting_logs-icon:after, .mingle-user .posting-debug-logs:after { width: 25px; height: 25px; }
.mingle-user .settings-title-iocn:after { width: 30px; height: 30px; }
.mingle-user .your_subscription_icon:after { width: 21px; height: 21px; }
.payment_histrory { overflow: auto; }
.memberships-wrap { position: initial; overflow: hidden; }
.memberships-wrap .col-sm-12 { overflow: auto; }
#list-plans_wrapper .col-sm-12 { overflow: auto; }
#user_payment_histrory_filter label { display: flex; align-items: center; justify-content: flex-end; }
.plan-preview-container th { color: #111111; font-weight: 600; border-bottom: none !important ; }
.login-box-body form { display: flex; flex-wrap: wrap;}
.sidebar-menu>li > a.subscription-menu { font-weight: 400; text-transform: inherit !important; background-color: transparent ! important; }
.sidebar-menu>li > a.subscription-menu .fa:before { filter: inherit; }
.sidebar-menu>li.active > a.subscription-menu,.sidebar-menu>li:hover > a.subscription-menu { background: #1958F4 !important; color: #ffffff !important; border-radius: 4px !important; font-weight: 600; }
.sidebar-menu>li.active > a.subscription-menu .fa:before ,.sidebar-menu>li:hover > a.subscription-menu .fa:before{ filter: brightness(0) invert(1); }
a{ color: #216cf3; }
.sidebar-menu>li > a.subscription-menu { font-weight: 600; }
#list-post td a:hover , a:hover,a:active,a:focus { color: #216cf3; }
.add-coupon-form textarea.form-control {
height: 60px;
resize: none;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{
background-color: rgb(0 166 90 / 51%) !important;
}
.filter-wrap > .d-flex {
gap: 15px;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
border-top-color: transparent;
border-left-color: #f4f4f4;
border-right-color: #f4f4f4;
border-color: #1958f4 !important;
color: #1958f4 !important;
}
.content-wrapper { background-color: transparent; }
.nav-tabs-custom>.nav-tabs>li.active::after { content: ""; display: inline-block; background: url(../images/active-tab.png) no-repeat; width: 137px; left: 50%; height: 3px; position: absolute; bottom: 0; transform: translateX(-50%); }
.table-bordered>thead + tfoot { display: none; }
.dataTables_wrapper .dataTables_info { position: absolute;}
/*td.sorting_1 {
text-align: center;
}*/
.edir-payment-form .box-header.with-border,
.add-payment-form .box-header.with-border,
.edit-member-form .box-header.with-border {
padding-top: 20px;
padding-bottom: 10px;
}
.sap-settings-box-header.border-top {
border-top: 1px solid rgb(131 131 131 / 30%);
padding-top: 30px !important;
}
table#logs-listing {
width: 100% !important;
}
.sap-post-social-list-wrap .tab-content .tab-pane .col-sm-8.col-xs-7 button.btn.btn-primary.reset_post_status.btn-xs {
background-color: #1958F4;
width: auto;
margin-top: 10px;
}
@media (max-width: 1500px){
.sap-custom-drop-down-wrap .filter-wrap .filter-dropdown { display: flex; /*flex-wrap: wrap; gap: 05px;*/ }
.sap-custom-drop-down-wrap select#searchByGender { height: auto; }
}
@media (min-width: 768px){
nav.navbar.navbar-static-top { margin-left: 280px; }
.main-sidebar { width: 280px; position: fixed; padding-top: 85px; background-color: #fff !important; }
.content-wrapper, .main-footer { margin-left: 280px; }
.sidebar { padding: 0 10px 0; }
/*.sap-custom-drop-down-wrap select#searchByGender { height: auto; }*/
select#searchByStatus { width: auto; }
}
@media (max-width: 767px){
/*.content-wrapper { padding-top: 90px; }*/
.sap-custom-drop-down-wrap .filter-wrap .filter-dropdown { display: flex; width: 100%; flex-wrap: wrap; gap: 05px; }
.sap-custom-drop-down-wrap select#searchByGender { height: auto; }
.sap-custom-drop-down-wrap .filter-wrap .delete-dropdown button.delete_bulk_plan { top: 0; }
.sap-custom-drop-down-wrap .filter-wrap select, .sap-custom-drop-down-wrap .filter-wrap button { top: 0; }
.main-sidebar{ max-height: 121px; padding-top: initial; }
div#list-members_filter { margin: 0 !important;}
.main-header { top: 0; }
/*body { margin-top: 121px; }*/
.filter-wrap select { margin-right: 0; }
.content-wrapper { padding-top: 0;}
body { margin-top: 128px; }
.customSearch input { width: 100%; }
}
@media screen and (max-width: 1650px){
ul.nav-tabs li a{ font-size: 15px; }
}
/*A 28-11-2023*/
/*---- Start Media Query ----*/
@media screen and (max-width: 767px){
.sap-facebook-account-details input,.sap-twitter-account-details input {max-width: 100%; margin-bottom: 15px;}
.tumblr-remove-image-icon .remove-tx-init,
.remove-tx-init{margin-top: 0;}
.sap-facebook-account-details,.sap-twitter-account-details {position: relative;padding-bottom: 10px;}
}
@media screen and (max-width:1279px) and (min-width:1024px){
.sap-api-facebook-settings #facebook-app-method{
padding-left: 0;
}
#facebook-app-method .form-group {
display: flex;
}
.sap-api-facebook-settings .form-group .col-sm-2 {
width: 30%;
}
div#list-post_wrapper .row .col-sm-12 {
width: 100%;
overflow: auto;
}
div#list-post_wrapper .row .col-sm-12 table#list-post {
width: 200% !important;
}
div#list-post_wrapper .row .col-sm-12 table#list-post thead tr th input.quickpost-select-all,
div#list-post_wrapper .row .col-sm-12 table#list-post tr th input.quickpost-select-all {
margin-right: 5px;
margin-top: 0;
}
div#list-post_wrapper .row:last-child {
display: flex;
flex-direction: column;
align-items: center;
}
div#list-post_wrapper .row:last-child .col-sm-5, div#list-post_wrapper .row:last-child .col-sm-7 {
width: 100%;
margin: 0 0 15px;
text-align: center;
}
div#list-post_wrapper .row:last-child .col-sm-7 div#list-post_paginate {
text-align: center;
}
section.content.sap-quick-post div#list-post_wrapper .row:first-child {
display: flex;
flex-direction: column;
}
section.content.sap-quick-post div#list-post_wrapper .row:first-child .col-sm-6:first-child {
margin-bottom: 5px;
}
.content .tab-content form#my_account .form-group label.col-sm-2.control-label {
width: 25%;
text-align: left;
}
.content .tab-content form#my_account .form-group .col-sm-10 {
width: 75%;
}
.content .tab-content form#my_account .form-group .col-sm-offset-2.col-sm-10 {
margin-left: 25%;
}
form#quick-post-form i.fa.fa-clock-o.sap-schedule-icon {
left: 50px;
position: relative;
}
.form-group.control-pinterest-wrap {
display: flex;
width: 100%;
}
.form-group.control-pinterest-wrap .col-sm-6:last-child {
width: 25%;
}
}
@media screen and (max-width:991px) and (min-width:768px){
.sap-api-facebook-settings #facebook-app-method{
padding-left: 0;
}
#facebook-app-method .form-group {
display: flex;
}
.form-horizontal .control-label {
text-align: left;
}
.sap-api-facebook-settings .form-group .col-sm-2 {
width: 37%;
}
.fb-btn {
top: -25px;
}
.sap-api-facebook-settings .form-group .col-sm-3 {
width: 40%;
}
.sap-api-facebook-settings .form-group .col-sm-9{
width: 60%;
}
.sap-api-facebook-settings .form-group .col-sm-9 .col-sm-12.facebook-user-details.form-group.custom-display-table {
padding: 0;
}
.sap-api-facebook-settings .form-group .col-sm-9 .col-sm-12.facebook-user-details.form-group.custom-display-table .tg-list-item.col-sm-10 {
width: 100%;
padding: 0;
}
div#logs-listing_wrapper .row:nth-child(2) .col-sm-12 {
width: 100%;
overflow: auto;
}
div#logs-listing_wrapper{
overflow: hidden;
}
div#logs-listing_wrapper .row:nth-child(2) .col-sm-12 table {
width: 200% !important;
}
.content .tab-content form#my_account .form-group label.col-sm-2.control-label {
width: 25%;
}
.content .tab-content form#my_account .form-group .col-sm-10 {
width: 75%;
}
.content .tab-content form#my_account .form-group .col-sm-offset-2.col-sm-10 {
margin-left: 25%;
}
.add-pin-account {
margin-top: 15px;
}
.sap-grant-reset-data p a {
line-height: normal;
}
.sap-box-inner.sap-api-facebook-settings .form-group {
display: flex;
}
.general-timezone-wrap span.select2-container {
width: 50% !important;
}
form#quick-post-form i.fa.fa-clock-o.sap-schedule-icon {
left: 50px;
position: relative;
}
}
@media screen and (max-width:767px){
.sap-api-facebook-settings #facebook-app-method{
padding-left: 0;
}
#facebook-app-method .form-group label, #facebook-app-method .form-group .col-md-3 {
font-size: 12px;
word-break: break-word;
}
#facebook-app-method .form-group {
display: flex;
}
.sap-api-facebook-settings .facebook-user-details {
width: 100%;
}
.sap-api-facebook-settings .facebook-user-details .tg-list-item.col-sm-10 {
padding: 0;
width: 100%;
}
.form-group.sap-tumblr-account-details input.form-control {
margin-bottom: 10px;
}
div#list-post_wrapper div#list-post_length,
div#list-plans_wrapper div#list-plans_length,
div#list-members_wrapper div#list-members_length,
div#list-post-scheduled_wrapper div#list-post-scheduled_length {
text-align: left;
margin-bottom: 0;
}
div#list-post_wrapper div#list-post_filter,
div#list-plans_wrapper div#list-plans_filter,
div#list-members_wrapper div#list-members_filter,
div#list-post-scheduled_wrapper div#list-post-scheduled_filter{
text-align: left;
}
div#list-post_wrapper .row .col-sm-12,
div#list-plans_wrapper .row .col-sm-12,
div#list-members_wrapper .row .col-sm-12,
div#logs-listing_wrapper .row:nth-child(2) .col-sm-12 {
width: 100%;
overflow: auto;
}
div#logs-listing_wrapper{
overflow: hidden;
}
div#list-post_wrapper .row .col-sm-12 table#list-post,
div#list-plans_wrapper .row .col-sm-12 table#list-plans,
div#list-members_wrapper .row .col-sm-12 table#list-members,
div#logs-listing_wrapper .row:nth-child(2) .col-sm-12 table {
width: 200% !important;
}
div#list-post_wrapper .row .col-sm-12 table#list-post thead tr th input.quickpost-select-all,
div#list-post_wrapper .row .col-sm-12 table#list-post tr th input.quickpost-select-all {
margin-right: 5px;
margin-top: 0;
}
div#logs-listing_wrapper div#logs-listing_length, div#logs-listing_wrapper div#logs-listing_filter {
text-align: left;
}
.form-group.sap-linkedin-account-details input.form-control {
margin-bottom: 10px;
}
.form-group.sap-tumblr-account-details p.sap-grant-msg {
font-size: 12px;
}
.skin-blue .main-header .navbar .dropdown-menu li a{
color: inherit !important;
}
header.main-header {
display: flex;
flex-wrap: wrap;
}
header.main-header a.logo {
width: calc(100% - 50px);
}
.sap-custom-width-select{
width: 100% !important;
}
.sap-custom-wrap input.sap-datepicker.form-control{
margin-bottom: 5px;
}
#sap-pinterest-cookie-data{
margin-bottom: 10px;
}
.sap-fade-message{
top: -50px;
left: auto;
right: 0px;
width: 100px;
position: absolute;
}
.pagination>li>a, .pagination>li>span{
padding: 6px 9px;
}
.buttons .sap-datetime.sap-schedule-input{
margin-bottom: 10px;
}
#list-post tr th input.multipost-select-all{
margin-right: 5px;
}
.fb-app-form{
width: 100%;
}
.form-group.display_desktop {
display: none;
}
.display_mobile .col-sm-3 label.col-sm-12 {
padding: 0;
display: block;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
width: 100%;
}
.display_mobile .heading-label{
display: block;
}
.general-timezone-wrap span.select2-container {
width: 100% !important;
}
code {
display: inline-block;
width: 100%;
word-break: break-all;
}
table#tblGrid td a {
word-break: break-all;
display: inline-block;
width: 100%;
}
table#tblGrid tr td:last-child {
word-break: break-all;
}
table#list-post thead tr th:last-child {
width: 29px !important;
}
.buttons-display-flex {
align-items: center;
}
.buttons-display-flex {
align-items: center;
}
.buttons-display-flex .col-lg-6 {
padding-left: 0;
}
.buttons-display-flex .col-lg-6 label {
padding-left: 0;
}
.buttons-display-flex .col-lg-6 .col-sm-8 {
padding-left: 0;
}
select#searchByStatus{
top: 0;
}
.sap-custom-drop-down-wrap select#searchByGender {
top: 0;
}
.sap-custom-drop-down-wrap #list-plans_wrapper .row:first-child .col-sm-6 #list-plans_length,
.sap-custom-drop-down-wrap #list-post_wrapper .row:first-child .col-sm-6 #list-post_length,
.sap-custom-drop-down-wrap #list-members_wrapper .row:first-child .col-sm-6 #list-members_length,
.sap-custom-drop-down-wrap #logs-listing_wrapper .row:first-child .col-sm-6 #logs-listing_length{
padding-left: 0;
}
.sap-custom-drop-down-wrap #list-plans_wrapper,
.sap-custom-drop-down-wrap #list-members_wrapper,
.sap-custom-drop-down-wrap #logs-listing_wrapper,
.sap-custom-drop-down-wrap #list-post_wrapper{
margin-top: 5px;
}
}
select#searchByPlan {
/*position: relative;*/
/*top: 30px;*/
background: #ffffff;
border: 1px solid #d2d6de;
width: auto;
height: 30px;
line-height: 30px;
margin-right: 5px;
z-index: 9;
}
.box-radio-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 10px;
}
.box-radio-wrap div {display: flex;align-items: center;}
.box-radio-wrap div:first-child {
padding-right: 15px;
}
.box-radio-wrap div label.enable_image {
font-size: 16px;
font-weight: 500;
margin-left: 2px;
margin: 0px;
}
.box-radio-wrap div input[type="radio"] {
margin: 0px !important;
}
.zindex-dropdown {
z-index: 1000 !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pt-6 {
padding-top: 6px !important;
}
.sap-individual-time{
margin-top: 5px;
}
.sap-individual-time input{
width: 30%;
}
.sap-caption-words{
width: 30%;
display: block;
}
.caption-words{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
/*.caption-words label{
margin-left: 10px;
margin-bottom: 0px;
}*/
.sap-global-time{
padding: 0;
}
.sap-global-time-wrap{
padding: 0;
}
.caption-words .sap-caption-words-wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sap-caption-loader-img{
position: absolute;
right: 50%;
top: 50%;
}
.sap-ai-caption-loader-effect{
opacity: 0.5;
pointer-events: none;
}
.sap-gloabal-st-lable i{
padding: 5px;
}
.sap-st-tooltip{
padding:0 5px;
}
.stripe-billing-details .panel.panel-default .panel-heading {
border: 1px solid #ddd;
}
.stripe-billing-details .panel.panel-default label {
padding: 21px 2px 0;
}
.stripe-billing-details .panel.panel-default ul {
display: flex;
flex-wrap: wrap;
padding: 0;
gap: 10px;
}
.stripe-billing-details .panel.panel-default ul li {list-style: none;width: calc(50% - 5px);}
.panel-default ul{ padding: 20px !important; }
.panel-default ul li label{width:100%!important;}
table#tblGrid tr td { word-break: break-word; }
.edit-multi-post-schedule > .form-group > .col-sm-12 { display: flex; align-items: center; }
.edit-multi-post-schedule > .form-group > .col-sm-12 input#sap-schedule-time { width: 170px; margin-left: 20px; }
.fb-method { padding-left: 15px !important; padding-top: 10px; }
.documentation-text:before { background-image: url(../images/google-docs.png); height: 15px; width: 15px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; filter: brightness(0) invert(1); margin-right: 7px; position: relative; top: 2px; }
.documentation-text a { color:#1958F4; text-decoration: underline; font-weight: 700;}
.alert a.btn.btn-primary {
text-decoration: none;
}
.documentation-text {
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
background-color: transparent;
color: #838383;
}
.documentation-text a:hover { color: #000; }
[for="sap-schedule-time"] + * i + [name="sap-schedule-time"] { width: auto; margin-left: 10px; }
[for="sap-schedule-time"] + *{display: flex;}
.btn-primary {
font-family: Source Sans Pro;
font-size: 16px;
font-weight: 600;
line-height: normal;
letter-spacing: -0.20000000298023224px;
text-align: left;
background: #1958F4;
border-color: #1958F4;
padding: 10px 30px;
border-radius: 4px;
min-width: 130px;
text-align: center;
}
.btn-primary:hover {
background-color: #2563EB;
border-color: #2563EB;
opacity: 0.8;
}
.btn-light {
font-family: Source Sans Pro;
font-size: 16px;
font-weight: 600;
line-height: normal;
letter-spacing: -0.20000000298023224px;
text-align: left;
padding: 10px 30px;
border-radius: 4px;
min-width: 130px;
text-align: center;
}
.sap-delete .btn-primary:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url(../images/plus-icon-white.png) no-repeat center;
vertical-align: middle;
margin-right: 12px;
}
.page-title-icon.membership_level_icon {
margin-right: 10px;
}
.box {
position: relative;
margin-bottom: 20px;
width: 100%;
box-shadow: none;
background: transparent;
}
.filter-wrap select {
font-family: Source Sans Pro;
font-size: 16px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0em;
text-align: left;
padding: 9px 30px 9px 20px;
border: 1px solid rgba(203, 213, 225, 1);
min-width: 215px;
background: #F8FAFC url(../images/select-arrow.svg) no-repeat;
background-position: 93% center;
appearance: none;
vertical-align: middle;
background-size: 12px;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
border-bottom-width: 2px;
background-color: #fff;
color: #111111;
font-family: Source Sans Pro;
font-size: 16px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
padding: 10px 20px !important;
white-space: nowrap;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
padding: 10px 20px !important;
color: #111111;
font-size: 16px;
border: none;
/* background-color: #F1F1F1 !important; */
border-bottom: 1px solid #C7C7C7 !important;
white-space: nowrap;
}
table.table-bordered.dataTable tbody td a {
color: #111111;
}
table.table-bordered.dataTable tbody td a:hover {
color: #2563EB;
}
/*.filter-wrap .apply_filters.btn {
background-color: transparent;
color: #2563EB;
}*/
td.sorting_1 a {
color: rgba(102, 112, 133, 1);
font-size: 16px;
margin: 0 5px;
}
.main-footer {
background: #f1f1f1;
padding: 15px;
color: #111;
border-top: none;
box-shadow: none;
}
.customSearch {
/*margin-left: auto;*/
}
.customSearch input {
border: 1px solid #CBD5E1;
background: #F8FAFC url(../images/search-icon.png) no-repeat;
padding: 9px 30px 9px 10px;
font-family: Source Sans Pro;
background-size: 15px;
font-size: 16px;
font-weight: 400;
border-radius: 4px;
background-position: 90% center;
appearance: none;
}
.facebook {
background: #F9F5FF;
display: inline-block;
color: #6941C6;
padding: 2px 5px;
padding: 2px 8px 2px 8px;
border-radius: 15px;
}
.twitter {
display: inline-block;
background: #F9F5FF;
display: inline-block;
color: #6941C6;
padding: 2px 5px;
padding: 2px 8px 2px 8px;
border-radius: 15px;
}
/*05-02-2024*/
.plan-active, .plan-inactive, .view-Status ,.table-bordered .active{ background-color: #ECFDF3; color: #027A48; display: inline-block; border-radius: 12px; padding: 2px 9px 2px 19px; position: relative; white-space: nowrap; }
.plan-active:before, .plan-inactive:before, .view-Status:before ,.table-bordered .active:before{ content: ''; height: 6px; width: 6px; background-color: #12B76A; border-radius: 100%; display: inline-block; margin-right: 8px; top: 50%; position: absolute; transform: translateY(-50%); left: 8px; }
.view-Status { display: flex; align-items: center; justify-content: center; color: #1958F4 !important; background-color: rgb(25 88 244 / 10%); }
.view-Status:before { background-color: #1958F4; }
td.sorting_1 a { color: #667085 !important; }
#list-plans_wrapper tr td { border-bottom: 1px solid #C7C7C7; }
.plan-inactive { background-color: #FFEAEA; color: #FF0000; }
.plan-inactive:before { background-color: #FF0000; }
table.dataTable th:nth-child(3), table.dataTable tr td:nth-child(3) a { color: #101828; font-size: 16px; font-weight: 600; }
.linkedin { background-color: #EEF4FF; background#EEF4FF:; color: #3538CD; }
.tumblr { background-color: #EFF8FF; color: #175CD3; }
.pinterest { background-color: #FDF2FA; color: #C11574; }
.google-my-business { background-color: #EFF8FF; color: #175CD3; }
.reddit { background-color: #FFF6ED; color: #C4320A; }
.instagram { background-color: #EFF8FF; color: #175CD3; }
.blogger { background-color: #FDF2FA; color: #C11574; }
.finalnetwork { padding: 2px 8px 2px 8px; border-radius: 15px; display: inline-block; margin-right: 4px; margin-bottom: 15px; }
.pagination { border-radius: 5px !important; }
.pagination .paginate_button { margin: 0 5px; display: inline-block; }
.pagination .paginate_button a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #838383 !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none; border-radius: 8px; font-size: 16px; font-weight: 600; }
.pagination .paginate_button.active a { background-color: #DBE2F1 !important; color: #1958F4 !important; font-size: 16px; font-weight: 600; border-color: transparent !important; border-radius: 8px; }
.pagination li.previous a { padding: 0; }
.pagination li.next a, .pagination li.previous a { box-shadow: 0px 1px 2px 0px #1018280D !important; border: 1px solid #D0D5DD !important; background-color: #fff !important; color: #111111 !important; font-weight: 600; padding: 8px 14px; width: auto; border-radius: 8px; }
.pagination .paginate_button { margin: 0; }
.pagination li.previous a { margin-right: 15px; }
.pagination li.next a { margin-left: 15px; }
.pagination .paginate_button.previous a:before, .pagination .paginate_button.next a:after { content: ''; background-image: url(../images/Icon-right.png); height: 15px; width: 15px; background-repeat: no-repeat; background-size: contain; margin-right: 10px; }
.pagination .paginate_button.next a:after { transform: rotate(180deg); margin-left: 10px; margin-right: 0; }
#list-plans_wrapper { overflow: auto; }
#list-plans_wrapper table { overflow: hidden; }
.form-control { border: 1px solid #CBD5E1; color: #838383; background-color: #F8FAFC !important; border-radius: 6px; font-size: 16px; line-height: 22px; font-weight: 400; padding: 10px 20px 10px; height: auto; width: 100%; }
.form-group label, label { color: rgba(17, 17, 17, 1); font-family: Source Sans Pro; font-size: 16px !important; font-weight: 400; line-height: 23px; }
.status-text { border: 1px solid rgba(203, 213, 225, 1); background-color: rgba(248, 250, 252, 1); padding: 11px 24px; border-radius: 6px; line-height: normal; }
.status-text > label.control-label { margin: 0; font-family: Source Sans Pro; font-size: 20px; font-weight: 400; line-height: 25px; text-align: left; color: rgba(17, 17, 17, 1); margin-right: 13px; }
.status-text label { margin: 0; }
.edit-plan-inner .description-textarea, .edit-plan-inner .description-textarea > div { height: 100%; }
.edit-plan-inner .description-textarea textarea { height: 70%; resize: none;}
.box-header.with-border { border-bottom: 1px solid rgb(131 131 131 / 30%); margin-bottom: 20px; padding-left: 0;}
.box-header .box-title { font-size: 20px !important; font-weight: 600; line-height: 30px !important; letter-spacing: 0em; text-align: left; color: rgba(17, 17, 17, 1); }
.border-top { border-top: 1px solid rgb(131 131 131 / 30%); }
.plan-network-wrap .sap-plan-network { border: 1px solid rgba(203, 213, 225, 1); background-color: rgba(248, 250, 252, 1); border-radius: 6px; padding: 17px 30px; width: calc(33.33% - 40px); margin: 0; }
.plan-network-wrap { gap: 5px 60px; padding-top: 20px;}
.box-header .box-title h3 { margin: 0 !important; }
.box-body { padding-left: 0; padding-right: 0; }
.edit-member-form .box-body { padding-top: 0; }
#edit-member .form-group { margin-bottom: 20px; }
/* .table-bordered>thead>tr>th { padding-right: 34px !important; } */
table.dataTable tfoot tr th, .table-striped tfoot tr th { padding: 12px 20px !important; font-size: 12px; line-height: 18px; font-weight: 600; color: rgba(17, 17, 17, 1); border-bottom: 1px solid rgba(234, 236, 240, 1); background-color: #F9FAFB; }
.dataTables_wrapper > .row:last-child { margin-top: 20px; }
select.form-control { background: #F8FAFC url(../images/select-arrow.svg) no-repeat; background-position: 97% center; appearance: none; vertical-align: middle; background-size: 13px; }
.membership_details-table td { background-color: #fff; padding: 10px 20px !important; color: #111111; font-size: 16px; }
.membership_details-table { background-color: #fff; padding: 20px 30px; }
.membership_details-table th { background-color: #F9FAFB !important; border-color: transparent !important; }
.membership_details-table td { border-color: transparent !important; }
.margin-bottom-30 .form-group { margin-bottom: 20px; }
.auth-option span { color: #838383; font-family: Source Sans Pro; font-size: 16px; font-weight: 400; padding: 0 0 0 9px !important; line-height: 20px; }
table.dataTable thead .sorting:after { top: 50%; transform: translateY(-50%); height: 15px; }
.filter-dropdown-payments { gap: 12px; width: calc(100% - 410px); display: flex; flex-wrap: wrap; justify-content: flex-start; }
.allow-network-new li { position: relative;}
.allow-network-new li:after { content: ',';}
.allow-network-new li:last-child:after {
content: none;
}
.content-header .page-title-icon { color: #1958F4; margin-right: 10px; display: flex; align-items: center; }
.content-header { color: #1958F4; }
.content-header h1 { color: #1958F4; }
.content-header .page-title-icon.membership_level_icon:after { filter: none; }
.renewal_email_content textarea {
color: #111111;
padding: 30px 20px;
}
.dataTable {
width: 100% !important;
}
.membership_details-table .box-body {
overflow: auto;
}
.stripe-setting input[type=checkbox]{ /*opacity: 1;*/ }
.stripe-setting .box-header.sap-settings-box-header {
text-transform: capitalize;
}
.renewal_notif {
border: 0px !important;
padding-top: 10px !important;
}
#email_settings .box-header.sap-settings-box-header {
text-transform: capitalize;
border-top: 1px solid hsl(0deg 0% 51% / 30%);
padding-top: 30px;
margin-top: 10px;
}
.renewal_email_content span.description {
font-family: Source Sans Pro;
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #111111;
}
/*05-02-2024*/
.sap_deregister_license.btn.btn-danger {
border: 2px solid #FF0000;
border-radius: 5px;
background-color: transparent;
color: #FF0000;
min-width: 200px;
padding: 11px 30px;
}
.sap_deregister_license.btn.btn-danger:hover {
color: #ffffff;
background-color: #FF0000;
}
.description, label span {
color: #838383;
}
.sap-api-btn { position: relative; }
.sap-api-btn:before { filter: brightness(0) saturate(100%) invert(26%) sepia(99%) saturate(3400%) hue-rotate(218deg) brightness(100%) contrast(85%); }
.add-more i.fa.fa-plus:before ,.sap-api-btn:before {
content: "";
background: url(../images/plus-icon-white.png);
width: 18px;
display: inline-block;
height: 18px;
vertical-align: middle;
margin-right: 5px;
position: relative;
top: -2px;
}
.sap-api-btn:hover:before {
filter: brightness(0) invert(1);
}
.add-more button {
padding-left: 20px;
}
.read-only input {padding-right: 0;padding-left: 0;}
.pending ,.completed ,.publish{
background-color: #FFEAEA;
color: #FF0000;
font-weight: 500;
text-align: center;
display: inline-block;
padding: 2px 8px 2px 6px;
border-radius: 50px;
}
.publish{
background: rgba(236, 253, 243, 1);
color:rgba(2, 122, 72, 1);
}
.completed {
background-color: #ECFDF3;
color: #027A48;
}
.flex-wrap { flex-wrap : wrap;}
.dataTables_wrapper {
overflow-y: auto;
}
.filter-dropdown-payments {
width: auto;
}
.checkbox-inline, .radio-inline { padding-left: 0; }
#payment_gateways .nav-tabs-custom { padding: 0; }
.nav-tabs-custom ul.nav.nav-tabs { flex-wrap: nowrap; overflow-y: visible !important; overflow-x: auto; border-bottom: 1px solid #838383 !important; padding-bottom:20px; margin-bottom: 20px;}
label.auth-option.checbox-list input[type=checkbox]:checked + label:after { left: 8px; }
.available-gateways .checbox-list .checbox-item { position: relative; }
.available-gateways .checbox-list .checbox-item label:after { left: 8px !important; }
.nav-tabs-custom>.nav-tabs>li { border-top: 3px solid transparent; margin-bottom: 0; margin-right: 10px; }
.nav-tabs-custom>.nav-tabs>li>a { color: #444; border-radius: 0; font-family: Source Sans Pro; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 0em; border: 1px solid #111111 !important; text-align: center; border-radius: 10px; color: #111111 !important; background-color: #fff !important; }
.sap-general-setting-tab form#stripe-setting .tab-content .tab-content .tab-pane { padding: 0; }
.sap-general-setting-tab form#stripe-setting .tab-content .nav-tabs { padding: 0; }
.sap-general-setting-tab form#stripe-setting .tab-content .nav-tabs li a { border: 0px !important; font-size: 18px; font-weight: 600; line-height: 33px; text-align: left; }
.sap-general-setting-tab form#stripe-setting .tab-content .nav-tabs li::before{content: none;}
.sap-general-setting-tab form#stripe-setting .tab-content .nav-tabs li::after { width: 80%; background-size: 100% 100%; }
.sap-general-setting-tab form#stripe-setting .tab-content .nav-tabs { padding-bottom: 0; }
#payment_gateways { padding: 30px 0; }
#payment_gateways ul.nav.nav-tabs { padding-left: 40px !important; }
#payment_gateways .tab-content { padding: 0 40px; }
.signup-box-body .box-header { margin-bottom: 0; text-align: left; padding: 0; }
.signup-box-body .box-header h3.box-title { text-align: left; font-size: 52px !important; padding-bottom: 20px !important; }
.signup-page .box-body { padding-right: 0 !important; padding-left: 0 !important; padding-top: 0 !important;}
.signup-box-body .box-header h3 { font-family: Source Sans Pro; font-size: 33px !important; font-weight: 600 !important; line-height: 55px !important; letter-spacing: 0em; color: #1958F4; text-transform: capitalize !important; padding-bottom: 10px; }
.sign_up-right.log-in {
display: flex;
flex-wrap: wrap;
}
#plan_result table.table th ,#plan_result table.table td {
padding-left: 0;
}
.signup-box-body .apply_coupon_section .form-control {
padding: 16px 20px;
}
.sign_up-right.log-in a.backtologin {
font-size: 16px;
margin-left: 10px;
}
.margin-bottom-30 .box-header {
padding-bottom: 20px;
}
.col-md-6.form-group.auto_renew_wrap,
.col-md-6.form-group.no_expiration_wrap {
display: flex;
width: 250px;
justify-content: space-between;
}
.plan-preview-container tbody tr td {
font-weight: 400;
color: rgba(17, 17, 17, 1);
}
.signup-box-body input[type=radio]:checked + label {
color: rgba(17, 17, 17, 1);
}
.signup-box-body input[type=radio]+ label {
color: rgba(131, 131, 131, 1);
}
/*user dashobourd*/
.mingle-user .sap-schedule-clock input.form-control { padding-left: 40px; margin-left: 0 !important; }
.mingle-user .sap-schedule-clock i.fa-clock-o { position: absolute; left: 10px; top: 18px; transform: none; }
.mingle-user #quick-post-form .sap-schedule-clock i.fa-clock-o { top: 10px; color: #111111 }
.mingle-user ul.nav.nav-tabs li::before { content: none; }
.mingle-user ul.nav.nav-tabs li.active a {
color: #1958f4 !important;
}
/*.mingle-user ul.nav.nav-tabs li a::before { content: ""; display: inline-block; background: url(../images/active-tab.png) no-repeat; width: 137px; left: 50%; height: 3px; position: absolute; bottom: 0px; transform: translateX(-50%); margin: inherit; opacity: 0; transition: all 400ms ease; visibility: hidden; }*/
.mingle-user ul.nav.nav-tabs li a::before { content: ""; display: inline-block; background: url(../images/active-tab.png) no-repeat; width: 80%; left: 50%; right: 0; transform: translateX(-50%); margin: 0 auto; height: 3px; background-size: 100% 100%; background-position: bottom; position: absolute; bottom: 0px; margin: inherit; opacity: 0; transition: all 400ms ease; visibility: hidden; }
.mingle-user ul.nav.nav-tabs li.active a::before { opacity: 1; visibility: visible; }
.mingle-user .sap-post-social-list-wrap ul.nav.nav-tabs li a::before { content: ""; background: url(../images/active-tab.png) no-repeat; width: 100%; background-size: 100%; background-position: bottom; }
.mingle-user .sap-post-social-list-wrap ul.nav.nav-tabs li:before{ content: none; }
.mingle-user .sap-post-social-list-wrap ul.nav.nav-tabs li.active a::before { opacity: 1; visibility: visible; }
.mingle-user ul.nav.nav-tabs li a {padding: 10px 10px !important; font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: 0em; color: #111111 !important; }
.mingle-user ul.nav.nav-tabs li.sap-msg-tab-li-active::before ,
.mingle-user ul.nav.nav-tabs li.sap-tab-li-active ::before { opacity: 1; visibility: visible; bottom: 0; }
.mingle-user ul.nav-tabs li:hover:before,
.mingle-user ul.nav-tabs li.sap-tab-li-active:before,
.mingle-user ul.nav-tabs li.active:before,
.mingle-user ul.nav-tabs li.sap-msg-tab-li-active:before { opacity: 1; visibility: visible; bottom: 0; }
.mingle-user ul.nav.nav-tabs li.sap-msg-tab-li-active a,
.mingle-user ul.nav.nav-tabs li.sap-tab-li-active a { color: #1958F4 !important; font-size: 16px; font-weight: 600; line-height: 25px; letter-spacing: 0em; }
.mingle-user label { margin-bottom: 10px; }
.mingle-user ul.nav.nav-tabs li a { }
.mingle-user [for="sap-schedule-time"] + * i + [name="sap-schedule-time"] { padding-left: 40px; margin-left: 00; }
.mingle-user [for="sap-schedule-time"] + * i { position: absolute; top: 50%; transform: translateY(-50%); left: 23px; color: #000; }
.mingle-user .box-radio-wrap { float: right; justify-content: flex-start; padding-bottom: 10px; }
.mingle-user i.glyphicon.glyphicon-folder-open { 15px:; position: relative; top: -1px; }
.mingle-user i.glyphicon.glyphicon-folder-open:before { content: ""; background: url(../images/plus-icon-white.png); width: 18px; display: inline-block; height: 18px; vertical-align: middle; margin-right: 5px; }
.mingle-user .note-text { font-family: Source Sans Pro; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; color: #838383 !important; background-color: transparent !important; border: none !important; }
.mingle-user button.fileinput-remove-button { font-family: Source Sans Pro; font-size: 16px; font-weight: 600; line-height: 28px; letter-spacing: -0.20000000298023224px; background: #1958F4; border-color: #1958F4; padding: 10px 30px; border-radius: 4px !important; min-width: 130px; text-align: center; color: #fff; margin-right: 10px !important; }
.mingle-user button.fileinput-remove-button:hover { opacity: 0.8; }
.mingle-user .bg-white {background-color: #fff;}
.mingle-user .ptb-30 {padding: 30px;}
.mingle-user .filter-wrap select{ height: auto; }
.mingle-user .ptb-40{padding:40px;}
.mingle-user .box-footer{background-color:transparent;}
.mingle-user table.table-bordered.dataTable tbody td ,
.mingle-user .table-striped>tbody>tr:nth-of-type(odd){background-color:#fff !important;}
.mingle-user table.table-bordered.dataTable th{background-color:#EAECF0!important;}
.mingle-user .post_img { width: 60px;height: 60px; }
.mingle-user td.action_icons i { color: #667085 !important; font-size: 20px;}
.mingle-user .custom-accordion h4 { font-size: 16px; font-weight: 600; line-height: 23px; letter-spacing: 0em; text-align: left; }
.mingle-user .custom-accordion
.mingle-user label.control-label { font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; }
.mingle-user .sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-header-h2 h2,
.mingle-user .sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-date { color: #1958F4; font-size: 16px;}
.mingle-user .sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header {color: #111111; border: 0px;}
.mingle-user .sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header .sap-quick-post-privew-date { color: #111; margin-top: 11px;}
.mingle-user #published #searchByGender,
.mingle-user #scheduled #searchByGender,
.mingle-user div.dataTables_wrapper div.dataTables_length select,
.mingle-user span.selection .select2-selection { border: 1px solid #CBD5E1; height: auto; background: #F8FAFC url(../images/select-arrow.svg) no-repeat; background-size: 13px; padding: 10px 20px 10px 20px; font-family: Source Sans Pro; font-size: 16px; font-weight: 400; border-radius: 4px; background-position: 90% center; appearance: none; line-height: normal;}
.mingle-user .btn-primary i.fa.fa-inbox { margin-right: 10px;}
.mingle-user .table-striped>tbody>tr { white-space: nowrap;}
.mingle-user .sap-quick-post-privew-content { display: flex; flex-wrap: wrap; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-privew-image { width: 320px; height: 300px; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-privew-image img { height: 100% !important; width: 100% !important; object-position: initial !important; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-new { color: #111111; width: calc(100% - 350px); font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-new .sap-quick-post-privew-message { height: 200px; overflow: auto; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-privew-message a { color: #111; }
.mingle-user .sap-quick-post-new {display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.mingle-user .sap-quick-post-privew-users-wpar .success { color: #009718; border: none !important; }
.mingle-user .sap-quick-post-privew-users-wpar { padding: 0 !important; }
.mingle-user .networks-wrap span.selection .select2-selection { min-height: inherit !important; line-height: normal;}
.mingle-user .networks-wrap span.selection .select2-selection .select2-selection__rendered { background-position: 97% center; }
.mingle-user .mt-0 { margin-top: 0 !important; }
.mingle-user .sap-individual-time input[type="text"] { border-radius: 4px !important; width: 100%; border: 1px solid #CBD5E1 !important; padding: 17px 30px 16px 20px !important; font-family: Source Sans Pro; font-size: 16px; font-weight: 400; }
.mingle-user .btn-success, .mingle-user .btn-success:hover { background-color: #1958F4; box-shadow: none; font-size: 16px; font-weight: 600; line-height: 28px; letter-spacing: -0.20000000298023224px; text-align: center; border-radius: 6px; width: 100%; padding: 6px 5px; }
.scheduled-top-wrap .customSearch input { width: 100%; }
.sap-quick-post .customSearch input { width: 100%; }
.mingle-user .btn-success:hover { background-color: transparent; color: #1958F4;}
.mingle-user label.tgl-btn.float-right-cs-init { background: #838383;}
.mingle-user .pagination .paginate_button.first, .mingle-user .pagination .paginate_button.last { display: none !important; }
.mingle-user div.dataTables_wrapper div.dataTables_info, .mingle-user div.dataTables_wrapper div.dataTables_paginate { padding-left: 15px; padding-right: 15px; }
.mingle-user .tgl-ios:checked + .tgl-btn { background: #1753f4; }
.mingle-user .sap-quick-post-privew-wrap { background-color: #f1f1f1; box-shadow: none !important; }
.mingle-user .sap-quick-post-privew-wrap .sap-quick-post-privew { background-color: #fff; }
.mingle-user .sap-quick-post-privew.sap-quick-post-privew-facebook { background-color: #fff; }
.mingle-user .sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-content { border: none !important; margin: 0 !important; padding-bottom:0px; }
.mingle-user .table-bordered [aria-label="Status"] select { background-color: transparent !important; color: #111111 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 18px !important; letter-spacing: 0em; text-align: left; padding: 0 0 !important; border: 0px !important; }
.mingle-user .add-new-post-title h3.box-title { font-size: 22px; font-weight: 600; line-height: 28px; letter-spacing: 0em; text-align: left; margin: 0; }
.mingle-user .sap-quick-post-privew-link { width: 300px; padding: 10px 15px 0 !important;}
.mingle-user .sap-post-social-list-wrap ul.nav-tabs { padding: 0 !important; overflow: auto; }
.mingle-user .sap-post-social-list-wrap ul.nav-tabs li.active a { font-weight: 600; color: #1958F4 !important; }
.mingle-user .sap-post-social-list-wrap ul.nav-tabs li { flex: inherit; padding: 0 20px; margin: 0; }
.mingle-user .sap-post-social-list-wrap ul.nav-tabs li a { border: 0px !important; }
.mingle-user .sap-post-social-list-wrap { padding-top: 50px; }
.mingle-user .sap-post-social-list-wrap .sap-post-social-list-content .tab-pane { padding: 0;}
.mingle-user .add-post-form .file-input {display: flex; flex-wrap: wrap; }
.mingle-user .add-post-form .file-input .file-preview { order: 1; margin-top: 15px; }
.mingle-user .add-post-form .file-input .fileinput-remove i { order: 1; margin-right: 20px; }
.mingle-user #list-post_wrapper .dataTables_length, .mingle-user #list-post-scheduled_wrapper .dataTables_length { position: absolute; top: 59px; right: 40px; right: 20px; left: auto; margin-left: auto; text-align: right; }
.scheduled-top-wrap select#searchByGender { width: 100%; }
.mingle-user #list-post-scheduled_wrapper .dataTables_length label, .mingle-user #list-post_wrapper .dataTables_length label { font-size: 13px !important; }
.mingle-user .sap-custom-drop-down-wrap .col-md-3 input#searchInputquickpost { width: 100%; }
.mingle-user span.selection .select2-selection .select2-selection__rendered { padding: 0; height: 100%; }
.mingle-user span.selection .select2-selection { background-position: 98% center; }
.mingle-user .select2-selection__arrow { display: none; }
.mingle-user .nav-tabs-custom>.nav-tabs>li.active::after {content: none; opacity: 0; visibility: hidden; }
.tab-content-settings .box.box-primary { padding: 0; }
.mingle-user .select2-container .select2-selection--single .select2-selection__rendered { margin-top: 0; }
.tab-content-settings.tab-content .tab-pane { padding: 30px; }
.tab-content-settings .pt-40 { padding-top: 40px; }
.border-b { border=-b: 1px solid #838383; border-bottom: 1px solid rgb(131 131 131 / 30%); border-radius: 0px; padding-bottom: 10px !important; }
.image-video-select input[type="radio"]:checked + label:before, .sap-box-inner input[type="radio"]:checked + label:before { border-color: #1958F4; }
.image-video-select input[type=radio] + label:after, .sap-box-inner input[type=radio] + label:after { background-color: #1958F4; }
.tab-content-settings .box-footer { padding-top: 0; padding-left: 0; }
#facebook-proxy .form-group { margin-bottom: 30px; }
.sap-box-inner .form-group { margin-bottom: 30px; }
.sap-api-facebook-settings .form-group { margin-bottom: 0; }
.sap-api-btn { background-color: transparent; border: 2px solid #1958F4; color: #1958F4; }
.sap-box-inner .form-head label, .sap-box-inner .form-deta >div { font-family: Source Sans Pro; font-size: 16px; font-weight: 600; line-height: 30px; padding: 10px 17px !important; letter-spacing: 0em; }
.sap-box-inner .form-deta { font-weight: 400; padding: 10px 17px !important; }
.sap-box-inner .form-deta { padding: 0 !important; }
.sap-box-inner .form-deta >div { font-weight: 400; }
.sap-box-inner .form-group { margin-bottom: 30px; }
.mingle-user .input-group-btn i { margin-right: 10px; }
.sap-box-inner .form-group.mb-0 { margin-bottom: 0; }
.twitter-accunt-det label.heading-label { width: 100%; }
.twitter-accunt-det input.form-control { max-width: 100%; }
.sap-twitter-account-details , .sap-tumblr-account-details { position: relative; }
.sap-twitter-account-details .show-remove-icon { position: absolute; }
.sap-twitter-main a.remove-tx-init { margin-top: 0; position: relative; z-index: 2; }
.sap-tumblr-account-details .show-remove-icon { margin-top: -20px; margin-bottom: 10px; position: absolute; right: 20px; top: -4px; }
.btn-primary.active.focus, .btn-primary.active:focus,
.btn-primary.active:hover, .btn-primary:active.focus,
.btn-primary:active:focus, .btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #2563EB;border-color: ##2563EB; }
.tumblr-grant-permission-new a { display: inline-block; width: 100%; border: 1px solid #CBD5E1; color: #838383; background-color: #F8FAFC !important; border-radius: 6px; font-size: 16px; line-height: 22px; font-weight: 400; padding: 18px 20px 18px; height: auto; }
.settings--tabs-custom.nav-tabs-custom ul.nav.nav-tabs li:before { content: none; visibility: visible; }
/*.settings--tabs-custom.nav-tabs-custom ul.nav.nav-tabs li a:before { content: ""; display: inline-block; background: url(../images/active-tab.png) no-repeat; width: 70%; left: 0; height: 3px; position: absolute; bottom: 0px; opacity: 0; transition: all 400ms ease; visibility: hidden; right: 0; margin: 0 auto; background-position: center; background-size: 100% 100%; }*/
.settings--tabs-custom.nav-tabs-custom ul.nav.nav-tabs li.active a:after { opacity: 1; visibility: visible; }
.sap-tumblr-account-details { margin-top: 0; }
.tumblr-remove-image-icon .remove-tx-init { margin-top: 0; }
.control-pinterest-wrap .add-pin-account-pint { padding-top: 30px; }
.fileinput-cancel-button { padding-right: 10px !important; }
.input-group-btn .btn-file { padding-left: 14px; }
.input-group-btn .btn-file i.glyphicon { margin-right: 0; }
/*.mingle-user .settings--tabs-custom.nav-tabs-custom li.active a::before { opacity: 0; visibility: hidden; }*/
/*.tab-content-settings .box-header.sap-settings-box-header {
padding-top: 20px;
}
*/
.sap-logs-graph-filter-wrap li.sap-graph-social-type select { width: 232px; color: #111111; background-position: 93% center; height: 43px; padding: 0 19px; }
.sap-logs-graph-filter-wrap input { border: 1px solid #CBD5E1; background-color: #F8FAFC !important; margin: 0; padding: 10px 20px; }
.sap-logs-graph-filter-wrap { display: flex; flex-wrap: wrap; gap:15px; }
.sap-logs-graph-filter-wrap ul.sap-filter-btn-wrap { display: flex; align-items: center; gap:15px }
.sap-logs-graph-filter-wrap label { border: 1px solid #CBD5E1; background-color: #F8FAFC !important; margin: 0; border-radius: 6px; ; line-height: 30px; padding: 6px 20px; margin-bottom: 0; }
.sap-logs-graph-filter-wrap li { margin-right: 20px; }
.sap-logs-graph-filter-wrap .sap-filter-btn-wrap label:before { background-color: #1958F4; }
.sap-logs-graph-wrap #sap-logs-graph { padding-top: 30px; }
.sap-post-social-list-wrap .tab-content .tab-pane .col-sm-8.col-xs-7 > * { border: 1px solid #CBD5E1; background-color: #F8FAFC; border-radius: 6px; width: 100%; padding: 10px 20px 10px; }
.sap-post-social-list-wrap .tab-content .tab-pane .col-sm-8.col-xs-7 label { margin: 0; }
.mingle-user .sap-quick-post form .sap-tab-nav-wrap li.msg-li { width: auto; }
.mingle-user .sap-quick-post ul.nav.nav-tabs li.sap-msg-tab-li-active a::before { opacity: 1; visibility: visible; }
.mingle-user .sap-quick-post ul.nav.nav-tabs li.msg-li { padding: 0 20px; }
.sap-logs-graph-filter-wrap ul.sap-filter-btn-wrap li {
margin: 0;
}
.dark-blue-text {
color: #1958F4;
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
}
.mingle-user .sap-individual-time { margin-top: 15px; }
.tg-list-item span.sap-desc {
width: 100%;
display: inline-block;
font-style: normal;
}
i.fa.fa-pencil-square-o::before, i.fa.fa-trash:before { background-image: url(../images/fa-pencil-square-o.png); content: ''; width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; }
i.fa.fa-trash:before { background-image: url(../images/fa-trash.png);}
/*.table-bordered tr th:last-child {
text-align: right;
padding-right: 20px !important;
padding-left: 40px !important;
}*/
.dataTables_wrapper input[type=checkbox] {
width: 20px;
height: 20px;
border-radius: 6px;
border: 1px solid rgba(208, 213, 221, 1) !important;
}
.content-wrapper { min-height: calc(100vh - 50px) !important; }
body.mingle-admin{ min-height: 100vh; }
.plus-icon { position: absolute; }
.plus-icon:before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/plus-icon-white.png) no-repeat center; vertical-align: middle; margin-right: 12px; filter: brightness(0) saturate(100%) invert(32%) sepia(71%) saturate(7352%) hue-rotate(223deg) brightness(99%) contrast(93%); top: -1px; position: relative; }
.plus-icon + p { margin: 0 0 0 27px; }
/*<div class="plus-icon"></div><p> */
.edit-icon:before { background-image: url(../images/edit-icon.png)}
.subscription-table table {border-collapse: collapse; width: 100%; }
.subscription-table td, .subscription-table th { border: 1px solid #dddddd !important; text-align: left; padding: 8px; }
.subscription-table tr:nth-child(even) { background-color: #f4f4f4; }
.subscription-table th { font-weight: 600; color: #000; }
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
top: 50%;
bottom: auto !important;
transform: translateY(-50%);
}
.form-group label.status-Unpublished {
color: #EF4444;
font-weight: 600;
}
/*.mingle-user .post-img-edit-pre .file-drop-disabled { height: 100%; }
.mingle-user .post-img-edit-pre .krajee-default.file-preview-frame { width: 100%; margin: 0 !important; height: 185px; }
.mingle-user .post-img-edit-pre .mingle-user .add-post-form .file-input .file-preview { }
.mingle-user .post-img-edit-pre .krajee-default.file-preview-frame .kv-file-content { height: 100%; }
.mingle-user .post-img-edit-pre .krajee-default.file-preview-frame:not(.file-preview-error):hover { box-shadow: none !important; }
*/
.mingle-user button.fileinput-remove-button { border: 1px solid #CBD5E1; background-color: #F8FAFC; color: #838383; }
.mingle-user button.fileinput-remove-button i.glyphicon { position: relative; top: 3px; }
.mingle-user input.form-control[name="share_link"] { color: #1958F4;}
/* width */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
* {
scrollbar-width: 5px;
scrollbar-color: #1958f4 #fff;
}
/* Track */
::-webkit-scrollbar-track {
background: rgb(25 88 244 /30%);
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgb(25 88 244 / 1);
border-radius: 5px;
}
.margin-bottom-30 .form-group button.btn.btn-primary {
min-width: 250px;
}
button.btn.btn-primary.copy-clipboard {
margin-top: 10px;
}
.sap-plan-network input.network-count-num {
width: 60%;
padding: 5px 12px;
}
.btn-primary.back-btn {
display: flex;
align-items: center;
justify-content: center;
min-width: 100px;
}
.btn-primary.back-btn svg {
width: 10px;
margin-right: 10px;
height: 18px;
display: inline-block;
}
.tbl-count {
padding-left: 5px;
vertical-align: super;
}
@media (max-width: 1600px){
.twitter-accunt-det label.heading-label { width: 100%; }
/*div.dataTables_wrapper div.dataTables_filter input {display: flex !important; flex-wrap: wrap;}*/
/*div.dataTables_wrapper div.dataTables_filter input {display: flex !important; flex-wrap: wrap;}*/
.sap-delete .btn-primary:before { width: 14px; height: 14px; position: relative; top: -2px; }
#searchInputcoupons {/* margin-top: 10px;*/ }
.mingle-user .post_img { height: 30px; width: 30px; }
}
@media (max-width: 1024px){
/*.sap-custom-drop-down-wrap .filter-wrap .filter-dropdown { flex-wrap: 100; }*/
.stripe-setting .tab-content { padding: 20px 20px; }
/*mingle-user*/
#general .sap-box-inner .form-group { padding-bottom: 0; }
.mingle-user ul.nav.nav-tabs li a::before { width: 70%; background-size: 100% 100%; }
.tab-content-settings .pt-40 { padding-top: 10px; }
.mingle-user #published #searchByGender, .mingle-user #scheduled #searchByGender, .mingle-user div.dataTables_wrapper div.dataTables_length select, .mingle-user span.selection .select2-selection { height: 50px; padding: 5px 10px; }
/*.mingle-user span.selection .select2-selection .select2-selection__rendered { padding: 6px 0; }*/
.mingle-user .tab-content-settings.tab-content .tab-pane { padding: 15px; }
.mingle-user .select2-container--default .select2-selection--multiple .select2-selection__rendered li{width:auto;margin-top:0;}
.mingle-user button.fileinput-remove-button{min-width:auto;padding:6px 17px;}
.sap-logs-graph-filter-wrap ul.sap-filter-btn-wrap{flex-wrap:wrap;}
.sap-logs-graph-filter-wrap label{font-size:15px;height:40px;line-height:normal;}
.sap-box-inner .form-head label, .sap-box-inner .form-deta >div { font-size: 14px; line-height: normal; }
.mingle-user .ptb-40 { padding: 20px; }
.mingle-user .filter-wrap { display: flex; flex-wrap: wrap; }
.mingle-logo { width: 200px; margin: 0; }
}
@media (min-width: 768px){
/*21-09-2023*/
#list-post_wrapper .row:first-child { margin: 0; /*width: 74%;*/ margin-left: auto; }
#accordion .box { border: none; margin: 0; }
#accordion .box .panel-collapse { padding: 0px 0 15px; }
#accordion .box + .box { border-top: 1px solid #0000002e; border-radius: 0px; }
.sap-schedule-clock input#sap-schedule-time { width: auto; margin-left: 20px; font-size: 15px; }
.sap-tab-nav-wrap ul li.sap-tab-li-active, .sap-tab-nav-wrap ul li.sap-msg-tab-li-active { border-top: 3px solid #3c8dbc; }
.sap-tab-nav-wrap ul li, .sap-tab-nav-wrap ul li { border-top: 3px solid transparent; }
#logs-listing td { font-size: 16px !important; }
.note-text { display: inline-block; padding: 10px 0px 10px 10px; margin: 10px 0px 0px 0px; background-color: #cfe2ff !important; border-color: #b6d4fe !important; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; position: relative; color: #084298 !important; font-size: 13px; width: 98%; position: relative;}
.note-text:before {content: ''; background-image: url(../images/google-note.png); height: 15px; width: 15px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 7px; position: relative; top: 2px;}
.delete-dropdown { display: flex; }
.filter-wrap { width: auto; display: flex; width: 100%; position: relative; z-index: 1; flex-wrap: wrap; margin-bottom: 20px; justify-content: space-between; gap: 12px;}
.search-top-bar > .dataTables_wrapper > .row:nth-child(1) { width: 272px; margin-left: auto; margin-right: 0; display: inline-block; float: right; }
.search-top-bar > .dataTables_wrapper > .row:nth-child(1) .col-sm-6 { width: 100%; }
.search-top-bar > .dataTables_wrapper > .row:nth-child(1) .col-sm-6:nth-child(1) { display: none; }
.dataTables_wrapper > .row { margin-left: 0; margin-right: 0; }
.sap-settings-box-header:after { background-color: transparent; }
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #CAF3D5 !important; color: #054917 !important; font-size: 16px; padding: 15px !important; }
.alert-success.alert .close { color: #054917; opacity: 1; text-shadow: none; }
.twitter-accunt-det label.heading-label { margin-right: 10px; }
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #FFD0CC !important; padding: 15px !important; color: #50100A !important; border-color: #EA4335 !important; color: #50100A; font-size: 16px; }
.alert-dismissable .close, .alert-dismissible .close { right: 0; }
#list-post td a { font-size: 16px; color: #000; }
.sap-settings-box-header { margin-bottom: 0; }
}
@media (max-width: 991px){
.customSearch { margin-top: 20px !important; margin-left: 0; }
.edit-plan-inner .form-group .d-flex.row .col-md-10 { width: 80%; }
.edit-plan-inner .form-group .d-flex.row .col-md-2 { width: 20%; padding: 0; }
.plan-network-wrap { gap: 0; }
.plan-network-wrap .sap-plan-network { width: 100%; margin: 0; }
.status-text { padding: 9px 10px; }
.form-control { padding: 9px 10px 9px; font-size: 15px; }
.filter-wrap select { width: 100%; line-height: 17px; }
.filter-wrap .delete-dropdown { flex-wrap: inherit; width: 100%; justify-content: space-between; margin-right: 0; }
.btn-primary { width: auto; /* margin-top: 10px; */ padding: 6px 20px !important; min-width: auto; height: auto; line-height: normal; }
.filter-wrap select { font-size: 15px; padding: 10px 10px; background-position: 96% center; background-size: 12px; width: 65% !important; line-height: normal !important; }
.filter-wrap button { font-size: 15px; line-height: normal; min-width: 130px; height: 38px;}
.sap-custom-drop-down-wrap .filter-wrap .filter-dropdown { flex-wrap: inherit; justify-content: space-between; width: 100%; }
select#searchByStatus { width: 65%; }
.customSearch input { padding: 10px 30px 10px 10px; font-size: 14px; }
.customSearch { margin-top: 10px !important; }
input.form-control.expiration-day-label[readonly="readonly"]{ padding-left: 0; padding-right: 0; }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { white-space: nowrap; }
.margin-bottom-30 .col-md-6 { width: 50%; }
.membership_details-table .box-body { overflow: auto; }
.membership_details-table .box-body table { overflow: auto; }
.membership_details-table td, .membership_details-table th { white-space: nowrap; }
.membership_details-table { padding: 10px; }
.filter-dropdown.flex-wrap { flex-wrap: wrap !important; }
.membership-drop-down-wrap { }
.membership-drop-down-wrap .filter-dropdown.flex-wrap { justify-content: flex-start; gap: 10px}
.customSearch { width: 65%; }
.customSearch input { width: 100%;
background-position: 98% center;
}
.table-bordered>thead>tr>th { white-space: nowrap; }
#general_settings_tab .input-group.file-caption-main .btn-primary i { line-height: 16px; position: relative; top: -2px; left: 4px; }
#stripe .row.sap_plan {
margin-left: -15px;
margin-right: -15px;
}
.tab-content #stripe .form-group {padding-left: 0;padding-right: 0;}
.mingle-user .sap-post-social-list-wrap ul.nav-tabs li { padding: 0 20px; }
.mingle-user .sap-post-social-list-wrap ul.nav-tabs { overflow: scroll; }
.mingle-user .ptb-30 { padding: 15px; }
.mingle-user .col-md-8 { width: 100%; }
.mingle-user .col-md-12 { width: 100%; }
.mingle-user .height-200 { height: 100px !important; }
.mingle-user .col-sm-4 { width: 100%; }
.mingle-user #list-post_wrapper .dataTables_length, .mingle-user #list-post-scheduled_wrapper .dataTables_length { position: inherit; padding-left: 10px; }
.sap-tab-content-wrap .customSearch { margin-top: 0 !important; }
.mingle-user #published #searchByGender, .mingle-user #scheduled #searchByGender, .mingle-user div.dataTables_wrapper div.dataTables_length select, .mingle-user span.selection .select2-selection, .sap-post-social-list-wrap .tab-content .tab-pane .col-sm-8.col-xs-7 > * { height: 40px; font-size: 15px; background-size: 13px; line-height: 40px; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-privew-image { width: 100%; padding: 0 !important; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-new { width: 100%; padding: 15px 0; }
.sap-quick-post-privew-wrap .sap-quick-post-privew .sap-quick-post-privew-header { padding: 0 0 11px; }
.mingle-user .sap-quick-post-privew-content .sap-quick-post-new .sap-quick-post-privew-message { height: auto; }
.mingle-user .sap-quick-post-privew-link { padding: 0 !important; }
.mingle-user .settings--tabs-custom ul.nav.nav-tabs li a { font-size: 15px; padding: 6px 12px !important; }
.settings--tabs-custom .nav-tabs-custom ul.nav.nav-tabs { padding-bottom: 10px; }
.mingle-user .sap-individual-time input[type="text"] { padding: 9px 0 !important; }
.mingle-user .mt-0 { margin-top: 20px !important; }
.mingle-user .sap-schedule-clock i.fa-clock-o { top: 9px; }
.mingle-user #scheduled #searchByGender { width: 150px; }
.signup-box-body .apply_coupon_section .form-control { margin-bottom: 10px; padding: 10px 20px;}
}
@media (max-width: 767px){
.dataTables_filter { padding: 0 5px; }
/*A 29-11-2023*/
.box-group.custom-accordion h4.box-title { padding: 0; }
.content { padding: 15px; }
.sap-global-time-wrap .col-sm-12 { flex-wrap: wrap; }
.sap-global-time-wrap .col-sm-12 .col-lg-4 { width: 100%; text-align: left; }
.sap-global-time-wrap .col-sm-12 .col-lg-4 button.sap_quick_post_add { float: left !important; }
#published #searchByGender, #scheduled #searchByGender, div.dataTables_wrapper div.dataTables_length select { width: auto; }
#list-post_wrapper .row { margin-left: 0; margin-right: 0; }
#list-post_wrapper div#list-post_filter { margin-top: 15px; display: inline-block; }
#list-post_wrapper div#list-post_filter input.form-control { width: 80%; }
.filter-wrap .delete-dropdown { display: flex; flex-wrap: wrap; }
.tab-content .box { padding: 10px; }
.form-group.form-head { display: flex; }
.form-group.form-deta { display: flex; }
.page-title-icon { display: none; }
section.content-header { padding: 10px 11px 10px; }
.mobile-row #list-plans_wrapper .row:nth-child(2) { margin: 0; }
.mobile-row #list-plans_wrapper .row:nth-child(2) > div { padding: 0; }
.logo-class { max-width: 100%; }
.margin-bottom-30 .col-md-6 div { width: 100%; }
.margin-bottom-30 .col-md-6 { width: 100%; }
.row.sap_plan { margin-left: 0; margin-right: 0; }
.filter-dropdown.filter-dropdown-payments { flex-direction: column;}
.customSearch { width: 100%;}
.content-header-updated-log {
flex-wrap: wrap;
gap: 10px;
}
.content-header-updated-log h1 {
flex-wrap: wrap;
}
.content-header-updated-log h1 small {
margin-top: 10px;
margin-bottom: 5px;
padding-left: 0
}
.mingle-user ul.nav.nav-tabs li a {
padding: 12px 5px !important;
}
.input-group-btn .btn-file i.glyphicon {
width: 18px;
height: 18px;
}
.mingle-user .box-radio-wrap {
float: left;
}
.mingle-user [for="sap-schedule-time"] + * i + [name="sap-schedule-time"] {
width: 100%;
}
.add-more {
width: 100%;
}
.sap-box-inner .form-group {
margin-bottom: 20px;
}
.box-header.sap-settings-box-header {
margin-bottom: 15px;
}
.nav-tabs-custom ul.nav.nav-tabs {
padding-bottom: 15px;
margin-bottom: 15px;
}
.signup-box-body .box-header h3.box-title {
font-size: 32px !important;
padding-bottom: 20px !important;
line-height: normal !important;
}
}
@media (max-width:450px) {
.filter-wrap select { width: 100% !important; margin-bottom: 5px; margin-right: 0 !important;}
}
.mingle-popup {
position: fixed;
top: 80px;
left: 0;
right: -100px;
max-width: 550px;
padding: 0;
border: 1px solid #1d9bd4;
min-height: unset;
z-index: 999;
overflow: hidden;
box-shadow: 0 4px 30px #000000;
color: #000000;
box-sizing: border-box;
margin: 0 auto 10px;
background: none repeat scroll 0 0 #FFFFFF;
}
.mingle-popup .wpw-mingle-header {
width: 100%;
left: 0;
top: 0;
background-color: #1f9bd2;
height: 45px;
position: relative;
display: flex;
justify-content: space-between;
}
.wpw-mingle-header-title {
padding: 15px 35px 0;
color: #ffffff;
font-weight: bold;
font-size: 14px;
font-family: verdana !important;
}
.wpw-mingle-popup-close {
padding: 10px 15px 0;
text-align: right;
}
.wp-map-post-types-popup .wpw-mingle-popup {
max-height: 55vh;
overflow-y: auto;
padding: 20px;
}
.wpw-mingle-popup-close a {
color: #fff;
}
.wpw-mingle-popup-overlay {
background-color: #000000;
height: 100%;
left: 0;
opacity: 0.75;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.wpw-mingle-popup {
max-height: 55vh;
overflow-y: auto;
padding: 20px;
}
.wp-map-pt-row {
display: flex;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
}
.wp-map-pt-row {
display: flex;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
align-items: center;
justify-content: space-between;
}
.wp-map-pt-row .wpmptr-name {
max-width: 60%;
flex-grow: 1;
line-height: 1.5;
}
.wp-map-pt-row .wpmptr-name code {
word-wrap: break-word;
padding: 3px 5px 2px;
margin: 0 1px;
font-size: 13px;
color: #000;
}
.mingle-popup select {
font-size: 14px;
line-height: 2;
color: #2c3338;
border-color: #8c8f94;
box-shadow: none;
border-radius: 3px;
padding: 0 24px 0 8px;
min-height: 30px;
max-width: 25rem;
-webkit-appearance: none;
/* background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%; */
background-size: 16px 16px;
cursor: pointer;
vertical-align: middle;
}
.wp-map-submit {
text-align: right;
padding-right: 5px;
}
.wp-map-submit .ajax-loader {
margin: 5px;
display: none;
}
.mingle-popup .button-disabled, .mingle-popup .button-secondary.disabled, .mingle-popup .button-secondary:disabled, .mingle-popup .button-secondary[disabled], .mingle-popup .button.disabled, .mingle-popup .button:disabled, .mingle-popup .button[disabled] {
color: #a7aaad!important;
box-shadow: none!important;
cursor: default;
transform: none!important;
}
.mingle-popup .button {
color: #2271b1;
vertical-align: top;
}
.sap-box-inner .tg-list-item, .sap-box-inner .inline-switches {
display: flex;
gap: 10px;
}
.map-post-types-cls {
background: #2271b1;
border-color: #2271b1;
color: #fff;
text-decoration: none;
text-shadow: none;
box-shadow: unset;
border: 0;
width: 30%;
padding: 5px;
}
.mingle-popup .wpmptr-post-types select {
padding: 5px;
}
.mt-20{
margin-top:20px;
}
/*05-06-2024*/
.tooltip-wrap i.glyphicon-info-sign:before { background-image: url(../images/info-sign.png); background-repeat: no-repeat; background-size: contain; width: 24px; display: inline-block; content: ''; height: 24px; }
.plan-network-wrap .sap-plan-network { padding: 11px 18px; min-height: 60px; display: flex; }
.justify-content-around { justify-content: center; }
.plan-network-wrap { align-items: flex-start; flex-wrap: wrap; }
.plan-network-wrap .sap-plan-network > .d-flex { width: 100%; flex-wrap: unset; }
.plan-network-wrap .sap-plan-network label { margin: 0; }
.plan-network-wrap .sap-plan-network .social-lbl-cls { color: #1958F4; }
.tooltip-wrap { padding-left: 8px; }
.network-level , .finalnetwork{ display: inline-flex; align-items: center; vertical-align: middle; }
.network-level:before ,.finalnetwork:before { content: ''; height: 24px; width: 24px; display: inline-block; background-repeat: no-repeat; background-size: contain; margin-right: 10px; }
.facebook:before , .sap_network_fb_lbl:before { background-image: url(../images/social-icon/facebook.png);}
.instagram:before ,.sap_network_insta_lbl:before { background-image: url(../images/social-icon/instagram.png);}
.google-my-business:before ,.sap_network_gmb_lbl:before ,.gmb:before { background-image: url(../images/social-icon/Google.png);}
.reddit:before ,.sap_network_reddit_lbl:before { background-image: url(../images/social-icon/Reddit.png);}
.twitter:before ,.sap_network_tw_lbl:before { background-image: url(../images/social-icon/Twitter.png);}
.linkedin:before ,.sap_network_linkedin_lbl:before { background-image: url(../images/social-icon/linkedin.png);}
.pinterest:before , .sap_network_pin_lbl:before{ background-image: url(../images/social-icon/pinterest.png);}
.tumblr:before ,.sap_network_tumblr_lbl:before { background-image: url(../images/social-icon/tumblr.png);}
.wordpress:before ,.sap_network_wordpress_lbl:before { background-image: url(../images/social-icon/WordPress.svg); }
.youtube:before , .network_label_youtube_lbl:before{ background-image: url(../images/social-icon/youtube.svg); position: relative; top: 4px;}
.blogger:before ,.sap_network_blogger_lbl:before{ background-image: url(../images/social-icon/blogger.svg); }
.finalnetwork ,.allow-network-new li {transition: all 400ms ease; text-transform: capitalize; background: #1958F4; border-radius: 3px; font-family: Source Sans Pro; font-size: 16px; font-weight: 400; line-height: 20.11px; background-color: #fff; color: #1958F4; padding: 5px 12px; border: 1px solid #1958F4; position: relative; margin-right: 15px; }
.finalnetwork:before { width: 16px; height: 16px; margin-right: 0px; }
.finalnetwork span.social-plan-list, .social-count, .plan-detail-count, .edit-member-soc-count { position: absolute; top: -10px; right: -7px; background-color: #1958F4; min-width: 17px; height: 17px; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 0 2px; }
.alert .close { color: #50100A; opacity: 1; filter: alpha(opacity=20); text-shadow: none;}
.facebook.finalnetwork:hover { background-color: #DFE6F5; }
.twitter.finalnetwork:hover { background-color: #DDDDDD; }
.linkedin.finalnetwork:hover { background-color: #E1E7EF; }
.tumblr.finalnetwork:hover { background-color: #DDDFE2; }
.pinterest.finalnetwork:hover { background-color: #F4DDE0; }
.google-my-business.finalnetwork:hover ,.gmb.finalnetwork:hover { background-color: #DFE6F5; }
.reddit.finalnetwork:hover { background-color: #F6E4DD; }
.instagram.finalnetwork:hover { background-color: #F5DDE8; }
.youtube.finalnetwork:hover { background-color: #F6DDDD; }
.blogger.finalnetwork:hover { background-color: #F5E8E2; }
.wordpress.finalnetwork:hover { background-color:#E2E3E3; }
.allow-network ul li {display: inline-flex; margin: 7px 5px !important;}
.twitter.finalnetwork { border-color: #000000; color: #000; }
.finalnetwork span.twitter-list-cnt , .social-count.twitter-cnt ,.twitter-edit-cnt ,.twitter-paln-cnt{ background-color: #000; }
.linkedin.finalnetwork { border-color: #2867B2; color: #2867B2; }
.finalnetwork span.linkedin-list-cnt ,.social-count.linkedin-cnt ,.linkedin-edit-cnt ,.linkedin-paln-cnt{ background-color: #2867B2; }
.tumblr.finalnetwork { border-color: #001935; color: #001935; }
.finalnetwork span.tumblr-list-cnt ,.social-count.tumblr-cnt , .tumblr-edit-cnt ,.tumblr-paln-cnt{ background-color: #001935; }
.pinterest.finalnetwork { border-color:#E60023 ; color:#E60023 ; }
.finalnetwork span.pinterest-list-cnt ,.social-count.pinterest-cnt , .pinterest-edit-cnt ,.pinterest-paln-cnt {background-color:#E60023; }
.google-my-business.finalnetwork { border-color: ; color: ; }
.finalnetwork span.google-my-business-list-cnt ,.social-count.google-my-business-cnt , .gmb-edit-cnt ,.gmb-paln-cnt {background-color: #000; }
.reddit.finalnetwork { border-color: #FF4500; color: #FF4500; }
.finalnetwork span.reddit-list-cnt ,.social-count.reddit-cnt , .reddit-edit-cnt ,.reddit-paln-cnt {background-color: #FF4500; }
.instagram.finalnetwork { border-color:#F00073 ; color:#F00073 ; }
.finalnetwork span.instagram-list-cnt ,.social-count.instagram-cnt , .instagram-edit-cnt ,.instagram-paln-cnt {background-color: #F00073; }
.youtube.finalnetwork { border-color: #FF0000 ; color: #FF0000; }
.finalnetwork span.youtube-list-cnt ,.social-count.youtube-cnt , .youtube-edit-cnt ,.youtube-paln-cnt {background-color: #FF0000; }
.blogger.finalnetwork { border-color: #F06A35; color:#F06A35 ; }
.finalnetwork span.blogger-list-cnt ,.social-count.blogger-cnt , .blogger-edit-cnt ,.blogger-paln-cnt {background-color: #F06A35; }
.wordpress.finalnetwork { border-color:#33383D ; color:#33383D ; }
.finalnetwork span.wordpress-list-cnt ,.social-count.wordpress-cnt , .wordpress-edit-cnt ,.wordpress-paln-cnt {background-color: #33383D; }
.allow-network-new li:after {
content: none;
}
.warning-cls{
color:red;
font-size: 16px;
}
.wordpress-xml-rpc-error {}
.wordpress-xml-rpc-error {
background: rgb(131 131 131 / 10%);
font-family: Source Sans Pro;
font-size: 16px;
font-weight: 600;
line-height: 20.11px;
text-align: left;
color: #111111;
padding: 6px 15px;
display: inline-block;
border-radius: 4px;
}
.wordpress-xml-rpc-error span {
color: #1958F4;
}
.remove-install-folder button.btn.btn-primary.btn-sm {
padding: 5px 10px;
margin-left: 10px;
}
.count-limit-msg.twitter-count-msg-limit {
color: #000;
font-size: 14px;
}
.count-limit-msg.twitter-count-msg-limit span.limit-note {
font-weight: bold;
}
.linkedin-multi-post-note.documentation-text:before {
display: none;
}
.linkedin-multi-post-note.documentation-text {
color: #666 !important;
padding-left: 40px;
border-color: #bbb;
}
.linkedin-multi-post-note.documentation-text i.glyphicon.glyphicon-info-sign {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.ml-5{margin-left:5px;}
#success_tic .page-body{
max-width:300px;
background-color:#FFFFFF;
margin:10% auto;
}
#success_tic .page-body .head{
text-align:center;
}
/* #success_tic .tic{
font-size:186px;
} */
#success_tic .close{
opacity: 1;
position: absolute;
right: 0px;
font-size: 30px;
padding: 3px 15px;
margin-bottom: 10px;
}
#success_tic .checkmark-circle {
width: 150px;
height: 150px;
position: relative;
display: inline-block;
vertical-align: top;
}
.checkmark-circle .background {
width: 150px;
height: 150px;
border-radius: 50%;
background: #1ab394;
position: absolute;
}
#success_tic .checkmark-circle .checkmark {
border-radius: 5px;
}
#success_tic .checkmark-circle .checkmark.draw:after {
-webkit-animation-delay: 300ms;
-moz-animation-delay: 300ms;
animation-delay: 300ms;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: checkmark;
-moz-animation-name: checkmark;
animation-name: checkmark;
-webkit-transform: scaleX(-1) rotate(135deg);
-moz-transform: scaleX(-1) rotate(135deg);
-ms-transform: scaleX(-1) rotate(135deg);
-o-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#success_tic .checkmark-circle .checkmark:after {
opacity: 1;
height: 75px;
width: 37.5px;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
border-right: 15px solid #fff;
border-top: 15px solid #fff;
border-radius: 2.5px !important;
content: '';
left: 35px;
top: 80px;
position: absolute;
}
.modal-header {
border-bottom-color: transparent;
background-color: #1958F4;
color: #fff;
text-align: center;
}
.modal-footer.text-center {
text-align: center;
}
@-webkit-keyframes checkmark {
0% {
height: 0;
width: 0;
opacity: 1;
}
20% {
height: 0;
width: 37.5px;
opacity: 1;
}
40% {
height: 75px;
width: 37.5px;
opacity: 1;
}
100% {
height: 75px;
width: 37.5px;
opacity: 1;
}
}
@-moz-keyframes checkmark {
0% {
height: 0;
width: 0;
opacity: 1;
}
20% {
height: 0;
width: 37.5px;
opacity: 1;
}
40% {
height: 75px;
width: 37.5px;
opacity: 1;
}
100% {
height: 75px;
width: 37.5px;
opacity: 1;
}
}
@keyframes checkmark {
0% {
height: 0;
width: 0;
opacity: 1;
}
20% {
height: 0;
width: 37.5px;
opacity: 1;
}
40% {
height: 75px;
width: 37.5px;
opacity: 1;
}
100% {
height: 75px;
width: 37.5px;
opacity: 1;
}
}
.table-striped>tbody>tr:nth-of-type(even) {
background-color: #fff;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: transparent;
}
.allowed-network-box {
background: #F8FAFC;
border: 1px solid #CBD5E1;
padding: 20px;
border-radius: 6px;
}
.upload-block {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.upload-block .file-input {
margin-right: 10px;
}
.upload-block .uploaded-info {
color: #838383;
font-size: 16px;
}
.upload-block .uploaded-info span {
display: block;
color: #111111;
}
.token-steps ol, .token-steps {
font-size: 16px;
line-height: 28px;
}
.select-button .btn-light.deselect_all {
margin-right: 10px;
}
.mingle-user #myModal .table-striped>tbody>tr { white-space: normal;}
.searchByGender_div {
width: 100% !important;
}
#scheduled select#searchByGender {
width: 33.33333333%;
}
.align-items-end{ align-items:flex-end; }
.button-Select > * {
margin-bottom: 10px;
}