#main-nav, .main-nav { background-color: var(--primary) !important; z-index:999;}

a, .heading-primary {color:var(--primary);}
.text-primary {color:var(--secondary) !important;}
.text-secondary {color:var(--secondary) !important;}

.btn-primary:hover {background-color:var(--primary);border-color:var(--primary); opacity:0.8;}

a:hover{color:var(--secondary);}
.sm-mint a .sub-arrow, .sm-mint a.highlighted .sub-arrow  { border-color: #FFF transparent transparent transparent; }

.sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted, .btn-primary, .list-group-item-primary, .ribbon-green { background: var(--secondary); }
.list-group-item-primary a { color: #FFF; }
.btn-outline-primary { border-color: var(--primary); color: var(--primary);}
.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:active { background-color: var(--primary); border-color: var(--primary); color:#FFF;}
.btn-secondary { background-color: var(--secondary); border-color: var(--secondary); }

.pagination > .active > a, body.dark .pagination > .active > a {
    background-color: var(--main-color);
    border-color: var(--main-color) var(--main-color) #006699;
    color: #ffffff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: var(--main-color) !important;
    border-color: var(--main-color);
   color: #ffffff;
}
.error-div {
	border:1px solid #FF0000;
	background-color:#FFDEDE;
	padding:10px;
	margin-bottom:5px;
	color:#CC0000;
}


input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.popover {
max-width: 400px !important; 
}

.action-button { display: none; }
tr:hover .action-button { display: inline-block; }


.item-social {
	list-style: none;
    	padding-left: 0;

;
}
.item-social li {
    display: inline-block;
    margin-right: 2px;
        	margin-bottom: 5px;
}

.item-social li:last-child {
    margin-right: 0;
}

.item-social li a {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.item-social li a:hover {
    opacity: 0.8;
}


	.breadcrumb li a { text-decoration: underline; }



@media (max-width: 992px) 
{
	#body.new_mobile {
	background-color: #FFF;
	}
	
	h1 { font-size: 20px !important; }
	
	.breadcrumb { padding-top: 0; margin-bottom:10px !important; }
	
	
	.forum-index li.bbp-forum-info, li.bbp-topic-title {
	    width: 100%;
	}
	.forum-index a.bbp-forum-title {
		font-size:20px;
	}
	.forum-index .bbp-forum-content {
		font-size:18px;
	}
	.forum-index li.bbp-forum-freshness {
		float: right;
		width:auto;
	}
	body.bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content,  body.bbpress #bbpress-forums p.bbp-topic-meta {
		color:#000;
	}


	#myBtn {
	bottom:60px !important;
	}
	.new_mobile .card {
	border: 0;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
	border-radius:0;
	padding-bottom: 10px;
	}
	.new_mobile .card .card-body {
	padding: 0 5px;
	margin: 0;
	line-height:30px;
	font-size:16px;	
	}
	.new_mobile .card .card-body p {

	}
	.new_mobile .dark-mobile {
	background-color:#f8f9fa;
	border: 1px solid #ccc;
	}
	.new_mobile .dark-mobile .btn {
	width: 100%; display:block;
	}
	
	h2, h3 { font-size:1.6em !important;text-transform: none !important; }
}

.wp-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  color: #fff;
  margin-right: 10px;
}





.emojionearea-editor { font-size: 17px !important; }

#smilies span { cursor: pointer; padding:2px; } 

.feed_div_1 .emojionearea .emojionearea-editor { min-height: 0 !important; }

.success-div {
	border:1px solid #09BD00;
	background-color:#EEFFED;
	padding:10px;
	margin-bottom:5px;
	color:#006600;
}

img.loading {
    background: transparent url(/new_design/img/loading.gif) no-repeat scroll center center;
}

.post_links {
    float: left;
    width: 60px;
    text-align: center;
    font-size: 11px;
    line-height: 1em!important;
}
.post_links img {
    width: 49px;
    margin: 0 0 5px;
}
img.post_avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
}
img.post_avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div.comment {
    margin-left: 90px;
    margin-right: 10px;
    text-align: left;
}

div.heel_blok div.contents {
    margin: 0 0 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 400px;
    background-color: #fafafa;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 12px 12px 0;
    border: 1px solid #e0e0e0;
}

div.heel_blok div ul li img {
    padding: 0;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 12px;
    margin-bottom: 5px;
}

div.heel_blok div ul li {
    background: 0 0;
    padding-left: 0;
    line-height: 1.5em;
    clear: left;
    font-size: 13px;
}


.progress_bar { height: 4px; background-color: green; display: inline-block; padding:0; margin:0;}
.progress_grey { background-color: red; }
.achievement_img { width: 50%; margin: 0 auto; }

