/*@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i&subset=latin-ext');*/

/* = GENERAL
------------------------------------------ */
html,
body {
	height: 100%;
}

html {
    -webkit-text-size-adjust: 0.9375em; /* 2 */
        -ms-text-size-adjust: 0.9375em; /* 2 */
                   font-size: 0.9375em; /* 1 */

   -ms-overflow-style: scrollbar;    /* ie scrollbar position fix */

    /* Fix fonts that render as too bold in Firefox */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    /*font-weight: 400;*/
}
body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

.container{
	padding: 44px 0;
}

.clear{
	clear: both;
}
/*  ADD CLEARFIX CLASS TO CLEAR FLOATS  */
.clearfix {
  zoom:1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.pos-relative {
    position: relative;
    clear:both;
}

form{
    margin: 0;
}

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: 2px solid #cdcdcd;
	height: 40px;
	padding: 5px;
	margin-right: 27px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
select:focus,
.uneditable-input:focus{
	border-color: #5dbd9e;
	box-shadow: none;
    outline:none;
}

input[type="text"]::-ms-clear {
    width: 0;
    height: 0;
    color: transparent;
}

/* input placeholder */
input::-webkit-input-placeholder {
    color: #ccc;

}

input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;

}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #ccc;
    opacity:1;

}

input:-ms-input-placeholder {
    color: #ccc;
  
}

input:placeholder {
    color: #ccc;
}


.center{
	text-align: center;
}

.right{
    text-align: right;
}

textarea{
	resize: none;
}
textarea:focus{
	border-color: #5dbd9e;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #5dbd9e;
}

hr{
	margin: 10px 0 3px 0;
}
mark {
	background-color: #5dbd9e;
	padding: 0px 2px;
	margin: 0 1px;
	color: #fff;
}

pre{
    border: none;
}





/* = HEADER
------------------------------------------ */
.header {
	border-bottom: 2px solid #dddddd;
    text-align: center;
    /*display: inline-block; */
    width: 100%; 
    clear: both;
    /*min-height: 124px;*/
    height: 124px;
    max-height:124px;
}

.site-title {
    display: inline-block !important;
    /*width: 400px;*/
    /*height: 50px;*/
    text-align: center;    
    margin: 0 auto;
    /*margin-top: 41px;*/
    margin-top: 0;
    /*
    line-height: 124px;
    height: 124px;
    */
    line-height: 75px;
    height: 65px;
    overflow: hidden;
    font-size: 34px;
    position: relative;
}

.company_logo_header{
    max-height: 55px;

    -webkit-transition: max-height .2s ease;
    -moz-transition: max-height .2s ease;
    -ms-transition: max-height .2s ease;
    -o-transition: max-height .2s ease;
    transition: max-height .2s ease;
    max-width: 65%;         /* protect from very, very wide logos */

}

.at-top .company_logo_header{
    /*margin-top: 18px;*/
    vertical-align: middle;
    max-height: 90px;
}

.edit_company_name{
    margin-left:5px;
    font-weight: normal;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.column-left{
    height: 50px;
    margin: 15px 0 0 40px;
    float: left;
    width: 160px;
    position: relative;
}
.column-right{
    height: 50px;
    margin: 15px 40px 0 0;
    float: right;
    width: 160px;
    position:relative;
    z-index: 200;
}




.unveiled-navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*z-index: 1200;*/
    z-index:1010;

    -webkit-transition: max-height .2s ease;
    -moz-transition: max-height .2s ease;
    -ms-transition: max-height .2s ease;
    -o-transition: max-height .2s ease;
    transition: max-height .2s ease;

    height: 75px;
    /*min-height: 75px;*/
    max-height: 75px;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
}



.at-top{

    height:124px;
    /*min-height: 124px;*/
    max-height: 124px;
    /*
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        */
    border-bottom: 2px solid #dddddd;

    /* position:relative;*/
}

.at-top .site-title{
    line-height: 124px;
    height: 124px;
    font-size: 38px;

}

.at-top .site-title a{

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

    /*
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    */

}

.at-top .column-right{
    margin: 40px 40px 0 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.at-top .column-left{

    margin: 40px 0 0 40px;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

}

#header_caption{
    position:relative;
    display:inline;
}





/* = TYPOGRAPHY
------------------------------------------ */

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/hinted-Lato-Bold.eot');
    src: /*local('Lato Bold'), local('Lato-Bold'),*/
        url('../fonts/Lato/hinted-Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato/hinted-Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato/hinted-Lato-Bold.woff') format('woff'),
        url('../fonts/Lato/hinted-Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/hinted-Lato-BoldItalic.eot');
    src: /*local('Lato Bold Italic'), local('Lato-BoldItalic'),*/
        url('../fonts/Lato/hinted-Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato/hinted-Lato-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lato/hinted-Lato-BoldItalic.woff') format('woff'),
        url('../fonts/Lato/hinted-Lato-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/hinted-Lato-Black.eot');
    src: /*local('Lato Black'), local('Lato-Black'),*/
        url('../fonts/Lato/hinted-Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato/hinted-Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato/hinted-Lato-Black.woff') format('woff'),
        url('../fonts/Lato/hinted-Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/hinted-Lato-Italic.eot');
    src: /*local('Lato Italic'), local('Lato-Italic'),*/
        url('../fonts/Lato/hinted-Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato/hinted-Lato-Italic.woff2') format('woff2'),
        url('../fonts/Lato/hinted-Lato-Italic.woff') format('woff'),
        url('../fonts/Lato/hinted-Lato-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/hinted-Lato-Regular.eot');
    src: /*local('Lato Regular'), local('Lato-Regular'),*/
        url('../fonts/Lato/hinted-Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato/hinted-Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato/hinted-Lato-Regular.woff') format('woff'),
        url('../fonts/Lato/hinted-Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/hinted-Lato-BlackItalic.eot');
    src: /*local('Lato Black Italic'), local('Lato-BlackItalic'),*/
        url('../fonts/Lato/hinted-Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato/hinted-Lato-BlackItalic.woff2') format('woff2'),
        url('../fonts/Lato/hinted-Lato-BlackItalic.woff') format('woff'),
        url('../fonts/Lato/hinted-Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    text-rendering: optimizeLegibility;
}

body{
	text-align: center;
	color: #292929;
}
.site-title a{
	color: #292929;
	text-align: center;
    /*margin-top: 41px;*/
	/*font-size: 31.5px;*/
	font-weight: 900;
	display: block;
	font-family: 'Lato', sans-serif;
    max-height: 100%;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.site-title a:hover{
	color: #000;
}

h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}


/*
h2 a {
        color: #292929;
}

h2 a.post-title:visited {
    color: #666666;
}

h2 a:hover, h2 a.post-title:hover {
        color: #6dc3a8;
}
*/


/* post title */

h1.post-title{
    font-size: 34px;
}

h1.post-title a {
    color: #292929;
    font-weight: 900;
}

h1.post-title a:visited {
    color: #666666;
}

h1.post-title a:hover {
        color: #6dc3a8;
}

h1.post-title .emojione{
    height: 1em;
}







a{
	color: #5dbd9e;
   /* color: #006eb9;*/
	font-weight: 600;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}
a:hover, a:focus{
	color: #50a489;
	text-decoration: none;
}

/*
.touch a:hover{

    text-decoration: none;
}
*/

a.file_attachment{
    /*border:dashed 1px red;*/
    padding-right: 22px;
    margin-right:5px;
    background-image: url("../images/file_attachment.png");
    background-position: right;
    background-repeat: no-repeat;


}

a.file_attachment:hover{
    background-color: #f5f5f5;
}

p{
	font-size: 18px;
	/*line-height: 30px;*/
    line-height:1.6;
    margin-bottom: 20px;
}

a.rss_icon{
   opacity:0.6;
}

a.rss_icon:hover{
    opacity: 1;
}

a.rss_icon img{
    width:20px;
}

.row-fluid [class*="span"]{
	float: left;
	display: block;
}
.span3{
	width: 250px;
}
.span6{
	width: 100%;
}

.row {		/* override bootstrap 2.3 row margin-left */

	margin-left: 0;

}

h2 .breadcr{

    /*color: #5dbd9e;*/
    font-weight: inherit;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;

    line-height: normal;
    vertical-align: text-bottom;

}

.handle{
    cursor:move;
    padding: 12px 0px;
    display:inline-block;
}

.handle.no-move {
    cursor: auto;
}

ul.sortable li, ul.categories-list.sortable li{
    /*border:dotted 1px red; */
    padding: 0;
    margin: 2px 0px;
    background-color: rgba(255,255,255,0.7);;
}
.save_sort{
    display:none;
    margin-bottom: 20px;
    margin-top: 20px;
}

div.bootbox-body{
    color:#555;
    text-align: left;
}

div.bootbox-body p{
    font-size: 17px;
    margin-bottom: 5px;
}

div.bootbox-body p.sub{
    font-style: italic;
}

div.bootbox-body ul{

}

div.bootbox-body ul li, div.bootbox-body ul li.checked{
    background-position: 0px;
    padding-left: 25px;
    color:inherit;
    display:block;
}

div.bootbox-body div.title{
    margin-top: 20px;
}

div.bootbox-body input#email_change_password{
    height: 22px;
    padding: 10px;
    font-size: 17px;
    width: 220px;
    margin: 0;
}

    /* = MENU
    ------------------------------------------ */

/*
#left-triger-old{
	width: 44px;
	height: 44px;
	display: block;
	background: url(../images/menu.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	margin-right: 10px;
}
#left-triger-old:hover{

    background-position: 0px -49px;
}
*/



.header_icon{
    position:relative;
    width:16px;
    padding:12px;
    padding-top: 12px;
    height: 16px;
    border: solid 2px #cdcdcd;
    border-radius: 50px;
    float:left;
    cursor: pointer;
    margin-right: 10px;
}

/*
.header_icon.x_menu{
    border-color:#5f5f5f;
    background-image: url("../images/x_menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    margin-right: 0;


}

.x_menu:hover{
    background-image: url("../images/x_menu_hover.svg");
}
*/


.header_icon.x_menu_svg{
    border-color:#5f5f5f;
    margin-right: 0;
    width: 14px;
    height: 14px;
    padding: 13px;
    padding-top: 12px;
    padding-bottom: 14px;

}

.x_menu_svg svg{
    width: 14px;
    height: inherit;

}

.x_menu_svg svg polygon{
    fill:#5F5F5F;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.x_menu_svg:hover svg polygon{
    fill:#eeeeee;
}


/*
.menu_icon{
    background-image: url("../images/menu_bars.svg");
    background-position: center;
    background-repeat: no-repeat;


   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;

}

.menu_icon:hover{
    background-image: url("../images/menu_bars_hover.svg");
    background-position: center;
    background-repeat: no-repeat;
}
*/

.menu_svg svg{
    width:16px;
    height: inherit;
    margin-top: 2px;
}

.menu_svg svg rect{

    fill:#999999;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.menu_svg:hover svg rect{
    fill:#333333;
}

.header_icon.search_icon{
    float:right;
    margin-right: 0;

}

.header_icon.search_icon .fa{
    font-size: 16px;
    position: relative;
    top: -2px;
    color:#cdcdcd;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

.header_icon.search_icon:hover .fa{
    font-size: 16px;
    position: relative;
    top: -2px;
    color:#333333;
}


.header_icon .bar{
    height: 2px;
    background-color: #999999;
    margin-bottom: 3px;

    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;

}

.header_icon .bar.hbar{
    margin-top: 7px;
    width: 16px;

}

.header_icon .bar.vbar{
    width: 2px;
    height: 16px;
    margin-left: 7px;
    position: relative;
    top: -12px;
}


.header_icon:hover .bar{
    background-color: #333;
}




.third_action{
    margin-left: 10px;
    margin-right: 0px;
}

.third_action .fa.expired{
    font-size: 24px;
    position: relative;
    top: -3px;
    color: salmon;
}

.header_icon:hover  .fa.expired{
    color:#F46453;
}


#right-slide{
	text-align: left;
	width: 280px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	background: #222222;
	
    /*min-height: 100%;*/
    height:100%;
    overflow: hidden;

    display:none;
}


/*min-height: 100%;*/

.at-top #right-slide {      /* old when righ appended to header */
    position:absolute;
    right: -280px;
    margin-top: 0 !important;   /* site message fix */
}

/*
.close-menu{
	width: 44px;
	height: 44px;
	display: block;
	background: url(../images/close.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
}
.close-menu:hover{
    background-position: 0px -49px;
}

*/


#big_close_menu{
    display: none;
}

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

.menu_plan_expired{
    border-color: salmon;
}

.welcome{
    color: #6C6C6C;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 15px;
    max-width: 145px;
    max-height: 80px;
    overflow: hidden;
    margin-left:12px;
    /*background-color: red;*/
}

.welcome .role{
    font-weight: normal;
    font-size: 14px;
}

.menu-head{
	padding: 30px 10px 70px 17px;
	/*border-bottom: 2px solid #303030;*/
	/*background: #0e0e0e;*/
    background-color: #181818;
    position: relative;
}
.user-name{
    color: #777777;
    text-shadow: 1px 1px #111;
}
.user-name:hover{
	color: #fff;
}

.menu-middle{
    padding: 25px;
    padding-right: 18px;
   /* padding-left: 22px;*/
}

.menu-footer{
    padding-left: 20px;
    padding-right: 18px;
    padding-top:0;
    padding-bottom: 70px;
}

.menu-middle{
	/*background: #0e0e0e;*/
    background: #181818;
	border-bottom: 2px solid #303030;
    position: relative;
}


ul.main-menu{
	list-style: none;
	margin-left: 0;
}
ul.main-menu li{
	line-height: 30px;
	position: relative;
}
ul.main-menu li.bottom_separator{
    margin-bottom: 15px;
}
ul.main-menu li.top_separator{
    margin-top: 15px;
}
ul.main-menu li a{
	font-family: 'Lato', sans-serif;
	color: #777777;
	font-weight: 700;
	font-size: 14px;
    text-decoration: none;
    text-shadow: 1px 1px #111;

}
ul.main-menu li a:hover{
	color: #fff;
    text-shadow: none;
}

ul.main-menu li a:focus{
    outline: none;
}

ul.main-menu li a img{
	position: relative;
	top: -1px;
}
ul.main-menu li a[href="/profile/"] img,
ul.main-menu li a[href="/billing/"] img,
ul.main-menu li a[href="/logout/"] img{
	position: relative;
	top: -2px;
}

ul.main-menu li span.counter{

    position: absolute;
	right: 0;

    /*
    float: right;
    margin-top: 4px;
    */
    /*margin-left: 5px;*/

	line-height: 11px;
	/*bottom: 5px;*/
    top:4px;
	padding: 5px 8px;
	background: #666;
	color: #eee;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
    /*cursor: default;*/
    text-shadow: none;
}

ul.main-menu li span.counter.unread{
    color: #ffffff;
    text-shadow: 1px 1px black;
}


ul.main-menu li span.floated{
    position: relative;
    float:right;
    /*border:dotted 1px red;*/
    top:4px;
}

ul.main-menu li span.counter.red{
	background: #f74744;
}

ul.main-menu li span.counter.orange{
    /*background: #f4883e;*/
    background-color: #ea6d03;
}

ul.main-menu li span.expired{
    background-color: transparent;
    padding-right: 0;
    float:right;
    margin-top: 2px;
}

ul.main-menu li span.expired i.fa{
    color:#F46453;
    position:relative;
    top:-2px;
    font-size: 16px;
}

ul.main-menu li span.counter i.fa{
    font-size: 10px;
    width: inherit;
    color: #d8d8d8;
    position: relative;
    /*margin-left: 2px;*/
    margin-right: 1px;
    top: -1px;
}

ul.main-menu li i.fa, ul.main-menu li svg.svg_icon{
    color:#999999;
    /*font-size:16px;*/
    font-size:14px;
    width:16px;


    opacity: 0.75;
    transition: opacity .4s ease, color .4s ease;

    margin-right: 7px;
}

ul.main-menu li svg.ai{
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    /*
    fill: lightblue;
    fill: cyan;
    fill: aqua;
    */
    fill: darkturquoise;
}

div.light ul.main-menu li svg.ai{
    fill: #01bec0;
}

ul.main-menu li a:hover i.fa, ul.main-menu li a:hover svg.svg_icon{
    opacity: 1;
}



/* sidebar subcategories */
ul.main-menu li i.subc_indicator{
    position: absolute;
    left: -25px;
    width: 23px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    padding-left: 2px;
    margin-right: 0;
}

#left-slide.light ul.main-menu li i.subc_indicator{
    opacity: 1;
}

ul.main-menu li i.subc_indicator:hover {
    color:#fff;
    opacity: 1;
}

#left-slide.light ul.main-menu li i.subc_indicator:hover{
    color:#333;
    opacity: 1;
}

ul.main-menu li a.subc_indicator i.fa{
    padding: 0;
    width:auto;
}

ul.main-menu li a.subc_indicator:hover i.fa{
    color:white;
}

ul.main-menu li ul.subcategories{
    display: none;
    padding-top: 0px;
    padding-bottom: 6px;
   /* list-style-type: disc;*/
    list-style-type: none;
    margin-left: 10px;
}

ul.main-menu li ul.subcategories li{
    color:#828282;
    font-size: 13px;
    line-height: 26px;
}

ul.main-menu li ul.subcategories li a{
    font-size: 13px;
}

ul.main-menu li ul.subcategories li span.counter{
    font-size: 10px;
    padding: 3px 6px;
    top:5px;
    background: #555;
    color: #ddd;
}

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





ul.main-menu li i.fa.red{
    color: tomato;
    color: coral;
    color: salmon;
    color: #ff6b57;
}

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

ul.main-menu li i.fa.flatblue{
    color: #3498db;

}


ul.main-menu li i.fa.lightblue{
    color: #68ADCA;

}

ul.main-menu li i.fa.grayblue{
    color:#7ab0c7;
}

ul.main-menu li i.fa.fogblue{
    color:#5D92BE;
    color:#69A4D5;
}

ul.main-menu li i.fa.brightgreen{
    color: #5dbd9e;
}

ul.main-menu li i.fa.green{
    color:#499a81;
}

ul.main-menu li i.fa.darkgreen{
    color: darkseagreen;
    
}

ul.main-menu li i.fa.gold{
    color:goldenrod;
}

ul.main-menu li i.fa.violet{
    color:#a17ca8;
    color:#8F6A97
}

ul.main-menu li i.fa.coral{
    color:#E5815D;
}

ul.main-menu li i.fa.grey{
    color:lightslategrey;
}

ul.main-menu li i.fa.brown{
    color:#CA9F68;
}

ul.main-menu li i.fa.green2{
    color: #53aa8e;
}

ul.main-menu li i.fa.greenuser{
    color: #499a81;
    opacity: 1;
    position: relative;
    left:5px;
    font-size:13px;

}

ul.main-menu li i.fa.dashboard{
    /*color:khaki;*/
    color:#D0C66E;
    /*color:#b5aa4e;*/

}
ul.main-menu li i.fa.home{
    /*font-size: 16px;*/
    color:#ccc;
}

ul.main-menu li i.fa.imp{
    color: #f74744;
    /* color: #09e4b5; */
}
ul.main-menu li i.fa.orange{
    color: darkorange;
    /* color: #09e4b5; */
}


ul.main-menu li a:hover i.greenuser{
    color: #5dbd9e;
    opacity:1;
}

ul.main-menu li i.fa.greenuser.smalluser{
    position: absolute;
    top: 8px;
    left: 8px;
    left: -1px;
    font-size: 11px;
    opacity: 0.8;
}

ul.main-menu li span.following{
    position: absolute;
    color: #666;
    left: -14px;
}

ul.main-menu li i.fa.cat-star{
    font-size: 12px;
    color: #666;
    /*
    position: absolute;
    left: -15px;
    top: 10px;
    */

}

ul.main-menu li i.fa.unread_posts{
    position: absolute;
    left: 7px;
    top: 11px;
    font-size: 10px;
    opacity: 1;
    color:dodgerblue;
}

ul.main-menu li a:hover i.fa.unread_posts{
    color: #1eabff;
}

ul.main-menu li i.fa.fa-pencil.my_posts{
    font-size: 12px;
    position: absolute;
    left: 7px;
    top: 8px;
    opacity: 1;
    color: #6baac5;
}

ul.main-menu li a:hover i.fa.fa-pencil.my_posts{
    color:#9bc8dc;
}


ul.main-menu li i.fa.no.unread_posts{
    /*color: #555;*/
    display: none;
}


.menu-separator{
	height: 2px;
	width: 40px;
	background: #303030;
	display: block;
	margin-top:25px;
    margin-bottom: 25px;
}

.menu-separator.small{
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.middle_separator{
    margin-top: 0;
}



.menu_section{
    margin-top: 35px;
}

.menu_section_caption {
    /*margin-top: 35px;*/
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 14px;
    color: #6C6C6C;
    text-transform: uppercase;
}


.menu_section:hover i.fa.edit_section{
    display: inline;
}

i.fa.edit_section{
    /*float:right;*/
    margin-left: 5px;
    font-size: 12px;
    /*color: #555;*/
    display:none;

}/*
a.manage_section i.fa:hover{
    color: #999;
}
*/

a.manage_section{
    color: #6C6C6C;
    font-weight: normal;
}

.menu_section_caption a.manage_section:hover{
    color:#999;
}


/* MENU SCROLLBAR */

#scrollbar1 {
    margin: 0;
    height: 100%;
}


/*
#scrollbar1 .viewport { 

    height: 100%;
    overflow: hidden; 
    position: relative; 
}
#scrollbar1 .overview { width: 100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{  background-color: transparent; position: absolute; background-position: 0 0; right:0; z-index: 100;  width: 6px; visibility:hidden;}
#scrollbar1:hover .scrollbar{visibility: visible;}
#scrollbar1 .track {  height: 100%; width:6px; position: relative; padding: 0; }
#scrollbar1 .thumb {  background-color: #666666; height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .thumb .end {  overflow: hidden; height: 5px; width: 25px; display:none; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

*/

#scrollbar2 {
    margin: 0;
    height: 100%;
    /*padding-bottom: 360px;  */    /* space at bottom to recover for the header height when header is present */
    /*border:dashed 1px yellow;*/
    /*box-sizing: border-box;*/
}



/*
#scrollbar2 .viewport { height: 100%;
   overflow: hidden; position: relative; }


#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%; }
#scrollbar2 .scrollbar{  background-color: transparent; position: relative; background-position: 0 0; float: right;  width: 6px; visibility:hidden; height: 100%;}
#scrollbar2:hover .scrollbar{ visibility: visible;}
#scrollbar2 .track {   height: 100%; width:6px; position: relative; padding: 0px; }
#scrollbar2 .thumb {   background-color: #555;  height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar2 .thumb .end {  overflow: hidden; height: 5px; width: 25px; display:none; }
#scrollbar2 .disable { display: none; }
*/
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.search_panel #scrollbar2 .thumb { background-color: #ddd;}





/* = SEARCH
------------------------------------------ */

input.search{

    border: solid 2px #d3d3d3;

    width: 0px;
    height: 40px;
    border-radius: 45px;
    cursor: pointer;
    color:white;
    padding: 0;
    font-size:16px;
    margin-right: 0;
    background: url(../images/search-bg@2x.png) no-repeat scroll 0 0 white;
    background-image: url(../images/search-bg@2x.png) !important;
    background-size: 40px;
    /*
    background: url(../images/search4.svg) center;
    background-repeat: no-repeat;
    background-size: 15px;
    */

    cursor: pointer;
    padding-left: 40px;

    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -ms-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;


}



input.search:hover{
    /*background-position-y: -49px;*/
    background-position: 0px -49px;
}

input.search::-ms-clear {
    display: none;
}


/*input.search_open{*/
#master_wrapper.search_open input#search{
    width: 200px;
    cursor: text;

    color:#666666;
    padding-left:35px;
    padding-right: 30px;
    background-position: 0px 0px;
}

/*input.search_open:hover{*/
#master_wrapper.search_open input#search:hover{
    /*background: url(../images/search-bg@2x.png) no-repeat scroll 0 0 white;*/
}



/* dark, tooltip style
div#right-slide.search_panel{
    position: absolute;
    z-index: 5000;
    top:100px;
    right: 10px;

    width:320px;
    min-height: auto;
    border-radius: 10px;

    margin-bottom: 50px;
}
*/

div#right-slide.search_panel{
    /*
    position: absolute;
    top:76px;
    */

    top:0;
    position: fixed;

    /* z-index: 1030; */
    z-index: 1005;
    right: 0px;

    width:350px;
    /*min-height: 900px;*/
    

    /*margin-bottom: 50px;*/
    background-color: white;
    border-left:solid 2px #dddddd;
    /*min-height: 100%;*/
    height: 100%;



    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;


    margin-top: 0px; /* site message */

    display:block;

}

.body-at-top div#right-slide.search_panel{

    /*position:absolute;*/
    /*top:126px !important;*/

    top: 126px;
}

.body-at-top div#right-slide.search_panel:hover{        /* key for search scrollbar to work on top position (with full heaeder, after scroll movement */
    /*position: fixed;*/
    /*background-color: yellow;*/
}

.body-at-top div#right-slide #scrollbar2:hover{
    /*background-color: red;*/

    /*position: fixed;
    width: 300px;
    */

}



.body-at-top div#right-slide.search_panel{
    transition: margin-top .2s ease;        /* animation when site_mesage is being shown, margin-top is set in adjust_site_message() */
}

.body-at-top div#right-slide.search_panel.anim{

    -webkit-transition: top .2s ease, margin-top .2s ease;
    -moz-transition: top .2s ease, margin-top .2s ease;
    -ms-transition: top .2s ease, margin-top .2s ease;
    -o-transition: top .2s ease, margin-top .2s ease;
    transition: top .2s ease, margin-top .2s ease;

}

.at-top div#right-slide.search_panel{   /* OLD when appended to header */
    top:126px;
    /*background-color: white;
    position: absolute;*/
}

/*
.site_message_shown div#right-slide{
    margin-top:60px;
}

.body-at-top .site_message_shown div#right-slide.search_panel{
    margin-top:0px;
}

*/

.search_panel ul.search-results li{
    border-bottom-color: #dcdcdc;
}

.search_panel ul.search-results{        /* enables scroll inside search results */
    /*max-height: 90%;*/
    overflow-y: auto;

}

.chev{
    width: 10px;
    height: 10px;
    position: relative;
    background-color: #222;
    top: -5px;
    left: 155px;
    transform: rotate(45deg);
}

#search_close{
    position: relative;


    top: 12px;
    left: 130px;
    font-size: 24px;
    color: #ddd;

    display:none;
    cursor:pointer;

    -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;



    width:20px;
    height:20px;
    /*border:dashed 1px red;*/
    /*background-color: orange;*/
    background: url(../images/clear_search.svg) no-repeat scroll 0 0 transparent;

    opacity: 0.2;
    /*display:block;*/

}

#search_close.active{
    display:block;
}

#search_close:hover{
    opacity:0.35;
}

#search_close.loading{

    background: url(../images/loading.gif) no-repeat scroll 0 0 transparent;
    background-size: 20px;

}


#search_results_caption{
    padding:10px 10px;
    color:#999;
    font-family: 'Lato', sans-serif;
    /*border:dashed 1px #555;*/
   /* visibility: hidden;*/

}

#search_results_caption.visible{
    display:block;
    visibility: visible;
}

a.close_caption, a.close_menu{
    font-size: 26px;
    font-weight: normal;
    /*line-height: 18px;*/
    color: #000000;
    /*text-shadow: 0 1px 0 #ffffff;*/
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;

    /*border:dashed 1px red;*/
    padding: 3px 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}
a.close_menu{
    right: 5px;
    top:2px;
}

a.close_menu svg{
    width:16px;
    height:16px;
}
a.close_caption:hover, a.close_menu:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}




a.close_block{
    position:absolute;
    /*border:dashed 1px orange;*/
    width:24px;
    height: 24px;
    top: 20px;
    right: 20px;
    opacity:0.15;
}

a.close_block:hover{
    opacity: 0.6;
    cursor: pointer;
}

a.close_block svg{
    width: 24px;
    height: 24px;
}

.m_top{
    margin-top: 50px;

}



/* OLD SEARCH STYLES */
/*
#right-triger{
	width: 44px;
	height: 44px;
	display: block;
	background: url(../images/search.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
}
#right-triger:hover{

    background-position: 0px -49px;
}

*/
#left-slide{
	/*width: 280px;*/
    width: 240px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 997;
	background: #222;
	padding: 0;
    min-height: 100%;
    text-align: left;
    
    height: 100%;
    position: fixed;
}

.zoom-overlay-open #left-slide, .zoom-overlay-open #site_header, .zoom-overlay-open .search_panel{

    z-index: 0 !important;  /* hides menu if open, when image is zoomed in */

}

.zoom-overlay-open #habla_beta_container_do_not_rely_on_div_classes_or_names{           /* olark chat box */
    display:none;
}

img[data-action="zoom"] {
    cursor:pointer;         /* for IE */
}

.small_loading_indicator{     /* loading dots while hires image is loaded */
    background-image: url("../images/loading_dots_small.gif");
    background-repeat: no-repeat;
    background-position: center 6px;
}

.loading_indicator{
    background-image: url("../images/loading_dots.gif");
    background-repeat: no-repeat;
    background-position:center;
    min-height:100px;
}



#site_header #search_right_form, #search_right_form{
	/*position: relative;*/
	padding: 15px 32px 16px 32px;
	/*background: #0e0e0e;*/
    background: #181818;
	border-bottom: 1px solid #303030;
    margin:0;

    transition: padding .2s ease;
    

}

#site_header.at-top #search_right_form, .body-at-top #search_right_form{
    position: relative;
    padding: 40px 32px 40px 32px;
    /*background: #0e0e0e;*/
    background: #181818;
    border-bottom: 2px solid #303030;

    transition: padding .2s ease;

}

#search_right{
	width: 163px;
	border: 2px solid #5c5c5c;
	color: #fff;
	font-size: 16px;
	padding: 5px 35px 5px 15px;
	background: transparent;
	margin: 0;
	height: 30px;
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
}
#search_right:focus{
	border-color: #fff;
}



.close-search{
	/*
	position: absolute;
	right: 45px;
	top: 59px;
	*/
	position: relative;
  	left: 178px;
  	top: -39px;
	cursor: pointer;
	display: block;
	width: 15px;
	height: 15px;
    background-image: url("../images/x_menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    /*border:dashed 1px red;*/
    padding: 10px;
    background-size: 15px;
    float:left;

}
.close-search:hover{
    /*background-position: 0px -19px;*/
    background-image: url("../images/x_menu_hover.svg");
}
.close-search.loading {
	/*
    top:-31px;
	width: 20px;
	height: 20px;
	*/
	background-size: 20px;
	background-image: url("../images/ajax-loader.gif");
}
.close-search.loading:hover {
	background-position: 0 0;
}

.search_subnotice{
    text-align: left;
    margin-top: 7px;
    position: absolute;
    margin-left: 15px;
    font-size: 12px;
}

.search_subnotice a{
    color:#555;
}

.search_subnotice a:hover{
    color:#bbb;
}

/* Search List */
ul.search-results{
	list-style: none;
	margin-left: 0;
	padding: 0 30px;
    margin-top: 20px;

    /*padding-bottom: 200px; /* provides space at bottom so end of search results can be always visible, with small header (during scroll) or no header */
    padding-bottom: 100px;
}

.body-at-top ul.search-results{
    padding-bottom: 180px;          /* provide enough space for all search results when there is big header */
}

ul.search-results li{
	text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
	display:none;
    border-bottom: solid 1px #333;
}

ul.search-results li:last-child{
    border:none;
}

ul.search-results .draft-post {
    /*
    background-color: rgba(255,255,255,0.2);
    border-radius: 10px;
    */
    font-style: italic;
}
ul.search-results .draft-post .draft-icon {
    /*color: #555555;*/
    font-size: 14px;
    font-style: italic;
}

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

ul.search-results li.draft-post a{
    color:#666666;
}

ul.search-results li a:hover{
	color: #ffffff;
}
ul.search-results li a .user-avatar{
	margin-bottom: 15px;
	border-color: #555;
}

ul.search-results li .item_info{
    /*border:dashed 1px green;*/
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    vertical-align: text-bottom;
   /* width:100px;*/
    color: #666666;
   /* display:none;*/
    font-family: 'Lato', sans-serif;
    margin-top: 5px;
}

.search_panel ul.search-results li .item_info{
    color: #999;
}

ul.search-results li .item_info .fa{
    margin-right: 3px;
}

.search_panel ul.search-results li .item_info a, ul.search-results li .item_info a{
    font-size: 12px;
    font-weight: normal;
}

.search_panel ul.search-results li .item_info a{
    color:#777777;
}

ul.search-results li .item_info a{
    color:#777777;
}

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

.search_panel ul.search-results li a .user-avatar{
    border-color: #cccccc;
}

.search_panel ul.search-results li a{
    color: #777777;
}


.search_panel ul.search-results li.draft-post a{
    color:#999999;
}

ul.search-results .draft-post .draft-icon {
    /*color: #999999;*/
}

.search_panel ul.search-results li a:hover{
    color: #50a489;
}

.search_panel ul.search-results li a.show-all-results {
    color:#50a489;
}

.search_panel ul.search-results li a.show-all-results:hover{
    color: #ffffff;
}

.search_panel .page_search_icon{
    margin-bottom: 15px;
    font-size: 28px;
    color: #bbbbbb;
}

.page_search_big{           /* page icon on search page */
    text-align:center;
    padding-top: 7px;
    padding-left:5px;
    padding-right: 5px;
}

.page_search_big .fa{
    color:#bbbbbb;
    font-size: 28px;
}


/* = CONTENT
------------------------------------------ */
#master_wrapper{
    position:relative;
    overflow:hidden;
    
    /*height:100%;*/
    min-height: 100%;   /* important for short pages, eg billing */

}

#master_wrapper > div#right-slide{
    /*background-color: darkred;*/
}

.site_message_anim{
    /* site messge show - dismiss */
    -webkit-transition: margin-top .2s ease;
    -moz-transition: margin-top .2s ease;
    -ms-transition: margin-top .2s ease;
    -o-transition: margin-top .2s ease;
    transition: margin-top 0.2s ease;
}

#wrapper{
	position: relative;
	z-index: 999;
	background: #fff;

    padding-top: 124px;

    box-sizing: border-box;

}

#menu_closer{
    display:none;
}

.create-container{
	max-width:1300px;
	margin:auto; 
	/*border:dashed 1px purple;*/
}

.main-content{
	float: left;
	
	max-width: 800px;
    width:100%;
   /* width: 800px;*/
	/*background-color: purple;*/
}
.side{
	width: 249px;
    /*width: 310px;*/
	min-height: 100px;
	float: left;
	/*display: inline-block;*/
	border-bottom: none;

}

.side_post_settings{
    width:288px;
    padding-left: 20px;
    border-left: solid 1px #dddddd;
}

.content {
	padding: 44px 50px;
	/*width: 80%;*/
	/*width: 65%;*/
	/*max-width: 960px;*/	/* max width of content - limit for very large screens */
    max-width: 800px;	/* max width of content - limit for very large screens */
	margin: auto;
	/*border: dashed 1px green;*/
	
}

.content.cat-content{
    /*padding: 0;*/
    /*margin-top: -20px;*/
    padding-top: 10px;
    padding-bottom: 30px;
}

div.content div.row-fluid{
    max-width: 740px;
    margin: auto;
    /*background-color: red;*/

    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    padding:10px 0;
    border: solid 1px transparent;
    box-sizing:border-box;

    overflow: visible; /* needed for zooming on large images in comments to work properly (not to get cut-off because of max-width limit */
}

div.content div.row-fluid.mark_high{
    background-color:cornsilk;
    border:dashed 1px khaki;

}


.team_content{
    max-width:860px;
}

.nopad{
	padding-top: 0;
	padding-bottom: 0;
	/*background-color: red;*/
}

.comment_row{
	padding: 0;
    /*
    max-width: 800px;
    padding-right: 20px;
    */
    max-width: 770px;
    margin:auto;
    position:relative;
}

.comment_row textarea{
    font-size: 16px;
    resize: vertical;
}

iframe{
    display:block;
    /*margin: 20px auto;*/
    max-width: 100%;
    margin:0 auto;  /* center iframe by default*/
    border:0;

}

.post_body iframe{
    width: 100%;            /* added later, default, can be overriden by iframe width attribute or style attribute */
    min-height: 250px;
}

iframe.google_doc{          /* embeded google doc via iframe*/
    border: dotted 1px #aaa;
    height: 750px;
}

.reply_row{
	padding: 0;
	/*padding-left: 15%;*/
    /*padding-left: 12%;*/
    padding-left: 120px;
    max-width: 770px;
    position:relative;

}

.comment-list > .new_open_reply{
    padding-top:5px;
    padding-bottom: 20px;
}

.new_open_reply .reply_row{
    padding-left: 120px;
    max-width: 640px;
    /*border: dashed 1px red;*/
}

.unapproved .reply_link_div{
    display: none !important;
}

.reply_link_div{

    margin-top: 20px;
    font-size:16px;

}

.reply_link_div .fa{
    font-size: 14px;
}

.todo-list {

}

.todo-single {
	display: inline-block;
	width: 130px;
	height: 160px;
	margin: 15px 15px 25px 15px;
}

.todo-title {
	font-size: 15px;
	line-height: 20px;
}

.todo-image {
	margin-bottom: 20px;
	height: 100px;
}

.todo-circle{
    width: 100px;
    height: 100px;
    background-color: #d6d6d6;
    margin: auto;
    border-radius: 50px;
    margin-bottom: 20px;
    transition:0.4s;
}

.todo-circle i.fa{
    font-size: 40px;
    color:#fff;
    margin-top: 30px;
}

a:hover div.todo-circle{
    background-color: #5dbd9e;
}

a div.todo-image img{
    opacity: 0.8;
    transition:0.2s;
}

a:hover div.todo-image img{
    opacity: 1;
}

.post-content{
	/*
    font-size: 20px;
	line-height: 30px;
	*/
    font-size:18px;
    line-height:1.6;
}

div.post-content ul, div.post-content ol, div.page-content ul, div.page-content ol {
    padding-left:25px;
    margin-top: 25px;
    margin-bottom: 25px;
    overflow: hidden;
}

.zoom-overlay-open div.post-content ul, .zoom-overlay-open div.post-content ol, .zoom-overlay-open div.page-content ul, .zoom-overlay-open div.page-content ol{
    overflow: initial;
}

div.post-content ul li ul, div.post-content ol li ol, div.page-content ul li ul, div.page-content ol li ol{
    margin-top: 5px;
    margin-left: 0px;
}

div.post-content li, div.page-content li{
    line-height: inherit;
    margin-bottom: 10px;
}

div.post-content hr, div.page-content hr{
    margin: 25px 10px;
    clear:both;
}


blockquote
{
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 15px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;

    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 1px;
    margin-left: 25px;
    color:#444;
    margin-top: 30px;
    margin-bottom: 30px;
}

blockquote p, .post_intro blockquote p{
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 15px;
}



blockquote p:last-child{
    margin-bottom: 0px;
}


.post_body{
    text-align: left;
    text-align:initial;     /* supports RTL languages with attribute dir='auto' set on element */
    color: #333;
    max-width: 740px;
    margin: auto;
    position: relative;
    word-wrap: break-word;
    font-family: "Helvetica Neue", 'Lato', Helvetica, Arial, sans-serif;

}

.post-content .post_body, .page-content .post_body{
    /*min-height:100px;*/
    overflow: auto;     /* allows large (wide) tables with lots of columns to be scrollable horizontally */
}

