.lblPageTitle
{
	font-family: Verdana;
	font-size: 16px;
	font-weight:bold;
	color:darkgreen;
}

.lblPageInfo
{
	font-family: Verdana;
	font-size: 16px;
	font-weight:bold;
}

.usos_side_menu_table
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	text-indent: 2px;
	white-space: nowrap;
	width: 100%;
	border-collapse: collapse;
}

.usos_control_table
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	text-indent: 2px;
	white-space: nowrap;
	width: 100%;
	border-collapse: collapse;
}


.usos_td_edge
{
	font-family: Verdana;
	font-size: 12px;
	empty-cells: hide;
	width: 10px;
	padding: 0px;
	color: #FF0000;
	text-align: center;
	vertical-align: top;
}
.usos_control_cell_title_normal
{
	font-family: Verdana;
	font-size: 12px;
	height: 16px;
	text-align: left;
	text-indent: 2px;
	white-space: nowrap;
	vertical-align: middle;
	color: Navy;
	background-color: #E6E6E6;

}
.usos_menu_normal
{
	font-family: Verdana;
	font-size: 12px;
	height: 16px;
	text-align: left;
	text-indent: 2px;
	white-space: nowrap;
	vertical-align: middle;
	color: Navy;

}


.usos_boundary_cell
{
	width: 100%;
	height: 14px;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
}

.usos_title_cell
{
	width: 100%;
	height: 14px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	background-color: #E9E9E9;
}

.usos_gridview_cell
{
	width: 120px;
	height: 14px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	font-family: Verdana;
	color: #000080;
	font-size: 12px;
}

.usos_control_cell_info_normal
{
	font-family: Verdana;
	font-size: 12px;
	height: 16px;
	text-align: left;
	text-indent: 2px;
	white-space: nowrap;
	vertical-align: middle;
}

.usos_Literal_info
{
	font-family: Verdana;
	font-size: 12px;
	height: 16px;
	text-align: left;
	text-indent: 2px;
	white-space: normal;
	vertical-align: top;
	padding-left: 10px;
	padding-right:10px;
}

.usos_content_table
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	text-indent: 1px;
	white-space: nowrap;
	empty-cells: hide;
	width: 100%;
	float: left;
	empty-cells: hide;
	border-collapse: collapse;
	border-spacing: 0px;
}

.usos_content_cell_info_normal
{
	font-family: Verdana;
	font-size: 12px;
	width: 99%;
	height: 14px;
	text-align: left;
	text-indent: 10px;
	white-space: nowrap;
	vertical-align: top;
}

.usos_texbox
{
	border-width: 1px;
	border-color: #C0C0C0;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	text-indent: 2px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	color: #000066;
	padding: 0px;
	margin: 0px;
	width: 90%;
    border-radius:0.3rem;
}

.usos_texbox:hover
{
	border-width: 1px;
	border-color: #FF0000;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	text-indent: 2px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	color: #000066;
	padding: 0px;
	margin: 0px;
    border-radius:0.3rem;
}

usos_texbox:focus
{
	border-width: 1px;
	border-color:lightseagreen;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	text-indent: 2px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	color: #000066;
	padding: 0px;
	margin: 0px;
    border-radius:0.3rem;
}

.divAll
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
    vertical-align:top;
	text-indent: 1px;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;
	width: 100%;
	min-width:320px;
}

.divGeneral
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
    vertical-align:top;
	text-indent: 1px;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;
	width: 100%;
	height:100%;
	min-width:320px;
	max-width:1920px;
}

.divGISPageLayout
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	padding-left:12px;
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	text-indent: 1px;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;
	width: 100%;
	height:100%;
	min-width:320px;
	max-width:1920px;
}

.divMap
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	padding-left:60px; 
	float:left;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	text-indent: 1px;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 95%;
	height:90%;
	min-width:320px;
	min-height:400px;
	max-width:1920px;
	max-height:1080px;
}

.divSideMenu
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	text-indent: 1px;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;
	width: 100%;
	height:100%;
}

.usos_Label
{
	font-size: 12px;
	font-family: verdana;
	text-decoration: none;
	color: #000080;
}

.usos_Label_wrap
{
	white-space:normal;
	width: 95%;
}


.panelTable
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	empty-cells: hide;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}
.divTable
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	empty-cells: hide;
	width: 100%;
	background:whitesmoke;
	padding:0px;
	margin:0px;
	border-spacing: 0px;
}

.titleCell
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
	height: 14px;
	text-indent: 2px;
	color: Navy;
	background-color: #E6E6E6;
}
.infoCell
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
	height: 14px;
	color:Black;
}

.tailCell
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
	height: 14px;
	color:Black;
	width:5px;
}


.listCell
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	width: 153px;
}

