﻿
ul li:hover ul {display: contents !important;}
ul li ul {
  position: absolute;
  width: 200px;
  display: none;
}
ul li ul li { 
  
  display: block; 
}
ul li ul li {display:block !important;} 

.board-list-wrp tr:hover {
    background-color: #fcfcfc;
}

    .mobile-view {
        display: none;
    }

    .desktop-view {
        display: block;
    }

    /* Media Query for Mobile */
    @media (max-width: 768px) {
        .desktop-view {
            display: none;
        }

        .mobile-view {
            display: block;
        }
    }
	
	@media (max-width: 768px) {
    .layout-text::before {
      content: "Desktop";
    }
    .layout-text {
      visibility: hidden;
    }
    .layout-text::before {
      visibility: visible;
    }
	.layout-textGrid::before {
      content: "Grid";
    }
    .layout-textGrid {
      visibility: hidden;
    }
    .layout-textGrid::before {
      visibility: visible;
    }
  }

.page-content-cell {
	background: #fff;
	}

.page-content-cell table {
    width: 100%;
}
.category-inline-search-form {
    display: inline-block;
    float: right;
    line-height: 35px;
    border-left: 1px solid #e9ebee;
    height: 100%;
    vertical-align: middle;
    padding: 8px 10px;
}
.category-inline-search-form input[type=text] {
    height: 26px;
    font-size: 14px;
    font-family: 'ProximaNova Regular';
    line-height: 32px;
}
.page-content-block.page-content-block_media table.tbl-with-media_search>tbody>tr>td, .page-content-block.page-content-block_media .tbl-with-media_search>table>tbody>tr>td {
    padding-bottom: 10px;
}
						
.size14{
	font-size: 14px;
	text-decoration:none!important;
}
.Gray{
	background-color:#efefef;
}
.pad3px
{
	padding:3px;
}
.wordbreakall{
	    word-break: break-all;
}
.imgGray{
	height:150px;background-color:#efefef;
	text-align:center;
	vertical-align:middle;
}
table.size180{
	width:180px;
}
.imgGray140{
	height:140px;background-color:#efefef;
	text-align:center;
	vertical-align:middle;
}
.imgGray140 img{
	max-height:140px;max-width:140px;
}

.imgGray180{
	height:180px;background-color:#efefef;
	text-align:center;
	vertical-align:middle;
}
.imgGray180 img{
	max-height:180px;max-width:180px;
}
.imgGray220{
	height:220px;background-color:#efefef;
	text-align:center;
	vertical-align:middle;
}
.imgGray220 img{
	max-height:220px;max-width:220px;
}
				.page-content-block.page-content-block_media {
    padding: 5px 20px 20px 20px;
}	
.tbl-with-media_search > div.block {
   max-width:160px;
  max-height:60px;  
 overflow-wrap: anywhere;
     line-height: 1.3;
}
	div.mediablock {
	max-width:160px;
	max-height:60px;    
	overflow-wrap: anywhere;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis; 
	/*white-space: nowrap; */
}
div.mediablockwhitespace {
	white-space: nowrap;
}

	div.mediablock.member-desc-block {
		max-width:160px;
		max-height:50px;    
		overflow-wrap: anywhere;
	}
	
	 .showmore {
	  cursor: pointer;
		margin-top:10px;
		color:#e2097e;
		position:relative;
	}
	 .showmore span{
	 float:left;
	}
	.showmorearrow{
	margin-top: -2px;
    position: absolute;
    margin-left: 5px;
	}
	.showlessarrow{
	margin-top: 5px;
    position: absolute;
    margin-left: 5px;
	}
	.up_arrow{
	float:left;
    transform:rotate(-90deg);
    width: 10px;
    height: 10px;
    display: block;
}
	 .more {display: none;}
         body,
         .main-content-table,
         .wall-widget-table {
           /*  background: #fefefe;*//*#FAF9F6 ;*/ /*#e9ebee;*/
         }

         .wall-widget-wrp {
             background: #fff;
         }

         .sits-status-line .sits-status-line_search input[type=button] {
             background: rgb(226, 9, 126) url(/css/whiteLayout/images/sits-submit-icon.png) center center no-repeat;
         }

         .widget-header-menu-refresh {
           /*  position: absolute;
             right: 0px;
             top: 0px;*/
             padding-right: 10px;
           /*  padding-top: 5px;*/
         }
	 div.block {
    width: 183px;
    max-height: 30px;
    min-height: 15px;
    overflow: hidden;
}
.white-column {
    /*background-color: #e9ebee!important;
    border-right: 8px solid #e9ebee!important;*/
}
 .boardMedia>div.block {
    width:200px;
  max-height:40px;  
 overflow-wrap: anywhere;
     line-height: 1.3;
}
/*
.force-overflow > div a, .force-overflow  div {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-family: 'ProximaNova Regular', sans-serif;
	padding-left:10px;
    line-height: 14px;
   
	padding-top: 5px;
	padding-bottom: 5px;
    color: #000;
}
.force-overflow > div span:hover, .force-overflow > div a:hover, .force-overflow +  span:hover, 
.force-overflow  a:hover, .force-overflow div:hover, .force-overflow  div:hover span {
    color: #0f77a1;
}
*/
.vl {
  border-left: 1px solid lightgray;
  height: 40px;
  display:inline-block
}
