/* Setting the Header Images */
.header3 {
		background-image: url("mainheader.png"); /* Image file name */
		background-repeat: no-repeat; /* Image is displayd only once */
		height:87px;                 /* Indicates the Image height. It can given in pixels are percentage. Prefered is in pixes */
		width:100%;                  /* It indicates the image width. It can be pixels are percentages. Prefered is in pixels */
		margin-top:-5px;              /* Indicates the margin need to be given at top */
		margin-bottom:0;              /* Indicates the margin need to be given at bottom */
	    display:block;                /* Image is displayed in type of box */
}

.header14 {
		background-image: url("samhitha_sub.jpg");  /* Image file name */
		background-repeat: repeat-x;   /* Image will be repeated unlimited number of times */
		height:87px;                  /* Indicates the image height. It should be same as above header */
		margin-top:-87px;             /* Indicates the margin at top. To match the header it is given same as header but in negative to go up */
		margin-left:1000px;             /* Indicates the margin at left. By default it starts from 0. It will override above header if it is 0. */
		margin-bottom:0;               /* Indicates the margin need to be given at bottom */
		display:block;                 /* Image is displayed in type of box */
}

/* Indicates the formatting of the html body */
body {
 		font-family: helvetica, arial, sans-serif;  
		background: #e3e3e3;
}

/* Indicates the bar to match that of menu list */
div#navcontainerbar {
		width:100%;
		height:30px;
		background-color:#065;
		border: 1px solid black;
		padding:0px;
		margin-top:-10px;
}

#nav {
 		background: #065;
 		float: left;
 		margin: 0; 
 		padding: 0;
 		border: 1px solid black;
 		margin-top:0px;
 		text-align:center;
 		font-family: Calibri;  
	    color:#0054;
	    font-weight: bold;
	    font-size: 120%;
}

#nav li {
 		float: left;
 		list-style: none;
  	    position: relative;
}

#nav li a {
 		padding: .1em .1em;
 		float: left;
 		text-decoration: none;
 		color: yellow;
		background: #065; /* Background color of the men */
 		border-right: 1px solid black;
 		border-left: 1px solid black;
 		border-bottom: 1px solid black;
 		border-top: 1px solid black;
}

#nav li a.subm {
 		padding: .5em .5em;
 		float: left;
 		text-decoration: none;
 		color: white;
		background: #090; /* Background color of the men */
 		border-right: 1px solid black;
 		border-left: 1px solid black;
 		border-bottom: 1px solid black;
 		border-top: 1px solid black;
}

#nav li a:hover {
 		background: #099; /* Color highlight when mouse is taken on to the menu */
}

/* Sub Menu */
.hasChildren {
		position: absolute;
		width: 5px; height: 5px;
		background: red;
		right : 0;
		bottom: 0;
}

#nav li ul {
 		display: none;
 		position: absolute;
 		left: 0;
 		top: 100%;
 		padding: 0; margin: 0;
}

#nav li:hover > ul {
 		display: block;
 		color: #888;
}

#nav li ul li, #nav li ul li a {
 		float: none;
}

#nav li ul li {
 		_display: inline; /* for IE6 */
}

#nav li ul li a {
 		width: 150px;
 		display: block;
}

/* Sub Sub Menu */
#nav li ul li ul {
 		display: none;
}
#nav li ul li:hover ul {
 		left: 100%;
 		top: 0;
 		color: #888;
}

/* Content Pane */
#contentpane {
	width:88%;
	height:79%;
	position:absolute;            /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/
	top:115px;                    /* Margin from the top of the window. This includes Header/Navigation Bar/Work List */
	left:160px;
	margin:0px auto;
	text-align:left;
	color:black;                  /* Text color in this division */
	background:#F0F8FF;              /* Background color in this division */
	border-right: 1px solid black; /* Indicates the border */
 	border-left: 1px solid black;
 	border-bottom: 1px solid black;
 	border-top: 1px solid black;
 	z-index:-1;                    /* Indicates the whether overlap should be on top or bottom after comparing z-index value of other division */
 	overflow:auto;
}

/* User Work List */
#userworkmenu {
	width:10%;                    /* Width of the division */
	height:25px;                 /* Hight of the division */
	position:absolute;            /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/
	top:115px;                    /* Margin from the top of the window. This includes Header/Navigation Bar */
 	z-index:-1;                    /* Indicates the whether overlap should be on top or bottom after comparing z-index value of other division */
}

/* We remove the margin, padding, and list style of UL and LI components */
#userworkmenu ul, #userworkmenu ul li{
    margin:0;
    padding:0;
    list-style:none;    
	color:blue;
	font-weight: bold;
}

/* We apply background color and border bottom white and width to 150px */
#userworkmenu ul li{
    background-color:#7f95db;
    border-bottom:solid 1px white;
	cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#userworkmenu ul li:hover{
    background-color:#6679e9;
    position:relative;
}

/* We apply the link style */
#userworkmenu ul li a{
    padding:5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}