.zoom-overlay-open .post-content .post_body, .zoom-overlay-open .page-content .post_body{
    overflow: visible;
}

.post-content .post_body *{         /* limit width of all elements inside the post body - prevent overflow caused by some embed codes (Tableau..) */
    max-width: 100%;
    /*overflow: hidden; */      /* BREAKS LARGE IMAGE ZOOM */
}

.post-content .post_body div.audio_container{
    margin-bottom: 10px;
}

.post-content .magicline_container, .post_intro .magicline_container {
    display:none !important;                /* hide leftover magicline fragments that should have been removed by ckeditor */
}

.content .post_body img{
    margin: 5px auto;           /* ensure at least some margin around image if not wrapped in p */
}

.content .post_body img.emojione{ /* emojione smileys in add/edit comments and text */
    vertical-align: middle;
    margin-top: -0.2ex;
    margin-right: 0.15em;
    margin-bottom: 0.2ex;
    margin-left: 0.15em;
}

.post_body, .post_body p{
    font-size:18px;
    /*line-height: 30px;*/
    line-height: 1.6;
}

.post_body a, .post_intro a{
    font-weight: 500;
    text-decoration: underline;
}

.post_body a:hover{

    text-decoration: underline;
}

.post_body mark a, .post_intro mark a{
    color:white;
    font-weight: 600;
}

.post_body mark a:hover, .post_intro mark a:hover{
    color:#ddfff4;
}

.post_body strong a, .post_intro strong a{
    font-weight: inherit;
}

.post_body > iframe, .post_body > p > iframe{
    /*min-height: 400px;*/
    position:relative !important;
    max-width: 100%;
    margin: 20px auto !important;  /* center iframe content in post body */
}

.post_body code, .post_body pre{
    font-size:13px;
    line-height: 1.6;
    direction: ltr;             /* fix ltr because of possible RTL text before */
    white-space: pre-wrap;
}

.post_body pre{
    margin: 25px 0px;
}

.post_body pre > code{            /* prevent text overflow in code */
    display:block;
    overflow-x: auto;
    /*white-space: pre;*/       /* scroll on x axis - keeps the lines but harder to read the code.... switched to pre-wrap, which wraps lines */
}

.post_body ul, .post_body ol {
    padding: 0;
    margin: 0 25px 10px 25px;       /* equal margin left and right, for RTL support */
}


.post_intro blockquote.instagram-media p:first-child{
    padding: 0 20px !important;
    padding-top: 100px !important;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC) ;
    background-repeat: no-repeat;
    background-position: center 30px;

}

.post_intro blockquote.instagram-media p:first-child a{
    color:#666 !important;
}

blockquote.instagram-media{
    margin: 20px auto !important;
}

div.content .post_intro .videodetector{
    display: none;
}

div.content .post_intro .videodetector.youtube{
    display: block;
    height: auto;
    padding-bottom:0;
    margin-bottom:0;
    background: none;
}

div.content .post_intro .videodetector > div{
    display: none;          /*  fix post preview for other video services: Loom, ..*/
}

div.content .post_intro .videodetector > div.intro_iframe_container, div.content .post_intro .videodetector > div.vd_content{                /* allow video or other content inserted via iframe to be shown */
    display: block;
}

div.content .post_intro .videodetector > div.vd_content{
    padding-bottom: 335px;
    /*background-color: yellow;*/
}

/*ckeditor added classes for text... but AlignLeft does not get added :( */
.post_body .AlignLeft, .post_intro .AlignLeft{
    text-align: left;
}

.post_body .AlignRight, .post_intro .AlignRight{
    text-align: right;
}

.post_body .AlignCenter, .post_intro .AlignCenter{
    text-align: center;
}

.post_body .AlignJustify, .post_intro .AlignJustify{
    text-align: justify;
}

.tac{
    text-align: center;
}

div.CodeMirror-code {
    /*text-align: left;*/
    text-align: initial;        /* provides RTL support combined with attribute dir='auto' */
}

.main-content .form-section.editor_container{
    padding: 0;
    background-image: url('../images/loading_dots.gif');
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid #dddddd;
}


div.post_body h2, div.post_body h1{
    font-size: 26px;
    margin-top: 35px;
    margin-bottom: 10px;
}

div.post_body h3{
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 34px;
    margin-top: 20px;
}

.post_intro{
    /*
    max-width: 760px;
    font-size: 18px;
    */
    max-width: 700px;
    font-size:17px;
    text-align: left;
    text-align: initial;    /* provides support for RTL languages in modern browsers, combined with dir='auto' attribute on the element */


    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #333;

    line-height: 1.6;
    word-wrap: break-word;

    font-family: "Helvetica Neue", Lato, Helvetica, Arial, sans-serif;

    min-height: 100px;

    /*border: dashed 2px blue;*/
    max-height: 500px;
    overflow: hidden;
    position: relative;

}

.post_intro .fade_footer{
    background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.5), rgba(255,255,255,0.90), rgba(255,255,255,1));
    /*border:dashed 1px red;*/
    position: absolute;
    width: 100%;
    height: 30px;   /* works with .post_intro max-height:500 */
   /* top: 470px;*/
    bottom: 0;
}

.post_intro ul, .post_intro ol{
    /*display: inline-block;  ??? */
    display: block;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 25px;
    margin-left: 15px;
}

.post_intro ul li, .post_intro ol li{
    line-height: inherit;
    margin-bottom: 0.4em;
}

.post_intro ul ul, .post_intro ol ol{
    display:block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.post_intro p{
    margin-bottom: 10px;
    line-height: inherit;
    font-size: inherit;
}

.post_intro h2, .post_intro h1 {
    font-size: 20px;
    font-weight: 900;
}

.post_intro h3{
    font-size: 17px;
    line-height: 27px;
}

.post_intro pre{
    text-align: left;
}

.post_intro .align-right, .post_intro .align-left{
    /*
    float:none;
    margin:0;
    */


}

.post_intro div.tableauPlaceholder{     /* fix, div container height in intro post for embed code from www.tableau.com */
    height: auto !important;
}

a.intro_image.align-right, a.intro_image.align-left{        /* floated image in intro text positioning */
    /*border:dashed 2px red;*/
    max-height: 150px;
    max-width: 200px;

    margin-top: 5px;
}

a.intro_image.align-left{
    margin-right: 15px;
}

a.intro_image.align-right{
    margin-left: 15px;
}

a.intro_image.align-right span.top, a.intro_image.align-right span.bottom, a.intro_image.align-left span.top, a.intro_image.align-left span.bottom {        /* remove zig zag for floated images in intro text */
    display:none;
}

.post_intro div.yt_full{
    height:auto !important;
    padding:0 !important;
}

.intro_image, .intro_video{
    display: block;
    width:720px;
    height:320px;
    /*
    width:640px;
    height:320px;
    */
    margin: auto;
    background-position:center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    opacity:1;
    max-width: 100%;
    
}

.intro_image{
    background-size: cover;
}

/* ----- does not center intro image in preview.. ??? */
/*
.intro_image{
    display:inline-block;
    margin: 15px 0px;
    vertical-align: middle;

}

p.align-center .intro_image{
    margin:0;
}
*/
/* ---------- */


.post_intro figure{
    max-width: 100%;
}

figure.image a.intro_image{
    margin: 0;
}

.post_intro figure.image.align-left, .post_intro figure.image.align-right{
    display:none;
}
.post_intro figure.image.align-left figcaption, .post_intro figure.image.align-right figcaption{        /* remove figcaption from floated figure images in post intro */
    display:none;
}

.post_intro .fetchurl-image{
    background-size: cover;
}





.intro_iframe_container{
    position: relative;
    /*height: 300px;*/  /* not needed, will be extended by iframe inside */
    min-height:335px;
    max-width:100%;
    padding: 0;
    /*background-color: #f8f8f8;*/
    background-image: url('../images/loading_dots.gif');
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;

    margin-bottom: 16px;
}
.intro_iframe_container iframe{
   /* width:100%; */    /* will be overwritten with style element with exact width value if it exists */
    width:100%;    /* default iframe width, needed for mobile */
    /*max-width: 480px;*/
    max-width: 100%;
    /*height: 300px;*/      /* not needed, too much, soundcloud ? */
    min-height:335px;
    /*max-height: 300px;*/
    border: 0;
}

.intro_iframe{      /* generic iframe, soundcloud, slideshare, pictocart, whatever... */
    display:block;
    position: absolute;
    width: 100%;
    min-height:335px;
    /*height: 300px;*/  /* will be set dynamically */
    padding: 0;
    margin: 0;

    /*border:dotted 2px red;*/

}

.intro_image:hover, .intro_video:hover {
    opacity: 0.8;
}

.intro_iframe:hover{
    background-color: white;
    opacity: 0.1;
}

.intro_image .top, .intro_video .top, .intro_iframe_container .top, .native_video .top{
    display: block;
    height: 10px;
    width: 100%;
    position: absolute;
    top:0;
    /*background-color: red;*/
    /*background-image: url("../images/top_shadow.png");*/
    background-image: url("../images/zig_zag.png");
    background-position: top;
    background-repeat: repeat-x;


}

.intro_image .top {
    display:none;
}

.intro_image .bottom, .intro_video .bottom, .intro_iframe_container .bottom, .native_video .bottom{
    display: block;
    height: 10px;
    width: 100%;
    position: absolute;
    bottom:0;
    /*background-color: blue;*/
    background-image: url("../images/zig_zag_bottom.png");
    background-position: bottom;
    background-repeat: repeat-x;

}

.intro_image .bottom{
    display:none;
}

a.intro_image.noclip span.bottom, a.intro_image.noclip span.top{        /* do not show zig zag if image is not clipped in height */
    display:none;
}

.intro_video .play{
    width:85px;
    /*background-color: red;*/
    background-image: url("../images/yt-play.png");
    height: 60px;
    margin: auto;
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -30px;
    margin-left: -43px;
}

.post_thumb .play{
    width: 60px;
    /* background-color: red; */
    background-image: url("../images/yt-play.png");
    background-size: 60px;
    height: 42px;
    margin: auto;
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -21px;
    margin-left: -30px;
    opacity: 0.8;

}

.post_thumb .play:hover{
    opacity:0.9;
}


/* NATIVE VIDEO STYLING IN POST INTRO */
div.content .post_intro div.videodetector.native_video{
    position:relative;
    text-align:center;
    /*border:dotted 1px blue;*/

    background-image: url('../images/loading_dots.gif');
    background-position: center center;
    background-repeat: no-repeat;
    margin: 20px auto;



    opacity: 0.9;
    transition: opacity 0.3s ease-in-out;

    max-height: 300px;
    overflow:hidden;
}

div.content .post_intro div.videodetector.native_video:hover{
    opacity: 0.8;
}

div.content .post_intro a.post_link{            /* recover if div.videodetetor contaier is removed */
    position: relative;
    display: inline-block;
    /*border:dotted 1px black;*/
}

div.content .post_intro div.videodetector.native_video a.post_link{
    position: static;
}

div.content .post_intro /*div.videodetector.native_video*/ a img.video_play{
    position:absolute;
    top:50%;
    left:50%;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out;
    display: none;
    
}

div.content .post_intro div.videodetector.native_video video{
    max-width:480px;
    /*
    max-height: 300px;
    */

}



div.content .post_intro div.videodetector.native_video a:hover img.video_play{
    opacity: 0.8;
}

video{
    max-width:100%;
}



div.content .post_intro div.videodetector.native_video.align-right, div.content .post_intro div.videodetector.native_video.align-left{
   margin-top: 8px;
   margin-bottom: 10px;
    /*border:dashed 1px red;*/
    max-height:170px;
}

div.content .post_intro div.videodetector.native_video.align-right{
    margin-left: 15px;
}

div.content .post_intro div.videodetector.native_video.align-left{
    margin-right: 15px;
}

div.content .post_intro div.videodetector.native_video.align-right video, div.content .post_intro div.videodetector.native_video.align-left video{
    max-width:240px;
}


/* NATIVE VIDEO STYLING IN RECENT POSTS LISTING */

div.content .post_list_item div.videodetector.native_video{
    position:relative;
    text-align:center;
    /*border:dotted 1px orange;*/

    background-image: url('../images/loading_dots.gif');
    background-position: center center;
    background-repeat: no-repeat;
    margin: 20px auto;



    opacity: 0.9;
    transition: opacity 0.3s ease-in-out;

    max-height: 300px;
    overflow:hidden;


    float: right;
    margin: 0;
   /* width: 160px; moved to a.post_link*/


}

div.content .post_list_item video{      /* recover if div.videodetetor contaier is removed */
    max-height: 120px;
}


div.content .post_list_item a.post_link{
    position:relative;
    float:right;
    width:160px;
}

div.content .post_list_item  img.video_play{
    position: absolute;
    left: 50%;
    top: 50%;
    width:50px;
    margin-left: -25px;
    margin-top: -25px;
    opacity: 0.6;
    display:none;       /* hidden by default, if outside native_video container*/
}

div.content .post_list_item  .native_video img.video_play{
    display: block;     /* visible only when inside native video container */
}



.read_more{
	margin-bottom: 35px;
    clear:both;
}

.user-avatar{
	padding: 3px 4px;
	border: 2px solid #CDCDCD;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 500px;
	   -moz-border-radius: 500px;
			border-radius: 500px;
    line-height: 17px;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}


a:hover .user-avatar{
    border-color:#6dc3a8;
}

div#left-slide a:hover .user-avatar{
    border-color:#808080;
}

.user-info .user-avatar{
	margin: 0 10px 0 10px;
}

.img-avatar{
	width:69px; 
	height: 69px;
    max-width: 69px;
    max-height: 69px;
    min-width: 69px;
    min-height: 69px;
	/*background:no-repeat scroll 0 0 transparent;
	background-size: cover;*/
}

.emphasized .img-circle{
    outline-style: solid;
    outline-color: #1795D4;
    outline-width: 4px; 
}

.emphasized .img-avatar{
    outline-width: 4px;
}

.emphasized .img-avatar-medium{
    outline-width: 3px;
}

.emphasized .img-avatar-small{
    outline-width: 3px;
}

.emphasized .img-avatar-xsmall{
    outline-width: 2px;
}

.user-info.emphasized .job_title, .emphasized .member-job-title{
    color: #1795D4;;
}


.img-avatar-big{
	width: 87px; 
	height: 87px;
    max-width: 87px;
    max-height: 87px;
    min-width: 87px;
    min-height: 87px;
	/*background:no-repeat scroll 0 0 transparent;
	background-size: cover;*/
}

.img-avatar-medium{
	width:50px;
	height: 50px;
    max-width: 50px;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
	/*background:no-repeat scroll 0 0 transparent;
	background-size: cover;*/
}

.img-avatar-small{
	width:34px; 
	height: 34px;
    max-width: 34px;
    max-height: 34px;
    min-width: 34px;
    min-height: 34px;
	/*background:no-repeat scroll 0 0 transparent;
	background-size: cover;*/
}

.user-avatar.counter .img-avatar-small{
    background-color: #cdcdcd;
    font-size: 13px;
    line-height: 34px;
    font-weight: bold;
    color: #666666;
}

.img-avatar-mid-small{
    width:29px;
    height: 29px;
    max-width: 29px;
    max-height: 29px;
    min-width: 29px;
    min-height: 29px;
    /*background:no-repeat scroll 0 0 transparent;
    background-size: cover;*/
}

.img-avatar-xtra-small{
	width:21px; 
	height: 21px;
    max-width: 21px;
    max-height: 21px;
    min-width: 21px;
    min-height: 21px;
	background:no-repeat scroll 0 0 transparent;
	background-size: cover;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.user-avatar.counter .img-avatar-xtra-small{
    line-height: 21px;
    font-size: 11px;
    text-align: center;
    background-color: #cdcdcd;
    color: #666;
    font-weight: bold;
}

.deactivated{

}
.deactivated .username, .deactivated .member_name{
    font-style: italic;
    opacity:0.5;
}

.deactivated .member_name{      /* member profile page */
    font-style: italic;
    opacity:0.5;
}
.deactivated .username:hover{
    opacity: 1;
}
.deactivated img.img-circle{
    filter: grayscale(100%);
    opacity: 0.5;
    transition: opacity 0.3s;
}
.deactivated a img.img-circle:hover{
    opacity: 1;
}



.avatar_container{
	text-align:center; 
	padding-top: 20px;
    padding-bottom:30px;
}

.upload_container{
    width:90px;
    height:90px;
    border:dashed 3px #ccc;
    border-radius: 10px;
    cursor:pointer;
    margin:auto;
    background-color:#f4f4f4;
    transition: border-color .3s ease;
}

.upload_container i.fa{
    font-size: 40px;
    margin-top: 25px;
    color:#ccc;
    transition: color .3s ease;
}

.upload_container:hover{
    border-color:#aaa;
}

.upload_container:hover i.fa{
    color:#aaa;
}

/* = BUTTONS
------------------------------------------ */
.btn, a.btn{
	color: #999999;
	border: 2px solid #AAAAAA;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	background: none;
	text-transform: uppercase;
	padding: 10px 30px;
	text-shadow: none;
	box-shadow: none;
	letter-spacing: 1px;
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
    text-decoration: none;
    position: relative;
    background-color: #fff;
    transition: 0.3s;
}
a.btn:hover{
    text-decoration: none;
}
.btn:hover, 
.btn:focus{
	-webkit-transition: .3s;
       -moz-transition: .3s;
            transition: .3s;
}
.btn:hover, 
.btn:focus, 
.btn:active, 
.btn.active, 
.btn.disabled, 
.btn[disabled]{
	background-color: #fafafa;
    color: #333;
    box-shadow: none;
}

.btn:focus{
    outline:none;
    filter: brightness(90%);
}

.btn.left_spin{
    padding-left: 40px;
}

.btn i.fa {
    font-size: 14px;
    margin-left: 3px;
}

.btn_small, a.btn_small{
    padding: 5px 15px;
    font-size: 11px;
    border: solid 1px #ccc;
}

.btn_small:hover, a.btn_small:hover{
    border-color:#aaaaaa;
}

.btn.btn_xsmall, a.btn.btn_xsmall{
    padding: 2px 12px;
    font-size: 10px;
    border: solid 1px #ccc;
    vertical-align: top;
}

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

.btn#try_theme{
    background-color: #25b393;
}

.btn#try_theme:hover{
    background-color: #21a184;
    border-color: #21a184;
}

.circle_spin{
    width: 16px;
    height: 16px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px rgba(94, 189, 158, 1);
    border-top-color: #ffffff;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 12px;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.left_spin .circle_spin{
    left:12px;
}

.btn_small .circle_spin{
    width: 12px;
    height: 12px;
    top: 9px;
    right: 9px;
}

.spinner_right{
    padding-right: 40px;
}

.btn.black{
	color: #000;
	border-color: #000;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	
}
.btn.black:hover{
	color: #fff;
	background-color: #000;
}
.btn.green{
	color: #fff;
	border-color: transparent;
	background: #5dbd9e;
	/* margin: 10px auto; */
}
.btn.green:hover, .btn.btn_small.green:hover{
	background: #50a88b;
    border-color: #50a88b;
}

.btn.green_border{
    border:solid 2px #5dbd9e;
    color: #5dbd9e;
    background-color: #ffffff;
}
.btn.green_border:hover{
    background: #5dbd9e;
    color:#ffffff;
    border-color:#5dbd9e;
}

.btn.green_txt, .btn.btn_small.green_txt{
    color: #50a88b;
    /*background-color: #ffffff;*/
}
.btn.green_txt:hover, .btn.btn_small.green_txt:hover{
    background: #50a88b;
    color:#ffffff;
    border-color:#50a88b;
}
.btn.input_inline{      /* correct button position when standing in line next to text box */
    top:-10px;
}

.btn.slack_invite{
    margin-top: 5px;
    /*background-image: url(../../../../images/slack_invite.png);*/
    background-image: url(../../../../images/slack-logo.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 16px;
    padding-left: 45px;
    border-width: 1px;
    margin-top: 20px;
}

.comment_btn{
    margin-right: 10px;
    background-color: #ffffff;
    margin-top: 10px;
}

.submit_btn{
    margin-top: 15px;
}

.btn.red{
    color: #fff;
    border-color: transparent;
    background: #e74c3c;

    /*border:solid 2px red;*/

}
.btn.red:hover{
    background: #ff4b33;
}

.btn.btn_small.red{
    background-color: #fff;
    color: #e74c3c;
    border-color:#ccc;
}

.btn.btn_small.red:hover{
    border-color:#ff4b33;
    background-color:#ff4b33;
    color:#fff;
}


.btn.grayyyy{
    /*color: #b8b8b8;
    border-color: #b8b8b8;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
*/
}
.btn.grayyyyyyy:hover{
    color: #fff;
    background-color: #000;
}

ul.search-results li a.show-all-results{
    font-size: 12px;
    padding: 10px 25px;
    background-color: transparent;
    margin-top: 20px;
}

ul.search-results li a.show-all-results:hover{
    color:#000000;
}


.blogin-like,
.blogin-dislike, .blogin-follow{
	padding: 1px 9px 1px 24px;
	-webkit-border-radius: 24px;
	   -moz-border-radius: 24px;
			border-radius: 24px;
	margin: 4px 3px 0;
	border: 2px solid;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow: hidden;*/
	line-height: 20px;
	font-size: 14px;
	position: relative;
	/*top: 7px;*/
    vertical-align: baseline;
    top:-1px;
}
.blogin-like{
	background: url(../images/btn-like@2x.png) no-repeat scroll 8px 4px;
	border-color: #6dc3a8;
	color: #6dc3a8;
    background-size: 11px;
}
.blogin-dislike{
	background: url(../images/btn-dislike@2x.png) no-repeat scroll 8px 6px;
	border-color: #f96e60;
	color: #f96e60;
    background-size: 11px;
}

.single_p .vote-post{
    cursor: pointer !important;
}

.blogin-follow{
    background: url(../images/btn-follow.svg) no-repeat scroll 7px 4px;
    border-color: #4f87b8;
    color: #4f87b8;
    top: -2px;
    /*padding-right: 10px;*/
    cursor:pointer;


}

h2.page-title .blogin-follow{
    letter-spacing: normal;
    text-transform: none;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    margin-left: 10px;
    top:-1px;
    margin-top: 0;
}

h2.page-title i.icon_mark{
    margin-left: 5px;
    /*color: #666666;*/
    color: #999;
}

.member_actions .blogin-follow{
    vertical-align:middle;
    top:0;
}

.no-touch .member_actions .blogin-follow:hover{
    color: inherit;
    background-color: inherit;
}

.member_actions .blogin-follow.following{
    color: #4f87b8;
    border-color:#4f87b8;
    /*background-color: inherit;*/
    background-color: #4f87b8;
    color:white;
}

.member_actions .blogin-follow .fa{
    font-size:14px;
    position:relative;
    top:1px;
    left:-2px;
}

.by-line a.blogin-follow{
    /*font-weight: normal;*/
    font-size: 12px;

}

.no-touch .blogin-like:hover, .blogin-like.voted{
	background-color: #6dc3a8;
	color: #fff;
	/*background-position-y: -28px;*/
    background-position: 8px -28px;
    cursor:pointer;
}

.no-touch .blogin-dislike:hover, .blogin-dislike.voted {
	background-color: #f96e60;
	color: #fff;
	/*background-position-y: -26px;*/
    background-position: 8px -26px;
    cursor:pointer;
}

.touch .blogin-follow:hover{        /* active elment on touch screens, when not following state */
    color: #4f87b8;
    text-decoration:none;
}

.touch .member_actions .blogin-follow:hover{
    color: #999999;
}

.no-touch .blogin-follow:hover, .touch .blogin-follow.following, .no-touch .blogin-follow.following, .no-touch .member_actions .blogin-follow.following, .touch .member_actions .blogin-follow.following{        /* .following specific .touch AND .no-touch versions to be more specific and take presedence when following state */
    background-color: #4f87b8;
    color: #fff;
    /*background-position-y: -28px;*/
    background-position: 7px -28px;
    cursor:pointer;
}



/*
.blogin-like.voted {
	background-color: #6dc3a8;
	color: #fff;

    background-position: 8px -28px;

    font-weight: 600;
}

.blogin-dislike.voted{
	background-color:#f96e60;
	color: #fff;

    background-position: 8px -26px;

    font-weight: 600;
}

.blogin-follow.following {
    background-color: #4f87b8;
    color: #fff;

    background-position: 7px -28px;


}
*/


.blogin-like:focus, .blogin-dislike:focus{
	color:#fff;
}



div.row.comment .blogin-like, div.row.comment .blogin-dislike{
    border:none;
    top:0;
    padding: 1px 8px 1px 24px;
    /*margin: 4px 0px 0;*/
    margin-top: 4px;
    margin-right: 1px;
    margin-left: 0;
    font-weight: 400;
}

div.row.comment .blogin-like.voted, div.row.comment .blogin-dislike.voted{
    font-weight: 600;
}


a.emojis-btn, a.comment_img_btn {
    position: absolute;
    bottom: 0;
    right: 6px;
    margin: 4px;
    padding: 5px !important;
    outline: none !important;
    font-size:18px;
    border:none;
    color:#bbbbbb;

    background-color: rgba(255,255,255,0.5);
    line-height:16px;
}

a.comment_img_btn{
    right: 35px;
    font-size:14px;
    margin-bottom: 5px;
}

a.emojis-btn:hover, a.comment_img_btn:hover{
    color:#666666;
    background-color: rgba(255,255,255,1);;
}

a.emojis-btn:active, a.comment_img_btn:active{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



div#title_div {
    padding: 0;
    text-align: initial;    /* support for RTL languages, combined with dir='auto' */
}

div#title_div a.emojis-btn{
    bottom:calc(50% - 20px);
    right: 5px;
    background-color: transparent;
    font-size: 20px;
}






.contentarea img.comment_img{
    /*display:block;*/     /* stupid chrome can't create links around block elements */

    margin:5px 0px;
    /*margin-right:100%;          /* simulate display: block */
    cursor:default;

    -webkit-transition: opacity linear .5s;
    -moz-transition: opacity linear .5s;
    -o-transition: opacity linear .5s;
    transition: opacity linear .5s;

}

.contentarea img.novisible{
    opacity: 0.1;
}

.contentarea a img.comment_img{
    border: solid 1px;
}

div.row.comment img.comment_img{
    /*display:block;*/
    margin: 5px 0;
}

/* linked image in the comment */
/*
a img.comment_img{
    border:dashed 2px green;
}
*/




/*
.popover div.arrow{
    display:none;
}
*/


/* GRAMMARLY BUTTON POSITION FIX */
.gr-textarea-btn{
    top: inherit !important;
    left: inherit !important;
    margin: 0 !important;
    right: 5px !important;
    bottom: -30px !important;
}

/*-- Grammarly button on single-post age (comments and replies)-  NEW GRAMMARLY CHROME APP - apr 2016 */
div.pos-relative grammarly-btn{
    /*border: dashed 1px red;*/
    position: absolute;
    display: block;
    /* padding: 5px; */
    right: -5px;
    bottom:-5px;
}

div.pos-relative grammarly-btn > div{
    transform: none !important;
}
/* ---- */


div.emojis-modal.popover{
    width: 350px;   /* required for loading indicator to be visible */
}

.emojis-modal div.popover-content {
    padding: 1px 0px;
    height: 385px;          /* required to have height set up before the content is loaded, for popover to be properly positioned */
    background-image: url('../images/loading_dots.gif');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: opacity 0.5s;

}
.emojis-modal div.popover-content.loaded{
    background: none;
    opacity: 1;
}

ul.nav.emojis-nav {
    margin: 0;
    padding: 0;
    /*margin-bottom: 10px;*/
    list-style: none;
    /*border-bottom: solid 1px #eee;*/
}
.emojis-nav li {
    float: left;
    list-style: none;
}
ul.nav.emojis-nav>li>a, ul.nav.emojis-nav>li>a:focus {

    padding: 8px !important;
    font-size: 20px;
    color: #aaa;
    width: 20px;
    margin-left: 6px;
    text-align: center;
    background-color: transparent;
    border-bottom: solid 3px transparent;
}

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

.emojis-list {
    height: 300px;
    overflow: auto;
    position: relative;
}
.emojis-list .emoji-title {
    padding-left: 10px;
    text-align: left;
    font-size: 15px;
    line-height: 14px;
}
.emojis-search {
    padding: 10px 5px;
    border-bottom: solid 1px #eeeeee;

}
.emojis-search input {
    background: #eee url(../images/search-glass.png) no-repeat 8px 7px;
    background-size: 12px;
    border-radius: 30px;
    border: none;
    outline: 0;
    margin: 0;
    padding: 3px 22px 3px 26px;
    width: 100%;
    height: auto;
    min-height: 26px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

 ul.emojis-items{
    background-color: orange;
    padding-left: 5px;
}
.emojis-items li {
    float: left;
    margin: 1px;
}
.emojis-items a {
    display: block;
    padding: 4px 3px;
    border-radius: 5px;
    margin: 1px 2px;
}
.emojis-items li:hover a {
    background-color: rgba(93,189,158, 0.4);
}
.emojis-modal .popover-content nav.navbar{
    margin-bottom: 0;
    /*border-bottom: solid 1px #eee;*/
}


/* = HOME
------------------------------------------ */
.user-info{
	margin:auto;
    vertical-align: middle;
	/*border: dotted 1px red;*/
}
.user-info > img{
	margin: 0 10px 10px 10px;
}
.user-info span{
	font-size: 16px;
	color: #999999;

	/*border: dashed 2px green;*/
	min-width: 300px;
    max-width: 300px;
	display:inline-block;
}

.user-info span a{
    font-weight: 500;
}

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

.user-info span.name{
	text-align: right;
    vertical-align: inherit;
    line-height:1.2;
}
.user-info span.name .job_title{
    font-size:13px;
    font-style:italic;
}
.user-info span.date{
	text-align: left;
    vertical-align: inherit;
}



ul.user-list{
	list-style: none;
	margin: 0;
	font-size: 0;
    margin-top: 5px;
    margin-right: 5px;
}
ul.user-list .user-avatar {
	margin-right: 7px;
    margin-bottom: 5px;
	position: relative;
	top: -4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}

 ul.user-list .user-avatar {
    top:0;
}

ul a.plus_join{
    margin-top:10px;
}

ul.user-list .user-avatar:hover {
	border-color: #6dc3a8;
}

ul.user-list .user-avatar.counter:hover {
    border-color: #cdcdcd;
}

ul.user-list li{
	display: inline-block;
}

.post-date {
	white-space: nowrap;
	/*
    margin-bottom: 10px;
	margin-top: 10px;
	*/
	display: inline-block;
}

a.gray{
	color: #999999;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 3px;
	display: block;
}
a.gray:hover{
	color: #7C7C7C;
}
.plus{
	vertical-align: top;
	margin-top: 4px;
    width:10px;
}


/* = SINGLE POST
------------------------------------------ */
.highlight {
    background-color: #FFFF88;
}
.by-line{
	/*color: #b4b4b4;*/
    color: #999999;
	margin: 15px 0;
    margin-bottom: 35px;
	font-size: 15px;
}

.by-line .fa{
    color:#828282;
    opacity: 0.75;
    transition: opacity .3s;
}

.by-line .important{
	/*margin-top: 12px;*/
	margin-right: 0px;
}

.by-line .blck{
	display:inline-block;
	/*border:dashed 1px red;*/
    margin:auto 5px;
    /*margin-bottom: 6px;*/
    cursor: default;
    display: inline;
    line-height: 24px;

    /*transition: color .3s;*/


}

.blck .more_items{
    font-size: 14px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    margin-left: 2px;
}

.blck .more_items a{
    font-weight: normal;
    color:#999;
    white-space: nowrap;
    font-style: italic;
}
.blck .more_items a:hover{
    color:#666;
}

.blck .subcat{
    font-weight: normal;
}

.blck .cat_divider{
    margin-right: 3px;
}


ul.recents .blck .more_items, ul.archive-list .blck .more_items {
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    font-style: italic;
    margin-left: 0;
}

.post-notice{
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 20px;
    display: inline-block;
    margin-bottom:40px;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

.deleted_notice{
    color: #F7715E;
}

.deleted_notice .txt{
    display:inline-block;
    position: relative;
    top: 1px;
}

.deleted_notice i.fa{
    font-size:28px;
    vertical-align: bottom;
    margin-right: 3px;
}

.approval_notice {
    display: inline-flex;
    color: darkorange;
}

.approval_notice .txt {
    display:inline-block;
    position: relative;
    top: 3px;
}

.approval_notice i.fa {
    font-size: 28px;
    vertical-align: top;
    margin-right: 5px;
}


.by-line .blck:hover, .by-line .fa:hover{
    opacity: 1;

}


.by-line .blck.pinned{
    margin: auto 8px;
}
.by-line .blck.pinned .fa{
    transform: rotate(30deg);
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    -o-transform: rotate(30deg);
    color:#5dbd9e;

}

.by-line .blck.upv.voted, .by-line .blck.upv.voted .fa{
    color: #6dc3a8;
}

.by-line .blck.downv.voted, .by-line .blck.downv.voted .fa{
    color: #f96e60;
}

.by-line .blck .fa-star{ color: #4f87b8;}


.by-line a{
    font-weight: 500;
}

ul .row-fluid .by-line a{       /* post listings */
    font-weight: 400;
}

ul .row-fluid .by-line a.edit_my_post{
    font-weight: 600;
}

.by-line a.blogin-like, .by-line a.blogin-dislike{
    font-weight: 600;
}

.no-touch .by-line a:hover{
    text-decoration: underline;
}

.touch a.blogin-dislike:hover{
    color:#f96e60;
}

.touch a.blogin-dislike.voted:hover{
    color:white;
}


.no-touch .by-line a.blogin-like:hover, .no-touch .by-line a.blogin-dislike:hover, .no-touch .by-line a.blogin-follow:hover{
    text-decoration: none;
}


ul.recents .by-line .blck{
    margin: auto 4px;
}

ul.recents .by-line .blck .wiki{
    font-size:10px;
}

ul.recents .by-line .blck.pinned{
    margin: auto 8px;
}


.d_flex{
    display: flex;
    /*background-color: lime;*/
    overflow: hidden;
}


.sp10{
    /*float:left;*/
    /*width:10%;*/
    /*background-color: orange;*/
    margin-right: 2%;
}

.sp90{
    /*float:left;*/
    /*width:90%;*/
    /*background-color: lightskyblue;*/
    flex-grow: 2;
    overflow: hidden;
}

.zoom-overlay-open .sp90{
    overflow: visible;          /* needed for ZOOMing animation to work */
}


ul.recents .by-line .blck:first-child, ul.archive-list .by-line .blck:first-child{
	margin-left: 0;
}

.by-line .blck:last-child{
	margin-right: 0;
}

div.recent_post_intro{
    padding-right: 30px;
    margin-top: 7px;
    margin-bottom: 5px;
    /*border:dashed 1px red;*/

    /*max-height: 130px;*/
    overflow: hidden;

    font-family: "Helvetica Neue", Lato, Helvetica, Arial, sans-serif;

    text-align: left;
    text-align: initial;    /* support for RTL languages, combined with attribute dir='auto' */

}

.recent_post_intro, .recent_post_intro p{
    font-size: 14px;
    line-height: 20px;
    color:#999999;

}

div.recent_post_intro a{
    color: #999999;
    font-weight: normal;
    text-decoration:none;

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

}

div.recent_post_intro pre, div.recent_post_intro code{
    background-color: #f6f6f6;
    color:#999;
    font-size:10px;
    opacity:0.8;
    word-break: normal;
    padding:5px 7px;

}

div.recent_post_intro ul.tags{
    margin-top:8px;

}
div.recent_post_intro ul.tags li a{
    padding: 2px 8px;
    font-size: 12px;
    color: #888;
    white-space: nowrap;
}

div.recent_post_intro ul.tags li a:hover{
    color:#555;
}

ul.tags li.more{
    color: #999;
}

.post_thumb{
    float: right;
    width:160px;
    height:120px;
    background-size: cover;
    background-position: center;
    margin-top:10px;
    margin-left:5px;
    position: relative;
    overflow: hidden;
}

.post_thumb iframe{
    max-width: 100%;
    max-height: 100%;
    min-height: auto;
}

div.post_thumb a.iframe_cover{
    position:absolute;
    height: 100%;
    width: 100%;
}


.ws_nowrap{
    white-space: nowrap;
}

/*
.by-line .important.single{
	margin-top: 9px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
*/
.thumb-up,
.thumb-down, .follow-circle{
	background: url(../images/thumb-up@2x.png) no-repeat 0 0 transparent;
    background-size: cover;
	width: 50px;
	height: 50px;
	display: inline-block;
	margin: 0 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid;
}

.thumb-up {
	border-color: #5dbd9e;
}

.thumb-down {
	background: url(../images/thumb-down@2x.png) no-repeat 0 0 transparent;
    background-size: cover;
	border-color: #f7715c;
}
.follow-circle{
    border-color:#4f87b8;
    background: url(../images/star-follow.svg) no-repeat 0 0 transparent;
    background-size: 50px 108px;
   
}

.no-touch .thumb-up:hover, .no-touch .thumb-down:hover, .no-touch .follow-circle:hover {
	/*background-position-y: -58px;*/
    background-position: 0px -58px;
}

.no-touch .thumb-up:hover, .thumb-up.voted {
	background-color: #5dbd9e;
}

.no-touch .thumb-down:hover, .thumb-down.voted {
	background-color: #f7715c;
}

.no-touch .follow-circle:hover, .follow-circle.following {
    background-color: #4f87b8;
}

.thumb-up.voted, .thumb-down.voted, .follow-circle.following  {
    background-position: 0 -58px;
}

.post-content img, .page-content img {
    display:inline-block;
    margin: auto;
}	

/* image2 alignment classes */
.content .post_body img.align-left, .content .post_body .align-left, .align-left {
    float: left;
    margin: 10px 0px;
    margin-right: 20px;
    max-width: 50%;

}

.content .post_body img.align-right, .content .post_body .align-right, .align-right {
    float: right;
    margin: 10px 0px;
    margin-left: 20px;
    max-width: 50%;
}

.align-center {
    text-align: center;
    margin-top:25px;
    margin-bottom: 25px;
    clear:both;
}

.align-center > figure {
    display: inline-block;
    margin:0;
}

figure {
    margin:10px 0;
    display:inline-block;
}

figure > figcaption, figure > p, figure > div{

    color:#555;
    font-style: oblique;
    padding-top:2px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 14px;

    display: block;

}

.all_posts{
    margin-top: 50px;
    color: red;
}


.videodetector{       /* blogin added - for custom embed code - iframe */
    position: relative;
    /*
    width: auto;
    display: block;
    height: auto;
    padding-bottom: 0;
    */
    margin-bottom: 20px;
    clear:both;
}

.videodetector.original{
    position      : relative;
    width         : 100%;
    height        : 0;
    padding-bottom: 60%;
    background-image: url('../images/loading_dots.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fafafa;
}

.videodetector.original.youtube_shorts{
    padding-bottom: 0;
    background: none;
}


.videodetector.original iframe, .videodetector.vd_container iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

.videodetector.original.youtube_shorts iframe{
    max-width: 360px;
    position: relative;
    height: 640px;
}

.videodetector.vd_container{
    padding: 0;
}

.videodetector .vd_content{
    position:relative; 
    width:100%; 
    height:0; 
    padding-bottom:60%;
    margin:auto;
}

.remove-videodetector{
    display: none;
}

.videodetector.native_video{
    text-align:center;
    outline:none;

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



ul.tags, div.post-content ul.tags{
    /*border: dashed 1px green;*/
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    text-align:left;
    margin-bottom: 0;
    margin-top: 25px;
    margin-right: 0;
}

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

ul.tags li{
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 5px;

}

ul.tags li a{
    font-size: 14px;
    font-weight: normal;
    padding: 6px 12px;
    background-color: #f1f1f1;
    color: #555555;
    /*color: rgba(0,0,0,0.68);*/
    border-radius: 40px;
    text-decoration: none;
    /*font-family: "Lato", sans-serif;*/
    /*text-transform: capitalize;*/
    white-space: nowrap;
}

ul.tags li a:hover{
    background-color: #e6e6e6;
    text-decoration: none;
    color: #333;
}

/* = PAGE 
-------------------------------------------*/
.page-title-wrap{
	border-bottom: 2px solid #dddddd;
    border-top: 2px solid #dddddd;
	padding: 10px 0;
	background: #f8f8f8;
    position: relative;
}

.page-title-wrap.cat-title{
    margin-bottom: 20px;
}

.action_line .btn.btn_small {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    margin: 0;
}

.action_line .page-title{
    max-width: 65%;
    margin-left:auto;
    margin-right: auto;
}

.page-title{
	color: #292929;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
    line-height: 1.8em;
}

.page-title span.prefix{
    color: #999;
    font-weight: normal;
    letter-spacing: normal;
}

.page-title.has-subtitle{
    margin-bottom: 0;
    margin-top: 5px;
    padding-bottom: 0;
    line-height: 36px;
}

.page-subtitle{
    color: #666;
    margin-bottom: 10px;
    font-style: italic;
    font-family: Lato;
}

.single-page-title{
   font-size: 28px;
}

.single-page-subtitle{
    margin-top: 0px;
    color: #999;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 10px;
    font-style: italic;
    font-family: "Lato";
}

.single-page-title.has-subtitle{
    margin-top: 5px;
    margin-bottom: 5px;
}

.del_page{
    position: absolute;
    right:0px;
    top:10px;

}

h2.single-page-title a.edit_my_post{
    text-transform: none;
    font-family: "Helvetica Neue", Helvetica;
    /* font-weight: 600; */
    font-size: 14px;
    letter-spacing: normal;
    margin-left: 0px;
    background-position: 0px 0px;
    min-height: 16px;
}

h2.single-page-title a.edit_my_post:hover{
     background-position: 0px -23px;
}

h2.single-page-title span.preview{
    font-size: 16px;
    font-style: italic;
    color: #999;
    text-transform: lowercase;
    font-weight: normal;
}



/* = COMMENTS 
-------------------------------------------*/
.comments-title{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 25px 10px;
	text-transform: uppercase;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: -1px;
	background-color: #f8f8f8;
}


#recent_posts .caption{
    padding:0;
    margin-top: 15px;
    margin-bottom: 5px;
}

#recent_posts .caption .span12{
    min-height: auto;
}

#recent_posts .caption h5.post_body{
    font-size: 12px;
    border:0;
    text-align: left;
    padding:0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    line-height: normal;

}

.latest_posts{
    text-align: left;
    padding: 0;
    padding-top: 10px;
    padding-left: 20px;
}

.comment div.comment_txt{
	font-size: 17px;
    overflow: hidden;   /* long, long url */
    /*line-height: 26px;*/
    line-height: 1.6em;
    color: #555555;
    margin-top: 15px;
    position:relative; /* prevents html injection with div element positioned absolute to cover the whole comment row.... */
}

.zoom-overlay-open .comment div.comment_txt{
    overflow: visible;
}

div.comment_txt a, div#comment_text a, div.edit_comment a{
    font-weight: normal;
    text-decoration: underline;
}

div.comment_txt p{
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

/* mentions */

div.comment_txt a[data-mention], div#comment_text a[data-mention], div.edit_comment a[data-mention]{

    background-color: #E0F2EC;
    /*color:#666666;*/
    color:inherit;
    
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    /* color: #59b597; */
}

div.comment_txt a[data-mention] {
    /*padding-top: 1px;*/
}

div.post_intro a[data-mention] {
    padding-bottom: 1px;
}


div.comment_txt a[data-mention], div.post_body a[data-mention], div.post_intro a[data-mention]{
    background-color: #f7f7f7;
    color: #5dbd9e;
}


div.comment_txt a[data-mention]:hover, div.post_body a[data-mention]:hover, div.post_intro a[data-mention]:hover{
    background-color: #daf0e9;
    color:#222;

}


div.row.comment ul li, div.row.comment ol li, div#comment_text ul li, div#comment_text ol li {
    line-height: inherit;
}

