/* Font */
@font-face {
font-family: 'CuprumFFURegular';
src: url('../font/Cuprum-webfont.eot');
src: url('../font/Cuprum-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Cuprum-webfont.woff') format('woff'),
url('../font/Cuprum-webfont.ttf') format('truetype'),
url('../font/Cuprum-webfont.svg#CuprumFFURegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'digitalFont';
src: url('../font/digital.ttf'); 
}
img a {
border:0px;
}
img {
border:0px;
}

.dxeEditArea.dxeDisabled, .dxeDisabled .dxeMemoEditArea{color:#505050;}
.clearfix:after {clear: both;}
.clearfix:before, .clearfix:after {content: "";display: table;border-collapse: collapse;}
hr { display:block;height:0px;line-height:0px;border:0;border-bottom:0px solid #E3E3E3;margin:16px 0;float:none;clear:both;padding:0;}

hn { display:inline;line-height:0px;border:0;border-left:1px solid #E3E3E3;margin:16px 0;float:none;clear:both;padding:0;}
/* Reset */
html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
input, textarea, a, img{outline: none; }

/* General Section */
html, body, textarea, input {font-family: Helvetica, Arial, sans-serif;font-size:12px;}
body {-webkit-text-size-adjust: auto !important; min-width: 1300px; overflow-x: auto; 
}
html, body {margin:0;padding:0;width:100%;height:100%;color:#505050;}
header, footer, nav, section{display:block;}

.left{float:left !important;}
.right {float:right !important;}
.clear{clear:both !important;}
.alignRight{text-align:right !important;}
.alignLeft{text-align:left !important;}
.alignCenter{text-align:center !important;}
.NoWrap{white-space:nowrap !important;}
.noMargin{margin:0 !important;}

a{ text-decoration:none; cursor:pointer;}
a:hover { text-decoration:underline; }
a, a:hover, a:visited, a:link {color:#000;}

/* Header */
.header{  min-width:1350px;}
.header .LogoLeft{float:left; margin:2px 0 0 2px; width:11%;}
.header .middlepart{
float: left;
width: 55%;
text-align: center;

}
.header .middlepart h1{
font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
font-size: 28px;
color: #FFF;
padding-top: 14px;

}
.header .RightPart{float:right;  text-align:right;}
.header .RightPart .LogoRight{display:inline-block; text-align:center;}
.header .RightPart .LogoRight img {
    height:32px;

    }
 .header .RightPart .LogoRight label {
    color:gray; font-weight:bold; text-transform:capitalize;
    }
.TopRightInfo{display:inline-block;margin-bottom:1px;color:#505050;}
.TopRightInfo .home{ margin-right:15px; float:left}
.TopRightInfo .home a{width:20px; height:21px; display:block}
/*.TopRightInfo .UserInfo{float:left; margin:6px 0 0 0; vertical-align:bottom; padding:5px 2px 5px 10px; border:1px #DCDCDC solid; max-width:200px;  width: 99%; text-align: left; vertical-align: bottom; line-height: normal;margin: 5px 0px 0px 6px; font-size: 12px;}
.TopRightInfo .UserInfo span{font-weight: 700;color:gray; text-transform:capitalize; vertical-align:bottom; cursor:pointer;}
.TopRightInfo .UserInfo_other{float:left; margin:6px 0 0 10px; vertical-align:bottom; padding:5px 2px 5px 10px; border:1px #DCDCDC solid; width:152px;   text-align: left; vertical-align: bottom; line-height: normal; font-size: 12px;}
.TopRightInfo .UserInfo_other span{font-weight: 700;color:gray; text-transform:capitalize; vertical-align:top; cursor:pointer;}*/

.TopRightInfo .UserInfo{float:left; margin:6px 0 0 0; vertical-align:bottom; padding:5px 2px 5px 10px; border:1px #DCDCDC solid; position:absolute; right:70px;   width: 167px; text-align: left; vertical-align: bottom; line-height: normal;margin: 5px 0px 0px 6px; font-size: 12px;}
.TopRightInfo .UserInfo span{font-weight: 700;color:gray; text-transform:capitalize; vertical-align:bottom; cursor:pointer;}
.TopRightInfo .UserInfo_other{float:left; margin:6px 0 0 10px; vertical-align:bottom; padding:5px 2px 5px 10px; border:1px #DCDCDC solid; width:152px; position:absolute; right:70px;  text-align: left; vertical-align: bottom; line-height: normal; font-size: 12px;}
.TopRightInfo .UserInfo_other span{font-weight: 700;color:gray; text-transform:capitalize; vertical-align:top; cursor:pointer;}

.divusersubmenu .usersubmenu ,.divusersubmenu_other  .usersubmenu ,.usersubmenuLast {
 margin-bottom:0px;padding: 4px 9px;
}
.usersubmenu:hover, .usersubmenuLast:hover {

 background:#FFE600; 
}
.TopRightInfo .divusersubmenu
{border: 1px solid #DCDCDC;
 border-top:none;
    display:none;
    text-align: left;
    vertical-align: bottom;
    line-height: normal;
    width: 167px; 
    /*margin: 5px 5px 0px 6px;*/
    z-index: 3;
    font-size: 12px;
    position: absolute;padding:10px 1px;
    top: 39px;
    color:gray;
    background-color: white;
    right: 70px;
}
.TopRightInfo .divusersubmenu_other
{
    border: 1px solid #DCDCDC;
    border-top:none;
    display:none;
    text-align: left;
    vertical-align: bottom;
    line-height: normal;
    width: 162px;  
    z-index: 3;
    font-size: 12px;
    position: absolute;
    padding:10px 1px;
    top: 43px;
    color:gray;
    background-color: white;
    right: 70px;
}

.usersubmenu a ,.usersubmenuLast a {
color:gray;
}
.account-separator {border-right:1px solid #393834;	border-left:1px solid #1d1e1f;height:19px;width:0px;display: inline;margin:0 10px;	}
/* Header */

/*Header Menu */
#menu {float:right;min-width:401px;line-height:normal;overflow:hidden;margin-right: 7px; margin-top:-20px;}
#menu ul {margin:0;padding:0px 10px 0 0px;list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a {float:right;display:block;background:url("../images/right.png") no-repeat left top;padding:10px;margin-right:2px;color:#1f576f;font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px; border:1px solid #cdcece;height:5px;line-height:5px;}
#menu a:hover {background-position:0% -34px;text-decoration:none;}
/*Header Menu */

/* Middle Part */
/* .middle {height: 1%;position: relative;padding-left: 20px;padding-right: 20px;}*/
.middle {height: 1%;position: relative;width: 101%;}
.tabbox {float: left;width: 260px; background: url("../images/arrow-left.png") right center no-repeat; height:25px; cursor:pointer}
.tabboxChange {background: url("../images/arrow-right.png") center center no-repeat !important; width:25px !important}

.container-main {
    /*overflow: hidden !important;*/background:#fff;margin-bottom:5px;
    /*-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px #666;*/
     position:relative;  float:left; width:99%}

.container1 {width:70% !Important; margin:0 auto!Important; float:none !Important;  }
.sideLeftBg {position: absolute; width:260px; height: 100%;    z-index:1}
.container-main #leftSide, .container-main #rightSide, .info-footer, .tabbox, .container-main #rightSide .content, .sideLeftBg,.searchpanel{-webkit-transition: All linear 0.2s; -moz-transition: All linear 0.2s; -ms-transition: All linear 0.2s;  -o-transition: All linear 0.2s; transition: All linear 0.2s;}

/*.container-main #leftSide{position:absolute; width:260px;height: 100%;background: #8A9399;}
.container-main #rightSide{margin:0 0 0 260px;background:#fff;padding:0px; position:relative;min-height:600px}*/

.container-main #leftSide{ width:260px;height: 100%;background: #8A9399; float:left; margin-left:-100%; position:relative; z-index:9}
.container-main #rightSide{background:#fff;padding:0px; position:relative;min-height:675px; width:100%; float:left}
.backcolor {

}

.control .dx-vam {

float:none;
}



/*leftselect*/

.container-main #leftSide select{  width:100%;border: 1px solid #e3e3e3;height: 26px;background: #8A9399; color:#FFFFFF;}
/*leftselect*/


/* menu - left */
.categories {background-image:url(../images/menu-left-bg.png);color:#fff;font-size: 16px; font-family: "CuprumFFURegular", Helvetica, Arial, sans-serif;display: block;position: relative;width: auto;padding-left: 10px;padding-top:12px;text-decoration: none;height:32px;	}
ul.menu {/*border-right:1px solid #5b5f6b;*/}
ul.menu, ul.menu ul {list-style-type:none;margin:0;padding: 0;width: 100%; /*width of menu*/}
ul.menu a {display: block;text-decoration: none;}
ul.menu li a, ul.menu ul.menu li a {background-image:url(../images/menu-left-bg.png);color:#fff;font-family: CuprumFFURegular, Helvetica, Arial, sans-serif;font-size:16px; display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width: auto;padding-left: 10px;padding-top:12px;text-decoration: none;height:32px}
ul.menu ul.menu li a span {color:#fff;}
ul.menu li ul {margin-bottom:-1px;}
ul.menu li ul li a, ul.menu ul.menu li ul li a {border-bottom: 1px solid #969ea3;background-image:none;}
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {background: #a7afb4;color:#fff;}
ul.menu li ul li a:hover span.icon {color:#fff;}
ul.menu ul.menu li a:hover {border-left: 0;padding-left: 0.5em;}
ul.menu ul.menu {border-left: 5px #f00 solid;}
ul.menu a.active span.icon {color:#fff;}
.menu span.icon {background-repeat: no-repeat;background-position:center left;padding-left: 25px;display:block;float:left;color: #fff;}
.menu span.num {background-image:url(../images/num.png);float:right;width:26px;height:17px;display:block;margin-right:10px;text-align:center;font-family:Arial, Helvetica, ans-serif;font-size:12px;padding-top:3px;}
ul.menu a:hover span.icon {color:#fff;}
ul.menu div.panel a, ul.menu div.panel li a:hover  {display :inline;color: #666;background: none;margin: 0;padding: 0;border: none;font-weight: bold;}
ul.menu div.panel a:hover {color: #000;text-decoration: underline;}
.menu .dashboard {background-image:url(../images/menu/home.png);}
.menu span.arrow {background-image:url(../images/menu/arrow.png);}
.menu span.four-prong {background-image:url(../images/menu/general.png);}
/* Middle Part */



/* Right Side */
/*.container-main #rightSide .content{float:left; width:100%; padding-bottom:60px}*/

.container-main #rightSide .content{   /*padding-bottom: 60px;*/
  padding-left: 16px;
  /*margin-top: 17px;*/
  margin-top:35px;
   margin-right:10px;}
.container-main #rightSide .content .contentWrapper{padding:0 20px; color: #000; z-index:99999; background:#fff;}

/*.container-main #rightSide .content .speedbar 
{
    height:31px;padding-top:14px;padding-left:20px;padding-right:20px;
background: -moz-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8faf9), color-stop(100%,#d1d2d5));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); Opera 11.10+
background: -ms-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%);  IE10+ 
background: linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8faf9', endColorstr='#d1d2d5',GradientType=0 ); IE6-8 
border-bottom:1px solid #afb1b9;font-family: CuprumFFURegular, Helvetica, Arial, sans-serif;font-size:16px;color:#55585d;width:100%; z-index:999999;}*/

.container-main #rightSide .content .speedbar 
{
    height:31px; padding-left:20px;padding-right:20px;
background: -moz-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8faf9), color-stop(100%,#d1d2d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* IE10+ */
background: linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8faf9', endColorstr='#d1d2d5',GradientType=0 ); /* IE6-8 */
border-bottom:1px solid #afb1b9;font-family: CuprumFFURegular, Helvetica, Arial, sans-serif;font-size:16px;color:#55585d;width:100%; z-index:999999;}
.container-main #rightSide .content .speedbarnew {height:50px;padding-top:14px;padding-left:20px;padding-right:20px;
background: -moz-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8faf9), color-stop(100%,#d1d2d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* IE10+ */
background: linear-gradient(top, #f8faf9 0%,#d1d2d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8faf9', endColorstr='#d1d2d5',GradientType=0 ); /* IE6-8 */
border-bottom:1px solid #afb1b9;font-family: CuprumFFURegular, Helvetica, Arial, sans-serif;font-size:16px;color:#55585d;width:auto;}


.container-main #rightSide .content .speedbarnew h1 { font-size:21px; font-weight:bold; margin:-10px; padding:0px;}
.container-main #rightSide .content .speedbar a{color:#55585d;text-decoration:none;}
.container-main #rightSide .content .speedbar-nav {float:left;}

.contentHeading{ padding:7px 10px; clear:both; border-bottom:1px solid #e3e3e3; border-top:3px solid #CCCCCC; margin:10px 0 15px; display:block}

/*.grid-full {padding:20px 0 0;}*/
.grid-full
{
    margin-left: 10px;
    }
    /*background-color:#c3c3c3;  background-image:"\images\tempbg.png" ; background-repeat:repeat;  background-color:#B2BADE;  */
    
/*.title-grid { 
 width: 100%;
     height: 40px;

 background-color:#FFDE0D;
  border-radius: 5px;
  border: 0px;
  font-family: CuprumFFURegular, Helvetica, Arial, sans-serif;font-size:16px; color:#55585d;display: block;
  padding:2px;
  padding-left: 10px;padding-right: 10px;padding-top:10px;padding-bottom:10px;
  text-decoration: none;}
.content-gird {background-color: #ffffff; border: 0px solid #e3e3e3;color: #424242;padding: 10px; padding-top:0px}
.content-gird:after{content:' '; display:table; clear:both}*/

.title-grid { 
 width: 100%;
 /*height:5%;*/
 position: fixed;
 /*position: relative;*/
 background-color:#FFDE0D;
 /* border-radius: 5px;*/
  border: 0px;
  font-family: CuprumFFURegular, Helvetica, Arial, sans-serif;font-size:16px; color:#55585d;display: block;
  padding:2px;
  /*padding-left: 10px;padding-right: 10px;padding-top:10px;padding-bottom:10px;*/
  text-decoration: none;}
.content-gird {background-color: #ffffff; border: 0px solid #e3e3e3;color: #424242;/*padding: 10px*/; padding-top:40px}
.content-gird:after{content:' '; display:table; clear:both}


.title-grid .btnimg :hover  
{
     /* background-color: #FFE600 !important;*/
 
 
  border: 0px solid #A8A8A8!important;
  border-Radius:5px;
  
 
 }

 .title-grid .dxbDisabled :hover  
{
      background-color: transparent !important;
 
 
  border: 0px solid #A8A8A8!important;
  border-Radius:5px;
  
 
 }
/* Form */

.grd .dxgvControl
{
    margin-top:6px;
width:100%;    
}
.control1 a
{
    
line-height: inherit;
padding-left: 2px;
text-decoration: underline;
color: blue;    
position: absolute;
margin-top: 5px;

}

.grd a
{
    
line-height: inherit;
padding-left: 2px;
text-decoration: underline;
color: blue;    
margin-top: 5px;

}
.control1 {float:left; margin:5px /*20px*/0 3px 0;         width:62.3333%; /*padding:0 1%;*/ min-height:30px }
.control1 .dxeTextBox
{
     width:80%;
}
.control1 .dxeTextBox ,.control1 .dxeMemo /*,.control1 .dxeButtonEdit*/
{
     width:70%;float: left;
}
.control1 label , .control1 span{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; float:left; width:auto; min-height:26px; display:table; /*margin-right:15px;*/ width:14%  }
 
.control1 label span{display:table-cell; vertical-align:middle}
.control1 label.long{/*width:115px*/}
.control1 input[type="text"]{border: 1px solid #e3e3e3;/*height: 25px;*/font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; /*width:60%;*/ width:100%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.control1 input[type="text"]:active {border: 1px solid #ffe600 !important;background: #faf9ec; }
.control1 input[type="text"]:focus {border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;/*padding:5px;*/ }
.control1 input[type="text"].errorfield{border: 1px solid #C22327 !important;/*height: 25px;*/font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; width:60%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}

.control1 input[type="password"]{border: 1px solid #e3e3e3;height: 25px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; width:60%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.control1 input[type="password"]:active, input[type="password"]:focus {border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6); padding-left:5px;
	outline:0 none;padding:5px;  }

.control1 textarea{width:60%; float:left;border: 1px solid #e3e3e3;font-family: Helvetica, Arial, sans-serif;color: #575757;background: #F7F7F7; height:50px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.control1 textarea:active, textarea:focus {  border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;  /*padding:5px;*/ }

.control1 select:active, select:focus { border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;padding:5px; }

.control1 input[type="file"]{width:50% ; height:25px;}

.control1 select{width:60%;border: 1px solid #e3e3e3;height: 26px;background: #F7F7F7;}
.control1 input[type="checkbox"], .control input[type="radio"]{margin:7px 0 0 5px}
.control1 .multi{width:60%;border: 1px solid #e3e3e3;height: 100px;background: #F7F7F7;}
.control1 input[type="text"].small{width:130px}
.control1 input[type="text"].datepicker{background:#F7F7F7 url(../images/calendar_icon.png) no-repeat 97% 50%}  


.subgrpcontrol{float:left; margin:5px /*20px*/0 3px 0;         width:100%; /*padding:0 1%;*/ min-height:30px }
.subgrpcontrol .dxeTextBox
{
   width:50%
}
.subgrpcontrol .dxeTextBox ,.subgrpcontrol .dxeMemo ,.subgrp .subgrpcontrol .dxeButtonEdit
{
     width:50%;
}
.subgrpcontrol .dxeButtonEdit
{
     min-width:150px;
}
.subgrpcontrol label{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; float:left; width:auto; min-height:26px; display:table; /*margin-right:15px;*/ width:9%  }
 
.subgrpcontrol label span{display:table-cell; vertical-align:middle}
.subgrpcontrol label.long{/*width:115px*/}
.contrsubgrpcontrolol1 input[type="text"]{border: 1px solid #e3e3e3;height: 25px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; /*width:60%;*/ width:100%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.subgrpcontrol input[type="text"]:active {border: 1px solid #ffe600 !important;background: #faf9ec; }
.subgrpcontrol input[type="text"]:focus {border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none; }
.subgrpcontrol input[type="text"].errorfield{border: 1px solid #C22327 !important;height: 25px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; width:60%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}

.subgrpcontrol input[type="password"]{border: 1px solid #e3e3e3;height: 25px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7;  float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.subgrpcontrol input[type="password"]:active, input[type="password"]:focus {border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6); padding-left:5px;
	outline:0 none;padding:5px;  }

.subgrpcontrol textarea{width:60%; float:left;border: 1px solid #e3e3e3;font-family: Helvetica, Arial, sans-serif;color: #505050;background: #F7F7F7; height:50px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.subgrpcontrol input[type="file"]{width:50% ; height:25px;}
.control{float:left; margin:5px /*20px*/0 3px 0;         width:31.3333%; /*padding:0 1%;*/ min-height:30px }
.subgrpcontrol textarea:active, textarea:focus {  border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;  /*padding:5px;*/ }

.control1 select:active, select:focus { border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;padding:5px; }

.subgrpcontrol input[type="file"]{/*width:50% ;*/ height:25px;}

.subgrpcontrol select{width:60%;border: 1px solid #e3e3e3;height: 26px;background: #F7F7F7;}
.subgrpcontrol input[type="checkbox"], .control input[type="radio"]{margin:7px 0 0 5px}
.subgrpcontrol .multi{width:60%;border: 1px solid #e3e3e3;height: 100px;background: #F7F7F7;}
.subgrpcontrol input[type="text"].small{width:130px}
.subgrpcontrol input[type="text"].datepicker{background:#F7F7F7 url(../images/calendar_icon.png) no-repeat 97% 50%}  

.control
{
    float:left; margin:5px /*20px*/0 3px 0;   
          width:31.3333%; /*padding:0 1%;*/ min-height:30px 
          }
.control .dxeTextBox
{
     width:50%;
}
.control label,.control span{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; float:left;   display:table; /*margin-right:15px;*/  }
.control .dxeTextBox ,.control .dxeMemo /*,.control .dxeButtonEdit*/
{
    width:50%;
}

.label {
    display: inline-block;
    max-width: 100%;
}
.controlspace{ width:29% !important;}
.controlnew{   width:24% !important;   }
.welcomecontrol{  width:43.3333% !important; ; }
.controlnew input[type="text"]{  float:left!important; width:100% !important;   }
.largeControl{width:98% !important; }
.halfControl{width:48% !important;}
.control label,.control span{font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; float:left;   display:table; /*margin-right:15px;*/  }
.largeControl label{width:13% }
.control label span{display:table-cell; vertical-align:middle}
.control label.long{/*width:115px*/}
.control input[type="text"]{border: 1px solid #e3e3e3;/*height: 25px;*/font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #505050;background: #FDFDFD; /*width:60%;*/ width:100%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.control input[type="text"]:active {border: 1px solid #ffe600 !important;background: #faf9ec; }
.control input[type="text"]:focus {border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;/*padding:5px; */}
.control input[type="text"].errorfield{border: 1px solid #C22327 !important;/*height: 25px;*/font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #505050;background: #FDFDFD; width:60%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}

.control input[type="password"]{border: 1px solid #e3e3e3;height: 25px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #505050;background: #FDFDFD; width:60%; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.control input[type="password"]:active, input[type="password"]:focus {border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6); padding-left:5px;
	outline:0 none;padding:5px;  }

.control textarea{width:60%; float:left;/*border: 1px solid #e3e3e3;*/font-family: Helvetica, Arial, sans-serif;color: #505050;background: #FDFDFD; height:50px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.control textarea:active, textarea:focus {  border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;  /*padding:5px;*/ }

.control select:active, select:focus { border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none;padding:5px; }

.control input[type="file"]{width:50% ; height:25px;}
.largeControl textarea{width:86%; float:left;border: 1px solid #e3e3e3;font-family: Helvetica, Arial, sans-serif;color: #505050;background: #FDFDFD; height:40px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.control select{width:60%;border: 1px solid #e3e3e3;height: 26px;background: #F7F7F7;}
.control input[type="checkbox"], .control input[type="radio"]{margin:7px 0 0 5px}
.control .multi{width:60%;border: 1px solid #e3e3e3;height: 100px;background: #F7F7F7;}
.control input[type="text"].small{width:130px}
.control input[type="text"].datepicker{background:#F7F7F7 url(../images/calendar_icon.png) no-repeat 97% 50%}                   
.seprateDiv{float:left; width:80px; text-align:center; margin:20px 10px 0;}
.roleMoveBtn {background-image:url(../images/button.png);border:1px solid #CCC;color:#55585d;font-weight:normal;font-family: Helvetica, Arial, sans-serif;font-size:11px;display:inline-block;height:26px;line-height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration:none;cursor:pointer;text-align:center; padding:0px 10px ; margin:0 0 10px }
.textareawidth{ width:81% !important;
}

@media screen and (min-width:769px){
.largeControl label{/*width:13% */}
.largeControl textarea{width:87%;}
}
@media screen and (min-width:481px) and (max-width:768px){
.control{/*width:98%;*/ padding:0 1% }
.largeControl label{/*width:40%* !important*/}
.largeControl textarea{/*width:60%;*/}
}
@media screen and (max-width:480px){
.control{/*width:98%;*/ padding:0 1% }
.largeControl label{/*width:40% !important*/}
.largeControl textarea{/*width:60%;*/}
}



#tooltip{position:absolute;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:11px;color: #333;background: #f4f4f4;padding: 3px 5px;display:none;border: 1px solid #ddd;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.30);-moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.30);box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.30); max-width:200px;}	

#tooltip1{position:absolute;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:11px;color: #333;background: #f4f4f4;padding: 3px 5px;display:none;border: 1px solid #ddd;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.30);-moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.30);box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.30); max-width:200px; margin-left:-200px; margin-top:20px;}	
/* Tables */
.tableWrapper{overflow:auto !important; margin:20px 0 0;border:1px solid #CCC;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.display {background-color:#ffffff;border:0px;border-spacing:0px; width:100%;}
.display thead tr th {height:29px;text-align:center;color:#000000;background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
		font-family: Helvetica,Arial,sans-serif;
        font-size: 12px;padding:5px 0px;line-height:12px}
		
	.display tbody tr th {height:29px;text-align:center;color:#000000;background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
		font-family: Helvetica,Arial,sans-serif;
        font-size: 12px;padding:5px 10px;line-height:12px}	
		
		.tableWrapper input[type="text"]{border: 1px solid #e3e3e3;height: 25px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #505050;background: #F7F7F7; width:100px; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.tableWrapper textarea{width:100px; float:left;font-family: Helvetica, Arial, sans-serif;color: #505050;background: none; height:40px;}

.tableWrapper input[type="file"]{width:100px}
.tableWrapper select{width:100px;border: 1px solid #e3e3e3;height: 26px;background: #FDFDFD;}
	
.display tbody tr {background-color:#fcfcfc;}
.display tbody tr:nth-child(odd){background:#fcfcfc;}
.display tbody tr:nth-child(even){background:#f4f4f4;}	
	.display thead tr th:hover {background-color:#CAE4FF !important;}	
.display tbody tr:hover {background-color:#D2E9FF;}	
.display tbody tr td {height:27px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:3px 15px;color:#000000;text-align:left;font-family: Helvetica,Arial,sans-serif;font-size: 11px;}
.display tbody tr td:last-child{
text-align:center;
width: 80px;
}
.todoleft{
height: 20px;
padding-top: 5px;

padding-left: 10px;
width: 50%;
float:left;

color:#000;
}
.todoleft a {
color:#000;
text-decoration:none;
}
.todoleft a:hover {
color:#000;
text-decoration:none;
}

.todoTable{overflow:auto;border:1px solid #CCC;}
.todoTable table{background-color:#ffffff;border:0px; width:100%; font-size:11px;border-left:1px solid #eee;}

.todoTable table tbody tr th{ 
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
	}



.todoTable thead tr th{  min-height:15px;line-height:15px;border-top:3px solid #ddd;  border-right: solid #ccc 1px; position:relative;
    top: expression(this.offsetParent.scrollTop);  border-bottom:1px solid #ddd;background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ font-size:12px}
.todoTable tbody tr th{min-height:15px;line-height:15px;border-top:3px solid #ddd;  border-right: solid #ccc 1px; position:relative;
    top: expression(this.offsetParent.scrollTop);  border-bottom:1px solid #ddd;background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ font-size:12px}
	
	.todoTable table thead tr th:hover{background:#EAEEF4;}
.todoTable table tbody tr td{border-right:1px solid #eee;border-bottom:1px solid #eee; line-height:14px;}
.todoTable table tbody tr:nth-child(odd){background:#fff;}
.todoTable table tbody tr:nth-child(even){background:#f7f7f7;}
.todoTable table tbody tr:hover{background:#f1f1f1;}
.todoTable table tbody tr td:hover{background:#EAEEF4;}
.todoTable table tbody tr td a{font-weight:bold; text-decoration:none; color:#000}
.todoTable table tbody tr td a:hover{font-weight:bold; text-decoration:underline; color:#000}
.red{background:#ff0000 !important; color:#fff !important}
.orange{background: #ffe600; /* Old browsers */
		background: -moz-linear-gradient(top, #ffe600 0%, #e4e1c2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe600), color-stop(100%,#e4e1c2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffe600 0%,#e4e1c2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffe600 0%,#e4e1c2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffe600 0%,#e4e1c2 100%); /* IE10+ */
		background: linear-gradient(top, #ffe600 0%,#e4e1c2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ color:#000000 !important; padding:3px; border:solid 1px #ccc; border-radius:25px; white-space:nowrap; line-height:0px;}
.blue{background: #558ed5; /* Old browsers */
		background: -moz-linear-gradient(top, #558ed5 0%, #c0cbd9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#558ed5), color-stop(100%,#c0cbd9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #558ed5 0%,#c0cbd9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #558ed5 0%,#c0cbd9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #558ed5 0%,#c0cbd9 100%); /* IE10+ */
		background: linear-gradient(top, #558ed5 0%,#c0cbd9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#558ed5', endColorstr='#c0cbd9',GradientType=0 ); /* IE6-9 */ color:#fff !important; padding:3px; border:solid 1px #ccc; border-radius:25px; white-space:nowrap; line-height:0px;}
.grey{background: #d55555; /* Old browsers */
		background: -moz-linear-gradient(top, #d55555 0%, #d9c0c0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d55555), color-stop(100%,#d9c0c0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d55555 0%,#d9c0c0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d55555 0%,#d9c0c0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d55555 0%,#d9c0c0 100%); /* IE10+ */
		background: linear-gradient(top, #d55555 0%,#d9c0c0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d55555', endColorstr='#d9c0c0',GradientType=0 ); /* IE6-9 */ color:#fff !important; padding:3px; border:solid 1px #ccc; border-radius:25px; white-space:nowrap; line-height:0px;}
.required{color: #F00 !important;float: left;display: inline !important;position: absolute;   font-size: 13px;}
.requiredfield{color: #F00 !important;position: absolute;clear: both;float: left;margin-top: 28px;}
.green{background:#00b050 !important; color:#fff !important; padding:3px; border:solid 1px #fff;}
.yellow{background:#ffc000 !important; color:#fff !important; padding:3px; border:solid 1px #fff;}
.lightGreen{background:#92d050  !important; color:#fff !important}
tr th .green{background:#00b050 !important;}
option.redbullet{ padding-left:36px; background:url(../images/redbullet.png) no-repeat; padding-bottom:5px;
}
.greenbullet{ padding-left:36px; background:url(../images/greenbullet.png) no-repeat; padding-bottom:5px;
}
.bluebullet{ padding-left:36px; background:url(../images/bluebullet.png) no-repeat; padding-bottom:5px;
}
.yellowbullet{ padding-left:36px; background:url(../images/yellowbullet.png) no-repeat; padding-bottom:5px;
}
.dashboardTable{overflow:auto}
.dashboardTable table{background-color:#ffffff;border:0px; width:100% !important; font-size:11px;border-left:1px solid #eee;}
.dashboardTable table thead tr th{  border-top:1px solid #ddd;  border-bottom:1px solid #ddd;border-right:1px solid #ddd; background:#eee; font-size:11px; text-align:center}
.dashboardTable table thead tr th,.dashboardTable table tbody tr td{padding:0px 10px; vertical-align:top; vertical-align:middle}
.dashboardTable table tbody tr td{border-right:1px solid #eee;border-bottom:1px solid #eee; padding:5px; width: 1% !important;text-align:center; color:blue;}
.dashboardTable table tbody tr td:first-child{color:#000;}
.dashboardTable table tbody tr:nth-child(odd){background:#fff;}
.dashboardTable table tbody tr:nth-child(even){background:#f7f7f7;}
.dashboardTable table tbody tr:hover{background:#f3f3f3;}
.dashboardTable table tbody tr td:hover{background:#EAEEF4;}



/* Buttons */
.btnMarginLeft{margin-left:20px}
.download_excel{background:url(../images/excel-icon.jpg) no-repeat 0 0; border:none; height:27px; padding-left:30px; cursor:pointer}
.buttons-content { margin:20px 0 0}
.buttons {margin-left:0;margin-right:0px;}
.buttons li{list-style:none; display:inline-block; margin-bottom:10px}

.button-a {padding:0px 10px;}
.button-a, .button-a span {display:inline-block;height:26px;line-height: 26px;border:0;color:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;text-decoration:none;cursor:pointer;font-size:12px;text-align:center;font-weight:bold;}
.button-a span {padding-top:7px;}
.button-a:hover {-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);text-decoration:none;}
.button-a.gray {background-image:url(../images/button.png);border:1px solid #CCC;color:#55585d;font-weight:bold;font-family: Helvetica, Arial, sans-serif;font-size:12px; }
.button-a.gray span {color:#55585d;}
.button-a.blue {background-image:url(../images/button.png);background-position:0px -60px;border:1px solid #438ac2;}
.button-a.dark-blue {background-image:url(../images/button.png);background-position:0px -30px;font-weight:bold;font-family: Helvetica, Arial, sans-serif;font-size:12px; }
.button-a.red {background-image:url(../images/button.png);background-position:0px -90px;border:1px solid #973a2a;}
.button-a span.icon-dark {height:17px;display:block;width:16px;margin-top:7px;margin-left:-3px;margin-right:-3px;padding:0px;padding-right:0px;background-repeat:no-repeat;background-image:url(../images/button-icon.png);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.button-a span.icon-dark-text {padding-left:25px;height:16px;display:block;margin-top:7px;padding-top:0px;background-repeat:no-repeat;background-image:url(../images/button-icon.png);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.button-a span.icon-dark {height:17px;display:block;width:16px;margin-top:7px;margin-left:-3px;argin-right:-3px;padding:0px;padding-right:0px;background-repeat:no-repeat;background-image:url(../images/button-icon.png);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.button-a span.icon-dark-text {padding-left:25px;height:16px;min-width:60px;display:block;margin-top:7px;padding-top:0px;text-align:left;background-repeat:no-repeat;background-image:url(../images/button-icon.png);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.button-a span.icon-white {height:17px;display:block;width:16px;margin-top:7px;margin-left:-3px;margin-right:-3px;padding:0px;padding-right:0px;background-repeat:no-repeat;background-image:url(../images/button-icon-white.png);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.button-a span.icon-white-text {padding-left:25px;height:16px;min-width:60px;display:block;margin-top:7px;padding-top:0px;text-align:left;background-repeat:no-repeat;background-image:url(../images/button-icon-white.png);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}


/* Landing */

.box{ width:100%; height:329px;}
.smallBox{float:left;width:25%;;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;position: relative;padding:0 10px; margin:20px 0 25px}
.smallBox .data{min-height:30px; font-family: 'CuprumFFURegular'; font-size:16px; padding:10px}
.smallBox .data span.numbers{display:block; font-size:30px; color:#FFFFFF;}
.smallBox .data span.dataNames{display:block; color:#FFFFFF;}
.comp-stat{border: 1px solid #d7e3f0; background:#ff8f32 url(../images/comp_dues_icon.png) no-repeat 81% 50%}
.rp-stat{border: 1px solid #d7e3f0; background:#d24726 url(../images/rp_icon.png) no-repeat 81% 50%}
.filing-stat{border: 1px solid #d7e3f0; background:#008299 url(../images/filing_icon.png) no-repeat 81% 50%}
.license-stat{border: 1px solid #d7e3f0; background:#0072c6 url(../images/license_icon.png) no-repeat 81% 50%}

#calendar{height:280px; overflow:auto; display:block; margin:2% !important; margin-top:15px; background:#f8f8f8;border:1px solid #ddd;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;}
.latestNews{ width:49%; float:left;  padding:1%; border:1px solid #ddd; margin:15px 0 0 1%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background:#eee}
.latestNews h3{background:#db3a3c;padding:0 10px; color:#fff;; height:40px; line-height:40px; text-align:left;}
.latestNews span{font-size:12px; padding:0 0 0 10px; display:inline-block; position:relative; background:#fff; height:265px;}
.latestNews ul {padding-top:5px;}
.latestNews ul li{ list-style:none; float:left; text-align:left; background:url(../images/arrow-icon.png) no-repeat; padding-left:20px;margin-top:5px; }
.latestNews .link{background:#a0d269; padding:3px 5px; text-decoration:none; color:#fff;float: right;margin-top: -6px;}
.graph{width:49%; float:left;  padding:1%; border:1px solid #ddd; margin:15px 0 0 1%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; background:#eee}

.graph h3{background:#db3a3c;padding:0 10px; color:#fff;; height:40px; line-height:40px; text-align:left;}
.graph p{font-size:12px; padding:0 0 0 30px; display:inline-block; position:relative; background:#fff; height:321px;}
.graph span{font-size:12px; padding:0 0 0 10px; display:inline-block; position:relative; background:#fff; height:265px; float:left; width:98%;}
.graph .link{background:#a0d269; padding:3px 5px; text-decoration:none; color:#fff; margin-left:10px}
.graph img{width:100%}

.reports{-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;width:49%; float:left;margin-top:20px}
.reports h4{float:left; padding:5px 8px; background:#373947; color:#fff }
.reports ul{list-style:none; /*border-top:2px solid #373947;*/ float:left; padding-top:0px; width:100%}
.reports ul li{ color:#666; float:left; margin:0 2% 0 0; padding:0 0 0 0; width:32%; text-align:center; background:#fcfcfc ; border:1px solid #ddd; cursor:pointer; min-height:65px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:10px; line-height:12px}
.reports ul li img{margin-top:3px;
      opacity: 0.4;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
		   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}
.reports ul li img:hover{opacity: 2.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;

}

.Up{background:url(../images/up-arrow.png) no-repeat 0 0 ; width:18px; height:18px; float:inline; border:none; cursor:pointer!important;}
	.Down{background:url(../images/down-arrow.png) no-repeat 0 0 !important;  cursor:pointer!important;}
	
	.left{	float:left; z-index:99999;margin-top:206px;position:absolute;	 
	 }

.right{	z-index:99999;margin-top:206px;position:absolute; margin-left:436px;
	 }
/*Dashboard*/
.forFixedGraph{position:relative; }
.graphTableLeft{ position:absolute; width:350px;  top:0; left:0}
.graphTableLeft img{width:100%; margin-top:30px}
.licence{margin: 0!important;}
.graphTableRight{padding-left:360px;}


/* Footer */
.info-footer {width:100%;padding:15px 0;color:#7aa6b7;font-size:12px;font-family: Helvetica, Arial, sans-serif;border-top:1px solid #eee;position:absolute;bottom:0; left:260px}
.info-footer  p {color:#7aa6b7;}`
.info-footer a {color:#55585d;}
.info-footer #left {float:left;margin-left:20px;	}
.info-footer #right {float:right;color:#fafcfb;margin-right:20px;}


.tabs{width:97%; background-color:#D9D9D9;  position:relative}
.tabs ul{list-style:none}
.tabs ul li{ float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.tabs ul li a{float: left;padding: 7px 15px 8px;text-decoration: none; background:#fff;border:1px solid #fff;border-top:2px solid #fff; border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.tabs ul li a.current{border:1px solid #e3e3e3;border-top:2px solid #666; border-bottom:1px solid #fff; background:#FFFFFF; top:1px; position:relative; font-weight:bold}

/* Accordion */
.accordion{margin:4px;  }
.accordion .accHeadDisabled { background:#f5f5f5; border:1px solid #e3e3e3; padding:5px 10px 5px 25px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer; margin-top:10px;  position:relative; font-weight:bold;
 }
.accordion .accHead{clear:left; background:#f5f5f5; border:1px solid #e3e3e3; padding:5px 10px 5px 25px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer; margin-top:10px;  position:relative; font-weight:bold;}
.accordion .accHead:hover{background:#f6d800}
.accordion .accHead .plusMinus{position:absolute; top:5px; right:10px; height:16px; width:16px;background:url(images/ui-icons_222222_256x240.png) no-repeat; background-position:-32px -128px;}
.accordion .accHead.active .plusMinus{background-position:-64px -128px;}

.accordion .accHead span.accordprefix{position:absolute; left:5px; top:4px;  height:16px; width:16px;background:url(images/ui-icons_222222_256x240.png) no-repeat; background-position:-32px -96px;}
.accordion .accHeadDisabled span.accordprefix{position:absolute; left:5px; top:4px;  height:16px; width:16px;background:url(images/ui-icons_222222_256x240.png) no-repeat; background-position:-32px -96px;}

.accordion .accHead.active{border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0; /*background:#f6d800;*/}
.accordion .accData{ border:1px solid #e3e3e3 ; border-top:1px solid #f0f0f0; padding:1em;   width:1250px!important;}
.allacc{text-align:right; font-weight:bold; cursor:pointer}


#ctl00_ContentPlaceHolder1_ASPxCallbackPanel1_divDashboard_aspxPage1_C0 {
    width:1240px!important;
}

#ctl00_ContentPlaceHolder1_ASPxCallbackPanel1_divDashboard_aspxPage1_CC {
width:1250px!important;
}

.accHead {
    width: 1180px!important;
}
.accordion .accData {
width: 1191px!important
}
/*.accData
{
padding-left:10px;
width:98%;    
}
.accHead
{
Border-radius:2px;
font-weight:normal;
width: 99%;
background-color: #FFC000;
color: #424242;
padding: 5px 0 5px 10px;
margin: 20px 0;    
}*/
.subgrphead1
{width: 100%;
margin-top: 15px;
margin-bottom: 15px;
border-bottom: 1px solid black;
   float:left;
}

.subgrphead
{width: 95%;
margin-top: 15px;
margin-bottom: 15px;
border-bottom: 1px solid black;
   
}
.subgrp3
{
 float:left;
 width:33%;    
}
.subgrp3 .grd
{
/*width:95%;    */
width:100%;
}
.subgrp2
{
 float:left;
 width:50%;    
}
.subgrp2 .control1 label, .subgrp2 .control label
{
    width:18%;
    }
    
.subgrp3 .subgrpcontrol label
{  width:26.5%;
    
    }
 .subgrph .subgrpcontrol label
 {width:8.8%;
     
     }  
   .subgrp .subgrpcontrol label
 {width:35%;
     
     }   
 .subgrph .control  label
 {
     width:28%;
     }   
.subgrp2 .subgrphead 
{
    width:95%;
}
.subgrp2 .control1,.subgrp2 .control
{
  /*  margin-top: 10px;*/
   width:100%;    
}

.subgrp2 .control label
{
width:20%;    
}
.dxeMemo
{
 margin-bottom:7px;   
 }
.subgrp3 .grd a
{
   float: right;
  margin-top  : -13px;
  margin-bottom:4px;   
}

.subgrp3 .grd .dxgvControl 
{
    margin-top:20px;
    }

.dxeBase span
{
    display:inline-block!IMPORTANT;
}
.dxeErrorFrame
{
/* width:50% !important;    */
}
.dxbButton
{ 
    /*border:1px solid #cdcece !IMPORTANT;*/
     color:white;
     background:#767a84;


  /*  font-weight:bold;*/
    }
.btnCalculateStatus {
           padding: 1px 12px 1px 12px;
           margin-left: 7px;
        }
.dxbButton:hover{
   cursor:pointer;
   color:black !important;
}
.dxbButton div.dxb
{
    /*background: url("../images/right.png") repeat left top !IMPORTANT;*/
 /* background: #333C42 !IMPORTANT;*/
    /*color:#1f576f!IMPORTANT;*/
    font-weight:normal;
    background-color:#767a84;
    color:white !important;
 
    }
   .imgbtn .dxbButtonHover span, .imgbtn .dxbButtonHover
    {
     /*color:#1f576f!IMPORTANT;*/
     color:white !important;
     
    }
    .dxbButtonHover span,.dxbButtonHover
    {
     color: black !IMPORTANT;
     
    }
.Viewmenu ul li
{
  float:left !important;    
}
.dxeDisabled_Gtrac, .dxeDisabled_Gtrac td.dxe
{
     cursor: default;
    font-size: 12px!important;
    color: #575757!important;
    background-color: #EEEEEE!important;
    cursor: default!important;
}
.dxeDisabled, .dxeDisabled td.dxe 
{
cursor: default;
    font-size: 12px!important;
    background-color: #D0D0D0!important;
    /*background-color: #EEEEEE!important;*/
    cursor: default!important;
}

input:-moz-read-only 
{
cursor: default;
    font-size: 12px!important;
    background-color: #D0D0D0!important;
    /*background-color: #EEEEEE!important;*/
    cursor: default!important;
}
input:read-only 
{
cursor: default;
    font-size: 12px!important;
    background-color: #D0D0D0!important;
    /*background-color: #EEEEEE!important;*/
    cursor: default!important;
}

/* Tabs 
.ui-tabs{padding:0 !important}
.ui-widget-header.ui-corner-all{-webkit-border-radius:0 ; -moz-border-radius:0;  border-radius:0; }
.ui-widget-content.ui-tabs{border:none; padding:none}
#tabs .ui-widget-header{background:none; border:none; border-bottom:1px solid #e3e3e3; padding-left:20px}
#tabs .ui-tabs-panel.ui-widget-content{border:1px solid #e3e3e3;border-top:none}
#tabs .ui-state-default{background:#fff;border:1px solid #fff;border-top:2px solid #fff; border-bottom:none}
#tabs .ui-tabs-active.ui-state-active{border:1px solid #e3e3e3;border-top:2px solid #666; border-bottom:none}
*/

/* Accordion 
#accordion .ui-accordion-header.ui-state-default{background:#f5f5f5; border:1px solid #e3e3e3}
.ui-accordion .ui-accordion-content{ border:1px solid #e3e3e3 !important; border-top:1px solid #f0f0f0 !important; padding-left:1em !important; padding-right:1em !important; }
.ui-accordion .ui-accordion-icons {padding-left:10px !important;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{left:98% !important; margin-left:-8px !important;}
.ui-accordion .ui-accordion-header{margin-top:10px !important; }
.ui-accordion-header-active.ui-state-active{background:#ddd !important;}
*/



.tab-box { 
  border-bottom: 1px solid #DDD;
  text-align:left;
  margin-top:10px;
  margin-right:5px;
}
.tab-box a {
 background: none repeat scroll 0 0 #e7e7e7;
 border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top:1px solid #ccc;

    font-weight: normal;
	 padding: 7px 10px 0 5px;
}
.tab-box a.activeLink { 
border-right: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 1px 1px;
border-style: solid;
border-color: #E3E3E3 #E3E3E3 #FFF;
background: none repeat scroll 0% 0% #FFF;
top: 1px;
position: relative;
font-weight: bold;
}

.tab-box a.activeLink1 { 
border-right: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 1px 1px;
border-style: solid;
border-color: #E3E3E3 #E3E3E3 #FFF;
background: none repeat scroll 0% 0% #FFF;
top: 1px;
position: relative;
font-weight: bold;
}
.tabcontent { border-top: 1px solid #ddd;  padding: 5px; text-align:left; margin-right:5px; height:265px;overflow:auto;}

.tabcontent1 { border: 1px solid #ddd; border-top: 0; padding: 5px; text-align:left; margin-right:5px;}
.hide { display: none;}

.small { color: #999; margin-top: 100px; border: 1px solid #EEE; padding: 5px; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; }



/* Validator */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #000;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #000;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.treeview{

margin: 20px 0px 0px;
border: 1px solid #CCC;
border-radius: 3px;
padding:5px;

}


<!--treeview-->

/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/
 
/*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/
 
.css-treeview ul,
.css-treeview li
{
    padding: 0;
    margin: 0;
    list-style: none;
}
 
.css-treeview input
{
    position: absolute;
    opacity: 0;
}
 
.css-treeview
{
    font: normal 11px "Segoe UI", Arial, Sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
 
.css-treeview a
{
    color: #00f;
    text-decoration: none;
}
 
.css-treeview a:hover
{
    text-decoration: underline;
}
 
.css-treeview input + label + ul
{
    margin: 0 0 0 22px;
}
 
.css-treeview input ~ ul
{
    display: none;
}
 
.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}
 
.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}
.btnimgdisabled:hover {
                cursor:default !important;
            }
 
.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}
 
.css-treeview label,
.css-treeview label::before
{
    background: url("../pages/css3-treeview/example/icons.png") no-repeat;
}
 
.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
 
.css-treeview label
{
    background-position: 18px 0;
}
 
.css-treeview label::before
{
    content: "";
    width: 16px;
    margin: 0 22px 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}
 
.css-treeview input:checked + label::before
{
    background-position: 0 -16px;
}
 
/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .css-treeview 
    {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }
 
    @-webkit-keyframes webkit-adjacent-element-selector-bugfix 
    {
        from 
        { 
            padding: 0;
        } 
        to 
        { 
            padding: 0;
        }
    }
}


/*location*/

.location {background-color:#ffffff;border:0px;border-spacing:0px; width:100%;}
.location thead tr th {height:19px;text-align:center;color:#000000;background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(top, #fafafa 0%,#eaeaea 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
		font-family: Helvetica,Arial,sans-serif;
        font-size: 12px;padding:2px 10px;line-height:12px}
		
		
		
		.location input[type="text"]{border: 1px solid #f4f4f4;height: 15px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; width:100px; float:right;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.location textarea{width:100px; float:left;border: 1px solid #e3e3e3;font-family: Helvetica, Arial, sans-serif;color: #575757;background: #F7F7F7; height:40px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}

.location input[type="file"]{width:100px}
.location select{width:100px;border: 1px solid #e3e3e3;height: 15px;background: #F7F7F7;}
	
.location tbody tr {background-color:#fcfcfc;}
.location tbody tr:nth-child(odd){background:#fcfcfc;}

.location tbody tr:nth-child(odd) textarea{width:100px; float:left;border: 1px solid #fcfcfc;font-family: Helvetica, Arial, sans-serif;color: #575757;background: #fcfcfc; height:30px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}

.location tbody tr:nth-child(odd) input[type="text"] {border: 1px solid #fcfcfc;height: 15px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #fcfcfc; width:100px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
.location tbody tr:nth-child(odd) select { margin-top: -15px;}	


.location tbody tr:nth-child(even){background:#f4f4f4;}	

.location tbody tr:nth-child(even) input[type="text"] {border: 1px solid #f4f4f4;height: 15px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #f4f4f4; width:100px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}	

.location tbody tr:nth-child(even) select { margin-top: -15px;}	
.location tbody tr:nth-child(even) textarea{width:100px;border: 1px solid #f4f4f4;font-family: Helvetica, Arial, sans-serif;color: #575757;background: #f4f4f4; height:30px;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.location tbody tr td {height:8px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:1px 1px;color:#000000;text-align:center;font-family: Helvetica,Arial,sans-serif;font-size: 12px;}

.id{width:20px !important; float:none !important;}

/*popup*/
.popupcontrol{width:47.3333% !important;float:left; margin:5px /*20px*/0 15px 0;         width:31.3333%; padding:0 1%; min-height:30px;}
.popupcontrol select{width:50%;border: 1px solid #e3e3e3;height: 20px;background: #F7F7F7;}

.popupcontrol label{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; float:left; width:auto; min-height:26px; display:table; /*margin-right:15px;*/ width:40%  }
.popupcontrol input[type="text"]{border: 1px solid #e3e3e3;height: 20px;font-family: Helvetica, Arial, sans-serif;padding-left: 1%;padding-right: 1%;color: #575757;background: #F7F7F7; width:100%; float:left;-ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}


.floatRight{Float:right !important;
Margin-top:-3px;
}




.popUp{width:100%;height:100%;background:rgba(0, 0, 0, 0.5);padding:20px;display:none;top:0px; left:0px; padding-top:45px;  position:fixed; }
.popupcontent{width:690px;height:400px;margin:0 auto;background-color:#fff; padding:5px; overflow:auto;   }
.close{float:left;margin-left:1008px; color:#FFFFFF;margin-top:-15px; font-size:16px; }
.popupmargin{ margin-top:0px !important; }

.close a {color:#FFFFFF; text-decoration:none;}

/*popup*/
/*search*/
.search{
width:50% !important; 
float:left !important;
}
.bold{
font-weight:bold !important;
}

/*pbrowser*/
.Pbrowse {
    width: 495px;
    margin-left: 120px;
    background-color: #F1F1F1 !important;
    border: 0px none;
    padding: 10px !important;
}
.Pbrowse .control {
float: none !important;
width: auto !important;
}

/*fixedheader*/
.tableContainer table {
	width: 100%
}

.fixedHeader {

width:100%;
}
.fixedHeader tr {
	position: relative
}


.fixedHeader tr {
	display: block;
	width:100%;
}

.fixedHeader thead {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

.fixedHeader a, .fixedHeader a:link, .fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}


.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

.scrollContent {
	display: block;
	height: 400px;
	overflow: auto;
}

.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
.scrollContent td, tbody.scrollContent tr td:first-child {
text-align:center;
}


.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
}

.textarea1{
background:none;
border:0px;
width:100%
}


/* Buttons */
.btnMarginLeft{margin-left:20px}
.download_excel{background:url(../images/excel-icon.jpg) no-repeat 0 0; border:none; height:27px; padding-left:30px; cursor:pointer}
.buttons-content { margin:20px 0 0}
.buttons {margin-left:0;margin-right:0px;}
.buttons li{list-style:none; display:inline-block; margin-bottom:10px}

.button-a {padding:0px 10px;}
.button-a, .button-a span {display:inline-block;height:23px;line-height: 19px;border:0;color:#fff;text-decoration:none;cursor:pointer;font-size:12px;text-align:center;}
.button-a span {padding-top:7px;}
.button-a:hover {-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);text-decoration:none;}
.button-a.gray {background-image:url(../images/button.png);border:1px solid #CCC;color:#55585d;font-weight:bold;font-family: Helvetica, Arial, sans-serif;font-size:12px; padding: 0 25px;}
.button-a.gray span {color:#55585d;}
.button-a.blue {background-image:url(../images/button.png);background-position:0px -60px;}
.button-a.dark-blue {background-image:url(../images/button.png);background-position:0px -30px;font-weight:bold;font-family: Helvetica, Arial, sans-serif;font-size:12px; width:105px; }
.button-a.dark-blue1 {background-image:url(../images/button1.png);background-position:0px -30px;border:1px solid #23272a;font-weight:bold;font-family: Helvetica, Arial, sans-serif;font-size:12px; color:#55585d;}
.button-a.red {background-image:url(../images/button.png);background-position:0px -90px;border:1px solid #973a2a;}
.button-a span.icon-dark {height:17px;display:block;width:16px;margin-top:7px;margin-left:-3px;margin-right:-3px;padding:0px;padding-right:0px;background-repeat:no-repeat;background-image:url(../images/button-icon.png);}
.button-a span.icon-dark-text {padding-left:25px;height:16px;display:block;margin-top:7px;padding-top:0px;background-repeat:no-repeat;background-image:url(../images/button-icon.png);}
.button-a span.icon-dark {height:17px;display:block;width:16px;margin-top:7px;margin-left:-3px;margin-right:-3px;padding:0px;padding-right:0px;background-repeat:no-repeat;background-image:url(../images/button-icon.png);}
.button-a span.icon-dark-text {padding-left:25px;height:16px;min-width:60px;display:block;margin-top:7px;padding-top:0px;text-align:left;background-repeat:no-repeat;background-image:url(../images/button-icon.png);}
.button-a span.icon-white {height:17px;display:block;width:16px;margin-top:7px;margin-left:-3px;margin-right:-3px;padding:0px;padding-right:0px;background-repeat:no-repeat;background-image:url(../images/button-icon-white.png);}
.button-a span.icon-white-text {padding-left:25px;height:16px;min-width:60px;display:block;margin-top:7px;padding-top:0px;text-align:left;background-repeat:no-repeat;background-image:url(../images/button-icon-white.png);}


.FilterDiv{
}



/*todotop*/

a.custom_filter_button.enabled {
    background: none repeat scroll 0 0 #ff9900;
    border: 1px solid #bf7300;
}

a.custom_filter_button {
    background: none repeat scroll 0 0 #e7e7e7;
    border: 1px solid #cccccc;
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 30px;
    padding: 3px 16px 3px 10px;
    position: relative;
}


a.custom_filter_button span {
    background-color: #ff9900;
    border: 2px solid #fff;
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
    color: white;
    font-size: 9px;
    font-weight: bold;
    min-width: 20px;
    padding: 2px 3px;
    position: absolute;
    right: -19px;
    text-align: center;
    top: -16px;
    z-index: 100;
}

.orangenew {

    background-color: #ff9900 !important;
	}
 .greennew {
	
	    background-color:#666 !important;
		}
 .bluenew {	
			    background-color:#0066FF !important;
				}
				
.orangetext {

   color: #ff9900 !important;
     font-size: 13px;
	}
 .greentext {
	
	    color:#006600 !important;
		  font-size: 13px;
		}
 .bluetext {	
			   color:#0066FF !important;
			     font-size: 13px;
				}

.multiple .custom_filter_container {
    height: 33px;
    padding-left: 24px;
}
.pos_relative {
    position: relative;
}


.multiple .fund_action_buttons {
    position: absolute;
    right: 16px;
    top: 0;
}
.fund_action_buttons {
    position: absolute;
    right: 17px;
    top: -33px;
}

.fund_selected_count {
    color: #000;
    display: block;
    float: left;
    height: 31px;
    padding-right: 16px;
    padding-top: 8px;
}


table.fund_range th.fund_title a {
    color: #000;
}
table.fund_range th a {
    color: #fff;
}
.btn_export_excel {
    background: url("../images/xls.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.btn_detailed {
    background: url("../images/detailled_icon.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.fund_action_button {
    display: block;
    float: left;
    height: 31px;
    text-indent: -30000px;
    width: 31px;
}.btn_compare_funds {
    background: url("../images/zoom_icon.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*landing*/
#landingsidebar{
  
    height: 100%;
    position: relative;
    width: 260px;
    z-index: 1;
	/*left:1010px;
	top:185px;  */
	border-color: #dedede;
    border-style: solid;
	border-top:0px;
    border-width: 1px;
	float:right;
	}
	.innercontent{
	 background: none repeat scroll 0 0 #ffffff;
	 border-right:solid 1px #dedede;
	margin-right:280px;
	}
	
#landingsidebar .inner_sidebar {
    margin-top: 45px;
}


#landingsidebar .tabs_container {
    background: none repeat scroll 0 0 #fafafa;
    border-color: #dedede;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 #fff inset;
    margin: 0;
    min-height: 100%;
}
	
.landingcontentmain{
  
    margin-bottom: 25px;
    overflow: hidden;
    width: 100%;
	}	
	
	#landingcontent{
  background: none repeat scroll 0 0 #fff;
    float: left;
	margin-right:-340px;
    min-height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
	}
	
	#landingcontent.sidebar {
    margin-right: 316px;
}

.landingcontent{
    background-color: #ffffff;
    color: #424242;
    padding: 10px;
	}
.landingbox{
    float: left;
    padding: 0;
    width: 47%;
	margin:0px;
	border:1px solid #ffe500;
	height:350px;
}
.todocal{
	margin-left:0 !important;
	width: 99% !important;
	height:auto;
	margin-top: 25px;	}

.landingbox h5{
background:#ffe500;
padding:3px 10px;
font-weight: 300;
font-size:13px;
}
.landingbox img{
  height: 100%;
    margin-left: 20%;
    width: 60%;
}

.landingbox1 h5{
background:#ffe500;
padding:3px 10px;
font-weight: 300;
font-size:13px;
}

.landingbox1{
	margin-right:9px;
	border:1px solid #ffe500;
	height:350px;
	width:47%;
	float:right;
}
.landingtabbox{
margin:10px;
margin-top:20px;
}
.more {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    display: block;
    height: 100%;
    position: absolute;
    right: 11px;
    top: 0;
    width: 30px;
	float:right;
}
.more img{
 margin-left: 6px;
    margin-top: 30px;
}
.more:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
}
.widget_content h5{
  background: none no-repeat scroll 98% center #ffffff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    color: #424242;
    display: block;
  font-size: 13px;
    font-weight: 300;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 10px;
	}
	
	.widget_content h5 img{
	margin-top:5px;
	}
.sidebar_widget{	
	 background: none repeat scroll 0 0 #fafafa;
    border-color: #dedede;
    border-style: solid;
    border-width: 1px 0;
    box-shadow: 0 1px 0 #fff inset, 0 1px 0 #fff;
    margin: 1px 0;
    padding: 8px;
}
.sidebar_widget a{
text-decoration:none;
}

.sidebar_widget a:hover{
text-decoration:none;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #46886a;
    color: #468847;
}
.alert, .alert h4 {
    color: #9e703c;
}
.alert {
    background-color: #f6edba;
    border: 1px solid #9e703c;
    margin-bottom: 8px;
    padding: 8px 35px 8px 14px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}


.landingreport1{
border:1px solid #e33244;
color:#e33244;
font-size:14px;
    margin-bottom: 8px;
    position: relative;
	background:url(../images/selfassesment.png) no-repeat 1% 50%;
	height:31px;
	    padding: 15px 5px 5px 50px;
}
.landingreport1:hover{
border:1px solid #ffe600;
	background:url(../images/selfassesmenthover.png) no-repeat 1% 50%;
color:#FFCC00;
}

.landingreport2{
border:1px solid #1dc499;
color:#1dc499;
font-size:14px;
    margin-bottom: 8px;
    position: relative;
	background:url(../images/compliancecalender.png) no-repeat 1% 50%;
	height:31px;
	    padding: 15px 5px 5px 50px;
}
.landingreport2:hover{
border:1px solid #ffe600;
	background:url(../images/compliancecalenderhover.png) no-repeat 1% 50%;
color:#FFCC00;
}

.landingreport3{
border:1px solid #177bbb;
color:#177bbb;
font-size:14px;
    margin-bottom: 8px;
    position: relative;
	background:url(../images/compliancechecklist.png) no-repeat 1% 50%;
	height:31px;
	    padding: 15px 5px 5px 50px;
}
.landingreport3:hover{
border:1px solid #ffe600;
	background:url(../images/compliancechecklisthover.png) no-repeat 1% 50%;
color:#FFCC00;
}


.redcolor{
color:#FF0000 !important;
font-size:13px;
}
.yellowcolor{
color:#CCCC00 !important;
font-size:13px;
}

.yellocircle{
background:#FFFF00;
    border: 2px solid #fff;
    border-radius: 30px;
    color: white;
    font-size: 9px;
    font-weight: bold;
    min-width: 2px;
    padding: 5px;
	margin-right:5px;
	position:absolute;
  right: 317px;
}
.redcircle{
 background-color:#FF0000;
    border: 2px solid #fff;
    border-radius: 30px;
    color: white;
    font-size: 9px;
    font-weight: bold;
    min-width: 2px;
    padding: 5px;
	margin-right:5px;
	position:absolute;
  right: 279px;
}
.greencircle{
background:#009900;
    border: 2px solid #fff;
    border-radius: 30px;
    color: white;
    font-size: 9px;
    font-weight: bold;
    min-width: 2px;
    padding: 5px;
	margin-right:5px;
	position:absolute;
	right:240px;
}

/*radiobutton1*/


div.wrapper-demo ul li {
	border-bottom: 1px solid #bbbbbb;
	height: 43px;
	line-height: 43px;
	position: relative;
}

div.wrapper-demo ul li.last {
	border-bottom: 0px none;
}



div.wrapper-demo ul li div.jquery-switch-wrapper {
	position: absolute;
	width: 94px;
	height: 27px;
	top: 8px;
	right: -13px;
	z-index: 50;
}

div.wrapper-demo ul li div.jquery-switch-wrapper a.jquery-switch {
	background: transparent url('../images/switches.png') repeat scroll 0px 22px;
	display: block;
	width: 74px;
	height: 22px;
	cursor: default;
	outline: none;
}

div.wrapper-demo ul li div.jquery-switch-wrapper a.jquery-switch-on {
	background-position: 0px 0px;
}

/*radiobutton2*/

.radiobutton {

	cursor: pointer;
	display: inline-block;
	font: 11px Arial, Verdana, Geneva, sans-serif;
	line-height: 41px;
	padding-right: 28px;
		padding-left: 20px;
		margin:-22px;
		width:24px
}
.radiobutton:hover .inner {
	opacity: .5;
}
.radiobutton input {
	display: none;
}
.radiobutton input:checked + .outer .inner {
	opacity: 1;
}

.radiobutton input:checked + .outergreen .inner {
	opacity: 1;
}
.radiobutton input:checked + .outerdarkgreen .inner {
	opacity: 1;
}
.radiobutton input:checked + .outeryellow .inner {
	opacity: 1;
}
.radiobutton .outer {
background-image:url(../images/darkgreenradio.png);
		padding-left:25px;
							height:31px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 8px 12px;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;
							z-index:0px;
}

.radiobutton .outergreen {

	border: 2px solid #60ff00;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 15px;
	margin: 10px;
	width: 15px;;
}
.radiobutton .outerdarkgreen {
		border: 2px solid green;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 15px;
	margin: 10px;
	width: 15px;
}
.radiobutton .outeryellow {

	border: 2px solid #f6f300;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 15px;
	margin: 10px;
	width: 15px;
}
.radiobutton .outerred {
	background: #2989d8;
	background: -moz-radial-gradient(center, ellipse cover,  #2989d8 0%, #101354 99%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2989d8), color-stop(99%,#101354));
	background: -webkit-radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
	background: -o-radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
	background: -ms-radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
	background: radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
	border: 1px solid black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 15px;
	margin: 10px;
	width: 15px;
}


.radiobutton .inner {
z-index:999999;
	background-image:url(../images/darkgreenradiohover.png);
		padding-left:25px;
							height:31px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: -22px 12px;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;
}





input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; top:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:25px;
							height:21px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;

						}



		input[type=radio].css-checkbox + label.css-labelgreen {
							padding-left:25px;
							height:21px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;

						}

		input[type=radio].css-checkbox + label.css-labelyellow {
							padding-left:25px;
							height:21px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;

						}

		input[type=radio].css-checkbox + label.css-labelred {
							padding-left:25px;
							height:21px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -21px;
						}
						
						
												input[type=radio].css-checkbox:checked + label.css-labelgreen {
							background-position: 0 -21px;
						}
												input[type=radio].css-checkbox:checked + label.css-labelyellow {
							background-position: 0 -21px;
						}
												input[type=radio].css-checkbox:checked + label.css-labelred {
							background-position: 0 -21px;
						}
						label.css-label {
				background-image:url(../images/greenradiobutton.png);
				border:0px !important;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
								label.css-labelgreen {
				background-image:url(../images/darkgreenradio.png);
				border:0px !important;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
						label.css-labelyellow {
				background-image:url(../images/yellowradiobutton.png);
				border:0px !important;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
									label.css-labelred {
				background-image:url(../images/redradio.png);
				border:0px !important;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
/*Added by Suraj 12 Sept 2014*/
.greycheck{width:16px; height:16px;background:#999; float:left; margin-left:2px;}
.greencheck{width:16px; height:16px;background:#090; float:left;  margin-left:2px;}
.orangecheck{width:16px; height:16px;background:#F60; float:left;  margin-left:2px;}
.redcheck{width:16px; height:16px;background:#F00; float:left;  margin-left:2px;}

/*Graph Image Size*/
.graph1n{width:97% !important;margin: 35px 6px;}

/*Sidebar List*/
.square{margin-left:15px; color:#177bbb;}
.square li{padding: 5px;}
.square li:hover{text-decoration:underline;}
.FilterDiv{display:none;}

.bell{background:url("../images/bell.png") no-repeat scroll 98% center #ffffff !important;}
.dashboardTable table tbody tr td:first-child {text-align:left;}
.docicon{/*background:url("../images/xls-pdf.jpg") no-repeat scroll 98% 10%#ffffff !important;*/}


/*Radio Changes Yellow*/
label.css-labelque {
				background-image:url(../images/questionyellowradio.png);
				border:0px !important;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
								label.css-labelque {
				background-image:url(../images/questionyellowradio.png);
				border:0px !important;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			input[type=radio].css-checkbox + label.css-labelque {
							padding-left:25px;
							height:21px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;

						}
						input[type=radio].css-checkbox:checked + label.css-labelque {
							background-position: 0 -21px;
						}
						
						.greycolor{
background:#808080 !important;
color:#FFFFFF !important;
border:1px solid #fff;
}
.email{
	position: absolute;
    right: 125px;
    top: -5px;
	/*background:url("../images/mail-icon.png") no-repeat scroll 90% 10%#ffffff !important*/;
	}
	.display thead tr th {
border:1px solid #CCC;
}



    .menu
        {float: right;
width: auto;
line-height: normal;
overflow: hidden;
margin-right: 7px;
margin-top: 5px;}
.menu li {
display: inline;
margin: 0;
padding: 0;
}
.menu a {
float: right;
display: block;
background: none;
height: 25px;
border: 0px;
padding: 10px;
margin-right: 2px;
color: #1f576f;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
border: 1px solid #cdcece;
line-height: 5px;
}

.conborole, .conborole .dxeButtonEditButton
{
  border :0px;
  background:none;
  margin-top:-2px;
}
.conborole .dxic
{
  padding:0px;   
}
.comboroleselected {
  color:black;
  background-color:white;
}

.blotomline
{
    width:100%;
    margin:10px 0; 
  border-bottom :1px solid lightgray;    
}

.btnimg img {
height:25px;     

}
.btnimg span {
 font-size:13px; font-weight:bold; color:#777a84;
}
/*.btnimg, .btnimg .dxbButton div.dxb
{
    background:none ! important; padding:0px; border:0px;  float:right; margin:-1px 5px;
}
.btnimg .dxbButton
{
     border:0px ! important; background:none ! important;
}

.btnimg, .btnimg .dxbButton div.dxb
{
    background:none ! important; padding:0px; border:0px;  float:right; margin:-1px 5px;
}
.btnimg .dxbButton
{
     border:0px ! important; background:none ! important;
}

.btnimg span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab 
{
color: black !important;
  
    display:block !important; 
    
}
.btnimg span.dx-vam, .dx-vat, .dx-vab
{
 display:block !important;   
    }
    .btnimg div.dxb,.btnimg
 {
 border:none !important; 
 background:none !important;
 margin-top:-2px;
 }
 .btnimg2 .dxbButton
{
     border:0px ! important; background:none ! important;
}*/
 .btnimg2, .btnimg2 .dxbButton div.dxb
{
    background:none ! important; padding:0px; border:0px;  float:right; margin:-1px 5px;
}
.btnimg2 .dxbButton
{
     border:0px ! important; background:none ! important;
}

.btnimg2, .btnimg2 .dxbButton div.dxb
{
    background:none ! important; padding:0px; border:0px;  float:right; margin:-1px 5px;
}
.btnimg2 .dxbButton
{
     border:0px ! important; background:none ! important;
}

.btnimg2 span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab 
{
color: black !important;
    line-height: 50% !important;
    text-align:center !important;
    display:block !important; 
    padding-top:0px !important;
}
.btnimg2 span.dx-vam, .dx-vat, .dx-vab
{
 display:block !important;   
    }
    .btnimg2 div.dxb,.btnimg2
 {
 border:none !important; 
 background:none !important;
 margin-top:-2px;
 }
/************************** ListView ********************************/
#modal ,.modal
    {
          width: 100%;
  height: 100%;
  opacity: 0.9;
  Position: fixed;
  top: 0px;
   
  left: 0;
  display: block;
  z-index: 4;
  display:none;
  background-color: black;
 }
.btnimg div.dxb,.btnimg , .btnimgexport
 {
 border:none !important; 
 background:none !important;
 margin-top:-2px;
 }
.btnimgexport img {
    height:22px;
  
}
.btnimgexport div.dxb {
  background:none !important;    
}

#grdData_DXFilterBar {
            display: none;
}
 
.grdfocusedrow
{background-color:#FFE600;   
    
 }
  .grdrowselected
 {
 /*  background-color:Gray;          */
 background-color:#dadada;
 color:Black !important;
 }
.grdfocusedrow
{
    /* background-color:#FFE600;   */
 background-color:#eaeaea;
 color:Black !important;
    
 }

.grd .dxgvControl
{
  width:100% !important;    
}

.btnQuickupdate
{
    margin-top:10px;   
    width:30%  !important;
    background:none !important; 
    text-align :center;
}
    .btnQuickupdate .dxbButton div.dxb {    
     background:none !important;
    }
     .btnQuickupdate span {    
        width:100% !important;
    }
    .btnQuickupdate span {
    
     float:none !important;
    }

     .btnclassAttachment  div.dxb 
        {
           /*padding:3px 5px !important;*/
           padding-bottom:5px;
            height:15px !important;
        }

     @font-face {
         src:url('../font/../font/Poppins-SemiBold.ttf');
   font-family: "Poppins";   
   font-style:normal;
}
     .font-family{
          font-family: "Poppins";  
     }

@font-face {
    src:url('../../font/Poppins-Light.ttf');
    font-family:"Poppons-Light";
    font-style:normal;
}
.font-family-poppins {
    font-family:Poppons-Light;
    font-weight:bold;
}


     .marquee { 
font-size:20px;
font-weight:normal;
 /*font-family:digitalFont;*/
 font-family:Poppins;
/*color:#525151;*/
color:#777a84;
height:24px;
line-height:normal;
text-transform:uppercase;
}
.string {
    text-align:left;
    vertical-align:middle;
}
.date {  vertical-align:middle;text-align:center;
}
.number {
     text-align:right;
      vertical-align:middle;
}

/* Count om list form*/
.todoscount {
 width:100%; margin-top:5px;  
}
.typeofactioncount {
   float:left; width:80%; margin-top:10px;margin-bottom:10px; 
}

.duedelayedcount {
    float:right; width:20%;margin-bottom:10px; 
}
.duedelayedcoutouterbox {
   background-color:lightgray;
   border :2px solid lightgray;
   height:35px; width:99%;
   text-align:center;margin-top:10px;
}
.duedelayedcoutouterbox .count {
       Width:auto;
        padding:5px 5px;
         color:black;
    font-weight:bold;
    margin-left:22px;
    margin-right:0px;
}
.typeofactioncount .count {
      width:29%;
    padding:10px 10px;
    float:left; color:white;
    font-weight:bold;margin-right:2%;
}
.count {
    width:29%;
    padding:10px 10px;
    float:left; color:black;
    font-weight:bold;margin-right:9%;
}  .count .caption {
     float:left;
    
    }
    .count .TextCount {
     float:right;
    
    }
.CountControls {
    background-color:#0072C6; font-size:14px; color:white;
}
.CountPOF {
        background-color:#FF8F32;font-size:14px; color:white;
}
.CountCAP {

       background-color:#D24726;font-size:14px; color:white;
}
.caption {
}
.CountDelayed {
       width: 40px !important;
    background: white;
    text-align: center;
    border: 1px dashed gray;
    margin-top: -17px;
    border-style: dotted;
    border-radius: 3px;
}
.CountDue {    width: 40px !important;
    background: white;
    text-align: center;
    border: 1px dashed gray;
    margin-top: -17px;
    border-style: dotted;
    border-radius: 3px;
}
.CountQureterDue {    width: 40px !important;
    background: white;
    text-align: center;
    border: 1px dashed gray;
    margin-top: -17px;
    border-style: dotted;
    border-radius: 3px;
}
.delayed, .due, .qurterdue {

/*float:left;*/
}
.CountDelayed .caption, .CountDue .caption , .CountQureterDue .caption {
    font-size :9px; float:left;  width:100%;
}
.btnnotifyusers div.dxb ,.btnnotifyusers {
background:none !important;
color:black !important;
font-size:15px;
font-weight:bold;
text-decoration:underline;
border :none !important;


}
.dxbButton .btnnotifyusers .dxbButtonSys .dxbTSys .dxbButtonHover {
    
    color:white !important;
    }
.divViewPanel {
    width:100%; float:left; margin-bottom:1px;
}
.divViewPanel label {
  float: left;  margin-top: 8px
}  
 
  .lblCaptionStyle {
           text-transform: capitalize/*; margin-top: 8px*/; width: 100%; float: left; margin-bottom: 0px; font-size: 20px; font-weight: normal !important; vertical-align: middle;
          margin-top: -20px;
       }

.minWidth {
    min-width:200px !important;
}



/*-------------------------User profile on top right corner----------------------------------*/

.userprofile {
 right:0;
 top:51px;  
 position:absolute;
 height:66px;
 width:180px;
 background:White;
 z-index:1;
 box-shadow:-2px 3px 3px #D0D0D0 ;
 font-family:Helvetica, Arial, sans-serif !important;
 font-size:14px !important;
 color:#333 !important;
 

}
    .userprofile ul {
    list-style-type:none;
    text-align:left;
  
    }
    
    .userprofile ul li{
    padding: 5px 10px;
    width:100%;
     height:23px;
    display:inline-flex;
    }
    .userprofile ul li:hover{
     padding: 5px 10px;
    background:#FFE600;
    width:100%;
    height:23px;
    display:inline-flex;
    }
.liLast {
    border-bottom:1px solid #A8A8A8;
}
.userprofile ul li img ,.userprofile ul li span  {
    /*width: 20px;
    height: 20px;*/
    margin: 3px;
}

.hidden{
    display:none;
}
.visible {
display:block;
}
#profilepic {
cursor:pointer;
}
 /*-------------------------------------------------------------------------------------------*/
 /*----------------Grid filter popup----------------*/
.dxm-popupMain {
   height: 250px;
   overflow: auto;
}
/*----------------status background color-------------------- */

        .Pending, .NotStarted, .pending, .notstarted {
            background-color: #4169E1 !important;
        }
        .NotApplicable, .notapplicable {
            /*background-color: gray !important;*/
            background-color: yellow !important;
        }
        .Rescheduled, .ProposeNewTimeline, .rescheduled, .proposenewtimeline {
            background-color: Orange !important;
        }
      .Complied, .Completed, .complied, .completed, .Passed ,.passed {
                background-color: #00B050 !important;
       }
       .DelayedTotal, .delayedtotal,  .\31-15days,.\31 6-30days ,.days  { 
       background-color:#FFC000 !important;
       }
       .CompliedPendingProof, .compliedpendingproof {
          background-color:#92D050 !important;
          
       }
       .NotYetDue, .notyetdue {
           background-color:#BFBFBF!important;
       }
       .CompliedWithException, .compliedwithexception{
           background-color:#C5E0B4 !important;
       }
       .NotComplied, .notcomplied ,.Cancelled, .cancelled , .Failed, .failed{
           background-color:#FF0000 !important;
          
       }
   .Total, .total {
       background-color:#F2F2F2 !important
       }

   .spaceUnder {
    margin-bottom:20px;
    height:25px;
}
/* Grid filter Popup */
.dxm-popupMain {
   height: 250px;
   overflow: auto;
}
.listpopup .popupcontrol input[type="text"] {
    width:100% !important;
}
  .popupcontrol,.clsfilename {
    Width:95% !important;
    margin:0px !important;

}


    /*-----------Licenses and Documents Status Colors----*/
        .Valid {
            background-color: #00B050;
        }
        .Expired{
            background-color:#FF0000;
        }
        .Expired-Applied{
             background-color:#FFC000;
        }
        .Valid-Applied{
             background-color:#92D050;
        }
        .NotUpdated {
             background-color:#BFBFBF;
        }
        .Valid-Deemed {
             background-color:#C5E0B4;
        }
         /*-----------------------------*/

         /*------------------reference stage-------------------*/
.draft {
      background-color:#BFBFBF;
} 
.dueforapproval {  background-color:#C5E0B4;
}
.valid {
            background-color: #00B050;
        }
.dueforrenewal { background-color:#FFC000;
}
 .invalid {
   background-color:#FF0000;
}
          /*-----------------------------*/