.main-container {
	padding-top: 2.5em;
}

.prop {
 height:450px;
 float:right;
 width:1px;
}

#footer  {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#001C3C;
} 
#footer  p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#sidebar2 #mainphoto {
	padding-top: 10px;
}
#mainContent2 h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #695E4A;
	font-weight: bold;
	font-size: 16px;
 
}
#mainContent2 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00274D;
	line-height: normal;
	padding: 0px;
}
#mainContent2 p {
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	word-spacing: normal;
	color: #695E4A;
}

#mainContent h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #695E4A;
	font-weight: bold;
	font-size: 16px;
 
}
#mainContent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00274D;
	line-height: normal;
	padding: 0px;
}
#mainContent p {
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	word-spacing: normal;
	color: #695E4A;
}


#propContent h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #695E4A;
	font-weight: bold;
	font-size: 16px;
 
}
#propContent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00274D;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
#propContent p {
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	word-spacing: normal;
	color: #695E4A;
}
#propContent td
{
	padding: 10px;
}
#propContent img
{
	border: 1px solid gray;
}

/* #propContent hr
{
	border: 1px solid silver;
}*/

#sidebar1_Text h2 {
	font: italic bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #EBEBEB;
}
#sidebar1_Text p {
	font-size: 11px;
	line-height: 1.4em;
}
 
/* TD
{
    FONT-SIZE: 12px;
	 COLOR: black;
    FONT-FAMILY: Verdana, Arial;
} */


.rightsidebar
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	color: black;
	font-style: italic;
	font-weight: normal;	
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.rsgray
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	color: gray;
	font-style: italic;
	font-weight: normal;	
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.rsspan
{
	font-family:  Verdana, Tahmoa, Arial;
	font-weight: bold;
	font-size: 13px;
	font-style: normal;
	color: #B2700C;
	padding-bottom: 0px;
	display: inline;
}


#ful ul, #ful li
{
	list-style-type:  square;
	list-style-image: url("../../images/icon_folder.gif");
}

#ful a
{
	text-decoration: none;
	color: #666666;
}

#ful a:hover
{
	color: #ff0000;
}

.mainarea
{
	background: url("../../themes/default/wl_main_bg.jpg");
	width: 756px;
	border:  1px solid black;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0;
}

.mainarea td
{
	padding-left: 3px;
	padding-right: 3px;
}

#MessageText
{
	position: relative;
	border:2px solid darkred;
	margin: 0 auto;
	padding: 5px;
	width: 700px;
	background-color: white;
	FONT-FAMILY: sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	color: red;
	filter: alpha(opacity=80);
	opacity: .80;
}

#section
{
	position: relative;
	border:1px solid black;
	margin: 5px;
	padding: 5px;
	width: 300px;
	background-color: white;
	FONT-FAMILY: sans-serif;
	text-align: left;
	filter: alpha(opacity=80);
	opacity: .80;
}

#sectionleft
{
	position: relative;
	float: left;
	border:1px solid black;
	margin: 5px;
	padding: 5px;
	width: 150px; /* default width. override with style */
	background-color: white;
	FONT-FAMILY: sans-serif;
	text-align: left;
	filter: alpha(opacity=80);
	opacity: .80;
}

#sectionfull
{
	position: relative;
	float: left;
	border:1px solid silver;
	margin: 5px;
	padding: 5px;
	width: 96%;
	background-color: white;
	FONT-FAMILY: sans-serif;
	text-align: left;

}

#sectionright
{
	position: relative;
	float: right;
	border:1px solid black;
	margin: 5px;
	padding: 5px;
	width: 150px; /* default width. override with style */
	background-color: white;
	FONT-FAMILY: sans-serif;
	text-align: left;
	filter: alpha(opacity=80);
	opacity: .80;
}

#sectiontextright
{
	position: relative;
	float: right;
	border:1px solid black;
	margin: 5px;
	padding: 5px;
	width: 150px; /* default width. override with style */
	background-color: white;
	FONT-FAMILY: sans-serif;
	text-align: right;
	filter: alpha(opacity=80);
	opacity: .80;
}