ul.comment-list{
	list-style: none;
    margin: 0;
}
.comment-list > div{
    text-align: left;       /* required for IE, since it does not support initial */
    text-align: initial;    /* provides support for RTL languages, combined with attribute dir='auto' */
	/*padding: 30px 0;*/
	padding: 15px 0;
	border-bottom: 1px solid #dddddd;
	color: #999999;
}
.comment-list > div:last-child{
    border-bottom:none;
}
.comment-list > div.replyed{
	margin-left: 0;
}

.comment-list.reverse > div:first-child{
    border-top: 1px solid #dddddd;
}

/*
ul.comment-list > li:last-child{
	border-bottom: none;
}
*/
.comment-list  a.comm_author, span.deleted_member_name, span.comm_author{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 20px;
	color: #292929;
	line-height: 24px;
	/*margin-bottom: 10px;*/
	display: inline-block;
    margin-top: 4px;
}

.comm_job_title{
    margin-left:7px;
    font-style: italic;
}

.comment_date{
    margin: 8px 0px;

}

.comment-list a.comm_author:hover{
    color:#50a489;
}

.comment-list ul{
    list-style-type: disc;

}

.comment-list ul, .comment-list ol{
    margin-bottom: 10px;
}

.comment-list blockquote, div.post-comment blockquote{
    margin-left:0;
    padding:5px 0px;
    padding-left: 20px;
    color: inherit;
    margin: 15px 10px;
    /*font-family: inherit;*/
    /*font-size:16px;*/
    font-size:inherit;
    border-color:#ddd;
}

span.deleted_member_name{
    color: #aaaaaa;
    font-style: italic;
    font-weight: normal;
}

/* ??? creates weird margin on the right side of smileys when in bullet li in comment */
/*
ul.comment-list li > img{
	margin-right: 30px;
    border:solid 2px red;
}
*/

.comment_container, .replyed{
    transition: background-color 1s ease;
}

.comment-list .unapproved{
    background-color: lightyellow;

}

.comment-list .unapproved  .row-fluid{
    /*border: dashed 1px #ccc;*/
    opacity: 0.8;
    /*background-color: lightgoldenrodyellow;*/
}

.action_approve{
    margin-top: 12px;
}

.action_approve .msg{
    background-color: lightgoldenrodyellow;
    padding: 5px;
    border-radius: 5px;
    color: #777;
    margin-left:25px;
    display:inline-block;
}

.action_approve .btns{
    white-space: nowrap;
    display:inline-block;
}

.approved_msg{
    margin-left: 10px;
    position: absolute;
    right: 0;
    color: #5dbd9e;
    right: 40px;
    top: 17px;
    display:none;
    font-weight: bold;
    font-family: 'Lato', Arial, sans-serif;
    /*bottom:7px;*/


    background-color: #5dbd9e;
    color: white;
    padding: 2px 8px;
    border-radius: 25px;

}

.post-comment{
	padding-bottom: 35px;
    border-top:1px solid #dddddd;
    padding-top: 10px;
}
.post-comment h5, .new_open_reply h5{
	text-transform: uppercase;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 20px;
	margin-bottom: -5px;
}

.new_open_reply h5{
    margin-bottom: 10px;
    margin-top: 10px;
}

.post-comment textarea, textarea.edit_comment, div.contentarea{
	width: 100%;
	margin: 20px 0 0px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	
}

.custom_message_container{
    margin-top: 20px;
    max-width: 725px;
}

.cm_subtitle{
    font-size: 14px;
    float: right;
    color: #666666;
}

.contentarea.custom_message{
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 100px;
    width: 100%;
    padding: 10px;

    box-sizing: border-box;
    box-shadow: none;
    border: 2px solid #cdcdcd;
    font-size: 17px;
    color: #777;
}


div.contentarea{
    min-height:210px;
    /*height: 210px;*/
    max-height:800px;

    color: #555555;
    background-color: #ffffff;
    border: 2px solid #cdcdcd;
    /*
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    */
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    padding: 2px 7px;
    overflow:auto;
    /*line-height: 1.4;*/
    line-height: 24px;
    border-radius: 4px;

    padding-bottom:25px;
    /*overflow-x: hidden;     /* required for images, with margin-right 100% to simulate display:block (chrome cant create links around block elements) */


}

textarea#custom_message_text:focus{
    border-color: #5dbd9e;
}

div.contentarea:focus{
    border-color: #5dbd9e;
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #5dbd9e;*/
    outline:none;
}

div.contentarea p{      /* styling for IE, creates p elements on enter in conteneditable div */
    line-height: inherit;
    font-size: inherit;
    margin-bottom: 0;
}

div.contentarea.edit_comment{   /* edit comment and reply comment */
    margin-bottom: 5px;
    margin-top: 15px;
    /*height:120px;*/
    min-height:120px;

}

.edit_comment_area div.contentarea.edit_comment{        /* only edit comment */
    /*background-color: #fefef8;*/
    min-height: 80px;
}

div.contentarea.cat_description{
    padding: 10px 10px;
    margin-top: 0;
    max-height: 300px;
    min-height: 150px;
    max-width: 770px;
    color: #777;
    resize: vertical;
}

div.contentarea.cat_description ul, div.contentarea.cat_description ol{
    margin-top: 10px;
    margin-bottom: 10px;
}

div.edit_comment_area{
    /*display:none;*/
    /*border:dashed 1px red;*/
    /*width:92%;*/
}

#blogin_paste_catcher{
    /*border: dotted 1px red;*/
    border:solid 1px transparent; /* safari needs to have border OR to have width and height at least 1 to be able to focus on this element */
    position: absolute;
    left:0;
    width: 0px;                 /* safari needs at least 1px to be able to focus on this element, OR border set to not none */
    height: 0px;                /* safari needs at least 1px */
    overflow: hidden;
    outline: 0;
}

#blogin_paste_catcher img{
    width: auto;
    max-width:initial;
}

.display_none{
    display:none;
}

.sub_notice{
    margin-bottom: 0px;
    padding-left: 5px;
    color: #999999;
    font-size: 13px;
    display:block;
    line-height: 20px;
    margin-top: 5px;
}

.touch .sub_notice{
    display:none;
}

.sub_notice .icon_more_info{
    vertical-align: text-bottom;
}

.sub_notice img.emojione{
    min-height: 17px;
    min-width: 17px;
}

.icon_more_info {
    margin-left: 1px;

}

.click_more_info, .hover_more_info{
    cursor:pointer;

    /*
    border: solid 1px #999;
    border-radius: 21px;
    padding: 1px 2px;
    */

}

div.popover-content{
    color:#444;
    font-size:15px;
    line-height:22px;
    padding: 15px 20px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.popover-content a{
    font-weight: normal;
}

div.popover-content p{
    line-height: normal;
    font-size:14px;
    margin-bottom: 10px;
    margin-top: 5px;
}

div.popover-content i.fa{
    font-size: 14px;
}

.notify_info{
    float:right;
    margin-top: 10px;
    margin-right: -10px;
}

.notify_info .click_more_info, .notify_info .hover_more_info{
    font-size:16px;
}

.notify_info a{
    font-weight: normal;
}



.click_more_info:hover, .hover_more_info:hover{
    color:#666666;
}

.dash_arrow{
    /*border:dashed 1px red; */
    position:relative;
    max-width: 800px;
    margin:auto;
    height:1px;
}

.dash_arrow img{
    position: absolute;
    top: -155px;
    left: 150px;
    opacity:0.5;
}

/* = PAGINATION 
-------------------------------------------*/
ul.pagination{
	list-style: none;
	padding-bottom: 20px;
	background-color: #f3f3f3;
	padding-top: 20px;
	margin: 0;
	border-top: 2px solid #dddddd;
    flex-wrap: wrap;
}



ul.pagination.transparent{
    background-color:transparent;
    border-top: 1px solid #dddddd;
}

ul.pagination.compact{
    border-top:none;
    padding: 0;
}

ul.pagination.small{
    border:none;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.pagination li{
	display: inline-block;
	margin: 20px 5px;
    color: #999999;
}

ul.pagination.small li{
    margin: 10px 5px;
}

ul.pagination li a{
	border: 2px solid #c0c0c0;
    padding: 10px 15px;
    padding-right: 12px;
	color: #999999;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
			border-radius: 50px;
}

ul.pagination.small li a{
    border-width: 1px;
    padding: 8px 13px;
    padding-right: 10px;
    font-size:12px;
}

ul.pagination li a:hover,
ul.pagination li a.current{
	color: #5dbd9e;
	border-color: #5dbd9e;
}

ul.pagination.small li a:hover,
ul.pagination.small li a.current{
    color:white;
    background-color: #5dbd9e;
}

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





/* = USERS
------------------------------------------ */

ul.nav-tabs{
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;

    white-space: nowrap;
}


ul.nav-tabs > li{
    margin-bottom: -2px;

    float:none;
    display: inline-block;
}



ul.nav-tabs > li > a{

    font-size: 16px;
    padding: 14px 30px;
    font-family: 'Lato', sans-serif;
    margin-right: 5px;
    border-width: 1px;

    padding-bottom:12px;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{


    border-width: 1px;
    background-color: transparent;
    border-right-color: #fff;
    border-left-color: #fff;
    border-top-color: #fff;
    text-decoration: underline;
    border-bottom-color: #fff;

    padding-bottom: 10px;
    outline:none;

}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {

    background-color: #f9f9f9;
    border-width: 1px;
    border-bottom:0px;
    padding-bottom:14px;
    text-decoration:none;
}

.tab-content {
    overflow: auto;
    background-color: #f9f9f9;
    /*padding: 30px;*/
    border: solid 1px #ddd;
    border-top: none;
    position:relative;
    font-family: 'Lato', sans-serif;
}

#settings .tab-content{
    overflow: visible;          /* required for subcategories popover to be shown in full, when parent category is near the edge of the tab (oherwise it gets caught off) */
}

.tab-content > .tab-pane > div{
   padding:30px;
}

.tab-content > .tab-pane div.block{
    border-bottom:solid 1px #dddddd;

}

.tab-content > .tab-pane > div.header_block{
    width: auto !important;
}

#tab-authentication div.block{
    padding: 40px 50px;
}

#tab-authentication div.header_block{
    padding: 25px 30px;
}


.tab-content > .tab-pane div.main_content{
    background-color: #ffffff;
    color:#666666;
}

.block_text{
    font-family: 'Lato', Arial, sans-serif;
    font-size: 15px;
    color: #555555;
    margin-top: 5px;
}

.block_text a{
    font-weight: normal;
}

.block_text a:hover{
    text-decoration: underline;
}

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

}

#invite {
	/*background-color: #f8f8f8;*/
    /*
    background-color: #ffffff;
	border: 2px solid #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px 30px 30px;
	overflow: hidden;
    margin-top: 30px;
    */
}
#invite input[type="text"], #invite input[type="email"], #category input[type="text"]{
	height: 42px;
	padding: 6px 12px;
	font-size: 17px;
	color: #777;
	margin-top: 0px;
	width: 55%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

#category input[type="text"]{
    width:50%;
} 


form#category .add-description-link a:focus, .show-more-link a:focus{
    outline: none;
}

.active_users{
    margin-top: 7px;
    font-style: italic;
    color: #999;
}

.cat-desc{
    text-align: left;
    color: #444;
    padding: 0 3%;
    font-size: 16px;
}

.cat-desc-limit{
    max-height: 150px;
    overflow: hidden;
}

.cat-desc p{
    font-size: 16px;
    margin-bottom: 0;
}

.cat-desc ul, .cat-desc ol{
    margin-top: 10px;
    margin-bottom: 10px;
}

.cat-desc p:last-child{
    margin-bottom: 0;
}

.cat_hide, .title.block.cat_hide{
    display: none;
}

/*
form#category input.btn.green{
    margin-top: 30px;
}
*/


.show-more-link{
    text-align: left;
    /*background-color: lightgoldenrodyellow;*/
    padding: 0 3%;
    padding-top: 10px;
    position:relative;
}

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

.gradient_cover{
    height: 20px;
    position: absolute;
    bottom: 30px;
    width: 100%;
    /*border: dashed 1px orange;*/
    background: #ffffff;
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
    background: linear-gradient( 0deg, rgba(255,255,255,1), rgba(255,255,255,0));
}


#invite input[type="text"], #invite input[type="email"] {
	margin: 0;
    margin-top: 5px;
    width: 350px;
    font-size: 17px;
}

#invite select, select{
    margin-top: 5px;
    margin-bottom: 0px;
    border-width: 2px;
    font-size: 17px;
    height: 42px;
    color: #777;
    width: 350px;
}


select {        /* normalize */

    display: inline-block;
    /*padding: .6em 1.7em .5em .8em;*/
    /*padding: 10px 30px 10px 10px !important;*/
    padding: 0.6em 1.8em 0.6em 0.6em;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 55%, 0 0;
    background-size: .65em auto, 100%;
    outline: none;
    line-height: normal;
}
select::-ms-expand {
    display: none;
}
select:hover {

}
.select:focus{
    outline: none;
}
.select option {
    font-weight:normal;
}




select.small, #settings select.small{
    font-size: 15px;
    height: 32px;
    width: auto;
    margin:0;
    border-width:1px;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

select.xsmall, .xsmall, #settings select.xsmall{
    width: auto;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    border: solid 1px #ddd;
    height: inherit;
    margin-top:0;
    vertical-align: initial;
    display: inline-block;

    padding: 3px 20px 3px 5px;
    background-position: right .4em top 55%, 0 0;
    background-size: 9px auto, 100%;
}

#invite .billing-title {
font-weight: normal;
font-size: 20px;
color: #292929;
line-height: 1.3em;
margin: 0 0 20px 0;
}

#invite .send-invite {
display: inline-block;
position: relative;
margin-top: 20px;
}

#invite label{
display: inline-block;
/*border: dashed 1px red;*/
    margin: 10px;
    margin-left: 0px;
    margin-right: 20px;
    color:#555;
    font-size:13px;
}

#invite label.rem_inv, #post_poll .rem_answer{
    margin:0;
    padding: 3px 5px;
    vertical-align: text-top;
    /*border:dashed 1px grey;*/
    font-size: 26px;
    color:#ccc;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

#post_poll .rem_answer{
    cursor: pointer;
    padding: 0;
    font-weight: normal;
    vertical-align: text-bottom;
    margin-left: 1.5%;
}

#post_poll .poll_answers, #post_poll #poll_question{
    width: 95%;
}

#invite label.rem_inv:hover,#post_poll .rem_answer:hover{
    color:#999;
}

div.invitation{
    padding-bottom: 5px;
    padding-top: 0px;
}

div.added_inv, div.added_answer{
    /*border-top: solid 1px #eeeeee;*/
    position: relative;
}



div.bulk_invite{
    margin-top: 30px;
    height: auto;
    clear:both;
}

.invite_teams{
    /* border: dashed 1px green; */
    width: auto;
    display: block;
    margin-top: 15px;
    /*border-top: solid 1px #dddddd;*/
    /*padding-top: 15px;*/
    font-size: 16px;
    /*color: #555;*/
    /*margin-bottom:20px;*/

}

.invite_notice{
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 20px;
    color:#555555;
}

#category .add-category-btn {
	display: inline-block;
	position: relative;
	top: 4px;
}

.narrow_col{
    width:70%;
    min-width: 300px;
    max-width: 100%;
    margin: auto;
}

.edit-tag-content .narrow_col {
    width: 75%;
}

input.find_members{
    margin-right: 0;
    font-size: 16px;
    margin-right: 0;
    color: #8b8b8b;
    height: 22px;
    background-image: url("../images/search-icon.png");
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding:8px;
    padding-left: 30px;
    border-width: 1px;
    width: 260px;
}
input.find_members.loading {
	background-image: url("../images/loading.gif");
}

ul.team-members, ul.team-invites{
	list-style: none;
	margin-left: 0;
}

#tab-members #team-list a{
    color: inherit;
}

#tab-members .active_users a{
    font-weight: normal;
    color: inherit;
}

#tab-members .active_users a.selected{
    background-color: #eee;
    padding: 1px 7px;
    border-radius: 16px;
    color: #777;
}

#tab-members #team-list a:hover, #tab-members .active_users a:hover{
    text-decoration: underline;
}
#tab-members .active_users a.selected:hover{
    text-decoration: none;
}


ul.team-members{
    margin-top: 50px;
}

ul.team-invites li{
	font-size: 14px;
	color: #999999;
	position: relative;
	/*width: 49%;
	margin-right: 1%;
	*/
    overflow: hidden;

    /*border:dashed 1px red;*/
    float:none;

}



ul.team-members li{
    color: #999999;
    /*
    padding-bottom: 20px;
    margin-bottom: 20px;
    */
    border-bottom: solid 1px #eee;
    /*
    margin-left: 10px;
    margin-right: 10px;
    */
    position: relative;
}

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

ul.team-members li label.single-member{
    padding: 20px 0;
    /*background-color: #00ffa5;*/
    cursor:default;
}

ul.team-members li:last-child{
    border-bottom: none;
}

/*
ul.team-invites li:nth-child(2n+2){
	margin-right: 0;
	margin-left: 1%;
}
*/
ul.team-invites li .username, ul.team-members li a.username{
	color: #333;
	font-size: 15px;
	/*padding-top: 15px;*/
	display: inline-block;
	margin-bottom: 3px;
    font-weight: 600;
}

ul.team-invites li .username.failed{
    color:#999999;
    font-style: italic;
}

ul.team-invites div.msg{
    margin-top: 5px;
    font-style: italic;
    /*display:inline-block;*/
    display:none;
    margin-right: 10px;
}

ul.team-invites div.msg.bounced, ul.team-invites div.msg.declined {
    display: inline-block;
    margin-right: 10px;
    color: #E8523E;
}

ul.team-invites li .inv_container{
    border-bottom: solid 1px #e8e8e8;
    padding: 10px 15px;
    padding-top: 15px;
}



ul.team-invites li:last-child .inv_container{
    border-bottom: none;
    padding-bottom: 0;
}

ul.team-invites li .inv_user{
    display: inline-block;
    max-width: 50%;
}

ul.team-invites .inv_actions{
    float:right;
    margin-top: 5px;
    margin-left: 20px;
}

ul.team-invites .inv_actions .del_inv{
    font-size: 14px;
    padding: 5px 10px;
    border: none;
    background-color: transparent;
}

a.invitation_link{
    color: #999999;
    position: relative;
    top: 2px;
    margin: 0 5px;
    cursor: pointer;
}

a.invitation_link:hover{
    color: #5dbd9e;
}

ul.team-invites .resend_inv .btn_small .fa{
    position: relative;
    left: -2px;

}

ul.team-invites li form{
    display: inline-block;
    margin-bottom: 5px;
}

ul.team-invites li form.resend_inv{
    margin-right: 10px;
}

.fa_btnicon{
    position: relative;
    left: -6px;
    font-size: 14px;
}

ul.team-invites div.msg .fa-check{
    color: #5dbd9e;
}

ul.team-members li a.username{
    margin-bottom: 2px;
}

ul.team-members li a.username:hover{
    color:#50a88b;
    text-decoration: underline;
}

ul.team-members li a.admin_view{
    padding-top: 5px;

}

ul.team-members li a .user-avatar{
	margin-right: 10px;
}

ul.departments{
    list-style: none;
    margin-left: 0;
   /* border:dashed 1px red;*/
    padding-top: 10px;

    float: right;
    max-width: 420px;
    text-align: right;
}

.member_profile ul.departments{
    text-align: center;
}

ul.invite_departments{
    float:none;
    max-width: none;
    padding-top: 15px;
    text-align: left;
}

ul.departments li{

    margin-bottom: 10px;
    background-color: #cccccc;
    border-bottom: none;
    display: inline-block;
    padding: 0px 10px;

    margin:2px 1px;
    border-radius: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    cursor:pointer;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s;

}

ul.departments li a{
    color: inherit;
    font-weight: unset;
}

.member_profile ul.departments li.active:hover{
    /*opacity: 0.85;*/
    background-color: #3a74a7;
}


ul.departments.muted li, ul.categories.muted li{    /* team page for regular members */
    cursor:default;
}

ul.departments li.active {
    /*background-color: #5dbd9e;*/
    background-color: #4f87b8; /* blue */
}

ul.departments li:hover{
   background-color: #b2b2b2;
}

ul.departments.muted li:hover{
    background-color: #cccccc;
}

ul.departments li.active{
    padding-left: 5px;
}

ul.departments li.active:hover{
    padding-left: 5px;
    background-color: #4f87b8; /* blue */
}

ul.departments li.active:before{    /* font awesome checked circle */
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 1.3em;
    vertical-align: -1px;
    margin-right: 4px;
}

ul.departments li input[type=checkbox]{
	display: none;
}



.tab_text{
    margin-top: 5px;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color:#666666;
    white-space: normal;

}

.tab_text.note{
    font-size: 15px;
    color: #777;
    font-style: italic;
}

.tab_desc{
    font-size: 16px;
    color:#333333;
}

.page_desc{
    margin-top: 0;
    margin-bottom: 40px;
}

.tab_block{
    border-top: solid 1px #eeeeee;
    color: #555555;
    padding-top: 20px;
    margin-bottom: 20px;

}

.tab_text label{
    font-size: inherit;
    display: inline;
    line-height: normal;
}

.tab_text input[type="checkbox"]{
    margin: auto;
    margin-bottom: 2px;
    margin-right: 3px;
}

.tab_text a{
    font-weight: normal;
}

.following_user{
    color:#4f87b8;
    margin-left: 2px;
}


form.filter-team, form.filter-tag{
    text-align: right;
    position:absolute;
    top:5px;
    right:1px;
}

form.filter-invitations{
    text-align: right;
    position:absolute;
    top: 40px;
    right:30px;
}

.filter-team .control-label, form.filter-tag .control-label{
    margin-right: 10px;
    width: auto;
}
.filter-team .controls, .filter-invitations .controls, .filter-tag .controls{
    margin-left: 0;
    color:#999;
    font-size: 15px;
}
.filter-team .controls input, .filter-invitations .controls input, .filter-tag .controls input{
    height: auto;
}

.filter-message, .filter-inv-message, .filter-search-message {
	display: none;
	color: #666666;
	text-align: center;
    padding-top: 60px;
    padding-bottom: 0px;
    font-size: 16px;
    margin-bottom: 5px;
    font-family: 'Lato', Arial, sans-serif;
}

.filter-search-submessage{
    display:none;
    text-align: center;
    font-size: 14px;
    color:#999;
    font-family: 'Lato', Arial, sans-serif;
    padding:0 10px;
}


.member-avatar{
	float: left;
}
.member-info{
	float: left;
	/*margin-right: 14px;*/
    /*max-width:225px;*/
   /* border:dashed 1px red;*/
    width: 260px;
}
.member-actions{
	display: block;
	float: right;
	margin-left: 0px;
	margin-top: 5px;
}

.member-email{
    font-size: 14px;
    margin-bottom: 3px;
    color:#666666;
    white-space: nowrap;
    
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-email a{
    color: inherit;
    font-weight: normal;
}
.member-email span.bounced, .member-job-title .fa, .member_desc .bounced .fa, .member-email .fa.failed{
    color: #e74c3c;
}

.member-email a:hover{
    color: #333;
    /*text-decoration: underline;*/
}

.txt_clip{
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-job-title{
    font-size: 14px;
    margin-bottom: 3px;
    color:#666666;
    font-style: italic;
}

.member-title{
	margin: 0px 0 5px 0;
	/*display: inline-block;*/

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.member-title.bounced{
    color: #e74c3c;
    font-style: italic;
}

.member-title a{
    font-weight: normal;
}
.delete-member{
	background: url(../images/icon-delete.png) no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
	margin-bottom: -3px;
	margin-top: 7px;
	margin-left: 5px;
	-webkit-transition: background-color .4s ease;
       -moz-transition: background-color .4s ease;
            transition: background-color .4s ease;
}
.delete-member:hover{
	background: url(../images/icon-delete-red.png) no-repeat scroll 0 0 transparent;
}

.member-pages,
.member-comments{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 35px;
	width: 45px;
	height: 25px;
	color: #b5b5b5;
	display: inline-block;
	margin-left: 1px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: background-color .4s ease;
       -moz-transition: background-color .4s ease;
            transition: background-color .4s ease;
}
.member-pages{
	background: url(../images/icon-page-gray.png) no-repeat scroll 15px 10px #f8f8f8;
}
.member-comments{
	background: url(../images/icon-comments-gray.png) no-repeat scroll 15px 10px #f8f8f8;
}
.member-comments:hover{
	/* background-position-y: -42px */
    background-position: 15px -42px;
}
.member-pages:hover{
	/*background-position-y: -40px;*/
    background-position: 15px -40px;
}
.member-pages:hover,
.member-comments:hover{
	background-color: #5dbd9e;
	color: #fff;
}

.created_by, .actions{

    font-weight: normal;
    color: #999999;
    /*white-space: nowrap;*/

    /*border:dashed 1px red;*/

}

.actions a:hover{
    text-decoration: underline;
}

.actions a.delete-link:hover{
    color:#f96e60;
}

.created_by{
    margin-left: 3px;
}

.created_by a{
    font-weight: normal;
    color: #666666;
}

.created_by a:hover{
    text-decoration: underline;
}

.res-message{
    color:#555;
    font-weight: normal;

    /*transition: all 1s ease-out;*/
    display:none;
}

.actions .member_counter{
    margin-left: 5px;
    margin-right: 5px;
    color:inherit;
    font-weight: normal;
}


#page-team .departments > li:not(.active) {
    display: none !important;
}

#page-team .departments > li:hover {
    cursor: auto;
}

#page-team span.edit_link{
    display:none;
}




li span.res-message .fa.fa-check{
    color: #5dbd9e;
    margin-right: 0;
    margin-left: 5px;
}


 li.scheduled a.p_title span.page-title-page {
    color: #999;
    font-style: italic;
}

 li.scheduled i.fa.fa-calendar-check-o{
     color: #5dbd9e;
 }

ul.published li.scheduled a.p_title{
    color:#ccc;
    font-style: italic;
}

ul.published li.scheduled a.p_title:hover{
    color:#8f8f8f;
}

li.scheduled .created_by{
    font-style:italic;

}

li.scheduled .created_by.no_sched{
    font-style:normal;
}

/* INVITE USERS FROM SLACK */

.invite_users_popup{

}

.invite_users_popup h3.popup_title.slack{
    /*background-image: url('../../../../images/slack_invite.png');*/
    background-image: url('../../../../images/slack-logo.svg');
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left;
    background-size: 28px;
}

.invite_users_popup .workspace_container{
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 20px;margin-bottom:25px;
}

.invite_users_popup .workspace{
    display: none;
    padding-top: 30px;
    font-family: 'Lato', Arial, sans-serif;

}

.invite_users_popup .workspace .option_desc{
    margin-left: 0;
    margin-bottom: 15px;
}

.invite_users_popup .workspace label.tgl{
    margin-top: 10px;
    margin-bottom: 10px;
}

.invite_users_popup .workspace .up_label{
    font-size: 11px;
    text-transform: uppercase;
    color: #999999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}



.invite_users_popup .team_block{
    font-size: 16px;
    font-family: Lato, Arial, sans-serif;
    font-weight: bold;
    /*padding: 7px 0px;*/
    /*border-bottom: solid 2px #ccc;*/
    /*margin-bottom: 10px;*/
    /*color:#333;*/
    position:relative;
    display:block;
}



.invite_users_popup .team_block .num_members{
    font-weight: normal;
    color: #999;
    margin-left: 5px;
    font-size: 14px;
    margin-top: 3px;
}

.invite_users_popup .team_block .team_toggle{
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 14px;
}

.invite_users_popup .team_block .team_toggle .fa{
    margin-left: 3px;
}

.c .team_block .team_name{
    color:#333333;
}



table.workspace_users{
    font-family: 'Lato', Arial, sans-serif;
    color:#292929;
    margin-bottom: 20px;
    margin-top: 20px;
}



table.workspace_users thead{
    font-size: 11px;
    text-transform: uppercase;
    color: #999999;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

table.workspace_users thead tr{
    padding-bottom: 0px;
}

table.workspace_users thead tr th:last-child{
    /*text-align:center;*/
}

table.workspace_users thead .select_all{
    float: right;
    margin-right: 0px;
    margin-bottom: 0;
}

table.workspace_users thead .select_all input{
    margin-left: 5px;
    margin-top: 0;
    vertical-align: text-bottom;
}

table.workspace_users thead .role_caption{
    /*margin-left: -120px */
}

table.workspace_users thead th{
    font-weight: normal;
    padding: 4px 8px;
}

table.workspace_users td{
    vertical-align: middle;
}

table.workspace_users tr.disabled{
    color:#999;
    /*font-style: italic;*/
}

table.workspace_users tr.disabled select{
    opacity:0.5;
}

table.workspace_users tr.member{
    color:#999;
    font-style:italic;
}

table.workspace_users tr.member a{
    font-weight: normal;
}


table.workspace_users tr td:last-child{
    text-align: right;
}

table.workspace_users tr td.email{
    /*word-break: break-all;*/
}

table.workspace_users tr td div.joined{
    text-align: left;
    /*margin-left: 40px;*/
    text-align: right;

}

table.workspace_users tr td div.invite_new_user{
    display: inline-block;
    text-align: left;
    white-space: nowrap;

    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}

table.workspace_users tr td div.invite_new_user select.small{
    max-width: 200px;
}

table.workspace_users tr td div.invite_new_user label{
    display: inline;
    margin:0;
    margin-left: 15px;
}

table.workspace_users tr td div.user_invited{
    font-size: 12px;
    margin-bottom: -5px;
}


.invite_users_popup .invite_departments{
    padding-top: 10px;
}


.invite_users_popup .invite_teams{
    border:none;
    padding: 0 5px;
    margin-top: 30px;
}

.invite_users_popup .btn-invite-users{
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.action_block{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 20px;
}

.action_block label{
    margin-bottom: 8px;
}

.action_block .btn{
    margin: 0;
}

.action_block.v2{
    padding: 20px 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    display:none;
}

.action_block.v2.users{
    margin-top: 40px;
    margin-bottom: -15px;
}

.action_block.v2.category{
    /*margin-top: 0px;*/
}

.action_block.v2 .popover_close{
    top: 10px;
    right: 0px;
    font-weight: normal;
    font-size: 26px;
    color:#aaaaaa;
    padding: 5px;
}

.action_block.v2 .popover_close:hover{
    color: #666666;
}

.action_block.v2.intab{
    margin-top: -38px;
    border-top: none;
    background-color: white;
    border-bottom: none;
    margin-bottom: 30px;
}

.options{
    color: #aaa;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
    /*margin-left: 2px;*/
    width: 28px;
    height: 21px;
    /*padding: 7px;*/
    padding: 0;
    padding-top: 7px;
    /*border-radius: 4px;*/
    border-radius: 100%;
    text-align: center;

}

.page-title .options{
    vertical-align: text-bottom;
    margin-bottom: -3px;
}

.options:hover, .options:active, .options:focus{
    color:#666666;
   /* background-color: #eee;*/
    /*background-color: rgba(238, 238, 238, 0.7);*/
    background-color: rgba(218, 218, 218, 0.35);

}

.popover_menu_container{
    display: none;
}

ul.popover_menu{


    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

ul.popover_menu li{
}

ul.popover_menu li.hidden{
    display: none;
}

ul.popover_menu li a{

    color: #333;
    padding: 5px 20px;
     margin: 1px 0;
    display: block;
    transition: background-color 0s;
    /*border-radius: 3px;*/
}

ul.popover_menu li a.red{
    /*color: #e74c3c;*/
}

ul.popover_menu li a.red:hover{
    color: #ff4b33;
}



ul.popover_menu li.disabled a{
    color:#999;
}

ul.popover_menu li a:hover{

    cursor:pointer;
    background-color: #eee;
    color: #000;
}

ul.popover_menu li.disabled a:hover{
    cursor: not-allowed;
    color: #999;
    background-color: #fff;
}

ul.popover_menu li a i.fa{
    margin-left: -5px;
    margin-right: 6px;
    color: #666;
    width: 16px;
    text-align: center;
}

ul.popover_menu li.disabled a i.fa{
    color: #999;
}

#popover_menu_container .popover{
    min-width: 200px;
    z-index: 1005;          /* because of top navigation cover, when short top menu is shown */
}

.body-at-top #popover_menu_container .popover{
    z-index: 1010;          /* restore to original value, full to menu shown */
}

#popover_menu_container .popover-content{
    padding: 7px 0;
}

#popover_menu_container .arrow{
    display: none;
}

.sub_title{
    
    margin-top: 25px; 
    font-style: italic; 
}

.sub_title .fa{
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    color:#777;
}

/* = PROFILE
------------------------------------------ */
#profile-settings label{
	/*margin: 0 0 10px 0;*/
}
#profile-settings div.txt_block{
    font-size: 18px;
    color:#999999;
    margin-top: 3px;
    margin-bottom: 2px;
    font-family: 'Lato', Arial, sans-serif;
}

div.txt_subblock{
    font-size: 14px;
    color:#999999;
    margin-bottom: 40px;
    font-family: 'Lato', Arial, sans-serif;
}

#profile-settings input[type=text], #profile-settings input[type=password], #profile-settings input[type=email], #profile-settings select {
	width: 93%;
	height: 22px;
	padding: 10px;
	font-size: 17px;
	color: #777;
	margin-bottom: 40px;
}

#profile-settings input[type=password]{
    margin-bottom: 30px;
}

#profile-settings input[type=email].bounced{
    color:#e74c3c;
}
input[type="email"].bounced:focus{
    border-color:#bbb;
}

#profile-settings select {
    height: 46px;
    margin-top: 0px;
    padding: 0.6em 1.8em 0.6em 0.6em;
}
.half{
	width: 44%;
	margin-right: 3%;
    margin-left: 3%;
}

.half.pull-right{
    clear: right;
}

.half.pull-left{
    clear: left;
}

.form_block{
    clear:both;
    margin-left:3%;
    margin-right:3%;
    /*margin-bottom: 40px;*/
    margin-bottom: 10px;

}

.popover.browsernotif{

    display: block;
    position: fixed;
    top: 0 !important;
    left: 10px !important;
    /*background-color: #51bd9e;*/
    background-color: dodgerblue;
    border:none;
    max-width:480px;
    z-index: 2000;
}

.popover.browsernotif h3.popover-title{
    background-color: dodgerblue;
    border: none;
    color: white;
    font-size: 18px;
    margin-top: 10px;
    /* margin-bottom: 0; */
    padding-bottom: 0;
    padding-left: 20px;
    font-weight: 700;
}

.popover.browsernotif div.popover-content{
    color:#ffffff;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height:1.6;
}

