/* FONTS */


@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-Light'),*/url('../fonts/CerebriSans-Light.woff2') format('woff2'), url('../fonts/CerebriSans-Light.woff') format('woff'), url('../fonts/CerebriSans-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-Regular'),*/ url('../fonts/CerebriSans-Regular.woff2') format('woff2'), url('../fonts/CerebriSans-Regular.woff') format('woff'), url('../fonts/CerebriSans-Regular.ttf') format('truetype');
    font-weight: normal;        /* 400 */
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src:  url('../fonts/CerebriSans-Italic.ttf') format('truetype');
    font-weight: normal;        /* 400 */
    font-style: italic;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-Book'),*/ url('../fonts/CerebriSans-Book.woff2') format('woff2'), url('../fonts/CerebriSans-Book.woff') format('woff'), url('../fonts/CerebriSans-Book.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-Medium'),*/ url('../fonts/CerebriSans-Medium.woff2') format('woff2'), url('../fonts/CerebriSans-Medium.woff') format('woff'), url('../fonts/CerebriSans-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-SemiBold'),*/ url('../fonts/CerebriSans-SemiBold.woff2') format('woff2'), url('../fonts/CerebriSans-SemiBold.woff') format('woff'), url('../fonts/CerebriSans-SemiBold.ttf') format('truetype');
    font-weight: 700;       /* bold */
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-SemiBoldItalic'),*/ url('../fonts/CerebriSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/CerebriSans-SemiBoldItalic.woff') format('woff'),   url('../fonts/CerebriSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 700;       /* bold */
    font-style: italic;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: /*local('Cerebri Sans'), local('CerebriSans-Bold'),*/ url('../fonts/CerebriSans-Bold.woff2') format('woff2'), url('../fonts/CerebriSans-Bold.woff') format('woff'), url('../fonts/CerebriSans-Bold.ttf') format('truetype');
    font-weight: 800;      /*  extra bold */
    font-style: normal;
}


/* G L O B A L */

body{
    font-family: 'Merriweather', serif;
    text-align: left;
}

.row{
    margin-left: 0;
    margin-right: 0;
}

a{
    color:#25B393;
}

a:hover, a:focus{
    color: #239C81;
}

h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 800;
}

b, strong{
    font-weight: bold;
}

.btn, a.btn{
    border: 1px solid #DADADA;
    color: #292929;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;       /* semi bold */

    border-radius: 50px;
    padding: 9px 30px;

    transition: background-color .3s ease, color .3s ease, visibility .3s ease, border-color .3s ease;
}

.btn_big, a.btn_big{
    padding: 13px 35px;
    font-size: 16px;

}

.btn_small, a.btn_small {
    padding: 5px 15px;
    font-size: 12px;

}

.btn.btn_small.red{
    color:#EE4646;
}

.btn.btn_small.red:hover{
    background-color: #E8523E;
    border-color: #E8523E;
    color:#ffffff;
    box-shadow: none;
}


.btn.red.borderless:hover{
    color: #E8523E;
    background-color: yellow;
}

.btn.btn_xsmall, a.btn.btn_xsmall{
    padding: 3px 10px;
    font-size: 12px;
    border: 1px solid #DADADA;
}

.btn.btn_xxsmall, a.btn.btn_xxsmall{
    padding: 1px 2px;
    font-size: 12px;
    padding-top: 1px;
    border: 1px solid #DADADA;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled],  .btn.btn_xsmall:hover, a.btn.btn_xsmall:hover{
    background-color: #FFF;
    /*border-color: #25B393; green */
    border-color: #999999;
}


.btn.green{
    background-color: #25B393;
    border-color: #25B393;
}

.btn.green:hover, .btn.btn_small.green:hover{
    background-color: #239C81;
    border-color: #239C81;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.btn.green_border {
    /*
    border: solid 1px #DADADA;
    color: #25B393;
    */
    background-color: #ffffff;
    color: #292929;
    border: solid 1px #25B393;
}

.btn.green_border:hover {
    background: #25B393;
    color: #ffffff;
    border-color: #25B393;
}

.btn.red{
    background-color: #EE4646;
    border-color: #EE4646;
    color: #fff;
}

.btn.red:hover {
    /*background-color: #db4040;*/
    background-color: #e14141;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}

.btn.red_border {
    background-color: #fff;
    color: #292929;
    /*border: solid 1px #e74c3c;*/
    border: solid 1px #EE4646;

}

.btn.red_border:hover{
    background-color: #EE4646;
    color: #ffffff;
}

.btn.borderless, a.btn.borderless{
    border:none;
    background-color: transparent !important;
}

.btn.borderless:hover, a.btn.borderless:hover{
    text-decoration: underline;
    box-shadow: none;
}

.btn.green_txt, a.btn.green_txt, .btn.btn_small.green_txt{
    color: #25B393;
}

.btn.green_txt:hover, a.btn.green_txt:hover, .btn.btn_small.green_txt:hover{
    color: #239C81;
    background: none;
}



input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{

    border: 1px solid #cdcdcd;
    border-radius: 6px;
    height: 42px;

}

.ns-type-ask_desktop_notifications2{
    background-color: #32b593;
}

.ns-type-ask_desktop_notifications2 p a{
    padding: 0 5px;
}






footer{
    text-align: center;
    padding: 30px 0;
    border:none;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 13px;
}





.fetchurl .fetchurl-container{
    border-radius: 8px;
    align-items: stretch;
}

.fetchurl .fetchurl-container .fetchurl-content{
    padding: 18px 20px;
}

.fetchurl .fetchurl-container .fetchurl-image{
    border-radius: 0 7px 7px 0;
    object-fit: cover;
    height: auto;
}


.fetchurl .fetchurl-container .fetchurl-content .fetchurl-title{
    font-size: 19px;
    line-height: 22px;
    letter-spacing: -1px;
    color: #222;
    max-height: 44px;
    margin-bottom: 6px;
}


.fetchurl .fetchurl-container .fetchurl-content .fetchurl-description{
    font-family: 'Merriweather', serif;
    line-height: 20px;
    max-height: 46px;
    margin-bottom: 7px;
}

.fetchurl .fetchurl-container .fetchurl-content .fetchurl-sitename{
    font-size: 14px;
    line-height: 16px;
}

.fetchurl:hover .fetchurl-container{
    border-color: #30b593;
}

.fetchurl:hover .fetchurl-container .fetchurl-content .fetchurl-title{
    color: #30b593;
}

mark {
    background-color: #30b593;
}


/** MODAL STYLING **/

.modal-dialog {
    max-width: 600px;
}

.modal-content{
    border-radius: 20px;
    border:none;
    padding: 15px
}

.modal-header{
    border:none;
}

.modal-header .modal-title{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.modal-footer{
    border:none;
}

.modal-header .close{
    font-weight: 100;
    font-size: 32px;
    padding: 5px 10px;
    color: #777;
    transition: .3s ease;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus{
    opacity: 1;
    color: #333;
}

.message_row .content{
    text-align: center;
}



/* PUSH NOTIFICATIONS - green, low, left */
.push-notifications-wrapper{
    left: 100px;
    bottom: 50px;
}


.push-notifications-wrapper .ns-effect-scale a.pmsg{
    border-radius: 20px;
    background-color: #25B393;
    padding: 25px;
}

.push-notifications-wrapper .ns-effect-scale a.pmsg:hover{
    background-color: #239C81;
    background-color: #22a789;
}


.push-notifications-wrapper .ns-effect-scale .ns-close {
    right: 12px;
    top: 12px;
    width: 22px;
    height: 22px;
}

.push-notifications-wrapper .ns-close::before, .push-notifications-wrapper .ns-close::after {
    width: 2px;
    height: 73%;
    top: 50%;
    left: 50%;
    background: #20987D;

}
.push-notifications-wrapper .ns-effect-scale .ns-close::before, .push-notifications-wrapper .ns-effect-scale .ns-close::after {
    background: #1d8970;
    transition: background-color .3s ease;
}

.push-notifications-wrapper .ns-effect-scale .ns-close:hover::before, .push-notifications-wrapper .ns-effect-scale .ns-close:hover::after {
    background: #ffffff;
    background-color: #166654;
}

.push-notifications-wrapper .ns-growl {
    width: 370px;
    max-width: 370px;
}

.push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_txt {
    max-width: 245px;
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 600;
}

.push-notifications-wrapper  .pmsg_time .material-icons-round{
    font-size: 18px;
    vertical-align: bottom;
    margin-right: 5px;
}

.push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_time{
    font-family: "Merriweather";
    font-weight: 400;
}


/* LIVE EDIT NOTIFICATION TOP BAR */
.ns-type-live_edit .ns-box-inner, .ns-type-live_edit_error .ns-box-inner{
    text-align: center;
    font-family: 'Cerebri Sans', sans-serif;
}

#reload_button .material-icons-round{
    vertical-align: text-bottom;
    font-size: 20px;
}






.btn_big .circle_spin {
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
}


.info_message, .error_message{
    top: 20px;
    right: 30px;
    border-radius: 8px;
    max-width: 600px;
}

.info_message, div#uploading_indicator{
    background-color: #25B393;
}

.error_message{
    background-color: #EE6D46;
}

div#message {
    padding: 12px 20px;
    cursor: default;
}


.new_feature {
    color: #25B393;
    background-color: transparent;
    font-size: 11px;
    padding: 1px 4px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    bottom: 1px;
}

.new_feature.v2 {
    background-color: #25B393;
    color: white;
    font-size: 11px;
    border-radius: 4px;
    padding: 2px 3px;
    margin-left: 5px;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    /*top: -2px;*/
}
.new_feature.v3 {
    margin-left: 5px;
    background-color: #25B393;
    bottom: 2px;
}

ul.main-menu li span.new_feature.beta{
    font-family: 'Cerebri Sans', sans-serif;
    padding: 0 3px;
}

/****** HEADER *******/


.header {
    text-align: center;
    width: 100%;
    clear: both;
    border:none;
    /*background-color: yellow;*/
    /*border-bottom: dotted 1px #eee;*/

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    z-index: 999;
    background-color: #ffffff;

    height: 124px;
    max-height: 124px;

    /*margin-bottom: 20px;*/

}

.site-title a{
    font-family: 'Cerebri Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
}

.h_menu{
    position: fixed;
    z-index: 1000;
    width: 48px;
    top: 20px;
}

.zoom-overlay-open .h_menu{
    display: none;
}

.h_menu.left{
    left: 25px;
}
.h_menu.right{
    right: 25px;
}

.h_icon{
    line-height: 1px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;

}

.h_icon svg{
    padding: 8px;
    fill: #BDBDBD;
    transition: 0.3s;
    width: 40px;
    height: 40px;
}

.h_icon svg:hover{
    cursor: pointer;
    fill: #333;
}

.h_icon svg:focus{
    outline: none;
}

.h_icon .add_post{
    padding: 8px;
    color: #BDBDBD;
    transition: 0.3s;
    font-size: 28px;
    position: relative;
    top:-5px;
}

.h_icon .add_post:hover{
    cursor: pointer;
    color: #333;
}

.h_icon.menu_plan_expired .material-icons-round{
    top: -5px;
    position: relative;
    font-size: 32px;
    color: #EE4646;
}

.img-avatar-small{
    width: 38px;
    height: 38px;
    max-height: 38px;
    max-width: 38px;
    min-width: 38px;
    min-height: 38px;
}

.img-avatar-msmall{
    width: 34px;
    height: 34px;
    max-height: 34px;
    max-width: 34px;
    min-width: 34px;
    min-height: 34px;
}

.img-avatar-xsmall{
    width: 30px;
    height: 30px;
    max-height: 30px;
    max-width: 30px;
    min-width: 30px;
    min-height: 30px;
    background-color: #eee;
}


#wrapper{
    /*padding-top: 0;*/
    padding-top: 20px;
}

#header_caption{
    display: block;
    width: 100%;
}

.company_logo_header{
    max-height: 90px;
}

.site-title{
    height: auto;
    line-height: normal;
}

.page-title-wrap{
    border: none;
}



/* RIGHT SIDEBAR - SEARCH */

#right-slide {
    z-index: 1001;
    background-color: white;
    border-left: solid 1px #ebebeb;
    width: 380px;
    display: block;
    right: -380px;
    max-width: 100%;
    /*
    padding: 0 30px;
    box-sizing: border-box;
    */
    /*background-color: yellow;*/
}

.search_inside_block{
    padding: 0 35px;
    font-family: 'Cerebri Sans', sans-serif;
}

.search_inside_block input.search_key{
    font-family: 'Merriweather', serif;
    font-size: 18px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;

    border-radius: unset;
    border-width: 0 0 1px 0;
    padding: 25px 0;
}

.search_inside_block input.search_key:focus{
    border-color: #777;
}

.search_inside_block input.search_key::placeholder {
    color: #333;

}

.search_header{
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 10px;
    line-height: 10px;
    align-items: center;
    color:#949494;
    font-size: 13px;
}

.close_search svg{
    /* fill: #DADADA; original figma */
    fill: #BDBDBD;
    transition: 0.3s;
}

.close_search:hover svg{
    fill: #333;
    cursor: pointer;
}


#scrollbar2{
    /*border:dashed 2px red;*/
    height: calc(100% - 250px);
}

.body-at-top ul.search-results{
    padding-bottom: 0px;
    margin-top: 30px;
}

#search_results_caption {
    padding: 20px 35px;
    font-family: 'Cerebri Sans', Sans-serif;
    font-size: 13px;
    /*margin-bottom: 10px;*/
    border-bottom: solid 1px #EBEBEB;
}

.search_results_caption #results_count{
    border-radius: 12px;
    padding: 1px 6px;
    background-color: #E2E2E2;
    color:#000;
    display: inline-block;
    min-width: 19px;
    text-align: center;
    margin-left: 7px;
    line-height: 17px;
}

.search_results_caption #show_all_results{
    text-transform: uppercase;
    font-size: 12px;
}

.search_results_caption .bull{
    color: #ccc;
    font-size: 10px;
    margin: 0 7px;
}

ul.search-results{
    padding: 0;
}

ul.search-results li{
    text-align: left;
    border-color: #EBEBEB;

    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 30px;

}

ul.search-results li .user-avatar{
    margin-right: 7px;
}

ul.search-results li .subtitle{
    color:#777777;
    font-size: 12px;
    line-height: 1.35;

}

ul.search-results li a{
    font-size: 14px;
    /* color: #5c5c5c; */
    color: #333;
    font-family: 'Cerebri Sans', sans-serif;
    font-weight: 700;
}

ul.search-results li .item_title{
    width: 100%;
    margin-top: 10px;
}

ul.search-results li .item_title a{
    color:#292929;
    font-weight: 600;
    font-size: 15px;
}

ul.search-results li a:hover{
    color: #000;
    text-decoration: underline;
}

#show-all{
    text-align: center;
    padding-top:20px;
    padding-bottom: 100px;
}

.user-avatar{
    border-width: 0;
}


/* LEFT SIDEBAR - MAIN MENU */

/* reset dark menu colors for small screens */

#left-slide{
    background-color: #282828;
    transition: background-color 0.4s ease, color 0.4s ease;
}

.menu-head{
    background-color:transparent;
}

.menu-middle {
    background: transparent;
    border-bottom: none;
}

.menu-separator{
    background-color: transparent;
}

a.close_menu .material-icons-round{
    color: #eeeeee;
}


ul.main-menu li a, .welcome{
    font-family: 'Cerebri Sans', sans-serif;
    color: #949494;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    margin-top: 5px;
    text-shadow: none;
}

a.close_menu svg{
    width: 22px;
    height: 18px;
}
a.close_menu {
    right: 5px;
    top: 0;
    /*background-color: orange;*/
    padding: 5px;
    margin: 2px;
}

a.close_caption, a.close_menu{
    opacity: 0.3;
}

a.close_caption:hover, a.close_menu:hover{
    opacity: 0.6;
}


.menu-head{
    padding-top: 35px;
}


.welcome .role {
    font-weight: normal;
    font-size: 12px;
    color: #777;
    line-height: 1.1;
}

.user-name{
    color: #949494;
    text-shadow: none;
}

ul.main-menu.icons li a{
    /*position: relative;*/
    padding-left: 30px;
}

ul.main-menu li a .material-icons-round{
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: -3px;
    opacity: 0.75;
    transition: opacity .3s ease;
}

.material-icon-svg{
    fill:#949494;
    position: absolute;
    top: 5px;
    left: 0;
    opacity: 0.75;
    transition: opacity .3s ease, fill .3s ease;
}

