@charset "utf-8";
/* CSS Document */
/*******Reset css**********/
/*@font-face {
      font-family: "Segoe UI";
      src: url("../font/Segoe_UI.ttf");
    }
body {font-family:Segoe UI; font-size:12px; background:#f5f5f5}*/
body, p, h1, h2, h3, h4, h5, h6, html, form {padding:0; margin:0}
.btn-primary:hover{ background:#269abc;}
.positionrelative{ position:relative;}
.headingh1{    font-size: 20px;
    text-align: center;
    margin: 15px;
    color: #18AACC;
    font-weight: bold;}

.bgimage:before {
   
}
 .alert {background-image: none;box-shadow: none;text-shadow: none;line-height:34px;border-radius: 3px;font-size: 13px;border-width: 0;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
 .alert-danger {background-color: #fddddd;color: #933432 !important; display:block;}
#main_data:before {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
     background-image: url(../images/body-bg.jpg);
}
.btnripple{ position: relative;overflow: hidden;}
  
  .btnripple:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, .5);/
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

  .btnripple:focus:not(:active)::after {
  animation: ripple 10s ease-out;
}

/*******Checkboxes*******/
.radio input[type=radio] {
    opacity: 0;
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}


.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
}

 .selection__arrow {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 7%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.clearfix{ clear:both;}
.paddingr40{ padding-right:30px !important;}
.userlogin{    position: absolute;
    top: 15px;
    right: 1px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;}
    .userpassword{position: absolute;
    top: 15px;
    right: 1px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;}
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%}

.formcss{    width: 350px;
    margin: 17px 0 20px;}
    .textareacoclor{    color: #76838f !important;}
    .width50{ width:45% !important; float:left !important;}
    .m17{    margin-right: 17px;}

/*******  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; font-family:Open Sans, sans-serif;}
.Colortext ul.labelclss li div, .Colortext ul.labelclss li div a, .innertable td.tdcolor{color:#CD7B3B; font-family:Open Sans, sans-serif;}

/*******  All ID css  ********/
#wrapper {max-width:1000px; margin:10px auto 50px; position:relative; font-weight:normal; background:#f1f1f1}
header {width:100%;  background:#f5f5f5; min-height:125px; position:relative; top:-10px; 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:107px}
#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; height:134px; line-height:107px} 
#logo a:hover {text-decoration:none}
.ProjectHeading {float:left; margin:1em 3px 0 1em; color:#fff; font-size:14px; font-family:Open Sans, sans-serif;}
.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; float:right; margin-right:-10px}
nav ul li {float:left; padding:0 1px; border-right:1px solid #fff; color:#fff; font-size:14px}
nav ul li:last-child {border:none}
nav ul li a {padding:0px 10px; color:#fff; 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; font-family:Montserrat, sans-serif;}
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; font-family:Open Sans, sans-serif;}
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; font-family:Montserrat, sans-serif;}
.loginclss li { float:left; color:#2190be; width:50%; margin:10px 0 20px; font-size:15px; font-family:Open Sans, sans-serif;}
.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; position:fixed; bottom:0; z-index:111}
.innerfooter {max-width:1000px; margin:0 auto; overflow:hidden; font-size:13px; color:#fff}
.innerfooter p a {color:#fff}
.innerfooter p {line-height:35px}
.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}
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;}


/* 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;}
    
      html{ overflow:hidden;}
        body{font-family: 'Roboto', sans-serif !important;  font-size:14px !important;}
        .bgimage:before {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}

/******New login page css******/
.bgimage:before {background-image: url(../images/body-bg.jpg);}
 .page-login-main {    min-width: 25%;position: absolute;right: 0;top: 0;height: auto;min-height: 100%;padding: 150px 60px 180px;color: #76838f;background: #fff;}
.font-size-24 {font-size: 24px!important;font-weight:normal;color:#18AACC;margin-bottom:10px;text-align:center;}
form {width: 350px;margin: 17px 0 20px;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;}
.form-control {display: block;width: 100%;padding: .429rem 1rem;font-size: 1rem;line-height: 1.571429;color: #76838f;background-color: #fff;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #e4eaec;border-radius: .215rem;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 2.573rem;font-size:14px;font-weight: 100;border-color: #e4eaec;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;-o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;-webkit-appearance: none;-moz-appearance: none;}
.form-group {margin-bottom: 1.429rem;}
.float-right {float: right!important;}
.clearfix::after {display: block;clear: both;content: "";}
form .btn {margin-top: 38px;}
.btn{display: inline-block;font-weight: 300;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .429rem 1rem;font-size: 1rem;line-height: 1.571429;border-radius: .215rem;-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn{cursor: pointer;-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;-o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;-webkit-font-smoothing: subpixel-antialiased;}
.btn-primary {color: #fff;background-color: #18AACC;border-color: #18AACC;-webkit-box-shadow: none;box-shadow: none;}
.btn-block {display: block;width: 100%;}
.error{ color:#e66a6a;}
.text-center{ text-align:center;}
/******Media Queries******/
@media (max-width: 767px){
    .page-login-main {padding: 50px 30px 180px; padding-top: 60px;width: auto; left:0px;}
    .page-login-main form{ width:85%;}
}
@media (max-width: 767px) and (orientation: landscape) {    
     .page-login-main form{ width:91%;}
    }
@media (max-width: 479px){
    
}