<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    /* Primary Colors */
    --primary-orange: #ff8c00;
    --primary-orange-dark: #e87923;
    --primary-pink: #dc3c5f;
    --primary-dark-pink: #862238;
    --primary-blue: #00a3d4;
    --primary-bright-pink: #ff005a;
    --primary-crimson: #dc143c;
    --primary-dark-blue: #1a2c79;
    --primary-darker-blue: #152462;
    --primary-green: #28a745;
    --primary-red: #dc3545;
    --primary-yellow: #d58103;
    --primary-dark-yellow: #856404;

    /* Secondary Colors */
    --secondary-light-gray: #f1f3f4;
    --secondary-lighter-gray: #f9fafb;
    --secondary-light-gray-2: #eee;
    --secondary-medium-gray: #ccc;
    --secondary-dark-gray: #999;
    --secondary-darker-gray: #666;
    --secondary-very-dark-gray: #333;
    --secondary-black: #000;
    --secondary-white: #fff;
    --secondary-off-white: #f5f5f5;

    /* Gradient Colors */
    --gradient-instagram: linear-gradient(45deg, #833ab4, #f56040);
    --gradient-live-button: linear-gradient(-45deg, #ff8c00, #ff3d77);
    --gradient-icons-text: linear-gradient(45deg, #00bcff, #850646);

    --gradient-primary: linear-gradient(45deg, #a91e64, #28a3ce);
    --gradient-secondary: linear-gradient(45deg, #1e78a9, #28ce83);
    --gradient-danger: linear-gradient(0deg, #ff8c00, #a91e64);
    --gradient-info: linear-gradient(0deg, #17a2b8, #ff8c00);
    --gradient-success: linear-gradient(0deg, #68a24c, #274b02);
    --gradient-orange: linear-gradient(0deg, #791a1a, #ff8900);
    --gradient-pink: linear-gradient(45deg, #72008c, #fdca25);

    /* Social Media Colors */
    --social-facebook: #3c5a93;
    --social-twitter: #444;
    --social-youtube: #bd0122;
    --social-vk: #4d769f;
    --social-linkedin: #0478b0;
    --social-google: #ea403c;
    --social-tumblr: #314356;
    --social-vimeo: #1cb9e1;

    /* Other Colors */
    --bg-white: #fff;
    --bg-yellow: #ffeb3b;
    --bg-orange: #ff9800;
    --bg-deep-orange: #ff5722;
    --bg-deep-purple: #673ab7;
    --bg-indigo: #3f51b5;
    --bg-blue-gray: #607d8b;
    --bg-light-blue: #2196f3;
    --bg-cyan: #00bcd4;
    --bg-green: #4caf50;
    --bg-light-pink: #fcd5de;

    /* Text and Icon Colors */
    --text-gray: #88888a;
    --text-light-gray: #a8a8a8;
    --text-dark-gray: #282828;
    --text-very-dark-gray: #2a2a2a;
    --text-medium-gray: #757575;
    --text-blue-gray: #5a6b84;
    --text-light-blue-gray: #8898aa;
    --text-placeholder: #cfd7e0;
    --border-light-gray: #dee2e6;
    --bg-light-gray: #f0f2f5;

    /* Special Colors */
    --special-light-pink: #ffb9c9;
    --special-light-purple: #b6bcf7;
    --special-purple-instagram: #833ab4;
    --special-orange-instagram: #f56040;
    --special-dark-purple: #6c3094;
    --special-dark-orange: #d55337;


    --badge-red: #dc3545;
    --badge-green: #41cb8c;
    --badge-yellow: #ce8d14;
    --badge-blue: #3a98fd;
    --badge-info-blue: #44ADC7;
    --badge-light-green: #e6f3f0;
    --badge-light-yellow: #fffdf8;
    --badge-light-blue: #f1f3f8;
    --badge-light-red: #fff5f5;
    --badge-light-info-blue: #f5fcff;

    --badge-light-gray: #DDD;
    --badge-gray: #CCC;
    --badge-dark-gray: #333;
    --badge-dark-gray-2: #6b7886;
    --badge-white: #FFF;

}

/* Body and Global Styles */
body {overflow: hidden;}

/* Button Styles */
.app .page-link, a, a:hover { color: var(--primary-pink)}
.btn{font-size:13px;transition:none!important;border-radius:0}
.app .btn-primary,.app .fc-button,.app input.cmn-toggle-round-flat:checked + label,.app input.cmn-toggle-round-flat:checked + label:after,.app .page-item.active .page-link,.app .selectize-control.multi .selectize-input [data-value]
{background:var(--primary-pink)!important;border-color:var(--primary-pink) !important;}
.app .btn-primary:active,.app .btn-primary:enabled,.app .btn-primary:focus,.app .btn-primary:hover,.app .fc-button:hover{background:var(--primary-pink);border-color:var(--primary-pink)}
.app .btn-outline-primary{border-color:var(--primary-pink)!important;color:var(--primary-pink);font-size:13px;}
.app .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-primary.dropdown-toggle{background:var(--primary-pink);color:var(--secondary-white)}
.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show &gt; .btn-primary.dropdown-toggle:focus{box-shadow:none!important}
.selectize-control.multi .selectize-input [data-value]{background:var(--secondary-white)!important;border-color:var(--secondary-light-gray)!important}
.selectize-control.multi .selectize-input &gt; div,.selectize-control.plugin-remove_button [data-value] .remove{color:grey;border-color:var(--secondary-light-gray)!important}
.app .post-container .middle .post-menu a.active,.app .side-menu .active span, .app .side-menu .active i,.app #horizontal-menu .menu-container .active span,.app .thin-menu ul a:hover,.app .thin-menu ul a.active,.app .menu-active span{color:var(--primary-blue)!important}

/* Focus Styles */
button:focus,input:focus,select:focus,textarea:focus{outline:0!important;outline-width:0!important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}
.custom-control-input:checked ~ .custom-control-label::before{border-color:var(--primary-pink);background-color:var(--primary-pink);outline:0!important;outline-width:0!important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}

/* Background Styles */
.bg-light-gray{background:#F9F9F9}
.bg-primary{background:var(--primary-pink)!important}
.bg-primary:hover{background:var(--primary-darker-blue)!important}
.bg-gray { background: var(--secondary-light-gray-2)}
.bg-white-opacity {background: rgba(255, 255, 255, 0.8);}

/* alerts */
.alert-danger a{color: var(--primary-red) !important}
.alert-warning h5, .alert-warning p{color:var(--primary-dark-yellow)!important}
.alert-warning a { color: var(--primary-yellow)}
.alert-secondary{background:var(--secondary-light-gray)!important}
.alert-danger{background: #fcf7f7 !important}
.alert-warning{background: #fcf9f6 !important}

/* Autofill Animation */
@-webkit-keyframes autofill {
    to{color:var(--special-light-purple);font-size:14px;background:0 0;outline:0}
}
input:-webkit-autofill{-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}

/* Loaders */
#cover-loader{position:fixed;top:0;height:var(--vh);width:100%;text-align:center;background:rgba(255,255,255,0.5);z-index:11111111111111 !important;display:none}
#top-loading{top:0;left:0;right:0;height:3px;width:100%;display:none;position:fixed;z-index:5000;overflow:hidden;background-color:rgba(255,255,255,0.2)}
#top-loading:before{display:block;position:absolute;content:"";left:-200px;width:200px;border-radius:5px;height:3px;animation:loadingbar 1.5s linear infinite;background: var(--gradient-icons-text) !important;border-color: var(--gradient-icons-text);}

/*datepicker*/
.datepicker--day-name, .datepicker--cell.-current-{color:var(--primary-pink)}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{background:var(--primary-pink)}
.datepicker--cell.-selected-.-focus-{background:var(--primary-dark-pink)}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{background:var(--bg-light-pink)}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:var(--special-light-pink)}


/* app-container height */
#app-container .content{padding:10px 30px;overflow:auto;overflow-x:hidden;height:calc(var(--vh) - 120px)}
#app-container .content-big{overflow:auto;overflow-x:hidden;height:calc(var(--vh) - 70px)}

#app-container.layout_full .content-big{overflow:auto;overflow-x:hidden;height:calc(var(--vh) - 61px)}

#app-container .right-pane .inner-container{width:100%;position:relative; height: calc(var(--vh) - 70px)}
#app-container .right-pane .inner-container .inner-right-pane{padding-left:300px;height:calc(100% - 120px); display: grid}
#app-container .right-pane #horizontal-menu + .inner-container .inner-right-pane #horizontal-menu + .content {height: calc(var(--vh) - 170px) !important;}
#app-container .side-menu{padding:20px 30px;width:100%; height: calc(var(--vh) - 70px)}
#horizontal-menu + .inner-container div.side-menu{height:calc(var(--vh) - 120px)!important; overflow-y: auto}

#app-container #photosDisplay { height: calc(var(--vh) - 139px)}

#app-container .post-container{width:100%;height:calc(var(--vh) - 70px)}
#app-container .post-container .left div#filemanager-container .content {height: calc(var(--vh) - 124px);}

#app-container .content .ajax_side{overflow-y:auto;height:calc(var(--vh) - 70px)}
#horizontal-menu + .content .ajax_side{overflow-y:auto;height:calc(var(--vh) - 120px)}
#horizontal-menu + .content .ajax_side .scroll-paginate{overflow-y:auto;height:calc(var(--vh) - 200px)!important}


/* main app-container */
#app-container{width:100%;overflow:hidden;height:100%; background: #F6F6F6}
#app-container .left-pane{width:300px;height:var(--vh);z-index:99;}
#app-container .left-pane .content{padding:10px 20px}
#app-container .left-pane .side-head{padding:10px 0}
#app-container .left-pane .side-head .logo-container .logo-full{width:100%;margin-bottom:20px;display:none}
#app-container .right-pane .right-cover{display: grid; margin:10px 10px 0;background:var(--secondary-white);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 0 1rem rgba(0, 0, 0, 0.15)!important}
#app-container .right-pane .inner-container .inner-left-pane{width:300px;border-right:solid 1px #f2f4f5;height:100%;position:absolute;left:0;top:0;overflow:hidden;background:var(--secondary-white);z-index:99}
#app-container .right-pane .inner-container-sm .inner-left-pane{width:250px}
#app-container .right-pane .inner-container-sm .inner-right-pane{padding-left:250px}
#app-container.layout_full .pane-pages-container {padding: 20px 0;}
@media (max-width: 992px) {
    #app-container.mobile-open-menu .left-pane { display: flex !important; position: fixed !important; }
    #app-container.mobile-open-menu .right-pane{position:relative;left:300px!important}
}


/*dropdown-menu*/
.dropdown-toggle { cursor: pointer}
.dropdown .dropdown-toggle::after,.dropdown .dropdown-toggle::before{display:none}
.dropdown-item{font-size:13px}
.app .dropdown-menu{border-radius:15px; box-shadow:0 0 6px 0 rgba(0,0,0,.1);border:none; padding:0!important;overflow:auto; background-color: var(--secondary-white) !important;}
.dropdown-menu .dropdown-item{padding:7px 15px;font-weight:500 !important;transition:background-color .3s;line-height:20px}
.dropdown-menu .dropdown-divider{border-color:#f9f9f9;margin:0}
.dropdown-toggle::after{display:none}
.dropdown-menu .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active { color: var(--primary-pink); background: #F1F1F1 !important; }
.dropdown-menu.drop-center{left:50%;transform:translateX(-50%)}
.dropdown-menu.drop-right{left:inherit;right:0}

/* logo */
.logo-container .logo { display: block;}
.logo-container .logo img{width:45px; display: block; margin: 0 auto}
a.logo-title-text{font-size:26px!important;color:var(--secondary-black);font-weight:600;letter-spacing:4px}
a.logo-title-text span{vertical-align:middle}
.logo-container .logo-full svg{width:125px; margin: 0 auto; display: block}
.logo-container .logo-full .logo-st0{fill:var(--primary-bright-pink)}
.logo-container .logo-full .logo-st1{fill:var(--secondary-black)}

/* left panel with menu */
.left-pane i {font-size: 27px}
.left-pane ul.menu-children a{margin:0!important}
.left-pane li span{display:block; font-size: 10px; padding: 0}
.left-pane ul{list-style:none;padding:0 8px;margin:0}
.left-pane ul a{display:block;text-align:center;padding:0 0 5px;font-size:30px!important}
.left-pane li a,.left-pane li span,.left-pane i{color:var(--secondary-very-dark-gray)}
.left-pane li a.active i, .left-pane li a.active span, html.dark-mode .left-pane li a.active span, .left-pane li a span.active{color: var(--primary-pink) !important;}
.thin-menu{width:85px;height:var(--vh); overflow-x: hidden !important; display: inline-block; border-right: 1px solid #DDD; padding: 10px 0}

/* menu sidebar */
.menu-sidebar{width:225px}
.sub-menu ul a{font-size:13px!important;text-align:left;padding:8px;text-decoration:none!important;margin-top:3px}
.sub-menu ul a i{font-size:20px;display:inline-block;width:30px}
.sub-menu ul a span{display:inline-block!important;position:relative}
.sub-menu li span{display:inline-block; font-size: 12px}
.sub-menu li.menu-parent label span { margin: 0}

/* menu sidebar widgets */
.btn-primary-orange, .btn-primary-orange:hover{background:var(--primary-orange); color: var(--secondary-white)}
.text-primary-orange, .text-orange { color: var(--primary-orange) !important;}
.text-primary-blue { color: var(--primary-blue) !important;}
.btn-primary-blue, .btn-primary-blue:hover{background:var(--primary-dark-blue); color: var(--secondary-white)}
.menu-widgets{overflow-x:hidden!important;width:100%;padding:20px 10px 0;display:block;vertical-align:top}
.menu-widgets.overflow-auto{padding:0 10px 20px}
.menu-widget{overflow:hidden;border:1px var(--primary-pink) solid}
.menu-widget label{padding:10px 15px;background:var(--primary-pink);font-weight:400!important}
.widget-menu .link{color:var(--primary-pink)}

/* menu sidebar notes */
.note-status .ma-icons-check{margin-top:-1px}
.note-status:hover {background: #DDD !important;}
html.dark-mode .note-status:hover {background: #1e2633 !important;}
.note-status.completed, html.dark-mode .note-status.completed{ background: var(--primary-pink) !important}
.note-status.completed i{color: var(--secondary-white) !important;}
#notes-display_list .each-thread:last-child{ border-bottom: 0 !important;}

/* APP HEADER */
#app-container .app-header{padding:10px;position:relative;height:60px;border-bottom:solid 1px #f2f4f5}
#app-container .app-header .menu-toggle{text-align:center;height:30px;width:30px;margin-top:5px}
#app-container .app-header .nav-right{float:right}
#app-container .app-header .nav-right .nav{height:40px;display:flex;align-items:center;justify-content:center}
#app-container .app-header .nav-right .nav .nav-item{display:flex;align-items:center;justify-content:center;margin:0 12px 0 0}
#app-container .app-header .nav-right .user-menu .avatar-container{width:40px;height:40px;position:relative;display:flex}
#app-container .app-header .nav-right .user-menu .avatar{width:100%;height:100%;border-radius:50%;background:#f7f7fd;border:1px var(--secondary-light-gray-2) solid;text-align:center;padding:10px 0;font-size:15px!important;color:var(--secondary-black);font-weight:bolder}
#app-container .app-header .nav-right .user-menu .float-left{padding:3px 10px 3px 0;text-align:right}
#app-container .app-header .nav-right .user-menu .float-left span{color:grey;font-size:10px;position:relative;bottom:3px}
#app-container .app-header .nav-right .user-menu{color:var(--secondary-black);font-weight:500}
#app-container .app-header .nav-right .btn{font-size:12px!important}
#app-container.layout_full .app-header-wrap { max-width: 1400px; margin: 0 auto}

/* notify */
.notify_count{position:absolute;bottom:-5px;left:-3px;align-content:center;text-align:center;height:15px;min-width:15px;font-size:8px!important;color:var(--secondary-white)}
.notify_count i{color:var(--secondary-medium-gray)!important}
.notify_modal{width:300px!important;overflow:hidden}
a.notify-item:hover{background:var(--secondary-light-gray-2)}
html.dark-mode .dropdown-menu a.notify-item:hover,html.dark-mode .notifications-list-pagination a.notify-item:hover{background:#314056!important}
.notifications-list-pagination .notify-item{border:1px var(--border-light-gray) solid;margin-bottom:10px; border-radius: 15px}
html.dark-mode .dropdown-menu span.notify_view_more:hover{background:none!important}

/* side-menu */
#iconSideMenu{font-size:28px;position:absolute;cursor:pointer;right:10px;top:10px;z-index:1}
.side-menu{padding:20px 30px;width:100%; overflow: auto}
.side-menu .menu-title{font-size:15px;padding:5px;font-weight:600}
.side-menu .nav-item{padding:0 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.side-menu .nav-link{padding:10px 0;color:var(--secondary-black);font-weight:500}
.side-menu .active{background:var(--secondary-lighter-gray)}

/*horizontal-menu*/
#horizontal-menu{position:relative;height:50px;width:100%;background:0 0;border-bottom:solid 1px #f2f4f5;overflow:hidden}
#horizontal-menu .nav-btn{position:absolute;font-size:25px!important;color:#DDD;background-color:var(--secondary-white);z-index:999;padding-top:5px;height:100%}
#horizontal-menu .toggle-left{left:0;top:0;z-index:0}
#horizontal-menu .toggle-right{right:0;top:0;z-index:0}
#horizontal-menu .menu-container{width:100%;position:relative;white-space:nowrap;margin:0 auto;overflow:auto;box-sizing:border-box}
#horizontal-menu .menu-container .menu{padding:0 20px;margin:0;list-style-type:none;display:block;overflow-y:hidden}
#horizontal-menu .menu-container .menu-item,.menu-active{height:44px;padding:9px 0;color:var(--secondary-black);display:inline-block;margin:0 auto;font-weight:500;text-decoration:none;white-space:no-wrap;position:relative;bottom:0}
.app #horizontal-menu .menu-container .menu-item span{display:block;height:30px;padding:5px 10px;position:relative;bottom:0;color:var(--text-light-gray); border-radius: 20px}
.app #horizontal-menu .menu-container .active span,.menu-active span{background: var(--secondary-lighter-gray)!important;color:var(--primary-pink);border:1px var(--secondary-medium-gray) solid}
#horizontal-menu .actions-pane{position:absolute;right:0;top:0}
#horizontal-menu .actions-pane ul{list-style:none;margin:0;padding:5px 30px}
#horizontal-menu .actions-pane ul li{float:left;margin-left:10px}
#horizontal-menu .actions-pane ul li form{position:relative;top:2px}
#horizontal-menu .actions-pane ul li form input{height:35px}
#horizontal-menu .actions-pane ul li form input:focus{border-color:var(--bg-light-gray)}
#horizontal-menu .actions-pane ul li form .btn{background:var(--secondary-white);border-color:var(--bg-light-gray);color:var(--secondary-black)}
#horizontal-menu .actions-pane ul li &gt; .btn{background:var(--secondary-white);color:var(--secondary-black);font-weight:500;border:solid 1px #bfbfbf;position:relative;top:2px;transition:background-color .3s}
#horizontal-menu .actions-pane ul li &gt; .btn:hover{background:var(--bg-light-gray)}

/* modern-table */
.modern-table{width:100%}
.modern-table .table-head .each{float:left;font-weight:500;color:#9ba4ab;padding:10px 5px}
.modern-table .table-body .table-row{border:1px var(--secondary-light-gray-2) solid;background:var(--secondary-lighter-gray);padding:10px;border-radius:15px;margin-bottom:10px; display: inline-block; width: 100%}
.modern-table .table-row .each {align-content: center; min-height: 36px }
.modern-table .table-body .table-row:nth-child(2n){background:0 0}
.modern-table .table-body .table-row:hover{box-shadow:0 0 5px 1px rgba(100,100,100,.1);background-color:var(--secondary-white)}
.modern-table .table-body .table-row .each{position:relative;float:left;font-weight:500;font-size:12px!important;color:var(--text-dark-gray);}
.table-body .each .left{display:none}
.border-colored {border-color:var(--primary-dark-blue)!important}
.modern-table .table-body .colored {color: var(--primary-dark-blue)!important}
.modern-table .table-body .colored i { color: var(--primary-pink) !important; }
.table-body .each .right { word-break: break-word}
.table-row [class^="col"]:first-child { padding-left: 0; }
.table-row [class^="col"]:last-child { padding-right: 0; }

/*empty-content*/
.empty-content{width:100%;text-align:center;padding:70px 20px;margin:30px 0;font-size:20px!important;color:grey}
.empty-content i{font-size:80px;margin-bottom:30px;display:block}
.empty-content i:before,.icon-gradient,.text-gradient{background: var(--gradient-icons-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color: var(--primary-blue)}
.empty-content i:before,.icon-gradient, .text-gradient{display:inline-block}

.dark-mode .empty-content i:before,.dark-mode .icon-gradient,.dark-mode .text-gradient { background: var(--gradient-instagram);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color: var(--primary-pink)}

.text-gradient-2{background: var(--gradient-instagram);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color: var(--primary-pink)}
.text-gradient-2{display:inline-block}



.empty-content p { font-weight: normal}
.widget-display .empty-content { margin: 0; padding: 0 }
div#notes-display_list i { font-size: 60px}
div#notes-display_list .empty-content p { font-size: 14px}

/* social media */
.social-accounts-container{margin-top:30px}
.social-accounts-container .each{width:100%;background:var(--secondary-black);height:200px;padding:10px 20px;margin-bottom:30px;display:block;color:var(--secondary-white);text-decoration:none!important;position:relative}
.social-accounts-container .each &gt; i{font-size:30px;color:rgba(0,0,0,.5);position:absolute;right:10px;top:10px}
.social-accounts-container  .has-account h1 span{font-size:15px;position:relative;bottom:10px}
.social-accounts-container  .has-account .info{text-align:center;margin:10px 0;font-weight:lighter}
.social-accounts-container  .has-account .info .count{font-size:50px}
.social-accounts-container  .has-account .info p{color:rgba(255,255,255,.7)}
.social-accounts-container  .no-account{text-align:center;padding:20px}
.social-accounts-container  .no-account i{font-size:50px;margin-bottom:10px}
.social-accounts-container  .no-account .switch{margin:15px auto;width:70px}
.social-accounts-container .instagram,.instagram-link{color:var(--secondary-white);background:linear-gradient(45deg,var(--special-purple-instagram),var(--special-orange-instagram))}
.instagram-link:hover{background:linear-gradient(45deg,var(--special-dark-purple),var(--special-dark-orange))}
.social-accounts-container .facebook,.facebook-link{background:var(--social-facebook);color:var(--secondary-white)}
.facebook-link:hover{background:#324b7a!important}
.social-accounts-container .twitter,.twitter-link{color:var(--secondary-white);background:var(--social-twitter)}
.twitter-link:hover{background:var(--secondary-very-dark-gray)!important}
.social-accounts-container .youtube,.youtube-link{color:var(--secondary-white);background:var(--social-youtube)}
.social-accounts-container .vk{color:var(--secondary-white);background:var(--social-vk)}
.social-accounts-container .linkedin,.linkedin-link{color:var(--secondary-white);background:var(--social-linkedin)}
.linkedin-link:hover{background:#036898!important}
.social-accounts-container .google,.google-link{color:var(--secondary-white);background:var(--social-google)}
.google-link:hover{background:#ce3734!important}
.social-accounts-container .tumblr{background:var(--social-tumblr)}
.social-accounts-container .pinterest,.pinterest-link{color:var(--secondary-white);background:var(--social-youtube)}
.pinterest-link:hover{background:#a8001d!important}
.social-accounts-container .vimeo,.vimeo-link{background:var(--social-vimeo)}
.vimeo-link:hover{background:#17a2c5!important}

/*social media post-container*/
.post-container .left{float:left;width:25%;height:100%;background:var(--secondary-white)}
.post-container .left .top{height:80px;border-bottom:solid 1px #eaedf1;padding:30px 15px;width:100%;padding-left:35px}
.post-container .left .top a{padding:0;font-size:20px!important;position:relative;bottom:5px}
.post-container .middle{width:40%;float:left;height:100%;position:relative}
.post-container .right{width:35%;height:100%;float:left;background:var(--secondary-white)}
.post-container .middle .top{height: 80px; border-bottom:solid 1px #eaedf1}
.post-container .middle .top .add-button{display:block;width:60px;height:60px;text-align:center;border-radius:100px;font-size:35px!important;padding:5px;margin:10px auto}
.post-container .middle .top .float-left{width:80%;height:100%}
.post-container .middle .top .float-left #horizontal-menu{border:none;height:70px}
.post-container .middle .top .float-left #horizontal-menu .menu-item{height:60px;width:60px;padding:0;position:relative;top:7px;border-radius:100px;border:none;margin-right:10px;display:inline-block}
.post-container .middle .top .float-left #horizontal-menu .menu-container .menu{margin:0 10px}
.post-container .middle .top .float-left #horizontal-menu .menu-container .menu-item img{width:60px;height:60px;position:absolute;top:0;border-radius:100px}
.post-container .middle .top .float-left #horizontal-menu .menu-item a{position:absolute;top:3px;right:3px;background:var(--secondary-lighter-gray);border:solid 1px grey;color:var(--secondary-black);display:block;font-size:12px!important;height:20px;width:20px;text-align:center;border-radius:100px;display:none}
.post-container .middle .top .float-left #horizontal-menu .menu-item:hover a{display:block}
.post-container .middle .top .float-left #horizontal-menu .toggle-left{top:20px}

/*account-lists*/
.account-lists .each{padding:10px 15px;width:100%;display:block;color:var(--secondary-black)!important;font-weight:600!important;border-bottom:solid 1px var(--secondary-lighter-gray)}
.account-lists .each.active,.account-lists .each:hover{background:var(--secondary-lighter-gray)}
.account-lists .each .la-instagram{color:var(--special-purple-instagram)}
.account-lists .each .la-facebook{color:var(--social-facebook)}
.account-lists .each .la-twitter{color:#20a2eb}
.account-lists.each .la-youtube{color:var(--social-youtube)}
.account-lists .each .la-vk{color:var(--social-vk)}
.account-lists .each .la-linkedin{color:var(--social-linkedin)}
.account-lists .each .la-google{color:var(--social-google)}
.account-lists .each .la-tumblr{color:var(--social-tumblr)}
.account-lists .each .la-pinterest{color:var(--social-youtube)}

/* post caption */
.post-container .post-form-content{padding:20px 20px 0;width:100%;}
.use-caption-container .caption-list,.use-hashtag-container .hashtag-list{width:100%;height:calc(var(--vh) - 150px);overflow:auto;overflow-x:hidden}
.preview-container{margin:10px 50px;background:var(--secondary-white)}
.post-use-caption{border:1px solid var(--secondary-medium-gray)!important;position:relative;bottom:1px;color:var(--secondary-black)!important;font-weight:500}
.post-use-caption:hover{background:var(--secondary-lighter-gray)}
.post-container .post-botton-container{position:absolute;bottom:0;width:100%}
.post-container .post-botton-container button{padding:15px;font-size:15px;font-weight:bolder}
.use-caption-container,.use-hashtag-container{position:absolute;top:0;width:100%;height:100%;display:none;background:var(--secondary-white);z-index:999}
.use-caption-container .top,.use-hashtag-container .top{height:80px;border-bottom:solid 1px #eaedf1;padding:30px 20px}
.use-caption-container .caption-list .each,.use-hashtag-container .hashtag-list .each{padding:10px 20px;display:block;text-decoration:none!important;color:var(--secondary-black)}
.use-caption-container .caption-list .each p,.use-hashtag-container .hashtag-list .each p{color:grey}
.app .use-caption-container .caption-list .each:hover,.app .use-hashtag-container .hashtag-list .each:hover{background:var(--primary-pink)!important;color:var(--secondary-white)!important}
.use-caption-container .caption-list .each:hover p,.use-hashtag-container .hashtag-list .each:hover p{color:var(--secondary-white)}
.use-caption-container .top .close,.use-hashtag-container .top .close{position:absolute;top:30px;right:20px;font-size:20px!important}
.post-container .post-form-content .post-text{position:relative}
.post-container .post-form-content .pane{background:var(--secondary-light-gray);padding:10px;margin-top:10px}
.post-text .save-caption-btn{position:absolute;top:30px;right:6px;color:grey;font-size:22px!important;z-index:9}
.post-form-content .post-text .load-hashtag-btn{position:absolute;top:50px;right:5px;color:grey;font-size:22px!important;z-index:9}

/* post preview */
.preview .media-preview-template, .preview .media-preview {height: auto !important;}
.preview .user-container{padding:10px 20px;position:relative}
.preview .user-container .avatar{width:50px;height:50px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:var(--secondary-light-gray-2);position:absolute}
.preview .user-container .user-info{position:relative;padding-left:60px;padding-top:10px}
.preview .text-container-template div,.preview .user-container .user-info div{width:100%;height:12px;background:var(--secondary-light-gray-2);margin-bottom:5px}
.preview .text-container,.preview .text-container-template{padding:0 20px;width:100%}
.preview .text-container-template div{width:100%;height:10px}
.preview .media-preview{width:100%;height:280px}
.preview .media-preview-template{width:100%;height:100%;background-color:var(--secondary-off-white)}
.preview .preview-footer ul{margin:0;padding:10px 30px;list-style:none}
.preview .preview-footer ul li{float:left;width:33.3%;font-size:12px;color:grey}
.preview .preview-footer ul li:last-child{text-align:center}
.preview .preview-images-container{position:relative;padding:10px 20px;height:280px;overflow:hidden!important}
.preview .preview-images-container .each{background-position:center;-webkit-background-size:cover;background-size:cover;overflow:hidden!important;position:relative}
.preview .preview-images-container .each video{position:absolute;top:50%;left:50%;width:auto;height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.preview .preview-images-container.single .each{width:100%;height:260px}
.preview .preview-images-container.double .each{width:49%;float:left;border:solid 2px var(--secondary-white);height:260px}
.preview .preview-images-container.double .each:first-child{border-left:none}
.preview .preview-images-container.double .each:last-child{border-right:none}
.preview .preview-images-container.tripple{position:relative}
.preview .preview-images-container.tripple .each:first-child{width:49%;height:260px;border-right:solid 2px var(--secondary-white)}
.preview .preview-images-container.tripple .each:nth-child(2){position:absolute;width:46%;top:10px;right:20px;height:125px}
.preview .preview-images-container.tripple .each:nth-child(3){position:absolute;top:140px;right:20px;width:46%;height:130px}
.preview .preview-images-container.four{position:relative}
.preview .preview-images-container.four .each:first-child{width:54%;height:260px;border-right:solid 2px var(--secondary-white)}
.preview .preview-images-container.four .each:nth-child(2){position:absolute;width:40%;top:10px;right:20px;height:85px}
.preview .preview-images-container.four .each:nth-child(3){position:absolute;top:100px;right:20px;width:40%;height:85px}
.preview .preview-images-container.four .each:nth-child(4){position:absolute;top:190px;right:20px;width:40%;height:80px}
.preview .preview-images-container.five{position:relative}
.preview .preview-images-container.five .each:first-child{width:49%;height:160px;border-right:solid 2px var(--secondary-white)}
.preview .preview-images-container.five .each:nth-child(2){position:absolute;width:49%;top:10px;right:20px;height:160px}
.preview .preview-images-container.five .each:nth-child(3){position:relative;float:left;width:33%;height:95px;border:solid 2px var(--secondary-white)}
.preview .preview-images-container.five .each:nth-child(4){position:relative;float:left;width:33%;height:95px;border:solid 2px var(--secondary-white)}
.preview .preview-images-container.five .each:nth-child(5){position:relative;float:left;width:34%;height:95px;border:solid 2px var(--secondary-white)}
.preview .preview-images-container.five .each:nth-child(5) span{display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);text-align:center;font-size:30px;padding:20px 0;color:var(--secondary-white);font-weight:bolder}
.preview-images-container.clearfix.single{padding:0!important}
.single-blog .each{border-top-left-radius:10px!important;border-top-right-radius:10px!important;border-bottom:1px solid #dee2e6;height:150px!important;background-position:center!important;background-size:cover!important;margin:0!important}
.post-selected-media .each,.product-selected-media .each{float:left;width:80px;height:80px;overflow:hidden;background-position:center;background-size:cover;border-radius:10px!important;position:relative}

/*statistics-container*/
.statistics-container .each{width:100%;height:150px;border-radius:10px;border:solid 2px #e2e2e2;position:relative;overflow:hidden}
@media (max-width: 767px) {
    .statistics-container .each{margin-bottom:10px}
}
.statistics-container .each .icon{position:absolute;width:80px;height:80px;text-align:center;font-size:40px;background: var(--secondary-medium-gray);border-radius:100px;bottom:-25px;left:-17px}
.statistics-container .each .icon i{font-size:40px;color:var(--secondary-white) !important;position:relative;top:13px; }
.statistics-container .each .count{text-align:center;padding:20px 0;color:rgba(0,0,0,.6);font-weight:600}
.statistics-container .each .count span{display:block;color:var(--secondary-white);font-size:40px}

/*image-editor-overlay*/
#image-editor-overlay{position:fixed;z-index:111111111;background:rgba(0,0,0,.9);width:100%;height:var(--vh);top:0;display:none}
#image-editor-overlay .content{width:100%;height:100%}
#image-editor-overlay .close-btn{position:fixed;left:15px;top:15px;z-index:9999;color:var(--secondary-white);font-size:20px!important}
#image-editor-overlay iframe{width:100%;height:100%;border:none}

/*scheduled-posts-grid*/
.view-schedule-modal{position:absolute;z-index:11;background:var(--secondary-white);width:100%;top:0;left:0;height:100%;display:none}
.scheduled-posts-grid .each-container{height:370px}
.scheduled-posts-grid .each{padding:0!important}
.scheduled-posts-grid .each .slide{width:100%;height:200px;position:relative;overflow:hidden;}
.scheduled-posts-grid .each .slide .carousel-item{background-position:center;-webkit-background-size:cover;background-size:cover;width:100%;height:200px}
.scheduled-posts-grid .each .info-content{text-align:left;padding:10px;font-weight:600}
.scheduled-posts-grid .each .info-content .info-time{font-weight:normal;padding:5px 0; font-size: 11px !important;}
.scheduled-posts-grid .each .info-footer{border-top:solid 1px var(--secondary-light-gray);padding:10px}
.grid-container.scheduled-posts-grid .each {
    border-radius: 15px;
    overflow: hidden;
}
#schedule-calender{background:#f3f3f5;min-height:100%}
.fc-daygrid-day{position:relative}
.create-post-link{position:absolute;top:1px;left:5px;width:30px;height:10px;color:grey;font-size:25px;z-index:999;padding:0}
.create-post-link:hover{color:var(--primary-pink)}
.fc-bg-event,.fc-highlight,.fc-non-business,.fc-view-harness-active &gt; .fc-view{padding:0 30px}
.fc-daygrid-event-dot,.fc-event-time{display:none!important}
.fc-daygrid-event{padding-left:10px;margin-left:7px;margin-right:7px;color:var(--secondary-white)!important}
.fc-event-title{font-size:11px!important}

@media (max-width: 750px) {
    .fc-event-title{font-size:9px!important}
    .fc-toolbar-title{font-size:15px}
}
@media (max-width: 650px) {
    .fc-event-title{display:none!important}
}
.fc-header-toolbar{padding:10px 30px 0}

/*grid-container*/
.grid-container{width:100%;margin:20px 0}
.grid-container .each-container{width:25%;padding:10px 10px;float:left;position:relative}
.grid-container .each-container-md{width:33.3%}
.grid-container .each-container .each{display:block;width:100%;border-radius:15px;box-shadow:none;border:solid 1px #e9e9e9;text-align:center;padding:30px;text-decoration:none;position:relative}
.grid-container .each-container .each-add{color:grey;font-size:20px!important}
.grid-container .each-container .each-add i{display:block;font-size:70px;color:var(--secondary-black)}
.grid-container .each-container .count{width:70px;height:70px;display:block;margin:10px auto;border:1px solid #e0e0e0;background:var(--secondary-white);border-radius:100px;font-size:20px;font-weight:bolder;padding:15px 0}
.grid-container .each-container p{font-weight:600}
.grid-container .each-container .actions{position:absolute;top:5px;right:10px}
.grid-container .each-container .actions a{color:#d3d3d3;font-size:25px!important}
.grid-container .each-container .actions a:hover{color:grey}
.grid-container .each-container img{display:block;margin:20px auto;width:60px;height:60px}
.grid-container .each-container .info{position:absolute;top:5px;left:10px}
.grid-container .each-container .info .badge{font-weight:lighter}
.grid-container .each-container.its-account a{font-size:12px!important}

/*link-preview*/
.link-preview{display:none;margin:10px 20px;border:solid 1px var(--secondary-light-gray);padding:5px;position:relative}
.link-preview .loaderImage{width:40px;height:40px;display:block;margin:30px auto}
.link-preview .link-left{width:80px;height:80px;position:absolute;left:7px}
.link-preview .link-left .image{width:100%;height:100%;background-position:center;background-size:cover}
.link-preview .link-right{padding-left:90px}

/* colors */
.color1-bg{background:var(--bg-light-blue)!important;border:none!important}
.color2-bg{background:var(--bg-cyan)!important;border:none!important}
.color3-bg{background:var(--bg-green)!important;border:none!important}
.color4-bg{background:var(--bg-yellow)!important;border:none!important}
.color5-bg{background:var(--bg-orange)!important;border:none!important}
.color6-bg{background:var(--bg-deep-orange)!important;border:none!important}
.color7-bg{background:var(--bg-deep-purple)!important;border:none!important}
.color8-bg{background:var(--bg-indigo)!important;border:none!important}
.color9-bg{background:var(--bg-blue-gray)!important;border:none!important}

/* support tickets */
.inbox-social-menu a{font-size:32px!important;position:relative}
.inbox-social-menu a.active{background:var(--secondary-lighter-gray)!important}
.inbox-social-menu a.active i{color:var(--primary-pink)!important}
.each-thread{position:relative;padding:5px 25px;display:block;min-height:48px;margin:5px 0}
.each-thread.active,.each-thread:hover{background:var(--secondary-light-gray)}
.chat-head .chat-title .letter-avatar,.each-chat .chat-content .letter-avatar,.each-thread .letter-avatar{background:var(--secondary-light-gray);padding:10px 0;text-align:center;font-size:17px;font-weight:lighter}
.chat-head .chat-title .letter-avatar,.each-chat .chat-content .letter-avatar{padding:5px 0;color:var(--secondary-white)}
.each-thread .info{padding-left:45px}
.each-thread .info h6{font-size:12px;color:var(--text-very-dark-gray);margin:2px 0}
.each-thread .info p{margin:0;color:grey;font-size:11px}
.each-thread .info .new{position:absolute;bottom:10px;right:10px;width:7px;height:7px;border-radius:100px;background:red}
.chat-head{background:var(--secondary-lighter-gray);border-bottom:solid 1px var(--secondary-light-gray);height:49px;padding:10px 15px}
.chat-head .chat-title{position:relative}
.chat-head .chat-title .avatar{background-position:center;background-size:cover;width:30px;height:30px;border-radius:100px;position:absolute;left:0}
.chat-head .chat-title .info{position:relative;padding-left:45px}
.chat-head .chat-title .info span{font-weight:700;display:block}
.chat-editor{border-top:solid 1px var(--secondary-light-gray);height:60px;padding:10px;width:100%}
.chat-editor .float-left{width:95%;position:relative}
.chat-editor .emojionearea-editor{min-height:45px}
.each-chat{display:block;padding:10px 15px}
.each-chat .chat-content{position:relative;max-width:600px}
.each-chat .chat-content .chat-avatar{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:100px;background-size:cover;background-position:center}
.each-chat .chat-content .chat-message{margin-left:15px;padding:15px;background:var(--secondary-lighter-gray);border-radius:20px;margin-top:15px}
.each-chat .chat-content.float-right .chat-message{border-top-right-radius:0!important}
.each-chat .chat-content.float-left .chat-message{border-top-left-radius:0!important}
.each-chat .chat-right .chat-message{background:var(--secondary-white);margin-left:0;margin-right:15px}
.each-chat .chat-right .chat-avatar{left:auto;right:0}
.chat-time{color:grey;font-size:10px}
.chat-editor .float-left{width:calc(100% - 50px);position:relative}
.chat-wrapper{width:100%;height:calc(var(--vh) - 70px)}
.chat-list{width:100%;height:calc(var(--vh) - 260px);overflow:auto;overflow-x:hidden}
.chat-list.support{height:calc(var(--vh) - 120px)}

@media (max-width: 1150px) {
    #app-container .app-header .nav-left{left:30%}
}
@media (max-width: 1050px) {
    #app-container .app-header .nav-left{left:22%}
    .opened-menu .post-container .right{display:none}
    .opened-menu .post-container .middle{width:60%}
    .opened-menu .post-container .left{width:40%}
    #app-container .right-pane .inner-container .inner-right-pane{padding-left:0}
    .sub-menu-toggle{display:block!important;left:80px}
}
@media (max-width: 1000px) {
    .opened-menu .app-header .nav-left{display:none}
    #app-container .post-container .right{display:none}
    #app-container .post-container .middle{width:60%}
    #app-container .post-container .left{width:40%}
}
@media (max-width: 900px) {
    #app-container .app-header .nav-left{display:none}
    .post-container .left h6{display:none}
    .post-container .left .float-right{width:100%}
}
@media (max-width: 1200px) {
    .hide-mobile-lg{display:none}
}
@media (max-width: 767px) {
    .hide-mobile{display:none!important}

    #app-container .post-container .right{display:none;width:100%;overflow:hidden;overflow-x:hidden}
    #app-container .post-container .middle{width:100%;overflow:auto}
    #app-container .post-container .left{width:100%;display:none}
    .post-container .post-botton-container{position:relative;bottom:50px}
    .post-container .left h6{display:block}
    .post-container .left .float-right{width:auto}
    #horizontal-menu .actions-pane ul li .search-form{display:none}
    .grid-container .each-container{width:33.3%}
    .table-head{display:none}
    .table-body .each{width:100%!important}
    .table-body .each .left{float:left;width:50%;display:block}
    .table-body .each .right{float:left;width:50%;text-align:right}
}
@media (max-width: 400px) {
    #horizontal-menu .menu-container .menu-item{font-size:11px!important}
    #horizontal-menu .menu-container .menu-item:first-child{padding-right:5px}
    #horizontal-menu .menu-container{height:auto}
}
@media (max-width: 1200px) {
    .grid-container .each-container{width:50%!important}
}
@media (max-width: 600px) {
    .hide-mobile-sm{display:none!important}
    .grid-container .each-container{width:100%!important}
    #horizontal-menu .actions-pane ul{padding:5px}
}
@media (max-width: 767px) {
    .side-menu{padding:10px}
    .post-selected-media .each span,.product-selected-media .each span{display:block!important}
}

/* filemanager*/
#upload-progress{display:none}
#upload-progress .progress{border-radius:0;height:4px;font-size:0!important}
#upload-progress .progress .progress-bar{ font-size:0!important}
.progress-bar{background:var(--gradient-primary);}
.uploads-files-container{width:100%; height: calc(var(--vh) - 146px); cursor: pointer}
.uploads-files-container .item-pane { overflow: hidden !important;}
.uploads-files-container .item-pane.selected{border:solid 2px var(--primary-pink)!important}
.uploads-files-container .item{width:12.5%;height:160px;float:left;padding:0 2px;margin-bottom:5px}
.modal .uploads-files-container .item{height:110px}
.modal .uploads-files-container {height: calc(var(--vh) - 350px);}
.uploads-files-container .item-pane{width:100%;height:100%;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;border:solid 3px var(--secondary-white);background-position:center;background-color:var(--secondary-off-white);-webkit-background-size:cover;background-size:cover;position:relative;border-radius:3px; display: inline-block}
.uploads-files-container .item-pane.selected .the-content{display:block!important}
.uploads-files-container .the-content{position:absolute;bottom:0}
.uploads-files-container .item-pane video{position:absolute;top:50%;left:50%;width:auto;height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.post-container .left .uploads-files-container .item .folder-content{font-size:9px!important;height:80%;margin:5px;border-width:1px}
.post-container .left .uploads-files-container .item .folder-content img{width:28px;height:28px;margin-bottom:5px}
.modal div#filemanager-container .content{height:calc(var(--vh) - 290px);overflow:auto;padding:0 5px}
#filemanager-container .right-pane .content{padding:0}
div#imageVariantModal a.btn.btn-light{display:none}
div#post-left-pane .content.scroll-paginate{padding:0!important;margin:3px}
div#post-left-pane .folder-wrap,div#post-left-pane .file-wrap{margin-top:10px!important}
div#post-left-pane .folder-wrap img,div#post-left-pane .file-wrap img{max-width:35px!important}
div#post-left-pane .badge,div#post-left-pane .item-pane .the-content,div#post-left-pane .filemanager-search,#filemanager-filesDisplay .badge,#filemanager-filesDisplay .item-pane .the-content{display:none!important}
div#post-left-pane .filemanager-head .col{padding:0}
.uploads-files-container .item + .filemanager-empty{display:none}
div#filemanager-filesDisplay .multiple-file-body .multiple-file-display{display:inline-block!important}
div#selectedImagesDisplay .item,div#multiple-file-list .item{margin:4px;border:1px #DDD solid}
div#selectedImagesDisplay div{background-size:contain;background-repeat:no-repeat;background-color:var(--secondary-white)}
#multiple-file-list.post-selected-media .each:nth-child(1),#product .product-selected-media .each:nth-child(1),.previewGallery .active{border:2px var(--primary-pink) solid!important}
div#multiple-file-list{max-height:inherit;height:auto;overflow:auto}
#multiple-file-list .item{background-size:contain;background-repeat:no-repeat;background-color:var(--secondary-white)}
#product .post-selected-media.clearfix,#product .product-selected-media.clearfix{margin-bottom:10px}
.post-container .left .uploads-files-container .item{width:33%;height:90px}
.multiple-file-body .uploads-files-container .item{height:80px;width:16.5%}
.multiple-file-body .uploads-files-container .folder-wrap{margin-top:8px!important}
#images-library .modal-dialog { max-width: 1000px !important; }

.dz-preview {
    display: none;
}
@media (min-width: 1300px) {
    .main-file-container .each-file-pane i{font-size:80px!important}
}
@media (max-width: 1024px) and (min-width: 768px) {
    .main-file-container .each-file-pane i{font-size:60px!important}
}
@media (min-width: 1800px) {
    .uploads-files-container .item{height:200px}
}
@media (min-width: 2500px) {
    .uploads-files-container .item{height:350px}
}
@media (min-width: 3500px) {
    .uploads-files-container .item{height:450px}
}
@media (max-width: 1300px) {
    .uploads-files-container .item{width:12.5%;height:120px}
}
@media (max-width: 1024px) {
    .uploads-files-container .item{width:20%;height:140px}
    .modal .uploads-files-container .item{height:130px}
    .multiple-file-body .uploads-files-container .item{width:25%;height:90px}
    .multiple-file-body .uploads-files-container .folder-wrap{margin-top:5px!important}
}
@media (max-width: 767px) {
    .post-container .left .uploads-files-container .item{width:25%;height:120px}
    .multiple-file-body .uploads-files-container .folder-wrap{margin-top:0!important}
}
@media (max-width: 768px) {
    .uploads-files-container .item{width:25%;height:130px}
    .modal .uploads-files-container .item{height:100px}
    .multiple-file-body .uploads-files-container .item{width:33.333%;height:80px}
}
@media (max-width: 468px) {
    .uploads-files-container .item{width:33.333%;height:100px}
    .modal .uploads-files-container .item{height:80px}
    .multiple-file-body .uploads-files-container .item{width:50%}
}
@media (max-width: 600px) {
    .post-container .left .uploads-files-container .item{width:25%;height:90px}
}
@media (max-width: 400px) {
    .post-container .left .uploads-files-container .item{width:33.333%;height:90px}
}

/* menu Builder */
#menubuilder li,#menuBuilderMail li{padding:10px}
div#menuBuilderMailList .message-element{display:none;margin:0}
div#menuBuilderMailList .message-element.activeM{display:block!important}
#menuBuilderMailList .message-element{border:0!important;cursor:auto!important}
#menuBuilderMail li{width:100%}
#menubuilder li a,#menuBuilderMail li a{cursor:pointer;color:var(--secondary-darker-gray)}
#menubuilder li a.active,#menuBuilderMail li a.active{color:var(--primary-pink)!important}
div#menuBuilder .elements li { padding: 0;}

/*select ss-main*/
.ss-main{position:relative;display:inline-block;user-select:none;color:var(--secondary-very-dark-gray);width:100%}
.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:40px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:var(--secondary-white);outline:0;box-sizing:border-box;transition:background-color .2s}
.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}
.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}
.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}
.ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-main .ss-single-selected .placeholder *{width:auto}
.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}
.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}
.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}
.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}
.ss-main .ss-single-selected .ss-arrow span{border:solid var(--secondary-darker-gray);border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}
.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}
.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}
.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:var(--secondary-white);outline:0;box-sizing:border-box;transition:background-color .2s}
.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:var(--secondary-darker-gray)}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}
.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}
.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}
.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}
.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes scaleIn {
    0%{transform:scale(0);opacity:0}
    to{transform:scale(1);opacity:1}
}
@keyframes scaleOut {
    0%{transform:scale(1);opacity:1}
    to{transform:scale(0);opacity:0}
}
.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:var(--secondary-white);background-color:var(--primary-pink);border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}
.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}
.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:var(--secondary-darker-gray);position:relative;height:10px;width:2px;transition:transform .2s}
.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:var(--secondary-darker-gray);content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}
.ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:var(--secondary-white);transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}
.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}
.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}
.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}
.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:var(--secondary-white);outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}
.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}
.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--primary-pink)}
.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}
.ss-content .ss-addable{padding-top:0}
.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}
.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}
.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}
.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:var(--secondary-white);background-color:var(--primary-pink)}
.ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}
.ss-content .ss-list .ss-option *{display:inline-block}
.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover{color:var(--secondary-white);background-color:var(--primary-pink)}
.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:var(--secondary-white)}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:var(--secondary-darker-gray);background-color:rgba(88,151,251,.1)}
.ss-content .ss-list .ss-option.ss-hide{display:none}
.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--secondary-white)}

