body {
	margin:0px;
	background: #e8e8e8;
	font-family:Helvetica;
	font-size:65%;	
	overflow:hidden;
}
.menuDiv{
	text-align:left; 
	border: 1px solid #444444; 
	/*
background: #b7b7b7; 
*/
	font-weight: normal; 
	color: #eeeeee;
	
	width:245px;		
	/*background-color:#ccc;*/
	background:url(/admin/images/top.png) repeat-y;
	position:absolute;
	
}

div.sdmenu {
	width: 245px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	padding-left:0px;
	margin-top:1px;
	
	
}

div.sdmenu div {
	border: 1px solid #444444; 
	background: #b7b7b7; 
	font-weight: normal; 
	color: #eeeeee;
	overflow: hidden;	
}

div.sdmenu div:hover {
	color: #020e33;
	text-decoration: none;
}

div.sdmenu div:first-child {
	border: 1px solid #444444; 
	background: #b7b7b7; 
	font-weight: normal; 
	color: #eeeeee;
	cursor:pointer;
}

div.sdmenu div:first-child:hover {
	color: #020e33;
	text-decoration: none;
}

div.sdmenu div.collapsed {
	height: 25px;
}

div.sdmenu div span {
	display: block;
	padding: 5px 15px;
	font-weight: bold;
	color: black;
	background: url(images/bg_menu_on.png) 0px center;
/*
background: url(../css/default/images/ui-bg_glass_50_3baae3_1x400.png) repeat-x 50% 50% #2779AA;
*/
	cursor: pointer;
}
div.sdmenu div.collapsed span {
	background: url(images/bg_menu_off.png);
	color: white;

}
div.sdmenu div a {
	padding: 5px 20px;
	background: #d3d3d3;
	display: block;
	border-bottom: 0px solid #ddd;
	color: #000;
	text-decoration:none;
	text-decoration:none;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}

div.sdmenu div a:hover {
	background : #000 url(images/linkarrow.png) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

.logoContainer{
	padding:0px 15px 0px 15px;
	background:rgba(255,255,255,0.9);
	border-radius:10px;
	margin:10px;
	border:solid 2px white;

}
.logoContainer img{
	width:190px;
	
}

.logoContainerHome{
	padding:0px 15px 0px 15px;
	background:rgba(255,255,255,0.9);
	border-radius:10px;
	margin:10px;
	border:solid 2px white;
}

.headerDiv{
	background-color:#444444;
	text-align:right;
	border-bottom:4px solid #2694d3;
	height:45px;
}

.headerInfo{
	float:right;
	color:#FFFFFF;
	font-size:14px;	
	padding-top:0px;
	margin-right:2px;
	cursor:default;	
	height:43px;
}

.userNameBox{
	padding-top:16px;
	padding-bottom:16px;
	background:url(/admin/images/down_arrow.png) right center no-repeat;
	padding-right:16px;
	padding-left:6px;
	margin-right:10px;
	display:inline-block;	
}

.userNameBox:hover{
	background:url(/admin/images/bg_menu.png) repeat;
}

.headerButton{
	height:43px;
	width:38px;
	float:right;
	cursor:pointer;
	margin-right:1px;
}

.help{
	background:url(/admin/images/icon_help_off.png) no-repeat center;
}

.help:hover{
	background:url(/admin/images/icon_help_on.png) no-repeat center;
}

.settings{
	background:url(/admin/images/icon_settings_off.png) no-repeat center;
}

.settings:hover{
	background:url(/admin/images/icon_settings_on.png) no-repeat center;
}

.logOut{
	background:url(/admin/images/icon_logout_off.png) no-repeat center;
}

.logOut:hover{
	background:url(/admin/images/icon_logout_on.png) no-repeat center;
}

.navigationBar{
	background-color:#d8d8d8;
	height:22px;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding-top:7px;
	padding-left:22px;
	background:url(/admin/images/navigation_arrow1.png) no-repeat left center #d8d8d8;
	/*
position:fixed;
	width:100%;
	margin-left:2px;
	margin-bottom:22px;
*/
}

.navigationBar a{
	color:#2694d3;
}

.mainContent{
	padding-left:245px;
	overflow:auto;	
}


.subMenu{
	border-top:4px solid #2694d3;
	position:absolute;
	background:url(/admin/images/bg_menu.png) repeat;
	float:left;
	margin-left:0px;
	margin-top:14px;		
	display:none;
	z-index:100;
}

.subMenuItem{
	height:19px;
	padding-top:8px;
	border-top:1px solid #151A02;
	font-size:12px;
	color:#FFFFFF;
	padding-left:8px;
	text-align:left;
	cursor:pointer;	
}

.subMenuItem a{
	color:#FFFFFF;
	text-decoration:none;
}

.subMenuItem a:hover{
	
}

.subMenuItem:hover{
	
	background:url(/admin/images/bg_menu_hoover.png) repeat;
}

/* tables */
.tableContainer{
	margin:20px;
}

table.dataTable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.dataTable thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 4px;
}
table.dataTable thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.dataTable tbody td {
	color: #3D3D3D;
	padding: 4px;
	
	vertical-align: top;
}
table.dataTable tbody tr.odd td {
	background-color:#F0F0F6;
}

