.html
{
    overflow-y:scroll;
    /*font:75% 'Lucida Sans Unicode','Lucida Grande',arial,helvetica,sans-serif;*/
    font:75% NeoSans;

    background: url("../../Images/flowers-left.png") no-repeat fixed 0 400px;
    padding: 0px;
    margin: 0px;
    background-color:#F0F0F0  ;
  
}

/*@font-face
{
    font-family: "NeoSans";
    src: url('../../UIFramework/Fonts/NeoSansBlack.otf'),

}*/
 
/*render menu*/
#customValue {
line-height: 16px;
width: 60px;
float: none;
margin: -3px 0 0 5px;
}

#header {
    /*background-image: url("../../Images/RAheaderBG.png") !important;*/
    background-image: url("../../Images/headerBG.png") !important;
    background-repeat: repeat;
    color: #000000;
    height: 105px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
/*#header_demo {
 
    background-image: url("../../Images/headerBG.png") !important;
    background-repeat: repeat;
    color: #000000;
    height: 105px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}*/

#ControlPenelheader {
     background-image: url("../../Images/headerBG.png") !important;
    background-repeat: repeat;
    color: #000000;
    height: 101px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
#header .app-header {
    color: #FFFFFF;
    font-size: 30px !important;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 35px;
}
#ControlPenelheader .app-heade {
    color: #FFFFFF;
    font-size: 30px !important;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 35px;
}
.hdLeftPanel {
    /*background-repeat: no-repeat;*/
    float: right;
    height: 100px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 15px;
    text-align: right;
    width: 100%;
    background-repeat: no-repeat ;
  
}

/*.hdLeftControlPanel
{
    background-image: url("../../Images/empressHeader.png")!important;
    background-repeat: no-repeat;
    
    float: right;
    text-align: right;
    width: 100%;
    color: #fff;
    height: 100px;
    margin-left: -10px;

}*/
  .Headercontainer{
	width:100%;
	height:100%;
	xdisplay: table;
    background-image: url("../../Images/Headers/Header.png");
     background-repeat: no-repeat;
     xbackground-color:#474E54;
}
.HeaderRightSpan{
	color:#FFFFFF;
    font-family:'Neo Sans Std';
    font-size:550%;
    margin-right:3%;
   font-weight:normal;
   font-weight:bolder;

}

.HeaderRightSpanControl{
    	color:#FFFFFF;
    font-family:'Neo Sans Std';
    font-size:660%;
    margin-right:3%;
    font-weight:bolder;
}
#imgAzLogo{
    	width:25%;
	height:10%;
}
#headerCanvas {
    height: 100%;
    width: 100%;

}
.BannerText {
    /*Apply this class to some text to unlock the secrets of the third dimension!*/

/*font-family: Garamond, serif;*/
line-height: 1em;
color: #ebc505;
font-weight:bold;
font-size: 47px;
text-shadow:0px 0px 0 rgb(159,121,-71),1px 1px 0 rgb(149,111,-81),2px 2px 0 rgb(138,100,-92),3px 3px 0 rgb(128,90,-102),4px 4px 0 rgb(117,79,-113),5px 5px 0 rgb(107,69,-123),6px 6px 0 rgb(96,58,-134),7px 7px 0 rgb(85,47,-145),8px 8px 0 rgb(75,37,-155),9px 9px 0 rgb(64,26,-166),10px 10px 0 rgb(54,16,-176),11px 11px 0 rgb(43,5,-187),12px 12px 0 rgb(33,-5,-197),13px 13px 0 rgb(22,-16,-208), 14px 14px 0 rgb(11,-27,-219),15px 15px 14px rgba(0,0,0,0.4),15px 15px 1px rgba(0,0,0,0.5),0px 0px 14px rgba(0,0,0,.2);
}