/*emojionearea*/
.emojionearea .emojionearea-editor{text-align:left!important}
.emojionearea.focused{border-color:var(--primary-pink);moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.emojionearea .emojionearea-editor{text-align:left!important}
.emojionearea &gt; .emojionearea-editor{height:150px;width:100%}
.emojionearea,.emojionearea.form-control{box-shadow:none!important; position:static!important}
.emojionearea-button{margin:0!important}

/*productPreview*/
#productPreview .previewImage{margin:0 auto;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain}
#productPreview .previewImage img{opacity:0;width:100%}
#productPreview .previewGallery{width:100%;display:inline-block;list-style:none;padding:0;overflow-x:auto;white-space:nowrap;margin-bottom:0}
#productPreview .previewGallery li{width:100px;display:inline-block;background-size:contain;background-color:var(--secondary-white);background-repeat:no-repeat;border:1px #DDD solid;margin:0 10px 0 0;cursor:pointer;background-position:center}
#productPreview .previewGallery li img{width:100%}
#productPreview .previewShortDescription{max-width:100%;display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#productPreview del.previewSale{color:var(--secondary-dark-gray);font-size:14px;vertical-align:top;margin:0 5px}
#productPreview .previewSku,#productPreview .previewCategory,#productPreview .previewBrand,#productPreview .previewTitle{word-break:break-word}

/*domain search*/
.domainPrice{border:1px var(--border-light-gray) solid}
.domainPrice a{color:var(--primary-pink)!important}
.widget-search .search-button i{font-size:20px;line-height:32px;color:#37475f}
div#domainSearchBox input[name="val[domainSearch]"]{height:52px;border-radius:5px;border:var(--border-light-gray) 1px solid;margin-bottom:30px}

/*-webkit-scrollbar*/
::-webkit-scrollbar{height:4px;width:4px; border-radius: 2px}
::-webkit-scrollbar-thumb{background: #b4b4b4;  border-radius: 2px}

/* dashboard widgets*/
.welcome-head i{font-size:50px}
.welcome-head{margin:0;padding:10px;text-align:left}
.welcome-head h6 i{vertical-align:middle;font-size:30px;margin:10px}
.welcome-head h6{border-bottom:1px #DDD solid}
.dashboard-alerts a{color:inherit;font-weight:700;text-decoration:underline!important}
.widget-head{height:45px;width:100%;display:block;}
.widget-body{height:250px;width:100%;display:block;overflow-x:hidden;overflow-y:auto;padding:0 5px}
#widgets .save-element{position:fixed;bottom:0;right:0;padding:10px 20px; z-index: 111}
.widget-list:checked ~ i, .widget-list:checked + div i{color:var(--primary-pink)!important}
.html.dark-mode .widget-list:checked + div.border, .widget-list:checked + div.border {border-color:var(--primary-pink)!important}
.widget-list:checked + div hr {border-top-color:var(--primary-pink)!important}
@keyframes rotate {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.rotate-animation{display:inline-block;animation:rotate 2s linear infinite}
@keyframes shake {
    0%{transform:translateX(0)}
    25%{transform:translateX(-5px) rotate(-1deg)}
    50%{transform:translateX(0) rotate(0)}
    75%{transform:translateX(5px) rotate(1deg)}
    100%{transform:translateX(0)}
}
.shake{animation:shake .7s ease-in-out infinite}
.shake a{cursor:all-scroll}

/*trumbowyg icons*/
.trumbowyg-box,.trumbowyg-editor{overflow-x:hidden}
.trumbowyg-box button { color: var(--secondary-black)}
.trumbowyg-editor a, .trumbowyg-editor div, .post-content a, .post-content div {
    font-size: inherit !important;
}
.trumbowyg-button-group svg,.trumbowyg-button-group.trumbowyg-right:after,.trumbowyg-dropdown button svg{display:none}.trumbowyg-undo-button::before{content:'undo'}.trumbowyg-redo-button::before{content:'redo'}.trumbowyg-formatting-button::before{content:'format_paragraph'}.trumbowyg-strong-button::before{content:'format_bold'}.trumbowyg-em-button::before{content:'format_italic'}.trumbowyg-underline-button::before{content:'format_underlined'}.trumbowyg-link-button::before{content:'link'}.trumbowyg-justifyLeft-button::before{content:'format_align_left'}.trumbowyg-justifyCenter-button::before{content:'format_align_center'}.trumbowyg-justifyRight-button::before{content:'format_align_right'}.trumbowyg-justifyFull-button::before{content:'format_align_justify'}.trumbowyg-unorderedList-button::before{content:'format_list_bulleted'}.trumbowyg-orderedList-button::before{content:'format_list_numbered'}.trumbowyg-horizontalRule-button::before{content:'horizontal_rule'}.trumbowyg-imageModal-button::before{content:'image'}.trumbowyg-blockSections-button::before{content:'tab_inactive'}.trumbowyg-viewHTML-button::before{content:'code'}
.trumbowyg-fullscreen-button::before{content:'fullscreen'}
.trumbowyg-halfscreen .trumbowyg-fullscreen-button::before{content:'close'}
.trumbowyg-p-dropdown-button::before{content:'format_paragraph'}.trumbowyg-blockquote-dropdown-button::before{content:'format_quote'}.trumbowyg-h1-dropdown-button::before{content:'format_h1'}.trumbowyg-h2-dropdown-button::before{content:'format_h2'}.trumbowyg-h3-dropdown-button::before{content:'format_h3'}.trumbowyg-h4-dropdown-button::before{content:'format_h4'}.trumbowyg-createLink-dropdown-button::before{content:'add_link'}.trumbowyg-unlink-dropdown-button::before{content:'link_off'}
.trumbowyg-fontsize-button::before{content:'format_size'}
.trumbowyg-foreColor-button::before{content:'colors'}
.trumbowyg-fontfamily-button { font-size: 0 !important;}
.trumbowyg-fontfamily-button::before {content: 'match_case'; font-size: 28px !important;}
.trumbowyg-button-pane button { width: 31px}

/*trumbowyg-dropdown*/
.trumbowyg-dropdown button::before{margin-right:10px}
.trumbowyg-dropdown button{font-size:12px}
.trumbowyg-dropdown{background:var(--secondary-white);border-radius:7px!important;box-shadow:none;border:1px #DDD solid;margin-top:5px;margin-left:-5px;padding:0!important}
.dark-mode .trumbowyg-dropdown{background:#1E2734!important}
.trumbowyg-dropdown.trumbowyg-dropdown-formatting button, .trumbowyg-dropdown.trumbowyg-dropdown-link button, .trumbowyg-dropdown.trumbowyg-dropdown-fontfamily button, .trumbowyg-dropdown.trumbowyg-dropdown-fontsize button{background:none!important}

/*trumbowyg-modal-box*/
.trumbowyg-box{border-radius:5px;margin:0}
.trumbowyg-button-pane{background:none!important}

.trumbowyg-modal-box{border-radius:15px;overflow:hidden;padding:20px}
.trumbowyg-modal-box .trumbowyg-modal-title{font-size:16px;text-align:left;padding:0;margin:0 0 20px;font-weight:400;background:none;border:0}
.trumbowyg-modal-box .trumbowyg-modal-button{position:unset;border-radius:15px;font-size:14px;line-height:normal;width:auto;height:auto;margin:10px 0 0 5px;float:right;padding:7px 14px}
.trumbowyg-modal-box span{border:0!important;background:none!important;color:var(--secondary-very-dark-gray)!important}
.trumbowyg-modal-box label{margin:10px 0}
.trumbowyg-modal-box label input{border-radius:8px;color:var(--secondary-very-dark-gray)!important}
.trumbowyg-modal-box label input[type="text"]{font-size:12px}
button.trumbowyg-modal-button.trumbowyg-modal-submit{background:var(--primary-pink)!important;color:var(--secondary-white)!important}
.trumbowyg-modal-box label input,.trumbowyg-modal-box label input:hover{border:1px solid #DEDEDE!important}
.trumbowyg-modal-box label input:focus{border:1px solid var(--primary-pink)!important}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{background:#DDD!important;color:var(--secondary-very-dark-gray)!important}
.dark-mode .trumbowyg-overlay{background-color:rgba(0,0,0,.1)}

/* trumbowyg visual-element */
.trumbowyg-editor .visual-element{width:100%;border-collapse:collapse}
.trumbowyg-editor .visual-element tbody{overflow:hidden}
.trumbowyg-editor .visual-element td{padding:0;vertical-align:top;word-break:break-word}
.trumbowyg-editor .visual-element td,.blockSections-list td{border:1px #DDD dashed}
.dark-mode .trumbowyg-editor .visual-element td,.dark-mode .blockSections-list td{border-color:#314056}
.trumbowyg-editor .visual-element.row-1 td{width:100%}
.trumbowyg-editor .visual-element.row-2 td{width:50%}
.trumbowyg-editor .visual-element.row-3 td{width:33.33%}
.trumbowyg-editor .visual-element{position:relative}
.trumbowyg-editor .visual-element .visual-settings{display:none}
.trumbowyg-editor .visual-element:hover .visual-settings{display:block;position:absolute;top:-10px;right:-10px;z-index:1;font-size:0}
.trumbowyg-editor .visual-element .visual-settings span{top:0;right:0;display:block;position:absolute;width:26px;height:26px;text-align:center;border-radius:50%;padding:4px;border:1px var(--secondary-medium-gray) solid;cursor:pointer;background:var(--secondary-white)}
.trumbowyg-editor .visual-element .td-edit{display:none}
.trumbowyg-editor .visual-element td .td-edit{display:none;position:absolute;background:var(--secondary-white);border:1px var(--secondary-medium-gray) solid;border-radius:50%;padding:1px;left:0;bottom:0;cursor:pointer;font-size:0!important;z-index:1;color:var(--secondary-very-dark-gray)}
.trumbowyg-editor .visual-element td:hover .td-edit{display:block}
.trumbowyg-editor .td-edit::before{font-size:16px;content:'edit'}
.trumbowyg-editor .visual-element:hover .visual-settings .visual-icon-s{right:30px}
.trumbowyg-editor .visual-element:hover .visual-settings .visual-icon-c{right:60px}
.trumbowyg-editor .visual-element .visual-settings .visual-icon-d:before{content:'delete';color:var(--secondary-very-dark-gray);font-size:16px}
.trumbowyg-editor .visual-element .visual-settings .visual-icon-s:before{content:'settings';color:var(--secondary-very-dark-gray);font-size:16px}
.trumbowyg-editor img{cursor:pointer}
.trumbowyg-editor .visual-element .col-md{padding:0}
.trumbowyg-editor .visual-element .border-radius-15px{overflow:hidden}
.trumbowyg-editor .visual-element, .trumbowyg-editor .visual-element tr {
    width: 100% !important;
}

#text-visualEditor-blockSections .visual-element, #text-visualEditor-blockSections .visual-element tbody { display: block; width: 100%}
#text-visualEditor-blockSections table.visual-element tr {display: flex;}

/*blockSections-list*/
.blockSections-list li:hover td{border-color:#AAA}
.dark-mode .blockSections-list li:hover td{border-color:#3c4e69}
.blockSections-list td{font-size:10px;height:75px;align-content:center;text-align:center}
.blockSections-list img {width: auto;height: 100%;max-height: 50px;}

/* text-visualEditor-image - modal */
#text-visualEditor-image input[type="checkbox"]:checked + label {color: var(--primary-pink);}

/* trumbowyg image*/
.trumbowyg-editor .image-wrapper{position:relative;list-style:none;padding:0;width:fit-content;margin:0 auto}
.trumbowyg-editor .image-wrapper.alt-display::after{content:attr(title);font-size:11px;display:inline-block;width:100%;padding:8px 10px;text-align:center}
/* trumbowyg section settings*/
.cross-container{display:flex;flex-direction:column;align-items:center;justify-content:center}
.row-middle{display:flex;align-items:center;justify-content:center}
.input-box{width:70px}

/* trumbowyg display */
.post-content .visual-settings {display: none !important;}
.post-content .img-zoom-in{cursor:zoom-in}
.post-content .visual-element {width: 100% !important;}
.post-content .visual-element .row{width:100% !important;margin:0}
.post-content .visual-element .col-md{padding:0; width: inherit !important;}
.post-content .visual-element .d-block { overflow: hidden}

@media only screen and (max-width: 767px) {
    .post-content .visual-element .col-md {
        padding: 0 !important;
    }
}

.post-content ul.image-wrapper img{width:100%}
.post-content ul.image-wrapper{position:relative;list-style:none;padding:0;width:fit-content;margin:0 auto}
.post-content ul.image-wrapper li{list-style:none}
.post-content .image-wrapper.alt-display::after{content:attr(title);font-size:11px;display:inline-block;width:100%;padding:8px 10px;text-align:center}

/* trumbowyg-halfscreen */
.trumbowyg-halfscreen{width:60%!important;height:calc(100% - 40px)!important;top:20px;left:20%;position:fixed;z-index:10001;background:var(--secondary-white);box-shadow:0 4px 15px rgba(0,0,0,0.3);border-radius:15px}
.trumbowyg-halfscreen .trumbowyg-editor{height:calc(var(--vh) - 90px)!important}
.trumbowyg-halfscreen-body{overflow:hidden}
.trumbowyg-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000}
.dark-mode .trumbowyg-halfscreen{background:#151b24}

/*post-quickPreview*/
.post-quickPreview .img-zoom-in { cursor: auto}
.post-quickPreview table.visual-element td img{max-width: 100%}
.post-quickPreview table.visual-element {display: inline-block}
.post-quickPreview table.visual-element tbody {width: 100% !important;display: inline-block !important;overflow: hidden;}
.post-quickPreview table.visual-element tr {width: 100%;display: flex;}


.post-quickPreview .post-content .visual-element.row-1 .col-md{width:100%}
.post-quickPreview .post-content .visual-element.row-2 .col-md{width:50%}
.post-quickPreview .post-content .visual-element.row-3 .col-md{width:33.33%}

@media only screen and (max-width: 767px) {
    .post-quickPreview table.visual-element tr {display: inline-block}
    .post-quickPreview table.visual-element td {
        display: block;
        padding: 0 !important;
    }
}

/* mfa */
.code-input { border-radius: 15px; background: var(--secondary-light-gray-2) !important; border: 1px var(--secondary-medium-gray) solid; width: 60px; height: 60px; display: inline-block; font-size: 30px; text-align: center; margin: 3px}
.codes-mini .code-input { width: 40px; height: 40px; font-size: 20px; border-radius: 10px; }
.mfa-button { padding: 10px; border-radius: 15px; text-align: left; background: var(--secondary-white)}
.mfa-button:hover { padding: 10px; border-radius: 15px; text-align: left; background: #f2f2f2}

/* payments */
div#pay-status svg{width:90px;margin:25px 0}
.payments-icons .col{padding:0!important;background-position:center}
form#stripe-payment{background:var(--secondary-white)!important;padding:20px 10px;margin-bottom:15px}
div#stripe-payment .row{margin:0}
div#stripe-payment .col{padding:0 10px}
#stripe-payment label{position:relative;color:var(--text-light-blue-gray);font-size:12px}
#stripe-payment label &gt; span.brand{width:30px}
#stripe-payment .field{background:#f6f8fa;border:1px #eceef3 solid;border-radius:10px;margin:5px 0;font-weight:300;outline:none;flex:1;padding-right:10px;padding-left:10px;cursor:text}
#stripe-payment .field::-webkit-input-placeholder{color:var(--text-placeholder)}
#stripe-payment .field::-moz-placeholder{color:var(--text-placeholder)}
#cards-display .card-col{padding:0}
#cards-display .card-col svg, .card-brand svg{border-radius: 50%}
#cards-display .card-col div,#cards-display .card-col span{line-height:28px}
#cards-display .card-col span{font-size:12px}
#stripe-payment{max-width:430px;margin:30px auto}

/* Button Styles */
.btn{border-radius:20px!important;transition:none!important}
.btn-round{border-radius:50%!important}
.btn-status{font-size:10px!important;border-radius:4px!important;padding:2px 6px;cursor:auto;line-height:initial!important}
.btn-status.btn-light{border:1px var(--secondary-medium-gray) solid!important;background:#f1f1f1!important}
.btn-status.btn-success{background:var(--primary-green)!important}
button.btn.mt-3.btn-primary.active{background:var(--primary-pink)!important;border-color:var(--primary-pink)!important}

/* Pricing Card Styles */
.single-pricing-pack .card-header { background: none !important; }
.card.single-pricing-pack{transition:.2s;box-shadow:0 0 0 1px #ddd;border:none;border-top:4px solid transparent !important;z-index:2;border-radius:30px!important}
.card.single-pricing-pack:hover{transform:translate(0,-5px);border-top:4px solid var(--primary-pink) !important;}
.card.popular-price{transform:translate(0,-5px);border-top:4px solid var(--primary-pink)!important}

.pricing-value.card-footer{border-color:#ddd;background:0 0}
.pricing-value.card-footer::after{-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;top:50%;right:2.875rem;display:block;content:"\e628";font-size:1.375rem;font-family:themify}
.pricing-value.card-footer:hover::after{right:1.875rem;color:inherit}
.pricing-value .card-price{font-size:2.5rem;font-weight:500}
a.pricing-value{text-decoration:none;color:var(--text-medium-gray)}
.single-pricing-pack .card-body{color:var(--text-blue-gray)!important;flex:1 1 auto;padding:1.5rem}
.plans .card-body li, .plans .card-body a {
    color: var(--text-blue-gray) !important;
    font-size: 15px !important;
    line-height: 32px;
}

.single-pricing-pack .card-body h5 a {
    font-size: 20px !important; line-height: inherit;}
/* Pricing Header and Image Styles */
.pricing-listing{position:relative;}
.pricing-listing::after{content:"";display:block;width:80%;position:absolute;bottom:0;left:50%;margin-left:-40%;height:1px;background:radial-gradient(at center center,#dee4ef 0,rgba(255,255,255,0) 75%)}
.pricing-img{width:120px;height:120px;border-radius:50%;display:inline-block;position:relative;line-height:120px;margin:0 auto}

/* Package Price Styles */
.package-price{font-size:50px!important;text-align:center; display:inline-block}
.package-price{background: var(--gradient-icons-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color: var(--primary-blue)}
.dark-mode .package-price{background: var(--gradient-instagram);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color: var(--primary-pink)}

.package-price .symbol{font-size: 30px; vertical-align: top}
.price-time{font-size:18px!important;padding:10px 0}
.price-display {
    height: 120px;
    margin: 20px 0 10px;
}
.monthly-plans .price-display { height: 70px}

/* Feature Tabs Styles */
.feature-tabs li{margin:0 15px;position:relative}
.feature-tabs li a{border:none!important;padding:0 0 6px}
.feature-tabs li a,.feature-tabs li a.active{background:0 0!important}
.feature-tabs li a h6{font-size:16px;line-height:21px;font-weight:600}
.feature-tabs li a:before{position:absolute;content:"";width:50%;background:rgba(0,0,0,0.2);-webkit-transition:.7s cubic-bezier(0.19,1,0.22,1);transition:.7s cubic-bezier(0.19,1,0.22,1);height:2px;bottom:0}
.feature-tabs li a.active:before{width:100%;background:var(--primary-pink)}
.feature-tabs-wrap.pricing-container ul{padding:0}

/* More Info Tooltip Styles */
.more-info{display:none;position:absolute;z-index:1;background:var(--secondary-white);border-radius:0 5px 5px 5px;border:1px solid #ddd;max-width:200px;padding:10px;width:90vh;font-weight:400;line-height:17px;font-size:12px!important;left:6px;font-family:Montserrat,sans-serif}
.show-more:hover .more-info{display:block;box-shadow:6px 6px 10px rgba(31,45,61,0.125)!important}
.show-more{position:relative}

/* List and Icon Styles */
.icon-box-left,.list-unstyled.text-sm.mb-4.pricing-feature-list li{text-align:left}
ul.list-unstyled.text-sm.mb-4.pricing-feature-list i{margin-right:6px}

/* Menu Styles */
ul.menu.clearfix.text-center li{padding:10px;border:1px solid var(--secondary-dark-gray);border-radius:20px;min-width:120px;margin:0 5px 25px}
ul.menu.clearfix.text-center li.active{background:var(--primary-pink);color:var(--secondary-white)!important;border:1px solid var(--primary-pink)}

/* Miscellaneous Styles */
b,strong{font-weight:600!important}
.feature-tabs-center,.single-blog-card{margin-bottom:25px}
.pricing-container a{color:var(--primary-dark-blue)}
.free-package li{color:var(--text-blue-gray)}

/* modal */
.modal .close{text-shadow:none!important}
.modal-header, .modal-footer {padding:15px !important;}
.modal-body {padding:15px 30px;}
.side-modal .modal-footer{margin-top:10px;border-top:1px var(--secondary-light-gray-2) solid}
.modal-header{background:none!important;border:0;padding-bottom:5px}
.modal-header h5{font-weight:400;font-size:20px}
.modal-header{background:var(--secondary-lighter-gray)}
.modal-header .modal-title{font-size:1rem!important}
.modal-content{border-radius:15px}
.close{opacity:.7;position:absolute;top:10px;right:16px}
.alert-dismissible .close{padding:5px 7px}
.side-modal{padding:0!important;right:0!important;left:inherit}
.side-modal .modal-dialog{right:0;margin:0!important;padding:15px!important;position:absolute;top:0;width:100%;max-width:600px}
.modal-header,.modal-content{border:0!important}
.modal-footer {
    border: 0;
}
.side-modal .modal-body{height:calc(var(--vh) - 175px);overflow:auto;margin-right:15px}
.side-modal .modal-content{min-height:calc(var(--vh) - 30px)!important; height:calc(var(--vh) - 30px)!important}


.slim-modal .modal-dialog .modal-content {
    max-width: 450px;
    margin: 0 auto;
}
.slim-modal .modal-header{margin-bottom:5px}
.slim-modal .modal-content{overflow:hidden!important;min-height:calc(var(--vh) - 60px)!important;background:var(--secondary-white)!important}

@media (min-width: 576px) {
    .modal-dialog{max-width:600px}
}
@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px
    }
    .modal-xl { max-width: 1140px; width: 90% }
}
.modal-backdrop{opacity:.5;background:var(--secondary-black);width:100%;height:100%;top:0;position:fixed; transition:none!important;-webkit-transition:none!important;-o-transition:none!important}
.modal-backdrop ~ .modal-backdrop{display:none}
.modal-backdrop{opacity:.5}

/* code display */
.code-display{padding:10px 20px}
span.hljs-attr{color:var(--secondary-very-dark-gray)}
.dark-mode span.hljs-attr{color:var(--secondary-white)}
span.hljs-number, #codeExport .hljs-attr {color: var(--primary-pink)}
span.hljs-string{color: var(--primary-green)}

/* pricing special-input-number */
.special-input-number input,.special-input-number button{border:1px solid var(--secondary-medium-gray);border-radius:5px;box-sizing:border-box;margin:0;outline:none;padding:10px}
.special-input-number input[type="button"]{-webkit-appearance:button;cursor:pointer}
.special-input-number input::-webkit-outer-spin-button,.special-input-number input::-webkit-inner-spin-button{-webkit-appearance:none}
.special-input-number .input-group{width:100%;margin:0 auto 10px;position:relative;text-align:center;display:block}
.special-input-number .input-group button{background-color:var(--secondary-white);min-width:38px;width:auto;vertical-align:top;cursor:pointer}
.special-input-number .input-group button:hover{background-color:var(--secondary-light-gray-2)}
.special-input-number .input-group button svg{display:initial;padding:2px 0}
.input-group .button-minus,.input-group .button-plus{font-weight:700;height:38px;padding:0;width:38px;position:relative}
.special-input-number .input-group .quantity-field{position:relative;height:38px;text-align:center;width:62px;display:inline-block;font-size:13px;resize:vertical}

/* input range */
input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;cursor:pointer}
input[type=range]:focus{outline:0}
input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--secondary-medium-gray);background-color:var(--secondary-light-gray-2);border-radius:.5rem;height:.5rem}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:var(--primary-pink);height:1rem;width:1rem;border-radius:50%}
input[type=range]::-moz-range-track{border:1px solid var(--secondary-medium-gray);background-color:var(--secondary-light-gray-2);border-radius:.5rem;height:.5rem}
input[type=range]::-moz-range-thumb{border:none;background-color:var(--primary-pink);height:1rem;width:1rem;border-radius:50%}

/* email create */
.form-email input, .form-email label {text-align:center!important; display:inline-block;border:none;width:fit-content;}
.form-email input{ height: 38px; padding: 10px; background: none}
.form-email label{height: 30px; padding: 10px}
.form-email{display:inline-block!important;height:40px;padding:0}

.form-email span{border-left:1px #dcdee2 solid}

/* color palette */
.app .sp-dd,.app .sp-palette-container{display:none}
.app .sp-replacer.sp-light{padding:0;border:1px var(--secondary-medium-gray) solid;border-radius:50%!important;height:25px;width:25px; margin: 0}
.app .sp-preview-inner{height:25px;width:25px}
.sp-container{border:none}
.sp-palette-container{border:0!important}
.sp-picker-container{border:none!important}
.sp-container button{border:0!important}
.sp-button-container.sp-cf{margin-top:10px}
a.sp-cancel,button.sp-choose{background:var(--secondary-dark-gray);padding:6.5px 15px;border-radius:20px;color:var(--secondary-white)!important;font-size:12px;line-height:15px}
a.sp-cancel:hover{color:var(--secondary-white)!important}
.nav-template.active{color:var(--primary-pink)!important}
button.sp-choose{background:var(--primary-pink)!important;text-shadow:none!important}
input.sp-input{border:1px #999 solid}
.app .sp-preview{margin:0;width:25px;height:25px;border:none;top:-1px;left:-1px}

/* z-index */
#bp_container { z-index: 111111111 !important;}
.sp-container { z-index: 1111111111 !important;}
.modal-backdrop{z-index:111111}
.z-1{z-index:1}
.z-11{z-index:11}
.z-111{z-index:111}
.z-index-1 { z-index: 1 !important;}
.z-index-11 {z-index: 11 !important;}
.z-index-111 {z-index: 111 !important;}
.z-index-11.show {z-index: 111 !important;}
.z-index-111.show {z-index: 1111 !important;}
.modal { z-index: 111111111; overflow-y: auto}
.tippy-popper { z-index: 11111111111 !important;}
div#datepickers-container{z-index:1111111111}

/*bobbing*/
@keyframes bobbing {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}
.bobbing-element{animation:bobbing 2s infinite}

/* Forms */
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff0;border:none}
#app-container label { font-weight: 600; }
.custom-control-label { padding-top: 3px; }
.short-form-600 { max-width: 600px; }
.short-form { max-width: 500px; }
.input-select-custom .selectize-input.full,
.input-select-custom .selectize-input.not-full { background: 0 0 !important; }
.input-select-custom .selectize-input { box-shadow: none; }
.search-form .btn { background: none !important; position: absolute; top: 0; right: 0; border: 0 !important; padding: 7px; }
.form-control{border-radius:5px!important;border:1px solid #dcdee2!important;transition:none!important}
input.form-control{height:40px;font-size:13px}
textarea.form-control{font-size:13px}
select.form-control{height:40px;font-size:13px}
.form-control:focus{border-color:var(--primary-pink)!important}
.form-control.border-0 {border: 0 !important;}
/* Selectors */
.selector { position: relative;}
.selector i { display: block; width: 10px; height: 10px; position: absolute; top: 10px; right: 15px; }
.selector input[type=radio]:checked + i { color: var(--primary-pink) !important; border-color: var(--primary-pink) !important; }
.selector input[type=radio]:checked + i + div { color: var(--primary-pink) !important; }

.selector.selector-rounded select { height: 35px !important; border-radius: 20px !important; }
.selector.selector-rounded i { top: 8px; right: 15px;  }
.selector select { padding-right: 30px}

/* Searcher */
.searcher .input-group-append { position: absolute; right: 3px; z-index: 111; }
.searcher .form-control{ height: 35px !important; border-radius: 20px !important; }
.searcher .btn { background: none; border: 0; color: #333 !important;}

/* Colors and Backgrounds */
.colored, .side-menu .active span, .nav-speed.active, .display-5.colored { color: var(--primary-pink) !important; }
.pane-bg { background: var(--secondary-lighter-gray); border-radius: 5px; padding: 20px; }
.gdpr-container { position: fixed; bottom: 40px; left: 5%; border-radius: 15px; padding: 10px; max-width: 400px; width: 90%; z-index: 999999; display: none; }
.text-muted { font-size: 10px !important; }

/* Buttons */
.btn-white { background: var(--secondary-white); border-radius: 4px; border: solid 1px #7d7d7d; }
.btn-filters { font-size: 12px !important; padding: 3px 10px; border: 1px #DDD solid; margin: 5px; display: inline-block; text-align: left; }
.btn.status { border-radius: 20px; padding: 2px 10px; font-size: 9px !important; color: var(--secondary-white); }
.btn.focus, .btn:focus { outline: 0; box-shadow: none; }

/* Pagination */
.pagination { margin: 40px 0}
.pagination a, .pagination span { height: 36px; min-width: 36px; text-align: center; font-size: 15px !important;}
.pagination a.page-link, .pagination a.page-link i { color: var(--primary-pink)}
.pagination .disabled.page-item a.page-link, .pagination .disabled.page-item a.page-link i { color: var(--text-medium-gray)}
.pagination .page-item.active .page-link { color: var(--secondary-white) !important; }
.page-link:focus { box-shadow: none !important;}
/* Navigation and Menus */
.menu-item-span { color: var(--secondary-black); font-weight: bolder; padding-left: 0; }
.nav-pills .nav-link.active, .nav-pills .show &gt; .nav-link { color: var(--social-twitter); background-color: #dae0e5; }
.nav-pills .nav-link { border-radius: .25rem; border: 1px #DDD solid; color: var(--secondary-darker-gray); margin: 5px 3px; padding: 5px 10px; }
#NaviTab .nav-link { margin: 0 10px 10px 0; border-radius: 10px; padding: 7px; }

/* Text and Containers */
.text-container { width: calc(100% - 113px); display: inline-block; }
.preview .text-container-template2 div { width: 100%; height: 10px; background: var(--secondary-light-gray-2); margin-bottom: 5px; }
.preview .text-container-template2 { padding: 5px 20px; overflow: hidden; }
#prev-content { overflow: hidden; padding: 10px 15px 0; white-space: break-spaces; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; }

/* Miscellaneous */
.alert-icon { float: right; font-size: 22px; cursor: pointer; }
.categoriesBox li { list-style: none; }
div.categoriesBox { margin-bottom: 0; max-height: 200px; padding-left: 15px; overflow: auto; }
div.categoriesBox ul { padding-left: 15px; margin-bottom: 0; }

/* Responsive Design */
@media only screen and (min-width: 767px) {
    .border-md-left { border-left: 1px solid var(--border-light-gray) !important; }
    .border-md-right { border-right: 1px solid var(--border-light-gray) !important; }
}

@media only screen and (max-width: 600px) {
    .max-sm-w-150 { max-width: 150px; display: -webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; -webkit-line-clamp: 1; }
}

/* Hover Effects */
div.hover-border-colored:hover { border: 1px solid var(--primary-pink) !important; }
.border-hover:hover { border: 1px var(--secondary-medium-gray) solid; }
.border-dashed:hover { border-color: var(--secondary-dark-gray); }

/* Radio Buttons and Checkboxes */
.radio-button input[type=radio]:checked + label { background: var(--primary-pink) !important; border-color: var(--primary-pink) !important; }
input[type="checkbox"]:checked + label + .float-right .custom-control { display: inline-block !important; }

/* Text and Icon Colors */
.text-danger i, i.text-danger { color: var(--primary-red) !important; }
.text-warning i, i.text-warning { color: var(--primary-orange) !important; }
.text-success i, i.text-success { color: var(--primary-green) !important; }
.text-gray { color: var(--secondary-dark-gray); }
.text-white-important { color: var(--secondary-white) !important; }
.text-dark-important { color: var(--secondary-black) !important;}

/* badges */
.badge{font-size:10px!important;padding:2px 5px;border-radius:20px}
.dark-mode .badge-success,.badge-success {border:1px solid var(--badge-green)!important;color:var(--badge-green);background:var(--badge-light-green)}
.dark-mode .badge-warning,.badge-warning,.badge-audio {border:1px solid var(--badge-yellow)!important;color:var(--badge-yellow);background:var(--badge-light-yellow)}
.dark-mode .badge-primary,.badge-primary,.badge-image {border:1px solid var(--badge-blue)!important;color:var(--badge-blue);background:var(--badge-light-blue)}
.dark-mode .badge-danger,.badge-danger,.badge-video {border:1px solid var(--badge-red)!important;color:var(--badge-red);background:var(--badge-light-red)}
.dark-mode .badge-secondary,.badge-secondary,.badge-file {border:1px solid var(--secondary-dark-gray)!important;color:var(--secondary-darker-gray);background:var(--secondary-light-gray-2)}
.dark-mode .badge-info,.badge-info {border:1px solid var(--badge-info-blue)!important;color:var(--badge-info-blue)!important;background:var(--badge-light-info-blue)}
.dark-mode a.badge-info:hover,a.badge-info:hover {color:var(--badge-white)!important}
.dark-mode .badge-dark,.badge-dark {border:1px solid var(--badge-dark-gray)!important;color:var(--badge-dark-gray);background:var(--secondary-medium-gray)}

/* round button */
.btn-round-icon{font-size:18px;border:1px #DDD solid;width:30px;height:30px;line-height:20px;display:inline-block;text-align:center;align-content:center;border-radius:50%;vertical-align:middle;cursor:pointer}
.btn-round-icon.s-25x25{width:25px;height:25px}
.btn-round-icon.s-35x35{width:35px;height:35px}
.btn-round-icon i{font-size:18px}
.btn-round-icon.s-20x20 i{font-size:14px!important}

/* tagin */
.tagin-tag{border-radius:.25rem;color:#fff;border:0;padding:0 4px;display:inline-flex;align-items:center;height:24px;margin:2px;font-weight:300;background-color:#6c757d;transition:transform .1s}
input.tagin-input{min-width:220px!important;border:1px var(--secondary-dark-gray) dashed;padding:0 10px;border-radius:5px;margin:5px 0;width:100%!important;height:28px;color:var(--secondary-very-dark-gray)!important}
.tagin-wrapper.focus{box-shadow:none!important}
input.tagin-input::placeholder{color:var(--secondary-dark-gray)!important}

/* Custom Components */
.border-colored-hover:hover{border:1px var(--primary-pink) solid!important}
i#searchHide{position:absolute;top:5px;right:10px;cursor:pointer}
.calc-summary{max-width:400px;margin:0 0 0 auto}
.ma-icons-content_copy{cursor:pointer}
i.ma-icons-close{font-size:16px}
.del.ma-icons-close{position:absolute;z-index:1;background:#FFF;border-radius:50%;font-size:10px!important;padding:3px;cursor:pointer;border:1px #999 solid;color:#333;top:0;left:0}
.del.ma-icons-close.right-10{left:inherit}

.dynamic-upload{cursor:pointer; background-position: center}
.display-5{color:var(--secondary-very-dark-gray);font-size:1.25rem!important;font-weight:500}
i.ma-icons-keyboard_arrow_right.font-size-16{vertical-align:sub}
.seo-separators input[type="radio"]:checked + label{color:#FFF!important;border-color:var(--primary-pink)!important;background:var(--primary-pink)!important}
label.btn.btn-light{font-size:10px!important;border:1px #CCC solid;width:auto!important;padding:3px 10px!important}
.ma-icons-info{cursor:pointer}

</pre></body></html>