ul.main-menu li a:hover .material-icon-svg{
    fill: #ffffff;
    opacity: 1;
}

div.menu-footer ul.main-menu li a .material-icons-round{
    left: 0;
}

ul.main-menu li a:hover .material-icons-round{
    opacity: 1;
}

ul.main-menu li a .material-icons-round.imp{
    color:#EE4646;
}

ul.main-menu li span.counter{
    font-family: 'Cerebri Sans', sans-serif;
    padding: 0;
    min-width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding-left: 4px;
    padding-right: 4px;
    top: 5px;
    font-size: 11px;
    background: #181818;
    color: #949494;
}

ul.main-menu li span.counter.unread, ul.main-menu li ul.subcategories li span.counter.unread{
    color:#ddd;
}

ul.main-menu li span.counter.red{
    background-color: #EE4646;
    color:#ffffff;
}

ul.main-menu li span.counter.orange{
    background-color: #EE6D46;
    color: #ffffff;
}

ul.main-menu li ul.subcategories li span.counter {
    font-size: 10px;
    height: 18px;
    min-width: 18px;
    padding: 0 4px;
    /* top: 5px; */
    background: #000;
    /* color: #ddd; */
    background: #181818;
    /* color: #ddd; */
    color: #818181;
}


.menu_section_caption{
    font-family: 'Cerebri Sans', sans-serif;
    position: relative;
}


.material-icons-round.edit_section {
    /* float: right; */
    margin-left: 5px;
    font-size: 15px;
    /* color: #555; */
    display: none;
    position: absolute;
    top: 2px;
}

.menu_section:hover .material-icons-round.edit_section {
    display: inline-block;
}






div.menu-footer ul.main-menu li .material-icons-round.unread_posts{
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 8px;
    opacity: 1;
    color:dodgerblue;
    transition: color .3s ease;
}

div.menu-footer ul.main-menu li a:hover .material-icons-round.unread_posts{
    color: #1eabff;
}


ul.main-menu li .counter .material-icons-round{
    font-size: 11px;
    top: 1px;
    position: relative;
    left: 1px;
}

ul.main-menu li .counter .material-icons-round.cal{     /* better position the calendar icon, left menu, scheduled post*/
    top: 2px;
}


ul.main-menu li .material-icons-round.subc_indicator{
    color: #949494;
    position: absolute;
    left: -26px;
    top: -1px;
    font-size: 32px;
    cursor: pointer;
    opacity: 0.75;
    transition: color .3s ease, opacity .3s ease;
}

ul.main-menu li .material-icons-round.subc_indicator:hover{
    color: #ffffff;
    opacity: 1;
}

ul.main-menu li span.expired{
    position: absolute;
    top: 0;
    right: 0;
}

ul.main-menu li span.expired .material-icons-round{
    color:#f96e60;
    position:relative;
    top: 2px;
    font-size: 20px;
}

ul.main-menu li .material-icons-round.cat-star{
    font-size: 16px;
    color: #555;
    position:relative;
    top:3px;
    cursor:default;
    left: -1px;
    /*
    position: absolute;
    left: -15px;
    top: 10px;
    */

}




/* ----- light menu ----- */

div#left-slide.light{
    background-color: #efefef;
}

#left-slide.light ul.main-menu li a{
    /*color: #505050;*/
    color: #555
}

#left-slide.light ul.main-menu li a:hover{
    color:#000000;
}

div#left-slide.light ul.main-menu li a .material-icons-round {
    opacity: 0.5;
}

div#left-slide.light ul.main-menu li a:hover .material-icons-round {
    opacity: 0.75;
}

div#left-slide.light ul.main-menu li a:hover .material-icon-svg{
    fill: #000;
    opacity: 0.75;
}

div#left-slide.light ul.main-menu li .material-icons-round.unread_posts{
    opacity: 1 !important;
}

div#left-slide.light ul.main-menu li a .material-icons-round.imp{
    opacity: 0.75;
}

div#left-slide.light ul.main-menu li a:hover .material-icons-round.imp{
    opacity: 1;
}

div#left-slide.light ul.main-menu li .material-icons-round.subc_indicator:hover {
    color: #000000;
    opacity: 1;
}

div#left-slide.light ul.main-menu li .material-icons-round.cat-star {
    color: #B0B0B0;
}

div#left-slide.light a.close_menu .material-icons-round{
    color: #222222;
}

div#left-slide.light .menu-separator{
    background-color: #dddddd;
}

div#left-slide.light ul.main-menu li span.counter{
    background: #E0E0E0;
    color: #555;
}

div#left-slide.light ul.main-menu li span.counter.unread{
    color: #000;
    text-shadow: none;
}

div#left-slide.light ul.main-menu li span.counter.red{
    background-color: #f74744;
    color:#ffffff;
}
div#left-slide.light ul.main-menu li span.counter.orange{
    background-color: #f4883e;
    color:#ffffff;
}


/*
    div#left-slide.light ul.main-menu li span.new_feature{
        color:#ffffff;
    }
*/
div#left-slide.light .menu_section_caption{
    color:#999999;
}

div#left-slide.light a.user-name{
    color:#555;
}

div#left-slide.light a.user-name:hover{
    color:#000000;
}

div#left-slide.light .user-avatar{
    border-color: #CDCDCD;
}


div#left-slide.light .welcome {
    color:#888888;
}

div#left-slide.light a.close_menu svg polygon{
    fill:#000000;
}

div#left-slide.light a.manage_section{
    color: #888888;
}

div#left-slide.light a.manage_section:hover{
    color: #333333;
}

div#left-slide.light #scrollbar1 .thumb {
    background-color: #cccccc;
}




/* -- light menu icon colors -- */

div#left-slide.light ul.main-menu li i.fa{      /* default */
    color: #777777;
}

div#left-slide.light ul.main-menu li i.fa.red{
    color: #F47363;
}

div#left-slide.light ul.main-menu li i.fa.blue{
    color: cornflowerblue;
    color: dodgerblue;
    /* color: steelblue; */
    /* color: royalblue; */
}

div#left-slide.light ul.main-menu li i.fa.flatblue{
    color: #1C94E3;
}

div#left-slide.light ul.main-menu li i.fa.lightblue{
    /*color: #4DC1F2;*/
    color: #42a2ca;
}

div#left-slide.light ul.main-menu li i.fa.grayblue{
    color: #599ab5;
}

div#left-slide.light ul.main-menu li i.fa.brightgreen{
    color: #48C39B;
}

div#left-slide.light ul.main-menu li i.fa.green {
    color: #50a78c;
}

div#left-slide.light ul.main-menu li i.fa.greenuser{
    color: #48C39B;
    color: #67cfaf;
}

div#left-slide.light ul.main-menu li a:hover i.greenuser{
    color: #31c499;
    opacity:1;
}

div#left-slide.light ul.main-menu li i.fa.greenuser.smalluser{
    opacity: 0.8;
}

div#left-slide.light ul.main-menu li i.fa.darkgreen{
    color: #81b181;
}

div#left-slide.light ul.main-menu li i.fa.gold{
    color:goldenrod;
}

div#left-slide.light ul.main-menu li i.fa.violet{
    color:#a17ca8;

}

div#left-slide.light ul.main-menu li i.fa.coral{
    color:#F46D3D;
}

div#left-slide.light ul.main-menu li i.fa.grey{
    color:#768899;
}

div#left-slide.light ul.main-menu li i.fa.brown{
    /*color:#E3A657;*/
    color:#DFA740;
}

div#left-slide.light ul.main-menu li i.fa.dashboard{

    /* color:#5ea6c3; blue*/
    color:#ceb00b;

}
div#left-slide.light ul.main-menu li i.fa.home{
    color:#666666;
}

div#left-slide.light ul.main-menu li i.fa.cat-star{
    color:#999999;
}

div#left-slide.light ul.main-menu li i.fa.orange{
    color:#ff6e00;
}

div#left-slide.light ul.main-menu li i.fa.fogblue {
    color: #5D92BE;
}

div#left-slide.light ul.main-menu li span.counter i.fa {
    color: #fff;
}

div#left-slide.light ul.main-menu li i.fa.unread_posts{
    color:dodgerblue;
}

div#left-slide.light ul.main-menu li i.fa.fa-pencil.my_posts{
    /*color: #58b3da;*/
    color: #50a4c7;
}

div#left-slide.light ul.main-menu li span.expired i.fa{
    color:#e65342;
}

div#left-slide.light ul.main-menu li a:hover i.fa.fa-pencil.my_posts{
    /*color:#46a9d2;*/
    color:#3f9abf;

}

div#left-slide.light ul.main-menu li i.fa.imp {         /* important and unread */
    color: #f74744;
    /* color: #09e4b5; */
}

/* ------- light menu end ------ */




/**** HOMEPAGE / PAGES ******/

.welcome_note{
    text-align: center;
    font-family: "Merriweather", serif;
}

.welcome_note .caption{
    font-size: 24px;
    max-width: 500px;
    margin: auto;
    margin-bottom: 60px;
}

.todo-single{
    width: auto;
    height: auto;
    padding: 35px 40px;
    border-radius: 30px;
    border: solid 1px #eee;
    transition: border-color .3s ease;
    background-color: #ffffff;
}

a:hover .todo-single{
    border-color: #aaa;
}

.todo-title{
    margin-top: 20px;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 18px;
}

.pro_tip{
    max-width: 600px;
    margin: auto;
    margin-top: 80px;
    border-radius: 10px;
    background-color: #FBF8E5;
    color: #BA995D;
    padding: 20px 30px;
    font-family: "Cerebri Sans", sans-serif;
    margin-bottom: 100px;
}

#settings .pro_tip{
    max-width: none;
    width: 98.5%;
    margin-left: 0;
    border-radius: 10px;
}

.promo_container {
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
}

.light_promo{
    text-align: center;
    font-size: 14px;
    font-family: 'Cerebri Sans', Sans-serif;
    max-width: 440px;
}

.light_promo_title{
    font-size: 16px;
}

.light_promo_footer {
    font-size: 12px;
}

.welcome_msg{
    margin-left: 25px;
    margin-right: 25px;
    border-radius: 10px;
    font-size: 18px;
}

.content {
    padding: 50px 0px;
    width: 1400px;
    max-width: 1400px;
    margin: auto;
    /*border:dashed 1px red;*/
}

.content.narrow{
    width: 800px;
    min-width: auto;
    padding: 20px 0;
}

.content.narrow_xs{
    width: 760px;
    min-width: auto;
    padding: 20px 0;
}

.nopad, .content.nopad {
    padding-top: 0;
    padding-bottom: 0;
}

article.post_container{

    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    /*border:dashed 1px blue;*/
    position: relative;
}

.user-info{
    margin: unset;
    width: 22.5%;
    display:flex;
    margin-right: 2.4%;
    align-items: flex-start;
    /*background-color: yellow;*/
}

.user-info-content{
    /*background-color: bisque;*/
    display:flex; 
    max-width:100%
}

.info_container{
    /*background-color: yellow;*/
    min-height: 38px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 1px;
    width: 100%;
}

.user_details, .commenter_details{
    display: flex; 
    /*border: solid 1px black; */
    max-width: 100%; 
    white-space:nowrap;
}


.info_container.no_cats .bull.date_bull{
    display: none;
}

.user-info .img-circle{
    margin: 0;
    margin-right: 12px;
}

.emphasized .img-circle{
    /*border: 2px solid #000;*/
}

.user-info span{
    display: inline;
}

.user-info .post_info{
    display:flex;
    flex-wrap: wrap;
    flex-grow: 2;
    overflow: hidden;
}

.user-info span.name{
    text-align: left;
    max-width: unset;
    min-width: unset;
    font-family: 'Cerebri Sans', sans-serif;
    font-size: 14px;
    display: inline-block;
    margin-right: 4px;
    order: 1;

}

.user-info span.name a{
    color: #292929;
    font-weight: 700;
}

.user-info .job_title{
    order: 4;
}

.user-info .job_title, .user-info .date{
    font-family: 'Cerebri Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;       /* book */
    color: #777777;
    line-height: normal;
    max-width: unset;
    min-width: unset;
    display: inline-block;

}

.user-info .date{
    display: inline-block;
    order: 4;
    width: 100%;
}

.user-info .date.scheduled{
    font-style: italic;
}

.user-info .date .scheduled_container{
    display: inline-block;
    cursor: default;
}

.user-info .job_title{
    position: relative;
    top: 1px;
    /*width: 100%;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-info .not_published{
    font-style: italic;
    display: inline-block;
    font-size: 13px;
    color: #EE6D46;
    font-weight: bold;
}

.user-info .date .material-icons-round.cal{
    color: red;
    position: relative;
    top: 3px;
    margin-right: 3px;
    color: #888;
    cursor: default;
}

.comment_info{
    display: flex;
    /*background-color: orange;*/
    flex-wrap: wrap;
    align-items: center;
    padding-top: 2px;

    overflow: hidden;
}

.reply_row .comment_info{
    max-width: 90%;
}

.user-info .comment_info .job_title{
    width: auto;
}

.user-info .bull{
    color: #c9c9c9;
    font-size: 12px;
}

.user-info .bull.narrow{       /* visible only on narrow screens */
   display:none;
}


.user-info div.cats{
    width: 100%;
    order: 5;
}

.user-info span a:hover{
    text-decoration: underline;
    color: #000000;
}

.user-info div.cats, .user-info .more_items, .user-info span#more_categories, .user-info div.cats, .user-info .more_items a{
    font-family: 'Merriweather', serif;
    font-size: 12px;
    color: #777777;
}

.user-info .more_items{
    white-space: nowrap;
}

.user-info .more_items a{
    font-style: italic;
}


.user-info div.cats .cat-name{
    font-family: 'Merriweather', serif;
    font-size: 12px;
    font-weight: 600;
}

.user-info div.cats a.cat-name:hover{
    text-decoration: none;
}


.user-info div.cats .cat-name.subcat{
    font-weight: 400;
}

.user-info .cats{
    margin-top: 10px;
    margin-right: 5px;
}

.article_main{
    flex-grow: 2;
    max-width: 50%;
    min-width: 700px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    position: relative;
    flex-direction: column;     /* fix for native (mp4) video in post preview */
}

.cats .cat_divider{
    position: relative;
    top: 4px;
    margin-right: -3px;
    margin-left: -5px;
}


/* ARTICLE BODY */

.by-line{
    margin: 0;
    margin-bottom: 10px;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    color: #818181;
    width: 100%;
}

.by-line .important{
    font-size: 10px;
    padding: 0 7px;
    font-family: 'Cerebri Sans', sans-serif;
    line-height: 1.5;
    margin-right: 7px;
    position: relative;
    top: -1px;
    background-color: #EE4646;
}

ul.recents .important, ul.archive-list .important{
    top: unset;
}


.by-line .blck{
    margin: auto;
    margin-right: 10px;
}

.by-line .est{
    text-transform: uppercase;
}

.by-line .material-icons-round{
    font-size: 16px;
    position: relative;
    top: 4px;
    color: #AAAAAA;
    transition: opacity .3s ease, color .3s ease;
    opacity: 0.75;
}

.by-line .material-icons-round:hover{
    /*color: #AAAAAA;*/
    opacity: 1;
}

.by-line .material-icons-round.unread_mark, .short_post .by-line .material-icons-round.unread_mark {
    font-size: 12px;
    color: dodgerblue;
    opacity: 1;
    cursor: default;
    margin-right: 3px;
    top: 0;
}

.by-line .txt_icon{
    font-size: 12px;
}

.by-line .wiki{
    font-family: 'Cerebri Sans', sans-serif;
    line-height: 1.5;
    display: inline-block;
    padding: 0 7px;
    font-size: 10px;
}

.by-line .unapproved_counter{
    padding: 0px 2px;
    min-width: 16px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: -1px;
}

.by-line .blck.pinned{
    margin: auto 0;
}

.by-line .blck.pinned .material-icons-round{
    transform: rotate(30deg);
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    -o-transform: rotate(30deg);
    color:#25B393;
    top: 3px;
}

.blogin-like, .blogin-dislike, .blogin-follow, .blogin-like:focus, .blogin-dislike:focus, blogin-follow:focus{
    background: none;
    border: solid 1px #CCCCCC;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #818181;
    padding: 2px 9px;
    padding-bottom: 3px;
    margin: 0;
    margin-right: 5px;

}

.single_p .short_vote{
    cursor: pointer;
}

.single_p span.short_vote.up.voted span.material-icons-round{
    color: #25B393;
}