#header .hdrightPanel {
    margin-right: 10px;
    margin-top: 35px;
    margin-bottom: 0px;
       
}
#header h1 {
    border: medium none;
    /*color: #FFFFFF;*/
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 35px !important;
    font-weight: bold;
    line-height: 0px;
    /*text-shadow: 5px 5px 5px;*/
    padding: 0;
 
}

#vrs {
    /*color: #FFFFFF;*/
    /*background-color: transparent;
    font-size: 10px!important;
    margin-right: 12px;*/
  
}
.hdLeftControlPanel .version-div {
    color: #FFFFFF;
    margin: 0px;
}
.hdLeftPanel .version-div {
      color: #FFFFFF;
    margin-top: 14px;
    margin-bottom: -10px;
    margin-right: 11px;
    font-size: 10px;
    
}
.welcomeLabel {
    margin-right: 0px;
    margin-top: 10px;
    background: transparent;
}
.hdLeftControlPanel #vrs {
    background-color: transparent;
    font-size: 10px!important;
    margin-right: 12px;
    color: #FFFFFF;
    margin-top: 0px;
}

.mainBody {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    /*font-size:11px;*/
}
.bodyContent {
    /*background: url("../../UIFramework/images/focus-again-1338x619.jpg")no-repeat;*/
    
}

/*#footer.cpFooter {
    margin-top: -15px;
    padding-top: 0;
}*/
.footer {
    xcolor: #C5C9CD;
    line-height: normal;
    /*margin: 26px 0 0;
    padding: 10px 0;*/
    text-align: center;
    /*background-color:#CACACA;*/
}
/*#footer p {
    
    color: #969DA2;
    font-weight: normal;
}

#footer p a {
    color: #969DA2;
}*/
/*Company Information*/
.leftDiv
{
    /*border: 1px solid black;*/
    float: left;
    padding: 4px;
    width: 44%;
   
}
.leftDiv .k-content {
      border: 1px solid #969DA2;
}

.rightDiv
{
    /*border: 1px solid black;*/
    float: right;
    padding: 5px;
    width: 48%;
    /*border-radius:25px;*/
}
.rightDiv .k-content {
      border: 1px solid #969DA2;
}
input:focus{
    border: 1px solid #FFC700;
  
    
    
}
.k-textbox 
{
width: 11.8em;
}

     .divDetails {
         /*border-radius:25px;*/
         
     }           

.divDetails h3 {
font-weight: normal;
font-size: 1.4em;
border-bottom: 1px solid #ccc;

}

.divDetails ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.divDetails li {
margin: 10px 0 0 0;
}
.divDetails label{
    font-weight: normal;
}
.lblTextArea {
    vertical-align: top;
}
label {
display: inline-block;
width: 90px;
text-align: right;
}

.required {
font-weight: bold;
}

.accept, .status {
padding-left: 142px;
}

.valid {
color: green;
}

.invalid {
color: red;
}
span.k-tooltip {
margin-left: 6px;
}

.lbl
{
    width:16%;
    text-align:left;
}
/*.lblTheme {
    width:9%;
    text-align:left;
}*/
/*.lblUser, .lblCompany {
    width:20%;
    text-align:left;
}

.lblUser, .lblCompany {
    width:20%;
    text-align:left;
}*/

.lbltAra
{
    vertical-align:top;
}
.tarea
{
    xwidth: 11.4em;
    width: 15.6em;
}

.lblPermission {
    padding-top: 5px;
    text-align: left;
}

#divMenuPermission {
    border: 1px solid #666666;
    height: auto;
    margin-right: 5px;
    width: 32%;
    float: left;
}
.permissionHeaderDiv {
    background-color: #666666;
    border: 1px solid #666666;
    height: 25px;
}
.permissionHeader {
    /*color: #FFFFFF;*/
    margin: 2px 0;
    text-align: center;
}


/*Login Page Content-----------------------------------------------------------*/

#divmainbody {
    height: auto;
    clear: both;
}