.popover.browsernotif div.popover-content p{
    line-height: 1.3;
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.popover.bottom.browsernotif .arrow{
    border-bottom: none;
    left:100px;
}

.popover.bottom.browsernotif.ff .arrow{     /* firefox */
    left:80px;
}

.popover.bottom.browsernotif.notify_win .arrow, .popover.bottom.browsernotif.notify_win.ff .arrow{
    left: 35px;
}

.popover.bottom.browsernotif.opera .arrow{     /* opera */
    display:none;
}

.popover.bottom.browsernotif a.button{
    background-color: white;
    opacity: 0.5;
    color: black;
    margin-left: 5px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    cursor: pointer;
    border-radius:4px;
}

.popover.bottom.browsernotif a.button:hover{
    opacity: 0.8;
}

.popover.bottom.browsernotif .arrow:after{
    /*border-bottom-color: #51bd9e;*/
    border-bottom-color: dodgerblue;;
}


.popover.browsernotif .fa{
    font-size:14px;
}

.popover.browsernotif svg{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 14px;
    right: 14px;
    /*padding: 10px;*/
    fill: white;
    fill-opacity: 0.7;
}

.popover.browsernotif svg:hover{
    fill-opacity: 1;
    cursor:pointer;
}


/*
.half.last{
	margin-right: 0;
	margin-left: 5%;
}
*/

div#change_pass{
    display: none;
    clear: both;
}

.upload-img-notice{
    font-size: 16px;
    color:#999;
    margin-top: 10px;
    font-family: 'Lato', Arial, sans-serif;
}

.option_block{
    /*border:dashed 1px red;*/
    margin-bottom: 15px;
    clear: both;
}

.block_desc{
    padding-bottom: 10px;
    color: #777;
    font-size: 15px;
    font-family: 'Lato', Arial, sans-serif;
    /* color: #666666;*/
    /*border:dashed 2px red;*/
}

div.block_desc.small_desc{

    font-size: 13px;
    margin-top: -35px;
    margin-bottom: 30px;
}

.button_desc{
    margin: 10px 10px 25px 5px;
}

.block_content .block_desc{
    margin-bottom: 10px;
}

.option_block label.label_checkbox{
    color:#666666;
    margin-bottom: 5px;
    font-family: 'Lato', Arial, sans-serif;
}

.option_desc{
    /*border:dashed 1px green;*/
    margin-left: 40px;
    font-size: 14px;
    color:#999999;
    font-family: 'Lato', Arial, sans-serif;
    white-space: normal;
    margin-bottom: 5px;
}

.option_desc.caption{
    font-weight: bold;
}

.option_desc.desc_text{
    /*border:dashed 1px red;*/
    padding-left: 25px;
    margin-top: 5px;
}

.option_desc .subtext{
    margin-bottom: 15px;
}

.topb{

    /*padding-top:20px;*/
    border-top:solid 1px #dddddd;

}

.config_option{
    display: flex;
    gap: 30px;
    row-gap: 15px;
    align-items: center;

    position:relative;
    padding: 20px 0;
    border-bottom: solid 1px #eee;
    padding-right: 0px;
}

.config_option_container{
    padding-bottom: 20px;
    border-bottom: solid 1px #eee;
}

.config_option_container .config_option{
    border-bottom: none;
    padding-bottom: 15px;
}

#config_options_container .config_option:last-child {
    border-bottom: none;
}


.wrap_a{        /* wrap always */
    flex-wrap: wrap;
}

#settings label.tgl.post_option{
    margin-bottom: 0;
}

.config_title{
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

#settings .config_option .option_desc{
    margin-bottom: 0;
    font-size: 14px;
}



.block_content{
    /*border: dashed 1px gray;*/
    display:none;
    padding-bottom: 10px;
    padding-top: 10px;

    color: #999;
    font-size: 15px;
    font-family: 'Lato', Arial, sans-serif;
}

.menu_radio{
    float:left;
    text-align: center;
    margin-right:10px;
    margin-top:10px;
    margin-left: 10px;
}

.menu_radio_caption{
    float:left;
    margin-right:20px;
    margin-top: 30px;
    font-size:inherit;
    cursor: default;
}

.menu_radio input{
    vertical-align: baseline;
}

.menu_radio img{
    margin-bottom: 5px;
    pointer-events:none;
}

.menu_visibility{
    font-size: 15px;
    margin-left: 10px;
}

.menu_visibility input{
    vertical-align: baseline;
    margin-right: 5px;
}



/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
/*
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
*/
  background:#fff;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;



}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
/*
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  */


    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

div.mfp-content{
    padding-bottom: 100px;         /* pull modal a bit to the top */
}

.mfp-fade .mfp-close{
    color:#666;
    font-size: 48px;
    margin-top: 20px;
    margin-right: 25px;
    position: fixed;
}

.mfp-close:after {
    content: 'esc';
    display: block;
    font-size: 14px;
    margin-top: -20px;
}



/* integration popup on profile page */
div#integration-popup{
    font-family: 'Lato', Arial, sans-serif;
    font-size:16px;
    min-height: 500px;
}

div#integration-popup .buttons{
    /*margin-top:20px;*/
    padding-top: 10px;
}

div#integration-popup .fields{
    /*margin-left:10px;*/
    /*margin-bottom: 25px;*/
}

div#integration-popup .channel_name.private{
    font-style: italic;
    font-weight: normal;
}

div.event_desc{
    font-size:14px;
    color:#666666;
    white-space: normal;
}

div.event_desc .note{
    margin-top: 3px;
    font-style: italic;
}

div#integration-popup .fields div.checkbox {
    margin-bottom: 20px;
}
div#integration-popup .fields label {
    display: inline-block;
    font-size: 16px;
    /*margin-bottom: 20px;*/
    white-space: nowrap;
}
div#integration-popup .fields .checkbox {
    display: block;
}

div#integration-popup .app_description{
    color:#666666;
}

div#integration-popup .integration_header{
    margin-bottom: 25px;
}

div#integration-popup .integration_header .app_icon{
    height:45px;
    float:left;
    margin-right: 15px;
}

div#integration-popup .integration_header .app_name{
    line-height: normal;
    margin:0;
    font-size:20px;
    margin-bottom: 3px;
}

div#integration-popup .integration_intro{
    margin-bottom: 25px;
}

div#integration-popup .integration_intro.no_integrations{
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 30px;
}

div#integration-popup .integration_wrapper{
    position:relative;

    margin-bottom: 29px;
    border: solid 1px #ccc;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 25px;

}

div#integration-popup .integration_title{
    font-size:17px;
    font-weight:bold;
    margin-bottom: 10px;
}

.integration_title img{
    width: 23px;
    height: 23px;
    vertical-align: text-bottom;
    margin-right: 2px;
}

div#integration-popup .integration_title .created_by{
    font-size: 14px;
    letter-spacing: normal;
    display: block;
    margin-top: 3px;
    margin-left: 0;
}

div#integration-popup .integration_title .fa{
    font-size:14px;
}

div#integration-popup .integration_desc{
    margin: 5px 0px;
    /*margin-bottom: 15px;*/
    font-size:15px;
    color:#666666;
}

div#integration-popup .delete-integration{
    position: absolute;
    right: 15px;
    top: 15px;
    background: none;
    color: #777777;
    font-size: 14px;
    padding: 0;
    cursor: pointer;
    padding:5px;

}



div#integration-popup .delete-integration:hover{
    color: #e74c3c;
}


div#integration-popup a.delete-webhook,
.table-api-access a.revoke-token {
    color: #999;
    font-size: 14px;
    padding: 5px;
}

div#integration-popup a.delete-webhook:hover,
.table-api-access a.revoke-token:hover {
    color: #e74c3c;
}

div#integration-popup table{
    font-size: 14px;
    color: #444;
    margin-top:15px;
}

div#integration-popup table tr.caption{
    font-size: 11px;
    text-transform: uppercase;
    color: #999999;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#integration-popup table tr td{
    border:none;
    border-bottom: solid 1px #ddd;
    vertical-align: middle;
    line-height: 18px;
    padding:6px;
}

div#integration-popup table tr td:last-child{
    text-align: right;
}

div#integration-popup ul.events{
    margin-bottom:0;
    margin:0 20px;
    list-style: circle;
}



div#integration-popup button.multiselect{
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 18px;
    border: none;
    font-size: 12px;
    color: #666666;
    text-transform: uppercase;
    /* border: solid 1px #ccc; */
    /*border-bottom: dashed 1px #aaa;*/
    line-height: 1.4;
    top: 0px;
    margin-left: 0px;
    letter-spacing: normal;

    border-radius: 20px;
    background-color: #eee;

}

div#integration-popup button.multiselect:hover{
    color:#333333;
}

div#integration-popup button.multiselect.btn .caret{
    position: absolute;
    right: 5px;
    margin-top: 6px;
}

div#integration-popup label.checkbox{
    margin-bottom: 0px;
    padding: 5px 20px 5px 30px;
}

div#integration-popup .dropdown-menu > .active > a, div#integration-popup .dropdown-menu > .active > a:hover, div#integration-popup .dropdown-menu > .active > a:focus{
    background: #5dbd9e;
    background: #f4f4f4;
    color:black;
}

div#integration-popup .dropdown-menu > li > a:hover, div#integration-popup .dropdown-menu > li > a:focus, div#integration-popup .dropdown-submenu:hover > a, div#integration-popup .dropdown-submenu:focus > a{
    /*background: #5dbd9e;*/
    background: #f4f4f4;
    color:black;
}

div#integration-popup .btn-group.open .btn.dropdown-toggle{
    background:none;
    color:#333333;
    box-shadow:none;
    -webkit-box-shadow: none;
}

div#integration-popup .fields li.subcat label.checkbox{
    margin-left: 20px;
    font-size: 14px;
}

div#integration-popup .multiselect-container .input-group{
    margin: 0;
    padding: 10px;
}

div#integration-popup .multiselect-container .input-group input.multiselect-search{
    border-radius: 0.25rem;

    margin-bottom: 0;
    border-width: 1px;
    width: 100%;
    box-sizing: border-box;
}

div#integration-popup .multiselect-container>li.multiselect-item.multiselect-filter{
    position: sticky;
    top: 0;
    background-color: white;
    border-bottom: solid 1px #ddd;
    margin-bottom: 5px;
}

div#integration-popup .popup-section{
    margin-bottom: 100px;
}

div#integration-popup .popup-section:last-of-type{
    margin-bottom: 0;
}

div#integration-popup .integration_instructions{
    line-height: normal;
}

.form-control.multiselect-search{
    height: auto;
    padding: 4px 6px;
    margin-right: auto;
}

.multiselect-clear-filter{
    display: none;
}

.multiselect-container > li{
    width: 250px;
}

.multiselect-container > li label{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.profile_bounced{
    position: absolute;
    top: 44px;
    right: 10px;
    color: #e74c3c;
    font-size: 20px;
}

.integration_logo{
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    width:50px;
}



/* MEMBER PROFILE */
.member_profile{
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: -10px;
    border-bottom: none;
    background-color: transparent;
}

.member_name{
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 30px;
    color: #292929;
    line-height: 30px;
    margin-top: 25px;

}

.member_name .icon_mark{
    font-size: 0.75em;
    color:#999;
    margin-left: 5px;
}

.member_name .options{
   /* vertical-align: bottom; */
    vertical-align: middle;
}

.member_job_title{
    margin-top: 12px;
    color: #666666;
    font-size: 16px;
    font-style: italic;
}

.member_deactivated{
    margin-top: 12px;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
}

.member_desc{
    font-size: 16px;
    color: #666;
    margin-top: 25px;
}

.member_desc a{
    color:inherit;
    font-weight: normal;
}

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

.member_desc span{
    display: inline-block;

    margin-right: 10px;
}

.member_desc span.bull:before{
    content: ' \2022  ';
}

.member_desc span:first-child:before{
    content: '';
}

.member_actions{
    /*margin-top: 20px;*/
    position: relative;
    top: 10px;
}

.member_actions .btn{
    margin:0;
    margin-top: 20px;       /* only if there is any action button inside, set margin */
    color: #999999;
}

.member_actions .btn:hover{
    color: #333333;
}

.member_actions form{
    margin:0;
    display: inline;
}

.member_posts{
    text-transform: uppercase;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: left;
}


/* CSS checkbox button + on/off */

.tgl {
    position: relative;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    margin: 0 0 5px 0;
    font-size:14px;
}
.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
    background: none;
}
.tgl span {
    position: relative;
    display: block;
    /*height: 1.8em;*/
    line-height: 1.2em;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    border-radius: 2em;
    /*padding: 0.2em 1em;*/
    padding: 3px 6px;
    /*border: 1px solid #fafafa;*/
    border:none;
    /*box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7);*/
    transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
}
.tgl span:before {
    position: relative;
    display: block;
    line-height: 1.3em;
    /*padding: 0 0.2em;*/
    font-size: 1em;
}
.tgl span:after {
    position: absolute;
    display: block;
    content: '';
    border-radius: 2em;
    width: 1.3em;
    height: 1.3em;
    /*margin-left: -1.45em;*/
    margin-left: -1.4em;
    top: 0.2em;
    background: #FFFFFF;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
}
.tgl input[type="checkbox"] {
    display: none !important;
}
.tgl input[type="checkbox"]:not(:checked) + span {
    background: #f96e60;
    color: #FFFFFF;
    padding-left: 1.6em;
    padding-right: 0.4em;
}
.tgl input[type="checkbox"]:not(:checked) + span:before {
    content: attr(data-off);
    color: #FFFFFF;
    margin-left: 2px;
}
.tgl input[type="checkbox"]:not(:checked) + span:after {
    background: #FFFFFF;
    left: 1.65em;
}
.tgl input[type="checkbox"]:checked + span {
    background: #5dbd9e;
    color: #FFFFFF;
    padding-left: 0.4em;
    padding-right: 1.6em;
}
.tgl input[type="checkbox"]:checked + span:before {
    content: attr(data-on);
    margin-left: 1px;
}
.tgl input[type="checkbox"]:checked + span:after {
    background: #FFFFFF;
    /*left: 100%;*/
    left: 3.65em;
}
.tgl input[type="checkbox"]:disabled,
.tgl input[type="checkbox"]:disabled + span{
   /* cursor: not-allowed; */
    cursor: wait;
}

.tgl.post_option{
    margin: 0;
    margin-left:10px;
    top: 1px;
    vertical-align: bottom;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: normal;

}

.tgl.post_option span{
    padding: 5px 6px;
    width: 52px;
    cursor: pointer;
    height: 24px;
}

.tgl.post_option span:before{
    line-height: 15px;
}

.tgl.post_option span:after{
    height: 16px;
    width: 16px;
    top: 4px;
}


.tgl.post_option input[type="checkbox"]:checked + span {
    padding-left: 5px;
    padding-right: 21px;
}

.tgl.post_option input[type="checkbox"]:not(:checked) + span{
    padding-left: 21px;
    padding-right: 7px;
}


.tgl.post_option input[type="checkbox"]:checked + span:after{
    left: 49px;
}

.tgl.post_option input[type="checkbox"]:not(:checked) + span:after{
    left:21px;
}

.tgl.grey input[type="checkbox"]:not(:checked) + span {
    background: #cccccc;
}



/* = SETTINGS
------------------------------------------ */
#settings{

    max-width: 600px;
    /*white-space: nowrap;*/

}

#settings label{
	margin: 0 0 10px 0;
}

#settings label.title{
    margin:0;
}

#settings #general_form .block{
    /*border: dashed 1px red;*/
    margin: auto;  /* needed for mobile */
    margin-top: 15px;
    margin-bottom: 40px;
    border-bottom: none;
    white-space: nowrap;
}

#settings .block label.label_checkbox{
    /*margin-left: -10px;*/
    font-size: 16px;
    height: 20px;
    margin: 0;
}


#settings .option_desc{
    margin-left: 0;
}

.crop-loading{
    margin-top: 30px;
    text-align: center;
    display: none;
    padding-top: 10px;
    box-sizing: border-box;
}

.crop-loading img{
    vertical-align: text-bottom;
    margin-left: 5px;
}

.option_desc.small_capt{
    /*margin-top: 10px;*/
    padding-top: 5px;
    margin-bottom:0
}

.option_desc .option{
    display: inline-block;
    margin-right: 5px;
}

#settings .option_desc a{
    font-weight: normal;
}

#settings .option_desc a.btn{
    font-weight: 800;
}

#settings label .option_desc{
    display: block;
    margin-left: 5px;
    margin-top: 0;
}

#settings input[type="text"], #settings input[type="password"]             /* #settings input password used on verify_signip.php */
{
	width: 93%;
    width: 372px;
	height: 20px;
	padding: 10px;
	font-size: 17px;
	color: #777;
    margin-bottom: 5px;
	/*margin-bottom: 40px;*/
}

#settings .subdomain_input{
    width:70%;
    max-width:270px;

    text-align: right;
    margin-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#settings .option_block{
    /*background-color: red;*/
    margin-left: 27px;
    margin-bottom: 0;
}

#settings select{
    height: 44px;
}

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

.sso .inner_block{
    /*border:dashed 2px red;*/
    margin-top: 30px;
}

.sso_title{
    margin-bottom: 50px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

#settings.sso .inner_block .icon_right{
    width: 90%;
    margin-right: 0;
}

#settings .dataTable-item {
    /* border-bottom: 1px solid #cccc; */
    margin-bottom: 15px;
}

#settings  .dataTable-item-inner {
    position: relative;
    padding: 15px 0;
}

#settings .dataTable-item-inner a{
    font-weight: normal;
    color: #777;
}

#settings .dataTable-item-inner a.remove{
    color: #888;
    font-weight: bold;
}

#settings .dataTable-item-inner a:hover{
    color: #666;
    text-decoration: underline;
}

#settings .dataTable-item-inner .desc_row{
    font-size: 13px;
    color:#999;
}

#settings .dataTable-item-inner .note{
    /*background-color: yellow;*/
    border: none;
    padding: 0 0px;
    font-size: 14px;
    transition: background-color 0.3s;
    color: #999;
    width: auto;
    font-family: 'Lato', sans-serif;
    min-width: 50px;
    max-width: 90%;
    text-overflow: ellipsis;
}

#settings .dataTable-item-inner .input-wrapperr {
    display: inline-block;
    position: relative;
}

#settings .dataTable-item-inner .mirror {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    font: inherit;
  }

#settings  .dataTable-firstRow {
    display: flex;
    margin-bottom: 4px;
}

#settings  .dataTable-inputIcon-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 20px;
}





input.click_select{
    cursor: pointer;
}

/*
.sso .block.header_block {
    margin-top: 0;
}

.sso .block.main_content{
    margin-top: 0;
}
*/

.sso .block.main_content{
    padding: 35px 40px;
    background-color: yellow;
}

.sso .title{
    height: auto;
    min-height: 25px;
    font-weight: 500;
}
.sso .section_title{
    font-weight: 700;

}




.sso select{
    margin-top: 0;
    margin-bottom: 5px;
}

#settings.sso input[type="text"]{
    width:95%;
    max-width: none;
}

#settings.sso .block label{
    margin: 10px 0px;
    color: #787878;
    font-size: 15px;
}

#settings.sso .block label.tgl{
    font-size:12px;
    margin: 0;
}

.sso label input{
    vertical-align: baseline;
    margin-right: 5px;
    margin-top: 0;
}
.sso .btn-file{
    margin-top: 0;
    margin-bottom: 5px;
}

.sso_config .mfp-content{
    vertical-align: top;
}

.sso .highlight_block{
    padding: 20px;
    background-color: #eee;
    background-color: #f6f6f6;
    border-radius: 5px;
    margin-top: 20px;
    padding-bottom: 15px;
}

a.clipboard_icon{
    color:#999;
    border-radius: 0;
    padding: 0;
    padding-left: 5px;
    font-size: 14px;
    border: none;
    position:relative;
    left: 5px;
    cursor:pointer;
}

a.clipboard_icon:hover{
    background-color: transparent;
    color:#666;
}

.btn-file i.fa{
    margin-right: 5px;
}

.btn-group .btn{
    font-size: 12px;
    padding: 8px 15px;
    border-color: #cdcdcd;
    transition: none;
}

.btn-group .btn:active{
    box-shadow: none;
}

.btn-group .btn.active{
    color: white;
    background-color: #5dbd9e;
    border-color: #5dbd9e;
    box-shadow: none;
    z-index: 5;
}

.btn-group > .btn + .btn{
    margin-left: -2px;
}



.forcenobg{
    /*background: none !important;*/     /* force no background, prevent various plugins to insret their icons.. OnePass, Gramarly... */
    /*background-image: none !important;*/          /* onepass detects if background has been disabled and then inserts div instead, so this does not work */
    background-size:0px !important;                 /* works for images in bg, onepass*/
}

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

.subdomain_url{
    display:inline-block;
    font-size: 17px;
    vertical-align: top;
    color: #999999;

    border: 2px solid #cdcdcd;
    border-radius: 4px;
    padding: 10px 12px;
    /*height: 22px;*/
    margin-left: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #f5f5f5;

}

.tooltip{
    z-index: 1055;      /* must be greater than 1042, which is z-index of the backdrop for modal, to work on profile, integrations for example */
    font-size:14px;
    font-family: 'Lato', sans-serif;
}

.tooltip-inner{
    padding:7px;
    background-color: #000;
    white-space: normal;
    max-width: 360px;
}

.tooltip.notify_users_tooltip .tooltip-inner{
    max-width: 380px;
}

.tooltip_icon_container{
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    margin-left: 2px;
}

.popover{
    max-width: 400px;
    padding: 0;
}

img.icon_more_info{
    vertical-align: top;
    margin-left: 5px;
    cursor:pointer;
}

.input_desc{
    /*margin-bottom: 40px;*/
    margin-left: 5px;
}

.input_desc a{
    font-weight: normal;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.form-error-msg {
    color: #f74744;
}

input.input-error,
input.input-error:focus,
input[type="text"].input-error,
input[type="email"].input-error {
    border-color: #f96e60 !important;
    color: #f12611 !important;
}



#settings select#custom_domain_protocol{

    font-size: 17px; position:absolute;
    top: 7px;
    border:none;
    height: 30px;
    left: 5px;
    transition: background-color 0.3s;

    background: #f6f6f6 url("../images/arrows-trans.svg") no-repeat 95% 50%;
    background-color: #f6f6f6;
    background-size: contain;

    padding-right: 15px;
    padding-left: 5px;
    margin-left:2px;

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance: none;
    max-width: 80px;

}

#custom_domain_protocol::-ms-expand {       /* ie remove default select arrow */
    display: none;
}


#custom_domain_protocol:hover{
    background-color: #f0f0f0;
}


#settings input#custom_domain{
    padding-left: 90px;
    width: 292px;
}

.new_arrow{
    position: absolute;
    top: -38px;
    right: 0;
}

.new_arrow img{
    width: 34px;
}

#settings .option_desc.small_desc {
   
    margin-top: 8px;
    font-size: 13px;
}

#settings .option_desc.small_desc.no_link_decoration a:hover{
    text-decoration: none;
}
/* = BILLING
------------------------------------------ */
.billing-title{
	font-weight: normal;
	font-size: 20px;
	color: #333333;
    line-height: 30px;
    margin:0;
}

.tab-content .billing-title{
    font-size: 16px;
    color:#444;
}
.gray{
	color: #777;
}
ul.payments{
	list-style: none;
	margin-left: 0;
}
ul.payments li{
	color: #777;
    padding:2px 0px;
}

ul.payments li img.icon{
    width:16px;
}

ul.payments li span.refund{
    text-decoration: line-through;
}

ul.payments li span.refund_label{
    text-transform: uppercase;
    color: orange;
    font-size: 11px;
    vertical-align: middle;
    line-height: 10px;
    font-weight: bold;
}

ul.payments li a{
    font-weight: normal;
}

.subscription_details_link{
    padding: 25px 0px;
    font-size:16px;
}

.billing_buttons_form{
    margin-top: 5%;
}

.billing_buttons_form .btn{
    margin-bottom:15px;
}

.option_block_item{
    padding: 15px;
    border-radius: 4px;
    border: solid 1px #ccc;
    margin-top:10px;
    position:relative;
}

#settings .option_block_item label.tgl{
    margin-bottom: 0;
    vertical-align: baseline;
    top: 7px;

}

.option_block_item .item_name{
    font-family: Lato, Arial, sans-serif;
    font-weight: bold;
    color: #666;
    margin-bottom: 5px;
}

.option_block_item i.saved{
    position: absolute;
    top: 10px;
    right: 10px;
    display:none;
    color:#5dbd9e;
}

.slack_access_level_container{      /* needed for js show/hide to work also, not just styling */
    margin-top: 12px;
}


.surcharge_desc input.num_users {
    width: 45px;
    min-width: 40px;
    padding: 2px 0;
    text-align: left;
    border-radius: 12px;
    border: none;
    background-color: #f2f2f2;
    transition: all .3s;
    color: #666;
    padding-left: 14px;
    max-width: 90px;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 15px;
}

.surcharge_desc #surcharge_max {
    display: none;
}

.surcharge{
   color: #777;
   /*padding-right: 60px;*/
   font-size: 15px;
}

.surcharge span{
    font-weight: 500;
}

/* = CATEGORIES
------------------------------------------ */

.categories-title{
	font-weight: normal;
	font-size: 20px;
	color: #292929;
        line-height: 30px;
}

.cat_rss{
    vertical-align: baseline;
    margin-left: 5px;
    opacity: 0.6;
    transition: opacity 0.2s;
    width: 16px;
    position: relative;
    top: 1px;
}

.cat_rss:hover{
    opacity: 1;
}

.gray{
	color: #777;
}
ul.categories-list{
	list-style: none;
	margin-left: 0;
    /*overflow: auto;   */  /* fix sortable drag positioning problem on Safari iOS and desktop -MOVED TO SEPARATE STYLE ul.categories-list.sortable */
}

ul.categories-list.sortable{
    /*overflow: auto;   */  /* fix sortable drag positioning problem on Safari iOS and desktop - NOT NEEDE ANY MORE? */
}

ul.categories-list li{
    margin-bottom: 20px;
    /*background-color: red;*/
    color: #333;
    font-weight: bold;
}

ul.categories-list li img.icon{
    width: 16px;
}

ul.categories-list li.notice, .posts ul.categories-list li.notice{
    font-size: 16px;
    font-weight: normal;
    color: #999;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

ul.categories-list .del_cat_form{
    display: inline;
}

.cat_actions, ul.subcategories-list li .handle.cat_actions{
    margin-left: 5px;
}

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{
    cursor: no-drop;
    background-color: #ccc;
    opacity: 0.7;
}

ul.categories li.cat_disabled.parent_category, ul.categories li.cat_disabled.parent_category:hover{
    background-color: #ccc;
    cursor:default;
}

ul.categories li.cat_disabled.parent_category:hover{
    /*background-color: #b4b4b4;*/
    opacity: 1;
}

ul.categories li.cat_disabled.parent_category:hover .subcat_post .cat_name{
    color:#fff;
    transition: all 0.3s;
}


.posts ul.categories-list li{
    margin-bottom: 0px;
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: solid 1px #eee;
    line-height: 25px;
}

.posts ul.categories-list li span.actions_container{
    white-space: nowrap;
}

.posts ul.categories-list.sortable li{
    padding: 0;
}

/*
.posts ul.categories-list li.sortable{
    padding: 2px 0px;
}
*/


.posts ul.categories-list li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

ul.categories-list li > img {
	position: relative;
	top: -1px;
}

ul.categories-list li .fa {
   /*color:#b8b8b8;*/
   color:#999999;
   margin-right: 5px;
   margin-left: 2px;
   /*cursor: default;*/     /* not needed, let drag and drop cursor show when items can be reordered */
}

ul.categories-list li span.draft_icons .fa{
    margin-left: 1px;
}

.fa.draft_pencil{
    font-size: 12px;
    position: relative;
    left: -10px;
    top: -2px;
}

ul.categories-list li  .fa.draft_pencil{
    color: #888;
    margin-right: -9px;
}

ul.subcategories-list{
    /* border-left: dotted 1px #999; */
    list-style-type: none;
    margin: 0 8px;
    margin-top: -5px;
    padding-top: 2px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    list-style-type: square;
    margin-left: 40px;
}

ul.sortable ul.subcategories-list li{
    margin-left:0px;
    font-size: 13px;
    color:#777;
    margin-bottom: 5px;
}

ul.subcategories-list li .handle{
    padding:3px 0;
    margin-left: -3px;
    display: inline-block;
}

.filters{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.filters .item{
    margin-left: 0;
    margin-right: 30px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.filters .item .btn{
    margin: 0;
}

.filters .title{
    font-weight: normal;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}


ul.activities{
    list-style: none;
    margin-left: 0;
    margin-bottom: 50px;
}

.load_more{
    margin-bottom: 50px;
}

ul.activities li{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom:solid 1px #e3e3e3;

    padding-left: 0; 
    font-size: 15px; 
    /*min-height: 40px; */
    display:table; 
    width:100%;
    color:#666666;
}

ul.activities li:last-child{
    border-bottom: none;
}

.t_cell{
    display: table-cell; 
    width:50px;
}

.t_cell i.fa{
    position:relative; left:1px; top: 1px;
}

.p_cell{
    font-size: 15px; 
    margin-bottom:0px; 
    line-height:20px;  
    display:table-cell; 
    vertical-align: middle;
}

.activity_date{

    font-weight: normal;
    color: #b2b2b2;
    white-space: nowrap;
    font-size: 14px;

}

.p_cell .txt{
    margin-right: 5px;
}

.act_container{
    background-color: #dddddd;
    display: inline-block;
    border-radius: 50px;
    width: 39px;
    height:39px;
    text-align: center;
    color:#ffffff;
    line-height: 36px;
    margin-right: 5px;
    font-size:16px;
    /*position:absolute;
    top:0;
    left:0;*/
}
/* action colors */
.act_container.thumbs-up{
    background-color: #6dc3a8;
}
.act_container.thumbs-down{
    background-color: #f96e60;
}
.act_container.comment{
    /*background-color: #33aae0;*/
    background-color: lightblue;
}
.act_container.comments{
    /*background-color: #59c9f8;*/
    background-color: lightskyblue;
}
.act_container.file-text{
    /*background-color: #ffb700;*/  /*yellow*/
    background-color: #1f90ff;  /* blue */


}
.act_container.user-plus{
    /*background-color: #7f8c8d;*/ /*asbestos*/
    /*background-color: darkgrey;*/

    color: #787878;
    background-color: #f2f2f2;

}
.act_container.share-alt{
    background-color: #69A4D5;
}

.act_container.share-alt i.fa{
    left:0;
}



.act_loading{
    background-image: url("../images/loading.gif");
    width: 22px;
    height: 22px;

    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    position:relative;
    top:10px;
    left:10px;

}

.notice{
    font-size: 16px;
    color:#999999;
}

#custom_picker {
    display:inline-block;
    margin-left: 10px;
}

#custom_picker input{
    height: 18px;
    padding: 10px;
    font-size: 17px;
    margin:0;
    display: inline-block;
    min-width: 100px;
    width: 120px;
    color: #777;

}

.date_container{
    display: inline-block;
    margin:0 5px;
}

.control_block{
    padding: 30px;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: solid 1px #e2e2e2;
    margin-top: 20px;
}

.control_block .title{
    margin-bottom: 10px;
}

.control_block .title.inline, label.title.inline{
    height: auto;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}

.title.block{
    display: block;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.control_block #category .title.inline input, .control_block #category .title.inline select, #category .title.inline input, #category .title.inline select{
    width: 320px;
    margin: 0;
    max-width: 100%;
    padding: 0.4em 0.6em;
}

label.label_checkbox.block{
    display: block;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-left: 25px;
}


/* = DRAFTS AND PUBLISHED
------------------------------------------ */

.page-title-page {
        color: #292929;
        font-weight: bold;
}

.page-title-page:hover {
        color: #717171;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s;
}
/*
ul.categories-list{
	list-style: none;
	margin-left: 0;
}
*/


ul.categories-list.post_list li{
    color: #999999;
    font-weight:normal;
}


/* = TERMS
------------------------------------------ */
.title{
	font-size: 13px;
	text-transform: uppercase;
	/*color: #b4b4b4;*/
    color: #888;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: 700;
        height: 30px;
        margin: 0px;
}

.title span.tip{
    font-weight: normal;
    letter-spacing: normal;
}

.title .light{
    font-weight: 500;
    letter-spacing: normal;
    margin-bottom: 5px;
    display: block;
}

.form_block .title{
    /*background-color: red;*/
    padding-top: 20px;
    height: auto;
    padding-bottom: 10px;
    color:#5dbd9e;
    cursor:pointer;
}

.form_block .title .fa{
    font-size:18px;
    top:2px;
    position:relative;
}

.toggle_expand{
    float: right;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    cursor: pointer;
    color:#5dbd9e;
}


.text-left{
	text-align: left;
}

.page-content{
    min-height: 250px;
}

/*.text-left p, .text-left */.page-content, .page-content p{
	font-size: 18px;
    line-height:1.6;
   /* background-color: red;*/
}


/* = ARCHIVE
------------------------------------------ */
ul.archive-list{
	list-style: none;
	margin-left: 0;
    margin-bottom: 0;
}
ul.archive-list > li{
	text-align: left;
	padding: 20px 0;
	border-bottom: 1px solid #dddddd;
	color: #999999;
}
ul.archive-list > li:nth-child(even){
    background-color: #f8f8f8;
}


ul.archive-list > li:last-child{
	border-bottom: none;
}
ul.archive-list li a.recent-post-title{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	color: #292929;
	line-height: 30px;
    margin-right: 6px;
}

ul.archive-list li a.recent-post-title:visited{
    color: #666666;
}

ul.archive-list li a.recent-post-title:hover {
	color: #6dc3a8;
}

ul.archive-list li > img{
	margin-right: 30px;
}

ul.archive-list .draft-post {
    /*
    background-color: #eee;
    border-radius: 10px;
    padding: 10px;*/
    font-style:italic;
}
ul.archive-list .draft-post  a.recent-post-title, ul.archive-list .draft-post  a.recent-post-title:visited{
    color:#999999;
}

ul.archive-list .draft-post .draft-icon {
    color: #999999;
    margin-right:5px;
    font-style:italic;
   /* font-weight: bold;*/
}

ul li label.single_p{
    cursor: default;
    margin: auto;
}





.archive p{
	font-size: 17px;
}




/* = ADD NEW POST/PAGE
------------------------------------------ */
.edit-post{
}

input#post-title, div.edit_post_title{
    font-weight: 900;
    font-size: 22px;
    line-height:40px;
    font-family: 'Lato', sans-serif;
}

div.edit_post_title{
    /*
    max-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    */

    max-height: 80px;
    overflow: auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 40px;

    font-size:30px;
    line-height:1.45em;

    color:#444;

}

div.edit_post_title span.rangySelectionBoundary{        /* firefox bug fix when contenteditable div is empty and emoji modal is shown right away */
    display: inline !important;
    /*border:dashed 1px red;*/
}

div.edit_post_title .emojione{
    height: 1em;
}

textarea.hidden_title{
    border:none;
    max-height:0px;
    min-height: 0;
    min-width:0;
    max-width:0px;
    padding: 0;
    position: absolute;
    display: nonee;
}



div.edit_post_title:focus{
    outline:none;

}


.subcat_post, .subcat_post:focus{
    color: white;
    display: inline-block;
    top: 0px;

    text-align: center;

    padding: 3px 5px;
    /*margin-left: 1px;*/
    padding-top: 5px;
    padding-left: 3px;

    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    outline:none;
    cursor:pointer;

}

.subcat_post:hover{
    color:#666;
}






li.cat-select .subcat_post:hover{
    color:#377d71;
}

li.cat-select.selected_subcats .subcat_post:hover{
    color:white;
}

li.selected_subcats .subcat_post:hover .counter{
    color:#51a999;
    background-color: white;
}


ul.categories li span.counter{
    /*position: absolute; */
    /* top: 4px; */
    /* right: 1px; */
    font-size: 11px;
    display: none;
    text-align: center;
    /*background-color: #51a999;*/
    background-color: #269e89;      /* adjusted for opacity 0.7 -> 1 blend */
    border-radius: 26px;
    padding: 2px 4px;
    min-width: 8px;
    height: 13px;
    /* padding-bottom: 2px; */
    vertical-align: baseline;
    padding-bottom: 2px;
    padding-top: 1px;
    position: relative;
    top: -1px;
    /* margin: 3px; */
    transition: color 0.3s ease, background-color 0.3s ease;
}

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

ul.categories li.selected_subcats span.counter{
    /* display: inline; */
    display:block;
    display:inline-block;
}

ul.categories li i.fa-caret-down{
    display:inline-block;
}

ul.categories li.selected_subcats i.fa-caret-down{
    display:  none;
}




ul.categories li.parent_category{
    /* padding-right: 28px; */
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
}

ul.categories .popover{

    max-width: 450px;
    min-width: 300px;

}

ul.categories .popover .popover-content{
    padding: 15px;
    padding-top: 8px;
}

ul.categories .popover .popover-title{
    font-size: 11px;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 13px;
    padding-left: 17px;
    font-weight: 500;
}

ul.categories ul.subcategories{
    margin: 0;
}

