/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
 body, html {
    /* height: 100%; */
    height:auto;
    background-repeat: no-repeat;
   /*background-image: linear-gradient(rgb(8, 8, 8), #000);*/
   background-color:#919591;
}

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}

.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

/*
 * Card component
 */
.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],

.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* .form-control1 {
  border-color: rgb(104, 145, 162);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
} */
.row1{
  /*width:100%;*/
  background: #dee2e6;
  margin-bottom: -15px;
  padding-left: 537px;

}
.control-label1{
  margin-left:27px;

}
.control-label2{
  margin-left: 5px;
}
.button {
  background:#00AEEF;
  /*text-transform:uppercase;
   width:100%; 
  height:41px;*/
  border-radius:5px;
  color:#ffffff;
  font-size:19px;
  border:none;
  /*font-weight:bold;*/
  font-family:Calibri;
  margin-bottom:19px; 
  margin-top:-25px;
  cursor:pointer;
  /*margin-left:430px;
   margin-right:140px; */
}

.bck_button{
  background:#1a2529;
  /*background:#00AEEF;
  text-transform:uppercase;
   width:100%; 
  height:41px;*/
  border-radius:5px;
  color:#ca4b4b;
  /*color:#ffffff;
  color:#551A8B;*/
  font-size:19px;
  border:none;
  /*font-weight:bold;*/
  font-family:Calibri;
  cursor:pointer;
  /*margin-left:430px;
   margin-right:140px; */

}

.button:hover{
  background:#06A3DD;
}



.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
    /*background-color: #4d90fe; */
    background-color: rgb(104, 145, 162);
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: rgb(12, 97, 33);
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}

/* Menu bar  */

nav {    
  display: block;
  text-align: center;
}
nav ul {
  margin: 0;
  padding:0;
  list-style: none;
}
.nav a {
  display:block; 
  background: #111; 
  color: #fff; 
  text-decoration: none;
  padding: 0.8em 1.8em;
  font-size:13px;
  letter-spacing: 2px;
  text-shadow: 0 -1px 0 #000;
  position: relative;
}
.nav{  
  vertical-align: top; 
  display: inline-block;
  box-shadow: 
    1px -1px -1px 1px #000, 
    -1px 1px -1px 1px #fff, 
    0 0 6px 3px #fff;
  border-radius:6px;
}
.nav li {
  position: relative;
}
.nav > li { 
  float: left; 
  border-bottom: 4px #aaa solid; 
  margin-right: 1px; 
} 
.nav > li > a { 
  margin-bottom: 1px;
  box-shadow: inset 0 2em .33em -0.5em #555; 
}
.nav > li:hover, 
.nav > li:hover > a { 
  border-bottom-color: orange;
}
.nav li:hover > a { 
  color:orange; 
}
.nav > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.nav > li:first-child > a { 
  border-radius: 4px 0 0 0;
}
.nav > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
.nav > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
.nav li li a { 
  margin-top: 1px;
}


.nav li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent; 
  top: 50% ;
  right:5px;  
 }
 
 
 /* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  orange;
  z-index: 1;
  left: -99999em;
  text-align: left;
}
.nav > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.nav > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}


 /* Some custom styles to beautify this example */
    .demo-content{
        padding: 5px;       /* old value 15px changed on 09apr20-asn */
        /*font-size: 18px;*/
        background:#dee2e6;
        margin-bottom: 5px;     /* old value 15px */
        margin-top: 5px;        /* added new - asn */
        /* width:150%;
        height: 90%; */
    }
    .demo-content.bg-alt{
        background:#dee2e6;
    }
    /* .form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out} */
.center
 {
  text-align: center;
  font-size: 21px;
  font-weight: 700;
 }
