@font-face {
	font-family: 'Rosario-Bold';
    src: url('m/fonts/Rosario-Bold.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/Rosario-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/Rosario-Bold.ttf') format("truetype");
}

@font-face {
	font-family: 'Rosario-Italic';
    src: url('m/fonts/Rosario-Italic.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/Rosario-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/Rosario-Italic.ttf') format("truetype");
}

@font-face {
	font-family: 'Rosario-BoldItalic';
    src: url('m/fonts/Rosario-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/Rosario-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/Rosario-BoldItalic.ttf') format("truetype");
}

@font-face {
	font-family: 'OpenSans';
    src: url('m/fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/OpenSans-Regular.ttf') format("truetype");
}
@font-face {
	font-family: 'OpenSansBold';
    src: url('m/fonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/OpenSans-Bold.ttf') format("truetype");
}
@font-face {
	font-family: 'OpenSansSemiBold';
    src: url('m/fonts/OpenSans-Semibold.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/OpenSans-Semibold.ttf') format("truetype");
}
@font-face {
	font-family: 'OpenSansLight';
    src: url('m/fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/OpenSans-Light.ttf') format("truetype");
}
@font-face {
	font-family: 'OpenSansItalic';
	src: url('m/fonts/OpenSans-Italic.ttf') format("truetype");
    src: url('m/fonts/OpenSans-Italic.eot'); /* IE9 Compat Modes */
    src: url('m/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('m/fonts/OpenSans-Italic.ttf') format("truetype");
}
body,html
{
    min-height:100%;
    height:100%;
}
table, th, td {
   /*border-color: #C5CCD4;*/
   border: none;
}
a
{
    cursor: pointer;
}
input
{
    FONT: 13px/22px OpenSansSemiBold;
    COLOR: #727272
}
input[type=submit], input[type=button]
{
    color: #FFFFFF !important;
    padding: 7px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    /*background-image: -webkit-linear-gradient(top, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
    background-image: -moz-linear-gradient(top, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
    background-image: -o-linear-gradient(top, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
    background-image: linear-gradient(to bottom, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);*/
    background: #455759;
    cursor: pointer;
}
input[type=text],input[type=password]
{
    padding: 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #AEB7BD;
    
}
textarea
{
    FONT: 13px/22px OpenSansSemiBold;
    COLOR: #727272
}
select
{
    cursor: pointer;
    padding: 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    FONT: 13px/22px OpenSansSemiBold;
    COLOR: #727272
}

.trList
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #34495E;
    FONT-SIZE: 13px 
}
.trlist
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #1C2D34;
    FONT-SIZE: 13px 
}
.trList0
{background-color: #FFF;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #000000;
    FONT-SIZE: 0px 
}
.trList2
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #1C2D34;
    FONT-SIZE: 13px 
}
.ErrMsg
{
    COLOR: #E50012;
    FONT-FAMILY: OpenSansSemiBold;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder;
}
.ErrMsg a
{
    text-decoration: none;
}
.trHeader
{
    BACKGROUND-COLOR: #999;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #fff;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder;
}
thead tr
{
    BACKGROUND-COLOR: #999;
    COLOR: #fff;
}
.trHeader:hover
{
    BACKGROUND-COLOR: #999 !important;
}
.trHeader:hover td
{
    BACKGROUND-COLOR: #999 !important;
}
.trHeader2
{
    FONT-FAMILY: OpenSansSemiBold;
}
.trHeader2 a
{
    COLOR: #000;
    text-decoration: none;
    font-size: 13px;
    padding-left: 20px;
}
.menuText
{
    BACKGROUND-COLOR: #5f80ad;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #ffffff;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.menuText1
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #000000;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.menuText A:link
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #ffffff;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none
}
.menuText A:hover
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #D2AA3F;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trHeader A:link
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #243941;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trHeader A:hover
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #5C95AB;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trList A:link
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #000000;
    FONT-SIZE: 13px ;
    TEXT-DECORATION: underline
}
.trList A:hover
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #D2AA3F;
    FONT-SIZE: 13px ;
    TEXT-DECORATION: underline
}
.trListAn
{
    BACKGROUND-COLOR: transparent;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #000000;
    FONT-SIZE: 13px
}
.trListAn A:link
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 13px
}
.trListAn A:visited
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 13px
}
.tdList
{
    BACKGROUND-COLOR: #5f80ad;
    COLOR: white
}
.tdList A:link
{
    Z-INDEX: 0;
    COLOR: white;
    FONT-SIZE: 13px
}
.tdList A:hover
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #D2AA3F;
    FONT-SIZE: 13px
}
.Back
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: blue;
    FONT-SIZE: 13px
}
.menuText A
{
    Z-INDEX: 0;
    COLOR: #ffffff
}
.tdList A
{
    Z-INDEX: 0;
    COLOR: #ffffff
}
.trHeader A
{
    COLOR: #243941
}
.trList A
{
    Z-INDEX: 0;
    COLOR: #000000;
    FONT-SIZE: 13px ;
    TEXT-DECORATION: underline
}
.trListAn A
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #000000
}
.paraText
{
    TEXT-ALIGN: justify;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #000000;
    FONT-SIZE: 11px
}
.Header
{
    TEXT-ALIGN: center;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: deepskyblue;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bolder
}
.buttontext
{
    Z-INDEX: 0;
    BACKGROUND-COLOR: #EDF4FE;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    CLEAR: both;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trList1
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 10px
}
.trList1 A
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 10px
}
.trList1 A:hover
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #D2AA3F;
    FONT-SIZE: 10px
}
.trList1 A:link
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 10px
}
.trAdminMenu
{
    TEXT-ALIGN: left;
    TEXT-INDENT: 10px;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    /*
    BORDER-BOTTOM: black thin solid;
    BORDER-LEFT: black thin solid;
    BORDER-TOP: black thin solid;
    BORDER-RIGHT: black thin solid;
    */
}
.trAdminMenu a
{
    color: #E50012 !important;
}