ul.categories ul.subcategories li{
    font-size: 11px;
    padding: 4px 10px;
    /*display: block;*/
    /*background-color: #bbb;*/

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

ul.categories ul.subcategories li.cat-select {
    background-color: #5dbd9e;
    /*padding-left: 5px;*/
}

.popover_close{
    color:#999;
    position:absolute;
    top:5px;
    right: 10px;
    font-size: 22px;
    cursor:pointer;
}

a.popover_close:hover{
    color:#333;
}



ul.categories .popover .popover-content .subcats_title{
    font-size: 11px;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 1px;
    padding: 0px 5px;
    padding-bottom: 7px;
    font-weight: 700;
}


.subcategories_container{
    display: none;
}



div.edit_post_title[contenteditable=true]:empty:before {        /* simulate placeholder on contenteditable div */
    content: attr(placeholder);
    /*display: block;*/ /* For Firefox */
    color:#cccccc;
}

.edit_my_post{

    background: url(../images/icon-edit-gray@2x.png) no-repeat scroll 0 2px transparent;
    background-size: 15px;
   /* border:dotted 1px lightblue;*/
    /*padding: 0px 10px;*/
    padding-left: 18px;
    display: inline-block;
    min-height:16px;
}

.blck .wiki {
    background-color: #ccc;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    top: -1px;
    transition: background-color .4s;
}

.blck .wiki:hover {
    background-color: #b8b8b8;

}

/*
li span.blck span.wiki{
    padding: 1px 5px;
    font-size: 10px;
    cursor: default;
}
*/

li span.blck span.wiki{
    padding: 1px 3px;
    font-size: 10px;
    cursor: default;
    margin-right: 3px;
}


.new_feature{
    border-radius: 10px;
    /*
    background-color: #5dbd9e;
    color:white;
    */
    color: #5dbd9e;
    background-color: transparent;
    font-size:10px;
    padding: 1px 4px;
    text-transform: uppercase;
    font-weight: bold;
    position:relative;
    bottom:1px;

}

.new_feature.v2{

    background-color: #5dbd9e;
    color:white;
    font-size: 10px;
    padding:1px 2px;
    margin-left: 3px;
    border-radius: 3px;
}

.new_feature.v3{
    background-color: #5dbd9e;
    color:white;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 10px;
}

.beta_test{
    position: absolute;
    top: 16px;
    left: 105px;
    color: #5dbd9e;
}

.nav > li.tab_new_label > a{
    padding-right: 65px;
    display:inline-block;
}

.nav > li.tab_new_label > .new_feature.v3{
    left:-65px;
}

ul.main-menu li span.new_feature{
    /*
    background-color: #5dbd9e;
    color:black;
    */
    color: #5dbd9e;
    background-color: transparent;
    bottom: 0px;
    margin-left: 4px;
}

ul.main-menu li span.new_feature.beta{
    /*background-color: #5dbd9e;*/
    background-color: #888888;
    color:black;
    font-style: italic;
    border-radius: 3px;
    vertical-align: bottom;
    margin-left: 10px;
    cursor:help;
}

div.light ul.main-menu li span.new_feature.beta{
    color: #fff;
}

ul.main-menu li span.new_feature.count{
    line-height: normal;
    position: absolute;
    right: 0px;
    top: 8px;
}

.edit_my_post:hover{
    /*background-position-y: -16px;*/
    background-position: 0px -21px;
}

a.edit_my_post{
    color:#999999;
    font-weight: 600;
}

a.edit_my_post:hover{
    color: #50a489;
}


.delete_comment{

    background: url(../images/icon-delete-comment2.png) no-repeat scroll 0 -1px transparent;
    /* border:dotted 1px lightblue;*/
    padding: 0px 5px;
    padding-left: 18px;

}

.delete_comment:hover{
    /*background-position-y: -16px;*/
    background-position: 0px -24px;
}

a.delete_comment{
    color:#999999;
}

a.delete_comment:hover{
    color: #f96e60;
}

a.link_to_comment{
    color:inherit;
    margin: 0px 7px;
}

a.link_to_comment:hover{
    color:#50a489;
}

.fa.unread_mark{
    font-size: 10px;
    color:dodgerblue;
    opacity:1;
    vertical-align: text-bottom;
    margin-bottom: 3px;
}

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

ul.recents a.edit_my_post, ul.archive-list a.edit_my_post, .comment-list a.edit_my_post{
    background-position: 0px 1px;
}

ul.recents a.edit_my_post:hover, ul.archive-list a.edit_my_post:hover, .comment-list a.edit_my_post:hover{
    background-position: 0px -22px;
}

ul.recents .by-line, ul.archive-list .by-line{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: inherit;
    font-size:13px;
}

.comment-list a.edit_my_post{
    padding-right: 5px;
}

.add_new{
    margin-bottom: 40px;
}

.drafts-wrapp,
.published-wrapp{
	padding: 30px;
	text-align: center;
	border-right: 1px solid #dddddd;
    margin-right: -1px;
}
.published-wrapp{
	border-right: medium none;
	border-left: 1px solid #dddddd;
    margin-left: -1px;
}
.drafts-wrapp .title,
.published-wrapp .title{
	color: #878787;
}

ul.drafts,
ul.published{
	list-style: none;
	margin-left: 0;
	margin-bottom: 15px;
}
ul.drafts li,
ul.published li{
	color: #bdbdbd;
	text-align: center;
}
ul.drafts li a,
ul.published li a{
	color: #aaaaaa;
}
ul.drafts li a:hover,
ul.published li a:hover,
ul.drafts li a.currently-editing,
ul.published li a.currently-editing{
	color: #8f8f8f;
}

.sep{
	display: inline-block;
	margin: 11px 5px;
	height: 11px;
	vertical-align: top;
}
.list-separator{
	max-width: 105px;
	height: 1px;
	background: #dddddd;
	margin: 15px auto 25px;
}

.list-separator2{
    max-width: 105px;
    height: 1px;
    background: #dddddd;
    margin: 5px auto;
    margin-left: 10px;
}

.edit{
	width: 11px;
	height: 11px;
	cursor: pointer;
	margin: 16px 13px;
	display: inline-block;
	background: url(../images/icon-pencil-gray.png) no-repeat scroll 0 0 transparent;
}
.edit:hover{
	/*background-position-y: -16px;*/
    background-position: 0px -16px;
}
.view{
	width: 14px;
	height: 11px;
	cursor: pointer;
	margin: 16px 13px;
	display: inline-block;
	background: url(../images/icon-eye-gray.png) no-repeat scroll 0 0 transparent;
}
.view:hover{
	/*background-position-y: -16px;*/
    background-position: 0px -16px;
}


ul.categories, ul.teams{
	list-style: none;
	display: inline-block;
    margin:0;
    margin-bottom: 4px;
    /*margin-left: 0;*/
    /*margin:4px 0px;*/
    /*max-width:565px;*/
    /*border:dashed 1px red;*/
    letter-spacing: normal;

}
ul.categories li, ul.teams li {
	display: inline-block;
	/*background: #cccccc;*/
    /*background-color: #b4b4b4;*/
    background-color: #b2b2b2;
    opacity: 0.70;
	padding: 5px 12px;
    max-height: 14px;       /* constrain to keep categories on exotic RTL languages the same height, arabic, persianm chinese... */
	margin: 3px 1px;
	line-height: normal;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
			border-radius: 50px;
	-webkit-transition: background-color .0s, opacity 0.3s, color 0.3s;
       -moz-transition: background-color .0s, opacity 0.3s, color 0.3s;
            transition: background-color .0s, opacity 0.3s, color 0.3s;

    position: relative;
    white-space: nowrap;
}

ul.teams.compact li.nocssanim{      /* stop css transition for opacity, that is required for hover effect, but not needed (looks flickering) on show/hide */
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}



ul.teams.all_team_members li {
    opacity: 0.5;
}

ul.teams.all_team_members li#li_gr_all {
    opacity: 1;
}

ul.teams.all_users li {
    opacity: 0.5;
}

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

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

ul.teams.all_users li#li_visibility_all {
    opacity: 1;
}


ul.teams li:hover, ul.categories li:hover{
	/*background-color: #5dbd9e;*/
    /*background-color: #b4b4b4;*/
    opacity: 1;

}

ul.teams.all_users li:hover, ul.teams.all_team_members li:hover{
    opacity: 0.5;
}

ul.teams li.locked{
    /*background-color: #ccc;*/
}

ul.teams li .fa{            /* lock */
    margin-right: 2px;;
}

ul.teams li.locked:hover{
    cursor: not-allowed;
    opacity: 0.7;
}

ul.departments li.locked:hover {
    cursor: not-allowed;
}

ul.categories li input[type=checkbox], ul.teams li input[type=checkbox]{
		display:none;
}

ul.categories li.notice, ul.categories li.notice.cat-select{
    background-color: transparent;
    color:#ccc;
    cursor: default;
    font-style:italic;
    padding-left:13px;

    font-weight: normal;
    color:#666666;

}

ul.categories.muted li, ul.teams.muted li{
    cursor: default;
}

/*
ul.user_groups{

    border: solid 1px #cdcdcd;
    display: block;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 0;
}
*/

.ckeditor_subnote{
    position: absolute;
    bottom:3px;
    right: 28px;
    font-style: italic;
    font-size: 12px;
    color:#aaaaaa;
    display:none;
}

.post-content #post_poll{
    text-align: left;

    padding: 25px;
    border-radius: 10px;
    border: solid 1px #ccc;

    max-width: 740px;
    /* width: 740px; */
    box-sizing: border-box;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 25px;
}

#post_poll .poll_question{
    font-weight: bold;
    margin: auto;
    margin-bottom: 25px;

}

.edit_poll_question{
    margin-top: 15px;
    margin-bottom: 20px;
}


div#post_settings ul.post-settings li:first-child, ul.poll-type li:first-child{        /* post options checkboxes on add/edit post */
	margin-left: 0;
}
/*
ul.categories li.cat-select{
	background: url(../images/icon-checked-white@2x.png) no-repeat scroll 6px 4px #5dbd9e;
    background-size: 16px;
	color: #fff;
	padding-left: 28px;
}
*/

ul.categories li.cat-select, ul.teams li.cat-select{
    background-color: #5dbd9e;
    color: #fff;
    /*padding-left: 6px;*/
    opacity:1;
}

ul.teams li.cat-select{
    background-color: #4f87b8;
}

ul.teams.all_team_members li.cat-select{
    opacity:0.5;
}

ul.teams.all_users li.cat-select{
    opacity:0.5;
}
/*
ul.categories li.cat-select:before{
    content: "\f058";           /* font awesome checked circle
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 1.33em;
    vertical-align: -1px;
    margin-right: 5px;
    line-height: 1px;
}
*/

.save_default{

    position: absolute;
    right: 7px;
    bottom: 2px;
    opacity: 0;
    transition: opacity .5s;

    display: none;
}

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

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

.save_default a:hover{
    color: #888;
    text-decoration: underline;
}
.form-section.block-section{
    transition: padding-bottom 0.2s;
}

.form-section.block-section.defaults_link_visible{
    padding-bottom: 18px;
}

ul.post-settings,
ul.poll-type,
ul.list-checkbox {
	list-style: none;
	display: inline-block;
	margin-left: 0;
    margin: 0;
}

ul.list-checkbox li {
    display: inline-block;
    font-size: 15px;
    color: #878787;
    padding-left: 20px !important;
    cursor: pointer;
    margin:10px 0px;
}

ul.list-checkbox li > label > input {
    margin-top: 0;
    margin-right: 4px;
    vertical-align: baseline;
    position:relative;
    top:-1px;
}

.poll_answers_container{
    margin-top: 15px;
}

ul.post-settings li, ul.poll-type li, label.label_checkbox, #tab-authentication label.label_checkbox .block_checkbox{
	display: inline-block;
	font-size: 15px;
	color: #878787;
	padding-left: 25px;
	cursor: pointer;
	background: url(../images/radio-empty@2x.png) no-repeat scroll 0px 2px transparent;
    background-size: 16px;
    margin:10px 0px;
    margin-left: 15px;
}

label.label_checkbox.option_checkbox{
    margin-left:0;
    margin-top: 20px;
    margin-bottom: 0;
}

label.label_checkbox.option_checkbox .title{
    height: auto;
}

label.label_checkbox.option_checkbox .title .light{
    margin-bottom: 0;
    position: relative;
    top: 1px;
}
/*
label.label_checkbox.option_checkbox .option_desc{
    margin-left: 0;
}
*/

#tab-authentication label.label_checkbox.hide_checkbox{
    /*border:dashed 1px red;*/
    background: none;
    padding: 0;
    display:inline;
}

#tab-authentication label.label_checkbox .block_checkbox{
    /*border:dotted 1px blue;*/
    margin:0;
    font-size: 14px;
    padding-left: 25px;
    color:#999999;
}

#tab-authentication label.label_checkbox .block_checkbox.caption{
    margin-top: 10px;
}


ul.post-settings li.checked, label.label_checkbox.checked, #tab-authentication label.label_checkbox.checked .block_checkbox{
    /*background-image: url(../images/radio-checked.png) ;*/
    background-image: url("../images/radio-checked-full@2x.png") ;
    background-size: 16px;

}

ul.poll-type li.checked{
    background-image: url("../images/radio-checked-full@2x.png") ;
    background-size: 16px;
}
ul.post-settings li.disabled {
    cursor: default;
    background-image: url("../images/radio-checked-full-disabled@2x.png");
    background-size: 16px;
    color: #cccccc;
}

ul.poll-type li.disabled {
    cursor: default;
    background-size: 16px;
    color: #999  !important;
}

label.label_checkbox.disabled {
    cursor: not-allowed;
}

label.label_checkbox.checked.disabled {
    background-image: url("../images/radio-checked-full-disabled@2x.png");
    background-size: 16px;
}

ul.post-settings li input[type=checkbox], ul.poll-type li input[type=radio], label.label_checkbox input[type=checkbox]{
		display:none;
}

ul.post-settings li.scheduled_post{
    float:right;
    background:none;
    margin-top:7px;
    position:relative;
    padding-left: 0;
    margin-bottom: 0;

}

.form-section label.label_checkbox{
    background-position: 0px 1px;
    padding-left: 25px;
    cursor:pointer;
    margin-left: 0;

}

.post_options_info{
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    /* border: dotted 1px green; */
    float: right;
    font-style: italic;
    font-size: 14px;
    color: #aaaaaa;
}

.d_block, ul.d_block{
    display: block;
}

ul.member-settings li {
	margin:5px 0px;
	margin-bottom:15px;
	display:block;	
}

.avatar_notice{
	float:left; 
	padding-top:30px; 
	padding-left:15px;
}

.form-section{
	border-bottom: 1px solid #dddddd;
	margin: 0;
	/*padding: 20px 10px 8px 30px;*/
    padding: 20px 20px 8px 20px;
    color: #878787;
    position: relative;

}
.form-section.block-section{
    padding-top:10px;
}

.form-section.last{
	border-bottom: medium none;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	/*
    margin-left: -1px;
	margin-right: -1px;
	*/
}

.form-section.last_section{
    color:#999;
    padding-bottom: 19px;
    border-top: solid 1px #dddddd;
    padding-top: 19px;
}

.form-section.middle{
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    /*
    margin-left: -1px;
    margin-right: -1px;
    */
}
/*
.form-section.middle.top {
    border-top: 1px solid #dddddd;
}
*/

.form-section .approved_by{
    margin: 10px 0;
    font-style: italic;
}

.form-section .approved_by .fa{
    margin-right: 4px;
    color:#9f9f9f;
}

.form-section .approved_info{
    font-style: italic;
    color: #999;
    float:right;
    margin-top: 10px;
}

.form-section.action_btns{
    padding-top:30px;
    padding-bottom:30px;
}

.form-section.action_btns button.btn{
    /*border: dashed 2px blue;*/
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 274px;

}


.form-section label, .form-section div.lbl{
	font-size: 12px;
	color: #878787;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-right: 15px;
    margin-bottom: 0;
    cursor: default;

    margin-top: 10px;
    margin-bottom: 10px;

    /*
    vertical-align: top;
    margin-top: 12px;
    */
}

.form-section div.lbl{
    flex-grow: 0;
    margin: 10px 0;
    margin-right: 20px;
    /*
    width: 45px;
    max-width: 45px;
    */
    /*
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 13px;
    */

}

.form-section label.tgl_container{
    margin: 0;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 10px;
    margin-right: 15px;
}

.form-section label.tgl_container i.fa {
    font-size: 14px;
    color: #aaa;
    transition: color 0.2s;
}

.form-section label.tgl_container i.fa:hover{
    color:#888;
}

.form-section#notify_users_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    flex-wrap: wrap;
}

.form-section.users_0#notify_users_container{       /* empty state, no other users */
    justify-content: start;
}

#notify_users_notice{
    font-style: italic;
    color: #bbb;
    /*margin-left: 15px;*/
    /*font-size: 12px;
    text-transform: uppercase;
    */
    transition: color 0.3s;
}

#notify_users_notice.full{
    color:#999;
}

#notify_users_notice.full:hover{
    color: #777;
    cursor: pointer;
    /*text-decoration: underline;*/
    /*border-bottom: dashed 1px #ccc;*/
}


.medium_font, #post_status_name a{
    font-family: 'Lato',sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}

#post_status_name a{
    font-weight: bold;
}


.form-section.users_0 #notify_users_notice.full, .form-section.users_0 #notify_users_notice.full:hover, .post_visibility_info{     /* empty state message styling */
    color:#888;
    cursor:default;
    margin: 10px 0;
}

.form-section.users_0 #notify_users_notice.full{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-wrap: wrap;
}

.form-section.users_0 #notify_users_notice.full > div{
    margin-right: 20px;
}

.form-section.users_0 #notify_users_notice.full a{
    font-style: normal;
}

.post_visibility_info{
    float:right;
}

.post_visibility_caption .fa{
    font-size: 14px;
    color: #bcbcbc;
    transition: .3s;
}

.post_visibility_caption .fa:hover{
    color: #888;
    cursor: pointer;
}

.form-section.users_0 #notify_users_notice.full a i.fa, .post_visibility_info a i.fa, #post_status_name a i.fa{
    margin-left: 2px;
    font-size: 12px;
}



#notify_users_notice .count{
    /*font-weight: 700;*/
    /*color: #999;*/
}

#notify_users_label .count{
    letter-spacing: 0;
    display: none;
}

#notify_users_label .count:before {
    content:"(";
    margin-right: 1px;
}

#notify_users_label .count:after {
    content:")";
    margin-left: 1px;
}

.tooltip.notify_users_tooltip {


}
.tooltip.notify_users_tooltip .tooltip-inner{
    background-color: #111;
    padding: 15px;
    line-height: 1.4;
    border-radius: 8px;
    color:#eee;
    text-align: left;
}
.tooltip.notify_users_tooltip.all .tooltip-inner{       /* different styling for tooltip when ALL USERS is selected, shorter message is shown */
    padding: 8px 10px;
    border-radius: 6px;
    /*font-weight: bold;*/
}


.tooltip.notify_users_tooltip .tooltip-inner > div.caption{
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
}

.tooltip.notify_users_tooltip .tooltip-inner hr{
    border-bottom: none;
    margin: 6px 2px;
    border-color: #444;
}


label.bottom_section{
    margin:0;
    cursor: pointer;
    color:#999;
    transition: color .4s;
    display:block;
}

label.bottom_section:hover{
    color:#777777;
}

label.bottom_section.active{
    color:#777777;
}

label.bottom_section.passive{
    cursor: default;
    margin-top: 30px;
    font-weight: normal;
    color:#777;
}

label.bottom_section.passive.small{
    margin-top: 0;
}

/*
label.bottom_section.passive:hover{
    color:#aaaaaa;
}
*/

label.bottom_section .fa{
    font-size: 0.8em;
    position: relative;
    top: -2px;
    opacity: 0.8;
}

label.bottom_section.passive i.fa{
    font-size: 14px;
    position: relative;
    top: 0px;
    margin-left: 3px;
    opacity: 0.8;
    margin-right: 3px;
}

label.bottom_section.passive i.fa.draft_pencil{
    font-size: 12px;
    top:-2px;
    margin-left: 0;
    left: -5px;
    margin-right: -5px;
}

.form-section input[type="text"],
.form-section input[type="text"]:focus{
	/*
    margin: 0;
	border: medium none;
	box-shadow: none;
	font-size: 18px;
	color: #666666;
	padding: 0;
	height: 46px;
	width: 100%;
    -webkit-font-smoothing:antialiased;
    */


    margin: 0;
    cursor: text;
    height: auto;
    margin-bottom: 5px;
    box-sizing: border-box;
    background-color: white;
    font-size: 14px;
    padding: 7px;
    color: #777;
    border: solid 1px #d8d8d8;
    width: 100%;

    /*
    background-color: red;
    border: solid 2px green;
    */

}

.form-section input[type="text"]:focus{
    border-color: #5dbd9e;
}


.form-section textarea,
.form-section textarea:focus{
	margin: 0;
	border: medium none;
	box-shadow: none;
	font-size: 17px;
	color: #666666;
	padding: 0 0 50px 0;
	width: 100%;
	min-height: 222px;
    -webkit-font-smoothing:antialiased;
    
  
   

}

div.form-section.has_error, .form-section.has_error input {

    background-color: #f9f7cc;
}

/*
div.token_url{
    display: none;
}
*/

input#public_url, .select2-container-multi ul.select2-choices, .select2-container-multi.select2-container-disabled ul.select2-choices{

    margin-top: 5px;
    cursor: text;
    background-color: #f5f5f5;
    color: #888;
    height: auto;
    padding: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;

    background-color: transparent;
    font-size: 14px;
    padding: 7px;
    color:#777;
    /*border: solid 2px #f2f2f2;*/
    border: solid 1px #d8d8d8;

}

.select2-container-multi ul.select2-choices, .select2-container-multi.select2-container-disabled ul.select2-choices{
    padding: 1px;
}

.revision_history{
    margin-top: 15px;
    display:none;
    /*max-height:340px;*/
    overflow: auto;
}

.revision_history div{
   padding: 7px 0px;
   font-size:14px;
}

.revision_history a {
    font-weight: normal;
}

.revision_history a.author{
    color: #999999;
}

.section_notice{
    color:#b8b8b8;
    font-style: italic;
}

#draft_action{
    display:inline-block;
    margin-left:5px;
    color: #999999;
    /*color:#5dbd9e;*/
}

.post_status{
    float: right;
    /*margin-top: 10px;*/
    /*margin-right: 20px;*/
    color: #999999;
    text-align: right;
    font-size:14px;
    line-height: 1.6;
}

.post_status .select2-container{
    margin-right: -3px;
}

.post_status a{         /* draft preview link */
    font-weight: normal;
}

.post_status a .fa{
    font-size:12px;
}
.post_status .unsaved{
    font-style: italic;
    color: #cccccc;
}

/*
.revision_history a {
    font-weight: normal;
    color: #5dbd9e;
    padding: 5px 0px;
    display:inline-block;
}
*/

.revision_history a .fa {
    font-size:0.8em;
}

.revision_history a:hover {

    color: #666666;

}

.form-section input.pub_date, .form-section input.pub_date:focus{
    height: inherit;
    font-size: 14px;
    margin-left: 5px;
    padding: 4px 14px;
    vertical-align: baseline;
    width: 125px;
    background-color:#f6f6f6;
    border-radius:25px;
    color: #999999;
    cursor:text;
    border:none;
    box-sizing: content-box;
}

.form-section input.pub_date:hover{

    height: inherit;
    font-size: 14px;
    margin-left: 5px;
    padding: 4px 14px;
    vertical-align: baseline;
    width: 125px;
    background-color:#f3f3f3;
    border-radius:25px;
    color: #999999;
    cursor:text;
}

div#delete_post{
    margin-top:20px;
    margin-bottom: 5px;
    text-align: right;
}




/* Tools */
#text-holder{
	/*position: relative;*/
}

#tools{
	/*width: 662px;*/
	height: 110px;
	position: relative;
	z-index: 1103;	
	/*border:dashed 1px green;*/
}

#tools .btn-holder{
	display:none;	
}

.affix-top {
    top: 155px;
	position:absolute;
}
.affix {
    bottom:820px;
}

div.fileinputs {
	position: relative;
	display: inline-block;
	width: 25px;
}

div.fakefile {
	position: absolute;
	top: 3px;
	left: 0px;
	z-index: 1;
	
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
    opacity: 0;
	z-index: 2;
	width: 25px;
	cursor:pointer;
	/*border:dashed 2px red;*/
    filter:alpha(opacity=0);
}



input.file:hover{
	cursor:pointer;	
}

div.fakefile > img{
	cursor: pointer;
}


#save-draft,
#save-publish,
#upload,
.typo,
.typo > span,
.typo > div{
	display: inline-block;
	margin: 17px 10px 0 10px;
}
#save-draft,
#save-publish,
.typo{
	margin: 25px 0 0 0;
	background: #fff;
}

#save-draft,
#save-publish{
	color: #878787;
	font-size: 12px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	border-color: #cdcdcd;
	text-transform: uppercase;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
  	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
  			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
}
#save-draft:hover,
#save-publish:hover{
	color: #fff;
	box-shadow: none;
	background-color: #5dbd9e;
	background-color: #5dbd9e;
	border-color: #5dbd9e;
}
#save-publish, .btn-primary{
	color: #5dbd9e;
	position: relative;
	left: -8px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
	color: #5dbd9e;
}

.typo{
	border: 2px solid #cdcdcd;
	font-size: 20px;
	color: #e1e1e1;
	margin: 0 22px;
	width: 390px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
  	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
  			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
}
.typo .small{
	font-size: 12px;
	color: #878787;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	margin-top: 0;
	margin-bottom: 5px;
}
.typo .small .words-number,
.typo .small .est-reading-time{
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 5px;
}

#upload,
#bold,
#italic,
#underline,
#mark,
#h1,
#createLink,
#image{
	cursor: pointer;
	overflow: hidden;
	height: 18px;
	
}
#upload img,
#bold img,
#italic img,
#underline img,
#mark img,
#h1 img,
#createLink img,
#image img{
	position: relative;
}

#bold:hover img{
	top: -20px;
}
#italic:hover img{
	top: -19px;
}
#underline:hover img{
	top: -21px;
}
#mark:hover img{
	top: -23px;
}
#h1:hover img{
	top: -19px;
}
#createLink:hover img{
	top: -15px;
}
#image:hover img{
	top: -21px;
}

/* wysihtml5 toolbar */

.editor_toolbar_selected{			/* blogin editor toolbar button selected */
	background-color:#e9e9e9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.wysihtml5-toolbar{
	display:none;	
}


/* Less than 1250px */

/*
#tools2{
	display: none;
	border-top: 2px solid #CDCDCD;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 1103;
	background: #fff;
}

#tools2 .typo {
	border: none;
	border-top: none;
	font-size: 20px;
	color: #E1E1E1;
	margin: 0 auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
	width: 430px;
	display: block;
	float: none;
}

#tools2 #save-draft2, 
#tools2 #save-publish2{
	color: #878787;
	font-size: 12px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	border-color: rgba(0, 0, 0, 0);
	text-transform: uppercase;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top: 0;
	padding: 3px 10px;
	float: none;
}
#tools2 #save-publish2{
	color: #5dbd9e;
}

#tools2 .btn-holder{
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #878787;
}
*/


/* Delete Post-Page */
#trash{
	width: 32px;
	height: 32px;
	display: block;
	background: url(../images/trash.png) no-repeat scroll 15px 13px transparent;
	padding: 13px 15px 0 15px;
	-webkit-transition: background-color .4s ease;
	-moz-transition: background-color .4s ease;
	-ms-transition: background-color .4s ease;
	-o-transition: background-color .4s ease;
	transition: background-color .4s ease;
    margin-right: 30px;
	
}
#trash:hover{
	/*background-position-y: -32px;*/
    background-position: 15px -32px;
	cursor:pointer;
}

.delete-link, .click-link{
	cursor:pointer;	
}

.upload-img-link{
    padding-top:20px;
    display:inline-block;
    font-size:16px;
}

/* Overlay */
.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
	background-color: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70%);
}



/* = FOOTER/PRE FOOTER
------------------------------------------ */
.pre-footer{
	background: #f8f8f8;
	border-top: 2px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 55px;
    padding-top:25px;
}

ul.recents{
	list-style: none;
	margin-left: 0;
    max-width:740px;
    margin:auto;
    padding-top: 0px;
}
ul.recents > li{
	text-align: left;
	padding: 20px 0;
	border-bottom: 1px solid #dddddd;
	color: #999999;
}
ul.recents > li:last-child{
	border-bottom: none;
}
ul.recents li a.recent-post-title{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	color: #292929;
	line-height: 30px;
	display: inline;
	margin-right: 6px;
}
ul.recents li a.recent-post-title:visited{

    color: #666666;

}

ul.recents li a.recent-post-title:hover{
	color: #5dbd9e;
}

ul.recents li > img{
	margin-right: 30px;
}


.important{
	display: inline-block;
	background: #f74744;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0px 8px;
    /*padding-top: 1px;*/
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	margin-right: 15px;
	vertical-align: top;
    /*
	margin-top: 4px;
	margin-bottom: 5px;
	*/
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
    vertical-align: baseline;
    vertical-align: text-bottom;
    line-height: 1.6;
}

ul.recents .important, ul.archive-list .important{
    font-size:10px;
}

footer{
	padding: 44px 0;
	border-top: 1px solid #dddddd;
	/*margin-top: -1px;*/
}

.opacity{
	display: none;

}


/* = COPYRIGHT 
-------------------------------------------*/
.copyright{
	text-align: center;
	color: #aaaaaa;
	font-size: 14px;
}

/*
#alert_message{
	position: fixed;
	width: 75%;
	left: 50%;
	top: 45%;
	margin: 0 0 0 -37.5%;
	text-shadow: 4px 4px 4px #222;
	color: #333333;
	font-size:36px;
	display:none;
}

*/

.upload_iframe{
	width:0;
	height:0;
	border:0px solid #fff;	
}


/* MESSAGES */

.welcome_note{
	font-size:18px;
	line-height:2;
    color:#666666;
    font-family: 'Lato', sans-serif;
}

.welcome_msg{
    margin-bottom: 40px;
    border: none;
    padding:20px;
    font-size: 20px;
    text-align: center
}

.pro_tip{
    margin-top: 30px;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    font-family: 'Lato', arial, sans-serif;
    white-space: normal;
}

#settings .pro_tip{
    margin-bottom:0;
    text-align: left;
    margin-top: 10px;
}

.onboarding_block_container{
    margin: 50px 0px;
    border-top: solid 1px #ddd;
    padding: 40px; margin-bottom: 0;
    background-color:#f8f8f8;
    position:relative;
    margin-bottom: 0px;
}

.promo_container{
    border-top: solid 1px #dddddd; 
    position:relative;
    padding:50px 0px;
}

.light_promo{
    font-size: 13px;
    color:#666666;
    font-family: 'Lato', sans-serif;
    /* text-align: left; */
    max-width: 400px;
    margin: auto;
    /*margin: 50px auto;*/
    margin:auto;
    line-height: 1.5;
    padding: 20px 20px;
    /*background-color: #f7f7f7;*/
    border-radius: 10px;
}

.light_promo_title{
    font-weight: bold;
    font-size:14px;
    margin-bottom:3px;
}
.light_promo_footer{
    font-size: 11px;
    margin-top:10px;
}




div#message{
	display:none;
	padding: 8px 15px;
}

.info_message,
.error_message, .warning_message,
div#uploading_indicator {
	position: fixed;
	top: 0px;
	right: 0;
	display: none;
	color: #fff;
	padding: 8px 15px;
	z-index: 2035;
	border-radius: 0 0 0 5px;
    font-size: 16px;
    font-weight: bold;
}

@keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground{
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}

div#uploading_indicator_bar{
    position: fixed;
    top: 0px;
    height: 3px;
    width: 100%;
    /* line-height: 0px; */
    z-index: 1035;
    /* background-color: rgba(255,255,255,0.5); */
    background-color: rgba(200,200,200,0.5);
    background-color: rgba(155, 236, 210, 0.5);
    background-color: #75F0D0;
    background-image: linear-gradient( 135deg, #00d0a2  25%, transparent 25%, transparent 50%, #00d0a2  50%, #00d0a2  75%, transparent 75%, transparent );
    background-size: 20px 20px;
    /* animation: move 2s linear infinite; */
    animation: animatedBackground 10s linear infinite;
    -webkit-animation: animatedBackground 10s linear infinite;
}




.info_message{
	background-color: #6dc3a8;
}

.error_message {
	background-color:#f96e60; 
}

.warning_message {
    /*background-color:#f1c40f; */      /* yellow/orange */
    /*background-color: #f8d64a;*/
    background-color: #4f87b8;      /* teams blue */
}

div#uploading_indicator{		/* image uploading indicator */
	/*background-color: #80abbf;*/
    background-color: #00d0a2
}

.sub_message{
    font-weight: normal;
    font-style: italic;
    color: #666666;
}

/*-- IE styles --*/

.lt-ie9 #search {
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
}


.lt-ie10 #search {
	line-height: 30px;
}

.lt-ie9 #invite input[type="text"],
.lt-ie9 #category input[type="text"],
.lt-ie10 #invite input[type="text"],
.lt-ie10 #category input[type="text"] {
	line-height: 38px;
	padding-top: 0;
	padding-bottom: 0;
}

#invite input[type="text"],
#category input[type="text"] {
	line-height: 38px;
	padding-top: 0;
	padding-bottom: 0;
}

.lt-ie9 .close-search {
	/*top: 54px;*/
	top:-33px;
}

.lt-ie9 .img-avatar,
.lt-ie9 .img-avatar-big,
.lt-ie9 .img-avatar-medium,
.lt-ie9 .img-avatar-small,
.lt-ie9 .img-avatar-mid-small,
.lt-ie9 .img-avatar-xtra-small {
	-ms-behavior: url(/backgroundsize.min.htc);
    behavior: url(/backgroundsize.min.htc);
}

.lt-ie9 .typo {
	margin: 0 13px;
}


.lt-ie10 #tools {
	width: 675px;
}

#tools {
	width: 658px \0; /*for ie-10*/
}


/*
style input file button
url: http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/
*/
.btn-file {
	width: 346px;
	margin-top: 5px;
	background-color: #fff;
	border: 2px solid #cdcdcd;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
    padding: 9px 0px;
    max-width:99%;

}
.btn-file.btn-file-error {
    border-color: #f96e60;
    color: #f12611 !important;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
.btn-file .filename {
	margin-left: 10px;
	text-transform: lowercase;
}


.fa-lg125{
    font-size: 1.25em;
}


.fa-lg133{
    font-size: 1.33em;
}

.fa-lg110{
    font-size: 1.1em;
}

.fa-info-icon{
    font-size:16px;
    position: relative;
    top: 1px;
}

.icon_default_color{
    color:#b8b8b8;
    transition:0.3s;
}

.limited_access{
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 22px;
    color: #cccccc;
}


/* SEARCH PAGE */

.search_box{
    width: 100%;
    max-width: 700px;
}

.search_box.ai{
    min-height: 600px;
    box-sizing: border-box;
}

.form-search {
	margin-top: 50px;
    margin-bottom: 50px;
}
.form-search .user_input {
    font-size: 20px;
    padding: 1px 10px;
    margin-right: 10px;
    width:500px;
    max-width: 60%;
}
.form-search .form-btn {

}

/* ASK AI */
/* ask ai takeover */

.ask_ai_takeover.mfp-wrap{
    /*background-color: #00000085;*/
    background-color: #fff;;
}

.version{
    position: fixed; 
    top: 10px; 
    left: 10px;
    color: #999;
    font-size: 14px;
}

.ask_ai_info{
    text-align: left;
    width: 100%;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #666;
    padding-left:5px;
}


.ask_ai_takeover .mfp-container{
    background-color: white;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    top: 10px;
    padding: 0;
    border-radius: 3px;
    overflow: scroll;
    /*box-shadow: 0px 0px 5px -1px #00000070;*/
    box-shadow: 0px 0px 6px 6px #ffffff;
}

/*.ask_ai_takeover .mfp-container::after{*/
.ask_ai_takeover.mfp-wrap::after{
    /*background-color: #000;*/
    opacity: 0;

    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: opacity 1s ease;

    /*background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82, #ffffff, #000);*/
    background: linear-gradient(90deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #8fb0d9, #1098ad, #07b39b, #6fba82, #ced034, #f79533);
    animation: animbg 4s linear infinite;
    background-size: 200% 200%;

    /*box-shadow: inset 0 0 9px 2px #000;*/
    
}



/*.ask_ai_takeover.working .mfp-container::after{*/
.ask_ai_takeover.mfp-wrap.working::after{
    opacity: 0.75;
}

@keyframes animbg {
    0% {
        background-position: 200% 50%;
    }
    100% {
        background-position: 0% 50%;
    }   
}


.ask_ai_takeover.mfp-fade .mfp-close{
    font-size: 40px;;
    margin-top: 15px;
    margin-right: 15px;
}

.ask_ai_takeover .content.page_title_content{
    display: block;

}

.ask_ai_takeover .content{
    padding: 0;
    width: 700px;
    max-width: 700px;

}


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

.form-search .user_input.ask_ai{
    font-size: 18px;

    width: auto;
    max-width: none;
    flex-grow: 2;
    margin-right: 0;
    padding: 0 10px;
}



.answer{
    line-height: 1.6;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 16px;
}

.answer h1{
    font-size: 24px;
}

.answer h2{
    font-size: 20px;
}

.answer h3{
    font-size: 18px;
}

.answer h4{
    font-size: 16px;
}

.answer p{
    font-size: 16px;
    line-height: 1.6;
}

.answer ul, .answer ol{
    padding-left: 20px;
    margin-left: 0;
}

.answer li{
    line-height: 1.8;
}

.answer .sources{
     color: #666;
     margin-top: 35px;
     font-size: 15px;
     line-height: 1.4;
     /*display: none;*/
 }
 
 .answer .sources .s_title{
   margin-bottom: 5px;
   
   background-color: #f7f7f7;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 30px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 14px;
 }

 .answer .sources .s_title:hover{
    background-color: #f2f2f2;
 }

 .answer .sources .s_content{
    display: none;
    padding-top: 10px;
  }
 
 .answer .sources ul{
     padding-left: 20px;
 }

 .answer .sources li a{
    font-weight: normal;
 }

 .answer .sources ol{
    margin-left: 5px;
    margin-bottom: 0;
}   

.answer .sources li{
    padding-left: 1px;
    padding-bottom: 5px;
    margin-bottom: 0;
    line-height: 1.4;
}

.answer_details, .answer_footer{
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #eee;
    display: none;
}

.answer_footer{
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.answer_footer .ai_votes{
    line-height: 0px;
    white-space: nowrap;
}

.answer_footer .notice{
    font-size: 13px;
    color: #666666;
    font-family: 'Lato', sans-serif;

}

.answer_footer .ai_vote{
    margin-right: 10px;
    font-size: 20px;
    opacity: 0.5;
    transition: opacity 0.5s ease;
}

.answer_footer .ai_vote.vote_down{
    margin-right: 0;
}

.answer_footer .ai_vote:hover{
    opacity: 1;
    cursor: pointer;
}

.answer_footer .ai_vote.vote_up.voted{
    opacity: 1;
    color: #25b393;
}

.answer_footer .ai_vote.vote_down.voted{
    opacity:1;
    color: #EE6D46;
}

.answer .ai_error{
    border: solid 1px #f6c771;
    padding: 20px;
    display: inline-block;
    border-radius: 10px;
    background-color: lemonchiffon;
    color: #da7a05;
}

.ai_error .btn{
    display: block;
    margin-top: 10px;
    border: solid 1px orange;
    color: #ef7521;
}

.ai_error .btn:hover{
    border: solid 1px darkorange;
}

.vote_feedback{
    display:none;
    margin-top: 15px;
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 15px;
    color: #666666;
    position: relative;
    text-align: right;
}

.vote_feedback .caption{
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    padding-right: 20px;
    text-align: left;
}

.vote_feedback.done .caption{
    display:none;
}

.vote_feedback textarea{
    width: 100%;
    margin-top: 10px;
    border: none;
    background-color: #f4f4f4;
    border-radius: 5px;
    /* border: solid 1px red; */
    box-shadow: none;
    padding: 10px;
    min-height: 100px;
    font-size: 14px;
    color: #444;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.vote_feedback.done form{
    display: none;
}

.vote_feedback .x{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.vote_feedback.done .x{
    display:none;
}

.vote_feedback .x svg{
    width: 22px;
    height: 22px;
    fill: #444444;
}

.vote_feedback .x:hover{
    opacity: 1;
}

#ai_feedback_done{
    text-align: center;
    padding: 10px 0;

}

.answer.loading{
    /*background-color: yellow;*/
    color: #999;
    font-weight: bold;

}

#loading.loading{
    display: none;
    color: #999;
    font-weight: bold;

    background: linear-gradient(90deg, #999, #aaa, #999, #666, #999);
    animation: animtxt 1s linear infinite;
    background-size: 200% auto;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 16px;
   
}

@keyframes animtxt {
    0% {
        background-position: 200% 50%;
    }
    100% {
        background-position: 0% 50%;
    }   
}


.trans_button{
    background-color: transparent;
    border: none;
    color: #999;
    font-weight: bold;
    transition: color .3s;
}

.trans_button:hover{
    color: #666;
}



/* PUSH NOTIFICATIONS */
.push-notifications-wrapper {
	position: fixed;
	bottom: 30px;
	left: 30px;
    /*right: 30px;*/
    z-index: 1999;
}
.push-notifications-wrapper .ns-effect-scale {
	display: block;
	position: relative;
	top: auto;
	left: 0;
	margin-top: 20px;
	/*padding: 15px;*/
    padding: 0;
}
.push-notifications-wrapper .ns-effect-scale .ns-close {
	right: 7px;
    top:7px;
	width: 16px;
	height: 16px;

}
.push-notifications-wrapper .ns-effect-scale a.pmsg {
    padding: 0px 5px;
    line-height: normal;
    /*background-color: yellow;*/
    padding: 15px 15px;
    padding-right: 25px;
    display: block;
    color:white;
    font-weight: normal;
    font-size: 15px;
    opacity: 1;
    text-align: left;
    background-color: #51bd9e;
    border-radius: 5px;
    box-shadow: 0 25px 10px -15px rgba(0,0,0,0.05);
    /*opacity: 0.9;*/
}

.push-notifications-wrapper .ns-effect-scale a.pmsg:hover{
   /* background-color: #44af90; /*darker*/
    opacity: 1;
    background-color: #43af90;
    box-shadow: 0 25px 10px -15px rgba(0,0,0,0.1);
}

.push-notifications-wrapper .ns-growl{
    width: 300px;   /* required for IE */
    max-width: 300px;
}

.push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_txt{
    /*border:dotted 1px red;*/
    float:left;
    max-width: 200px;
}

.push-notifications-wrapper .ns-effect-scale .pmsg .pmsg_txt .emojione{
    height: 1em;
    width: 1em;
    min-height: 16px;
    min-width: 16px;
}

.push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_time{
    font-size: 13px;
    margin-top: 10px;
    color:#ebf5f2;
}
.push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_time .fa{
    color:#ffffff;
    margin-right: 3px;
}


.push-notifications-wrapper .ns-effect-scale a.pmsg .user-avatar{
    float:left;
    margin-right: 15px;
    border-color:#92d1bd;
}

.push-notifications-wrapper .ns-effect-scale{
    /*
    background-color: rgba(93, 189, 160, 0.99);
    background-color: #51bd9e;  /* blogin green */
    /*background-color: #fff;*/
    background: none;
    box-shadow: none;
}

.push-notifications-wrapper .ns-effect-scale .ns-close::before, .push-notifications-wrapper .ns-effect-scale .ns-close::after {
    background: #247e64;
}

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


a.load-more-btn {
    display: table;
    width: 120px;
    height: 120px;
    margin: 40px auto 0;
    padding: 0;
    border: 2px solid #5dbd9e;
    border-radius: 50%;
    color: #5dbd9e;
    text-align: center;
    letter-spacing: normal;
}
a.load-more-btn:hover {
    color: #5dbd9e;
}
a.load-more-btn > span {
    display: table-cell;
    vertical-align: middle;
}



/* ipad menu problems, prevents inner scrolling and fixed positioning  */
/*
.touch #right-slide, .touch #left-slide, .touch #site_header{
    position:absolute !important;
    margin-top:0 !important;
}

.touch #right-slide, .touch #left-slide{
    min-height: 100%;
    height: 100% !important;
}

.touch #scrollbar2, .touch #scrollbar1{
    padding:0;
}
*/


/*
.touch #site_header{
    position:absolute !important;
    margin-top:0 !important;
}
*/





span.cke_button_label.cke_button__source_label, span.cke_button_label.cke_button__markdown_label{
    display:none;
}


/* crop image modal - Magnific Popup */
.white-popup-block {
    position: relative;
    background: #FFF;
    padding: 1em;
    /*padding-top: 3em;*/
    width: auto;
    margin: 20px auto;
    max-width: 700px;
    color: #444444;
}

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

.white-popup-block .message_title{
    /*font-size: 20px;*/
    text-align: center;
}

.white-popup-block .message_subtitle{
    text-align: center;
}

.mfp-close.mfp-close-popup {
    color: #333;
}
#crop-area {
    display: none;
}
.jcrop-centered {
    display: inline-block;
}
#crop-form {
    margin:0;
}
#crop-title{
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}
#loading-area {
    padding: 150px 0;
    text-align: center;
}