#bottom_menu
{
	float: right;
	width: 800px;
	height: 30px;
	text-align: center;
	position: relative;
}

.mainbackground
{
	background: url("../../themes/default/wl_background.jpg");
	padding-top: 15px;
	height: 300px;
	top: 125px;
	vertical-align: top;
}


.currentsection
{
	background-color: #000066;
}

.currentsection a
{
   FONT-SIZE: 12px;
	text-decoration: none;
	color: yellow;
	background-color: #000066;
   width: 70px;
}

.currentsection a:hover
{
	color: red;
}

.SeriesTitle
{
	FONT-FAMILY: Times New Roman, Tahoma;
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
}

.SeriesSubTitle
{
	FONT-FAMILY: Times New Roman, Tahoma;
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}

.faqQuestion
{
	FONT-WEIGHT: bold;
}

.base
{
	FONT-SIZE: 12px;
	COLOR: white;
	FONT-FAMILY: Verdana, Arial
}
.base A:active
{
    COLOR: #00ffff
}
.base A:link
{
    COLOR: #00ffff
}
.base A:visited
{
    COLOR: #00ffff
}
.base A:hover
{
    COLOR: #ffff00
}
.area
{
    FONT-SIZE: 12px;
	 COLOR: black;
    FONT-FAMILY: Verdana, Arial;
}

.small
{
    FONT-SIZE: 10px;
	 COLOR: silver;
    FONT-FAMILY: Verdana, Arial;
}
.smallFont
{
	font-size: 9px;
	color: #333333;
	font-family: arial;
}

.dataLabel
{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: left;
   line-height: 25px;
}
.dataLabel2
{
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
	text-align: left;
   line-height: 25px;
}
.dataText
{
	color: #990000;
}

.mainMenu a
{
	color: #ffffff;
	text-decoration: none;
	text-align: center;
   line-height: 24px;
   background-color: #006600;
   width: 70px;
}

.mainMenu a:hover {
	color: yellow;
}

.mainMenuSep
{
	font-weight: bold;
	background-color: #ffffff;
	text-decoration: none;
	text-align: center;
   line-height: 24px;
   width: 2px;
}

.module 
{
	color: #000000;
	text-align: right;
	font-size: 12px;
}

.module a 
{
	color: #3399FF;
}

.module a:hover 
{
	color: #006699;
}

.moduleTitle
{
	COLOR: #000000;
	text-align: center;
	FONT-FAMILY: Arial;
   FONT-WEIGHT: bold;
	FONT-SIZE: 14px 
}

.moduleTitle a
{
	color: #000000;
}

.moduleTitle a:hover
{
	color: darkred;
}

.backcolor
{
	background-color: #ffffee
}
.head
{
   FONT-WEIGHT: bold;
	COLOR: #ffffff;
	background-color: #000000;
}

.head a
{
	color: #ffffff;
}

.head a:hover
{
	color: cyan;
}

.copyright
{
	FONT-SIZE: 9px
}	
.navBorder
{
	background-color: #2f4f4f
}
.navBuffer
{
	background-color: #dcdcdc
}
.navGroupHeader
{
   FONT-SIZE: 14px;
   COLOR: #ffcc33;
   FONT-WEIGHT: bold;
   FONT-FAMILY: Verdana, Arial;
	background-color: #00008b
}
.navLink
{
   FONT-SIZE: 12px;
   COLOR: black;
   FONT-FAMILY: Verdana, Arial;
	background-color: #ffffff
}
.navLink A:active
{
    COLOR: #2f4f4f
}
.navLink A:link
{
    COLOR: #2f4f4f
}
.navLink A:visited
{
    COLOR: #2f4f4f
}
.navLink A:hover
{
    COLOR: red
}

.newsBorder
{
	background-color: #778899
}
.newsHeader
{
   FONT-SIZE: 12px;
   COLOR: #006600;
   FONT-WEIGHT: bold;
   FONT-FAMILY: Verdana, Arial;
}
.newsSubspacer
{
	BACKGROUND-COLOR: white ;
}