.trAdminButton
{
    BACKGROUND-COLOR: gray;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #243941;
    FONT-SIZE: 10px
}
.trAdminMenu A
{
    Z-INDEX: 0;
    COLOR: black;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none
}
.trAdminMenu A.hover
{
    Z-INDEX: 0;
    COLOR: #5C95AB;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none
}
.trAdminMenu A:link
{
    Z-INDEX: 0;
    COLOR: black;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none
}
.CompanyName
{
    FONT-FAMILY: OpenSansSemiBold, Tahoma;
    /*COLOR: #ffe221;*/
    color: #E50012;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold
}
.Title
{
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: #666;
    /*FONT-STYLE: italic;*/
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #fff;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bolder;
    
    background: #00a65a; /* Old browsers */
    /*background: -moz-linear-gradient(top,  #d1e0fd 0%, #a1cafc 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e0fd), color-stop(100%,#a1cafc)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #d1e0fd 0%,#a1cafc 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #d1e0fd 0%,#a1cafc 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #d1e0fd 0%,#a1cafc 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  #34495e 0%,#34495e 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e0fd', endColorstr='#a1cafc',GradientType=0 ); /* IE6-9 */

}
.ahrefbutton
{
    color: rgb(255, 255, 255) !important;
padding: 7px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 0px none;
background-image: -webkit-linear-gradient(top, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
background-image: -moz-linear-gradient(top, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
background-image: -o-linear-gradient(top, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
background-image: linear-gradient(to bottom, #243942, #22373f 50%, #1d2e35 50%, #1b2b32);
background: rgb(69, 87, 89) none repeat scroll 0% 0%;
cursor: pointer;
text-decoration: none !important;
}

.Paging
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}
.Paging A
{
    Z-INDEX: 0;
    COLOR: black;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.Paging A:visited
{
    Z-INDEX: 0;
    COLOR: black;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.Paging A:link
{
    Z-INDEX: 0;
    COLOR: black;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.Paging A:hover
{
    Z-INDEX: 0;
    COLOR: #064092;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: underline
}
.trHeaderPrint
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder;
    border-bottom:1px solid black;
}
.trHeaderPrint2
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder;
}
.TitlePrint
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bolder
}
.Cancel
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: red;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bolder
}
.trListCancel
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: red;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trListCancel A
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: red;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trListCancel A:link
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: red;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trListCancel A:hover
{
    Z-INDEX: 0;
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: #D2AA3F;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trListBold
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: black;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.trListFlush
{
    FONT-FAMILY: OpenSansSemiBold;
    COLOR: red;
    FONT-SIZE: 13px ;
    FONT-WEIGHT: bolder
}
.TitleCompany
{
    COLOR: black;
    FONT-SIZE: 35px;
    FONT-WEIGHT: bolder
}
.copyright
{
    BACKGROUND-COLOR: transparent;
    COLOR: #4F4C4B;
    FONT-SIZE: 11px ;
    FONT-WEIGHT: bold;
    FONT-FAMILY: OpenSans;
}


.bodybg
{   
    
    /*background-color: #E74C3C;*/
    background-repeat: repeat-y;
    background-size: 100% 100%;
}

.loginform
{
    width: 400px;
    top: 20%;
    left: 50%;
    margin-left:-200px;
    position: absolute;
    font-family: OpenSansSemiBold;   
    font-size: small;
}

.loginform .trList a
{
    text-decoration: none;
}
.loginform .trList a:hover
{
    color: #E50012;
}

.loginform .trList
{
    padding:15px 25px;
    background: none;
}

.logintable
{
    border:1px solid rgba(0,0,0,.13);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3);
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    text-align: left;
    padding:15px 25px;
    background : #F5F5F5;
}

.loginrow
{
    padding: 10px 0;
}

.loginrow input[type="text"], .loginrow input[type="password"]
{
    width: 91%;
    height: 35px;
    /*background: #F5F5F5;*/
    background : white;
    border: 1px solid #CCCCCC;
}

.logincaptcha
{
    overflow:auto;
}

.logincaptcha input[type="text"]
{
    width: 72%;
    height: 25px;
    background: #F5F5F5;
}

.logincaptcha-left
{
    width: 64%;
    float:left;
	text-align:left;
    padding-top: 13x;
	FONT-SIZE: 13px ;
}
.logincaptcha-right
{
    width: 36%;
    float:right;
    text-align:right;
    padding-top: 13x;
	font-size: 13px ;
}

.logincaptcha-right A:link
{
    Z-INDEX: 0;
    color: #000000;
    font-size: 13px ;
}
.logincaptcha-right A:hover
{
    Z-INDEX: 0;
    color: #D2AA3F;
    font-size: 13px ;
}
.login-companyname
{
    text-align:center;
    width: 160px;
}


.fontsize-small
{
    font-size: 0.72em;
}

.bodycontent
{
    margin-top:240px;
    height: calc(100%-240px);
}
.homelistmonthly div
{
    text-align:center;
    border:1px solid black;
    border-right:0px;
}
.homelistmonthly div:last-child
{
    border:1px solid black;
}
.mbl
{
    display:none;
    background:#EDF4FE;
}
.dbtd
{
    display:table-cell;
}
#logo
{
    
}

.top_section
{
    POSITION: relative;
    HEIGHT: 120px;
    z-index:999;
}
.site_logo
{
    MARGIN: 10px 0px 0px 15px;
    padding:0px;
}
.site_logo img
{
    height:100px;
    padding:10px;
}
.top_section.admin-top
{
    border-bottom: 1px solid #E50012;
}
.bodyleft
{
    width:220px;
    position:absolute;
    height:calc(100% - 120px);
    border-right: 1px solid gray;
}
.bodyright
{
    position:inherit;
    margin-left:220px;
    position: inherit;
    height:calc(100% - 120px);
}
.trList.print,.trList.print .trList,.trlist.print,.trlist.print .trList
{
    background:none;
}
.print .border table,.print  .border th,.print  .border td
{
    border:1px solid black;
}
.tableprint
{
    border-bottom:1px solid black;
}
.successbg,.successbg .trList,.successbg .trlist
{
    background:none;
}
.bodyadmin
{
    height:calc(100% - 120px);
}
.calendar
{
    z-index:10000;
}
@media  (max-width: 580px) 
{
.top_section
{
    height:100px;
}
.site_logo
{
    margin-left:0px;
}
.site_logo img
{
    height:60px;
}

.dbtd
{
    display:block;
    width:100%;
}
    .mbl
    {
        display:block;
    }
.bodycontent
{
    margin-top:140px;
    height: calc(100%-140px);
}

.homelistmonthly div
{
    text-align:center;
    border:1px solid black;
    border-bottom:0px;
}
.homelistmonthly div:last-child
{
    border:1px solid black;
}
input[type="text"], input[type="password"]
{
    width:100%;
}
.subdata
{
    margin-bottom:0px;
}
.subdata .trList
{
    font-size:13px;
}
.subdata,.subdata tbody,.subdata th,.subdata td,.subdata tr{
		display: block;
}
.subdata .trHeader {
    font-size:13px;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.subdata tr { border: 1px solid #ccc; }
.subdata td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	text-align:left;
}
.subdata td:before {
	/* Now like a table header */
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	display:inline-block;
	padding-right: 10px;
}
.subdata2
{
    margin-bottom:0px;
}
.subdata2 .trList
{
    font-size:13px;
}
.subdata2,.subdata2 tbody,.subdata2 th,.subdata2 td,.subdata2 tr{
		display: block;
		width:100%;
}
.subdata2 .trHeader {
    font-size:13px;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.subdata2 tr { border: 1px solid #ccc; }
.subdata2 td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	text-align:left;
}
.subdata2 td:before {
	/* Now like a table header */
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 100%;
	display:block;
	font-weight:bold;
}
.subdata3 td input
{box-sizing: border-box;
}
.subdata3 td:nth-of-type(1),
.subdata3 td:nth-of-type(2)
{
    vertical-align:top;
}
.subdata3 td:nth-of-type(3),
.subdata3 td:nth-of-type(4),
.subdata3 td:nth-of-type(5)
{
    display:block;
    width:100%;
}
}

.tableColor tr:nth-child(even) .trList {background: #eae9e6}
.tableColor  tr:nth-child(odd) .trList {background: #FCF4D7}

.tableColor tr.trList:nth-child(even) {background: #eae9e6}
.tableColor tr.trList:nth-child(odd) {background: #FCF4D7}

.vtop{vertical-align:top;}
.vbottom{vertical-align:bottom;}
@media  (max-width: 420px) 
{
    
.subdata3 td input
{box-sizing: border-box;
}
.subdata3 td:nth-of-type(1),
.subdata3 td:nth-of-type(2)
{
    width:auto;
    text-align:left;
    display:inline-block;
}
.subdata3 td:nth-of-type(3),
.subdata3 td:nth-of-type(4),
.subdata3 td:nth-of-type(5)
{
    display:block;
    width:100%;
}
}

#map_canvas
{
    height:300px;
    width:100%;
    min-width:300px;
}

.rightmenu
{
    text-align:right;
    padding: 10px;
	padding-right: 25px;
}
.rightmenu span
{
    text-align:center;
    padding: 8px;
    border: 1px solid #c0392b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
}
.rightmenu span:hover, .rightmenu span.active
{
    background:#c0392b;
    color:#fff;
}

.skin-blue .main-header .navbar
{
    background:#00a65a;
}
.skin-blue .main-header .logo,.skin-blue .main-header .logo:hover
{
    background:#00a65a;
}
.skin-blue .sidebar-menu > li.header
{
    color:#fff;
}