.crop-buttons{
    margin-top: 30px;

}

.crop-link{
    padding: 10px 0px;
    /*margin-top: 12px;*/
}

#error-crop{
    text-align: center;
}

.crop-error-msg{
    font-size: 16px;
    margin-bottom: 20px;
}



.touch .jcrop-handle {       /* increase crop handle size on touch devices */
    height: 12px;
    width: 12px;
}


.modal-backdrop{
    z-index: 1045;          /* correction of default bootstrap z-index:1040, to cover magific popup if also active on page (profile - integrations slack delete) */
}

/* OLARK CHAT BOX STYLING */

#olark-wrapper .olark-launch-button, #olark-wrapper .olark-launch-button svg{
    height: 50px!important;
    width: 50px !important;
}

#olark-wrapper .olark-launch-button svg{
    /*height: 36px !important;*/
    /*margin-top:1px;*/
}

#olark-wrapper .olark-launch-button .olark-button-text{
    line-height: 32px !important;
    margin: 0 0 0 8px!important;
    font-size:  12px !important ;
}

#olark-wrapper .olark-launch-button svg{
    width: 24px!important;
    vertical-align: middle;
}

#olark-wrapper .olark-launch-button svg.olark-close-icon{
    width: 20px !important;
    height: 20px !important;

}

#olark-wrapper .olark-launch-button{
    padding: 0 12px !important;
}

#olark-wrapper .olark-button-focus-wrapper{
    opacity: 0.75;
    transition: opacity .3s;
}

#olark-wrapper .olark-button-focus-wrapper:hover{
    opacity: 1;
}

div#olark-wrapper .olark-button-focus-wrapper:focus-within{
    background: none !important;
    opacity: 1;
}


/* table in post body*/
div.post_body table{
    width: 100% !important;
    max-width:100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    /*border:solid 1px #aaaaaa;*/
    border-color: #aaa;
    border-style: solid;
    line-height: 1.7;
}

/* not needed
div.post_body table[border="0"]{
    border:0;
}
*/

div.post_body table[border="0"] td{
    border:0;
}

div.post_body table td{
    /*border:solid 1px #aaaaaa; /* needed for safari */
    border-color: #aaa;
    border-style: solid;
    white-space: normal !important;                     /* prevent wide columns with lots of text to strech table horizontally - force text to break*/
    vertical-align: inherit /*!important*/;             /* important commented out to allow valign of cells through the editor table tools */
}
div.post_body table, div.post_body table p{
    /*font-size:17px;*/
}

div.post_body table p{
    margin:0;
}

/* table in post intro */
div.post_intro table{
    width:100% !important;
    max-width:100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    /*border:solid 1px #aaaaaa;*/
    border-color: #aaa;
    border-style: solid;
    line-height: 1.7;
    height: auto !important;
}

div.post_intro table td{
    border-color:#aaa;
    border-style: solid;
    white-space: normal !important;
    vertical-align: inherit /*!important*/;             /* important commented out to allow valign of cells through the editor table tools */
}

div.post_intro  table[border="0"] td{
    border:0;
}

div.post_intro table, div.post_intro table p{
    font-size:17px;
}
div.post_intro table p{
    margin:0;
}
div.post_intro div.table_cut{
    text-align: center;
    color: #777;
    font-weight: bold;
    margin-top: -15px;
}


/* table in recent post intro */
div.recent_post_intro table{
    width:95%;
    max-width:95%;
    border-collapse: collapse;
    margin-bottom: 10px;
    /*border:dotted 1px #aaa;*/
    border-color: #aaa;
    border-style: dotted;
    line-height: 1.2;
}

div.recent_post_intro table[border="0"]{
    border:0;
}

div.recent_post_intro table td{
    /*border:dotted 1px #aaaaaa;*/
    border-color: #aaa;
    border-style: dotted;

    width: auto !important;     /* handles display when image is pulled out of table cell for thumb image.... */
    
}



div.recent_post_intro table[border="0"] td{
    border:0;
}

div.recent_post_intro table, div.recent_post_intro table p{
    font-size:13px;
}
div.recent_post_intro table p{
    margin:0;
}
div.recent_post_intro div.table_cut{
    font-weight: bold;
    margin-top: -10px;
}



/* oauth verify signup */

.access_logo{
    margin-bottom: 35px;
    text-align: center;
}

.access_logo .app_logo{
    max-height: 76px;
    max-width: 76px;
    margin: 0 25px;
}

.access_caption{
    font-size: 20px;
    margin-bottom: 60px;
    text-align: center;
    font-family: 'Lato', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.access_caption p.sub{
    color:#999;
    font-size:15px;
    margin-top: 10px;
}

.suberror{
    display:inline-block;
    padding:0px 6px;
    border-radius: 5px;
    color:#f96e60;
    font-size:13px;
    font-weight: bold;

}

.error_msg{
    background-color: #e74c3c;
    display: inline-block;
    margin: auto;
    padding: 5px;
    color: white;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #f96e60;
    font-weight:bold;
}

/* USAGE STATS */

.stat_block{
    padding: 40px 20px;
   /* border:dashed 1px red;*/
    font-size: 42px;
    text-align: center;
    width: 33.33%;
    float:left;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    border-left: solid 1px #eee;
    color:#333333;
    line-height: normal;
}

.stat_block:first-child{
    border-left: none;
}

.stat_block .capt{
    font-size:14px;
    margin-top: 10px;
    font-weight: normal;
    color: #777777;
}

.stat_block .capt2{
    font-size:14px;
    margin-top: 3px;
    font-weight: normal;
    color: #AAAAAA;
    font-style: italic;
}

.stat_block.muted, .stat_block.muted .capt{
    color: #ccc;
}

.statsform{
    text-align: left;
}

.statsform .dtpicker-overlay{
    margin-left: -60px;
    margin-top: -7px;
    min-width: 260px;
}

.statsform .dtpicker-buttonCont{
    margin: 0.2em 4.5em;
}

.statstable{
    color: #999999;
    font-size: 14px;

}

.statstable thead{
    color:#777777;
    white-space: nowrap;
}

.statstable thead a{
    color:inherit;
}

.statstable thead a.active{
    /*color:#5dbd9e;*/
    color:#292929;
    /*border-bottom:dotted 1px #333;*/
}


.statstable thead tr td{
    vertical-align: bottom;
}


.statstable tr td{
    text-align: center;
    border-bottom: solid 1px #dddddd;
    padding: 10px 10px;
    vertical-align: middle;
}

.statstable tr td svg {             /* pie chart */
    vertical-align: text-bottom;
    margin-right: 4px;
    margin-left: 4px;
}

.statstable .subtitle{
    font-size: 13px;
}

.statstable .subtitle span.teams_more{
    color: #999;
    cursor: default;
}

.statstable .subtitle span.teams_more:hover{
    color: #333;
}

.statstable tr td:first-child{
    text-align: left;
}

.statstable tr td a.post-title{
   /* white-space: nowrap;*/
}

.statstable.posts_table tr td:first-child{
    width:50%;
}

.statstable a.cat-name{
    color: inherit;
    font-weight: normal;
}

.statstable a.cat-name:hover{
    color: #666;
    /*text-decoration: underline;*/
}

.statstable i.fa{
    color: #aaaaaa;
    font-size:14px;
    margin-left: 4px;
}

.statstable i.fa.fa-sort-up, .statstable i.fa.fa-sort-down{
    color: #5dbd9e;
    font-size: 18px;
}

.statstable i.fa.fa-sort-up{
    position:relative;
    top:6px;
}

.statstable i.fa.fa-sort-down{
    position:relative;
    top:-2px;
}

.statstable a.post-title{

    font-family: 'Lato', sans-serif;

}
.statstable a.post-title:hover{
    color:#50a489;
}

.statstable td.stat_col{
    white-space: nowrap;
    /*padding-left: 20px;*/
}

.stats_posts_container{
    background-color: #ffffff;
    overflow: auto;
}

.stats_posts_container h3{
    font-size:22px;
}



.statsgraph{
    margin-top: 75px;
    margin-bottom:75px;
}

.statscalendar {
    align-items: center;
    background: #fff;
    cursor: pointer;
    display: flex;
    padding: 8px 12px;
    font-size:15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.statscalendar .fa {
    line-height: 1.1;
}

.statscalendar span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 15px 0 3px;
    margin-right: auto;
}

/*
.export_container{
    margin-top:30px;
}
*/

div.ajax_loading{
    height: 300px;
   /*border:dashed 1px red;*/
    background-image: url('../images/loading_dots.gif');
    background-repeat: no-repeat;
    background-position: center;
}

div.ajax_error {
    align-items: center;
    color: #a7a7a7;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: center;
}

div.ajax_error a {
    color: #a7a7a7;
}

div.ajax_error .error_text {
    margin-bottom: 5px;
}

div.ajax_error a:hover {
    color: #4d4d4d;
}



/* date picker styling */

.daterangepicker{
    font-family:'Lato', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.daterangepicker .calendar th, .daterangepicker .calendar td, .daterangepicker .input-mini{
    box-sizing: border-box;
}


body .daterangepicker .input-mini{
    font-family:'Lato', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body .daterangepicker .input-mini.active{
    border-color:#5dbd9e;
}

.daterangepicker .ranges li.active {
    background-color: #5dbd9e;
    border: 1px solid #5dbd9e;
    color: #fff;
}

.daterangepicker .ranges li{
    color: #333333;
}

.daterangepicker .ranges li:hover{
    background-color: #ccece2;
    border-color: #ccece2;
    color: #333333;
}

body .daterangepicker td.today{
    font-weight: bold;
    background-color: #eee;
}

body .daterangepicker td.in-range{
    background-color: #ccece2;
}

body .daterangepicker td.active, body .daterangepicker td.active:hover{
    background-color: #5dbd9e;
}

body .daterangepicker td.available:hover, .daterangepicker th.available:hover{
    background-color: #cccccc;
}

body .daterangepicker td.disabled, body .daterangepicker option.disabled{
    color:#cccccc;
    text-decoration:none;

}


.expansion-panel {
    position: relative;
    /* border: dashed 1px red; */
    color: #666666;
    border-bottom: solid 1px #e3e3e3;
}
.expansion-panel:last-child{
    border-bottom: none;
}

.expansion-panel.active {
    /*
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    */
}

.expansion-panel-summary {
    /*padding: 10px;*/
    padding: 20px 0px;
    position: relative;
    cursor:pointer;
}

.expansion-panel-summary:hover{

}

.expansion-panel-details {
    display: none;
    padding: 0 10px 10px;
    margin-bottom: 10px;
    margin-left: 88px;
    margin-right: 40px;
}
/** Remove outline from Firefox */
.expansion-panel-actions a:focus {
    outline: none;
}

.expansion-panel .text {
    margin-right: 40px;
    word-break: break-all;
    align-self: center;
}

.expansion-panel-summary .toggle-panel {
    cursor: pointer;
    margin-left: 15px;
    /*border: dotted 1px red;*/
    padding: 5px;
    color:#aaa;
    position:absolute;
    right:0;
    transition: color .3s ease;
}

.expansion-panel-summary:hover .toggle-panel{
    color:#333;
}

.waiting-approval-item .expansion-panel-text {
    padding: 10px;
    margin-bottom: 10px;
    /*border: 1px dashed #cacaca;*/
    font-size: 16px;
    border-radius: 7px;
    background-color: #f5f5f5;
    padding: 15px;
}

.waiting-approval-item .expansion-panel-text p {
    margin-bottom: 5px;
    font-size: 16px;
}

.expansion-panel .icons_container{
    flex-grow:0;
    flex-shrink: 0;
    flex-basis: 95px;
}

/** Ported from BS v4 */
.d-flex {
    display: flex;
}




.unapproved_counter {
    background-color: darkorange;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    border-radius: 27px;
    padding: 1px 5px;
    display: inline-block;
    line-height: 16px;
    min-width: 18px;
    box-sizing: border-box;
    vertical-align: text-top;
    font-weight: bold;
}
.post_list_item .by-line .unapproved_counter{
    font-size:11px;
    padding: 0px 4px;
    min-width: 16px;
    text-align: center;
}


/** 
    FetchURL ckEditor plugin
    ========================
*/
.post_body .fetchurl {
    width: 100%; 
    height: auto;
    margin: 24px auto;
    position: relative;
}
.post_body .fetchurl .fetchurl-link {
    position: absolute;
    text-decoration: none;
    top: 0px;
    left: 0px;
    width:100%;
    height: 100%;
}
.fetchurl .fetchurl-link:hover {
    text-decoration: none;
    cursor: pointer;
}
.fetchurl .fetchurl-container { 
    width: 100%; 
    z-index: 2; 
    border-radius: 4px;
    background-color: #fff; 
    border: 1px solid #ddd;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    transition: border-color .3s;
    box-sizing: border-box;
}
.fetchurl:hover .fetchurl-container{
   /* border-color:#999;*/
    border-color:#5dbd9e;
}
.fetchurl:hover .fetchurl-container .fetchurl-content .fetchurl-title{
    /*color:#333;*/
    color:#5dbd9e;
    color:#000;
}
.fetchurl .fetchurl-container .fetchurl-content { 
    padding: 22px 25px;
    max-width: 100%;
}
.fetchurl .fetchurl-container .fetchurl-content .fetchurl-title { 
    font-size: 16px;
    line-height: 18px;
    max-height: 36px;
    max-width:100%;
    margin-top: 0px;
    color: #4d4d4d;
    font-weight: bold;
    /*white-space: pre-line;*/
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    max-width: 100%;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    transition: color 0.3s;
}
.fetchurl .fetchurl-container .fetchurl-content .fetchurl-description {
    font-size: 14px;
    line-height: 16px;
    max-height: 34px;
    margin-bottom: 10px;
    color: #6d6d6d;
   /* white-space: pre-line;*/
    text-overflow: ellipsis;
    overflow: hidden;

    max-width: 100%;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: 'Lato', sans-serif;
}
.fetchurl .fetchurl-container .fetchurl-content .fetchurl-sitename {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 15px;
    color: #8d8d8d;
    text-transform: lowercase;
}
.fetchurl .fetchurl-container .fetchurl-image {
    min-width: 150px;
    width: 150px;
    height: 150px;
    padding: 0px;
    margin: 0px;
    outline: none;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    border-left: solid 1px #ddd;
    flex-shrink: 0;     /* prevent shrink on small screens on intro text view */
}
.fetchurl .fetchurl-container .fetchurl-image.fetchurl-image-loading {
    display: none;
}
.fetchurl .fetchurl-video-blocker {
    z-index: 0;
    width: 1px;
    height: 1px;
}
.fetchurl .fetchurlUndoButton {
    display: none;
}


/*
 * Mass action style
 * =================
 */
 #recent_posts .mass-action-checkbox { display: none; }
.mass_action {
    color:#666666;
    text-align: left;
    width: 100%;
    font-family: 'Lato', sans-serif;
}
.mass-action-form {
    display: inline-block;
    width: 100%;
}
div.post_list_item { position: relative; }

div.post_list_item .mass-action-checkbox,
.label_checkbox.mass-action-checkbox {
    /*height: calc(100% - 25px);*/
    position: absolute;
    left: -45px;
    margin: 0;
    padding: 0px 22px;
    /* top: 30px; */
    opacity: 0;

    transition: opacity .3s;
    /* background-color: blue; */
    background-position: center 50px;
    /*display: none;*/

    height: 0;
}


div.post_list_item .mass-action-checkbox {
    /*opacity: 1;*/
    /*background-color: orange;*/
    top: 0;
    background-position: center 30px;
    transition: opacity 0.3s;

    left:-10px;
    right: auto;
}


.surcharge_desc{
    margin-top: 30px; 
    font-size: 16px;;
    color: #777; 
    margin-bottom: 30px;
}

.surcharge_calc{
    margin-top: 12px;
}

.surcharge_desc i.fa{
    color:#888;
}

.surcharge_desc span.emphasis{
    color: #666;
    font-weight: 500;
}



li div.post_list_item .mass-action-checkbox:hover,
li div.post_list_item .mass-action-checkbox.checked,
.label_checkbox.mass-action-checkbox:hover,
.label_checkbox.mass-action-checkbox.checked {
    opacity: 1;
    transition: opacity 0.2s;
}



.mass-action-second-select.active { display: inline-block !important; }

.mass-action-second-select.select-role { max-width: 180px; }
.mass-action-second-select.select-category { max-width: 200px; }

.mass-action-second-select.select2-container,
.xsmall.mass-action-second-select {
    display: none;
    max-width: 200px;
}
.mass-action-tags-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mass_action_manage div.action_block.v2 {
    display: block;
}

.mass_action_manage .row-fluid div.action_block.v2{
    margin-bottom: 10px;
}


.mass_action_manage .label_checkbox.mass-action-checkbox, 
.manage_users .label_checkbox.mass-action-checkbox {
    /*display: block;*/
    opacity: 1;
    height: 100%;
}

.mass_action_manage div.content div.post_list_item .sp10{
    display:none;
}


.mass_action_manage div.content div.post_list_item .sp90{
    margin-left: 45px;
}

.mass_action_manage .single_p.checked{
    transition: background-color .2s;
    background-color: rgba(230, 230, 230, 0.4);
    border-radius: 10px;

    max-width: 780px;
    margin: auto;
}


/* Select2 */
#s2id_massActionRemoveTags,
#s2id_massActionTags {
    width: 300px;
    max-width: 300px;
    margin:0;
    vertical-align: top;
}

#s2id_share_to_members ul li img{
    display: none;
}

.mass-action-second-select.select2-container-multi { padding: 0; }
.mass-action-second-select.select2-container-multi ul.select2-choices { margin: 0; }
.mass-action-second-select.select2-container-multi .select2-choices .select2-search-choice {
    margin: 1px 0 1px 4px;
    padding: 3px 22px 4px 10px;
}
.mass-action-second-select.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    top: 3px;
}
.mass-action-second-select.select2-container-multi .select2-choices .select2-search-field { max-width: 75px; }
.mass-action-second-select.select2-container-multi .select2-choices .select2-search-field .select2-input {
    padding: 1px;
    margin: 0 4px;
    max-width: 100%;
}
.mass_action .xsmall {
    margin-right: 4px;
    padding: 3px 20px 4px 10px;
    /*border:dashed 2px blue;*/
}
.mass_action  .xsmall.select2-container {
    padding: 0;
}

.mass_action .select2-container .select2-choice {
    border-color: #ccc;
    color: #777;
    padding: 1px 4px;
}

.mass_action .caption{
    display: inline;

}

/** Mass action - My posts */

.tab_action{
    text-align: right;
    max-height: 20px;
    position: relative;
}

a.manage_toggle{
    color: #999;
    font-weight: normal;
    cursor: pointer;
    /*background-color: red;*/


    /* background-color: #eee; */
    /* padding: 5px; */
    width: 28px;
    height: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    padding-top: 4px;
    transition: 0.3s;

    position: relative;
    top: -7px;
    right: -2px;

}

.no-touch a.manage_toggle:hover{
    color:#666666;
   background-color: #eee;
}

a.manage_toggle i.fa{
    /*margin-right: 3px;*/
}
.my-posts .action_block {
    margin-top: 20px;
    margin-bottom: 40px;
}
.mass_action_manage ul.categories-list li {
    position: relative;
    padding-left: 30px;
}
.mass_action_manage ul.categories-list li .mass-action-checkbox {
    opacity: 1;
    height: 25px;
    margin: auto;
    /*position: relative;*/
    /* background-color: blue; */
    display: inline;
    padding: 12px 22px;
    /* left: -7px; */
    background-position: center;
    position: absolute;
    left: -14px;
    /* top: 50%; */
    display: inline-block;
    display: block;
    top: 0px;
}
.mass_action_manage .mass-action-second-select.select2-container-multi ul.select2-choices {  }

.mass_action_manage .post_icon{
    display: none;
}

.medium-editor-form-select{
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    border-color: unset;
}

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

#checkbox-section-5 span.message-select{
    color: red;
    font-weight: 600;
    margin-left: 5px;
    position: relative;
    font-size: 15px;
    top: 5px;
}


/** ckEditor link plugin */
#autocompleteContainer {
    max-height: 260px;
    max-width: 480px;
    overflow-y: auto;
}
#autocompleteContainer.active {
    border: solid 1px #c9cccf;
    border-radius: 4px;
}
#autocompleteContainer .item {
    background-color: #fff;
    margin-bottom: 0;
    border-radius: 3px;
    font-size: 13px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color ease-in-out 100ms;
}
#autocompleteContainer .item.selected {
    background-color: #5dbd9e33;
}
#autocompleteContainer .item .left-side {
    width: 100%;
    max-width: calc(100% - 50px);
    padding-right: .6rem;
    cursor: pointer;
}
#autocompleteContainer .item .left-side .icon {
    width: 18px;
    height: auto;
    float: left;
    margin-right: 8px;
    margin-bottom: 9px;
    margin-top: 9px;
    fill: #949494;
}
#autocompleteContainer .item .left-side .label {
    font-weight: bold;
    cursor: pointer;
    display: block;
    transition-property: color;
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: none;
}
#autocompleteContainer .item .left-side .label.comment{
    font-weight: normal;
    font-size: 14px;
}
#autocompleteContainer .item .left-side .url { 
    color: #888;
    font-size: 80%;
    cursor: pointer;
    font-style: italic;
    transition-property: color;
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#autocompleteContainer .item .type {
    display: inline-block;
    font-size: 90%;
    /*border-radius: 3px;*/
    border-radius: 50px;
    width: auto;
    padding: .3rem .6rem;
    background-color: #F0F0F0;
    transition-property: background-color, color; 
    transition-duration: 200ms;
    transition-timing-function: ease-out; 
}
#autocompleteContainer .item:hover {
    background-color: #f5f5f5;
}
#autocompleteContainer .item:hover .type {
    background-color: #ddd;
}



#autocompleteContainer .item:hover .label {
    color: #25B393;
}

#autocompleteContainer .item:hover .url {
    color: #666666;
}

#autocompleteContainer .item.selected {
    background-color: #f5f5f5;
}

#autocompleteContainer .item.selected .type{
    background-color: #ddd;
}




/* - - - - - - - -  iOS stylization  - - - - - - - - - - - -  */

.ios div#scrollbar1{

    /* op: -20px !important; */
    padding-top: 44px;
    /* background-color: blue !important; */

}

.ios .header{
    padding-top: 44px !important;
    height: 119px;
    max-height: 119px;
    /* background-color: yellow; */
}

.ios .h_menu{
    top: 54px !important;
}

/* Poll results styling */

#post_poll{
    width: 100%;
}

#post_poll input.has-error{
    border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

#post_poll .poll-type.has-error li, #post_poll .poll-type.has-error li span{
    color: #e9322d;
}

#post_poll .poll-result{
    margin: 10px 0;
}
#post_poll .poll-result .option{
    display: block;
    position: relative;
    /*line-height: 2.2;*/
    line-height: 40px;
    height: 40px;
    
}

#post_poll .poll-result .option .answer{
    background-color: #5dbd9e;
    border-radius: 5px;
    margin: 0;
    display: inline-block;
    width: 0;
    
    padding: 0;
    text-wrap: nowrap;
    box-sizing: border-box;
    line-height: inherit;
    padding-left: 5px;

    position:absolute;
    height: 40px;
}

#post_poll .poll-result .option span.answer_text{
    margin-left: 15px;
    
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 85%;
    text-overflow: ellipsis;
}

#post_poll .poll-result .option .percentage{
    position: absolute;
    right: 12px;
    top: 0;
    font-size: 16px;
    line-height: 42px;
}

.p_events_off{
    pointer-events: none;
}

#post_poll .action_btns{
    display: inline-block;
    width: 100%;
}

#post_poll .action_btns #delete_poll{
    float: right;
}

#post_poll #save_poll{
    margin-right: 10px;
}

#post_poll #new_answer{
    margin: 5px 0;
    font-size: 14px;
}

#post_poll #new_answer button{
    border:none;
    background-color: transparent;
    color: #5dbd9e;
    font-weight: bold;
    transition: color .3s;
}

#post_poll #new_answer button:hover{
    color: #50a489;
}

#post_poll .added_answer{
    padding-top: 5px;
}

#post_poll .poll_answer.second_answer{
    /*border-top: solid 1px #eeeeee;*/
    padding-top: 5px;
}

#post_poll .action_btns{
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}


#vote_poll_answers_container input {
    /* hiding browser el */
    appearance: none;
    /* Safari support */
    -webkit-appearance: none;
    border: 3px solid #fff;
    background-color: #bbb;
    box-shadow: 0 0 0 1px #bbb;

    height: 15px;
    width: 15px;

    margin: 0;
    margin-right: 12px;
    margin-left: 3px;
    vertical-align: baseline;
}

#vote_poll_answers_container input[type="radio"] {
    border-radius: 50%;
}

/* keyboard navigation focus appearance */
#vote_poll_answers_container input:focus-visible {
    outline-offset: 0;
}

#vote_poll_answers_container input:focus{
    outline-color: transparent;
}

#vote_poll_answers_container input:checked {
    box-shadow: 0 0 0 1px  #239C81;
    background-color:  #239C81;
    border-width: 0.2rem;
}
  

#vote_poll_answers_container input,
#vote_poll_answers_container label {
    cursor: pointer;
}

#vote_poll_answers_container label {
    line-height: 1.6;
    font-size: 18px;
    margin-bottom: 0;
    display: inline-block;
}

#vote_poll_answers_container > ul{
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 30px;
}

#vote_poll_answers_container > ul li{
    margin-bottom: 15px;
}

#vote_poll_answers_container > ul li:last-child{
    margin-bottom: 0;
}

#vote_poll_answers_container input{
   
   
}

#post_poll .num-of-votes{
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 25px;
}

.post_intro .post_poll{
    display: block;
    padding: 25px;
    border-radius: 10px;
    border: solid 1px #ccc;
    max-width: 740px;
    /* width: 740px; */
    box-sizing: border-box;
    margin: auto;
    margin-top: 10px;
}

.post_intro .post_poll .poll_question{
    font-weight: bold;
    margin: auto;
    margin-bottom: 25px;
}

.post_intro .intro_poll_cover{
    display: block;
    position: absolute;
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    transition: opacity .3s;
    z-index: 10;
}

.post_intro .intro_poll_cover:hover{
    opacity: 0.5;
}


.post_intro #vote_poll_answers_container > ul{
    margin-bottom: 0;
}

.post_intro #vote_poll_answers_container > ul li{
    margin-bottom: 5px;
}

.post_intro #vote_poll_answers_container > ul li:last-child{
    margin-bottom: 0;
}

.post_intro #vote_poll_answers_container label{
    font-size: 17px;
}

.post_intro #vote_poll_answers_container input{
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
    margin-right: 10px;
}

.post_intro #post_poll .poll_question{
    margin-bottom: 15px;
}

.recent_post_intro .recent_post_poll{
        padding: 16px;
        border: solid 1px #ddd;
        border-radius: 10px;
        margin-top: 10px;
}

.recent_post_intro .poll_icon{
    fill: #ccc;
    vertical-align: bottom;
    margin-top: 10px;
    height: 18px;
}

/* 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, select.square{
    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;
}

#profile-settings input[type=text]:focus, #profile-settings input[type=password]:focus, #profile-settings input[type=email]:focus, #profile-settings select:focus, select.square: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.square{
    width: calc(49% - 20px);
}

#settings select.square: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: 0;
}


#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 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;
}

.popover.browsernotif .arrow{
    border-bottom: none;
    left:100px;
    display: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_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;
    }
}


/* = MEDIA RULES
-------------------------------------------*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 SIGNIFICANT, FUNCTIONAL BREAKPOINTS:
    > 2100  - menu goes over the content
            - medium menu, 240px,

    < 2100 - content moves with the menu open/close (was 2000 on original, moved 100px earler because of wide content area with user info
            - narrower menu, 220px

    < 1100  - "mobile" menu, menu always automatically closed, content moves to reveal the menu behind it... automatically closes
            - wide menu, 280px for mobile
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




@media (max-width: 1919px){         /* screens < 1920 */

    /* adjust post font size */
    /*
    .post-content{
        font-size:17px;
    }

    .post_body, .post_body p{
        font-size:17px;
    }

    .post_intro{
        font-size: 17px;
        max-width: 680px;
    }

    .page-content, .page-content p{
        font-size: 17px;
    }

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

    /* adjust post content width */

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

    /*
    .mass_action_manage .single_p.checked{
        max-width: 740px;
    }
    */

    .comment_row{
        max-width: 700px;
    }

    .reply_row{
        max-width: 700px;
    }

    /*
    ul.recents{
        max-width:700px;
    }
    */

    .post_body{
        max-width: 700px;
    }


    .content {
        width: 85%;
        /*min-width: 1300px;*/
        
    }


    .user-info {
        /*width: 23%;
        margin-right: 4%;
        */
        margin-left: 1%;
    }

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

    .comment .user-info{
         margin-left: 0;
    }

    div.content.comment_row div.row-fluid{

    }

    .mass_action_container.content div.row-fluid{
        margin-left: 26%;
    }

    .content.page_title_content.cat_title{
        width:1400px;
        border:dashed 1px blue;
    }

}

@media (max-width: 1800px){


    #wrapper {

    }

    .content {
        padding: 50px 0px;
        margin-left: auto;
        margin-right: auto;

        max-width: 1300px;
        width: 76%;
        /*min-width: 1200px;*/
        min-width: auto;
    }

    .user-info {
        width: 23%;
        margin-right: 2%;
        margin-left: 2%;
    }

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

    div.comment_container .content.comment_row{
        min-width: unset;
    }

    .discussion .content {
        max-width: 1300px;
        min-width: unset;
        justify-content: center;
    }

    .post-comment .content{
        min-width: unset;
    }


    div.replyed .content.reply_row{
        min-width: auto;
    }

    div.replyed.new_open_reply .content.reply_row {
        min-width: unset;
        width: 76%;
        max-width: 1300px;
    }

    .mass_action_container.content div.row-fluid{
        margin-left: 27%;
    }




    /* transfer to "compact" article view, no author on the left */

    h1.post-title {
        order: -1;
        font-size: 38px;
        margin-bottom: 10px;
    }

    h2.post-title{
        order: -1;
    }

    .short_post h2.post-title {
        margin-bottom: 5px;
    }

    .post-title .edit_post .material-icons-round {
        top: -6px;
    }

    article.post_container{
        justify-content: center;
        flex-wrap: wrap;
    }

    .user-info, .article_main{
        width: 50%;
        margin: 0 5%;
        min-width: 700px;
    }

    .user-info{
        align-items: center;
        margin-bottom: 5px;
    }

    .info_container{
        height: auto;
        min-height: auto;
    }

    .user-info .job_title{
        top: unset;
        order: 2;
        margin-right: 4px;
        width: auto;
    }

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

    div.row.comment .user-info .date{
        width: 100%;
    }

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

    .user-info .bull.narrow{
        display: inline;

    }

    .user-info .cats{
        margin-top: unset;
        line-height: 20px;
    }

    ul.recents .short_post .by-line, ul.archive-list .short_post .by-line {
        margin-bottom: 3px;
    }

    .by-line {
        margin-bottom: 20px;
        margin-top:5px;
    }

    .comment .user-info{
        margin: 0;
    }

    div.comment_container .content.comment_row{
        min-width: 1200px;
        justify-content: center;
    }

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

    .c_spacer{
        display: none;
    }



    .post-comment .content{
        justify-content: center;
        /*min-width: 1200px;*/
        padding: 20px 0;
    }

    .post-comment .new_comment_box{
        max-width: 700px;
    }


    div.replyed .content.reply_row {
        min-width: 1200px;
        justify-content: center;
    }

    .reply_spacer {
        margin-left: 90px;
    }

    div.replyed.new_open_reply .content.reply_row{
        min-width: 1200px;
        justify-content: center;
    }

    .recents_title{
        width: 700px;
        min-width: 700px;

    }



    .content.cat-content{
        justify-content: center;
    }

    .cat-desc{
        min-width: 700px;
    }

    .show_more_container{
        width: 700px;
    }

    .post-notice-container{
        width: 700px;
        margin: auto;
        max-width: 100%;
    }

    .content.page_title_content{
        justify-content: center;
        width: 80%;
    }

    .page_title_container{
        width: 700px;
    }

    .page_subtitle_content{
        /*width: 700px;*/
        justify-content: center;
        padding: 0;
    }

    .info_container.no_cats .date{
        width: 100%;
        margin-top: 3px;
    }

    div.post_list_item .mass-action-checkbox, .label_checkbox.mass-action-checkbox {
        padding-top: 10px;
    }

    h5.discussion-title {
        font-size: 32px;
    }

    .discussion .discussion_content {
        margin: 40px 0;
    }


}               /* 1800 */


@media (max-width: 1600px){


    #wrapper {
        padding-top: 0;
    }

    .content{
        padding-top: 30px;
    }

    .page_title_content{
        justify-content: start;
        min-width: 700px;
        width: 700px;
    }

    .action_line .page-title{
        text-align: left;
        width: 700px;
        min-width: 700px;
    }


    .mass_action_container.content div.row-fluid{
        margin: auto;
    }

    .member_profile > .narrow_content{
        width: 700px;
        min-width: 700px;
    }

    .c_block {
        width: 260px;
    }


    .avatar-menu-closed{
        width: 32px;
        height: 32px;
        max-height: 32px;
        max-width: 32px;
        min-width: 32px;
        min-height: 32px;
    }

    .todo-single{
        padding: 30px;
    }

    .todo-single img{
        max-width: 130px;
    }

    .pro_tip{
        margin-top: 40px;
        margin-bottom: 40px;
    }

    ul.recents > li{
        margin-bottom: 20px;
    }

    .post_intro {
        max-height: 430px;
    }

    .intro_iframe_container iframe{
        min-height: 325px;
    }
    /*
    .post_intro .fade_footer{
        top: 330px;
    }
    */


}       /* 1600 */