.single_p span.short_vote.down.voted span.material-icons-round{
    color: #EE6D46;
}

/*
.blogin-follow, blogin-follow:focus{
    margin-right: 12px;
}
*/

.by-line a.blogin-like, .by-line a.blogin-dislike{
    min-width: 50px;
    padding-right: 28px;
}




.by-line a.blogin-follow{
    font-size: 14px;
    top:-1px;
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 0;
    margin-right: 0;
}

.blogin-like .material-icons-round{
    top: 4px;
    position: absolute;
    right: 7px;
    opacity: 1;
}

.blogin-dislike .material-icons-round {
    position: absolute;
    top: 5px;
    right: 8px;
    opacity: 1;
}

.blogin-follow .material-icons-round{
    font-size: 18px;
    opacity: 1;
}

.no-touch .blogin-like:hover{
    border-color: #30b593;
    color: #818181;
    background: none;

}

.no-touch .blogin-dislike:hover{
    border-color:#EE6D46;
    color: #818181;
    background: none;
}

.no-touch .blogin-follow:hover{
    border-color: #446BCF;
    color: #446BCF;
    background: none;

}

.no-touch .blogin-like:hover .material-icons-round{
    color:#25B393;
}

.no-touch .blogin-dislike:hover .material-icons-round{
    color:#EE6D46;
}

.no-touch .blogin-follow:hover .material-icons-round{
    color:#446BCF;
}

.touch .blogin-like.voted, .touch .blogin-like.voted:hover, .no-touch .blogin-like.voted, .no-touch .blogin-like.voted:hover {
    border-color: #30b593;
    background-color: #30b593;
    color: #ffffff;

}

.blogin-dislike.voted, .blogin-dislike.voted:hover {
    border-color: #EE6D46;
    background-color: #EE6D46;
    color: #ffffff;

}

.no-touch .blogin-follow.following, .touch .blogin-follow.following, .blogin-follow.following:hover {
    border-color: #446BCF;
    background-color: #446BCF;
    background: #446BCF;
    color: #ffffff;

}

.blogin-like.voted .material-icons-round, .blogin-like.voted:hover .material-icons-round, .blogin-like.voted.big .material-icons-round, .blogin-like.voted.big:hover .material-icons-round{
    color: #ffffff;
}

.blogin-dislike.voted .material-icons-round, .blogin-dislike.voted:hover .material-icons-round, .blogin-dislike.voted.big .material-icons-round, .blogin-dislike.voted.big:hover .material-icons-round{
    color: #ffffff;
}

.blogin-follow.following .material-icons-round, .blogin-follow.following:hover .material-icons-round{
    color: #ffffff;
}




.blogin-like.big, .blogin-dislike.big{
    font-size: 18px;
    padding: 10px 20px;
    padding-right: 45px;
    min-width: 78px;

}

.blogin-like.big .material-icons-round, .blogin-dislike.big .material-icons-round {
    top: 6px;
    right: 15px;
    color: #CCCCCC;
    transition: color .3s ease;
}

.no-touch .blogin-like.big:hover .material-icons-round{
    color:#25B393;
}

.no-touch .blogin-dislike.big:hover .material-icons-round{
    color:#EE6D46;
}

.no-touch .blogin-like.big.voted .material-icons-round, .no-touch .blogin-dislike.big.voted .material-icons-round {
    color: #ffffff;
}

.touch a.blogin-dislike:hover, .touch a.blogin-like:hover{
    color: #818181;
}

.blogin-dislike.big .material-icons-round {
    top:9px;
}

a.blogin-follow.big {
    font-size: 18px;
    top: -3px;
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 0;
}

a.blogin-follow.big .material-icons-round{
    top: 8px;
    position: relative;
    font-size: 24px;
    color: #CCCCCC;
    transition: color .3s ease;
}

.no-touch a.blogin-follow.big:hover .material-icons-round {
    color: #446BCF;
}

.no-touch a.blogin-follow.big.following:hover .material-icons-round{
    color: #ffffff;
}

a.blogin-follow.big.following .material-icons-round{
    color: #ffffff;
}

.bottom_vote_buttons{
    text-align: center;
    width: 100%;
    margin-top: 50px;
}

.post-content .post_body, .page-content .post_body{
    width: 100%;
    overflow-y: clip;           /* for image fade in not to create scroll */
}

h1.post-title{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 40px;
    font-weight: 700;       /* semi bold */
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1.15;
    letter-spacing: -1px;
    width: 100%;
    text-align: initial;
}

h1.post-title a, h1.post-title a:visited{
    font-weight: 700;
    color: #000000;

}

h1.post-title a:hover{
    /*text-decoration: underline;*/
    color:#25B393;
    transition: color 0.2s ease;
}

.post_intro{
    margin: 0;
    margin-bottom: 10px;
    padding-bottom: 20px;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.9;
    width: 100%;
}

.post_intro h2, .post_intro h1 {
    font-size: 26px;
    font-weight: 700;   /* semi bold */
    letter-spacing: -1px;
}

.post_intro h3{
    font-size: 21px;
    line-height: 27px;
    font-weight: 700;       /* semi bold */
    letter-spacing: -1px;
}

.intro_image, .intro_video{
    width: auto;
}

.post-title .edit_post, .single-page-title .edit_post{
    border: solid 1px #ccc;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    color: #999;
    position: absolute;
    margin-left: 15px;
    margin-top: 4px;
    transition: opacity .5s ease, color .5s ease;
    white-space: nowrap;
}

.no-touch .post-title .edit_post, .no-touch .single-page-title .edit_post{
    opacity:0; /* on no touch devices, hide the edit button and show it only on hover */
    display: none;          /* required for safari bug, where displays the icon below the title */
}


.post-title .edit_post .material-icons-round{
    top: -7px;
    position: relative;
    color: #444;
    font-size: 22px;
}

article.post_container:hover .post-title .edit_post, .touch article.post_container .post-title .edit_post, .page-content:hover .single-page-title .edit_post {
    opacity:0.50;
    display: inline-block;
    transition: opacity .5s ease, color .5s ease;
}

article.post_container:hover .post-title .edit_post:hover, .page-content:hover .single-page-title .edit_post:hover{
    opacity: 1;
}



.read_more{
    display: inline-block;
    /*
    margin-right: 15px;
    margin-bottom: 15px;
    */
    margin-bottom: 0;
}

.read_more a.btn{
    color: #333;
    transition: background-color .2s ease, color .2s ease;
    margin: 0;
}


.read_more a.btn:hover{
    background-color: #25B393;
    border-color: #25B393;
    color: #ffffff;
}

.comms_container{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.post_intro .comms_container{
    margin-top: 15px;
}

ul.user-list.commenters{
    display: inline-block;
    margin-left: 12px;
    /*margin-right: 12px;*/
    margin-top: 0px;
}

ul.user-list.commenters li{
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: -12px;
}

.post_intro ul.user-list.commenters{
    margin-left: 0;
    padding-left: 12px;
}

.videodetector{
    background-image: url('../images/loading_dots.gif');
    background-position: center center;
    background-repeat: no-repeat;
}





.videodetector.original{
    background-color: transparent;
}


div.content .short_post .post_intro div.videodetector.native_video{
    float: right;
    max-width: 160px;
}

div.content .short_post .post_intro div.videodetector.native_video video{
    margin-top: 0 !important;
    max-width: 100%;
    max-height: 120px;
}

ul.user-list .user-avatar{
    padding: 0;
    margin: 0;
}

ul.user-list.commenters li .img-avatar-small{
    border: solid 3px #ffffff;
    transition: border-color .3s ease;
}

ul.user-list.commenters li .user-avatar.emphasized .img-avatar-small{
    outline: none;
    border-color: #1795D4;
}

ul.user-list.commenters li .img-avatar-xsmall{
    border: solid 3px #ffffff;
    transition: border-color .3s ease;
}

ul.user-list.commenters li .user-avatar.emphasized .img-avatar-xsmall{
    outline: none;
    border-color: #1795D4;
}

ul.user-list.commenters li a:hover .img-avatar-small{
    border-color:#E8E8E8;
}

ul.user-list.commenters li a:hover .img-avatar-xsmall{
    /*border-color:#25B393;*/
    border-color:#E6E6E6;
}



a.discuss, .short_post .post_intro .post_intro_text a.discuss, .more_commenters{
    font-family: 'Merriweather', serif;
    font-size: 12px;
    color: #818181;
    font-weight: normal;
    text-transform: uppercase;
    transition: 0.3s color ease;
    margin-top: 1px;
    text-decoration: none;
}

a.discuss:hover, .short_post .post_intro .post_intro_text a.discuss:hover{
    color: #000000;
}





/* RECENT ARTICLES - ARTICLES LIST */

.pre-footer{
    border-top: solid 1px #EBEBEB;
    background-color: transparent;
    border-bottom: none;
}


ul.recents{
    max-width: unset;
}

.short_post .short_vote{
    font-size: 12px;
    margin-right: 8px
}

.short_post .short_vote.only_vote_up{
    margin-right: 0;
}

.short_post .short_vote.up{
    color:#25B393;
}
.short_post .short_vote.down{
    color: #EE6D46;
    margin-right: 0;
}

.short_post .short_vote.up .material-icons-round{
    top: 2px;
}


.short_post .short_vote.down .material-icons-round{
    top: 3px;
}


.short_post .short_vote .material-icons-round{
    font-size: 15px;
}

.short_post .by-line .material-icons-round.unread_mark {
    top: 2px;
}

ul.recents .by-line, ul.archive-list .by-line{
    font-size: 12px;
}

.short_post .by-line .bull{
    font-size: 16px;
    color: #C9C9C9;
    /*margin-right: 5px;*/
}

.short_post .by-line .material-icons-round{
    color: #C2C2C2;

}

.short_post .post-title a{
    color: #000;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 2px;
}

.short_post .post-title a:hover{
    color: #25B393;
}

.short_post .post-title .edit_post{
    width: 30px;
    height: 30px;
}

.short_post .post-title .edit_post .material-icons-round {
    top: 2px;
    position: relative;
    color: #444;
    font-size: 18px;
}

.short_post .post_intro p, .short_post .post_intro, .short_post .post_intro table, .short_post .post_intro table p{
    font-size: 14px;
}

.short_post .post_intro table{
    border-style: dotted;
}

.short_post .post_intro table td{

    border-color: #aaa;
    border-style: dotted;
    width:auto !important;
}

.short_post .post_intro{
    margin-bottom: 0;
    min-height: unset;
}

.short_post .post_intro .post_intro_container{
    display: flex;
}

.short_post h2.post-title{
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    text-align: initial;
}

.short_post .post_intro h2, .post_intro h1 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;
    margin: 8px 0;
}

.short_post .post_intro h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    margin: 4px 0;
}

.more_commenters{
    margin-left: -12px;
    margin-right: 20px;
}


ul.recents > li{
    border: none;
    margin-top: 0;
    margin-bottom: 10px;
}


.short_post .tags{
    width: 100%;
    margin-bottom: 0px;
    margin-top: 5px;
    /*margin-right: 15px;*/
}

.last_post .post_intro ul.tags{
    margin-top: 0px;
}

ul.tags li a{
    font-family: 'Merriweather', serif;
    font-size: 11px;
    padding: 3px 8px;
    background-color: #F0F0F0;
    color: #666666;
    border: solid 1px #E7E7E7;
}

.short_post .post_intro > a, .short_post .post_intro .post_intro_text > a{
    color: #292929;
    font-weight: 200;
    text-decoration: none;

    display: block;
    max-height: 130px;
    overflow: hidden;
}

.short_post .post_intro .post_intro_text{
    /*border:dashed 1px blue;*/
    flex-grow: 1;
}

.all_posts{
    text-align: center;
    margin-top: 90px;
}

.post_thumb{
    margin-top: 0;
    margin-left: 10px;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    width: 180px;
    height: 120px;
    border-radius: 5px;
}


.short_post .post_intro pre{


    background-color: #f6f6f6;
    color: #999;
    font-size: 10px;
    opacity: 0.7;
    word-break: normal;
    padding: 5px 7px;

}




/* SINGLE POST */




.post_body, .post_body p{
    margin: 0;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.9;
    width: auto;
    color: #292929;
    letter-spacing: normal;
    /*width: 100%;*/
}

.post_body p{
    margin-bottom: 20px;
}

