/*
*  (PARTH-KP) 2021/01/13 - #946 AP on Lite
*/

@charset "utf-8";

/*START #946 AP on Lite 2021/01/13 (PARTH-KP)*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/*END #946 AP on Lite 2021/01/13 (PARTH-KP)*/

/* CSS Document */
body {
	margin: 0 auto;
	font-family:Montserrat, Arial;
}
/*.banner-img img {
	height: 100vh;
	
}*/
.banner-img{
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  width:100vw;
   
}
.logo img {
    width: 100%;
}
.banner-img {
	overflow: hidden;
	width: 100%;
}
.sign h4 {
	    font-size: 20px;
    text-align: center;
    color: #727272;
    font-weight: 400;
}
.sign h4::before {
	display: inline-block;
	content: "";
	border-top: 1px solid #727272;
	width: 5rem;
	transform: translateY(-0.5rem);
	    margin-right: 10px;
}
.sign h4::after {
	display: inline-block;
	content: "";
	border-top: 1px solid #727272;
	width: 5rem;
	transform: translateY(-0.5rem);
	    margin-left: 10px;
}

.icon {
	padding: 10px;
	background: #e9ecef;
	color: #616161;
	min-width: 50px;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #ced4da;
}
.input-field {
	width: 100%;
	padding: 10px;
	outline: none;
	margin-bottom: 20px;
	border-radius: 0 3px 3px 0;
	border: 1px solid #ced4da;
	background: #e6e6e6;
	font-size: 1rem;
    font-weight: 300;
}
/* Set a style for the submit button */
.btn {
	    background-color: #f7941d;
    color: white;
    padding: 0.60rem .75rem;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 1.25rem;
}
.btn:hover {
	opacity: 1;
}
.input-container {
	display: -ms-flexbox;
	display: flex;
}
.left-section {
	text-align: center;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 42%;
	transform: translate(-42%, -50%);
}
.logo {
	text-align: center;
}
.no-padding {
	padding: 0;
}
.float-right {
    float: right;
}
.text-center {
    text-align:center;
}
footer {
    position: fixed;
    bottom: 10px;;
    left: 9%;
}
.footer-copyright{
	font-size:0.6rem;
	color: #727272;
}
.dark-font {
    color: #727272;
}
.forgot-password{
	text-decoration: none;
    font-size:1rem;
	background: none;
    border: none;
	    font-family: auto;cursor:pointer;
		font-family:Montserrat, Arial;
}
button:focus{ outline:none; }
/*form {
    margin-bottom: 20px;
}*/
ul.nav.navbar-nav li a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
ul.nav.navbar-nav {
    list-style: none;
}
.left-login {
    height: 100vh;
    overflow-y: auto;
}
 @media only screen and (max-width: 1400px) {
footer {
    position: fixed;
    bottom: 10px;;
    left: 5%;
}
.sign h4::before, .sign h4::after {
	display: inline-block;
	content: "";
	border-top: 2px solid #727272;
	width: 3rem;
	/*margin: 0 5px;*/
	transform: translateY(-0.5rem);
}
 }
  @media only screen and (max-width: 1100px) {
footer {
    position: fixed;
    bottom: 10px;;
    left: 12%;
}
 }
 @media only screen and (max-width: 992px) {
	 footer {
    position: fixed;
    bottom: 10px;
    left: 16%;
}
.left-section {
    text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 40%;
    z-index: 9999;
    transform: translate(-40%, -50%);
    background: #fff;
    padding: 20px;
    border-radius: 7px;
}

 }
 @media only screen and (max-width: 500px) {
	 footer {
    position: fixed;
    bottom: 10px;
    left: 9%;
}
.sign h4::before, .sign h4::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #727272;
    width: 3rem;
    /*margin: 0 5px;*/
    transform: translateY(-0.5rem);
}
.banner-img {
	display:none;
}
.left-section {
	text-align: center;
	margin: 0;
	position: initial;
    top: 50%;
    left: 50%;
    transform: inherit;
	background: #fff;
	padding: 20px;
	border-radius: 7px;
}
}
@media only screen and (max-width: 400px) {
	 footer {
    position: fixed;
    bottom: 10px;
    left: 6%;
}
}
 
 div#myDIV {
    position: absolute;
    top: 39%;
    background: #fff;
    width: 100%;
    height: 50%;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
	padding: 20px;
    margin-bottom: 20px;
}
.save-but {
    background-color: #f7941d;
    padding: 11px 20px;
    border-radius: 7px;
	color:#fff;
	text-decoration:none;
	font-size: 1.25rem;
}
.cancel-but{
background-color: #194481;
    padding: 10px 20px;
    border-radius: 7px;
	color:#fff;
	text-decoration:none;
	font-size: 1.25rem;
	cursor:pointer;
}
.forgot {
    /*display: none;*/
}
.error{
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	 padding: 10px 20px;
	     font-size: 14px;
}

 .input-field:focus {
    border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}