img.achievement_badge { width:90px; height: 90px; float:left; border:none; margin: 0; padding: 0; background:none;}
div.achievement_rechts { margin-left: 110px; margin-top:15px; font-size:11px;}
div.achievement_rechts h4 { margin:0; line-height:20px; }
div.achievement { border:1px solid #ddd; height:90px; padding:0px;margin-bottom:10px; margin-right:10px; -moz-border-radius: 15px; border-radius: 15px; width:278px;float:left;}
div.behaald { border:1px solid var(--secondary) ;  }

div.activity_time { font-style:italic; text-align:right; color:#AAA;  }
div.activity_contents { background-color: #F0F0F0; margin-left:60px;padding: 3px 5px; overflow:hidden;}
div.heel_blok div.contents { margin:0 0 20px;-moz-border-radius: 5px; border-radius: 5px; width:400px;background-color:#FAFAFA; -moz-border-radius:8px; border-radius:8px; padding: 12px 12px 0 12px; border:1px solid #E0E0E0; }
div.heel_blok div ul { list-style: none; }
div.heel_blok div ul li { background:none;padding-left:0;line-height:1.5em;clear:left; font-size:13px; }
div.heel_blok div ul li img { padding:0; width:40px; height:40px;float:left;margin-right:12px; margin-bottom:5px;}
div.heel_blok div ul li img.smilie { width:auto;height:auto;float:none;margin:2px;}
.rating_block div.links { width: 110px; margin-bottom:-10px;   }
.rating_block div.rechts { padding-left: 105px; margin-bottom:-10px; }

.wizard {
    border-bottom: 5px solid #CCC;
    margin-bottom: 35px;
}

div.float_left {
float:left;
width:124px;
}
span.omlijnd {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
display: block;
padding: 5px;
}
span.eerste_colom {
border-left: 1px solid #999;
font-weight: bold;
background-color: #DDD;
font-size:11px;
width:px !important;
}
span.eerste_item {
border-left: 1px solid #999;
}
span.eerste_rij {
height: 100px;
border-top: 1px solid #999;
background-color: #DDD;
text-align:center;
}
span.max_height { overflow:auto; }
span.max_height::-webkit-scrollbar { width: 12px; }
span.max_height::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
span.max_height::-webkit-scrollbar-thumb { border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

body { line-height: 22px; }

span.vergelijksite {
float: left;
width: 155px;
}
span.laatste_rij {
height: 150px;
overflow: auto;
}
.bold { font-weight: bold; }
a.del_link {
float: right;
border: 1px solid #c00000;
text-decoration: none;
padding: 0 4px;
}
img.mini_logo {
width: 110px;
height:70px;
background-color: #FFF;
padding: 1px;
vertical-align: bottom;
border: 1px solid #999;
}
.thumb-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
html.webkit .thumb-info .thumb-info-wrapper {
    margin: 4px 4px 3px;
}
.thumb-info .thumb-info-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border-radius: 4px;
    margin: 4px;
    overflow: hidden;
    display: block;
    position: relative;
}
.thumb-info-caption {
    padding: 10px 0;
}
.thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p {
    font-size: .9em;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 10px;
    display: block;
}

.thumb-info .thumb-info-title {
    font-size: 14px;
}
.thumb-info .thumb-info-title {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: rgba(23,23,23,.8);
    bottom: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    padding: 9px 11px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%;
}

.thumb-info .thumb-info-inner {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: block;
}
.thumb-info .thumb-info-title {
    font-size: 14px;
}
.thumb-info .thumb-info-type {
    background-color: var(--primary);
}
.thumb-info .thumb-info-type {
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px -2px -15px;
    padding: 2px 9px;
    text-transform: none;
    z-index: 2;
}
.content_container {
    margin: 2em 0 0;
    padding: 10px 10px 0;
    border: solid 1px #c8c8c8;
    background-color: #f0f0f0;
    background: rgba(200,200,200,.2);
    clear: both;
    min-height: 100px;
}

.content_container div.alias_name {
    float: left;
    width: 70px;
}
.content_container div.alias {
    margin-left: 90px;
}

.list.list-icons li {
    position: relative;
    padding-left: 25px;
}
.list li {
    margin-bottom: 13px;
}
li {
    line-height: 24px;
}

.list.list-icons li .fa,.list.list-icons li .far,.list.list-icons li .fas, .list.list-icons li .icons {
    position: absolute;
    left: 0;
    top: 5px;
}
.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.profile_card .card-body {
max-height: 900px; overflow-y: auto;
}
.card-body { background-color: #fdfdfd; }

.image, .extra_information {
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.rating, .rating2 { cursor: pointer; }
.rating-static {
    width: 60px;
    height: 16px;
    display: inline-block;
    margin-top:-6px;
    margin-bottom:4px;
    background: url('/images/star-rating.png') 0 0 no-repeat;
    background-color:none;
    image-rendering: pixelated;
}
.rating_block, .rating-static {  -moz-border-radius:4px; border-radius:4px; margin:1px;}
.rating_block div.links { width: 110px; margin-bottom:-10px;   }
.rating_block div.rechts { padding-left: 105px; margin-bottom:-10px; }
div.links { float: left; width: 140px; font-size:12px; font-weight:bold;margin:0;  }
div.rechts { padding-left: 150px; font-size:12px;margin:0; }
.rating-50 { background-position: 0 0; }
.rating-40 { background-position: -12px 0; }
.rating-30 { background-position: -24px 0; }
.rating-20 { background-position: -36px 0; }
.rating-10 { background-position: -48px 0; }
.rating-0 { background-position: -60px 0; }

.rating-5  { background-position: -48px -16px; }
.rating-15 { background-position: -36px -16px; }
.rating-25 { background-position: -24px -16px; }
.rating-35 { background-position: -12px -16px; }
.rating-45 { background-position: 0 -16px; }


.masthead {
  position: relative;
  padding: 12rem 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, #000000 100%), url("/new_design/img/WCG3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
}
.masthead .big {
  font-size: 64px;
  font-weight: bold;
}


@media (max-width: 992px) 
{
	.masthead {
	height: 60vh;
	}
	.masthead .big {
	  font-size: 36px;
	  line-height: 48px;
	} 
	.masthead h2 {
	  font-size: 18px;
	}
}

@media (min-width: 992px) {
  .masthead {

    padding: 0;
      width: 100%;

  }
  a.anchor{display: block; position: relative; visibility: hidden;}

}

.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}


.verified { border:1px solid #ff8e00 !important; }
.moderator { border:1px solid #3b5998 !important; }
.rep { border:1px solid #47a447 !important; }
.profile_picture { border-width: 2px !important; padding: 3px; }

a.profile_link { border: none !important; color: #777;}
a.verified, h6.verified { border: none !important; color: var(--secondary);}
a.moderator, h6.moderator { border: none !important; color: var(--primary);}
a.rep, h6.rep { border: none !important; color: #47a447;}

ul.comments li ul.reply {
    margin: 0;
}
ul.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.comments li {
    clear: both;
    padding: 10px 0 0 20px;
}
div.comment {
    margin-left: 90px;
    margin-right: 10px;
    text-align: left;
}
ul.comments li .img-thumbnail {
    margin-left: -115px;
    position: absolute;
}
.img-thumbnail {
    text-align: center;
    font-size: 10px;
}
.img-thumbnail {
    border-radius: 4px;
    position: relative;
}
ul.comments li img.avatar {
    height: 80px;
    width: 80px;
}
ul.comments .comment-block {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 20px 20px 30px;
    position: relative;
}
ul.comments .comment-arrow {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f4f4f4;
    border-top: 15px solid transparent;
    height: 0;
    left: -15px;
    position: absolute;
    top: 28px;
    width: 0;
}
@media screen and (min-width: 600px)  {
        .mobile-break { display: none; }
    }
  
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: var(--primary);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: var(--primary) !important;
	border-color: var(--primary);
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
	color: var(--primary);
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
	background-color: var(--primary);
	border-color: var(--primary);
}

.pagination > .active > a,
body.dark .pagination > .active > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--primary);
	border-color: var(--primary) var(--primary) #2d4373;
}

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover {
	border-color: #4264aa #4264aa #344e86;
	background-color: #4264aa;
}

.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a:active:hover,
body.dark .pagination > .active > a:active:hover,
.pagination > .active > a:active:focus,
body.dark .pagination > .active > a:active:focus {
	border-color: #344e86 #344e86 #344e86;
	background-color: #344e86;
}

.pagination > .active > a.dropdown-toggle,
body.dark .pagination > .active > a.dropdown-toggle {
	border-left-color: #344e86;
}

.pagination > .active > a[disabled],
body.dark .pagination > .active > a[disabled] {
	border-color: #718dc8;
	background-color: #718dc8;
}
  
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    color: #777;
    border-left: 5px solid #eee;
}

blockquote.quote blockquote.quote {
    margin-left: 5px;
    border-left: none;
    padding: 0;
}

.wall_div { overflow: hidden; }
  

.mobile_icons a { line-height:32px; padding: 8px 0 0 0;}
.mobile_icons a span, .mobile_icons button span { font-size:12px; }
.mobile_icons ul.dropdown-menu li  { padding: 6px; border-bottom: 1px solid rgb(204, 204, 204); }
.mobile_icons ul.dropdown-menu li:last-child { border-bottom: none; }
.btn-group.mobile_icons {
  display: flex;
}

.mobile_icons .btn {
  flex: 1
}

nav-tabs .nav-item .active { background-color: #FFF; }
.tabbable .nav-tabs {
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-link {
  white-space: nowrap;
}

.forum_table {
padding: 0;
margin-bottom: 10px;
border:solid 1px rgb(200,200,200);
width: 100%;
}
.forum_table thead th {
background-color: var(--primary);
color:#fff;
font-size:12px;
padding: 3px 15px;
}
.forum_table td {
padding: 10px;
border:solid 1px rgb(200,200,200);
background-color:rgb(240,240,240);
margin:0;
font-size: 12px;
color: #000;
}
.forum_table td.center {
text-align: center;
width:70px;
}
.forum_table td a {
font-size: 14px;
}
.forum_table td a.grey {
color:#000;
}

td.new {
background-image: url(/images/new_mail.gif);
background-repeat: no-repeat;
padding-left:50px;
}
.forum_header {
background-color: rgb(200,200,200);
padding:3px;
text-align:center;
font-size:14px;
font-weight: bold;
color: white;
width: 160px;
}
.forum_header p {
margin: 0;
font-size:14px;
font-weight:bold;
text-align:center;
}


  
.list.list-borders li {
    border-bottom: 1px solid #dbdbdb;
    margin-top: 9px;
    margin-bottom: 0;
    padding-bottom: 9px;
}


.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

html .list-primary.list-icons li .fa, html .list-primary.list-icons li .icons {
    color: var(--primary);
    border-color: var(--primary);
    margin-right: 15px;
}



@media (min-width: 768px)
{
	.sm-mint a, .sm-mint a.highlighted, .sm-mint a:active, .sm-mint a:focus, .sm-mint a:hover 
	{
	    color: #fff;
	}
	.sm-mint ul a .sub-arrow {
	    border-color: transparent transparent transparent var(--secondary);
	}
	#main-menu li.active>a { border-bottom: 3px solid var(--secondary); }
	
}

.btn-default {
    color: #6c757d;
    border-color: #6c757d;
}
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

#banner { text-align:center; margin: 0 auto 15px auto;}
#banner img { width:100% !important; max-width: 468px !important; height: auto;text-align:center; margin:20px 0; }


img.fontawesome { border: none; }

#main-nav.is_stuck {
    border-bottom-color: #e9e9e9;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
body.container { padding: 0 !important; }
.featured-box div h4 { font-size: 14px; }
.header-logo { line-height: 40px; margin:20px;}
.sm-mint ul { background-color: #fff; }
.sm-mint a.highlighted { background-color: var(--secondary); }

.header_h1
{
	background-color: #000;
	padding: 12px 0;
	border-bottom: 5px solid #ccc;
	border-top: 5px solid #384045;
}
body { 
font-size: 17px; 
color: #777;
}


.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -8px;
  right: 11px;
}

.ribbon-green {
  font-size:15px;
  color: #FFF;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid var(--secondary);   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}?

ul, ul.list-group { list-style-type: none; }
h1
{
	font-size: 32px;
   font-weight: 400;
   color: #fff;
}

/* Mobile */
@media (max-width: 978px) 
{
    h1 {
      font-size: 24px;
    }
	body.container #top_bar { margin-top: 0; }
	.sm-mint a .sub-arrow {
	background:#EEE;
	}
	.sm-mint {
	    border-top: 2px solid var(--secondary);
	   }
	.sm-mint li {
	    border-top: 1px solid #EEE;
	} 
	.card { margin-bottom: 2rem; }
	#main-menu { margin-bottom:1rem; }
	.main-menu-btn { margin: 20px !important; }
	#logo { margin-top:4px; }
}

  
h2 {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 42px;
    margin: 16px 0;
    color:#000;
}

.list-group li:first-child a{
  border-top: 0 none;
}

li {
    line-height: 24px;
}

.list-group li:last-child a{
  border-bottom: 0 none;
}

.blog-posts article {
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
    padding-bottom: 10px;
   }
.post-meta { color: #777; }

p {
    color: #000;
    line-height: 28px;
    margin: 0 0 20px;
}
.card {
    color: #000;
    line-height: 28px;

}

h4 {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px;
   color:#000;
}

h5 {
    font-size: 1em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 18px;
        color:#000;
    margin: 0 0 14px;
    text-transform: uppercase;
}
h5 a { color #000; }
h6 {
 color: #333;
 font-size: 1em;
 font-weight: 400;
 letter-spacing: normal;
 line-height: 18px;
 margin: 0 0 14px;
 }
#top_bar
{
	background-color: #f4f4f4;
}

body.container { 
    position: relative;
    max-width: 1200px;
    height: auto;
    padding-left: 0px;
}

#top_bar div a 
{
	margin: 0 10px;
}


ul#main-menu>li>a {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}


/* Suggestions */
.suggestions {z-index:300;position:relative;text-align: left;}
.suggestions .suggest_item {padding:8px 8px 8px 24px;background-color:#fff;border-left:1px solid #343a40;border-right:1px solid #343a40;z-index:300;position: relative;}
.suggestions .head {padding-left:12px;}
.suggestions .suggest_item.last {border-bottom:1px solid #343a40;}
.suggestions .suggest_item.selected, .suggestions .suggest_item.selected .description {color:#000;font-weight:normal;cursor:pointer;background-color: #EEE;}
.suggestions .suggest_item .description{font-style: italic;font-size: 11px;color: #777;}
.suggestions .suggest_item img {float: left;width: 20px;height: 20px;clear:both;margin-right:5px;}


.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;direction:ltr}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}

.container img { max-width: 100% !important; height: auto !important; }


.pricetag{
    white-space:nowrap;
    position:relative;
    margin:0 5px 0 10px;
    display:inline-block;
    height:25px;
    border-radius: 0 5px 5px 0;
    padding: 0 25px 0 15px;
    background:#E8EDF0;
    border: 1px solid #C7D2D4;
    color:#666;
    line-height:23px;
    font-size: 18px;
}

.pricetag:before{
    position:absolute;
    background:#E8EDF0;
    content:"\25CF";
    color:white;
    text-shadow: 0 0 1px #aaa;
    font-size:12px;
    line-height:13px;
    text-indent:6px;
    top:3px;
    left:-10px;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    border-left:1px solid #C7D2D4;
    border-bottom:1px solid #C7D2D4;
}
.breadcrumb
{
	background:none; 
	color:#999;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:0;
}
.breadcrumb a
{
	color:var(--secondary);
}
.breadcrumb > li + li:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    padding: 0 7px 0 5px;
}

h3 {
	margin-bottom:10px;
   font-size: 1.8em;
   font-weight: 400;
   letter-spacing: normal;
   color:#000;
}

.post-block {
    border-top: 1px solid #ddd;
    margin: 15px 0 0;
    padding: 20px 0 15px;
}
.post-block h3 {
    font-size: 1.8em;
    font-weight: 400;
    margin: 0 0 20px;
    text-transform: none;
}
.post-block h3 i {
    margin-right: 7px;
}
#blog-section .blog-single .blog-box img {
    padding: 5px;
    border: solid 1px #ddd;
    margin: 0 20px 10px 0;
  }


.btn { white-space:normal; }

div.desc{
    background-color: #666;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.9;
    position: absolute;

}
div.desc h3 { color:#FFF; }
.fix{width:100%; padding:0px;}

#blog-section img { margin: 8px 8px 8px 0; float:left; clear:left; }
#blog-section h2, #blog-section h3, #blog-section h4 { clear:left; }


#toc { padding: 1em;	font-size: 120%; }
#toc ul { list-style-type: none;	margin-left: 0; padding-left: 0;	text-align: left;}
.toc3 {margin-left: 1em;}
.toc4 {margin-left: 2em;}


@font-face {  font-family: 'Berlin';  src: url('/font/Berlin X-Bold.ttf');}
@font-face {  font-family: 'Bariol';  src: url('/font/bariol_regular-webfont.ttf');}

#header #top_links  { text-align:center; align-self:center; }
#header #top_links p a { margin: 0 10px; }

.nav-item a span { float:right; color:#999;padding-right:5px;}

span.required { color: red; }

a.anchor {
    display: block;
    position: relative;

    visibility: hidden;
}

p.details {  font-weight:bold }
p.details span { display: block; font-weight:normal }


.summary_div table { background: #313334; border: 0px; border-collapse: collapse; width: 100%; }
.summary_div table td {  padding: 8px 9px; color: #f1f1f1; font-size: 14px;font-weight: bold; }
.summary_div table td.criteria {line-height: 16px;  border-bottom: 1px solid #46484a; }
.summary_div table td.summary .summary-text { font-size:12px;  }
.summary_div table td.summary { border-right: 1px solid #46484a; border-bottom: none; font-weight: normal; vertical-align: top;}
.summary_div table td.rating { border-bottom: none; text-align:center; padding-top:20px; width:120px;}
.summary_div table td.rating .rate { display:block; font-size:36px; }
.summary_div table td.rating .stars { display:block;padding-top:12px;  }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: -3px 5px 5px 5px;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color:  var(--main-color);
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;

	cursor: default;
	
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

ul.list { list-style: none; padding-left: 15px;}
.sidebar_banner img {
max-width: 100%;
}


div.post-content h2 { margin-top: 0; line-height: 1.2;}


.client-img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 4px solid #fff;
    margin: 0px auto 20px;
    border-radius: 100%;
}
.carousel-content {
    padding: 50px 0px;
}
.carousel-content h3 span {
    font-size: 17px;
    font-weight: normal;
    color: #e8e8e8;
    text-transform: uppercase;
}
.client-img img {
    width: 100%;
}
#testimonial p { color:#FFF; }
#testimonial h3 a { color: var(--secondary); }
#testimonial {
    text-align: center;
    padding: 40px 0px;
    color: #fff;
    background-color: var(--primary);
}
#testimonial .carousel-control-prev,
#testimonial .carousel-control-next {
    font-size: 36px;
}
#testimonial h2 {
    font-size: 40px;
    font-style: italic;
    border-bottom: 1px solid #7fbdff;
    padding-bottom: 20px;
    display: inline-block;
}



.main-menu-btn { margin: 40px 10px; }

ul.comments {     list-style: none;
    padding-left: 0; }
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#263238; padding:10px 0px 10px 0px ;margin-top: 40px;}

.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:14px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}


#main-menu li li a span { float:right; color: #BBB;  }
#main-menu li ul { width:16em;  }

#myBtn {
  display: none; 
  position: fixed; 
  bottom: 55px; 
  right: 10px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #000;
  opacity: 0.3;
  color: white; 
  cursor: pointer; 
  padding: 10px 15px; 
  border-radius: 10px; 
  font-size: 18px; 
   width: 50px;
}

#myBtn:hover {
  background-color: #555;
}

.btn-group.special {
  display: flex;
}

.special .btn {
  flex: 1
}
.slim .slim-area, .slim .slim-drip, .slim .slim-ratio, .slim .slim-result, .slim .slim-status {
    border-radius: none;
}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}





.round.hollow.blue {
    color: #e64337;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 3px #e64337;
    -moz-box-shadow: 0 0 0 3px #e64337;
    box-shadow: 0 0 0 3px #e64337;
}
.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: .7em;
}
.round.hollow {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.75);
    box-shadow: 0 0 0 3px rgba(0,0,0,.75);
}
.round {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #222;
    color: #fff;
    text-align: center;
}


.timeline .tm-body {
	position: relative;
	padding: 30px 0;
}
.timeline .tm-body:after {
	background: #505050;
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
	content: '';
	display: block;
	height: 100%;
	left: 140px;
	margin-left: -2px;
	position: absolute;
	top: 0;
	width: 3px;
	z-index: 0;
	filter: alpha(opacity=35);
	opacity: 0.35;
}
.timeline .tm-title {
	position: relative;
	display: inline-block;
	text-align: center;
	min-width: 200px;
	background-color: #fff;
	padding: 4px 5px;
	margin: 0 40px;
	z-index: 1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.timeline .tm-items {
	list-style: none;
	padding: 0;
	margin: 0;
}
.timeline .tm-items > li {
	position: relative;
	margin: 30px 0;
	padding: 0 0 0 190px;
	min-height: 65px;
	z-index: 1;
}
.timeline .tm-items > li .tm-datetime {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100px;
	height: 48px;
	margin-top: -24px;
	text-align: right;
	z-index: 3;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
	color: #CCC;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0;
	white-space: nowrap;
}
.timeline .tm-items > li .tm-icon {
	position: absolute;
	top: 50%;
	left: 140px;
	background-color: #ecedf0;
	border: 3px solid #CCC;
	color: #CCC;
	font-size: 28px;
	padding: 10px;
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 29px;
	margin-top: -28px;
	margin-left: -28px;
	z-index: 2;
	-webkit-border-radius: 28px;
	border-radius: 28px;
}
.timeline .tm-items > li .tm-box {
	position: relative;
	background: #fff;
	min-height: 65px;
	padding: 10px 20px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.timeline .tm-items > li .tm-box:after {
	right: 100%;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #fff;
	border-width: 8px;
	top: 50%;
	margin-top: -8px;
	z-index: 2;
}
.timeline .tm-items > li .tm-box p:last-child {
	margin-bottom: 0;
}
.timeline .tm-items > li .tm-box .tm-meta {
	margin: 10px 0 0;
}
.timeline .tm-items > li .tm-box .tm-meta span {
	display: inline-block;
	padding-right: 8px;
}
.timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
	padding-right: 0;
}
.timeline.timeline-simple .tm-body:after {
	left: 30px;
}
.timeline.timeline-simple .tm-body .tm-title {
	border: 1px solid #e9e9e9;
	margin: 0 10px;
}
.timeline.timeline-simple .tm-body .tm-items > li {
	padding: 0 0 0 55px;
}
.timeline.timeline-simple .tm-body .tm-items > li:before {
	display: block;
	position: absolute;
	content: ' ';
	background: none repeat scroll 0 0 #CCC;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC;
	height: 7px;
	left: 30px;
	top: 50%;
	width: 8px;
	margin-left: -4px;
	margin-top: -4px;
}
.timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
	left: -17px;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #e9e9e9;
	border-width: 8px;
	top: 50%;
	margin-top: -8px;
	z-index: 1;
}

@media only screen and (max-width: 991px) {
	.timeline .tm-body:after {
		left: 20px;
	}
	.timeline .tm-title {
		margin: 0;
	}
	.timeline .tm-items > li {
		padding-left: 50px;
	}
	.timeline .tm-items > li .tm-info {
		margin: 0 0 15px;
	}
	.timeline .tm-items > li .tm-info::after {
		clear: both;
		content: "";
		display: table;
	}
	.timeline .tm-items > li .tm-icon {
		border-width: 2px;
		float: left;
		font-size: 22px;
		height: 40px;
		line-height: 36px;
		margin: 0 15px 0 0;
		padding: 0;
		position: static;
		width: 40px;
	}
	.timeline .tm-items > li .tm-datetime {
		margin: 0;
		position: static;
		text-align: left;
	}
	.timeline .tm-items > li .tm-datetime .tm-datetime-date {
		font-size: 0.75rem;
		line-height: 1.3;
	}
	.timeline .tm-items > li .tm-datetime .tm-datetime-time {
		font-size: 1rem;
		line-height: 1.3;
	}
}
@media only screen and (max-width: 767px) {
	.timeline .tm-items > li .tm-box .tm-meta span {
		display: block;
	}
}
html.dark .timeline .tm-items > li .tm-box {
	background: #282d36;
	border-color: #21262d;
}
html.dark .timeline .tm-items > li .tm-box:after {
	border-right-color: #282d36;
}
html.dark .timeline .tm-items > li .tm-box:before {
	border-right-color: #21262d;
}
html.dark .timeline .tm-items > li .tm-icon {
	background-color: #1d2127;
}
html.dark .timeline .tm-title {
	background-color: #282d36;
	border-color: #21262d;
}
html.dark .timeline.timeline-simple .tm-body .tm-title {
	background-color: #282d36;
	border-color: #21262d;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
	box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #CCC;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:after {
	border-right-color: #282d36;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
	border-right-color: #21262d;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{ padding:10px;position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png?v3) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png?v3) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png?v3) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png?v3) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png?v3) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png?v3) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png?v3) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png?v3) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png?v3) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png?v3) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png?v3) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png?v3) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png?v3) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.post-author .img-thumbnail {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.post-author img {
    max-height: 80px;
    max-width: 80px;
}
.img-thumbnail img {
    border-radius: 4px;
}

.comment-block {
overflow-wrap: break-word; 
}

/*-- Boxed White CTA --*/
.as-cta-boxed-white {
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}
@media (max-width: 767px) {
	.as-cta-boxed-white {
		text-align: center;
	}
	.as-cta-boxed-white .as-cta-btn {
		margin-top: 20px;
	}
}
/*-- Boxed White CTA --*/




#body {
background-color: #fafbff }
.card .card-header, .card .card-body, .card .card-footer  {
background-color: transparent; }
.card .card-header {
border-bottom: none; }
.card .card-footer {
border-top: none; }
.card {
border:none; box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); border-radius:0.5rem;}
.list-group-item, .nav-tabs .nav-link.active {
background-color: inherit; }
.list-group-item a {
color: #333; }
.card .card-body h2, .card .card-header h2 { 
margin-top: 0 }
.nav-tabs .nav-link.active {
border-bottom: none;}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
background-color: #FFF; }
.list-group-item-action:hover {
background-color: #e9ecef;
}


.nav-wrapper::-webkit-scrollbar{width:0;height:0}
.nav-wrapper::-webkit-scrollbar-thumb{background:transparent}
.nav-wrapper::-webkit-scrollbar-track{background-color:transparent}
.nav-wrapper { display:block;overflow:auto;white-space:nowrap}
.nav-wrapper a {display:inline-block; padding: .5rem 0.5rem;}
.nav-wrapper a.active { background-color: var(--secondary) !important; }

    

/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}

.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}


/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}

.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
/*  margin-bottom: 1em;*/
}

/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.cluetip-rounded .cluetip-outer {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}

.cluetip-rounded  .cluetip-arrows {
  border-color: #ccc;
}

/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded  .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;

}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;

}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}