div.post_body h2, div.post_body h1 {
    font-size: 32px;
    font-weight: 700;   /* semi bold */
    margin-top: 35px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

div.post_body h3{
    font-size: 24px;
    font-weight: 700;       /* semi bold */
    letter-spacing: -1px;
    margin-bottom: 15px;
    line-height: normal;
    margin-top: 20px;
}






.discussion{
    border-top: solid 1px #EBEBEB;
    margin-top: 30px;
}

.discussion .content{
    padding: 0;
    display: flex;
    min-width: 1400px;
}


.discussion .discussion_content{
    width: 50%;
    min-width: 700px;
    margin: 50px 0;

}

h5.discussion-title{
    font-size: 34px;
    font-weight: 700;       /* semi-bold */
    margin-bottom: 10px;
}

.discussion_content.comments_disabled{
    margin-top: 10px;
    margin-bottom: 20px;
}

.comments_disabled_msg{
    margin-top:10px;
    font-style: italic;
}

.comments_disabled .comments_disabled_msg{
    font-style: normal;
}

.comments_disabled .discussion-title{
    display: none;
}

.comments_disabled .big_dot{
    display: none;
}

.discussion .discussion-text{
    color: #818181;
    text-transform: uppercase;
    font-size: 12px;
}

span.big_dot{
    font-size: 22px;
    line-height: 12px;
    margin: 0 2px;
    color: #c9c9c9;
    display: inline-block;
    position: relative;
    top: 3px;
}

.discussion-text .material-icons-round{
    position: relative;
    top: 4px;
    font-size: 18px;
}

.sort_opt{
    margin: 0 5px;
}

a.sort_opt:hover{
    color: #000000;
    text-decoration: underline;
}

div.comment_container {
    border-bottom: none;
    padding: 0;
}

div.comment_container .content.comment_row{
    /*width: 1100px;*/
    border-top: solid 1px #EBEBEB;
    padding: 25px 0;

    /*width: 1400px;*/
    display: flex;
    min-width: 1400px;
}

.c_spacer{
    width: 25%;
    min-width: 25%;
}



.d_content, .content.d_content{
    max-width: 800px;
    width: 800px;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
}


.d_flex{
    flex-wrap: wrap;
}

.sp100{
    width: 100%;
}

div.comment_container .user-info{
    width: auto;
}
div.comment_container .user-info .date{
    display: block;
    position: relative;
    top: -2px;
}

div.comment_container .user-info .job_title{
    top: 0;
}

div.comment_container .user-info span.name{
    margin-right: 2px;
}

div.comment_container a.blogin-like .v_count, div.comment_container a.blogin-like:hover .v_count{
    color: #25B393;
    font-size: 12px;
}

div.comment_container a.blogin-dislike .v_count, div.comment_container a.blogin-dislike:hover .v_count{
    color: #EE6D46;
    /*padding: 2px;*/
}


div.comment_container a.blogin-like .material-icons-round, div.comment_container a.blogin-dislike .material-icons-round{
    position: relative;
    top: 3px;
    right: 0;
    color: #CCCCCC;
    transition: color 0.3s ease;
}

div.comment_container a.blogin-dislike .material-icons-round{
    top: 5px;
}

div.comment_container a.blogin-like:hover .material-icons-round, div.comment_container .blogin-like.voted .material-icons-round{
    color: #25B393;
}

div.comment_container a.blogin-dislike:hover .material-icons-round, div.comment_container .blogin-dislike.voted .material-icons-round{
    color: #EE6D46;

}

div.comment_container .v_count{
    font-size: 12px;
}

div.comment_container .blogin-like.voted, div.comment_container .blogin-dislike.voted{
    background: none;
    /* background-color: orange; */
    border-radius: unset;
}

div.row.comment .blogin-like, div.row.comment .blogin-dislike{
    padding: 0px;
    margin-left: 15px;
    margin-top: 0;
}

div.row.comment .blogin-like:hover, div.row.comment .blogin-dislike:hover{
    background-color: transparent;
}

div.row.comment .blogin-dislike{
    margin-left: 6px;
}

.comment_options{
    margin-left: 5px;

}

.comment_options .material-icons-round{
    font-size: 18px;
    color: #CCCCCC;
    padding: 4px;
    border-radius: 150px;
    position: relative;
    top: 5px;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
}

.comment_options .material-icons-round:hover{
    background-color: #F2F2F2;
    color: #707070;
}



.comment div.comment_txt{
    font-size: 16px;
}

div.comment_txt a[data-mention], div.post_body a[data-mention], div.post_intro a[data-mention]{
    color: #25b393;
}

div.comment_txt p {
    line-height: 1.8;
}

.comment_row .user-info .img-circle, .reply_row .user-info .img-circle{
    /*margin-top: -5px;*/
}

.reply_link_div .btn .material-icons-round{
    font-size: 16px;
    position: relative;
    top: -1px;
    left: -2px;
    color: #CCC;
}

.reply_link_div .btn{
    color: #292929;
}

.comment-list .unapproved{
    background-color: transparent;
}


div.content.comment_row div.row-fluid{
    width: 720px;
    /*padding-left: 10px;*/     /* to align */
    margin: 0;              /* added to align comments  with post content */
    position: relative;
}

.approved_msg{
    font-family: 'Cerebri Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    background-color: #25B393;
}

.approved_msg .material-icons-round{
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}


.post-comment{
    border:none;
}

.post-comment .content{
    min-width: 1400px;
    display: flex;
}

.post-comment .new_comment_box{
    width: 720px;
}

.post-comment h5, .new_open_reply h5{
    text-transform: none;
    letter-spacing: unset;
    color: #292929;
    font-size: 16px;
}


div.contentarea{
    border-radius: 8px;
    border: solid 1px #DADADA;
    min-height: 250px;
    background-color: #FCFCFC;
    font-size: 16px;
    padding-bottom: 40px;
    font-weight: 400;
    padding: 12px 15px;
    padding-bottom: 30px;
}


div.contentarea, div.contentarea p{
    font-weight: 400;
}

div.contentarea b, div.contentarea strong{
    font-weight: bold;
}

div.contentarea:focus{
    border: 1px solid #A3A3A3;

}

.sub_notice{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    /*color: #B0B0B0;*/

}

.sub_notice .material-icons-round{
    font-size: 16px;
    position: relative;
    /*top: 3px;*/
    top: -2px;      /* subnotice below comment box, info for mentions*/
}


.action_approve .msg{
    margin-left: 0;
    font-size: 12px;
    font-weight: 700;
    padding-top: 2px;
}

.action_approve .msg .material-icons-round{
    font-size: 18px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

a.emojis-btn, a.comment_img_btn, a.emojis-btn:hover, a.comment_img_btn:hover, a.emojis-btn:focus, a.comment_img_btn:focus {
    border: none;
    background: transparent;
}

a.emojis-btn .material-icons-round, a.comment_img_btn .material-icons-round{
    color: #CCCCCC;
    transition: color .3s ease;
}



a.emojis-btn:hover .material-icons-round, a.comment_img_btn:hover .material-icons-round{
    color: #333;
}

a.comment_img_btn {
    right: 40px;
    bottom: -1px;
}


.comment-list .unapproved .row-fluid{
    opacity: 1;
}

.comment-list .unapproved .row-fluid .sp100{
    opacity: 0.6;
}

.post-comment textarea, textarea.edit_comment, div.contentarea{
    font-family: 'Merriweather', serif;
}

div.row.comment img.comment_img {
    max-width: 100%;
    height: auto !IMPORTANT;
}

.contentarea img.comment_img{
    max-width: 100%;
    height: auto;
}

div.contentarea.reply_comment {
    min-height: 140px;
}




.post-notice {
    background-color: #f6f6f6;
    font-family: 'Cerebri Sans', sans-serif;

    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.approval_notice {
    color: #EE6D46;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.approval_notice .txt {
    font-weight: normal;
    font-size: 15px;
    top: unset;
}

.deleted_notice {
    color: #EE4646;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}


.post-notice .material-icons-round{
    vertical-align: middle;
    font-size: 20px;
    position: relative;
    top: -2px;
}

.deleted_notice .txt{
    font-size: 14px;
    font-weight: normal;
    top:0;
}

.post-notice .btns_container{
    white-space: nowrap;
}



/* COMMENT REPLY */

.new_open_reply .reply_row {
    max-width: 660px;
    width: 660px;
    padding: 0;
    padding-left: 40px;
}

.comment-list > div{
    border-bottom: 0;
}

div.replyed .content.reply_row{

    padding: 0 0;
    /* width: 1400px; */
    display: flex;
    min-width: 1400px;
}

div.replyed .content.reply_row:last-child{
    padding-bottom: 25px;
}

div.content.reply_row div.row-fluid{
    width: 720px;
    margin: 0;
    margin-top: 25px;
}

.comment-list > div.replyed{
    padding: 0;
}

.replyed .user-info{
    width: auto;
}

div.replyed .user-info .date {
    display: block;
    position: relative;
    top: -2px;
}

div.replyed a.blogin-like .material-icons-round, div.replyed a.blogin-dislike .material-icons-round {
    position: relative;
    top: 3px;
    right: 0;
    color: #CCCCCC;
    transition: color 0.3s ease;
}

div.replyed a.blogin-like:hover .material-icons-round, div.replyed .blogin-like.voted .material-icons-round {
    color: #25B393;
}

div.replyed a.blogin-dislike:hover .material-icons-round, div.replyed .blogin-dislike.voted .material-icons-round {
    color: #EE6D46;
}

div.replyed .blogin-like.voted, div.replyed .blogin-dislike.voted{
    background: none;
    border-radius: unset;
}

div.replyed .v_count{
    font-size: 12px;
}

span.v_count{
    min-width: 8px;
    display: inline-block;
}

div.replyed a.blogin-like .v_count, div.replyed a.blogin-like:hover .v_count{
    color: #25B393;

}

div.replyed a.blogin-dislike .v_count, div.replyedr a.blogin-dislike:hover .v_count {
    color: #EE6D46;
    /*padding: 2px;*/
}

.reply_spacer{
    width: 70px;
    margin-left: 10px;
}

.new_open_reply div.content.reply_row div.row-fluid{
    margin-top: 0;
    padding-top: 0;
}

#add_comment {
    padding-top: 0;
    margin-bottom: 20px;
}

.topb#add_comment{
    border-top: solid 1px #EBEBEB;
    padding-top: 40px;
}

#add_comment .content{
    padding: 0;
}

#add_comment .post-comment{
    padding-top: 0;
}

.post-comment#add_comment h5{
    margin-top: 0;
}

.comment-list > div:last-child {
    /*margin-bottom: 25px;*/
}

.comment-list.reverse > div:first-child{
    border-top:none;
}


.recents_title{
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
}

.recents_title h5{
    font-weight: 700;
    font-size: 18px;
    color:#727272;
}


div.medium-editor-toolbar{
    background-color: #292929;
}

.medium-editor-toolbar ul.medium-editor-toolbar-actions{
    padding: 2px 10px;
}

.medium-editor-toolbar li button.medium-editor-action{
    padding: 5px 7px;
}

.medium-editor-toolbar li button .material-icons-round {
    font-size: 20px;
    vertical-align: middle;
    margin-top: 1px;
}

.medium-editor-toolbar li button.medium-editor-button-active, .medium-editor-toolbar li button.medium-editor-button-active:hover {
    color: #25B393;
    background-color: #292929;
}

.medium-editor-toolbar-form a .material-icons-round{
    font-size: 20px;
    vertical-align: middle;
    margin-top: -8px;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input{
    font-family: 'Cerebri Sans', sans-serif;
}










/* POST LISTINGS, catetory page, dashboard, tag page..... */




.page-title {
    /*text-align: center;*/
    font-size: 32px;
    text-transform: none;
    letter-spacing: normal;
    width: 800px;
    font-weight: 600;
}

.page-title.center{
    text-align: center;
    width: auto;
}

.page-title.small{
    font-size: 24px;
}

.page-title.small .material-icons-round{
    color: #CCC;
    font-size: 18px;
}

.page-title.small_breadcrumb, .page-title-wrap .page-title.small_breadcrumb{
    color: #333;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    margin-top: 20px;
}

.page-title.small_breadcrumb .material-icons-round{
    font-size: 12px;
    color: #999;
    position: relative;
    top: 2px;
}


.page-title .material-icons-round.caret{
    color: #777;
    font-size: 20px;
    top: 0;
}

.page-title.inside{
    margin-bottom: 50px;
}

.page-title-wrap{
    background:none;
    padding-top: 20px;
}

.page-subtitle{
    font-family: "Merriweather", serif;

    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 30px;
    max-width: 90%;
}

.cat-desc{
    padding: 0;
    width: 700px;
    /*max-width: 50%;*/
    color: #787878;
    margin-top: 10px;
}

.cat-desc .page-subtitle{
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
}

.cat-desc-limit {
    max-height: 160px;
}

.content.cat-content{
    padding:0;
    display:flex;
    flex-wrap: wrap;
}

.content.page_title_content{
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    width: 700px;
    max-width: 700px;
    justify-content: center;
}

.action_line .page-title {
    margin: unset;
}

.cat_desc_container{
    display: flex;
    flex-wrap: wrap;
    /*border:dashed 1px orange;*/
}

.options {
    font-size: 20px;
    padding: 0;
    border-radius: 100%;
    text-align: center;

    width: 32px;
    height: 32px;
    padding-top: 6px;

}

.page-title .material-icons-round{
    position: relative;
    top: 3px;
}

.page-title .options{
    vertical-align: baseline;
    vertical-align: middle;
    top: -3px;
}
/*
.page-title .options:hover{
    color: #707070;
}
*/

.page-title .icon_mark{
    color: #aaa;
    font-size: 26px;
    margin-right: 2px;
    vertical-align: middle;
    top: -2px;
    cursor:default;
}

ul.archive-list > li{
    border:none;
    margin-bottom: 10px;
    /*background-color: orange;*/
}

ul.archive-list > li:nth-child(even) {
    background:none;
}

.page-title-wrap.cat-title{
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 40px;
}

.show-more-link{
    padding: 0;
    margin-top: 10px;
    font-family: "Cerebri Sans", sans-serif;
    width: 100%;
}

.show-more-link a{
    font-weight: 700;
}

.show-more-link .material-icons-round{
    position: relative;
    top: 7px;
}

.gradient_cover{
    height: 30px;
    top:-40px;
}

.show_more_container{
    display:flex;
    width:100%;

}



/* POST OPTIONS */

.mass_action_manage .row-fluid div.action_block.v2{
    margin-bottom: 40px;
}
.mass_action_manage div.action_block.v2{
    margin-bottom: 50px;
    border-top: none;

    transition: background-color 0.7s ease, padding 0.2s ease;
    border-radius: 5px;
}

.mass_action{
    font-family: "Merriweather", serif;
}

.mass_action #select_all{
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 700;
}

.mass_action_container a.popover_close{
    display: none;
}

ul li label.single_p{
    padding: 10px 0;
}

.mass_action_manage .single_p.checked{
    max-width: none;
    background: none;
}

.mass_action_manage .single_p.checked .article_main{
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #f4f4f4;
}

div.post_list_item .mass-action-checkbox, .label_checkbox.mass-action-checkbox {
    left: -65px;
    padding-top: 35px;
    background: none;
}

.action_block label {
    margin-bottom: 0;
}

.action_block.v2 {
    padding: 10px 0;
}

.label_checkbox.mass-action-checkbox{
    color: #CCCCCC;
}

.label_checkbox.mass-action-checkbox.checked{
    color: #25B393;
    background: none;
    opacity: 0;
    cursor: default;
}

.mass_action_manage .label_checkbox.mass-action-checkbox.checked{
    opacity: 1;
    cursor: pointer;
}

li div.post_list_item .mass-action-checkbox:hover, .label_checkbox.mass-action-checkbox:hover{
    opacity: 0;
    cursor: default;
}

.mass_action_manage li div.post_list_item .mass-action-checkbox:hover, .mass_action_manage .label_checkbox.mass-action-checkbox:hover{
    opacity: 1;
    cursor: pointer;
}

#massActionUserCount{
    background-color: #E2E2E2;
    min-width: 22px;
    padding: 0 5px;
    height: 22px;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    color: #272727;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
}

.mass_action .xsmall{
    border-radius: 15px;
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    font-size: 14px;
    background-position: right .6em top 55%, 0 0;
    cursor: pointer;
}

#s2id_massActionRemoveTags, #s2id_massActionTags{
    max-width: 220px;
    background-color: #fff;
    border: solid 1px #ddd;
}

.mass_action_manage .mass-action-second-select.select2-container-multi ul.select2-choices{
    border:none;
}

.mass-action-second-select.select2-container-multi .select2-choices .select2-search-field{
    line-height: 1.6;
    max-width: 90px;

}
.mass-action-second-select.select2-container-multi .select2-choices .select2-search-choice {
    margin: 1px 0 1px 1px;

    background-color: #F0F0F0;
    color: #666666;
    border: solid 1px #E7E7E7;
}

.select2-container-multi .select2-choices .select2-search-choice:hover {
    background-color: #F0F0F0 /*!important*/;
}

.mass_action_container{


}

.mass_action_container.content div.row-fluid{
    max-width: 700px;
}

.mass_action .flex_container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.mass_action .flex_container > div{
    margin: 7px 0;
}

.highlight2{
    background-color: #F2F2F2;
}

.mass_action_manage div.action_block.v2.highlight2{
    padding: 5px;
}

/*
.label_checkbox.mass-action-checkbox:hover{
    opacity:0;
}
.mass_action_manage .label_checkbox.mass-action-checkbox:hover{
    opacity: 1;
}
*/


/* AWAITING APPROVAL */

.expansion-panel .icons_container, .activities .icons_container{
    display: flex;
    border: solid 1px #E6E6E6;
    border-radius: 50px;
    align-items: center;
    align-content: space-between;
    flex-basis: 85px;
    margin-right: 15px;

    max-height: 40px;
    min-width: 85px;
}

.expansion-panel .icons_container .user-avatar, .activities .icons_container .user-avatar{
    margin-right: 10px;
    padding: 2px;
}

.expansion-panel .icons_container .material-icons-round, .activities .icons_container .material-icons-round{
    color: #DADADA;
}

.align_items_start{
   align-items: start;
}

.expansion-panel-details{
    margin-left: 90px;
}

.expansion-panel .text{
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 500;
    word-break: break-word;
}

.activity_date{
    font-family: "Merriweather", serif;
}


.btn.has_icon{
    padding-left: 30px;
}

.btn.has_icon .icon{
    position: absolute;
    font-size: 18px;
    left: 10px;
}



/* SINGLE PAGE */

.page-content .single-page-title{
    font-size: 32px;
    margin-bottom: 40px;

}

.single-page-title .edit_post {
    margin-top: 0px;
    width: 32px;
    height: 32px;
}
.single-page-title .edit_post .material-icons-round{
    font-size: 20px;
    position: relative;
    top: -4px;
}

.page-content.d_content{
    max-width: 700px;
}

.single-page-subtitle{
    font-weight: normal;
    margin-top: 5px;
    font-style: normal;
}





.form-search{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.form-search .user_input{
    width: auto;
    max-width: none;
    flex-grow: 2;
    margin-right: 0;
}




.title{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 14px;

    font-size: 12px;
    /*background-color: yellow;*/
    height: 25px;
    color: #777777;
    letter-spacing: 0;
}

.title .material-icons-round{
    position: relative;
    top: 4px;
}


.option_block .title .material-icons-round{
    font-size: 18px;
}

.title .material-icons-round.down{
    top: 6px;
    color: #555;
}

.title.big{
    font-size: 15px;
    font-weight: 600;
    color: #292929;
}

.title.big.xl{
    font-size: 18px;
}


#settings .title.big{
    margin-bottom: 10px;
}

/* PROFILE PAGE */

.narrow_content{
    width: 800px;
}

.member_profile > .narrow_content{
    width: 800px;
    border: solid 1px #F6F6F6;
    border-radius: 10px;
    background-color: #F6F6F6;
    margin-bottom: 60px;
    min-width: 800px;
    padding: 0;
}

.member_profile > .content > .profile_head{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 30px;
    flex-wrap: wrap;
}

 div#change_pass{
    margin-top: 25px;
 }

.member_name{
    margin-top: 0;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 28px;
}
.member_job_title{
    margin-top: 2px;
    font-size: 14px;
}

.member_job_title.emphasized{
    color:#1795D4;
}

.member_name .icon_mark {
    font-size: 1em;
    vertical-align: middle;
    position: relative;
    top: -2px;
    cursor: default;
}

.member_name .options{
    position: relative;
    top: -2px;
}