.cellGeneral
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	height: 14px;
	text-indent: 2px;
}

.rowBlock
{
	border: 1px solid #E2E2E2;
}

.txtLabelBox
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	height: 14px;
	text-indent: 2px;
}
.txtLabel
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	color: #000099;
	margin-left: 0px;
}
.checkBoxStraight
{
	float: left;
	font-family: Verdana;
	font-size: 12px;
	margin: 1px;
}

.bulletListStraight
{
	float: left;
	font-family: Verdana;
	font-size: 12px;
	margin: 1px;
	text-align: left;
	text-indent: 15px;
	white-space: nowrap;
	vertical-align: top;
}

.txtBox
{
	border: 1px solid #C0C0C0;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	text-indent: 2px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	color: #000066;
}
.txtUnderline
{
	border-width: 1px;
	border-color: #C0C0C0;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
	text-indent: 2px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	color: #000066;
}
.txtUnderline:hover
{
	border-width: 1px;
	border-color: #FF0000;
	font-family: Verdana;
	font-size: 12px;
	height: 14px;
	vertical-align: middle;
	text-indent: 2px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	color: #000066;
}

.divApp
{
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
	float: left;
}

.panelApp
{
	font-family: Verdana;
	font-size: 12px;
	width: 1000px;
	float: left;
}


.rowSeparator
{
	font-family: Verdana;
	font-size: 2px;
	height: 2px;
	line-height: 3px;
}
.rowSeparatorLine
{
	border-style: solid none none none;
	border-width: 1px;
	border-color: #CCCCCC;
	height: 2px;
	font-family: Verdana;
	font-size: 2px;
	line-height: 3px;
}


.divPanel
{
	font-family: Verdana;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	empty-cells: hide;
	width: 100%;
	background:whitesmoke;
	padding:0px;
	margin:0px;
	border-spacing: 0px;
}

.myCommandCell,
		.myEditForm a
		{
			font-size: 10pt;
		}
		.myCommandCell a,
		.myEditForm a
		{
			color: red !important;
			margin: 0 4px;
		}
		

.markerLabel_red
{
	color: red;
}
.markerLabel_blue
{
	color: blue;
}
.markerLabel_darkgreen
{
	color: darkgreen;
}
.markerLabel_purple
{
	color: purple;
}
.markerLabel_darkblue
{
	color: darkblue;
}
.markerLabel_orange
{
	color: orange;
}
.markerLabel_darkorange
{
	color: darkorange;
}
.markerLabel_navy
{
	color: navy;
}
.markerLabel_darkcyan
{
	color: darkcyan;
}
.markerLabel_redbold
{
	color: red;
	font-weight:bold;
}
.markerLabel_bluebold
{
	color: blue;
	font-weight:bold;
}
.markerLabel_darkgreenbold
{
	color: darkgreen;
	font-weight:bold;
}
.markerLabel_purplebold
{
	color: purple;
	font-weight:bold;
}
.markerLabel_darkbluebold
{
	color: darkblue;
	font-weight:bold;
}
.markerLabel_orangebold
{
	color: orange;
	font-weight:bold;
}
.markerLabel_darkorangebold
{
	color: darkorange;
    font-weight:bold;
}
.markerLabel_darkcyanbold
{
	color: darkcyan;
	font-weight:bold;
}
.markerLabel_navybold
{
	color: navy;
	font-weight:bold;
}

/* 
    override some telerik related styles 
    div may bump up specificity points of thecustomized css
    and thus override telerik default class
    ref
    https://www.telerik.com/blogs/how-to-override-styles-in-a-radcontrol-for-asp-net-ajax-embedded-skin

*/

/* Menu */
/* works. this following part override default .RadMenu and .rmrootGroup*/

.RadMenu .rmRootGroup
 {
    padding-left:5px;
    float: left;
    border: none !important;
    background: none !important;
 } 

 .RadMenu_Default .rmRootGroup .rmVerticle .rmGroup .rmMultiColumn
 {
    background: none !important;
    border: none !important;
 }

html.rmRootGroup .rmVerticle .rmGroup .rmMultiColumn
{
    border:0 !important;
	background-color:transparent !important;
}



div.rg_RemoveBorders .rgHeader,
div.rg_RemoveBorders th.rgResizeCol,
div.rg_RemoveBorders .rgFilterRow td
{
	border-width:0 0 1px 0; /*top right bottom left*/
}

div.rg_RemoveBorders .rgRow td,
div.rg_RemoveBorders .rgAltRow td,
div.rg_RemoveBorders .rgEditRow td,
div.rg_RemoveBorders .rgFooter td,
div.rg_RemoveBorders .rgFilterRow td:first-child,
div.rg_RemoveBorders .rgHeader td:first-child
{
	border-width:0;
	padding-left:2px; /*needed for row hovering and selection*/
}

