body, html { width: 100%; height: 100%; min-width: 1200px; min-height: 600px; font-size: 14px; padding: 0; margin: 0; font-family:sagoe, tahoma , sans-serif; overflow: hidden; background: url(ui/blurredbg.jpg)no-repeat; background-size: 100% 100%; }

.detailwrapper,.detailmapwrapper { width: 100%; height: 100%; background: url(ui/tr.png); position: absolute; z-index: 1000; display: none; }
.detailcontent { width: 50%; height: auto; min-height: 120px; background: white; overflow: hidden; border-radius: 10px; padding: 10px; }
.detailheader { width: 100%; padding-bottom: 6px; height: 40px; border-bottom: 1px solid #f17a21; }
.detailheadertext { width: auto; height: 20px; margin-top: 10px; float: left; display: inline-block; }
.detailheaderclose { width: 40px; height: 40px; background: url(ui/closeicon.png); float: right; cursor: pointer; }
.detailcontentc { width: 100%; height: auto; overflow: hidden; }
.detailcontentitem { width: inherit; height: auto; min-height: 20px; margin-top: 6px; border-bottom: 1px solid #ccc; }

.maincontainer { width: 100%; height: 100%; overflow: hidden; }
.pagecontainer { width: 100%; height: 100%; overflow: hidden; }


.loginpagecontainer { width: 100%; height: 100%; overflow: hidden; }
.loginpagemid { width: 460px; height: 280px; margin: 0 auto 0 auto; border: 1px solid #ccc; border-radius: 8px; background: url(ui/whitebg.png); }
.loginpagemidh { width: 440px; height: 60px; border-bottom: 1px solid #ccc; margin: 6px auto 0 auto; }
.loginpagemidc { width: 440px; height: 200px; margin: 10px auto 0 auto; }
.loginpagemidcitem { width: 420px; height: 40px; margin: 6px auto 0 auto; border-bottom: 1px solid #ccc; } 
.loginpagemidctext { width: 140px; height: 16px; color: #787878; float: left; }
.loginpagemidcinput { width: 200px; height: 22px; float: left; }

.btn1 { width: auto; height: auto; overflow: hidden; text-align: center; padding: 10px; background: #c95f4c; color: #fff; cursor: pointer; }
.btn1:hover { background: #ba3a23; }

.maincontainertop { width: 100%; height: 60px; background: #535758; }
.maincontainertopicon { width: 160px; height: inherit; float: left; background: url(ui/iconpanelwhite.png); }
.maincontainertoptext { width: auto; height: 60px; float: left; margin-left: 20px; color: #fff; font-size: 16px; }
.maincontainertopexit { width: 100px; height: 60px; float: right; margin-right: 40px; background: url(ui/manasexit.png); cursor: pointer; }

.maincontainerleft { width: 20%; height: 20px; overflow-x: hidden; overflow-y: auto; float: left; border-right: 1px solid #ccc; }
.maincontainerleftmenu { width: 100%; height: auto; overflow: hidden; }
.maincontainerleftmenuitem { width: 94%; height: auto; min-height: 46px; border-bottom: 1px solid #ccc; cursor: pointer; }

.maincontainerleftmenuitemleft,.maincontainerleftmenuitemtext,.maincontainerleftmenuitem,.maincontainertoptext,.loginpagecontainer,.loginpagemidcitem,.maincontainerrightinputciteml,.maincontainerrightinputcitemr,.maincontainerrightcontenthitem,.maincontainerrightcontentitem {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; 
}

/*report patch*/
.filtercontainer { width: 300px; height: 500px; float: left; margin: 10px 0 0 5px; border: 1px solid #ccc;
border-top: 2px solid #f17a21;
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 96%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 96%,#ffffff 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 96%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
border-bottom: 1px solid #ccc; }
.filteritem { width: 290px; height: auto; min-height: 28px; overflow: hidden; margin: 4px auto 0 auto; border-bottom: 1px solid #ccc; color: #474747; }
.filteritemleft { width: 80px; height: 28px; float: left; padding-top: 4px; }
.filteritemright { width: 206px; height: 28px; float: right; }
.filteritemrightin { width: 180px; }

.maincontainerleftmenuitemleft { width: 46px; height: 46px; float: left; border-right: 1px solid #ccc; }
.maincontainerleftmenuitembull { width: 16px; height: 16px; background: #787878; border-radius: 8px; margin: 0 auto 0 auto; }
.maincontainerleftmenuitemtext { width: auto; height: auto; overflow: hidden; float: left; color: #787878; margin-left: 10px; }

.maincontainerright { width: 79%; height: 100%; overflow-x: hidden; overflow-y:auto; float: right; }
.maincontainerrightselmenu { width: 100%; height: 70px; margin: 0 auto 0 auto; 
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 96%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 96%,#ffffff 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 96%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); );
	border-top: 3px solid #f17a21; border-bottom: 1px solid #d6d6d6; }
.maincontainerrightinputc { width: 460px; display: inline-block; height: auto; min-height: 60px; margin: 20px auto 0 auto; }
.maincontainerrightinputcitem { width: 100%; height: auto; min-height: 40px; overflow: hidden; margin-top: 4px; border-bottom: 1px solid #ccc; }
.maincontainerrightinputciteml { width: 120px; height: inherit; min-height: inherit; overflow: hidden; float: left; }
.maincontainerrightinputcitemr { width: 336px; height: inherit; min-height: inherit; overflow: hidden; float: right; }
.btn2,.btnedt,.btndel { width: auto; height: auto; overflow: hidden; text-align: center; padding: 10px 16px 10px 16px; border-radius: 4px; border: 1px solid #ccc; cursor: pointer; background-color:rgba(255, 255, 255, 0.2); display: inline-block; color: #444444; }
.btn2:hover { color: #ba3b23; background-color:rgba(255, 255, 255, 0.5); }
.btnedt { color: #6498ea; }
.btndel { color: #ba3b23; }
.btnedt:hover,.btndel:hover { background-color:rgba(255, 255, 255, 0.5); }

.maincontainerrightcontent { width: 100%; height: auto; overflow: hidden; margin-top: 10px; }
.maincontainerrightcontenth { width: 100%; height: 40px;  border-top: 2px solid #f17a21;
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 96%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 96%,#ffffff 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 96%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
border-bottom: 1px solid #ccc; }
.maincontainerrightcontenthitem { width: auto; height: inherit; float: left; }
.maincontainerrightcontentc { width: 100%; margin-bottom: 100px; height: auto; overflow: hidden; }
.maincontainerrightcontentitem { width: 100%; height: auto; min-height: 40px; overflow: hidden; border-bottom: 1px solid #ccc; }
.maincontainerrightcontentiteml { width: auto; height: auto; min-height: 20px; overflow: hidden; display: inline-block; float: left; }
.maincontainerrightcontentiteml img { width: 100%; height: auto; object-fit: cover; }