.member_deactivated{
    font-family: "Cerebri Sans", sans-serif;
}

.member_desc{
    margin: 0 30px;
    font-size: 14px;
    color: #292929;
    margin-bottom: 30px;
}

.member_desc a:hover{
    text-decoration: none;
}

.member_desc .bounced .material-icons-round{
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #EE4646;
    margin-right: 3px;
}

.member_desc_title{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    clear: both;
    padding-top: 20px;
    color: #292929;
    margin-bottom: 10px;
}

.c_block{
/*    border:dashed 1px red;*/
    width: 280px;
    float:left;
    line-height: 2;
}

.member_profile ul.departments{
    float: none;
    text-align: left;
    padding: 0;
    max-width: none;
}


ul.departments li{
    padding: 0;
    font-family: "Cerebri Sans", sans-serif;
}

ul.departments li a{
    display: inline-block;
    padding: 3px 12px;
}

ul.departments.muted li a{
    /*cursor: default;*/
}

ul.departments li.active{
    background-color: #D0DCFB;
    color: #446BCF;
    padding-left: 0;
}
ul.departments li.active:hover{
    padding-left: 0;
}

.member_profile ul.departments li{
    font-size: 10px;
}

.member_profile ul.departments li.active:hover{
    background-color: #c1ceef;
}

ul.departments li.active:before{
    content:"";
    margin-right: 0;
    display: none;
}


.member_profile h5.subtitle{
    text-transform: uppercase;
    color: #727272;
    font-weight: 600;
    font-size: 18px;
}

.member_profile h5.subtitle .counter{
    background-color: #ebebeb;
    padding: 2px 7px;
    border-radius: 50px;
    font-size: 13px;
    color: #292929;
    position: relative;
    top: -2px;
    margin-left: 5px;
}




/* MY PROFILE PAGE */

#profile-settings input[type=text], #profile-settings input[type=password], #profile-settings input[type=email], #profile-settings select, #settings select#theme_id{
    height: 44px;
    width: 100%;
    font-family: "Cerebri Sans", sans-serif;
    color: #292929;
    border: solid 1px #cdcdcd;
    border-radius: 6px;
    background-color: #ffffff;
    transition: border linear .2s;
}

select.square{
    border-radius: 6px;
}

#profile-settings input[type=text]:focus, #profile-settings input[type=password]:focus, #profile-settings input[type=email]:focus, #profile-settings select:focus, #settings select:focus{
    border-color: #25B393;
}


#profile-settings div.txt_block{
    font-family: "Cerebri Sans", sans-serif;
    margin-bottom: 0;
    line-height: normal;
    color: #636363;
}

#profile-settings div.txt_subblock{
    line-height: normal;
    font-family: 'Merriweather', serif;
    font-size: 13px;
    color: #636363;
}

.avatar_container{
    display: flex;
    background-color: #F6F6F6;
    margin: 0 25px;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 50px;
    text-align: left;
    align-items: center;
}

.avatar_container .user-avatar{
    margin-right: 20px;
    position: relative;
    /*width: 80px;*/
    display: flex;
}


.upload-img-link{
    padding-top: 0;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 15px;
}

.upload-img-notice{
    margin-top: 5px;
    font-family: "Merriweather", serif;
    font-size: 13px;
}

.user-avatar .click-link#remove_link{
    background-color: #000;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 17px;
    width: 24px;
    height: 24px;
    text-align: center;
    opacity:0;
}

.click-link#remove_link .material-icons-round{
    color: white;
}

.user-avatar:hover .click-link#remove_link, .touch .user-avatar .click-link#remove_link{
    opacity: 1;
}

.user-avatar.empty:hover .click-link#remove_link{
    opacity: 0;
}
.user-avatar.empty .click-link#remove_link{
    display:none;
}

.tooltip_icon_container .material-icons-round{
    font-size: 20px;
    color: #aaa;
    vertical-align: middle;
 
}

.profile_bounced {
    top: 37px;
    color: #EE4646;
    cursor:default;
}

form#profile-settings{
    width: 800px;
    margin: auto;
    /*border:dashed 1px red;*/
}

.form_block {
    margin-top: 30px;
    position: relative;
}

.form_block .title{
    font-size: 15px;
    color: #292929;
    font-weight: 600;
    padding-bottom: 0px;
    padding-top: 20px;
}

.block_desc{
    font-family: "Merriweather", serif;
    font-size: 13px;
    padding-bottom: 0;
    margin-top: 5px;
    color:#636363;
    text-transform: none;
    font-weight: normal;
}

.block_desc.form-error-msg{
    color: #f96e60;
    margin-top: 0;
}

.block_desc.inside{
    margin-top: 15px;
    padding-bottom: 0;
    font-family: "Cerebri Sans", sans-serif;
}

.block_content{
    padding-bottom: 0;
    margin-top: 15px;
    font-family: "Cerebri Sans", sans-serif;
}

.block_content label.label_checkbox{
    margin-left: 0;
}



.block_content .tgl.post_option{
    margin-left: 0;
}

.toggle_expand{
    float:none;
    position: absolute;
    right: 0;
    /*top: calc(50% - 2px);*/
    top: 35px;
}

.toggle_expand .material-icons-round{
    font-size: 26px;
    color: #DADADA;
    transition: color .3s ease;
    font-weight: 600;
}

.toggle_expand:hover .material-icons-round{
    color: #25B393;
}


/*label.label_checkbox{*/
ul.post-settings li, ul.poll-type li, label.label_checkbox, #tab-authentication label.label_checkbox .block_checkbox{

    background: url(../images/radio_button_unchecked_24dp.svg) no-repeat scroll 0px -2px transparent;
    background-size: 24px;
    padding-left: 35px;
    min-height: 20px;


}

/*label.label_checkbox.checked{*/
ul.post-settings li.checked,label.label_checkbox.checked, #tab-authentication label.label_checkbox.checked .block_checkbox{
    background: url(../images/check_circle_24dp.svg) no-repeat scroll 0px -2px transparent;
}

.label_checkbox.strong{
    color: #292929;
    font-weight: 600;
}

.option_desc{
    margin-left: 35px;
}

.option_block label.label_checkbox {
    color: #292929;
    margin-bottom: 0;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 15px;
}

.option_desc{
    font-size: 14px;
    color: #636363;
}

#integrations_block .block_desc{
    font-family: "Cerebri Sans", sans-serif;

    display: flex;
    border: solid 1px #f0f0f0;
    border-radius: 10px;
    padding: 20px 10px;
    align-items: center;
    gap: 10px;
}
.integration_logo{
    margin-bottom: 0;
    width: 40px;
}

.app_desc{
    flex-grow: 2;
    font-size: 13px;
}
.app_name{
    font-size:15px;
    font-weight:bold;
}

.app_action{
    text-align: right;
    font-size: 14px;
}

.app_action .material-icons-round{
    font-size: 16px;
    vertical-align: text-top;
}

.btn .material-icons-round{
    font-size: 18px;
    vertical-align: text-bottom;
}

.comment_img_btn.btn .material-icons-round{
    font-size: 22px;
}

.btn.emojis-btn .material-icons-round{
    font-size: 22px;
}



#menu_block{
    font-family: "Merriweather", serif;
    font-size: 13px;
    color: #636363;
}


#light_dark{
    display: inline-block;
    margin-left: 15px;
    font-family: "Cerebri Sans", sans-serif;

}

.toggle_container{
    width: 138px;
    border-radius: 20px;
    background-color: #292929;
    color: #999;
    padding: 6px 10px;
    padding-bottom: 7px;
    position: relative;
    cursor: pointer;
}

.toggle_container.light{
    background-color: #EDEDED;
}

.toggle_container .l1, .toggle_container .l2{
    display: inline-block;
    width: 47px;
    /*border:dashed 1px yellow;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-left: 15px;
}

.toggle_container .l1{
    margin-left: 2px;
}

.toggle_item{
    background-color: #696969;
    color: white;
    border-radius: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 0 10px;
    transition: right 0.3s ease, left 0.3s ease;
    width: 64px;
    text-align: center;
    height: 26px;
}

.toggle_container.light .toggle_item{
    background-color: #ffffff;
    color: #292929;
}

.toggle_container.light .toggle_item{
    right: 70px;
    /*
    left: 5px;
    right: unset;
    */
}

.toggle_container .toggle_item:after{
    content:attr(data-off);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;

}


.toggle_container.light .toggle_item:after{
    content: attr(data-on);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
}

.toggle_container input{
    display: none;
}


.toggle_container.light .l2{
    color: #949494;
}


.sidebar_visibility{
    margin-top: 35px;

}

.sidebar_visibility ul{
    list-style: none;
    margin-top: 15px;
}

.sidebar_visibility ul li label{
    margin-left: 0;
    margin-bottom: 12px;
    font-family: "Cerebri Sans", sans-serif;
}

.menu_visibility input{
    display: none;
}


label.menu_visibility{
    color: #292929;
}

label.menu_visibility .material-icons-round{
    vertical-align: bottom;
    color: #999999;
    margin-right: 7px;
}

label.menu_visibility.checked .material-icons-round{
    color: #25B393;
}


div.bootbox-body ul li, div.bootbox-body ul li.checked{
    padding-left: 35px;
    background-position: 0 -2px;
}

div.bootbox-body input#email_change_password{
    height: 42px;
    padding: 5px;
    font-size: inherit;
    width: auto;
    margin: 0;
}


#crop-title{
    font-family: "Cerebri Sans", sans-serif;
}


.white-popup-block{
    max-width: 800px;
}

div#integration-popup{
    font-family: "Cerebri Sans", sans-serif;
}

div#integration-popup .integration_desc{
    font-family: "Merriweather", serif;
    font-size: 14px;
}

div#integration-popup table tr.caption{
    font-family: "Cerebri Sans", sans-serif;
}

div#integration-popup .integration_wrapper {
    padding: 30px;
    border-radius: 15px;
}

div#integration-popup .delete-integration {
    right: 25px;
    top: 25px;
}

div#integration-popup .channel_name{
    white-space: nowrap;
    font-weight: bold;
}

div#integration-popup .integration_title{
    font-size: 18px;
    letter-spacing: -1px;
}


div#integration-popup .fields .checkbox label{
    margin-bottom: 0;
    color: #292929;
    padding-top: 8px;
}

div#integration-popup .fields .checkbox label input{
    margin-right: 5px;
}

div#integration-popup label.checkbox{
    padding: 4px 15px;
}


div#integration-popup .multiselect-container{
    min-width: 240px;
}

div#integration-popup .multiselect-container li label{
    font-size: 14px;
}

div#integration-popup .multiselect-container li.subcat label{
    font-size: 13px;
}

div#integration-popup .multiselect-container li:hover{
    background-color: #f6f6f6;
}

div#integration-popup button.multiselect {
    padding-right: 8px;
}

div.event_desc {
    font-size: 13px;
    font-family: 'Merriweather', serif;
}

div.event_desc .note{
    font-family: "Cerebri Sans", sans-serif;
}

#checkbox-section-5 .multiselect.dropdown-toggle.btn.btn-default.warning{
    border: 2px solid #EE6D46;
}




/* NEW / EDIT POST */



.create-container .row.text-left{
    justify-content: center;
}

div.edit_post_title{
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 25px;
    font-family: "Cerebri Sans", sans-serif;
    letter-spacing: -1px;
    line-height: 1.25;

    font-size: 34px;
    font-weight: 700;
    color: #292929;
    max-height: 125px;
}

.post_status .select2-container{
    position: relative;
    top: -3px;
}

.main-content .form-section.editor_container{
    border-top: 1px solid #dddddd;
    border-radius: 5px;
}

.form-section{
    padding-left: 0;
    border-bottom: 0;
    margin-top: 10px;
}


.form-section label, .form-section div.lbl{
    font-family: "Cerebri Sans", sans-serif;
    color: #292929;
    font-size: 15px;
    letter-spacing: 0.01em;
}

label.bottom_section:hover, label.bottom_section.active{
    color: #000;
}



/* emojis list, emoji_modal.js */

div#title_div a.emojis-btn {
    /*bottom: calc(50% - 25px);*/
    bottom: 0px;
}

ul.nav.emojis-nav{
    width: 100%;
    justify-content: space-between;
}

ul.nav.emojis-nav .material-icons-round{
    font-size: 20px;
}

ul.nav.emojis-nav li{
    /*border: dashed 1px red;*/
    float: none;
}

ul.nav.emojis-nav>li>a.active, ul.nav.emojis-nav>li>a.active:hover, ul.nav.emojis-nav>li>a.active:focus{
    color: #222;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: solid 3px #25B38E;
    /*transition: none;*/
}

ul.nav.emojis-nav li a{
    margin-left: 0;
    transition: color 0.2s ease;
}

.emojis-search input[type="text"]{
    height: auto;
    border:none;
}

.emojis-list .emoji-title {
    margin-top: 10px;
}

ul.nav.emojis-nav>li>a, ul.nav.emojis-nav>li>a:focus {
    margin-left: 0;
    width: auto;
    
}
ul.nav.emojis-nav>li>a:hover{
    color: #777;
}


.save_default{

    position: absolute;
    right: 8px;
    bottom: -8px;
    opacity: 0;
    transition: opacity .5s;
}

.form-section.block-section:hover .save_default{
    opacity: 1;
}

.save_default a{
    color: #bbb;
    font-family: 'Cerebri Sans';
    font-size: 12px;
    font-weight: normal;
    transition: color .3s;
}

.save_default a:hover{
    color: #888;
    text-decoration: underline;
}


ul.categories li, ul.teams li {
    color: #777777;
    background-color: transparent;
    font-family: "Cerebri Sans", sans-serif;
    opacity: 0.8;

    box-sizing: content-box;    /* bootstrap 4 compatibility fix */

}

ul.teams li:hover, ul.categories li:hover{
    opacity: 1;
    color: #555;
}

ul.teams li.locked{
    color: #aaa;
}

ul.teams li.locked:hover{
   /* color: #777;*/
}

ul.teams li span.material-icons-round.lock{
    font-size: 14px;
    vertical-align: text-top;
    margin-right: 2px;
    margin-left: -2px;
    
}

ul.departments li.locked:hover{

}

ul.categories li.cat-select, ul.categories ul.subcategories li.cat-select{
    background-color: #D3EEE8;
    color: #1A9D80;
}

ul.teams li.cat-select{
    background-color: #D0DCFB;
    color: #446BCF;
}

ul.teams li.notice, ul.teams li.notice:hover{
    opacity: 1;
    font-weight: normal;
    color: #777;
    cursor: default;
}

ul.teams li.notice.cat-select{
    color: #777;
    background-color: #fff;
    opacity:1;
    font-style: italic;
}

.subcat_post, .subcat_post:focus{
    color: #777777;
    padding-left: 0;
    padding-right: 0;

}

.subcat_post .material-icons-round{
    position: relative;
    vertical-align: text-top;
    top: -5px;
    left:-3px;
    color: #9a9a9a;
}

ul.categories li.cat-select .subcat_post .material-icons-round{
    color: #1A9D80;;
}


.subcat_post:hover .material-icons-round{
   color: #555555;
}

ul.categories li.cat-select .subcat_post:hover .material-icons-round {
    color: #12725d;
}

ul.categories li.cat_disabled, ul.categories li.cat_disabled:hover, ul.categories ul.subcategories li.cat_disabled, ul.categories ul.subcategories li.cat_disabled:hover {
    background-color: transparent;
    color: #A9A9A9;
}

/* parent category disabled */
ul.categories li.cat_disabled.parent_category, ul.categories li.cat_disabled.parent_category:hover{
    background-color: transparent;
}

ul.categories li.selected_subcats .material-icons-round{
    display:none;
}


ul.categories li span.counter{
    background-color: #1A9D80;
    color: #fff;
    height: 16px;
    top: -1px;
    padding: 0px 5px;
    padding-top: 1px;
    margin-right: 5px;
}

li.selected_subcats.cat-select .counter {
    background-color: #1A9D80;
}

/* top category not selected, hover on counter */
ul.categories li.selected_subcats a:hover span.counter{
    background-color: #CCCCCC;
    color: #292929;
}
/* top category selected, hover on counter */
ul.categories li.cat-select a:hover span.counter{
    background-color: #147a64;
    color: #fff;
    /*color: #292929;*/
}

/*subacategories*/



ul.categories ul.subcategories li:hover{
    background-color: transparent;
}

ul.categories ul.subcategories li.cat-select:hover{
    background-color: #D3EEE8;
}