div.rg_RemoveBorders .rgGroupHeader td,
div.rg_RemoveBorders .rgFooter td
{
	padding-left:2px;
}

div.rg_AddBorders .rgHeader,
div.rg_AddBorders th.rgResizeCol,
div.rg_AddBorders .rgFilterRow td,
div.rg_AddBorders .rgRow td,
div.rg_AddBorders .rgAltRow td,
div.rg_AddBorders .rgEditRow td,
div.rg_AddBorders .rgFooter td
{
	border-style:solid;
	border-color:#aaa;
	border-width:0 0 1px 1px; /*top right bottom left*/
}

div.rg_AddBorders .rgHeader:first-child,
div.rg_AddBorders th.rgResizeCol:first-child,
div.rg_AddBorders .rgFilterRow td:first-child,
div.rg_AddBorders .rgRow td:first-child,
div.rg_AddBorders .rgAltRow td:first-child,
div.rg_AddBorders .rgEditRow td:first-child,
div.rg_AddBorders .rgFooter td:first-child
{
	border-left-width:0;
}

div.rg_Rows .rgAltRow
{
   background: AliceBlue;
   color: navy;
}
.rg_Rows .rgSelectedRow
{
   background: whitesmoke;
   color:darkcyan;
}
.rg_Rows .rgHoveredRow
{
   background: lightcyan !important;
   color: red !important;
} 

.rgCaption 
   {    
      color:Blue; 
      background-color: lightyellow; 
      font:bold 16pt Arial Narrow; 
   }

/*   
    for RadAsyncUpload control. 
    https://docs.telerik.com/devtools/aspnet-ajax/controls/asyncupload/appearance-and-styling/increase-the-width-of-the-select-button
*/
div.RadUpload .ruBrowse
{
    background-position: 0 -22px;
    width: 85px;
    height: 24px;
    vertical-align:central;
}
div.RadUpload_Default .ruFileWrap .ruButtonHover
{
    background-position: 100% -18px !important;
}   

/* for mastser page layout */
/*

http://docs.telerik.com/devtools/aspnet-ajax/controls/pagelayout/creating-responsive-design/responsive-layout

*/
body {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	font: 14px/normal "Segoe UI", sans-serif;
}

.col {
	text-align: center;
	border-radius: 3px;
}

.col {
	margin: 10px 0;
	padding: 5px 10px;
	height: 100px;
}

/*for telerik side menue*/

.no-margin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rmRootLink {
	padding: 2px 2px 2px 10px !important;
}

.gts_header
{
    padding-top:5px !important;
	padding-right: 1px !important;
}

.gts_header_separator
{
    margin:0px;
    padding: 1px !important;
    width:98%;
}


.gts_col_item
{
    padding-top:3px;
    padding-left: 1px !important;
	padding-right: 1px !important;
}

.gts_col
{
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.gts_radmenu_header
{
	z-index:1000 !important;
	font-family:Verdana;
	font-size:small;
	height:16px;
	border:0 !important;
	background-color:transparent !important;
	width:auto;
}

/*
    White-space normal will do the things in IE10. While line-height: normal with * in front will do the things in IE7.
    sample   Text="Création d'un
 élément
 couvert"
    not working for IE 10
*/
.gts_radbutton_muliLines .rbDecorated[type="submit"] 
{
    white-space: normal !important;
    *line-height: normal !important;
}

.gts_radmenu_sidebar
{
	z-index:1000 !important;
	font-family:Verdana;
	font-size:small;
	height:16px;
	width:100%;
	border:0 !important;
	background-color:transparent !important;
}

.gts_radbutton_large
{
    max-width:800px;
    max-height:60px;
}
.AutoHeight {
    height: auto !important;
}

.RadSlidingZone_HeightRange
{
    min-height: 200px;
    max-height: 300px;
}

.gts_pageTitlePane_font_normal
{
    font: 12px/16px "Segoe UI", Arial, Helvetica, sans-serif !important;
}

.gts_pageTitlePane_font_large
{
    font: 14px/18px "Segoe UI", Arial, Helvetica, sans-serif !important;
}


.gts_pageTitlePane
{
    width: 100%;
    max-width: 1920px;
    min-width: 320px;
    height: 100%;
    min-height: 50px;
    max-height:200px;
}

/* for mobile device, large font */
.gts_md_lb_info
{
    font: 24px/28px "Segoe UI", Arial, Helvetica, sans-serif !important;
    color: navy !important;
}

.gts_md_lb_alarm
{
    font: 24px/28px "Segoe UI", Arial, Helvetica, sans-serif !important;
    color: red !important;
}

.Checkbox-large input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right:10px !important;
}