@media (max-width: 1366px) {			/* adjustments for lap top screen */

    /* input textboxes size reduction */
    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;
        height: 40px;
        padding: 5px;
        margin-right: 27px;
    }

    /*
        #search-form{
            padding: 28px 32px 28px 32px;
        }
      */
    input.search{
        /*border: 2px solid #cdcdcd; */
        height: 40px;
        padding: 0;
        padding-left: 40px;
        margin-right: 0;
    }


    .emojis-search input{
        border:none;
        height:auto;
        padding: 3px 22px 3px 26px;
        margin:0;
    }

    #profile-settings input[type=text], #profile-settings input[type=password], #profile-settings input[type=email], #profile-settings select {
        padding: 8px;
    }

    #profile-settings select {
        padding: 8px 28px 8px 8px;
    }

    .profile_bounced{
        top: 42px;
        right: 14px;
    }

    #settings input[type="text"]{
        padding: 8px;
        width: 100%;
        margin-right: 0;
    }

    #custom_domain_protocol{
        top: 3px;
        left: 4px;
    }

    .subdomain_url{
        padding: 8px 12px;
    }

    #settings .subdomain_input {
        max-width: 66%;
    }

    #settings input#custom_domain{
        width: 49%;
    }

    #settings select.square{
        width: 49%;
    }

    input.find_members{

        margin-right: 0;

        padding:8px;
        padding-left: 30px;
        border-width: 1px;
        max-width: 88%;     /* extra mall screens */

    }
    input.find_members.loading {
        background-image: url("../images/loading.gif");
    }

    /* --- */

    #profile-settings select{
        height:42px;
    }

    /* already set with max 1919
	.post_body{
		max-width: 700px;
	}
    div.content div.row-fluid{
        max-width: 700px;
    }
    */

    .header{        /* header */
        max-height: 100px;
        height:100px;
    }

    .body-at-top div#right-slide.search_panel{
        top: 102px;
    }

    .company_logo_header{
        max-height: 75px;
        max-width: 50%;
    }

    .at-top .site-title{
        /*margin-top: 30px;*/
        margin-top: 0;
        line-height: 100px;
        height: 100px;
        overflow: hidden;



    }
    .at-top .site-title a{
        font-size: 34px;
    }

    .at-top .column-right{
        margin: 28px 28px 0 0;
    }
    .column-right{
        margin-right:28px;
    }
    .at-top .column-left{
        margin: 28px 0 0 28px;
    }
    .column-left{
        margin-left:28px;
    }

    .menu-head{
        padding:28px 20px 70px 22px;

    }

    .action_line .btn.btn_small {
        right: 28px;
    }




    #site_header.at-top #search_right_form, .body-at-top #search_right_form{
        /*position: relative;*/
        padding: 28px 32px 28px 32px;
        /*background: red;
        border-bottom: 2px solid #303030;

        transition: padding .2s ease;
        */

    }

    .content{
        padding: 40px 50px;
        min-width: unset;
        max-width: unset;

        /*background-color: aqua;*/
        width: 90%;
    }

    .user-info span {
        font-size: 15px
    }

    h1.post-title {
        font-size: 36px;
        line-height: 1.15;
    }

    .user-info .user-avatar{
        margin-bottom:5px;
    }
    /*
    .by-line{
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    /*

    .by-line a.edit_my_post{
        background-position: 0px 1px;
    }

    .by-line a.edit_my_post:hover{
        background-position: 0px -22px;
    }


    /*
    .blogin-like, .blogin-dislike, .blogin-follow{
        padding: 1px 10px 1px 23px;
        line-height: 18px;
        font-size: 14px;
        top:0;
    }
    */
    .blogin-like{
        background-position: 8px 3px;
    }
    .no-touch .blogin-like:hover, .blogin-like.voted{
        background-position: 8px -29px;
    }
    .blogin-dislike{
        background-position: 8px 5px;
    }
    .no-touch .blogin-dislike:hover, .blogin-dislike.voted{
        background-position: 8px -27px;
    }
    .blogin-follow{
        background-position: 6px 3px;
        top:-1px;
    }
    .no-touch .blogin-follow:hover, .touch .blogin-follow.following, .no-touch .blogin-follow.following{
        background-position: 6px -29px;
    }
    .post_intro{
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 10px;
        max-width: 680px;
        max-height: 370px;
    }

    .intro_iframe_container{
        min-height: 300px;
    }

    .intro_iframe_container iframe{
        min-height: 300px;
    }
    .intro_iframe {
        min-height: 300px;
    }


    /*
    .post_intro .fade_footer{
        top: 290px;
    }
    */

    .post_intro p{
        font-size: 17px;
    }



    a.file_attachment{
        display: inline-block;
        line-height: 24px;
    }

    .btn, a.btn{
        padding: 8px 24px;
    }

    .btn_big, a.btn_big {
        padding: 10px 25px;
        font-size: 15px;
    }

    .btn-file{
        padding: 9px 0px;
    }
    .btn.btn_small, a.btn.btn_small{
        padding: 5px 15px;
    }

    .btn.has_icon, a.btn.has_icon{
        padding-left: 30px;

    }


    .btn.btn_xsmall, a.btn.btn_xsmall{
        padding: 2px 12px;
    }


    ul.recents li a.recent-post-title {
        font-size: 20px;
        line-height: 26px;
    }
    .post-date{
        margin-bottom: 0;
        margin-top: 0;
    }
    /*
	ul.recents > li{
		padding: 15px 0;
	}
	*/

    ul.recents .by-line, ul.archive-list .by-line{
        margin-bottom: 10px;
    }

    .post-content{
        font-size: 17px;
    }
    .post_body, .post_body p, #vote_poll_answers_container label {
        font-size: 17px;
    }

    .reply_link_div {
        margin-top: 15px;
        font-size: 14px;
    }

    .reply_link_div .fa{
        font-size: 12px;
    }

    .comment-list a.recent-post-title, span.deleted_member_name, span.recent-post-title {
        font-size: 20px;
        line-height: 26px;
    }

    .circle_spin{
        top:10px;
        right:10px;
    }

    .btn_big .circle_spin {
        width: 18px;
        height: 18px;
        top: 12px;
        right: 12px;
    }

    .reply_row {
        padding: 0;
        padding-left: 70px;
        /*max-width: 700px; already set with max 1919 */
    }
    .comment_row{
        padding: 0;
        /*max-width: 700px; already set with max 1919 */
        /*padding-right: 20px;*/
    }

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

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

    .comment-list > .comment_container {
        padding: 0;
    }

    ul.archive-list li a.recent-post-title {
        font-size: 20px;
        line-height: 28px;
    }

    div.content .post_intro .videodetector > div.vd_content{
        padding-bottom: 260px;
    }

    .intro_image, .intro_video {
        max-height: 250px;
    }

    input#public_url{
        font-size: 16px;
    }

    .promo_container{
        border-top: solid 1px #dddddd;
        position:relative;
        padding:20px 0px;
    }




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

    .post-title .edit_post .material-icons-round {
        font-size: 20px;
        top: -6px;
    }


    div.comment_container .content.comment_row {
        min-width: unset;
        max-width: unset;
    }

    .discussion .content {
        min-width: unset;
        max-width: unset;
    }

    .post-comment .content{
        max-width: unset;
        min-width: unset;
    }

    div.replyed .content.reply_row {
        min-width: unset;
        max-width: unset;
    }

    div.replyed.new_open_reply .content.reply_row{
        min-width: unset;
        max-width: unset;
    }

    .recents_title{
        padding: 0;
        max-width: 700px;
    }


    .welcome_note .caption {
        font-size: 22px;
        padding: 0 20px;
    }


    form#profile-settings{
        width: 700px;
        max-width: 100%;
    }

    a.clipboard_icon{
        padding: 7px;
    }

    #invite input[type="text"], #invite input[type="email"] {
        margin: 0;
        margin-top: 5px;
        width: 300px;
    }

    #invite select{

    }

    #custom_domain_protocol {
        height: 34px;
    }

    .todo-single{
        margin-left:10px;
        margin-right: 10px;
    }

    h5.discussion-title {
        font-size: 28px;
    }

    .discussion .discussion_content {
        margin: 30px 0;
    }


}	 /* media max 1366 */








@media (max-width: 1320px){

    .create-container{
        max-width: 100%;
        max-width: 1250px;
        /*background-color:#ff0000;*/

    }

    .solo_container{
        max-width: 800px;
    }
    .side{
        width: 225px;
        /*background-color: blue;*/

    }

    .todo-title{
        font-size: 16px;
        line-height: 18px;
    }
    .todo-single img {
        max-width: 120px;
    }

}







@media (max-width: 1266px){			/* TOOLS MENU ADJUSTMENT FOR NARROW SCREENS */


    /* Less than 1264px */
    #tools{
        /*display: none;*/
        border-top: 2px solid #CDCDCD;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        z-index: 1103;
        background: #fff;
        display:block;
        margin:0;
    }

    .lt-ie9 #tools,
    .lt-ie10 #tools {
        width: 100%;
    }

    #tools .typo {
        border: none;
        border-top: none;
        font-size: 20px;
        color: #E1E1E1;
        margin: 0 auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-align: center;
        width: 430px;
        display: block;
        float: none;
    }

    #tools #save-draft2,
    #tools #save-publish2{
        color: #878787;
        font-size: 12px;
        font-weight: 900;
        font-family: 'Lato', sans-serif;
        border-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-top: 0;
        padding: 3px 10px;
        float: none;
    }
    #tools #save-publish2{
        color: #25B393;
    }

    #tools .btn-holder{
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #878787;
    }


    #tools .word_minutes{
        display:none;

    }

    #tools .wide{

        display:none;
    }
    /*
	.user-info span{
		min-width: 250px;
	}
    */
    .side{
        display: none !important;

    }

    .create-container, .solo_container{
        max-width:800px;
        /*margin:auto;*/
        /*border:dashed 1px purple;*/
    }


    .narrow_col{
        width:60%;
    }

    .page-title{
        font-size: 28px;
    }





    .user-info, .article_main {     /* adjustment for T1 theme, decrease the width of the article becuse 'web behaviour' exteneded to 1100 and above, from previously 1200 and above */
        min-width: 650px;
    }

    div.content.comment_row div.row-fluid{
        max-width: 650px;
    }

    .discussion .discussion_content {
        min-width: 650px;
        margin: 50px 0;
    }

    .post-comment .new_comment_box {
        max-width: 650px;
    }

    div.content.reply_row div.row-fluid{
        max-width: 650px;
    }

    .reply_spacer {
        min-width: 50px;
    }

    .action_line .page-title{
        width: 650px;
        min-width: 650px;
    }


    .cat-desc {
        min-width: 650px;
        max-width: 650px;
    }

    .show_more_container{
        width: 650px;
    }


    .mass_action_container.content{
        padding-left:0;
        padding-right: 0;
    }

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

    .page-title{
        max-width: 650px;
    }
    .page-title.small_breadcrumb{
        max-width: none;
        min-width: auto;
    }

    .page-title.settings{
        max-width: none;
    }

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

    .member_profile > .narrow_content{
        width: 650px;
        min-width: auto;
    }

    .page_title_content {
        min-width: 650px;
        width: 650px;
    }

    .recents_title{
        min-width: 650px;
        width: 650px;
    }

    .dash_arrow img {
        top: -190px;
        left: -32px;
        width: 110px;
    }

    .post-notice-container {
        width: 650px;
    }

    .page_title_container{
        width: 650px;
    }

    .todo-single img {
        max-width: 105px;
    }

    .todo-single {
        padding: 20px;
    }

    .todo-title {
        font-size: 14px;
        line-height: 16px;
    }

    


}       /* 1266 */






/*
@media (max-width: 1340px) and (min-width: 768px){

    ul.team-members li{
        width: 100%;
    }

    ul.team-members li:nth-child(2n+2){
	margin-right: 0;
	margin-left: 0;
    }

    .narrow_col{
        width:60%;
    }

    .member-info{
        max-width: none;
    }
}
*/

@media (max-width: 1100px){

    .h_menu.left{
        left:20px;
    }

    .h_menu.right{
        right:20px;
    }

    .site-title{
        /*border:dotted 1px red;*/
        max-width: 550px;
    }
    /*
    .content {
        width: 90%;

    }
    */


    .reply_row{
        padding-left: 100px;
        padding-right: 25px;
    }


    #invite label{
        margin-right: 10px;
    }

    #invite input[type="text"], #invite input[type="email"] {
        width: 320px;
        max-width: 100%;
    }

    .btn-file{
        width: 316px;
    }

    #invite select, select{
        width: 320px;
        max-width:100%;
    }

    ul.departments{
        float: none;
        max-width: none;
    }

    .emojis-modal.popover.bottom, .emojis-modal.popover.top  {
        margin-top: 0;
        margin-bottom: 0;
        left: inherit !important;
        right: 0px;
    }

    .emojis-modal.popover div.arrow{
        display:none;
    }

    /*
    ul.post-settings li.scheduled_post{

        position:relative; /* to hold picker calendar inside on small screens

    }
    */

    .comment-list > .comment_container{
        padding: 0;
    }


    .new_open_reply .reply_spacer{
        margin-left: 0px;
        min-width: 40px;
        width: 18%;
    }

    .welcome_note .caption {
        font-size: 21px;
    }

    .sidebar_visibility{
        display: none;
    }


}           /* 1100 */



@media (max-width:968px){



    .column-right, .column-left{
        width: 100px;
    }

    .header .column-left #third_action{
        display:none;
    }

    #invite input[type="text"] {
        width: 50%;
    }

    /*
	#invite .send-invite .btn {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 11px;
	}
	*/

    #invite select, select{

        max-width:100%;
    }

    #invite label{

        display: inline-block;
        /*border:dashed 1px red;*/
        max-width: 100%;
    }

    .user-info span{
        max-width: 250px;
        /*min-width: 250px;*/
        /*background-color: pink;*/
    }

    .site-title{
        /*border:dotted 1px red;*/
        max-width: 450px;
    }

    .site-title a{
        font-size: 28px;
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:80%;
    }

    .edit_company_name{
        display:none;
    }

    .read_time_list{
        display:none;
    }

    ul.recents .by-line .blck{
        display:inline;
    }

    .post_intro{
        font-size: 17px;
        max-height: 320px;
    }

    .post_intro p{
        font-size: 17px;
    }

    h1.post-title {
        font-size: 34px;
    }

    .post-content{
        font-size: 18px;
    }
    .post_body, .post_body p, #vote_poll_answers_container label {
        font-size: 18px;

    }

    .reply_link_div {
        margin-top: 15px;
        font-size: 14px;
    }

    .reply_link_div .fa{
        font-size: 12px;
    }

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


    .emojis-modal.popover.right{        /* popover in ckeditor emoji plugin */
        margin:0;
        right:0;
        left:inherit !important;

    }



    .h_menu.left {
        left: 15px;
    }

    .h_menu.right {
        right: 15px;
    }

    .h_menu {
        top: 15px;
    }
    /* downgrade avatars from small to xsmall */
    /*
    .h_menu.left .img-avatar-small, article.post_container .img-avatar-small{
        width: 30px;
        height: 30px;
        max-height: 30px;
        max-width: 30px;
        min-width: 30px;
        min-height: 30px;
    }
    */

    /*
    .user-info .img-avatar-small{
        margin-top: 6px;
    }
    */

    ul.user-list.commenters li .img-circle {
        border: solid 3px #ffffff;
    }

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

    .post-title .edit_post .material-icons-round {
        font-size: 19px;
        top: -6px;
    }

    .h_icon#my_profile {
        display: none;
    }

    .add_edit_post .h_icon #third_action{
        display: none;
    }

    .todo-single{
        margin-left:25px;
        margin-right: 25px;
        padding: 35px 45px;
    }

    .todo-single img {
        max-width: 130px;
    }

    .todo-title{
        font-size: 16px;
    }

    .intro_iframe_container{
        min-height: 275px;
    }

    .intro_iframe_container iframe {
        min-height: 275px;
    }
    .intro_iframe {
        min-height: 275px;
    }

    .member-title{
        font-size: 12px;
    }

}           /* 968*/

@media (max-width: 860px){

    .content, #users_and_teams .content{
        /*padding: 40px 25px;*/
        padding: 30px 0;
        width: 80%;
    }

    .content.post-content{
        /*padding-bottom: 40px;*/
        padding-bottom: 0;
    }

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



/*
    ul.departments {
        clear: left;
        padding-top: 10px;
        text-align: left;
    }
*/
    .member-info{
        width: auto;
    }

    /*
        .sp10{
            float:left;
            width:12%;
        }

        .sp90{
            float:left;
            width:88%;
        }
        */

    .comment_row{
        padding: 0 25px;
    }

    .reply_row{
        padding: 0;
        padding-left: 100px;
        padding-right: 25px;
    }

    .action_approve .msg{
        margin-left:0;
    }

    .new_open_reply .reply_row {
        padding-left: 160px;
        max-width: 640px;
    }

    ul.team-invites li a.username{
        font-size: 16px;
    }

    a.emojis-btn {
        display:none;
    }

    a.comment_img_btn{
        right:6px;
    }

    .hide_on_tablet{
        display: none;
    }

    .tab-content > .tab-pane > div.stats_posts_container{
        /*padding: 0px 15px;*/
        padding-bottom: 30px;
        overflow: auto;

    }

    .tab-content > .tab-pane > div.stats_posts_container .notice{
        padding: 40px 15px;
    }

    .pre-footer{
        padding-top: 30px;
    }

    #recent_posts .caption {
        margin-top: 20px;
        margin-bottom: 0;
    }

    div.edit_post_title{
        font-size: 26px;
        margin-left: 15px;
    }

    .user-info{
        max-width: 100%;
        min-width: unset;
    }
    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid{
        max-width: 98%;
        min-width: 98%;
        /*margin-bottom: 0;*/
    }

    .article_main{
        /*margin-bottom: 30px;*/
        margin-bottom: 3%;
    }

    .short_post .user-info{
        margin-bottom: 0;
    }

    .discussion .discussion_content {
        max-width: 95%;
        min-width: 95%;
        margin: 50px 0;
    }



    h5.discussion-title {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .post-comment .new_comment_box{
        max-width: 95%;
        min-width: 95%;
    }

    div.content.reply_row div.row-fluid {
        max-width: 95%;
        min-width: 95%;
    }

    .reply_spacer {
        margin-left: 70px;
    }

    div.replyed.new_open_reply .content.reply_row{
        width: 80%;
    }

    .new_open_reply .reply_spacer{
        min-width: 20px;
        width: 8%;
    }

    .new_open_reply div.content.reply_row div.row-fluid{
        max-width: 85%;
        min-width: 85%;
    }

    .action_line .page-title{
        min-width: 95%;
        max-width: 95%;
    }

    .cat-desc {
        min-width: 95%;
        max-width: 95%;
    }

    .show_more_container{
        min-width: 95%;
        max-width: 95%;
    }

    .mass_action_container.content div.row-fluid{
        width: 95%;
        max-width: 95%;
    }

    .page-title{
        min-width: 95%;
        max-width: 95%;
    }

    .page_title_container{
        min-width: 95%;
        max-width: 95%;
    }

    .d_content, .content.d_content{
        width: 80%;
    }

    .member_profile > .narrow_content {
        width: 80%
    }


    .create-container, .solo_container{
        max-width: 100%;
    }

    .create-container .main-content{
        max-width: 100%;
    }

    .main-content .form-section.editor_container{
        border-radius: unset;
    }

    .form-section.last{
        border-left:none;
        border-right: none;
    }

    .form-section label, .form-section div.lbl{
        margin-left: 20px;
    }

    .form-section label.tgl_container{
        margin-left: 20px;
    }

    ul.categories, ul.teams{
        margin-left: 15px;
    }

    .form-section.contains_ul label, .form-section.contains_ul div.lbl {
        margin-right: 0;
        margin-left: 20px;
    }

    label.bottom_section .material-icons-round {
        right: 20px;
        top: 20px;
    }

    #tags_div .select2-container-multi ul.select2-choices{
        margin-left: 15px;
    }

    .form-section.action_btns{
        margin-left: 20px;
    }


    .beta_test {
        left: 105px;
    }

    #post_settings, #share_options, #revision_history, #poll_settings{
        margin-left: 20px;
    }

    .post_options_container .toggler {
        right: 15px;
    }

    .post_options_info {
        margin-right: 40px;
    }

    .post_options_container{
        margin-top: 0;
    }

    .page_title_content{
        min-width: auto;
    }

    .recents_title{
        min-width: auto;
        margin-top: 30px;
    }

    .recents_title h5{
        font-size: 16px;
        padding: 0 10px;
        margin-left: 2%;
    }

    .member_profile h5.subtitle {
        font-size: 16px;
        padding: 0 10px;
    }

    .avatar_container{
        margin-left: 3%;
        margin-right: 3%;
    }

    #invite input[type="text"], #invite input[type="email"] {
        width: 300px;
        max-width: 100%;
    }

    #invite select {
        width: 300px;
        max-width: 100%;
    }

    div.invitation label{
        width: 45%;

    }

    div.invitation label.rem_inv{
        width: auto;
    }

    .content.narrow, .page-title.small_breadcrumb {
        width: 80%;
    }



    /* horizontally scrollable tabs - with .compact class start 'mobile scrollable view' earlier - used when there are many (more than 3) tabs, currently on my-posts when approval of posts is turned on */
    ul.nav-tabs.compact{
        overflow-x: scroll;
        flex-wrap: nowrap;
        overflow-y: hidden;

        justify-content: left !important;
    }

    ul.nav-tabs.compact > li > a.nav-link{
        padding: 5px 15px;
        margin-bottom: 10px;
        border-radius: 100px;
    }

    ul.nav-tabs.compact > li > a.nav-link.active{
        background-color: #F2F2F2;
        border: none;
    }


    .daterangepicker.ltr{
        width: 730px;
        left: calc(50% - 365px) !important;
    }

    .daterangepicker.opensright.ltr:after {
        left: 49%;
    }

    .daterangepicker.opensright.ltr:before {
        left: calc(49% - 1px);
    }

    .daterangepicker .d_flex table {
        border-spacing: 4px;
    }

    ul li label.single_p {
        padding: 0;
    }

    .welcome_msg{
        font-size: 16px;
        margin-left: 3%;
        margin-right: 3%;
    }

    ul.nav-tabs > li > a {
        font-size: 17px;
        padding: 12px 30px;
    }

    .intro_iframe_container{
        min-height: 200px;
    }

    .intro_iframe_container iframe {
        min-height: 250px;
    }
    .intro_iframe {
        min-height: 250px;
    }


    .current_plan .surcharge{
        padding-left: 0;
    }

    /*
    .member-title{
        white-space: normal;
    }
        */

}               /* 860 */






@media (max-width: 800px){

    #settings #general_form .block:nth-child(even) .title {
        margin-left: 3%;
    }

    .post_intro{
        max-height: 360px;
        /*border:solid 2px red;*/
    }

}




@media (max-width: 768px){          /* standard tablet/ipad resolution and lower */

    .content{
        padding-top: 17px;
    }

    #invite label.rem_inv{
        position: absolute;
        /*right: -20px;*/
        top: calc(50% - 3px);
    }
    .action_line .btn.btn_small {
        width: 42px;
        padding: 0;
        line-height: 42px;
        height: 42px;
        font-size: 18px;
    }

    .action_line .btn.btn_small span{
        display: none;
    }

    ul.popover_menu li a {
        padding: 8px 20px;
    }


    /* adjustments for checbox and selected background size form mass action select */
    .mass_action_manage .archive-list .content.nopad{
        padding: 0 10px;
    }

    .mass_action_manage .archive-list .content.nopad .single_p{
        padding: 0 15px;
    }

    .mass_action_manage div.content div.post_list_item .sp90 {
        margin-left: 40px;
    }


    /* force table width on small screens */
    .post_body table, .post_intro table, .recent_post_intro table{
        width:100% !important;
    }



    .h_icon{
        margin-bottom: 0;
        height: 45px;
    }


    /* hide add post and my profile icons - only on edit post page for now */
    body.add_edit_post .h_icon#my_profile, body.add_edit_post .h_icon#add_post{
        display: none;
    }

    /* darken a bit the header menu icons */
    .h_icon svg{
        fill: #999;
    }
    .h_icon .add_post{
        color: #999;
    }

    .post_thumb{
        width: 150px;
        height: 110px;
    }

    h5.discussion-title {
        font-size: 28px;
        margin-bottom: 0px;
    }

    .reply_row .sp100{
        max-width: 98%;
    }

    .welcome_note .caption {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .onboarding_block_container .cta{
        font-size: 22px;
    }

    .recents_title h5{
        margin-left: 1%;
    }


    #integrations_block .block_desc{
        flex-wrap: wrap;
    }

    .app_action{
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    ul.nav-tabs > li > a {
        font-size: 17px;
        padding: 10px 25px;
    }

    

}           /* max-width: 768 */



@media (max-width: 767px){      /* below ipad standard resolution, important 767, recent articles display break if 768  */



    .row-fluid [class*="span8"] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .replyed .row-fluid [class*="span7"] {
        padding-left: 80px;
        padding-right: 40px;
    }

    ul.team-invites li{
        width: 100%;
        /*margin-left: 0;*/
    }
    /*
    ul.team-invites li:nth-child(2n+2){
	    margin-right: 0;
	    margin-left: 0;
    }
*/


    ul.recents .span2,
    .comment-list .span2,
    ul.archive-list .span2 {
        width: 15%;
        margin-right: 15px;
        min-width:66px;
    }

    ul.recents .span10,
    .comment-list .span10,
    ul.archive-list .span10 {
        width: 80%;

    }

    .user-info span{
        max-width: 210px;
        /*min-width: 210px;*/
        /*background-color: pink;*/
    }

    .site-title{
        /*border:dotted 1px green;*/
        max-width: 400px;
    }

    .h_icon.menu_plan_expired .material-icons-round{
        display: none;
    }

    /* add new post - narrow screen */
    ul.post-settings li{
        display: block;
        margin: 20px 0px;
    }

    ul.post-settings li.scheduled_post{
        float:none;
        display:block;
        background:none;
        padding-left: 0;
        position:relative; /* to hold picker calendar inside on small screens */
        margin-left: -6px;
        margin-bottom: 10px;

    }

    .form-section label{
        /*display: block;*/
        display: inline-block;
    }

    .form-section#notify_users_container label{
        display: inline-block;
    }

    .form-section.approved label{
        display: inline-block;
    }

    ul.categories li {
        margin: 5px;
        margin-left: 0px;
    }

    .edit_comment_area .btn{

        padding:10px 20px;  /* smaller horizontal padding */


    }

    /*
        .comment_row{
            padding-left:30px;
        }
    */

    div.edit_comment_area{
        width: auto;

    }

    .new_open_reply .reply_row{

        padding-left: 135px;
        padding-right: 50px;
    }


    /*
    span.cke_button_label.cke_button__source_label{     /* source button caption on ckeditor on ipad, to stay on one line
        display:none;
    }
   */

    /*
    .sp10{
        float:left;
        width:14%;
    }
    */
    /*
    .sp90{
        float:left;
        width:86%;
    }
    */






    /* invite slack users */
    table.workspace_users div.invite_new_user select{
        max-width: 85%;

    }

    table.workspace_users div.invite_new_user label{
        float:right;
        padding: 5px;

    }

    table.workspace_users thead .select_all{
        margin-right: 5px;
    }

    .tab-content > .tab-pane > div.stats_posts_container{

        padding-bottom: 30px;

    }

    .tab-content > .tab-pane > div.stats_posts_container .notice{
        padding: 40px 25px;
    }

    .export_container{
        text-align: center;
        margin-top: 0;

    }


    .form-section.last{
        border-left: none;
        border-right: none;
    }

    .form-section.middle{
        border-left: none;
        border-right: none;
    }


    .d-md-none{
        display:none;
    }

    .expansion-panel .icons_container{
        flex-basis: 45px;
    }

    .expansion-panel-details{
        /*margin-left: 40px;*/
        margin-right: 30px;
    }

    ul li .limit_line{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom;
        max-width: 100%;

    }

    
    /*
    .post_intro .fade_footer{
        top: 320px;
    }
    */


    .notify_info{
        display:none;
    }



    /* hide add post and my profile icons */
    .h_icon#my_profile, .h_icon#add_post{
        display: none;
    }

    .h_icon svg {
        fill: #333;
    }

    .form-section .scheduled_post label, #post_slug_block label{
        display: block;
    }


    #settings #general_form .block{

        width: 75%;
        text-align: left;
    }

    #settings #general_form .block:nth-child(even) {
        text-align: left;
    }

    #settings #general_form .block:nth-child(even) .title {
        margin-left: 0;
    }

    #general_form{
        text-align: center;
    }

    .cl_container {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }


    #settings input.subdomain_input{
        width: calc(100% - 96px);
        max-width: 100%;
    }

    #settings .pro_tip{
        width: 100%;
    }

    #settings #general_form .block.custom_dom{
        width: 75%;
    }

    #settings input#custom_domain {
        width: 100%;
    }

    form.filter-invitations {
        position: relative;
        left: 0;
        right: auto;
        text-align: left;
        margin-bottom: 30px;
    }

    .daterangepicker.ltr{
        width: auto;
        left: 2% !important;
        right: 2% !important;
    }

    .daterangepicker .d_flex {
        padding: 10px;
    }

    #settings select.square{
        width: 100%;
    }

    .intro_iframe_container{
       height: auto !important;
    }

    .intro_iframe_container iframe {
       height: auto !important;
    }
    .intro_iframe {
        height: auto !important;
    }

    table.workspace_users tr td div.invite_new_user select.small{
        max-width: 170px;
     }

     table.workspace_users tr td div.user_invited{
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
     }

     table.workspace_users tr td.email{
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
     }

     .user_details{
        max-width: 75%;
     }

     .no_cats .user_details{
        max-width: 100%;
    }

    /*
    .user-info span.name{
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: yellow;
    }
    */
    

}       /* @media (max-width: 767px){ */





@media (max-width: 700px){

    .site-title {
        width: 300px;
    }

    .site-title a, .site-title {
        font-size: 28px;
    }

    h2, h1.post-title {
        font-size: 28px;
        line-height: 1.35em;
    }

    p {
        font-size: 18px;
    }

    .user-info span{
        max-width: 180px;
        /*min-width: 180px;*/
    }

    .at-top .site-title a, .site-title a {
        font-size: 24px;
        /*border: dashed 2px orange;*/
    }
    /*
    .content {
        padding: 44px 20px;
        width:90%;
    }
    */
    .nopad{
        padding-top:0;
        padding-bottom: 0;
    }

    .post_body > iframe, .post_body > p > iframe{
        /*width:700px;*/
    }
    .latest_posts{
        padding: 0;
        padding-top: 10px;
        padding-left: 20px;
    }

    .reply_row {
        padding: 0;
        padding-left: 13%;
        padding-right: 5%;
        /*width: 85%;*/
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:85%;
    }


    .del_page{
        top:3px;
    }

    .post-date {

        margin-bottom: 2px;
        margin-top: 2px;

    }

    #profile-settings input[type=text], #profile-settings input[type=password], #profile-settings input[type=email], #profile-settings select{
        width: 90%;

        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #profile-settings .block_content input[type=password]{
        width: 100%;
    }

    .title {
        /*width: 95%;*/
        margin-left: auto;
        margin-right: auto;
    }

    #profile-settings .title, #profile-settings div.txt_block, #profile-settings div.txt_subblock, #profile-settings div.block_desc.small_desc{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #profile-settings .block_content .title{
        width: auto;
    }




    /*
    .edit_comment_area .btn{
        width: 100%;
        margin-bottom: 10px;
        float:none;
    }
    */

    /* just hide delete button for now */
    .edit_comment_area #delete_comment_btn{
        display: none;
    }

    .edit_comment_area a.btn{

        width: auto;
        /*display: block;*/
        margin-right: 0;

    }

    .billing_buttons_form .btn{
        width:100%;
        /*word-wrap: break-word;
        word-break: break-all;
        */
        word-wrap: break-word;
        overflow-wrap: break-word;
        padding: 10px 20px;         /* lower horiz padding */

        margin: 0px auto;
        margin-bottom: 15px;

    }

    /*
    .comment_row{
        padding: 0;
        padding-right: 10px;
    }
    */

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



    .new_open_reply .reply_row {
        padding-left: 100px;
        padding-right: 30px;
        width: auto;
    }


    /* PUSH NOTIFICATIONS */
    .push-notifications-wrapper {
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 999;
        width: 100%;

    }

    .push-notifications-wrapper .ns-growl {
        width: auto;
        max-width: 100%;
    }

    .push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_txt {
        float:none;
        max-width:none;

    }

    .push-notifications-wrapper .ns-effect-scale a.pmsg {
        box-shadow: none;
        border-radius: 0;
    }

    .push-notifications-wrapper .ns-effect-scale{
        margin-top: 0;
    }
    .push-notifications-wrapper .ns-effect-scale .ns-close {
        right: 2px;
        top: 5px;
        width: 26px;
        height: 26px;
    }

    /* not needed, with added markdown
    span.cke_button_label.cke_button__source_label{     /* reset source button caption on editor on ipad, to stay on one line
        display:inline;
    }
    */

    .half {
        width: 100%;
        margin: 0;
    }

    .profile_bounced{
        right: 3%;
    }

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

    .post_thumb{
        width:140px;
    }



    .company_logo_header{
        max-height: 65px;
    }


    .dash_arrow img {
        top: -175px;
        left: -35px;
        width: 90px;
    }
    /*
    .dash_arrow{
        display:none;
    }

    .subnotice.first {
        display:none;
    }
    */




    button#form_submit_button.btn, button#save_draft_button{
        margin:0;
    }


    .btn, a.btn{
        margin-top:10px;
        margin-bottom: 10px;
    }

    #post_poll .btn{
        margin: 0;
    }

    .inv_actions .btn, .inv_actions a.btn{
        margin: 0;
    }

    a.invite_new_btn{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .modal-footer .btn + .btn{          /* override default bootstrap for modal buttons */
        margin-bottom: 10px;
    }
    /*
        div.post_status{
            text-align: center;
            margin-top: 20px;
            float:none;
        }
    */
    span.post_options_info{
        display:none;
    }

    .ckeditor_subnote{
        display:none !important;
    }



    /* native video in post intro*/
    div.content .post_intro div.videodetector.native_video, div.content .post_intro div.videodetector.native_video.align-right, div.content .post_intro div.videodetector.native_video.align-left{
        margin: 10px 0px;
        /*float: none;*/
        display: block;
        /*width: 100%;*/
        clear: both;
        max-height: 220px;
    }

    div.content .post_intro div.videodetector.native_video video, div.content .post_intro div.videodetector.native_video.align-right video, div.content .post_intro div.videodetector.native_video.align-left video{
        max-width: 100%;
    }


    /* native video in post body*/
    div.content .post_body div.videodetector.native_video, div.content .post_body div.videodetector.native_video.align-right, div.content .post_body div.videodetector.native_video.align-left{
        margin: 10px 0px;
        float: none;
        display: block;
        width: 100%;
        clear: both;
        /*border:dashed 1px red;*/
    }

    div.content .post_body div.videodetector.native_video video, div.content .post_body div.videodetector.native_video.align-right video, div.content .post_body div.videodetector.native_video.align-left video{
        max-width: 100%;
    }


    /* native video styling in post listing */
    div.content .post_list_item div.videodetector.native_video{
        width:140px;
    }


    .page-title{
        font-size: 24px;
        letter-spacing: normal;

    }

    .cat-content .page-title{
        padding-left: 10px;
    }

    .mass_action .caption{
        display: block;
        margin-top: 15px;
    }

    .content {
        width: 85%;
    }

    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid{
        max-width: 95%;
        min-width: 95%;
    }


    .short_post .post-title a {
        font-size: 22px;
    }


    .post-title .edit_post {
        width: 30px;
        height: 30px;
        margin-left: 10px;

    }








    .post-title .edit_post .material-icons-round {
        font-size: 18px;
        top: -5px;
    }


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

    .short_post .post-title .edit_post .material-icons-round {
        font-size: 16px;
        top: 3px;
    }


    .post_thumb{
        width: 140px;
        height: 95px;
    }

    .content{
        padding: 15px 0;
    }


    div.replyed.new_open_reply .content.reply_row, #users_and_teams .content{
        width: 85%;
    }

    .page-title .material-icons-round.caret {
        font-size: 14px;
    }


    .d_content, .content.d_content{
        width: 85%;
    }

    .page-content .single-page-title {
        font-size: 28px;
    }



    .form-search > input{
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: 300px;
    }

    .member_name {
        font-size: 26px;
    }

    .revert_container{
        float: none;
    }

    .revert_container .big_dot{
        display:inline-block;
    }


    .page_title_content{
        justify-content: center;
    }

    .recents_title h5 {
        font-size: 15px;
        margin-left: 2%;
    }

    .block_desc{
        /*width: 95%;*/
        margin-left: auto;
        margin-right: auto;
    }





    #settings #general_form .block .title {
        width: auto;
    }

    #category .add-category-btn .btn.input_inline{
        margin: 0;
    }

    ul.nav-tabs > li > a {
        font-size: 16px;
        padding: 10px 20px;
    }

    .page_desc {
        font-size: 15px;
    }


    .post-notice .btn{
        margin-top: 0;
        margin-bottom: 0;
    }

    .daterangepicker.ltr {
        width: auto;
        left: 0% !important;
        right: 0% !important;
    }


    input.find_members {
        max-width: 80%;
    }

    #category .add-category-btn {
        float: none;
    }

    #category .add-category-btn .btn.input_inline{
        top: 0;
        margin-bottom: 0;
        margin-top: 10px;
    }

    #category input[type="text"] {
        width: 100%;
    }


    .block_content{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        margin-top: 20px;
    }

    .block_content#notifications_block{

    }

    .block_content ul.teams{
        margin-left: 0;
    }


    .expansion-panel-actions a.btn{
        margin-top: 0;
    }

    .cm_subtitle {
        float: none;
        margin-top: 5px;
    }


    table.workspace_users tr td.email{
        max-width: 200px;
    }

    table.workspace_users tr td div.invite_new_user select.small{
        max-width: 160px;
    }
    
    table.workspace_users tr td div.user_invited{
        max-width: 160px;
    }

    .user_details{
        max-width: 70%;
    }

    .no_cats .user_details{
        max-width: 100%;
    }

    .reply_row .comment_info {
        max-width: 85%;
    }
}   /* @media (max-width: 700px) */