.popover-header{
    background-color: transparent;
    border-bottom: none;
}

.popover_close .material-icons-round{
    font-size: 20px;
}

.popover-body .subcategories_title{
    font-family: "Cerebri Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    padding-top: 5px;
    font-size: 12px;
}

#draft_action{
    font-family: "Cerebri Sans", sans-serif;
    position: relative;
    top: 2px;
}

#draft_action .material-icons-round{
    vertical-align: text-bottom;
    font-size: 22px;
}



/* SETTINGS */

.page-title.settings{
    text-align: center;
    width: auto;
    font-weight: 600;
}

#settings {
    max-width: 780px;
    min-width: auto;
}

.tab-content{
    border:none;
    background-color: #ffffff;
    font-family: "Cerebri Sans", sans-serif;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.show .nav-link{
    color: #292929;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: solid 1px #fff;
    text-decoration: none;
}

.tab-content > .tab-pane > div.header_block{
    background-color: #ffffff;
    padding: 30px 0;
    font-family: 'Merriweather', serif;
    font-size: 16px;
}


.nav-tabs .nav-link {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    color: #c1c1c1;
    transition: color .3s ease;
}

.nav-tabs .nav-link:hover /*, .nav-tabs .nav-link:focus*/{
    border-color: #ffffff;
    border-bottom: #dee2e6;
    color: #777;
    text-decoration: none;
}



ul.nav-tabs > li > a {
    font-size: 18px;
    padding: 12px 35px;
    font-family: "Cerebri Sans", sans-serif;
}

.tab-content > .tab-pane#tab-general div.main_content{
    padding: 40px 0;
}

#settings #general_form .block{
    width: 49%;
    display: inline-block;
    /*background-color: yellow;*/
    margin-bottom: 15px;
}

#settings #general_form .block.custom_dom{
    width: 100%;
    border-top: solid 1px #ddd;
    padding-top: 25px;
}

#verify_signup #settings #general_form .block{
    width: 100%;
    font-family: "Cerebri Sans", sans-serif;

}

.upload_container {
    width: 250px;
    height: 100px;
    border: dashed 1px #ccc;
    border-radius: 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.cl_container{
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    margin-top: 10px;
}


.upload_container .material-icons-round{
    color: #cccccc;
    font-size: 36px;
    transition: color .3s ease;
}

.upload_container:hover .material-icons-round{
    color: #999;
}

.cl_container #remove_link{
    color: #636363;
    text-transform: uppercase;
    font-size: 12px;
}

.cl_container #remove_link:hover{
    text-decoration: underline;
}


#company_logo_container{
    height: 100px;
    /*width: 250px;*/
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: solid 1px red;*/
   justify-content: left;
   min-width: 100px;
}

#company_logo_container img#company_logo {
    max-height: 90px;
    max-width: 100%;
}

#settings input[type="text"], #settings input[type="password"]{
    height: auto;
    width: 95%;
    color: #292929;
    font-size: 16px;
}

#verify_signup #settings input[type="text"], #verify_signup #settings input[type="password"]{
    width: 100%;
    box-sizing: border-box;
}

.subdomain_url{
    padding: 10px 12px;
    border: 1px solid #cdcdcd;
    border-left:0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #636363;
    font-size: 16px;
}

#verify_signup #settings .subdomain_input{
    max-width: none;
    margin-bottom: 0;
}

#verify_signup #settings .avatar_container{
    padding: 0;
    margin: 0;
    background-color: transparent;
    gap: 10px;
    margin-bottom: 20px;

    flex-wrap: wrap;
    justify-content: center;

}

#verify_signup #settings .upload_container{
    width: 100px;
}

#verify_signup #settings #company_logo_container{
    width: auto;
}

#verify_signup #settings .upload_link_container{
    width: 100%;
    text-align: center;
}

#verify_signup #settings #company_logo_container img#company_logo{
    max-width: 100%;
    max-height: 100%;
}

.access_caption{
    font-family: "Cerebri Sans", sans-serif;
}

#verify_signup #settings .click-link {
    font-family: "Cerebri Sans", sans-serif;
}

/*
#settings #general_form .block:nth-child(even) {

    text-align: right;
}
*/
/*
#settings #general_form .block:nth-child(even) .title{
    text-align: left;
    margin-left: 5%;
}
*/

#settings input#custom_domain {
    padding-left: 95px;
    /*width: 95%;*/
    /*width: 50%;*/
    width: calc(49% - 20px);
}

#settings select#theme_id{
    width: calc(49% - 20px);
}

#settings select#theme_id:focus{
    border: solid 1px #cdcdcd;
}

#custom_domain_protocol{
    border-radius: 4px;
    margin-top: 1px;

    background-color: #f5f5f5;
    padding-right: 20px;
    padding-left: 7px;
    max-width: 85px;
    height: 36px;
    top: 5px;
    margin-left: 0px;
}

#settings .tooltip_icon_container .material-icons-round{
    vertical-align: text-bottom;
    font-size: 20px;
}

#verify_signup #settings .tooltip_icon_container .material-icons-round{
    font-size: 16px;
    top: -1px;
}

#settings .title .tooltip_icon_container .material-icons-round{

    top: -2px;
}

.tab_text.note{
    font-family: "Cerebri Sans", sans-serif;
    font-style: normal;
    font-size: 14px;
    margin-top: 0;
    font-weight: normal;
}

.tab_text.note .material-icons-round{
    font-size: 14px;
    position: relative;
    top: -1px;
}

#tab-authentication label.label_checkbox .block_checkbox.caption{
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #292929;
}

#settings .option_desc.sans{
    font-family: "Cerebri Sans", sans;
    color: #777;
}

.option_desc.subtext{
    margin-top: 0;
}

.option_block_item {
    padding: 25px 25px;
    border-radius: 15px;
    border: solid 1px #e2e2e2;
}

.option_block_item .item_name{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #292929;
    margin-bottom: 0;
}

.option_block_item .item_name img{
    width: 23px;
    height: 23px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

#slack_workspaces_container ul.invite_departments{
    margin-bottom: 0;
}

button.add_to_slack{
    background-color: white;
    border: solid 1px #ccc;
    padding: 5px 10px;
    border-radius: 27px;
    font-family: "Cerebri Sans", sans;
    font-weight: 600;
    color: #292929;
    padding-right: 20px;
    font-size: 15px;
    transition: border-color .3s ease;
    margin-left: 10px;
}

button.add_to_slack:hover{
    border-color: #aaa;
}

button.add_to_slack img{
    width: 20px;
    vertical-align: text-bottom;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.option_block_item span.material-icons-round.saved{
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    color: #5dbd9e;
}

.nav-tabs > li > a:focus {
    padding-bottom: 12px;
}




/* USERS */


.nav-link span.count{
    border-radius: 50px;
    font-size: 10px;
    line-height: 12px;
    padding: 2px 5px;
    vertical-align: middle;
    background-color: #F2F2F2;
    color: #949494;
}

.nav-link.active span.count{
    color: #25B393;
    background-color: #D3EEE8;
}

.page-title-wrap .page-title{
    text-align: center;
    margin: auto;
    font-weight: 600;

}

h2 .breadcr{
    letter-spacing: -1px;
}

.cat-content .cat-desc .page-title {
    text-align: left;
    max-width: 100%;
}

#users_and_teams .content{
    width: 800px;
    min-width: auto;
}

.invite_new_btn .material-icons-round{
    font-size: 18px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

a.invite_new_btn {
    position: absolute;
    top: 30px;
    right: 0px;
}

.title .count{
    background-color: #E2E2E2;
    color: #000000;
    font-size: 12px;
    border-radius: 20px;
    padding: 4px 6px;
    min-width: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
    position: relative;
    top: -1px;
    margin-left: 3px;
}


/*.mass_action_manage #tab-members .label_checkbox.mass-action-checkbox{*/
.mass_action_manage ul.team-members li label.label_checkbox.mass-action-checkbox{
    padding: 0;
    left: 0;
    padding-top: 45px;
}

.active_users{
    font-style: normal;
    margin-top: 15px;
    font-size: 14px;
    color: #999;      
}

.mass_action_manage ul.team-members > li, .manage_users ul.team-members > li {
    margin-left: 0;
}

.mass_action_manage ul.team-members > li .single-member, .manage_users ul.team-members > li .single-member {
    padding-left: 35px;
}


/*#tab-members .single-member{*/
label.single-member{
    display: flex;
}

ul.departments.small{
    max-width: none;
    flex-grow: 1;
    margin-left: 10px;
}

#tab-members .member-info{
    width: auto;
    /*flex-basis: 240px;*/
    /*margin-right: 10px;*/
    min-width: 25%;
   
}

.member-info-container{
    display: flex;
    flex-wrap: nowrap;
    /*border:dashed 1px red;*/
    min-width: 38%;
}

.member-title{
    white-space: normal;
    font-size: 13px;
    font-family: 'Merriweather', serif;
}

ul.team-members li a.username {
    margin-bottom: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.member-job-title {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: -2px;
    white-space: nowrap;
    overflow-x: clip;
    text-overflow: ellipsis;
}

.member-email {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: -2px;
}

input.find_members {
    background-image: url(../images/search_icon.svg);
    padding-left: 35px;
    width: 350px;
}


/*#users_and_teams*/ ul.departments.small li {
    color: #9E9E9E;
    background-color: transparent;
    padding-left: 0;
    padding: 2px 10px;
    transition: color 0.3s ease;
}

/*#users_and_teams*/ ul.departments.small:not(.muted) li:not(.active):hover{
    color: #777777;
}

/*#users_and_teams*/ ul.departments.small li.active {
    background-color: #D0DCFB;
    color: #446BCF;
    padding-left: 10px;
}
ul.departments.muted li:not(.active):hover{
    background-color: transparent;
}

.block_text{
    font-family: "Merriweather", serif;
    font-size: 13px;
}

.btn.slack_invite{
    background-position: 12px;
    padding-left: 42px;
    font-size: 12px;
}

#invite input[type="text"], #invite input[type="email"]{
    color: #292929;
}

#invite select, select{
    border-radius: 30px;
    background-color: #F7F7F7;
    font-size: 16px;
    cursor: pointer;
    padding-left: 15px;
    font-family: "Cerebri Sans";
    border: solid 1px #F7F7F7;
}

#profile-settings select{
    background-color: #FFFFFF;
}

#invite select:focus, select:focus{
    /*border-color: #F7F7F7;*/
    border-color: #5dbd9e;
}

select.small {
    font-size: 14px;
}

#invite select{
    position: relative;
    top: -2px;
}

.limited_access {
    top: 42px;
    right: 0px;
}


.popover-body {
    padding: 15px 20px;
    /*font-family: "Merriweather", serif;*/
    font-family: "Cerebri Sans", sans-serif;
    font-size: 14px;
}

.popover-body p{
    font-size: 14px;
    margin-bottom: 10px;
}

.popover-body .material-icons-round.font{
    font-size: 14px;
    vertical-align: text-bottom;
    top: -2px;
    position: relative;
}

#invite .tooltip_icon_container .material-icons-round{
    vertical-align: bottom;
    font-size: 20px;
}

#invite label {
    vertical-align: text-top;
}

#invite label.rem_inv, #post_poll label.rem_answer{
    line-height: 16px;
    cursor: pointer;
    vertical-align: middle;

    position: absolute;
    top: 40px;
    right: 1%;
}


#bulk_invite_trigger .material-icons-round{
    font-size: 22px;
    vertical-align: text-top;
}

.invite_notice{
    font-family: 'Merriweather', serif;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 13px;
}

.tab-content > .tab-pane > div.invited{
    position:relative;
    background-color: #F6F6F6;
    padding: 35px;
}

.tab-content > .tab-pane > div.invited.top{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: solid 1px #e2e2e2;
    padding: 25px 35px;
    margin-top: 30px;
}

.tab-content > .tab-pane > div.invited.bottom{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

form.filter-invitations {
    top: 23px;
    right: 35px;
}

#invited-people{
    margin-top: 10px;
}

ul.team-invites li .inv_container {
    padding: 10px 0px;
}

.btn_small .material-icons-round{
    font-size: 18px;
    vertical-align: text-bottom;
    margin-right: 3px;

}
#resend-all .btn .material-icons-round{
    color: #888;
}

ul.team-invites .inv_actions{
    margin-top: 10px;
}


ul.team-invites .inv_actions .del_inv{
    font-size: 12px;
    color: #949494;
    cursor: pointer;
}

.inv_actions .material-icons-round{
    vertical-align: top;
}

ul.team-invites .inv_actions .del_inv:hover{
    /*color: #666666;*/
    color: #EE4646;

}

ul.team-invites div.msg{
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: default;
    margin-right: 0;
}

.resend_inv .msg .material-icons-round{
    font-size: 18px;
    position: relative;
    top: 4px;
    color: #25B393;
}


.white-popup-block.wide {
    max-width: 860px;
}

.invite_users_popup .team_block{
    font-family: "Cerebri Sans", sans-serif;
}

.invite_users_popup .workspace{
    font-family: "Cerebri Sans", sans-serif;
}

.team_block .team_name{
    color: #333;
    font-size: 18px;
}

.team_block .team_name img{
    width: 23px;
    height: 23px;
    vertical-align: text-bottom;
}

.invite_users_popup .workspace_container {
    border-radius: 15px;
    padding: 30px;
}

.team_toggle .material-icons-round{
    font-size: 18px;
    vertical-align: text-bottom;
}

.invite_users_popup .team_block .team_toggle{
    font-size: 16px;
}

table.workspace_users, table.workspace_users thead{
    font-family: "Cerebri Sans", sans-serif;
    color: #666666
}

ul.invite_departments li{
    background-color: transparent;
    padding: 2px 10px;
    color: #9E9E9E;
    transition: color .3s ease;
}
ul.invite_departments li:hover{
    background-color: transparent;
    color: #666666;
}

ul.invite_departments li.active{
    padding: 2px 10px;
}

ul.invite_departments li.active:hover  {
    background-color: #D0DCFB;
    color: #446BCF;
    padding: 2px 10px;
}

.handle{
    padding: 0;
}


ul.sortable li, ul.categories-list.sortable li{
    border-bottom: solid 1px #EBEBEB;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 600;
}

ul.sortable li:last-child, ul.categories-list.sortable li:last-child{
    border:none;
}

ul.flex_list li{
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 8px 0;
    margin: 2px 0;
    border-bottom: solid 1px #EBEBEB;
}

ul.flex_list li .actions{
    white-space: nowrap;
    flex-grow: 2;
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
}

ul.flex_list li .created_by{
    /*white-space: nowrap;*/    /* problem on smaller screens on shared-posts where it has long content */
    font-size: 13px;
}

ul.flex_list li .material-icons-round, ul.categories-list li .material-icons-round{
    color: #D2D2D2;
    font-size: 20px;
}

.handle.material-icons-round{
    font-size: 20px;
    color: #D2D2D2;
    vertical-align: text-bottom;
}

.actions .member_counter{
    font-size: 13px;
}

.actions.right {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
}

.actions .delete-link{
    color: #949494;
}

.actions a.delete-link:hover{
    color:#EE4646;
}

.round_container{
    border-radius: 20px;
    padding: 30px;
    background-color: #F6F6F6;
}

#category .add-category-btn{
    display: inline-block;
    position: relative;
    top: 10px;
}

ul.team-members{
    font-family: "Cerebri Sans", sans-serif;
}

ul.team-members li a.username:hover{
    /*color: #25B393;*/
    color: #239C81;
}

.sub_title .material-icons-round{
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    color:#777;
}



form.filter-team, form.filter-tag {
    font-family: 'Cerebri Sans', sans-serif;
}

#invite input[type="text"], #category input[type="text"] {
    font-family: 'Cerebri Sans', sans-serif;
    color: #292929;
}

.ckeditor_subnote{
    font-family: "Cerebri Sans", sans-serif;
    font-style: normal;
    bottom: 5px;
    font-weight: 500;
}

.ckeditor_subnote .material-icons-round{
    font-size: 16px;
    vertical-align: text-bottom;
}

#settings .dataTable-item-inner a:hover{
    color: #292929;
}

.round_page_desc_container .filters{
    margin-bottom: 0;
}

.filters .item{
    margin-right: 20px;
    font-size: 15px;
    font-family: 'Cerebri Sans', Sans-serif;
    color: #292929;
}

.filters .title {
    margin-bottom: 5px;
    font-weight: bold;
}

.filters label.label_checkbox{
    padding-left: 30px;
}