.newsSubHeader
{
   FONT-SIZE: 10px;
   COLOR: gray;
   FONT-FAMILY: Verdana, Arial;
	BACKGROUND-COLOR: white ;
}
.newsMainHeader
{
   FONT-SIZE: 16px;
   COLOR: #ffcc33;
   FONT-WEIGHT: bold;
   FONT-FAMILY: Verdana, Arial;
	background-color: #00008b
}
.msgText
{
   FONT-SIZE: 12px;
   COLOR: red;
	font-weight: bold;
	text-align: center;
   FONT-FAMILY: Verdana, Arial;
}

.newsText
{
   FONT-SIZE: 12px;
   COLOR: #333333;
   FONT-FAMILY: Verdana, Arial;
}
.newsText A:active
{
    COLOR: blue
}
.newsText A:link
{
    COLOR: blue
}
.newsText A:visited
{
    COLOR: blue
}
.newsText A:hover
{
    COLOR: red
}
.imgborder
{
   BACKGROUND-COLOR: black;
    BORDER-RIGHT: darkslategray 1px solid;
    BORDER-TOP: darkslategray 1px solid;
    BORDER-LEFT: darkslategray 1px solid;
    BORDER-BOTTOM: darkslategray 1px solid;
}
.Label
{
   FONT-SIZE: 12px;
   COLOR: dimgray;
   FONT-FAMILY: Verdana, Arial;
   TEXT-ALIGN: right;
 	background-color: #ffffff
}

.fldEdit
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma, Arial
}
.post
{
    BORDER-RIGHT: darkslategray 1px solid;
    BORDER-TOP: darkslategray 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: darkslategray 1px solid;
    BORDER-BOTTOM: darkslategray 1px solid;
    FONT-FAMILY: Verdana, Tahoma;
    BACKGROUND-COLOR: white
}

.listTable
{
	border: 1px solid black;
}

.listTable td
{
	font-size: 12px;
}

.listTable td a
{
	font-size: 12px;
}
.listHighlight
{
	background-color: pink;
}

.listHeader
{
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Verdana, Tahoma;
    BACKGROUND-COLOR: darkgray;
    TEXT-ALIGN: center;
	 text-indent: 5px;
	 border-right: 1px solid black;
	 border-bottom: 1px solid black;
}
.listHeader A:active
{
    COLOR: white;
    TEXT-DECORATION: none
}
.listHeader A:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
.listHeader A:visited
{
    COLOR: white;
    TEXT-DECORATION: none
}
.listHeader A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: none
}

.listRowHeader
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
	 text-indent: 5px;
}

.listColumn
{
   BORDER-BOTTOM: silver 1px solid;
   BORDER-RIGHT: silver 1px solid;
   TEXT-ALIGN: right;
   padding-right: 5px;
}

.listCol
{
   border-right: silver 1px solid;
   border-bottom: silver 1px solid;
   padding-right: 5px;
   padding-left: 5px;
}

.listHeaderSort
{
    FONT-SIZE: 10px;
    COLOR: cyan;
    FONT-FAMILY: Verdana, Tahoma;
    BACKGROUND-COLOR: darkgray;
    TEXT-ALIGN: center;
	 text-indent: 5px;
}
.listHeaderSort A:active
{
    COLOR: cyan;
    TEXT-DECORATION: none
}
.listHeaderSort A:link
{
    COLOR: cyan;
    TEXT-DECORATION: none
}
.listHeaderSort A:visited
{
    COLOR: cyan;
    TEXT-DECORATION: none
}
.listHeaderS A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: none
}
.listHdrSep
{
    BACKGROUND-COLOR: darkgray
}
.listRow1
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma;
}
.listRow2
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Tahoma;
}
.listBorder
{
    BACKGROUND-COLOR: black
}
.listColSep
{
    BACKGROUND-COLOR: darkgray
}
.listCol A:active
{
    COLOR: #000099;
    TEXT-DECORATION: none
}
.listCol A:link
{
    COLOR: #000099;
    TEXT-DECORATION: none
}
.listCol A:visited
{
    COLOR: #000099;
    TEXT-DECORATION: none
}
.listCol A:hover
{
    COLOR: #ff6600;
    TEXT-DECORATION: none
}
.listColNR A:active
{
    COLOR: #000099;
    TEXT-DECORATION: none;
}
.listColNR A:link
{
    COLOR: #000099;
    TEXT-DECORATION: none
}
.listColNR A:visited
{
    COLOR: #000099;
    TEXT-DECORATION: none
}
.listColNR A:hover
{
    COLOR: #ff6600;
    TEXT-DECORATION: none
}