table.dataTable tbody tr.even td {
	background-color:#FFF;
}

table.dataTable tbody tr:nth-child(even) {background-color:#F0F0F6;}
table.dataTable tbody tr:nth-child(odd) {background-color:#FFFFFF;}

table.dataTable thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.dataTable thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.dataTable thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.dataTable tbody td a {
	 font-size: 11px;
	 color: #333333;
}
table.dataTable tbody td a:link {
	 color: #333333;
}
table.dataTable tbody td a:hover {
	 color: #1785ea;
}

.genericTableCLASS {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
.user-list {
	margin:5px 0pt 5px !important;
}
.fitWidth{
	width:auto;
	margin:auto;
}

.genericTableCLASS td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
}

.genericEvenCell{
 	background-color:#FFF;
}

.genericOddCell{
 	background-color:#F0F0F6;
}

.genericTableCLASS {
	border-width: 1px;
	border-style: solid;  
	border-color: #AED0EA;
	border-spacing:1px;
	background-color:#cccccc;
	border-top-width: 8px;
	margin-top: 20px;
	color: #000;
	font-size: 9pt;
}

.genericTableCLASS tr td{
	padding:8px;
}

.tableHeader td{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 4px;
	font-weight:bold;
}

.genericTableCLASS tr:nth-child(even) {background-color:#F0F0F6;}
.genericTableCLASS tr:nth-child(odd) {background-color:#FFFFFF;}


.genericTableCLASS a {
	 font-size: 11px;
	 color: #333333;
}
.genericTableCLASS a:link {
	 color: #333333;
	 
}
.genericTableCLASS a:hover {
	 color::#1785ea;
}

.hoverTbody tr:hover{
	
}


.errorBox {   
	padding: 3px;
	color: red;
	display:block;	
	font-size:12px;	
	padding-bottom: 0px;
}

.error{
	/*
background-color: #FFEA00;
	color:#4D4D4D;	
*/
}

.spotAdClass{
	cursor:pointer;
} 

.expiredAd{
	background-color:red;
	color:#FFFFFF;
}

.hoverClass td{
	background-color:  #C0DCFC;
	cursor:pointer;
	color:white;
}

.charCountBox{
	font-style:italic;
	color:red;
	font-size:11px;
}

.topicBox{
	display:inline-block;
	width:200px;
}

.imgUploaderPic img{
	max-width:330px;
}

.informationMessage{
	padding:10px;
	background-color:#C0DCFC;
	border:1px solid #56A1F4;
	color:#444444;
	margin:15px;
	margin-bottom:10px;
	margin-top:10px;
}

.offerMessage{
	padding:10px;
	background-color:#FFEB9A;
	border:1px solid #FFB111;
	color:#444444;
	margin:15px;
	margin-bottom:10px;
	margin-top:10px;
}

.messageNote{
	padding:10px;
	background-color:#C0DCFC;
	border:1px solid #56A1F4;
	color:#444444;
	margin:0px;
	margin-bottom:10px;
	margin-top:0px;
}

.activityNote{
	padding:10px;
	background-color:#FFEB9A;
	border:1px solid #FFB111;
	color:#444444;
	margin:0px;
	margin-bottom:10px;
	margin-top:0px;
	cursor:pointer;
}

.messageFromClient{
	padding:10px;
	background-color:#FFb873;
	border:1px solid #FF9F40;
	color:#444444;
	margin:0px;
	margin-bottom:10px;
	margin-top:0px;	
	cursor:pointer;
}

.messageToClient{
	padding:10px;
	background-color:#64df85;
	border:1px solid #00AE68;
	color:#444444;
	margin:0px;
	margin-bottom:10px;
	margin-top:0px;	
	cursor:pointer;
}

.colorOrange{
	color:#ffBB40;
}

.colorGreen{
	color:#36d695;
}

.colorBlue{
	color:#2779AA;
}

.colorRed{
	color:red;
}

.colorOrangeSpan td span{
	color:green;
}


.colorBlueSpan td span{
	color:#2779AA;
}

.colorRedSpan td span{
	color:red;
}
.orangeContainer{
	padding:4px;
	background-color:#FFb873;
	border:1px solid #FF9F40;
	color:#444444;	
}

.greenContainer{
	padding:4px;
	background-color:#64df85;
	border:1px solid #00AE68;
	color:#444444;	
}

.inLine{
	display:inline-block;
}

.messageTitle{
	font-weight:bold;
	font-size:12px;
	
	float:left;	
}

.messageDate{
	font-size:12px;
	
	float:right;
}

.messageContent{
	margin-top:20px;
	margin-bottom:0px;
	margin-right:0px;
	text-align:justify;	
}

.warnningMessage{
	padding:10px;
	background-color:#F5CFCF;
	border:1px solid #F45656;
	color:#444444;
	margin:15px;
	margin-bottom:10px;
	margin-top:10px;
}

.alert{
	font-weight:bold;
	font-size:12px;;
	color:red;
}

.match span{
	color:blue;
	font-weight:bold;
}

.notMatch span{
	color:red;
	font-style:italic;
}

.caseTitle{
	display:inline-block; 
	text-align:left;
	font-size:20px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
}

.caseTitle div{
	display:inline-block;
	position:absolute; 
	right:0px;
	color:green;
}

.caseSubTitle{	
	font-size:13px;
	margin-top:5px;
}

.caseSubTitle a{
	color:#000;
	text-decoration:none;
}

.caseSubTitle div{
	display:inline-block;
	position:absolute; 
	right:0px;
	font-weight:bold;
	text-transform:capitalize;
}

.caseLeftPane{
	display:inline-block;
	vertical-align:top;
	width:340px;
	margin-top:15px;
	margin-right:15px;
	margin-left:5px;
	box-shadow:0px 0px 3px 0px #CCCCCC;
	padding:10px;
	height:460px;
	border-radius:5px;
}

.caseRightPane{
	display:inline-block;
	vertical-align:top;
	width:476px;
	margin-top:15px;
	box-shadow:0px 0px 4px 0px #CCCCCC;
	padding:0px;
	border-radius:5px;
	height:480px;
	
}

.caseState1{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:#FFB111;
}

.caseState2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:green;
}

.caseState3{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:blue;
}

.caseState4{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:red;
}

.caseTextarea{
	margin:8px 0px 8px 0px;
	
}

.scrollbarCaseWall { width: 340px; clear: both; margin-top:10px; }
.scrollbarCaseWall .viewport { width: 330px; height: 300px; overflow: hidden; position: relative; }
.scrollbarCaseWall .overview { list-style: none; position: absolute; width: 326px; left: 0; top: 0; }
.scrollbarCaseWall .thumb .end,
.scrollbarCaseWall .thumb { background-color: #4b4b4b; border-radius: 2px; }
.scrollbarCaseWall .scrollbar{ background: #D5D5D5; position: relative; background-position: 0 0; float: right; width: 5px; border-radius: 2px;}
.scrollbarCaseWall .track { background-color: #D5D5D5; height: 100%; width:1px; position: relative; padding: 0 1px; border-radius: 4px; }
.scrollbarCaseWall .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -1px;border-radius: 4px;}
.scrollbarCaseWall .thumb .end { overflow: hidden; height: 5px; width: 7px; }
.scrollbarCaseWall .disable{ display: none; }

.scrollbarCaseTabs { width: 445px; clear: both; margin-top:10px; }
.scrollbarCaseTabs .viewport { width: 435px; height: 385px; overflow: hidden; position: relative; }
.scrollbarCaseTabs .overview { list-style: none; position: absolute; width: 430px; left: 0; top: 0; }
.scrollbarCaseTabs .thumb .end,
.scrollbarCaseTabs .thumb { background-color: #4b4b4b; border-radius: 2px; }
.scrollbarCaseTabs .scrollbar{ background: #D5D5D5; position: relative; background-position: 0 0; float: right; width: 5px; border-radius: 2px;}
.scrollbarCaseTabs .track { background-color: #D5D5D5; height: 100%; width:1px; position: relative; padding: 0 1px; border-radius: 4px; }
.scrollbarCaseTabs .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -1px;border-radius: 4px;}
.scrollbarCaseTabs .thumb .end { overflow: hidden; height: 5px; width: 7px; }
.scrollbarCaseTabs .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.center-pos{
	vertical-align: middle;
    display: block;
    margin-top: 10rem;
}
.row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
  }

  .column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	margin-bottom: 10px;
  }
  .row {
	display: flex;
  }
  
  .column {
	flex: 50%;
  }
.max-w{
	max-width: 100%;
	height: 200px;
}

.cursor-pointer{
	cursor: pointer !important;
}

.fs16{
	font-size: 16px !important;
}

.text-white{
	color: #ffffff !important;
}