/* open-sans-regular - latin_greek_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/open-sans-v18-latin_greek_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/css/fonts/open-sans-v18-latin_greek_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v18-latin_greek_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v18-latin_greek_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v18-latin_greek_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v18-latin_greek_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body,  h1, h2, h3, h4, h5 { 
}

.navbar-default { 
	background-color: #118dcd;
}


body.wday { }

body.wnight { 
}



// .wday .wcont a { color: #008dad; word-wrap: break-word; }


@media print { 
  .noprint ,
  .nav,
  #cometchat,
  .btn
  { 
  	display:none;
  }

  a[href]:after {
      content: none
        }
}


.badge, .label  {
	font-weight: normal;
}

.wnight .form-control, .wnight input, .wnight textarea
{
	border:2px solid #555;
}



.table a:not(.btn), table a:not(.btn) 
{ text-decoration: none; } 

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


.fbox
{
	border:1px solid #ccc;
	border-radius: 5px;;
}

.fbox-head { 
padding:5px;
}






.msgSuccess { 
	border:1px solid #393;
	background:#efe;
	padding:20px;
	margin-bottom:30px;
	border-radius:10px;
	box-shadow:1px 1px 10px #999;
}

.msgFailure { 
	border:1px solid #c22;
	background:#fdd;
	padding:20px;
	margin-bottom:30px;
	border-radius:10px;
	box-shadow:1px 1px 10px #999;
}



.popout {
    animation: popout .5s ease;
    -webkit-animation: popout .5s ease;
}
@keyframes popout {
    from{transform:scale(1)}
    to{transform:scale(2)  rotate(170deg);  opacity:0;}
}


.shcard { 
	margin-bottom:30px;
	font-size:15px;
	box-shadow:0px 1px 3px rgba(0,0,0, .1);
}
.shcard .card-header 
{
	padding:7px;
}
.shcard .card-body{ 
	padding:7px;
}

.shcard .precap
{
	padding:7px;
}

.shcard  { 
	border:1px solid #333;
	background:#282828;
}
.wnight .shcard  .card-header { 
	background:#333;
}
.wnight .shcard  { 
	border:1px solid #464545;
}

.shcard .lastcom { 
	background:#222222;
	padding:5px;
}

.lastcom .l { display:inline-block; } 
.lastcom .r { display:inline-block;  margin-left: 5px; padding:5px 15px 5px 15px; ; background:#303030; border-radius:15px;} 



.wday .shcard  
{
	border:1px solid #ddd;
	background:#fefefe;
}

.wday .shcard  .r { 
	background:#ffffff;
}

.wday .shcard  .card-header { 
	background:#ecf0f1;
}


.wday .shcard .lastcom { 
	background:#f5f5f3;
}


.panelbg { background-color: #333; } 
.wday .panelbg { background-color:#fff; } 



.text-small { font-size:.9em; } 



.com { 
	margin-top:10px;
}

.comin { 
}


.comleft { 
	display:table-cell;
	vertical-align:top;
	padding-top:3px;
	padding-right:5px;
	margin:0px;
	padding-left:0px;
}

.comhead { 
}

.combody { 
	display:table-cell;
	vertical-align:top;
	word-wrap: break-word;
	background:#f0f7fd;
	width:100%;
	padding:5px;
	border-radius: 0px 10px 10px 10px;

}

.wnight .combody { 
	background:#333;
}

.tooltip { 
	word-wrap: break-word;
}

.combody > .aaacomhov  {
visibility:hidden; 
} 

.combody:hover > .aacomhov { 
	visibility:visible;
}

.comtxt { 
margin-bottom:5px;
}


.comft, .comft a { 
	font-size:13px; color:#888;
}


.cindent { 
	margin-left:35px;
}

.cindent .avcom { 
	height:26px;
	width:26px;
}









.notifs  { padding:1px 5px 3px 5px; color:#fff; background :#c22; border-radius:8px;border:1px solid #c22; font-weight:bold; font-size: 14px; line-height:14px;} 


.notif { 
	border-bottom:1px solid #eee;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
	font-size:.9em;
}

.bfox { 
	margin-bottom:10px;
	padding:4px;
	border:1px solid #eee;
	border-radius:10px;
}


.btop { border-top:1px solid #eee; } 

.table-nob  td { border-top:0px; } 

.pointer { 
	cursor:pointer;
}

.updbold { 
}



.footer { 
	padding:20px;
	margin-top:80px;
	margin-bottom:0px;
}




.farmslot { 
	color:#333;
		width:172px;
		padding:0px;
		padding-top:6px;
		text-align:center;
		border:1px solid #aca;
		border-radius:10px;
		margin:6px;
		float:left;
		display:block;
		min-height:270px;
		box-shadow:         inset 0 0 6px #aaa;
		position:relative;
		background:#d3ebbd;
}

.tagged
{
	background:#d3ebbd url('/img/farm/btag.png') no-repeat -30px 0px;
}
.break { clear:both; } 


.buck { 
	border:1px solid #eee;
	border-radius:5px;
	height:300px!important;
	margin-bottom:5px;
	overflow:hidden;
	background: #fef6e8 url('/img/joyfarm/buckback.png') no-repeat bottom left;
}




.vign { 
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 1px 1px 10px #444; 
	border: 1px solid #ccc;
}


.base-sticker 
{ 
}


.base-post .updtable ,
.base-sticker .updtable 
{ 
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.base-post .updbold ,
.base-sticker .updbold 
{ 
	margin:auto;
}


.letson td{ 
	width:30px;
	text-align:center;
	background:#3a3;
	color:#fff;
	border:3px solid #fff;
	font-size:20px;
	font-family: Georgia, times , serif;
	font-weight:bold;
}

.boximg { 
	display:inline-block;
	border:0px;
	background-size:cover;
	background-position: center center;
}


.firstpost { 
	margin-bottom:20px;
}


.wbordiv { 
	color:#fff;
	text-shadow:0px 0px 5px #000;
}


.whitelnk a { 
	color:#fff;
}
.wbord { border:2px solid #f9f9f9; box-shadow:0px 1px 4px rgba(0,0,0,.2); }


.wcont { }





.fd-l {   width:70px; height:100px; text-align: center;   vertical-align:middle; } 


.postpage .fd-img { max-height:260px;  } 

.table>tbody>tr>td.fd-vote { vertical-align:top; } 

.fd-r h4 { margin-top:4px; margin-bottom:4px; };

.fd-f { font-size:.85em; }
.wnight .fd-f, .wnight .fd-f a {color: #aaa; } 
.wday .fd-f, .wday .fd-f a {color: #888; } 

.fd-r {  word-break: break-word; padding-left:10px; }


.avimg { 
	height:50px; width:50px; 
	object-fit:cover;
	margin-right:3px;
	border:1px solid #eee; 
	border-radius:50%;
}


.avcom  { 

	object-fit:cover;
	height:35px!important; 
	width:35px!important; 
	margin-right:3px;
	border-radius:50%;
}


.hdimg { 
height:35px; width:35px; 
border:1px solid #eee; border-width:2px;
}
td.td-middle { vertical-align:middle!important; } 



.dbg{ border:#c22; background:#383; } 



.modal {
    overflow-y: auto;
    }

    .modal-open {
        overflow: auto;
	}

	.modal-open[style] {
	     padding-right: 0px !important; 
	    }




.advcont { overflow:hidden; }


.advlink { width:350px;height:280px; color:#444;  text-decoration:none; } 
.advlink h3 { line-height:1.2em; }

.advbg { 
border:1px solid #ccc;
border-radius:3px;
height:280px;width:336px;
padding-left:20px;
padding-right:20px;
display:table-cell; vertical-align: middle;
background:url(/css/ybg.png) no-repeat center center;
background-size:cover;
overflow:hidden;
}

.advfull { 
border:1px solid #ccc;
border-radius:3px;
height:92px;
width:auto;
background:url(/css/ybg.png) no-repeat center center;
background-size:cover;
margin:0px;
}

.advbg a { color:#222; } 



.vert-center { 
	display:flex;
	align-items:center;
}


.blogpost { 
font-size:16px;
line-height:30px;;
}

.blogpost img { 
}

.jodit_wysiwyg { color:#222; } 
.jodit_wysiwyg a { color:#292; } 

.itemthumb { max-width:160px; } 

h1 { font-size:32px; } 

.lnav a{ 
	color:#fff;
}

.fdimg { margin:auto; max-width:100%;    object-fit:cover; border-radius:10px; margin-bottom:10px; max-height:350px;} 
.postpage .fdimg {  max-height:800px;} 

.stimg {  object-fit:contain; max-height:120px;}

.zm1, .zm2 { 
	transition: all 0.7s ease;
}
.zm1:hover { transform:scale(1.1); }
.zm2:hover, .feedimg:hover { transform: scale(1.5); } 

.avimc { border-radius:50%; } 

.feedav { border-radius:50%; border:2px solid #fff; }

.fdcomp { width:40px; height:40px; } 


.modal-xl { 
	width:98%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}



.mstack { 
}
.mstack a { 
	padding:7px 3px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.wday .mstack .act , .wday .mstack a:hover { 
	background-color:#e8e2db;
/*	text-decoration:none; */
}