#divLoginContent {
    /*background-color: #C5C9CD;*/
}
#content.zofficeHome {
    width: 905px;
    background-image: url("../../Images/sl-3.jpg")!important;
    background-repeat: no-repeat;
    min-height: 280px;
    height: 280px;
    background-size: 100%;
}
#content {
    /*background-color: #FFFFFF;*/
    border: 1px solid #FFC700;
    /*border-radius: 20px 20px 20px 20px;*/
    color: #545454;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    /*height: 252px;*/
    margin-left: auto;
    margin-right: auto;
    /*min-height: 320px;*/
    padding-bottom: 0px;
    padding-top:0px;
    text-align: left;
    /*top: 90px;*/
    width: 980px;
    background:honeydew;
    /*opacity: 0.8;*/
    /*box-shadow: 10px 10px 50px 10px #33CC00;*/
    box-shadow: 10px 10px 14px 0px;
}

.leftDivZpanelHome {
    background: url("../../Images/save_green.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 262px;
    margin: 10px;
    width: 25%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    
}
.leftDivZpanelHomebottom {
    color: Green;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 225px;
}
#olzpanelHome {
    list-style: none outside none;
}

.middleDivZpanelHome {
    float: left;
    height: auto;
    margin: 10px 10px 10px 0;
    text-align: justify;
    width: 33%;
}
.homeContentDetail {
    margin-top: -25px;
}
.productImage{
    margin-top:0px;
	/* width:100px; */
	height:84px;
	/* margin-right:10px; */
	 
	margin-bottom:4px;
margin-right:24px;
}
.HeaderRightOrg{
	
}

#productImageOrg{
    margin-top:13px;
	/* width:100px; */
	height:69px;
	/* margin-right:10px; */
	 
	margin-bottom:4px;
margin-right:25px;
}
/* #{ */
    /* margin-top:13px; */
	/* /* width:100px; */   
	/* height:69px; */
	/* width:300px;   */
	/* margin-bottom:4px; */
	/* margin-right:26px; */
/* } */

.rightDivZpanelHome {
    border: 1px solid #969DA2;
    float: left;
    height: 300px;
    margin: 10px 10px 10px 0;
    width: 37%;
}

.rightDivZpanelHomeTop {
    background-color: #969DA2;
    color: #FFFFFF;
    float: left;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 20px;
    font-weight: bolder;
    height: 28px;
    margin: 0;
    width: 338px;
}

.rightDivZpanelHome ul {
    display: block;
    list-style: none outside none;
    margin: auto;
    padding: 5px;
}

.rightDivZpanelHome ul li {
    background: url("../../Images/left_nav_arrow.gif") no-repeat scroll 0 0 transparent;
    border-bottom: 1px dashed #BEDF77;
    color: #6898AC;
    display: block;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 2px 0 6px;
    padding: 0 0 0 40px;
    text-decoration: none;
    width: 280px;
}
#HomeContent {
    height: auto;
    clear: both;
    /*background-color: #C5C9CD;*/
    padding-top: 25px;
}
.divmainbody {
    height: auto;
    clear: both;
}

#divLoginForm {
    background-color: #C5C9CD;
}
#toppanel {
    /*left: 16%;*/
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 25;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

#panel {
    height: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    top: 0px;
    width: 918px;
    z-index: 10;
}
 #companyImage{
	 width:280px;
	 /* margin-right:25px;  */
	 /* margin-top:1px */
	 /*width:164px;*/
	 height:62px;
	 margin-left:25px;
	 padding-bottom: 10px;
 }
#panel_contents {
   background: none repeat scroll 0 0 #474E54;
    height: 100%;
    opacity: 0.7;
    /*for ie*/ 
    filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    position: absolute;
    width: 918px;
    z-index: -1;
    border-radius: 0px 0px 10px 10px; 
}