@media (max-width: 600px){


    /*
    div.user-info{
        margin-bottom: -40px;
        margin-top: 20px;
    }

    .user-info span {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        max-width: none;

    }

    .user-info span.name, .user-info span.date{
        text-align: center;
    }

    .user-info span.date   {
        top: -30px;
        position: relative;
    }

    .user-info span.name   {
        top: -25px;
        position: relative;
    }

    .user-info .user-avatar {
        position: relative;
        top: -30px;
    }

    .user-info .user-avatar .img-avatar{
        min-width: 50px;
        max-width: 50px;
        min-height: 50px;
        max-height: 50px;
    }
    */

    ul.recents .span2,
    .comment-list .span2,
    ul.archive-list .span2 {
        width: 20%;
        margin-right: 3%;
        min-width:50px;
    }

    .img-avatar-medium{
        width:40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        min-width: 40px;
        min-height: 40px;
        /*background:no-repeat scroll 0 0 transparent;
        background-size: cover;*/
    }

    ul.recents .span10,
    .comment-list .span10,
    ul.archive-list .span10 {
        width: 77%;
        /*border:dashed 1px blue;*/

    }

    .post_body, .post_body p{
        /*text-align: left;    */  /* align left on small screens, easier to read, avoid large blanks */
        font-size: 18px;
        line-height: 28px;
    }

    ul.recents li a.recent-post-title{
        font-size: 20px;
        line-height: 26px;
    }


    .unveiled-navigation{
        height:50px;        /* default height when not on top */
    }

    .at-top{
        height: 75px;
    }


    .site-title {
        /*background-color: orange;*/
        border:none;
        /*margin-top: 60px;*/
        /*max-width: 60%;*/
        line-height: 50px;
    }


    .at-top .column-left {
        margin: 0;
        position: absolute;
        top: 18px;
        margin-left: 10px;
    }

    .column-left{
        margin-left: 10px;
        width: 50px;
        margin-top: 5px;
        height: auto;
    }

    .at-top .column-right {
        margin: 0;
        position: absolute;
        top: 18px;
        margin-right: 10px;
        right:0;
    }

    .at-top .site-title{
        line-height: 75px;
        height: 75px;
    }

    .at-top .site-title a, .site-title a{
        /*font-size: 20px;*/
    }

    .column-right{
        margin-right: 10px;
        width: 50px;
        margin-top: 5px;
        height: auto;
    }

    #search_right_form {
        padding: 5px 0px;
    }

    .body-at-top #search_right_form {
        padding: 17px 0px;
        padding-top: 18px;
    }

    #search_right{
        width: 100%;
        border: none;
        /*background-color: #333;*/
        border-radius: 0;
        box-sizing: border-box;
        padding: 20px;
    }

    .close-search{
        left:232px;
        top: -37px;
    }


    .menu_svg, .search_icon{
        border:0;
    }


    .menu-head {
        padding-right: 20px;
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:90%;
    }

    #trash{

        margin-right: 10px;

    }


    .header{
        height: 75px;
    }

    .company_logo_header{
        max-height: 55px;

    }

    /* team page mobile view */

    .team_content{
        max-width:860px;
        padding: 40px 0px;
        width: auto;
    }

    .team_content .page_desc{
        padding: 0 20px;
    }

    a.invite_new_btn{
        position:relative;
        top: inherit;
        right: inherit;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    ul.nav-tabs > li > a{
        font-size: 16px;
        padding: 12px 15px;
    }

    .nav > li.tab_new_label > a{
        padding-right: 61px;
    }

    .nav > li.tab_new_label > .new_feature.v3{
        left: -60px;
    }

    ul.nav-tabs > li:first-child{
        margin-left: 10px;
    }

    .tab-content{
        border-left:none;
        border-right:none;
    }


    ul.team-invites{
        margin-top: 30px;
    }

    div.content .post_intro .videodetector > div.vd_content{
        padding-bottom: 230px;
    }

    .intro_image, .intro_video{
        max-height: 220px;  /* limit preview image height */
    }

    .post_thumb{
        width: 120px;
        height: 80px;
    }

    .post_status{
        margin-top: 10px;
        float:none;
    }

    .member_desc span{
        display: block;
        margin-bottom: 10px;
    }

    .member_desc span.bull:before{
        content: '';
    }

    div.content .post_list_item div.videodetector.native_video{
        display:none;
    }

    /*
        li.new_open_reply .reply_row{
            padding-left: 100px;
            padding-right: 30px;
        }
    */


    /* responsive_tabl - rows to columns */


    table.responsive_table thead {
        display: none;
    }

    table.responsive_table tr {
        display: block;
    }

    table.responsive_table td {
        display: block;
    }

    table.responsive_table td:before {
        content: attr(data-label);
        font-weight: bold;
        display: inline-block;
    }

    table.responsive_table tr.caption {
        display:none;
    }

    table.responsive_table tr{ position: relative; }

    /* responsive tables */





    div#integration-popup  table {
        border: 0;
        margin-top: 25px;
    }



    div#integration-popup  table tr {
        margin-bottom: 20px;
        border-bottom: 2px solid #ddd;
    }


    div#integration-popup table td {
        /*text-align: right;*/
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    div#integration-popup table td:before {
        text-transform: uppercase;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    div#integration-popup table td:last-child {
        border-bottom: 0;
    }

    div#integration-popup table a.delete-webhook,
    .table-api-access a.revoke-token {
        position: absolute;
        top: 0px;
        right: 5px;
        font-size: 18px;
    }

    div#integration-popup table tr td.events {
        border:none;
    }

    div#integration-popup table tr td.remove {
        height:1px;
    }

    .table-api-access table tr td.remove {
        height:1px;
    }

    div#integration-popup .delete-integration{
        font-size: 18px;
    }


    .white-popup-block{
        margin-top: 40px;
    }
    .mfp-fade .mfp-close{
        margin-top: 10px;
        margin-right: 10px;
        z-index: 2000;

    }

    .mfp-close:after {
        display: none;
    }

    .mfp-container{
        padding: 0 !important;
    }

    #settings.sso .tab-content > .tab-pane div.main_content{
        padding: 40px;
        width: auto;
    }

    /* prevent scroll outside of modal */
    /* - not needed any more, used magnific popup config option fixedContentPos: true, for this
    .mfp-wrap{
        top:0 !important;
        position: fixed !important;
        overflow: scroll;
    }
    */

    div#integration-popup .fields label{
        white-space: normal;
    }

    div#integration-popup .multiselect-container label{
        white-space: nowrap;
    }

    span.multiselect-native-select{
        display:block;
    }

    div#integration-popup button.multiselect{
        padding: 8px 10px;
        padding-right: 20px;
        border: solid 1px #ccc;
        border-radius: 4px;
        top:5px;
    }



    /* invite slack users modal popup */

    .invite_users_popup .team_block .team_toggle{
        font-size:28px;
        top:10px;
    }

    .invite_users_popup .act_title{
        display:none;
    }

    select.small{
        font-size: 16px;
        height: 36px;
    }

    .invite_users_popup .workspace select.small, table.workspace_users tr td div.invite_new_user select.small{
        max-width:85%;
    }

    table.responsive_table tbody{
        width:100%;
        max-width:100%;
        display: block;
    }

    table.workspace_users {
        /*display: flex;*/
        display:block;
        font-size: 16px;
    }

    table.workspace_users thead{
        display:block;
    }

    table.workspace_users thead tr{
        padding-bottom: 0px;
    }

    table.workspace_users thead tr th{
        display: none;
    }

    table.workspace_users thead tr th:last-child{
        display:block;
        text-align: right;
    }

    table.workspace_users thead .select_all{
        float:none;
        display: inline-block;
        margin-bottom: 5px;
    }

    table.workspace_users thead tr th .role_caption{
        display: none;
    }

    table.workspace_users tr td div.invite_new_user{
        max-width:100%;
    }



    table.workspace_users tr td div.invite_new_user label{
        padding: 5px 8px;
        margin-left: 5px;
    }

    table.workspace_users div.invite_new_user select{
        max-width: 85%;

    }

    table.workspace_users tr{
        border-bottom: solid 2px #ccc;
        padding-bottom: 15px;
        padding-top: 10px;

    }

    /*
    table.workspace_users tr:first-child{
        border-top: solid 2px #ccc;
    }
    */

    table.workspace_users tr td div.joined{
        margin-left: 0;
    }

    table.workspace_users tr td{
        padding: 4px 0px;
        display: flex;
        border: none;
    }

    .intro_iframe_container iframe{
        max-width: 100%;
    }




    button#form_submit_button.btn, button#save_draft_button{
        width:100%;
        max-width: 100%;
        padding:12px 24px;
        margin: 10px auto;
    }

/*  WHERE IS THIS NEEDED? Does not fit well on my profile page
    .circle_spin {
        top: 13px;
        right: 13px;
    }
    */

    div.post_status{
        text-align: center;
        margin-top: 20px;
        float:none;
    }

    #draft_action{
        display: block;
        text-align: center;
    }

    .statscalendar{
        float: none;
        position:relative;
        margin: 0 15px;
    }

    .activity_log .statscalendar{
        margin: auto;
    }

    .expansion-panel-details{
        /*margin-left: 0px;*/
        margin-right: 0px;
        padding: 0;
    }

    #settings{
        /*max-width: 360px;*/
        padding-left: 0;
        padding-right: 0;
        /* white-space: nowrap;*/

    }

    #settings .tab-content > .tab-pane  div.main_content{
        /*background-color: yellow;*/
        padding:50px 0;
    }

    #settings .tab-content > .tab-pane#tab-authentication div.main_content{
        /*background-color: red;*/
        width:auto;
        padding: 50px;
    }

    #settings .block{
        width: 400px;
        /*background-color: green;*/
    }

    .post_body iframe {
        min-height: 150px;      /* prevent vertical (bottom) overflow for YT videos fetched or embedded via URL */
    }

    .form-section .approved_info{
        float: none;
        margin-top: 0;
        margin-left: 15px;
    }

    #settings .dataTable {
        padding: 0 15px;
    }

    #settings .dataTable .revoke-access-key {
        right: 10px;
    }

    .action_line .btn.btn_small {
        width: 34px;
        line-height: 34px;
        height: 34px;
        font-size: 16px;
        right: 12px;
    }

    h2 .breadcr{
        display: inline;
        white-space: normal;
    }

    .action_block .mass_action{
        width: 100%;
    }

    .action_block .mass_action select, .action_block .mass_action button{
        margin-bottom: 10px;
        margin-top: 10px;
    }

    /** Mass action */
    #s2id_massActionRemoveTags,
    #s2id_massActionTags {
        margin-bottom: 10px;
        max-width: 100%;
    }

    ul.recents > li{
        margin-bottom: 4%;
        padding: 10px 0;
    }

    .all_posts{
        margin-top: 10%;
    }

    .reply_row .sp100{
        max-width: 95%;
    }

    .d_content, .content.d_content{
        width: 90%;
    }

    .onboarding_block_container .cta{
        font-size: 20px;
    }


    .recents_title h5 {
        margin-left: 1%;
    }

    a.clipboard_icon{
        padding-bottom: 7px;
    }


    .team-members .single-member{
        flex-wrap: wrap;
    }

    #tab-members .member-info{
        margin-right: 0;
    }

    #tab-members .member-info{
        flex-basis: unset;
    }

    ul.departments {
        clear: left;
        padding-top: 10px;
        text-align: left;
    }

    .post-notice{
        text-align: left;
        border-radius: 10px;
    }

    .deleted_notice .btns_container{

        display: inline-block;
    }


    .daterangepicker.ltr{
        left: 10% !important;
        right: 10% !important;
    }

    .daterangepicker.ltr .d_flex .calendar {
        width: 100%;
    }

    input.find_members {
        width: 100%;
        max-width: 100%;
    }

    form.filter-team{
        text-align: left;
        position: initial;
        margin-top: 30px;
    }

    .info_message, .error_message{
        top: 15px;
        right: 3%;
        max-width: 94%;
    }


    .statstable tr td:first-child{
        width: 50%;
        min-width: 220px;
    }

    .statstable.users_table tr td:first-child{
        min-width: 110px;
    }

    .config_option{
        gap: 20px;
    }

    #post_poll .poll-result .option span.answer_text{
        max-width: 80%;
    }

    table.workspace_users tr td.email{
        max-width: none;
        display: block;
    }

     table.workspace_users tr td div.user_invited{
        max-width: none;
    }

    .user_details{
        max-width: 65%;
    }

    .no_cats .user_details{
        max-width: 100%;
    }

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

} /* max-width: 600px */



@media (max-width: 550px) {

    .h_menu{
        top: 10px;
    }

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

    .content, #users_and_teams .content{
        /*width:auto;*/
        width: 100%;        /* required for tabs horizontal scroll to work on smaller screens */
    }
    .row-fluid [class*="span8"] {
        padding-left: 40px;
        padding-right: 40px;
    }


    #users_and_teams .tab-content{
        padding: 0 20px;
    }

    /*
    .comment_row{
        padding-left:10px;
        padding-right: 20px;
    }
    */

    .half {
        width: 100%;
    }

    ul.team-invites li {
        font-size: 15px;
    }

    .member-actions {
        float: left;
        margin-left: 0px;
    }
    .member-pages, .member-comments {
        padding-top: 10px;
        width: 40px;
        height: 30px;
        padding-left: 40px;
        margin: 0 20px 0 0;

    }

    ul.team-invites li a.username {
        padding-top: 0px;
    }

    ul.team-invites .inv_actions{
        float: none;
        display:block;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    ul.team-invites li .inv_user{
        max-width: none;
    }
    .member-title{
        white-space: normal;
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:95%;
    }





    .profile_bounced{
        right: 2%;
    }

    #settings .dataTable-firstRow {
        flex-direction: column;
    }

    .api_key_info{
        display: none;
    }




    .post-title .edit_post {
        width: 30px;
        height: 30px;
        margin-left: 3px;
        border:none
    }

    .post-title .edit_post .material-icons-round {
        font-size: 19px;
        top: -3px;
    }


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

    .short_post .post-title .edit_post .material-icons-round {
        font-size: 17px;
        top: 3px;
    }

    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid {
        max-width: 85%;
        min-width: 85%;
    }

    .content{
        padding: 10px 0;
    }

    div.comment_container .content.comment_row{
        width: 100%;
    }

    .discussion .content {
        width: 100%;
    }

    .discussion .discussion_content {
        max-width: 85%;
        min-width: 85%;
    }

    h5.discussion-title {
        font-size: 26px;
    }

    .row{
        margin:0;
    }

    .row.discussion{
        margin-top: 30px;
    }

    .post-comment .content{
        width: 100%;
    }

    .post-comment .new_comment_box {
        max-width: 85%;
        min-width: 85%;
    }

    div.content.reply_row div.row-fluid {
        max-width: 85%;
        min-width: 85%;
    }

    div.replyed .content.reply_row {
        width: 100%;
    }

    .reply_spacer {
        margin-left: 50px;
    }

    div.replyed.new_open_reply .content.reply_row{
        width: 100%;
    }

    .reply_row .sp100{
        max-width: 94%;
    }

    .new_open_reply .reply_spacer {
        width: 14%;
    }

    .action_line .page-title{
        min-width: 82%;
        max-width: 82%;
    }

    .cat-desc {
        min-width: 82%;
        max-width: 82%;
    }

    .page-title {
        font-size: 22px;
        min-width: 82%;
        max-width: 82%;
    }

    .show_more_container{
        min-width: 82%;
        max-width: 82%;
    }

    .mass_action_container.content div.row-fluid{
        width: 82%;
        max-width: 82%;
    }

    .page_title_container {
        min-width: 82%;
        max-width: 82%;
    }

    .member_name {
        font-size: 24px;
    }

    .member_profile > .content > .profile_head{
        margin: 20px;
    }

    .member_desc {
        margin: 0 20px;
        margin-bottom: 20px;
    }

    .revert_container{
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .revert_container .big_dot{
        display:none;
    }

    .recents_title h5 {
        margin-left: 7%;
    }

    .welcome_note .caption {
        font-size: 19px;
    }

    .pro_tip{
        border-radius: unset;
    }

    form#profile-settings {
        width: auto;
    }

    .avatar_container{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .toggle_expand {
        right: 10px;
    }

    #settings #general_form .block {
        width: 80%;
    }

    .tab-content > .tab-pane > div.header_block, #tab-authentication div.header_block, #tab-authentication div.block{
        padding: 30px 20px;
    }



    #settings #general_form .block.custom_dom {
        width: 80%;
    }

    div.invitation label {
        width: 100%;
    }

    div.invitation label.del_inv{
        width: auto;
    }

    .limited_access {
        top: 10px;
        right: 5px;
    }




    .cat-content .page-title{
        padding-left: 0;
    }

    .content.narrow, .page-title.small_breadcrumb {
        width: 90%;
    }

    .content.narrow.tabs{
        width: 100%;
    }

    .content.narrow.tabs .tab-content{
        padding: 0 20px;
    }

    .content.narrow.tabs .page_desc{
        padding: 0 20px;
    }


    .round_page_desc_container{
        /*width: 90%;*/
        margin-left: auto;
        margin-right: auto;
    }

    .tabs .round_page_desc_container{
        width: 90%;
    }

    .content.narrow.tabs .round_page_desc_container .page_desc{
        padding:0;
    }

    .post-notice-container{
        width: 85%;
    }

    .daterangepicker.ltr {
        left: 8% !important;
        right: 8% !important;
    }

    .content.page_title_content {
        width: 100%;
    }

    .activity_date{
        white-space: normal;
    }

    .statstable tr td:first-child{
        width: 50%;
        min-width: 180px;
        padding-left: 20px;
    }

    .statstable.users_table tr td:first-child{
        min-width: 100px;
    }

    .tab_desc{
        margin-left: 20px;
    }

    .welcome_msg{
        font-size: 16px;
        margin-left: 5%;
        margin-right: 5%;
    }

    .cl_container {
        max-width: 80%;
    }

    #config_options_container{
        padding: 0 20px;
    }

    .config_option.wrap_s{
        flex-wrap: wrap;
    }

    .intro_iframe_container iframe {
        min-height: 220px;
    }

    .intro_iframe {
        min-height: 220px;
    }

    .search_box{
        padding: 0 5%;
    }

    #post_poll .poll-result .option span.answer_text{
        max-width: 75%;
    }

    .user_details{
        max-width: 60%;
    }

    .no_cats .user_details{
        max-width: 100%;
    }

}       /* 550px */




@media (max-width: 500px) {


    .replyed .row-fluid [class*="span7"] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .img-avatar {
        width: 61px;
        height: 61px;
        max-width: 61px;
        max-height: 61px;
        min-width: 61px;
        min-height: 61px;
        background-size: cover;
    }

    #invite input[type="text"] {
        width: 100%;
    }

    #invite .send-invite {
        width: 100%;
        margin-top: 10px;
    }

    .send-invite .btn {
        width: 100%;
    }



    #settings input[type="text"]{
        margin-right: 0;
        max-width: none;
        width: 100%;
    }

    #settings input#custom_domain{
        max-width: 100%;
        width: 100%;
    }

    #settings input[type="text"].subdomain_input{
        width: calc(100% - 96px);
        max-width: 100%;
    }








    .edit-tag-content .narrow_col,
    .narrow_col{
        width:auto;
    }

    .member-info{
        width:auto;
        max-width: 100%;
        /*max-width:225px;*/
    }

    #settings .block{

        /*border-color:green;*/
        width: 330px;
        /*max-width: 95%;*/
    }

    #settings .tab-content > .tab-pane#tab-authentication  div.main_content{
        padding:40px 25px;
    }


    .sp10{
        display:none;
    }

    .sp90{
        width:100%;
    }

    /*
    .comment_row{
        padding-left:20px;
        padding-right: 20px;
    }
    */

    .new_open_reply .reply_row{
        padding-left: 60px;
        padding-right: 20px;
    }

    /* usage stats */

    .stat_block{
        padding: 20px 0px;
        font-size:32px;
    }

    .statstable td.stat_col{
        display:none;
    }

    /*
    .statstable tr td{
        padding: 10px 0px;
    }
    */



    .stats_posts_container{
        padding:0;
    }



    .daterangepicker .range_inputs{
        text-align: center;
        padding: 15px 0px;
    }

    /* Disable float for image2 alignment classes */
    .content .post_body img.align-left, .content .post_body .align-left, .align-left, .content .post_body img.align-right, .content .post_body .align-right, .align-right  {
        float: none;
        margin: 10px auto;
        display:block;
        max-width: 100%;
        text-align: center;     /* used to center captioned images inside the container */
        /* border:dashed 2px orange; */

    }

    a.intro_image.align-right, a.intro_image.align-left{
        max-height: 250px;
        max-width: 100%;
        margin: 10px auto;
    }

    /**  FetchURL ckEditor plugin */
    .fetchurl .fetchurl-container .fetchurl-content{
        padding: 15px 15px;
    }

    .fetchurl .fetchurl-container .fetchurl-image{
        min-width: auto;
        width: 120px;
        /*height: 140px;*/
        /*object-fit: cover;*/
    }

    .filters .item{
        min-width: 40%;
        box-sizing: border-box;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .filters .cta{
        width: 100%;
        margin-top: 15px;
    }


    ul.popover_menu li a {
        padding: 8px 15px;
    }


    .site-title {
        max-width: 80%;
    }


    .post_thumb{
        width: 100px;
        height: 80px;
        margin-left: 8px;
    }

    .reply_row .sp100{
        max-width: 92%;
    }

    .label_checkbox.mass-action-checkbox {
        left: -55px;
    }

    .member_name {
        font-size: 22px;
    }

    .recents_title h5 {
        font-size: 14px;
    }

    .welcome_note .caption {
        font-size: 18px;
    }



    #settings input[type="text"]{
        max-width: none;
        width: 100%;
    }



    #settings input[type="text"].subdomain_input {
        width: calc(100% - 96px);
        max-width: 100%;
    }


    #settings #general_form .block {
        width: 85%;
    }

    #settings #general_form .block.custom_dom {
        width: 85%;
    }



    .actions.right{
        float:none;
        text-align: left;
        margin-left: 32px;
        display: block;
        margin-top: 5px;
    }

    ul.flex_list li .actions.wrap_xs,  ul.flex_list li .created_by.wrap_xs {
        white-space: normal;
    }

    ul.flex_list li .actions.wrap_xs .nowrap_xs{
        white-space: nowrap;
    }

    ul.flex_list li .created_by{
        max-width: 160px;
        /* border: dashed 1px red; */
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        top: 1px;
        vertical-align: text-bottom;
        white-space: normal;
    }

    .page_desc {
        font-size: 14px;
    }

    .tab-content .billing-title{
        font-size: 15px;
    }

    .tab_text {
        font-size: 14px;
    }

    .posts ul.flex_list.categories-list li .created_by{
        max-width: none;
        display: block;
    }


    /* horizontally scrollable tabs */
    ul.nav-tabs{
        overflow-x: scroll;
        flex-wrap: nowrap;
        overflow-y: hidden;

        justify-content: left !important;
    }

    ul.nav-tabs > li > a.nav-link{
        padding: 5px 10px;
        margin-bottom: 10px;
        border-radius: 100px;
    }

    ul.nav-tabs > li > a.nav-link.active{
        background-color: #F2F2F2;
        border: none;
    }

    .daterangepicker.ltr {
        left: 6% !important;
        right: 6% !important;
    }

    .cl_container {
        max-width: 85%;
    }

    .dash_arrow {
        display: none;
    }

    #post_poll .poll_answers{
        width: 90%;
    }

}           /* max-width: 500 */





@media(max-width: 425px){

    .expansion-panel-details{
        margin-left: 0;
        text-align: center;
    }

    .img-avatar {
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px;
        min-width: 50px;
        min-height: 50px;
        background-size: cover;
    }

    .label_checkbox.mass-action-checkbox {
        background-position: center 45px;
    }

    ul.team-members li a.admin_view{
        padding-top: 0;
    }

    /*
    .discuss{
        display: none;
    }
    */

    .post_thumb{
        width: 90px;
        height: 80px;
        margin-left: 6px;
    }

    .form-search .user_input{
        max-width: 100%;
        min-width: auto;
    }

    .member_profile > .content > .profile_head {
        justify-content: center;
    }

    .welcome_note .caption{
        font-size: 17px;
    }

   

    .post-notice-container{
        width: 90%;
    }

    .daterangepicker.ltr{
        left: 5% !important;
        right: 5% !important;
    }

    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid {
        max-width: 88%;
        min-width: 88%;
    }



    .discussion .discussion_content {
        max-width: 88%;
        min-width: 88%;
    }

    .post-comment .new_comment_box {
        max-width: 88%;
        min-width: 88%;
    }

    .posts ul.categories-list.flex_list li span.post_icon{
        display: none;
    }

    .answer_footer{
        flex-wrap: wrap;
    }

}       /* 425 */


@media (max-width: 400px) {

    div.edit_post_title{
        font-size: 22px;
    }

    .post_visibility_info{
        float:none;
        display: none;
    }

    .site-title {
        max-width: 70%;
    }

    h5.discussion-title {
        font-size: 22px;
    }

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

    .member_name {
        font-size: 20px;
    }
    .member_profile > .content > .profile_head{
        gap: 10px;
    }

    input.find_members {
        width: 100%;
        max-width: 100%;
    }

    ul.nav-tabs > li > a {
        font-size: 15px;
        padding: 10px 12px;

        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ul.nav-tabs > li > a.active{
        max-width: none;
    }

    .approval_notice .btns_container{
        margin-top: 10px;
        display: inline-block;
    }

    .daterangepicker.ltr{
        left: 0% !important;
        right: 0% !important;
    }


    .posts ul.categories-list.flex_list li{
        flex-wrap: wrap;
    }



    .posts ul.categories-list.flex_list li span.last_updated{
        display: none;
    }

    .intro_iframe_container{
        min-height: 200px;
    }

    .intro_iframe_container iframe{
        min-height: 200px;
    }

    .intro_iframe {
        min-height: 200px;
    }

    #post_poll .poll-result .option span.answer_text{
        max-width: 70%;
    }

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

}               /* max width 400 */


@media(max-width: 360px){           /* extra small screens */


    /* TABS AS VERTICAL MENU FOR EXTRA SMALL SCREENS */

    /*.tab-content{
        border-top: solid 1px #dddddd;
        border-right: none;
        border-left: none;
    }

    ul.nav-tabs{

        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px;
        border-bottom: none;
    }

    ul.nav-tabs > li{
        float:none;
        display:block;

        margin: 0;
    }

    ul.nav-tabs > li:first-child {
        margin:0;
    }

    ul.nav-tabs > li > a,   ul.nav-tabs > li.active > a{
        margin: 0;
        border: solid 1px #dddddd;
        border-top:none;
        border-radius: 0;
        padding-bottom: 12px;

    }



    ul.nav-tabs > li > a:hover, ul.nav-tabs > li.active > a:hover,    ul.nav-tabs > li > a:focus, ul.nav-tabs > li.active > a:focus{

        margin: 0;
        border: solid 1px #dddddd;
        border-top:none;
        padding-bottom: 12px;

    }

    ul.nav-tabs > li:first-child a, ul.nav-tabs > li.active:first-child a{
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top: solid 1px #dddddd;
        padding-bottom: 12px;
    }



    ul.nav-tabs > li:last-child a{
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }


    ul.nav-tabs > li.active a, ul.nav-tabs > li.active a:focus,      ul.nav-tabs > li.active:first-child a,        ul.nav-tabs > li.active:last-child a{
        background-color: #25B393;
        border-color:#25B393;
        color:#ffffff;
    }
    */


    ul.nav-tabs > li > a {
        font-size: 14px;
        padding: 12px 10px;
    }



    /* styling for tabs to contain NEW label */
    .nav > li.tab_new_label > a{
        display: block;
    }

    .nav > li.tab_new_label{
        position:relative;
    }

    .nav > li.tab_new_label > .new_feature.v3{
        left:unset;
        position: absolute;
        right: 15px;
        top: 12px;
        display: block;
        /* line-height: 18px; */
        height: 19px;
        padding: 0px 5px;
    }

    /* ------- END TABS AS VERTICAL MENU ---------- */

    #settings .tab-content > .tab-pane#tab-authentication  div.main_content{
        padding: 30px 20px;
        /*background-color: cyan;*/
    }

    /**  FetchURL ckEditor plugin */
    .fetchurl .fetchurl-container .fetchurl-content .fetchurl-title{
        font-size: 15px;
        word-break: break-all;
    }
    .fetchurl .fetchurl-container .fetchurl-content .fetchurl-description{
        font-size: 13px;
        max-height: 32px;
        line-height: 15px;
    }
    .fetchurl .fetchurl-container .fetchurl-image{
        min-width: auto;
        width: 100px;
        /*height: 135px;*/
    }


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

    div.edit_post_title{
        font-size: 22px;
    }



    .label_checkbox.mass-action-checkbox {
        left: -55px;
        padding: 0px 20px;
    }

    .site-title {
        max-width: 60%;
    }

    .post_thumb {
        display: none;
    }

    .edit_comment_area .btn{
        width: 100%;
        margin-bottom: 10px;
        float:none;
    }

    .txt_clip {
        max-width: 200px;
    }



    .tab-content > .tab-pane > div.invited.top{
        padding: 6%;
    }

    .tab-content > .tab-pane > div.invited.bottom{
        padding: 6%;
    }

    #invite input[type="email"] {
        width: 100%;
    }

    #invite select {
        width: 100%;
    }

    .post-notice-container {
        width: 100%;
    }

    .post-notice-container .post-notice{
        border-radius: 0;
    }

    .daterangepicker .d_flex {
        padding: 10px;
    }

    .buttons_container > div{
        width: 100%;
    }

    .billing_buttons_form .btn{
        min-width: unset;
    }

    .config_option{
        flex-wrap: wrap;
    }

    .intro_iframe_container{
        min-height: 150px;
    }

    .intro_iframe_container iframe{
        min-height: 180px;
    }

    .intro_iframe {
        min-height: 180px;
    }
    /*
    .user-info .job_title{
        display: none;
    }
    */

}               /* max-width: 360px */


/* target retina display */
@media(-webkit-min-device-pixel-ratio: 2) and (max-width: 320px) {      /* retina display iphone portrait, iphone 4, 5, 5s.. */
    /* Retina-specific stuff here */

    .site-title {
        /*background-color: orange;*/
        border:none;
        /*margin-top: 60px;*/
        max-width: 60%;


    }

    .site-title a{
        font-size: 20px;
        /* border: dotted 1px blue;*/
        /*line-height: 1.2;*/
    }



    .long_company_name{

        margin-top: 20px;

    }

    #settings{

        max-width: 360px;
        padding-left: 0;
        padding-right: 0;
        /*white-space: nowrap;*/


    }

    #settings input[type="text"]{
        width: 98%;
        margin-right: 0;
        /*max-width: 280px;*/
    }

    #settings input[type="text"].subdomain_input{
        width:60%;
        max-width:178px;

    }

    .intro_image, .intro_video{
        max-height: 220px;  /* limit preview image height */
    }


    ul.nav.emojis-nav>li>a, ul.nav.emojis-nav>li>a:focus {

        font-size: 18px;
        width: 18px;
        margin-left:3px;

    }

    label.menu_radio{
        clear:left;
    }

    #settings .block{
        width:300px;
        /*background-color: yellow;*/
    }


    .form-section input.pub_date, .form-section input.pub_date:focus{
        background-color: #f2f2f2;
        color: #999999;
        margin-top: 15px;
        padding: 10px 14px;
    }


    /* intro video */
    .intro_iframe_container iframe{
        min-height:160px;
    }


    /* generic iframe, soundcloud, slideshare, pictocart, whatever... */
    .intro_iframe{      
        min-height:160px;
    }
   



    .site-title {
        max-width: 50%;
    }

}


/* target retina display */
@media(-webkit-min-device-pixel-ratio: 2) and (max-width: 840px) {      /* retina display iphone portrait, iphone 6, 6plus, nexus 5... bigger hi res screens */

    /* intro video */
    /*
    .intro_iframe_container{
        min-height:200px;
    }
    */
    /*
    .intro_iframe_container iframe{
        min-height:250px;
    }
    */
     /* generic iframe, soundcloud, slideshare, pictocart, whatever... */
    /*
    .intro_iframe{     
        min-height:200px;
    }
    */

}







/***** MENU BEHAVIOUR ******/



@media (min-width: 2101px){         /* width > (former) 1900px, large desktop screens */

    #wrapper{
        padding-left: 0px !important;
        left: 0 !important;
    }

    .column-left{
        left:0 !important;
    }

    .side{
        display:block !important;
    }

    #header_caption{
        left:0 !important;
    }

    .header{
        left:0 !important;
    }

}

@media (max-width: 2100px){     /* width < (former) 1900px */

    #wrapper{
        padding-left: 0px;
    }

    #wrapper.start_open_menu{
        padding-left: 240px;
    }

    .solo_container{
        /*max-width:800px;*/
        margin-left:auto;
        margin-right: auto;
        /*border:dashed 1px purple;*/
    }

    a.close_menu{
        margin-top: 0;
        padding-top: 2px;
        right: 2px;
    }

}




/*@media (min-width: 1280px) and (max-width: 1800px){*/
@media (min-width: 1200px) and (max-width: 1800px){


    /*input.search_open{*/
    #master_wrapper.search_open input#search{
        width: 170px;
    }


    div#right-slide.search_panel{
        width: 300px;
    }


    #master_wrapper.search_open.left_open .site-title {         /* limit long company names when both left and right panels are open at the same time */
        /*border: dotted 1px orange;*/
        max-width: 42%;
    }




}


@media (min-width: 1460px) and (max-width: 1800px){

    #master_wrapper.search_open.left_open .site-title {         /* limit long company names when both left and right panels are open at the same time - ADJUSTMENT*/
        /*border: dotted 1px blue;*/
        max-width: 48%;
    }

}



/*@media (max-width: 1279px){    */ /* width < 1280  - LIMIT for right panel black*/
@media (max-width: 1099px){     /* width < 1100  - LIMIT for left menu MOBILE STYLE, wider, always closed, opens manually */

    /* wide menu on small screens */
    /*
    #search_results_caption{
        display: none;
        background-color: transparent;
        padding: 10px 15px;

    }

    .close_caption{
        display:none;
    }

    #left-slide{
        width:280px;
        display:none;
    }

    #right-slide{
        top:0 !important;
        background-color:#222;
        display:none;
    }

    #site_header.at-top #search_right_form, .body-at-top #search_right_form{
        background-color: #181818;
    }

    ul.search-results li {
        border-bottom-color: #444;
    }
    */

    #left-slide{
        width:280px;
        display:none;
    }

    div#menu_closer{         /* wrapper to catch click on the moved page content when left sidebar is open on small screens */

        /*
        background-color: orange;
        opacity: 0.5;
        */

        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1200;
        top: 0;

    }


    #search-form{
        display: none;

    }

    .menu-middle, .menu-footer {
        padding: 30px;
        padding-right: 25px;
    }

    .menu-footer{
        padding-bottom: 70px;
    }

    ul.main-menu li a{
        font-size: 15px;
    }



    #wrapper{
        padding-left: 0px !important;
    }

    div.column-left {
        left:0 !important;

    }






    .middle_separator{
        display:none;
    }




    /*
    #sidebar_customization{
        display:none;
    }
    */

    ul.main-menu li i.fa.cat-star{
        left: -18px;
    }


    ul.main-menu li span.counter{
        font-size: 12px;
        top:6px;
    }

    ul.main-menu li ul.subcategories li span.counter{
        font-size: 11px;
    }

    ul.main-menu li ul.subcategories li{
        font-size: 14px;
        line-height: 28px;
    }
    ul.main-menu li ul.subcategories li a{
        font-size: 14px;
    }

    ul.main-menu li i.subc_indicator{
        /*background-color: purple;*/
        width: 28px;
        left: -30px;
    }

    ul.main-menu li i.subc_indicator:hover, #left-slide.light ul.main-menu li i.subc_indicator:hover{           /* fix subcategories indicator on mobile menu, when clicked or focused*/
        color:#999;
    }

    ul.main-menu li .material-icons-round.subc_indicator {
        left: -30px;

    }

    .welcome{
        max-width: 170px;
        font-size: 15px;
    }

    .welcome .role {
        font-size: 14px;
    }

}       /* (max-width: 1099px){ */







/*@media (min-width: 1280px) {     */    /* width >= 1280 px, lap top and desktop large screens - menu open */
@media (min-width: 1100px) {         /* width >= 1200 px, lap top and desktop large screens - menu open */



    #search_right_form{
        display: none;
    }


    div#left-slide.wide_menu {
        position:fixed;
        /*z-index: 1500;*/
        z-index: 1020;
        height: 100px;
        left:-240px;
    }

    div#left-slide.start_open_menu{
        left:0;
    }

    div#left-slide.wide_menu .menu-middle, .menu-head{
        background-color: transparent;
        border-bottom:none;
    }

    div#left-slide.wide_menu .menu-head{
        border-bottom:none;
    }

    div#left-slide.wide_menu .menu-separator{
        /*background-color: #444444;*/
    }

    div#left-slide.wide_menu div.column-left span#left-triger, div#left-slide.wide_menu div.column-left a  {display: none;}



    #big_close_menu{
        display:none;
    }

    .menu_section{
        margin-top: 25px;
    }

    .menu_section_caption {
        /*margin-top: 25px;*/
        margin-bottom: 5px;
        font-size: 12px;
        /*color: #999999;
        color: #666666;
        */

    }


    a.manage_section:hover{
        color: #eee;
    }

    ul.main-menu li a:hover {
        color:#ffffff;
    }

    ul.main-menu li span.counter{
        /*
        background: #666666;
        color:#eeeeee;
        */
    }


    /*
        ul.main-menu li span.new_feature{
            color:#000000;
        }
    */

    a.close_menu svg polygon {
        fill: #ffffff;
    }

    /* wide images and videos */
    .content .post_body img.wide, .content .post_body .videodetector, .content .post_body .fetchurl.video:not(.youtube_shorts), .content .post_body pre{
        max-width: 800px;
        width: 800px;
        margin-left: -50px;
    }
   
    .content .post_body pre, .content .post_body pre > code{
        font-size: 14px;;
    }
    


}   /* min-width 1100px */


@media (min-width: 960px) { 

  
  

}



/*@media (min-width: 1280px) and (max-width: 2000px){     */    /* narrower left menu, menu width 220px */
@media (min-width: 1100px) and (max-width: 2100px){         /* narrower left menu, menu width 220px */

    .menu-head{
        padding: 25px 5px 67px 15px;
    }
    .welcome, .welcome .role{
        font-size:13px;
    }

    .menu-middle, .menu-footer {
        padding: 20px;
        padding-right:15px;
    }

    .menu-footer {
        padding-top: 0;
        padding-bottom: 70px;
    }

    #left-slide{
        width:220px;
    }

    .welcome{
        max-width: 135px;
    }
    ul.main-menu li a{
        font-size: 13px;
    }

    ul.main-menu li a .material-icons-round{
        top: 6px;
    }

    ul.main-menu li span.counter {
        font-size: 10px;
    }

    ul.main-menu li span.floated {
        top:6px;
    }



    ul.main-menu li span.counter i.fa {
        font-size: 9px;
    }

    .start_open_menu #header_caption{
        left:110px;
    }

    .start_open_menu #wrapper{
        padding-left: 220px;
    }

    div#left-slide.wide_menu {
        left:-220px;
    }

    div#left-slide.start_open_menu{
        left:0;
    }

    ul.main-menu li i.subc_indicator{
        /*background-color: red;*/
        width: 22px;
        left: -20px;
        padding-left: 0px;
    }

}



@media (min-width: 1200px) and (max-width: 2000px){         /* 1900 breakpoint below menu pushes content to the right */

    /*
    .column-left.start_open_menu{
        left:-280px;
    }
    */
    /*
        .column-left{
            left:0;
        }
    */


}

@media(min-width: 1100px) and (max-width: 1266px){

    .content .post_body img.wide, .content .post_body .videodetector, .content .post_body .fetchurl.video:not(.youtube_shorts), .content .post_body pre {
        margin-left: -75px;
    }
    
}





/* PRINT STYLES - override Bootstrap default settings*/

@media print {


    a[href]:after {
        content: "";        /* do not print link urls */
    }

    #left-slide{        /* hide left menu */
        display: none;
    }

    .medium-editor-toolbar{     /* remove medium editor.. was shown garbled at the bottom for some reason.. */
        display:none;
    }

    #recent_posts{              /* remove recent posts lists.. not needed when printing single post, most used case? */
        display:none;
    }

    #add_comment{               /* remove add comment, can not be used on print */
        display:none;
    }

    #wrapper{
        min-height:100px !important;            /* reset wrapper height, set dynamically in javascript...*/
        padding-top:0;
    }

    #site_header{
        display:none;
    }


    .h_menu{
        display:none;
    }

    #master_wrapper > div#right-slide{
        display: none !important;
    }

    .content.post-content{

        width: 95%;
        padding: 0;
        max-width: none;
        padding-top: 50px;
    }

    .user-info, .article_main {
        max-width: 100%;
        width: 100%;

    }

    .user-info{
        margin-bottom: 20px;
    }

    .user-info a{
        text-decoration: none;
    }

    .user-info span.name{
        font-size: 20px;
    }

    .user-info .job_title, .user-info .date{
        font-size: 20px;
    }

    .user-info span.date{
        font-size: 18px;
    }

    .user-info div.cats, .user-info .more_items, .user-info span#more_categories, .user-info div.cats, .user-info .more_items a, .user-info div.cats .cat-name{
        font-size: 16px;
    }

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

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

    .post_body{

        width: 100%;
        max-width: 100%;
    }

    h1.post-title{
        font-size: 50px;
    }

    article.post_container:hover .post-title .edit_post, .touch article.post_container .post-title .edit_post, .page-content:hover .single-page-title .edit_post{
        display:none;
    }


    .post_body, .post_body p{
        font-size: 22px;
    }

    .by-line .blck:first-child{
        display: none;
    }
    /*
    .by-line a.blogin-like, .by-line a.blogin-dislike, .by-line a.blogin-follow{
        display: none;
    }
    */

    .bottom_vote_buttons{
        display: none;
    }

    .discussion .content{


    }

    .discussion .discussion_content{
        margin: 10px 0;
        width: 95%;

    }

    h5.discussion-title{
        display: none;
    }

    div.comment_container .content.comment_row{
        width: 100%;
    }

    .c_spacer{
        display: none;
    }

    .reply_link_div{
        display: none;
    }

    div.content.comment_row div.row-fluid{

        width: 85%;
        max-width: none;
        /*padding: 0 10px*/
    }

    .comment-list{
        padding-left: 30px;

    }

    div.row.comment .user-info .date{
        font-size: 17px;
    }

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

    .reply_spacer{
        margin-left: 20px;
        min-width: 50px;

    }

    div.content.reply_row div.row-fluid{

        max-width: none;
        width: 85%;
    }

    div.replyed .content.reply_row{
    }

    .user-info span.comment_options{
        display:none;
    }

    footer{
        display:none;
    }

    html{
        border: solid 1px white;        /* get rid of weird gray border on the right side on Chrome > pring */
    }



}