.listRow1 A:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
.listRow1 A:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
.listRow1 A:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
.listRow1 A:hover
{
    COLOR: brown;
    TEXT-DECORATION: none
}
.listRow2 A:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
.listRow2 A:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
.listRow2 A:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
.listRow2 A:hover
{
    COLOR: brown;
    TEXT-DECORATION: none
}
.inputradio
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
.listCommands
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Tahoma;
    BACKGROUND-COLOR: white
}
.listCommands A:active
{
    TEXT-DECORATION: none
}
.listCommands A:link
{
    TEXT-DECORATION: none
}
.listCommands A:visited
{
    TEXT-DECORATION: none
}

.whatsnewtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
a.whatsnewtext:link {
	color:#000000;
}
a.whatsnewtext:active {
	color:#000000;
}
a.whatsnewtext:visited {
	color:#000000;
}
.whatsnewheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;

}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.tblheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	line-height: 26px;*/
}
a.bodytext:link {
	color:#000099;
}
a.bodytext:visited {
	color:#000099;
}
.officertitle
{
	color: #006600;
}
.printHeader
{
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, san-serif;
}
.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.rteImage tr td, .rteImage tr td {
	background: #D3D3D3;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.app_label
{
	vertical-align: top;
	font: 12px normal Sans-Serif, Arial;
	color: #666666;
}

.app_inputRight
{
	vertical-align: top;
}
.app_inputRight input
{
	font: 12px normal Sans-Serif, Arial;
	border: none;
	border-bottom: 1px solid #999999;
	background-color: #f8f8f8;
	vertical-align: top;
	text-align: right;
}

.app_input
{
	vertical-align: top;
}
	.app_input input {
		font: 12px normal Sans-Serif, Arial;
		border: .5px solid #f0f0f0;
		border-bottom: 1px solid #999999;
		background-color: #fdfdfd;
		vertical-align: top;
	}

.app_input select
{
	font: 12px normal Sans-Serif, Arial;
	border: none;
	border-bottom: 1px solid #999999;
	background-color: #f8f8f8;
	vertical-align: top;
}

.app_input input.radio
{
	font: 12px normal Sans-Serif, Arial;
	margin-top: 3px;
	margin-left: 2px;
	border: none;
	background-color: #ffffff;
	vertical-align: top;
}

.app_input a
{
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	vertical-align: top;
}

.app_input a:hover
{
	color: #999999;
	vertical-align: top;
}

.app_noinput input
{
	font: 12px normal Sans-Serif, Arial;
	border: none;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #8EDBD9;
	vertical-align: top;
}

.app_section
{
	font: 12px normal Sans-Serif, Arial;
	border: 1px solid black;
	width: 100%;
	border-collapse:	collapse;
	z-index: 10;
}

.app_group
{
	font: 12px normal Sans-Serif, Arial;
	border: 1px solid silver;
	vertical-align: top;
}

.occ_total
{
	font: 12px bold Sans-Serif, Arial;
	font-weight: bold;
	color: black;
}

.lf_total
{
	font: 12px bold Sans-Serif, Arial;
	font-weight: bold;
	color: black;
	text-align: right;
	padding-right: 10px;
}

.occ_column_label
{
	font: 12px normal Verdana, Arial;
	color: black;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #DEDEDE;
	text-align: center;
}

.occ_group
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial;
	border: 1px solid silver;
}

.occ_group h4
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial;
	color: white;
	background-color: black;
	padding: 3px;
}

.app_group2
{
	font: 12px normal Sans-Serif, Arial;
	border: 1px solid silver;
	vertical-align: top;
}