#mobile_footer {
    min-height: 56px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #E1E1E1;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: env(safe-area-inset-bottom);
    
}

#mobile_footer a {
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    height: 56px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #777;
    font-size:10px;
}



#mobile_footer a.active {
    color: var(--primary);
    border-bottom: 2px solid var(--primary);
}

@media (min-width: 992px) 
{
#mobile_footer { display: none; }
:target::before { content: "";
  display: block;

}
}

/* BADGES */

.badge2 {
  position: relative;
  margin: 0.8em 0 0.5em 1.5em;
  width: 4em;
  height: 6.2em;
  border-radius: 10px;
  display: inline-block;
  top: 0;
  transition: all 0.2s ease;
  text-align: center;
  box-sizing: content-box !important;
}
.badge2:before, .badge2:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.badge2:before {
  transform: rotate(60deg);
}
.badge2:after {
  transform: rotate(-60deg);
}
.badge2:hover {
  top: -4px;
}
.badge2 .circle2 {
  width: 60px;
  height: 60px;
  position: absolute;
  background: #fff;
  z-index: 10;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.badge2 .circle2 i.fa, .badge2 .circle2 i.far, .badge2 .circle2 i.fas {
  font-size: 2em;
  margin-top: 12px;
}
.badge2 .font2 {
  display: inline-block;
  margin-top: 1em;
}
.badge2 .ribbon2 {
  position: absolute;
  border-radius: 4px;
  padding: 2px 5px 4px;
  width: 100px;
  z-index: 11;
  color: #fff;
  bottom: 12px;
  left: 50%;
  margin-left: -50px;
  height: 25px;
  font-size: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  background: linear-gradient(to bottom right, #555 0%, #333 100%);
  cursor: default;
}

.yellow {
  background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%);
  color: #ffb300;
}

.orange {
  background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%);
  color: #f68401;
}