.wnight .mstack .act , .wnight .mstack a:hover { 
	background-color:#444;
	text-decoration:none;
}




.mstack .sub { 
	padding-left:20px;
}

.mstack .upd {  border-right:4px solid #c22;} 

.input-xs {
  height: 22px;
    padding: 2px 5px;
      font-size: 12px;
        line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
	  border-radius: 3px;
	  }


@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

.fdpost { 
	max-height:390px;
	overflow:auto;
}
.chs { font-size:18px; }

#cometchat_user_2_popup .cometchat_tabcontentinput { display:none; } 

@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }


.RB
{
  animation: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.RB:hover  { 
	animation:nonexistent;
}


.imgsm  {
    width:60px;
    height:60px;
    object-fit:cover;
}

.fdt { font-size:16px; font-height:1.6em; } 


.rest { 
	font-size:20px;
	line-height:1.3em;
	padding-top:4px;
}

.resu { 
	color:#888;
	font-size:14px;
	line-height:1.3;
	padding-top:1px;
}


.resm { 
	font-size:14px;
	line-height:1.58em;


}




.thumbgoleft { 
	position:absolute;top:100px;left:4px;z-index:1000000;
}


.prstic { 
	background:#296fb7; 
	color:#fff;
	padding:5px;
	border-radius:0px 5px 5px 0px;
	font-size:14px;
}


.lic { 
	border-radius:4px;
	padding:3px 4px;
	background:#388eee;
	font-size:15px;
	color:#fff;
}




.tg { 
	border-radius:3px;
	padding:2px 3px;
	background:#aaa;
	font-size:13px;
	color:#fff;
}




 .avimg:hover, .avcom:hover, .feedimg:hover { 
	 transform: scale(1.5); 
	 transition-property: all;
	 transition-duration: 0.5s;

 }