@charset "utf-8";
/* CSS Document */
/*******Reset css**********/
@font-face {
      font-family: "Segoe UI";
      src: url("../font/Segoe_UI.ttf");
    }
body {font-family: Arial; font-size:14px; background:#f5f5f5}
body, p, h1, h2, h3, h4, h5, h6, html, form {padding:0; margin:0}
a {color:#2190be; text-decoration:none}
/*a:hover {text-decoration:underline; color:#999}*/
ul {padding:0; margin:0}
ul li {list-style:none}
img {max-width:100%}

header h1#logo {
   
    float: left;
    margin: 6px 10px 0 10px;
    background: url(../images/logo.png) no-repeat 0 0;
}

/*******  Theme color Change css  ********/
.Colorbg, .Colorbg .listView .UserTable tr th, .Colorbg botton, .Colorbg .botton1, .Colorbg .style .rmm-toggled-controls, .Colorbg .rmm.graphite .rmm-toggled ul li a:hover {background:#81BEF7}
.Colortext ul.labelclss li div, .Colortext ul.labelclss li div a, .innertable td.tdcolor{color:#CD7B3B}

/*******  All ID css  ********/
#wrapper {max-width:1000px; margin:30px auto 50px; position:relative; font-weight:normal; background:#f1f1f1}
header {width:100%;  background:#f5f5f5; position:relative; } /*box-shadow:0 -3px 4px #666666 inset*/

#loginwrapp {max-width:360px; overflow:hidden; margin:25px auto; padding:20px 40px; height:auto; box-shadow:0 0 6px #333}
#loginwrapp ul li a:hover {text-decoration:none}
nav {overflow:hidden; float:right; margin-top:4.5em}
.bg_image {width:100%; position:fixed; top:0}
/******* Header css  ********/
.innerheader {}/*max-width:1000px; margin:0 auto*/
.floatr { color: #FFFFFF; font-size:20px;margin-top: 10px; text-align: right; font-weight:bold}
#logo_login {width:216px; background:#fff; margin:60px auto 6px; box-shadow:0 0 6px #333; text-align:center; height:134px; line-height:134px; position:relative}
#logo_login a {display:block; line-height:70px}
#logo_login a img {vertical-align:middle}
/*#logo {width:216px; height:134px; background:#fff; float:left; margin:10px 5px 5px 0px; text-align:center; line-height:134px; box-shadow:0 0 5px #333333}*/
#logo a img { vertical-align: middle;}
#logo a {display:block; width:216px; line-height:70px} 
#logo a:hover {text-decoration:none}
.ProjectHeading {float:left; margin:1em 3px 0 1em; color:#298698; font-size:14px}
.WelcomeBox {float:right; width:68%}
ul.headertopmenu {float: right;  margin-top: 10px;}
ul.headertopmenu li {float:left; font-size: 14px;  margin: 7px 0 0 7px; color:#fff}
ul.headertopmenu li a {display:block; padding:0px 0px 0 20px; color:#fff; font-size:12px; background:url(../images/download.png) no-repeat;}
a.facebook {background:url(../images/facebook-icon.png) no-repeat!important; float:left; margin-top:2px}
a.youtube{background:url(../images/youtubeicon.png) no-repeat!important; float:left; margin-top:2px} 
a.login {background:url(../images/login.png) no-repeat!important;}
ul.headertopmenu li a:hover {text-decoration:none}
ul.headertopmenu span {float:left; font-size: 12px; margin:1px 5px 0 0; color:#fff}
nav ul{ overflow:hidden;  margin-right:-10px}/*float:right;*/
nav ul li {float:left; padding:0 1px;  color:#fff; font-size:14px}/*border-right:1px solid #fff;*/
nav ul li:last-child {border:none}
nav ul li a {padding:0px 10px; color:#298698; font-size:16px; font-weight:bold}
nav ul li a:hover {text-decoration:none; color:#fff}
.logout {color:#fff}
/******* Maincontent css  ********/
#loginwrapp h2 {font-size:28px; font-weight:bold; color:#fff; margin-bottom:5px}
.powered {float:right; margin:10px 0 0 10px!important}
.powered a {color:#fff}
.bgnone {background:none!important}
.button {background:#5882FA; padding:6px 20px; border:1px solid #ccc; color:#fff; cursor:pointer;}
.input {width:96%; overflow:hidden; margin:10px 0; padding:8px 5px; color:#cacaca; border:1px solid #ccc}
#loginwrapp p {margin-bottom:20px; color:#fff}
#wrapper #innerwrapp {background:url(../images/left-bg.gif) repeat-y 0 0!important; background-size:22% 100%!important; min-height:400px; max-width:1000px; margin:0 auto 15px; overflow:hidden; box-shadow:0 0 8px #333; padding:0px} 
#wrapper #innerwrapp h3 { color: #000; font-size:20px; font-weight: bold; padding:7px 0}
aside {width:22%; overflow:hidden; float:left; background:#4b4a4a; min-height:460px}
aside ul {padding:0px 0 0 0}
aside ul li {padding:1px 0}
aside ul li a {padding:10px 0 10px 10px; display:block; color:#fff; font-size:14px}
aside ul li a:hover, aside ul li a.active {color:#fff;  text-decoration:none; background:#222 url(../images/arrow.png) right 3px no-repeat;}
/*.content {width:74%; float:right; overflow:hidden; padding-right:20px}*/
.content p {font-size:14px;}
.borderleft {border-left:1px solid #fff; padding-left:5px}
.innercontent {width:100%; overflow:hidden}
.innercontent1 {width:97%; overflow:hidden; padding:10px}
.innercontent1 h4 {font-size:16px; margin-bottom:7px}
ul.labelclss {float:left; width:99.5%; overflow:hidden; border:1px solid #ccc; background:#fff; margin-bottom:20px}
ul.labelclss a {color:#65198E}
.graph {float:right; width:35%; overflow:hidden; margin-top:10px}
.graph .redclss {width:100%; overflow:hidden}
.graph .redclss p {color:#ff0000; text-align:right}
.graph .redclss p span.dot {background:#ff0000; padding:0 3px; float:right; margin:5px 10px 0 0; height:10px; color:#333}
.graph .redclss p span {color:#333; float:right}
.graph .redclss p labelclssspan.red {color:#ff0000!important; margin-right:5px}
.graph .greenclss {width:100%; overflow:hidden}
.graph .greenclss p {color:#008000; text-align:right}
.graph .greenclss p span.dot {background:#008000; padding:0 3px; float:right; margin:5px 10px 0 0; height:10px; color:#333}
.graph .greenclss p span {color:#333; float:right}
.graph .greenclss p span.green {color:#008000; margin-right:5px}
.imgwrapp {padding:20px; text-align:right}

ul.labelclss li {margin:1px 0; font-size:14px; overflow:hidden}
ul.labelclss label {float: left; margin-right: 8px; text-align: right; width:160px; font-size:15px; font-weight:normal;}
ul.labelclss li div {width:auto; overflow:hidden; line-height:22px}
ul.labelclss li div p {float:left;}
ul.labelclss li div p span {float:left; text-align:right; padding-right:10px; line-height:23px}
/*ul.labelclss li div a {color:#35A86F; text-decoration:underline}*/
ul.labelclss li div a {color:#35A86F}

ul.labelclss li div a img {vertical-align:-2px}
.areadetail { border:1px solid #6e3c8e; min-width:100px; min-height:100px; margin:20px 0 auto; overflow:hidden}
.download li {background:url(../images/download.png) no-repeat 0 0; padding-left:20px}


.bottomclss {width:97%; overflow:hidden; padding:10px;}
.bottomclss li{ float:left; width:33%; font-size:14px; text-align:center}
.blnkdiv {min-width:80%; background:#fff; min-height:150px; margin:10px; border:1px solid #ccc}
.marcontent {background:#fff; padding:10px;}
.botton {display: block; float: left; padding:6px 8px; text-decoration:none!important; color:#fff!important; min-width:80px; text-align:center}
.botton1 {display: block; float: left; padding:4px 5px; text-decoration:none!important; color:#fff!important; min-width:70px; text-align:center}
#login a {color:#fff; font-size:13px; text-decoration:underline}
#loginwrapp h2 {text-align:center}
.loginclss li { float:left; color:#fff; width:50%; margin:10px 0; font-size:18px}
.topclss {float:right; width:50%; overflow:hidden; text-align:right; line-height:40px; font-size:14px}
.topclss a {padding:0 1px 0 0}
.topclsslt {float:left; width:100%; overflow:hidden}
.topclsslt h3 {float:left}
.topclsslt a {float:right; margin-top:15px; font-size:14px}
.alignlt {text-align:left!important} 
.innertable {background:#fff; width:100%; border:0.5px solid #ccc;} /*Updated border:1px solid #ccc; to border:0.5px solid #ccc; */
.innertable td {padding:5px}
.marginclss {margin-left:10px}
ul.innertab {}
ul.innertab li {width:50%; float:left; line-height:26px}
ul.innertab li label {width:100px}

/************All Inputs, Selects, Textarea CSS **********/
input[type=checkbox] {margin-top:2px; *margin-top:0px; vertical-align:-1px}
input[type=radio] {margin-top:1px; *margin-top:0px; vertical-align:-1px}
input[type=text] {padding:5px}
.input20, .input10, .textarea, .select, .select1, .textarea2 {border:1px solid #ccc; padding:5px}
.input20 {width:20%; }
.select {width:52%}
.select1 {width:73%}
.input10 {width:50%}
.textarea {width:60%; resize:none}
.textarea2 {width:60%; resize:none; height:120px}
.input20:hover, .input10:hover, .textarea:hover {border:1px solid #999}
.input20:focus, .input10:focus, .textarea:focus {border:1px solid #333}
input:focus {color: #000;}
/************ List View CSS **********/
.rmm, .style {display:none}
.listView {width:100%; margin:0 0 15px 0; position:relative; margin-top:10px}
.ScrollDiv { overflow-x:scroll}
.margintop {margin-top:15px}
.listView .UserTable {width:100%; overflow:hidden; margin:0 0 15px 0; background:#fff; font-weight:normal!important}
.listView .UserTable tr th {padding:2px 6px; height:25px; color:#fff; font-weight:bold}
.listView .UserTable tr:nth-child(2n+1) {background:#EEEEEE;}
.listView .UserTable tr td {padding:4px 6px; font-size:12px; text-align:center;}
.listView .UserTable tr td.alignleft {text-align:left!important}
.listView .UserTablebtmtr tr:last-child td {background:#fff!important; border:none!important; padding-top:10px}
.listView .UserTable tr:hover td {background:#f5f5f5;}
#div1, #div11 {cursor:pointer}
#div2, #div22 {position:absolute; width:90%; right:3em; border:1px solid #d1f3f9; padding:0px; text-align:left; margin:0 1% 1% 1%;}
#dialog-form table {width:700px; overflow:hidden}
#dialog-form table tr td {padding:0; border-bottom:none}
#dialog-form table tr:nth-child(2n+1) {background:#f1f1f1;}
#dialog-form table tr td.white {background:#f5f5f5}
#dialog-form table tr td.blue {background:}
#dialog-form table tr td label {text-align:right; padding:5px; font-size:11px; width:100%; float:right}
#dialog-form table tr td span {float:left; font-weight:normal; padding:5px; textalign:left; font-size:11px}
.SearchWrapp {width:100%;overflow:hidden; padding:0 0 10px 0}
.SearchWrapp .SearchBar {width:65%; float:left}
.SearchWrapp .SearchBar input.InputSearch {border:1px solid #ccc; background:#f8f8f8; width:20%; padding:2px 3px; height:18px; color:#afadad; margin:0 2px 0 0}
.SearchWrapp .SearchBar select.Select {border:1px solid #ccc; background:#f8f8f8; width:25%; padding:2px 3px; height:24px; color:#afadad; margin:0 2px 0 0}
.SearchWrapp .SearchBar input.Input:focus, .listView .SearchWrapp .SearchBar select.Select:focus {background:#fff}
.Button {background:url(../images/search_icon.gif) no-repeat 0 0; border:none; height:25px; width:25px; cursor:pointer; vertical-align:-1px}
.Calendar {margin:2px; float:left}
.listView .UserTable h3 {font-size:14px; margin:0; background:#298698; padding:2px 5px; font-weight:normal; color:#fff}
.listView .UserTable h3 label {width:89.5%; float:left; font-weight:bold}
.listView .UserTable h3 span {font-size:12px}
.listView .UserTable h4 {font-size:13px; background:#EBEBEB; padding:2px 5px 2px 20px}
.linkwrapp {width:100%; padding:10px 0 0 0}
.SearchWrapp h3 {float:left; font-size:17px}

/*******  Footer css  ********/
footer {width:100%; overflow:hidden;background:#4b4a4a; bottom:0; }/*position:fixed;z-index:111; */
.innerfooter { margin:0 auto; overflow:hidden; font-size:13px; color:#fff}/*max-width:1000px;*/
.innerfooter p a {color:#fff}
.innerfooter p {line-height:35px;     padding: 0 15px;
    font-size: 12px;}
.innerfooter p img { float:left; margin-top:6px}
.rightFooter {float:right; width:60%}
.flrt {float:right; overflow:hidden; margin-left:10px}
.fllt {float:left; overflow:hidden}
.fr {
    float: right!important;
}
.fl {
    float: left!important;
}
a.phone {background:url(../images/contact.png) no-repeat 0 1px; padding-left:17px}
a.email {background:url(../images/mail.png) no-repeat 0 1px;  padding-left:17px}

/**************Lightbox css**************/
#divProj{  width: 100%;  -webkit-user-select: none;  -moz-user-select: none;    user-select: none;}
#divBuild{  width: 100%;  -webkit-user-select: none;  -moz-user-select: none;    user-select: none;}
#divUnit{  width: 100%;  -webkit-user-select: none;  -moz-user-select: none;    user-select: none;
    top: 0px;
    left: 0px;
}


/* v1.0.5 Royalslider CSS */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {width: 600px;	height: 400px;	position: relative;	direction: ltr;}
.royalSlider > * {	float: left;}
.rsWebkit3d .rsSlide {	-webkit-transform: translateZ(0);}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {	-webkit-backface-visibility: hidden}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {    -webkit-transform: none;}
.rsOverflow {	width: 100%;	height: 100%;	position: relative;	overflow: hidden;	float: left;	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVisibleNearbyWrap {	width: 100%;	height: 100%;	position: relative;	overflow: hidden;	left: 0;	top: 0;	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVisibleNearbyWrap .rsOverflow {	position: absolute;	left: 0;	top: 0;}
.rsContainer {	position: relative;	width: 100%;	height: 100%;	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsArrow,
.rsThumbsArrow {	cursor: pointer;}
.rsThumb {	float: left;	position: relative;}
.rsArrow,
.rsNav,
.rsThumbsArrow {	opacity: 1;	-webkit-transition:opacity 0.3s linear;	-moz-transition:opacity 0.3s linear;	-o-transition:opacity 0.3s linear;	transition:opacity 0.3s linear;}
.rsHidden {	opacity: 0;	visibility: hidden;	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;	transition:visibility 0s linear 0.3s,opacity 0.3s linear;}
.rsGCaption {	width: 100%;	float: left;	text-align: center;}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {	position: fixed !important;	height: auto !important;	width: auto !important;	margin: 0 !important;	padding: 0 !important;	z-index: 2147483647 !important;	top: 0 !important;	left: 0 !important;	bottom: 0 !important;	right: 0 !important;}
.royalSlider .rsSlide.rsFakePreloader {opacity: 1 !important;	-webkit-transition: 0s;	-moz-transition: 0s;	-o-transition:  0s;	transition:  0s;	display: none;}
.rsSlide {	position: absolute;	left: 0;	top: 0;	display: block;	overflow: hidden;		height: 100%;	width: 100%;}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {	height: auto;}
.rsContent {	width: 100%;	height: 100%;	position: relative;}
.rsPreloader {	position:absolute;	z-index: 0;	}
.rsNav {	-moz-user-select: -moz-none;	-webkit-user-select: none;	user-select: none;}
.rsNavItem {	-webkit-tap-highlight-color:rgba(0,0,0,0.25);}

.rsThumbs {	cursor: pointer;	position: relative;	overflow: hidden;	float: left;	z-index: 22;}
.rsTabs {	float: left;	background: none !important;}
.rsTabs,
.rsThumbs {	-webkit-tap-highlight-color:rgba(0,0,0,0);	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVideoContainer {	width: auto;	height: auto;	line-height: 0;	position: relative;}
.rsVideoFrameHolder {	position: absolute;	left: 0;	top: 0;	background: #141414;	opacity: 0;	-webkit-transition: .3s;}
.rsVideoFrameHolder.rsVideoActive {	opacity: 1;}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {	position: absolute;	z-index: 50;	left: 0;	top: 0;	width: 100%;	height: 100%;}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding-right: 44px;}
.rsABlock {	left: 0;	top: 0;	position: absolute;	z-index: 15;	}
img.rsImg {	max-width: none;}
.grab-cursor {	cursor:url(grab.png) 8 8, move; }
.grabbing-cursor{ 	cursor:url(grabbing.png) 8 8, move;}
.rsNoDrag {	cursor: auto;}
.rsLink {	left:0;	top:0;	position:absolute;	width:100%;	height:100%;	display:block;		z-index: 20;	background: url(blank.gif);}
.modalBackground
{

     background-color: #4E4C4C;
     opacity: 0.6;
    z-index: 100000!important;
}

.modalPopup{    background-color: #FFFFFF;    border:1px solid #333;   padding: 3px; box-shadow:none!important;  width: 100%;}

.modalPopup p
{
    padding: 5px;
}
.NewPopUp {width:80%; margin:0 auto; background:#fff; padding:0px; border:1px solid #ccc}
.NewPopUp ul li {width:50%!important; float:left; border-bottom:1px solid #f5f5f5}
.NewPopUp ul li label {width:31%; float:left; text-align:right; padding:5px 10px 5px 0; background:#fff}
.NewPopUp ul li span {float:left; text-align:left; padding:3px 0px 2px 10px; width:60%}
.NewPopUp ul {height:250px;}
.bordernone {border:none!important}
.btnwrapp {float:left; margin:0 auto; overflow:hidden; width:100%!important;margin-bottom:5px;margin-left:180px}
.elemerrormsg {border:1px solid #f8b4b4!important; color:#bc2d2d!important; font-size:16px; background:#fce8e8; padding:6px 10px; margin:5px 0 5px 0; text-align:center}
.successmsg {border:1px solid #ade0aa!important; color:#578b38!important; font-size:16px; background:#eefff0; padding:6px 10px; margin:5px 0 5px 0; text-align:center}

.mainAccordian { margin:0 0 10px 0; width:100%; overflow:hidden }
.mainAccordian .contentaccordion {width:100%; padding:0; overflow:hidden; background:none}
.mainAccordian .contentaccordion .Addview {border-top:none!important; width:99.7%; margin:0}
.mainAccordian .heading {margin:0!important}

.heading {
margin: 1px;
color: #1d1d1d;
padding: 3px 10px;
 position: relative; 
background-color:#fff;
cursor:pointer; overflow:hidden; border:1px solid #ccc
}

.border_bg_width {width:99.7%!important; border:1px solid #ccc; border-top:none!important; background:#fff!important}
.contentaccordion {
padding: 5px 10px;
background-color:#fafafa;

}

.alignleft {text-align:left!important}
.listView .UserTable tr td.alignleft {text-align:left!important}
.AlignRightinGridlabel {text-align:right!important}
.AlignLeftinGridlabel {text-align:left!important}
.margintop15 {margin-top:15px!important}
.innergriddetails {padding:0px 6px!important}

.ajax__calendar_container 
    {
        width:160px!important;
        }
        
        /* 
            Added new css class for according header for pages 1. PurchaseDetails.aspx; 2. DocumentDownload.aspx 
            Replaced <h4> to <h4 class="NewHeader"> in mentioned pages.
                -By    Shashank Joshi
                 For,  Kanix Infotech Pvt. Ltd.
    */
        .NewHeader
        {
            
            margin: 0;
  font-size: 16px;
  padding: 3px;
  font-weight: normal;
  }
  
  
  .head
  {
      background-color:#000000;
      border-top-right-radius:5px;
      border-top-left-radius:5px;
      height:20%;
      color:#FFFFFF;
      font-size:large;
      padding:2%;
      margin:0px;
      font-style:italic;
  }
  .feedbackText
  {
    margin:5px;
    
    
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.textareaFeedback
{
    border:0px;
    width:95.8%;
    resize:none;
    padding:2%;
    border-bottom-right-radius: 5px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
    
}
.AddWrappNew
{
     border-radius:5px;
     width:100%;
     padding:0px;
     background-color:#FFFFFF;
     box-shadow:10px 10px 10px Gray;
}
.NewPopUpTrans
{
    background-color:transparent;
}
.radShadow
{
 
    margin:0 auto;
    width:30%;
    margin-top:5%;
    
    
}
.radGrp
{
    width:100%;
}
.modalBackground1
{
    background-color:#FFFFFF;
}
.staText
{
    margin:0 auto;

    text-align:center;}