.pink {
  background: linear-gradient(to bottom right, #F48FB1 0%, #d81b60 100%);
  color: #dc306f;
}

.red {
  background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%);
  color: #c62828;
}

.purple {
  background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%);
  color: #7127a8;
}

.teal {
  background: linear-gradient(to bottom right, #4DB6AC 0%, #00796B 100%);
  color: #34a297;
}

.blue {
  background: linear-gradient(to bottom right, #4FC3F7 0%, #2196F3 100%);
  color: #259af3;
}

.blue-dark {
  background: linear-gradient(to bottom right, #1976D2 0%, #283593 100%);
  color: #1c68c5;
}

.green {
  background: linear-gradient(to bottom right, #cddc39 0%, #8bc34a 100%);
  color: #7cb342;
}

.green-dark {
  background: linear-gradient(to bottom right, #4CAF50 0%, #1B5E20 100%);
  color: #00944a;
}

.silver {
  background: linear-gradient(to bottom right, #E0E0E0 0%, #BDBDBD 100%);
  color: #9e9e9e;
}

.gold {
  background: linear-gradient(to bottom right, #e6ce6a 0%, #b7892b 100%);
  color: #b7892b;
}


.material-icons, .material-icons-two-tone {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18, .material-icons-two-tone.md-18 { font-size: 18px; }
.material-icons.md-24, .material-icons-two-tone.md-24 { font-size: 24px; }
.material-icons.md-36, .material-icons-two-tone.md-36 { font-size: 36px; }
.material-icons.md-48, .material-icons-two-tone.md-48 { font-size: 48px; }
.material-icons.md-72, .material-icons-two-tone.md-72 { font-size: 72px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }



/* Overlay */
.overlay {height: 100%; width: 0; position: fixed;  z-index: 100; left: 0; top: 0; background-color: #FFF;  overflow-x: hidden; }
.overlay-content { position: relative; width: 100%; margin-top: 90px;}
.overlay a {  padding: 12px 25px;  text-decoration: none;  font-size: 22px;}
.overlay .closebtn { position: absolute; top: 20px; right: 20px; font-size: 60px; }
@media screen and (max-height: 450px) { 
.overlay a {font-size: 20px} 
.overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}


#mobile_footer a:hover {
  text-decoration: none !important;
}


#msg_search { height: 40px;  }
#cstream { width: 100%; display: inline-block; }
#cstream li { width: 100%;  }
#msg_search { border-bottom:1px solid #dee2e6; }
#chat_screen { max-height: 100%; }
#msg_users .list-group a .media-body { color: #818182 }
#msg_users .list-group a.active, #msg_users .list-group a.active:hover { background-color: var(--primary); }
#msg_users .list-group a.active .media-body, #msg_users .list-group a.active .media-body h6 { color: #FFF !important;  }
#msg_users .media-body span { font-size: 13px; }
#msg_users { max-height: 100%; overflow-y: scroll; overflow-x: hidden; }
#msg_conversation { max-height: 100%; overflow-y: hidden; overflow-x: hidden; }
#cstream { max-height: 100%; overflow-y: scroll; overflow-x: hidden; }
.list-group-item.active { border-color:var(--primary); }
.conversation_link {max-height: 90px; overflow: hidden;}
#msg_conversation ul { list-style: none; padding-left:0; clear:left;}
#msg_conversation ul li.bubble { text-align: right; }
.conversation_link.active a { text-color:#FFF; }

.delete_right, .dont-break-out 
{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (min-width: 992px) 
{
::-webkit-scrollbar-track
{
	border: 5px solid white;
	background-color: var(--primary);
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #e4e6eb;
}

::-webkit-scrollbar-thumb
{
	background-color: #e4e6eb;
	border-radius: 10px;
}
}


.bubble_right_date { position: relative; width: 95%; margin-bottom:5px; float:right; clear:both; text-align:right; color:#999; }
.bubble_left_date { position: relative; width: 95%; margin-bottom:5px; float:left; clear:both; text-align:left; color:#999; }

.bubble_left, .bubble_right { position: relative; padding: 8px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  margin-bottom:10px; display: inline-block; max-width:75%; }
.bubble_left {  clear:right;   background: #e4e6eb; float: left; color: #000; }
.bubble_right { color:#FFF;  background: var(--primary); float:right; margin-right:10px; text-align: left; }
.bubble_right a { color: #FFF; font-weight: bold; }

.bubble_datum { clear:both; font-size:13px; margin:20px auto 10px auto; text-align:center; }

.bubble_delete { display: none; }

.message_counter { float:right; line-height:18px; }
.new_bubble {
-webkit-animation:name 10s 1;
animation:name 10s 1; 
}

textarea.form-control:focus {
    overflow: auto;
    outline: none;

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

@-webkit-keyframes name{0% {background-color:#ececf6;}80% {background-color:#ececf6;}100% {background-color:#e4e6eb;}}
@keyframes name { 0% {background-color:#ececf6;}80% {background-color:#ececf6;}100% {background-color:#e4e6eb;} }

html {
    scroll-behavior: smooth;
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea]{position:absolute;z-index:1000;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item{font-size:14px;padding:1px 3px;border:0}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a{text-decoration:none;display:block;height:100%;line-height:1.8em;padding:0 1.54em 0 .615em;color:#4f4f4f}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover{background-color:#e4e4e4}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a{color:#333}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:0 5px .2ex 0;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea-text .emojioneemoji,.emojionearea-text [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea,.emojionearea *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.emojionearea.emojionearea-disable{position:relative;background-color:#eee;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea.emojionearea-disable:before{content:"";display:block;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.3;position:absolute;background-color:#eee}.emojionearea,.emojionearea.form-control{display:block;position:relative!important;width:100%;height:auto;padding:0;font-size:14px;background-color:#FFF;border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-transition:border-color .15s ease-in-out,-moz-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.emojionearea.focused{border-color:#66AFE9;outline:0;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.emojionearea .emojionearea-editor{display:block;height:auto;min-height:8em;padding:6px 24px 6px 12px;line-height:1.42857143;font-size:inherit;color:#555;background-color:transparent;border:0;cursor:text;margin-right:1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor:empty:before{content:attr(placeholder);display:block;color:#BBB}.emojionearea .emojionearea-editor:focus{border:0;outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor .emojioneemoji,.emojionearea .emojionearea-editor [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea.emojionearea-inline{height:34px}.emojionearea.emojionearea-inline>.emojionearea-editor{height:32px;min-height:20px;overflow:hidden;white-space:nowrap;position:absolute;top:0;left:12px;right:24px;padding:6px 0}.emojionearea.emojionearea-inline>.emojionearea-button{top:4px}.emojionearea .emojionearea-button{z-index:5;position:absolute;right:3px;top:3px;width:24px;height:24px;opacity:.6;cursor:pointer;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.emojionearea .emojionearea-button:hover{opacity:1}.emojionearea .emojionearea-button>div{display:block;width:24px;height:24px;position:absolute;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.emojionearea .emojionearea-button>div.emojionearea-button-open{background-position:0 -24px;filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button>div.emojionearea-button-close{background-position:0 0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-open{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-close{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-picker{background:#FFF;position:absolute;-moz-box-shadow:0 1px 5px rgba(0,0,0,.32);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.32);box-shadow:0 1px 5px rgba(0,0,0,.32);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:276px;width:316px;top:-15px;right:-15px;z-index:90;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;filter:alpha(Opacity=0);opacity:0;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea .emojionearea-picker.hidden{display:none}.emojionearea .emojionearea-picker .emojionearea-wrapper{position:relative;height:276px;width:316px}.emojionearea .emojionearea-picker .emojionearea-wrapper:after{content:"";display:block;position:absolute;background-repeat:no-repeat;z-index:91}.emojionearea .emojionearea-picker .emojionearea-filters{width:100%;position:absolute;z-index:95;background:#F5F7F9;padding:0 0 0 7px;height:40px}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter{display:block;float:left;height:40px;width:32px;padding:7px 1px 0;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active{background:#fff}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active,.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>i{width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>img{width:24px;height:24px;margin:0 3px}.emojionearea .emojionearea-picker .emojionearea-search-panel{height:30px;position:absolute;z-index:95;top:40px;left:0;right:0;padding:5px 0 5px 8px}.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones{float:right;margin-right:10px;margin-top:-1px}.emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones{position:absolute;top:4px;left:171px}.emojionearea .emojionearea-picker .emojionearea-search{float:left;padding:0;height:20px;width:160px}.emojionearea .emojionearea-picker .emojionearea-search>input{outline:0;width:160px;min-width:160px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones{padding:0;width:120px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone{display:inline-block;padding:0;border:0;vertical-align:middle;outline:0;background:0 0;cursor:pointer;position:relative}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0:after{background-color:#ffcf3e}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1:after{background-color:#fae3c5}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2:after{background-color:#e2cfa5}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3:after{background-color:#daa478}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4:after{background-color:#a78058}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5:after{background-color:#5e4d43}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone{width:20px;height:20px;margin:0;background-color:transparent}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{content:"";position:absolute;display:block;top:4px;left:4px;width:12px;height:12px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone.active:after{top:0;left:0;width:20px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone{width:16px;height:16px;margin:0 2px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone.active:after{content:"";position:absolute;display:block;background-color:transparent;border:2px solid #fff;width:8px;height:8px;top:2px;left:2px;box-sizing:initial}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before{content:" ";clear:both;display:block}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone:after{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}.emojionearea .emojionearea-picker .emojionearea-scroll-area{height:236px;overflow:auto;overflow-x:hidden;width:100%;position:absolute;padding:0 0 5px}.emojionearea .emojionearea-picker .emojionearea-search-panel+.emojionearea-scroll-area{height:206px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list{z-index:1}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title{display:block;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#b2b2b2;background:#FFF;line-height:20px;margin:0;padding:7px 0 5px 6px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block{padding:0 0 0 7px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category{padding:0!important}.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0;width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:24px;height:24px;float:left;display:block;margin:1px;padding:3px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#e4e4e4;cursor:pointer}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img{float:left;display:block;width:24px;height:24px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji{filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters{top:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area{bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area{top:40px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel{top:initial;bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters{bottom:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area{top:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel,.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area{top:initial;bottom:40px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel{top:0}.emojionearea .emojionearea-picker.emojionearea-picker-position-top{margin-top:-286px;right:-14px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -49px;bottom:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -80px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left,.emojionearea .emojionearea-picker.emojionearea-picker-position-right{margin-right:-326px;top:-8px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{width:10px;height:19px;background-position:0 -60px;top:13px;left:-10px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:right -60px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom{margin-top:10px;right:-14px;top:47px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -100px;top:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -90px}.emojionearea .emojionearea-button.active+.emojionearea-picker{filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-top{margin-top:-269px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-left,.emojionearea .emojionearea-button.active+.emojionearea-picker-position-right{margin-right:-309px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom{margin-top:-7px}.emojionearea.emojionearea-standalone{display:inline-block;width:auto;box-shadow:none}.emojionearea.emojionearea-standalone .emojionearea-editor{min-height:33px;position:relative;padding:6px 42px 6px 6px}.emojionearea.emojionearea-standalone .emojionearea-editor::before{content:"";position:absolute;top:4px;left:50%;bottom:4px;border-left:1px solid #e6e6e6}.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji{opacity:.4}.emojionearea.emojionearea-standalone .emojionearea-button{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.emojionearea.emojionearea-standalone .emojionearea-button>div{right:6px;top:5px}.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{right:23px}.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{top:15px}.emojionearea .emojionearea-button>div,.emojionearea .emojionearea-picker .emojionearea-wrapper:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=)!important}.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder{background-repeat:no-repeat;background-position:20px 4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=)!important}

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.action_buttons .row .col { cursor: pointer; }
.action_buttons .row .col:hover { background-color:#fafbff; }



#pageOverlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a modal (higher than modal) */
    cursor: progress; /* Add a progress cursor */
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

#overlayContent {
    text-align: center;
    background: white;
    padding: 20px;
    border-radius: 10px;
}

.comment p { color:#000; } .comment p.grey { color:#848484; }