.app_group2 input
{
	margin-top: 3px;
	margin-left: 2px;
	border: none;
	border-bottom: 1px solid #999999;
	background-color: #f8f8f8;
	vertical-align: top;
}

.app_group2 input.radio
{
	margin-top: 3px;
	margin-left: 2px;
	border: none;
	background-color: #ffffff;
	vertical-align: top;
}

.app_group2 select
{
	margin-top: 3px;
	margin-left: 2px;
	border: none;
	border-bottom: 1px solid #999999;
	background-color: #f8f8f8;
	vertical-align: top;
}

.app_subdesc
{
	font-style: italic;
	font-size: xx-small;
	color: #666666;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
}


#news_short h3
{
	color: #C58C43; 
}

#news_text
{
	margin: 10px;
}
#news_author
{
	color: dimgray;
	font-size: 10px;
}

#news_date
{
	color: gray;
	font-size: 10px;
}
#debugdiv
{
	color: black;
	background-color: white;
	position: absolute;
	display: none;
	width: 200px;
	height: 300px;
	overflow: auto;
	z-index: 99;
	right: 0px;
	top: 0px;
}
.ajxAuthTable
{
	border: solid 1px black;
	width: 500px;
	height: 300px;
	background-color: white;
	padding: 5px;
}

.ajxAuthLabelCol
{
	font-weight: bold;
}

.hi-back {
	color: darkred;
	background-color: rgba(255, 255, 255, 0.81);
	border: 1px solid silver;
	border-radius: 10px;
}
.hi-red {
	border: 2px solid red !important;
}
.nl-missing
{
	color: red;
	font-weight: bold;
}
.top-pad
{
	margin-top: 10px;
}
.dark-title
{
	color: #ffffff;
	background-color: #666666;
}

.leadin {
	font-size: 1.25rem;
	font-weight: 400;
}
@media (max-width: 768px) {
	.leadin {
		font-size: 1rem;
		font-weight: 400;
	}
}
@media (max-width: 800px){
	body {
		font-size: 150%;
	}
	.text-white {
		font-size: 90%;
	}
	/* .btn,
	.btn-group > .btn {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 6px;
	}

	.btn-group-sm  {
		padding: 6px 10px;
		font-size: 12px;
	}	 */


	.btn-sm {
		padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
	}
	.container {
    max-width: 99%;
	}
	.modal-lg{
		max-width: 90%;
	}
}

.btn-sm-force {
	padding: .25rem .5rem !important;
}

.edit-ico a{
	color: rgb(209, 209, 209);
}

.edit-ico:hover a{
	color: silver;
}

.edit-ico:hover a:hover{
	color: rgb(122, 122, 122);
}


	.hover-click:hover {
		background-color: #d4d4d4 !important;
		cursor: pointer;
	}

	.hover-click:hover tr{
		background-color: #d4d4d4 !important;
		cursor: pointer;
	}

.hover-click-dark {
	color: inherit;
}

	.hover-click-dark:hover {
		background-color: darkgray;
		cursor: pointer;
	}

	.d-hover-click {
		background-color: silver;
		color: gray;
	}

.table-hover {
	cursor: pointer;
}
.light-label {
	font-style: italic;
	color: gray;
	font-size: small;
}
.iimg {
	height: 32px;
}
.aimg {
	height: 40px;
}
.bg-communities {
	/* background-color: rgb(196, 195, 201); */
	color: white;
	background-image: url(findaplace.jpg);
	background-size: cover;
}
.border-gray {
	border-color: rgb(163, 163, 163);
}
.img_property{
	cursor: pointer;
	max-height: 200px;
	overflow: hidden;
}
.img_property img {
	position: relative;
	top: -25%;
}
.open-myModal {
	cursor: pointer;
	position: relative;
}

.cn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background-color: rgba(23, 35, 34, 0.75);
	color: rgba(255, 255, 255, .5);
}
.open-myModal:hover .cn{
	opacity: 1;
}
.open-myModal:hover .see-icon{
	color:white;
}
.see-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
}