.filter-message, .filter-inv-message, .filter-search-message{
    font-family: "Merriweather", serif;
}





.statscalendar{
    padding: 12px 15px;
    border: 1px solid #E8E8E8;
}
.statscalendar .material-icons-round{
    margin-right: 10px;
    color: #bbb;
    transition: color .3s ease;
}

.statscalendar:hover .material-icons-round{
    color: #999;
}

.statscalendar .material-icons-round.caret{
    margin-right: 0;
    color: #949494;
    transition: color .3s ease;
}

.statscalendar:hover .material-icons-round.caret{
    color: #333;
}


.statscalendar span.txt{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 16px;
    margin-top: 1px;
}

.daterangepicker{
    font-family: "Cerebri Sans", sans-serif;

    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    box-shadow: 0px 7px 18px rgba(0, 0, 0, 0.15);
}

.daterangepicker .d_flex{
    max-width: 730px;
    padding: 20px;
    justify-content: space-between;
}

.daterangepicker .d_flex .ranges, .daterangepicker .d_flex .range_inputs_container{
    width: 100%;
}

.daterangepicker .d_flex .ranges ul {
    width: auto;
}

.daterangepicker .d_flex .ranges li{
    display: inline-block;

    background-color: transparent;
    border: none;
    color: #9A9A9A;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    transition: color .3s ease;
}

.daterangepicker .d_flex .ranges li:hover{
    color: #333;
}

.daterangepicker .d_flex .ranges li.active{
    background-color: #D3EEE8;
    color:#21987D;
    border-radius: 50px;
}

.daterangepicker .d_flex .calendar{
    max-width: none;
    width: 47.5%;
    border: 1px solid #EAEAEA;
    padding: 12px;
    border-radius: 5px;
}

.daterangepicker.ltr .d_flex .calendar.left{

}

.daterangepicker .input-mini{

}

.daterangepicker .d_flex .input-mini {
    height: 40px;
    font-family: "Cerebri Sans", sans-serif;
    padding: 0px 6px 0 40px;
    color: #292929;
    font-size: 16px;
    border-color:  #EAEAEA;
}

.daterangepicker .daterangepicker_input i.material-icons-round{
    color:#BBB;
}

.daterangepicker .d_flex th.available:hover, .daterangepicker .d_flex th.available:hover {
    background-color: transparent;
    border-color: transparent;
    color: inherit;
}


.daterangepicker .d_flex th.available .material-icons-round{
    background-color: #F4F4F4;
    border-radius: 50px;
    transition: background-color .3s ease;
}

.daterangepicker .d_flex th.available .material-icons-round:hover{
    background-color: #E6E6E6;
}

.daterangepicker .calendar td.available{
    background-color: #F9F9F9;
    border: solid 1px #E7E9EA;
}

.daterangepicker .calendar td.available.off{
    background-color: white;
    border:none;
}

.daterangepicker .d_flex th {
    border: inherit;
}

.daterangepicker .d_flex th.prev.available{
    text-align: left;
    height: 50px;
}

.daterangepicker .d_flex th.next.available{
    text-align: right;
    height: 50px;
}

.daterangepicker .d_flex .calendar-table{
    padding: 0;
    margin-top: 10px;
}

body .daterangepicker .d_flex td.in-range{
    background-color: #D3EEE8;
    border-color: #A5D9CD;
}

body .daterangepicker .d_flex td.active, body .daterangepicker .d_flex td.active:hover {
    background-color: #25B393;
    border-color: #25B393;
    /*border: inherit;*/
}
/*
.daterangepicker .d_flex td{
    border-radius: 0;
}

.daterangepicker .d_flex td.start-date{
    border-radius: 0;
}

.daterangepicker .d_flex td.end-date{
    border-radius: 0;
}
*/

body .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #e2e2e2;
}

.daterangepicker.ltr .d_flex .left .daterangepicker_input {
    padding-right: 0;
}

.daterangepicker.ltr .d_flex .calendar.left .calendar-table {
    padding-right: 0;
}

.range_inputs_container{
    margin-top: 15px;
    padding-left: 5px;
    text-align: right;
}

.daterangepicker .d_flex table{
    border-collapse: unset;
    border-spacing: 1px;
}


.daterangepicker .d_flex .calendar td{
    text-align: right;
    min-width: 32px;
    padding-right: 7px;
    font-size: 14px;
}

.daterangepicker.opensright.ltr:after {
    left: 20px;
}

.daterangepicker.opensright.ltr:before {
    left: 19px;
    border-bottom-color: #E8E8E8;
}

ul.activities li{
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.activities .activity_date{
    display: block;
}

.activities .icons_container {
    margin-right: 20px;
}

.p_cell .txt{
    font-family: "Cerebri Sans", sans-serif;
}


form.filter-tag {
    top: -15px;
    right: 0px;
}

.following_user{
    font-size: 20px;
    /*vertical-align: middle;*/
    top: -2px;
    position: relative;
    margin-left: 0;
}

.member-job-title .material-icons-round, .member_desc .bounced .material-icons-round, .member-email .material-icons-round{
    color: #EE4646;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.member-email span.bounced{
    color: #EE4646;
}



    /* pagination */

ul.pagination {
    background-color: white;
    border-top: 1px solid #dddddd;
    justify-content: center;
}

ul.pagination li{
    line-height: 38px;
}

ul.pagination li a {
    color: #636363;
    border: 1px solid #c0c0c0;
    font-size: 12px;
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    min-width: 40px;
    display: inline-block;
    padding: 0;
    padding-left: 14px;
    padding-right: 12px;

}






ul.pagination.small li{
    line-height: auto;
}

ul.pagination.small li a.current{
    color: white;
    background-color: #25B393;
}

ul.pagination.small li{
    line-height: 30px;
}

ul.pagination.small li a{
    color: #636363;
    padding: 0;
    min-width: 32px;
    padding-left: 8px;
    padding-right: 6px;
}

ul.pagination.small li a:hover{
    color: #292929;
    border-color: #25B393;
    background-color: transparent;
}


.content.stats_content{
    max-width: 960px;
    min-width: unset;
}

.stats_content .statscalendar{
    width: 740px;
    max-width: 90%;
    margin: auto;
    transition: border-color .3s ease;
}

.stats_content .statscalendar:hover{
   border-color: #ccc;
   
}

.stat_block, .statstable a.post-title{
    font-family: "Cerebri Sans", sans-serif;
}

.statstable a.post-title:hover{
    color:#239C81;
}

.statstable .material-icons-round{
    color: #aaaaaa;
    position: relative;
    top: 5px;
    font-size: 18px;
}

.statstable .active .material-icons-round{
    color: #25B393;
}


.config_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


/* BILLING */

.current_plan{
    color: #444;
    font-size: 16px;
}

.current_plan .material-icons-round{
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.billing_buttons_form{
    margin-top: 0;
}

.billing_buttons_form .btn{
    min-width: 290px;
    max-width: 100%;
}

ul.payments li {
    padding: 10px 0px;
    border-bottom: solid 1px #eee;
    font-size: 14px;
}

ul.payments li .material-icons-round{
    font-size: 20px;
    vertical-align: text-bottom;
    color: #D2D2D2;
    position: relative;
    top: 1px;
}

.buttons_container{
    gap: 20px;
    margin-top: 40px;
}

.surcharge_desc input.num_users{
    padding: 0;
    padding-left: 14px;
    margin-bottom: 0;
}









    /* BOOTSTRAP 2 > 4 COMPATIBILITY FIXES */

.post-content .post_body *:not(iframe) {
    height: auto;
}

.post-content .post_body audio{
    height: revert;         /*  reset to initial value */
}

.content .post_body img{
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.content .post_body img:not(.emojione, .fetchurl-image, .comment_img), .content .post_body div.videodetector, .content .post_body .fetchurl.video{             /* preset for image/video fadein */
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}

.content .post_body img.s_fadein, .content .post_body div.videodetector.s_fadein, .content .post_body .fetchurl.video.s_fadein{            /* slide and fade in images as they enter the viewport */
    opacity: 1;
    transform: translateY(0);
}

.content .post_body img.fadein, .content .post_body div.videodetector.fadein, .content .post_body .fetchurl.video.fadein{         /* fade in image visible in the viewport from start, once image is loaded  */
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s ease-in, transform 0s ease;
}



.content #post_body.has_wide_content{
    overflow-x: visible;
}

div.post-content #post_body.has_wide_content ul, div.post-content #post_body.has_wide_content ol, div.page-content #post_body.has_wide_content ul, div.page-content #post_body.has_wide_content ol{
    /*overflow-x: visible;                /* does not work */
    overflow: visible;                  /* allow images inside ul and ol to be "wide" */
}

.content .post_body img.emojione {
    height: 1.1em;
}

/*.popover{
    display:none;
}
*/

.pull-right{float:right}

.pull-left{float:left}

#emojisModal{
    display: none;
    overflow: hidden;
}

.img-circle{
    border-radius: 500px;
}

ul{
    padding: 0;
}

ul li label.single_p{
    width: 100%;
}

.emojis-items li{
    list-style: none;
}

.dropdown-menu li a{
    font-weight: normal;
}

/*
ul.categories li, ul.teams li{
    box-sizing: content-box;
}
*/

.modal-title{
    order:-1;
}

.row-fluid::after {
    clear: both;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}


/* END BOOTSTRAP 2 > 4 COMPATIBILITY FIXES */







/* POPOOVER STYLING */

.popover{
    min-width: 150px;
    border-radius: 10px;
    padding: 5px 0;
    border-color: #DCDCDC;
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.23);
}

.popover.arrowless .arrow{
    display: none;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]{                /* fix for Safari popover arrow position */
    margin-top: 7px;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"]{                      /* fix for Safari popover arrow position */
    margin-bottom: 7px;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    /*
    top: calc(-0.5em - 1px);
    top: calc(-7px - 1px);
    */
    top: -8px;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    /*bottom: calc(-0.5rem - 1px);*/
    bottom: -8px;
}

/* border color of popover arrow */
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #CDCDCD;
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #CDCDCD;
}





.popover.ul_list .popover-body {            /* no padding on body when popover is to contain ul with list elements */
    padding: 3px 0;
}

.popover-body ul{

    margin-bottom: 0;
}

.popover-body ul li{
    list-style: none;
    padding: 0;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 14px;
}

.popover-body ul li a{
    display: block;
    padding: 3px 10px;
    color: #000;
    padding-right: 20px;
    transition: none;
    cursor: pointer;
    font-weight: 400;
}

.popover-body ul li a:hover{
    background-color: #F2F2F2;
}



.popover-body ul li a .material-icons-round{
    font-size: 18px;
    position: relative;
    top: 4px;
    margin-right: 5px;
    color: #949494;
    transition: color .3s ease;
}

.popover-body ul li a:hover .material-icons-round{
    color: #292929;
}

.popover-body ul li.disabled a:hover .material-icons-round{
    color: #949494;
}

/* browser notification blue popover */

.popover.browsernotif{          /* fix position to top left */
    position: fixed !important;
    transform: none !important;
}


.popover.browsernotif h3.popover-header{
    background-color: dodgerblue;
    border: none;
    color: white;
    font-size: 18px;
    margin-top: 10px;
    /* margin-bottom: 0; */
    padding-bottom: 0;
    padding-left: 20px;
}

.popover.browsernotif div.popover-body{
    color:#ffffff;
    font-weight: bold;
    line-height:1.6;
}

.popover.browsernotif div.popover-body p{
    line-height: 1.3;
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}

/* customize arrow position for each broser */

.popover.browsernotif .arrow{   /* default,.. webkit */
    border-bottom: none;
    left:100px;
    /*display:none;*/
}

.popover.browsernotif.safari .arrow{
    left: 50px;
}

.popover.browsernotif.firefox .arrow{
    left: 350px;
}

.popover.browsernotif .popover-body .material-icons-round{
    font-size: 20px;
    vertical-align: text-top;
}

/* fix bootstrap arrow strange borders below arrow...*/
.popover.browsernotif.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before{
    border: none;
}

.popover.browsernotif > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before{
    border:none;
}

.popover.browsernotif > .arrow::after, .bs-popover-auto[x-placement^="bottom"]>.arrow::after{
    border-bottom-color: dodgerblue;
}



.form-section .approved_info{
    font-style: normal;
    font-family: 'Cerebri Sans';
    font-weight: 500;
}


.label_checkbox .material-icons-round{
    color: #949494;
    vertical-align: bottom;
    margin-right: 5px;
}

.label_checkbox.checked .material-icons-round{
    color: #25B393;
}

.form-section label.label_checkbox{
    background: none;
    padding-left: 0;
}

.beta_test{
    font-family: "Cerebri Sans", sans-serif;
    left: 90px;
}



#settings .option_block_item label.tgl{
    vertical-align: bottom;
    top: 0;
}

.icon_default_color{
    color:#999;
}

.click_more_info:hover, .hover_more_info:hover{
    color:#333;
}

.tgl.post_option{
    font-family: "Cerebri Sans", sans-serif;
    /*font-size:11.9px; */  /* weird 1px difference on toggle position when 12px is used, on Chrome */

    font-size: 13px;
    text-transform: uppercase;
}

.tgl input[type="checkbox"]:checked + span{
    background: #25B393;
}

.tgl.post_option span:after {
    height: 22px;
    width: 22px;
    top: 3px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
    margin-left: -18px;
}

.tgl input[type="checkbox"]:not(:checked) + span:before {
    margin-left: 5px;
    text-transform: uppercase;
}
.tgl input[type="checkbox"]:checked + span:before{
    margin-left: 0px;
}

.tgl.grey input[type="checkbox"]:not(:checked) + span{
    background: #DADADA;
}

.tgl.grey input[type="checkbox"]:not(:checked) + span:before {
    color: #828282;
}







.tgl.post_option span {
    padding: 7px 6px;
    width: 64px;
    cursor: pointer;
    height: 28px;
}

.tgl.post_option input[type="checkbox"]:checked + span {
    padding-left: 2px;
    padding-right: 21px;
}
.tgl.post_option input[type="checkbox"]:checked + span:after {
    left: 57px;
}
.tgl.post_option input[type="checkbox"]:not(:checked) + span:after {
    left: 21px;
}







#notify_users_notice{
    font-family: "Cerebri Sans", sans-serif;
    font-style: normal;
}

#notify_users_notice .material-icons-round{
    font-size: 14px;
    vertical-align: text-bottom;
    position: relative;
    top: -2px;
}

.post_status{
    font-family: "Cerebri Sans", sans-serif;
    color: #656565;

}

.medium_font, #post_status_name a{
    font-family: 'Cerebri Sans', Sans-serif;
}

.post_visibility_info{
    margin-top: 12px;
}

.post_visibility_caption .material-icons-round{
    font-size: 16px;
    vertical-align: baseline;
    position: relative;
    top: 2px;
    color: #bcbcbc;
    transition: .3s;
}

.post_visibility_caption .material-icons-round:hover{
    color: #888;
    cursor: pointer;
}

#post_status_name{
    color: #999;
    line-height: 3;
}

.form-section.action_btns button.btn{
    max-width: 295px;
}

#post_status_name .material-icons-round{
    font-size: 14px;
    vertical-align: text-top;
}

label.bottom_section .material-icons-round{
    position: absolute;
    right: 0;
    color: #DADADA;
    transition: color .3s ease;
}

.post_options_container label.bottom_section:hover .material-icons-round, .post_options_container  label.bottom_section.active .material-icons-round{
    color: #292929;
}

.post_options_container{
    margin-top: 15px;
}

.post_options_container .form-section{
    font-family: "Cerebri Sans", sans-serif;
    margin-top: 5px;
    margin-bottom: 15px;
}

.post_options_container ul.post-settings li, .post_options_container ul.poll-type li{
    color: #292929;
    background: none;
    padding-left: 0;
}

.post_options_container ul.post-settings li .material-icons-round, ul.poll-type li .material-icons-round{
    position: relative;
    transition: none;
    vertical-align: bottom;
    color: #CCC;
}

.post_options_container ul.post-settings li.checked .material-icons-round, ul.poll-type li.checked .material-icons-round{
    color: #25B393;
}

div#delete_post{
    float: right;
    margin-top: 10px;
}


label.bottom_section.passive, label.bottom_section.passive:hover {
    cursor: default;
    margin-top: 30px;
    font-weight: normal;
    color: #777;
}


.form-section .scheduled_post input, #post_slug_block input{
    font-size: 16px;
    color: #292929;
}