.bg-primary {
    background-color: rgb(18, 18, 18)!important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.1rem 0.5rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.list-group
{
   /* max-height:600px;*/
    max-height:420px;
    margin-bottom:3px;
    
	overflow-x: hidden;
   }
 
/* li:focus
{ 
  background:#007bff; 
  outline:none; 
  color:black;
} */
.dataheading{
  /*background-color: #fff;*/
  background-color: rgb(255, 255, 255);
  color:black;
  font-family: 'Courier New', Courier, monospace;
  /* font-size: 19px; */
  

}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* body {
    margin: 0;
    padding: 2rem;
  } */
  
  table {
    text-align: left;
    position: relative;
    border-collapse: collapse; 
  }
  th, td {
    padding: 0.25rem;
  }
  thead.red th {
    background: red;
    color: white;
    margin-top: -2px;
  }

  td {
    white-space: nowrap;
    border: 1px solid
  
  }
  tr.green td {
    background: green;
    color: white;

  }
  tr.purple th {
    background: purple;
    color: white;
  }
  th {
    background: white;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  }
.myclass{
    display:inline-block;
    width: 80px;
    height: 30px;
}
/* #mydiv { 
position: fixed; 
display: none;
width: 100%;
height: 100%;
z-index: 10000;
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
text-align: center;
vertical-align: middle;
background: white;
opacity: 0.8;
 }
.ajax-loader
 {
  position: absolute;
  top: 45%;
  left: 45%; 
}
.highlight { background-color: yellow;}
.nav-tabs{margin-bottom: 15px;} */
.alertmsg{
  margin-right: -930px;
  margin-top: 10px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX */
table {
  /* font-family: arial, sans-serif; */
  font-family: 'Courier New', Courier, monospace;
  /* border: 1px solid black; */
  border-collapse: collapse;
  width: 100%;
  font-size: 19px;
  
}

  th { 
  /* border: 1px solid #dddddd; */
   text-align: left; 
  /* padding: 8px; */
 } 

tr:nth-child(even) {
  /* background-color: #dddddd; */
}

  .list1 tr:hover td{
     /* background-color:blueviolet;  */
     /* background-color:#fefefe; */
    }
    
    .list1 td{
    /* background-color:#ccc000; */
    }
.formheading{
  background:#007bff; 
  outline:none; 
  color:black;
  padding-left: 505px;
  font-size: 20px;
  
}
.formheading1{
  /*height: 495px; */
  /* height: 466px; */
  /* height: 520px;  */
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  overflow: auto; 
}


input.ng-invalid.ng-touched {
    background-color: #FA787E;
  }

input.ng-valid.ng-touched {
    background-color: #78FA89;
  }
 /*-- Outstanding---- */
 .cont{
	max-width:2000px;
}
 .clear{
	margin-top: 30px;
}
.cleardata{
	margin-top: 20px;
}
.outfrom{
	width:78%;
	border-radius: 6px;
	padding-left: 10px;
}
.outto{
	width:85%;
	border-radius: 6px;
	padding-left:2px;
}
.outgrace{
	width:45%;
	border-radius: 6px;
	padding-left: 10px;
}
.outreport{
	width:55%;
	border-radius: 6px;
	padding-left: 1px;
}
.outarea{
	width:86%;
	border-radius: 6px;
	padding-left: 10px;
}
.outgroup{
	width:50%;
	border-radius: 6px;
	padding-left: 10px;
}
.outparty{
	width:86%;
	border-radius: 6px;
	padding-left: 10px;
} 
/*For desktop: Responsive Web Design */
	/* @media only screen and (max-width: 640px) and (min-width:300px) */
	
	/* @media (min-width:1366px)
	{
	    
	    #reports{
	        max-width:100%;
	        height:1000px;
	    }
	     .btn1 
		{
		 margin-left:33px;
		}
		.btn2 
		{
		    margin-top:-1px;
			float: right;
		}
		#stocks
		{
		    font-size:12px;
		}
		#stockstr{
		    max-width:154px;
		}
		.clearfix{
		margin-top: 6px;
		}
		
		/* A/C Ledger */
	
		#acledger {
            max-width:2000px;
        	}
	        #acledger
	        {
            height:350px;
        	}
	        #acledgerlistLI{
	            height:280px;
	        }
		    .accountdata{
		        height:340px;
		    }
		    .accountlist{
		        height:370px;
		    }
		/* A/C Ledger List */
	
		    #tbody_data {
            width:1300px;
            }
		
		    #maindata{
		    max-width:1315px;   /* 1300px old - changed on 11apr20 - asn */
		     height:375px;  /* 245px old - changed on 11apr20 - asn */
		    }
		/*  Bill outstanding */
		
		.out_stbodydata
        {
          position: relative;
          display: block;
          width:1100px;
          height:336px;
          overflow: scroll;
          
        }
        .out_partys{
        	min-width:264px;
        	text-align: left;
            padding: 10px;
        }
        .out_billno{
        	min-width: 250px;
        	text-align: left;
            padding: 10px;
        }
        .out_date{
        	min-width: 100px;
        	text-align: left;
            padding:5px;
        }
        .out_due{
        	min-width: 100px;
        	text-align: left;
            padding:5px;
        }
        .out_duesamt{
        	min-width:200px;
        	text-align: left;
            padding:10px;
        }
        .out_balance{
        	min-width: 200px;
        	text-align: left;
            padding:10px;
        }
        
        .out_over{
        	min-width: 130px;
        	text-align: left;
            padding:10px;
        }

		
	} */
	
	@media (min-width:768px)
	{
	    #colmd{
	         max-width:100%;
	          height:300px;
	    }
	    
	     .colmdlist
	     {
	         height:350px;  /* 287px old - changed on 10apr20 for stockreports.html - asn */
	         
	     }
	     
	     #stocks
		{
		    width:100px;
		}
		
		#tbody {
            position: relative;
            display: block;
            width: 1360px;
            height: 420px;          /*325px* 8apr2020  stockbatchwiselist.html - asn changed/
            overflow: scroll;
        	}
        	.clearfix{
    		margin-top: 1px;
    		}
		
			/* A/C Ledger */
	
		#acledger {
            max-width:2000px;
        	}
	        #acledger
	        {
            height:350px;
        	}
	        #acledgerlistLI{
	            height:280px;
	        }
		
		/* A/C Ledger List */
	
		    #tbody_data {
            width:1300px;
           
        	}
		
		#maindata{
		    max-width:1300px;
		     height:293px;
		}
		
		
	}

	@media (min-width:1600px)
	{
	    #reports{
	        max-width:1140px;
	        height:450px;
	    }
	    
	    .colmdlist
	     {
	         height:450px;
	     }
	     
	      #colmd{
	       
	          height:460px;
	    }
	     .btn1 
		{
		 margin-left:33px;
		}
		.btn2 
		{
		    
			margin-top:-1px;
			float: right;
		}
		#stocks
		{
		    font-size:16px;
		}
		#tbody {
            position: relative;
             display: block;
             width:1600px;
             height:489px;
            overflow: scroll;
        	}
		.clearfix{
		margin-top: 1px;
		}
		
	/* A/C Ledger */
	
		#acledger {
            max-width:2000px;
        	}
	        #acledger
	        {
            height:500px;
        	}
	        #acledgerlistLI{
	            height:450px;
	        }
	        
		/* A/C Ledger List */
	
		    #tbody_data {
            width:1512px;
            
        	}
	        #maindata{
		    max-width:1530px;
		    height:420px;
		}
	}
	
	