/* Left Menu1 configuration */
#subtransmenu {
	width:10%;                    /* Width of the division */
	height:200px;                 /* Hight of the division */
	position:absolute;            /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/
	top:150px;                    /* Margin from the top of the window. This includes Header/Navigation Bar/Work List */
 	z-index:-1;                    /* Indicates the whether overlap should be on top or bottom after comparing z-index value of other division */
}

/* We remove the margin, padding, and list style of UL and LI components */
#subtransmenu ul, #subtransmenu ul li{
    margin:0;
    padding:0;
    list-style:none;    
	color:blue;
	font-weight: bold;
}

/* We apply background color and border bottom white and width to 150px */
#subtransmenu ul li{
    background-color:#7f95db;
    border-bottom:solid 1px white;
	cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#subtransmenu ul li:hover{
    background-color:#6679e9;
    position:relative;
}

/* We apply the link style */
#subtransmenu ul li a{
    padding:5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}
#fieldssection{
	font-family: Calibri;  
	color:black;
	//style="border-collapse: collapse"
}

#fieldssection table{
	border-collapse: collapse;
}

/* Favourite List Configuration */
#favouritemenu {
	width:10%;                    /* Width of the division */
	height:200px;                 /* Hight of the division */
	position:absolute;            /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/
	top:440px;                    /* Margin from the top of the window. This includes Header/Navigation Bar/Work List/Left Menu 1 */
	z-index:-1;                    /* Indicates the whether overlap should be on top or bottom after comparing z-index value of other division */
}

/* We remove the margin, padding, and list style of UL and LI components */
#favouritemenu ul, #favouritemenu ul li{
    margin:0;
    padding:0;
    list-style:none;    
	color:blue;
	font-weight: bold;
}

/* We apply background color and border bottom white and width to 150px */
#favouritemenu ul li{
    background-color:#7f95db;
    border-bottom:solid 1px white;
	cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#favouritemenu ul li:hover{
    background-color:#6679e9;
    position:relative;
}

/* We apply the link style */
#favouritemenu ul li a{
    padding:5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}

/* Footer Configuration */
#footer {
	width:100%;                   /* Width of the division */
	height:20px;                  /* Hight of the division */
	position:fixed;               /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/
	bottom:0;                     /* Margin from the bottom of the window. */
	color:white;                  /* Text color in this division */
	background:#065;              /* Background color in this division */
	border-right: 2px solid black; /* Indicates the border */
 	border-left: 2px solid black;
 	border-bottom: 2px solid black;
 	border-top: 2px solid black;
 	text-align:center; 
}


#contentheader {
	font-family: Calibri;
	color: white;
	background: orange;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	font-style: italic;
	font-weight: bold;
	font-size: 180%;
	border-radius: 0 0 1em 1em;
}

#errormessages {  
	color:red;
	font-style: italic;
	font-weight: bold;
	background:yellow;
}

#invoicebill1 {
	color:black;                  /* Text color in this division */
	background:white;              /* Background color in this division */
}

#invoicebill2 {
	color:black;                  /* Text color in this division */
	background:white;              /* Background color in this division */
}

#tdborder {
	border-right: 1px solid #000;
}


table#resulttable tr:nth-child(even) {background: #ddd}
table#resulttable tr:nth-child(odd) {background: #FFF}
table#resulttable th {background: blue; color:white; font-weight: bold;text-align:center; }
table#resulttable tr {font-family: Calibri;}

table#resulttable tr#redresultrow {
	background: red;
	color: #fff;
}



td#subtotal1 {background: #FF12; color:blue; font-weight: bold; font-size: 100%; }
td#subtotal2 {background: #FF34; color:orange; font-weight: bold; font-size: 100%; }
tr#tabheader th {background: blue; color:white; font-weight: bold;text-align:center;border: 1px solid black; }

#reporttable{
	border-collapse:collapse;
	overflow:scroll;
	font-size:13px;
}

#reporttable th{
	background: blue; 
	color:white; 
	font-weight: bold;
	text-align:center;
	border: 1px solid orange;
}

#reporttable tbody{
	overflow:scroll;
}

#reporttable tr,  #reporttable td{
	border: 1px solid orange;
}

#producttable{
	border-collapse:collapse;
}

#producttable th{
	background: #001FF0; 
	color:white; 
	text-align:center;
	border: 1px solid black;
	font-size: 80%;
}

#producttable tr,  #producttable td{
	border: 1px solid black;
}

#hide{
	visibility: hidden
}

#<div id="loadScreen" style="display: none;width: 100%; height: 100%; top: 0pt;left: 0pt;">
#   		<div id="loadScr" style="filter: alpha(opacity = 65);  z-index: 9999;border: medium none; margin: 0pt; padding: 0pt; width: 100%; height: 100%; top: 0pt;left: 0pt; background-color: rgb(0, 0, 0); opacity: 0.2; cursor: wait; position: fixed;"></div>
#   		<div id="loader"  style="z-index: 10000; position: fixed; padding: 0px; margin: 0px;width: 10%; top: 20%; left: 20%; text-align: center;cursor: wait;background: blue; ">
#     		<img src="<?php echo $base.'/images/loading.gif'?>" height="60px" width="60px" />
#   		</div>
#	</div>
	