.post_options_bottom{
    display: flex;
    column-gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.scheduled_post{
    position:relative;
}

#post_slug_block{
    flex-grow: 1;
}

#post_slug_block input{
    min-width: 280px;
}

.form-section .scheduled_post label, #post_slug_block label, #share_options label.bottom_section, .form-section label.bottom_section.passive{
    margin-left: 0;
    font-size: 13px;
    margin-bottom: 3px;
}

.post_options_info{
    margin-right: 20px;
    font-style: normal;
}

#share_options label.bottom_section{
    margin-bottom: 0px;
}


ul.select2-results{
    background-color: #fff;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 25%);
}

.option_desc {
    font-family: "Cerebri Sans", sans-serif;
    margin-bottom: 10px;
}

#settings .option_desc {
    font-family: "Merriweather", serif;
    margin-bottom: 15px;
    padding-left: 0;
}

#settings .option_desc a.btn{
    font-weight: 700;
}

#settings .option_desc.padleft{
    padding-left: 35px;
}

#settings .option_desc.input_desc{
    font-family: "Cerebri Sans", sans-serif;
}

#settings .option_desc.input_desc .material-icons-round {
    font-size: 16px;
    vertical-align: text-top;
}

#settings .option_desc.small_desc{
    font-family: 'Cerebri Sans';
    margin-top: 8px;
    font-size: 13px;
}

#settings .option_desc.small_desc a{
    font-weight: normal;
    /*text-decoration: underline;*/
}

#settings .option_desc.small_desc a:hover{
    text-decoration: underline;
}

#settings .option_desc.small_desc .material-icons-round{
    font-size: 12px;
    vertical-align: text-top;
    position: relative;
    top: 2px;
}

#settings .option_desc .material-icons-round{
    font-size: 14px;
    vertical-align: baseline;
    position: relative;
    top: 2px;
}

#settings .option_desc.slack_default_teams_container{
    margin-bottom: 0;
}

#settings .option_block{
    margin-left: 38px;
}

#settings #config_options_container .config_option:last-child {
    border-bottom: solid 1px #eee;
}

.tab-content .billing-title{
    font-family: 'Merriweather', serif;
    color: #292929;
}

#custom_message_text{
    border-radius: 8px;
    border: solid 1px #DADADA;
    padding: 10px;
    color: #292929;
}

#custom_message_text:focus{
    border-color: #5dbd9e;
    box-shadow: unset;
}

.cm_subtitle {
    font-size: 13px;
    font-family: "Merriweather", serif;
    color:#555;
}

#tab-authentication div.header_block, #tab-authentication div.block{
    padding: 30px 0;
    padding-bottom: 15px;
}

select.xsmall, .xsmall{
    border-radius: 30px;
    padding: 5px 25px 5px 10px;
    background-color: #f2f2f2;
    border: none;
    background-position: right 0.8em top 55%, 0 0;
    margin: 0 3px;
    font-family: 'Cerebri Sans';
    color: #636363;
    font-size: 13px;
}

select.small.round{
    border-radius: 30px;
    border: none;
    background-color: #f2f2f2;
    padding: 0 15px;
    background-position: right 0.8em top 55%, 0 0;
    min-width: 135px;
}


#settings.sso .block label{
    /*display: block;*/
    cursor: pointer;
}


.sso .block.main_content{
    padding: 35px 0;
}

.sso_title{
    margin-bottom: 50px;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.tab_text{
    font-family: "Cerebri Sans", sans-serif;
    color: #636363;
}

.tab_text .material-icons-round{
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.page_desc {
    font-family: "Merriweather", serif;
    color: #636363;
    font-size:16px;
}


.page_desc a:hover{
    text-decoration: underline;
}

#refreshToken .material-icons-round{
    font-size: 18px;
    vertical-align: text-bottom;
}



#settings.sso .inner_block .icon_right {
    /*width: 85%;*/
    width: 100%;

}

#settings input.icon_right{
    padding-right: 45px;
}

a.clipboard_icon{
    border-radius: 4px;
    position: relative;
    left: -50px;
    background-color: #f2f2f2;
    transition: all .3s ease;

    position: absolute;
    top: 3px;
    right: 3px;
    left: auto;
    padding: 9px;
    /*
    padding: 8px;
    padding-bottom: 7px;
    */
}

.sso .inner_block{
    position: relative;
}

.tooltip_container{
    position: relative;
    width: 100%;

}


a.clipboard_icon:hover{
    background-color: #e6e6e6;
}

.clipboard_icon .material-icons-round{
    font-size: 20px;
    vertical-align: text-bottom;
    position: relative;
    /*top: 2px;*/
    color: #949494;
    transition: color 0.3s ease;
}

.clipboard_icon:hover .material-icons-round{
    color: #696969;
}

.upload_file .material-icons-round{
    font-size: 18px;
    vertical-align: text-bottom;
}

.tab-content > .tab-pane > div{
    padding: 30px 0;
}



#settings .dataTable-item-inner .desc_row{
    align-items: center;
}

#settings .dataTable-inputIcon-wrapper{
    margin-right: 0;
}


/*
.add_edit_post .h_icon #third_action{
    display: none;
}
*/

div#publish-datepicker .dtpicker-twoButtons .dtpicker-buttonSet{
    background-color: #25B393;
    font-family: "Cerebri Sans", sans-serif;
}

div#publish-datepicker .dtpicker-twoButtons .dtpicker-buttonClear{
    font-family: "Cerebri Sans", sans-serif;
}


div#publish-datepicker .dtpicker-components .dtpicker-comp > .dtpicker-compButton {
    color: #25B393;
}

div#publish-datepicker .dtpicker-content{
    font-family: "Cerebri Sans", sans-serif;
    border-radius: 10px;
}

.dtpicker-content .dtpicker-header .dtpicker-close{
    font-size: 2.4em;
    padding: 5px 10px;
    line-height: 1em;
    top: -0.4em;
    color: #CCC;
}


#share-draft .select2-container-multi .select2-choices .select2-search-choice, .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{
    background-color: #D0DCFB;
    color: #446BCF;
    font-size: 13px;
    font-weight: 600;
}

#share-draft .select2-search-choice-close{
    background-image: url(../images/tag_close_share.svg) !important;
}



.revision_history{
    font-family: "Merriweather", serif;
}

.revision_history a.author {
    color: #292929;
    font-weight: 500;
    font-size: 15px;
    font-family: "Cerebri Sans", sans-serif;
}

.revision_history a.author:hover{
    text-decoration: underline;
}

.revision_history a.revert{
    font-family: "Cerebri Sans", sans-serif;
    font-weight: 600;
}

.revision_history a.revert:hover{
    color: #292929;
}

.revision_history a.revert .material-icons-round{
    position:relative;
    vertical-align: bottom;
}

.revert_container{
    float: right;
}

.revert_container .big_dot{
    display:none;
}



/* CKEDITOR MODALS STYLING */


.add_edit_post .cke_1 .cke_dialog_body{
    border-radius: 15px;
    background-color: #ffffff;
    /*padding: 20px;*/
}

.add_edit_post .cke_1 .cke_dialog_title{
    background: none;
    border:none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 20px;
}

.add_edit_post .cke_ltr .cke_dialog_close_button{
    right: 15px;
    top: 15px;
}


.add_edit_post .cke_dialog_tabs{
    top: 53px;
}

.add_edit_post a.cke_dialog_tab {
    height: 12px;
    padding: 10px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


.add_edit_post .cke_reset_all, .add_edit_post .cke_reset_all *, .add_edit_post  .cke_reset_all a, .add_edit_post  .cke_reset_all textarea{
    font-family: "Cerebri Sans", sans-serif;
}

.add_edit_post .cke_1 .cke_dialog_footer{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;
    outline: none;
    background: none;
    padding: 10px;
    padding-top: 0;

}

.add_edit_post .cke_1 .cke_dialog_contents{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.add_edit_post .cke_dialog .cke_resizer_ltr{
    margin-right: 2px;
}

.add_edit_post .cke_dialog .cke_resizer {
    margin-top: 35px;
}

.add_edit_post .cke_dialog a.cke_dialog_ui_button{
    padding: 7px 5px;
    border-radius: 30px;
}

.add_edit_post .cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_ok{
    background-image: none;
    background-color: #25B393;
    border-color: #25B393;
    transition: .3s ease;
}

.add_edit_post .cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover, .add_edit_post .cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_ok:focus{
    background: #239C81;
    border-color: #239C81;
    opacity: 1;
}

.add_edit_post a.cke_dialog_ui_button_ok:focus span, .add_edit_post a.cke_dialog_ui_button_ok:active span, .add_edit_post a.cke_dialog_ui_button_cancel:focus span, .add_edit_post a.cke_dialog_ui_button_cancel:active span{
    padding: 0 12px;
}

.add_edit_post .cke_dialog_contents_body {
    overflow: auto;
    padding: 10px 15px 5px 15px;
}

.add_edit_post input.cke_dialog_ui_input_text:focus, .add_edit_post input.cke_dialog_ui_input_password:focus, .add_edit_post input.cke_dialog_ui_input_tel:focus, .add_edit_post textarea.cke_dialog_ui_input_textarea:focus, .add_edit_post select.cke_dialog_ui_input_select:focus{
    border-color: #25B393;
}


.dash_arrow img{
    position: absolute;
    top: -200px;
    left: -110px;
    opacity: 1;
}

.onboarding_block_container{
    font-size: 18px;
    margin-top: 10px;
    color:#555;
    background-color: #fff;
    /*font-family: "Cerebri Sans", sans-serif;*/
   
}


.onboarding_block_container .subnotice{
    /*font-family: "Cerebri Sans", sans-serif;*/
    /*font-size: 18px;*/
    margin-bottom: 40px;
    /*color: #292929;*/
    line-height: 1.5;
    margin-top: 15px;
}


.onboarding_block_container .cta{
    max-width: 500px;
    margin: auto;
    line-height: 1.6;
}

.onboarding_block_container .msg{
    margin-bottom: 25px;
    line-height: 1.5;
}

.medium-editor-form-select{
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    border-color: unset;
}

ul.categories-list{
    font-family: "Cerebri Sans", sans-serif;
}

ul.categories-list.flex_list li{
    flex-wrap: wrap;
    padding: 10px 0;
}

/*ul.categories-list.flex_list li .material-icons-round{*/
ul.categories-list li .material-icons-round{
    vertical-align: text-bottom;
    cursor: default;
}

ul.categories-list li .material-icons-round.lock{
    margin-left: 3px;
    vertical-align: text-top;
    font-size: 18px;;
}

ul.categories-list li .handle .material-icons-round, ul.categories-list .material-icons-round.handle {
    cursor: move;
}


ul.subcategories-list{
    width: 100%;
    margin-right: 0;
    border-top: solid 1px #EBEBEB;
    margin-left: 0;
    margin-bottom: -9px;
    margin-top: 0px;
}

ul.sortable ul.subcategories-list li{
    margin: 0;
    margin-left: 40px;
    padding: 4px 0;
}

ul.subcategories-list li .material-icons-round{
    font-size: 17px;
}

select.white_select, #category .title.inline select.white_select{
    background-color: white;
    border: solid 1px #cdcdcd;
    padding-left: 20px;
    color: #292929;
}


ul.flex_list li .count{
    border-radius: 50px;
    font-size: 10px;
    line-height: 12px;
    padding: 2px 5px;
    vertical-align: middle;
    background-color: #F2F2F2;
    color: #949494;
    display: inline-block;
    min-width: 16px;
    text-align: center;

    vertical-align: baseline;
    position:relative;
    top: -2px;
    margin-left: 4px;

}

.add-description-link{
    font-family: "Cerebri Sans", sans-serif;
    font-size: 14px;
}


li span.post_icon{
    width: 35px;
}

.post_icon .material-icons-round{
    /*font-size: 18px;*/
    vertical-align: text-bottom;
    /*margin-right: 20px;*/
    color: #ccc;
    cursor: default;
}

a.manage_toggle{
    right: 0;
}

.mass_action_manage ul.categories-list li .mass-action-checkbox{
    width: auto;
    left: 0;

    position: relative;
    padding-left: 0;
    padding-right: 0;
    height: auto;

}

.categories-list .created_by{
    display: block;
    margin-left: 0;
}


.categories-list .post-item-actions{
    flex-grow: 2;
}

.mass_action_manage ul.categories-list li{
    padding-left: 0;
}


.my-posts ul.flex_list li .material-icons-round{
    font-size: 24px;
    margin-right: 10px;
}

.res-message{
    flex-grow: 1;
    text-align: right;
}

.my-posts ul.flex_list li .res-message .material-icons-round{
    margin-right: 0;
    color: #25B393;
}

a.manage_toggle{
    /*float:right;*/
    height: 30px;
    width: 30px;
    top:0;
}

.block.d_flex{
    flex-wrap: nowrap;
    align-items: center;
}

.d_flex .billing-title{
    flex-grow: 2;
}

.posts ul.categories-list.flex_list li{
    flex-wrap: nowrap;
}


.round_page_desc_container{
    background-color: #f6f6f6;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 50px;
}

.round_page_desc_container .page_desc{
    line-height: 1.6;
    margin-bottom: 0;
}

.round_page_desc_container .tab_text{
    margin-bottom: 30px;
}

ul.desc_ul{
    padding-left: 25px;
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0;
}

ul.desc_ul li{
    margin-bottom: 5px;
}

ul.pagination{
    overflow-x: auto;
}

li span.blck span.wiki{
    margin-left: 3px;
}

.content.expired{
    text-align: center;
}

.content.expired .txt{
    padding: 10px 5%;
    line-height: 2;
}


/* ROTATION ANIMATION */

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.page_subtitle_content{
    display: flex;
    padding: 0;
}

.new_arrow{
    position: absolute;
    top: -45px;
    right: 0;
}

.new_arrow img{
    width: 38px;
}


.surcharge_desc{
    margin-top: 35px; 
    font-family: 'Cerebri Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #777;
    padding-right: 10px;
}

.surcharge_calc{
    margin-top: 15px;
}

.surcharge_desc span.material-icons-round{
    font-size: 18px;
    vertical-align: text-top;
    color:#777;
}

.surcharge_desc span.emphasis{
    color: #666;
    font-weight: 600;
}

.current_plan .surcharge{
    /*font-size: 14px; */
    font-family: "Cerebri Sans", sans-serif; 
    padding-left: 5px; 
    padding-top: 15px;
    color: #666666;
}

.current_plan .surcharge span{
    font-weight: 600;
}

.current_plan .surcharge span.click_more_info{
    font-weight: normal;
    font-size: 17px;
    margin-left: 2px;
}


/* ASK AI */
.ask_ai_takeover .form-search{
    align-items: normal;
}

.answer .sources{
    font-family: 'Cerebri Sans', sans-serif;
}

.answer{
    line-height: 1.8;
}

.answer p{
    line-height: 1.8;
}

.answer code{
    margin-bottom: -3px;
}

.answer_footer .notice{
    font-family: "Cerebri Sans", sans-serif;   
}

.vote_feedback .caption{
    font-family: "Cerebri Sans", sans-serif;
}

.ask_ai_info{   
    font-family: 'Cerebri Sans', sans-serif;
}


.trans_button{
    color: #666;
}

.trans_button:hover{
    color: #292929;
}



/* POST POLL */

#post_poll label.rem_answer{
    top: unset;
    line-height: inherit;
}

#post_poll label.rem_answer span{
    vertical-align: middle;
}

#post_poll #save_poll{
    margin-right: 0;
}

#post_poll input[type="text"]{
    font-size: 16px;
    color: #292929;
}

#post_poll .poll-result .option span.answer_text{
    font-weight: 300;
}

#vote_poll_answers_container label{
    font-weight: 300;
}

.post_intro_text .recent_post_poll{
    padding: 16px;
    border: solid 1px #eee;
    border-radius: 10px;
    margin-top: 10px;
}

.post_intro_text .poll_icon{
    color: #ccc;
    vertical-align: bottom;
    margin-top: 7px;
    font-size: 22px;
}

#post_poll #new_answer button{
    color: #25B393;
    transition: color .3s ease;
}
#post_poll #new_answer button:hover{
    color: #239C81;
}





/* overwrite from default theme */

@media (min-width: 1200px){
    #right-triger {
        display: flex;
    }

    #search_right_form {
         display: inherit;
    }


    /*
    div#left-slide.wide_menu {
        background-color: #282828;
    }
    */

    div#left-slide.wide_menu .menu-separator {
        background-color: transparent;
        margin-bottom: 20px;
    }
}