.login {
    background-color: #110092;
    color: #ffffff;
    height: 225px;
    border: 1px solid #ffffff;
    margin: 115px auto auto;
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 1px;
    width: 370px;
    box-shadow: 10px 10px 100px #FFF;
    opacity: 0.90;
    text-align: left;
    /*box-shadow: 10px 10px 50px 10px #33CC00;*/
  font-size:12px;
}
.login ul li {
    list-style-type: none;
}
#Popupheading, .popupheading {
    /*font-family: Verdana,Helvetica,Sans-Serif;*/
    /*border-bottom: 3px solid #05920F;*/
    /*color: #969DA2;*/
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 2px;
    text-align: center;
}
.fieldDiv {
    margin-bottom: 5px;
}

.panel_button {
    /*background: url("../../Images/panel_button.png") repeat scroll 0 0 transparent;*/
     background: #110092 !important;
    cursor: pointer;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.7;
    position: relative;
    top: 0px;
    width: 173px;
    z-index: 20;
    border: 1px solid #fff;
    border-top: none;
    border-radius: 0 0 10px 10px;
    
}
.panel_button:hover {
      background: #000000 !important;
}
.panel_button img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: medium none;
    border-image: none;
    border-top: medium none;
    position: relative;
    top: 10px;
}

.panel_button a {
    color: #fff;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 20px;
    font-weight: bold;
    left: 10px;
    position: relative;
    text-decoration: none;
    top: 5px;
}

#panel .actionButtons, #divResetPassword .actionButtons, #divChangePassword .actionButtons {
    text-align: center;
    width: 100%;
}
#panel .btn {
    
    border: 1px solid #5D5454;
    border-radius: 3px 3px 3px 3px;
    /*font-family: Arial;*/
    font-size: 12px;
    font-weight: 700;
    height: 23px;
    margin: 12px 0;
    overflow: hidden;
    text-align: center;
}
.txtField {
     border: 1px solid #5D5454;
    font-size: 11px;
    height: 16px;
    padding: 2px 0 0 1px;
    width: 202px;
}

#divResetPassword, #divChangePassword {
    height: auto;
    clear: both;
    /*background-color: #C5C9CD;*/
}
.lblchngpass {
    width: 29%;
}
#lblWelcome {
    width: auto;
    color: #FFF;
    font-weight: bold;
    
}
.mainDiv {
    padding: 10px;
    min-height: 450px;
    background-color:white;
}
#btnLogOff {
    
    text-decoration: none;
    margin-right: 12px;
    color: #FFF;
    font-weight: bold;
}
.HeaderDescription {
    color: #FFF;
}
.scrollup {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 40px;
    right: 15px;
    display: none;
    text-indent: -9999px;
    background: url('../../Images/scrollarrow.png') no-repeat;
    background-color: #969DA2;
}
.imageSource {
    background: url('../Images/Logo/1/azolutionHeaderLogo.png') no-repeat;
}


@media (max-width: 600px) {
 
  #lblWelcome {
       color: black;
      font-size: 8px;
  }
  #btnLogOff {
        color: black; 
        font-size: 8px;
  }

 
}
#myimage {
     
 }
.companyLogo {
    
}
body {
    margin: 0;
    padding: 0;
     font: 75% 'Neo Sans Std'; 
    background-color: #ffffff;
    text-decoration:none;
    color:#000000;
    font-style: normal;
font-weight: normal;
}


@font-face {
font-family: 'Neo Sans Std';
font-style: normal;
font-weight: normal;
src: url(../../UIFramework/Fonts/NeoSansStd-Regular.otf),
    url(../../UIFramework/Fonts/NeoSansStd-Medium.otf),
    url(../../UIFramework/Fonts/NeoSansStd-Light.otf) format('otf');
}
/*.k-grid td.k-state-selected
{
    background-color:#FFC700;
}*/
.k-grid td.k-state-selected{
    color:black
}

.k-grouping-row td, .k-group-footer td, .k-grid-footer td{
    color:black;
}
@media print
{
    #pager,#example1,
    form,
    .no-print
    {
        display: none !important;
        height: 0;
    }


    .no-print, .no-print *{
        display: none !important;
        height: 0;
    }
}
@media print {
    .print {
        display: none;
    }
}