/* Loading Panel */
#loadScreen {
	display: none;
	width: 100%; 
	height: 100%; 
	top: 0pt;
	left: 0pt;
}

#loadScr {
	filter: alpha(opacity = 65);  
	z-index: 9999;
	border: medium none; 
	margin: 0pt; 
	padding: 0pt; 
	width: 100%; 
	height: 100%; 
	top: 0pt;
	left: 0pt; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.2; 
	cursor: wait; 
	position: fixed;
}
#loader {
	z-index: 10000; 
	position: fixed; 
	padding: 0px; 
	margin: 0px;
	width: 10%; 
	top: 20%; 
	left: 20%; 
	text-align: center;
	cursor: wait;
	background: blue;
}


/* Help Content Pane */
#helpcontentpane {
	width:86%;
	height:80%;
	position:absolute;            /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/
	top:115px;                    /* Margin from the top of the window. This includes Header/Navigation Bar/Work List */
	left:192px;
	margin:0px auto;
	text-align:left;
	color:black;                  /* Text color in this division */
	background:#F0F8FF;              /* Background color in this division */
	border-right: 1px solid black; /* Indicates the border */
 	border-left: 1px solid black;
 	border-bottom: 1px solid black;
 	border-top: 1px solid black;
 	z-index:-1;                    /* Indicates the whether overlap should be on top or bottom after comparing z-index value of other division */
 	overflow:auto;
}


/* Help Menu Index */
#helpmenuindex {
	width:13%;                    /* Width of the division */
	height:80%;                 /* Hight of the division */
	top:115px;                  /* Margin from the top of the window. This includes Header/Navigation Bar/Work List */
	position:absolute;            /* Indicates the position. Absolute/Fixed is good to use for placing at specific position*/	                    
 	z-index:-1;                    /* Indicates the whether overlap should be on top or bottom after comparing z-index value of other division */
}



input[type=text],input[type=password]{
	border-radius: 5px;
}

input[readonly="readonly"],input[readonly="true"],[disabled="disabled"],input[disabled="true"]{
    background-color:#ccc;
}

select{
	border-radius: 5px;
}

input[type=submit].buttons110px,input[type=reset].buttons110px,input[type=button].buttons110px,button.buttons110px{
	padding:5px 5px;
	color: black;
	font-weight: bold;
	background: #ccc; 
	cursor:pointer;
	border-radius: 15px;
	text-align:center;
	width: 110px;
}

input[type='file'] {
  opacity:0;    
}

input[type=submit],input[type=reset],input[type=button],button{
	padding:5px 5px;
	color: black;
	font-weight: bold;
	background: #ccc; 
	cursor:pointer;
	border-radius: 15px;
	text-align:center;
	min-width: 70px;
}


input[type=submit].buttons90px,input[type=reset].buttons90px,input[type=button].buttons90px,button.buttons90px{
	padding:5px 5px;
	color: black;
	font-weight: bold;
	background: #ccc; 
	cursor:pointer;
	border-radius: 15px;
	text-align:center;
	width: 90px;
}


input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,button:hover{	
    background-color:#6679e9;
    color: white;
}


a.anchlink:link, a.anchlink:visited {
    background-color: #065;
    color: white;
    padding: 14px 25px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
	border-radius: 15px;
}

a.anchlink:hover, a.anchlink:active {
    color: yellow;
}
.reporttable{
	border-collapse:collapse;
	overflow:scroll;
}

.reporttable th{
	background: blue; 
	color:white; 
	font-weight: bold;
	text-align:center;
}

.reporttable tbody{
	overflow:scroll;
}

.reporttable tr,  .reporttable td{
	border: 1px solid black;
}


.reporttable1{
	border-collapse:collapse;
	overflow:scroll;
}

.reporttable1 th{
	border: 1px solid black;
	font-weight: bold;
	text-align:center;
}

.reporttable1 tbody{
	overflow:scroll;
}

.reporttable1 tr,  .reporttable1 td{
	border: 1px solid black;
}

.dashboarddiv{
	margin-top: 5px;
	margin: 1px;
	width: 33%;
	border: 1px solid black; 
	font-size:13px;
}

.dashboarddiv h2{
	text-align: center;
	background-color: yellow;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.accountsdiv{
	margin-top: 5px;
	margin-left: 10%;
	width: 80%;
	border: 1px solid black; 
	font-size:13px;	
}

.accountsdiv h2{
	text-align: center;
	background-color: yellow;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.focus {
	border: 2px solid #AA88FF;
	background-color: #FFEEAA;
}

.inputtrans{
	background: transparent !important;
	border: none;
}

.hideclass{
	display: none;
}

/* Responsive Styles */
@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}