* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Poppins', sans-serif;
}

/* body,html{
	overflow-x: hidden;
} */

ul li, ol li{
	list-style-type: none;
}

.custom-bg {
	background: url(../images/body-bg3.jpg);
	background-position: center;
	background-size: auto;
	min-height: 100vh;
	padding-bottom: 30px;
}

.logo-section {
	margin: 80px 0 10px 0;
}

.first-logo img,
.second-logo img {
	width: 50%;
}

.login-div {
	display: flex;
}

.login-header {
	margin-top: 60px;
}

.login-header h2 {
	font-size: 24px;
	margin-bottom: 22px;
	padding: 8px 0;
	font-weight: 600;
	color: #0a1826;
}

.login-body {
	max-width: 800px;
	margin-bottom: 20px;
}

.form-header {
	width: 400px;
	margin: 40px auto;
	padding: 10px 0;
	color: #000;
}

.form-header h2 {
	font-size: 26px;
	line-height: 50px;
	/* padding: 0 20px; */
	padding:0 82px 0 10px;
}

.login-div {
	width: 650px;
	height: 500px;
	padding: 60px 35px 35px 35px;
	right: -2%;
	top: -1%;
	background-color: #ecf0f3;
	box-shadow: 4px 4px 6px #64dfe4, -4px -4px 6px rgb(67, 70, 243);
}

.level-text {
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}

.level-text h5 {
	font-size: 16px;
}

.usernumber {
	position: relative;
	margin-bottom: 30px;
	box-shadow: inset 7px 7px 7px #cbced1, inset -7px -7px 7px #fff;
	border: 2px solid #64dfe4;
}

.fields {
	width: 100%;
	padding: 15px 5px 5px 5px;
}

.fields input {
	border: none;
	outline: none;
	background: none;
	font-size: 15px;
	color: #555;
	padding: 10px 10px 10px 5px;
}

.login-btn {
	background-color: #64dfe4;
	padding: 8px 40px;
}

.login-btn:hover {
	background-color: #153a3f;
	color: white;
}

.register-btn {
	background-color: #153a3f;
	color: white;
}

.register-btn:hover {
	background-color: #64dfe4;
	color: black;
}

.log-in-content {
	margin: 20px 0;
}

/* registration form start */
.register {
	background: linear-gradient(left, #3931af, #00c6ff);
	margin-top: 0;
	padding: 0;
}

.register-left input {
	border: none;
	border-radius: 1.5rem;
	padding: 2%;
	width: 60%;
	background: #f8f9fa;
	font-weight: bold;
	color: #383d41;
	margin-top: 30%;
	margin-bottom: 3%;
	cursor: pointer;
}

.register-right {
	background: #bab9ff;
	background: rgb(255, 248, 190);
	background: linear-gradient(300deg, rgba(255, 248, 190, 1) 0%, rgba(26, 131, 255, 1) 100%);
	border-top-left-radius: 18% 50%;
	border-bottom-left-radius: 18% 50%;
}

.logo-div {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.register-left img {
	width: 135px;
}

.register-left p {
	font-weight: lighter;
	padding: 12%;
	margin-top: -9%;
}

.register .register-form {
	padding: 10%;
	/* margin-top: 10%; */
	margin-top: 45px;
}

.btnRegister {
	margin-top: 4%;
	border: none;
	border-radius: 4px;
	padding: 2%;
	background: #0a1826;
	color: #fff;
	/* font-weight: 600; */
	width: 160px;
	cursor: pointer;
	z-index: 1;
}

.btnRegister:hover {
	background-color: #2148cf;
}

.register .nav-tabs {
	margin-top: 3%;
	border: none;
	background: #0062cc;
	border-radius: 1.5rem;
	width: 25%;
	float: right;
}

.register .nav-tabs .nav-link {
	padding: 4%;
	height: 34px;
	font-weight: 600;
	color: #fff;
	border-top-right-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
}

.register .nav-tabs .nav-link:hover {
	border: none;
}

.register .nav-tabs .nav-link.active {
	width: 100px;
	color: #0062cc;
	border: 2px solid #0062cc;
	border-top-left-radius: 1.5rem;
	border-bottom-left-radius: 1.5rem;
}

.register-heading {
	text-align: center;
	margin-bottom: -15%;
	color: #1f1f7a;
	font-weight: bold;
	font-size: 23px;
	padding: 15px 0;
	margin-top: 15%;
}

.captcha-img img {
	width: 200px;
}

.refresh-img-link {
	color: #000;
}

.refresh-img {
	font-size: 26px;
}

.register-form .form-control {
	/* border: none; */
	outline: none;
	padding: 10px 12px;
}

.form-control::-webkit-input-placeholder,
.form-check-label span, select.form-control {
	/* color: #1f1f7a ; */
	font-weight: 500;
	/* text-transform: capitalize !important; */
	color: #6c757d;
}

.org-info .form-control::-webkit-input-placeholder, .form-check-label span, select.form-control, .production-det .form-control::-webkit-input-placeholder{
	font-size: 14px;
	/* color: #8585e0; */
	color: #6c757d;
}

select.form-control{
	padding:5px 12px !important;
}

.form-control:-moz-placeholder {
	/* color: #1f1f7a; */
	color: #6c757d;
}

.login-footer h5 {
	font-size: 18px;
}

.form-group:focus+.form-control {
	outline: none !important;
	border: none;
}

.captcha-img,
.refresh {
	margin-top: 4px;
}

.lower-area {
	width: 100%;
	align-items: center;
	padding: 20px 35px;
}


/* Land allotment form start */
.allotment-form-title h3{
	/* color:#ffc700; */
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}

.upper-title{
	color:#181c32;
	text-align: center;
	padding:20px 0;
}

.form-allot{
	background: url(../images/body-bg3.jpg);
	background-position: center;
	background-size: auto;
	min-height: 100vh;
	padding-bottom: 20px;
}

.org-info{
	padding:30px 60px;
	background-color: #fff;
}

.plot-shed{
	padding:30px 60px;
	background-color: #fff;
}

.org-info h5{
	/* color: #1f1f7a; */
	color:#000;
    font-weight: bold;
    font-size: 22px;
	margin-bottom:20px;
}

/* .new-nav-pills{
	background-color: #1f1f7a;
}.new-nav-pills-new{
	background-color: white;
}
.new-nav-pills .nav-link.active{
	background-color: transparent !important;
}
.new-nav-pills span, .new-nav-pills-new span{
	font-size:20px;
	margin:20px 20px 0 0;
}
.new-nav-pills svg, .new-nav-pills-new svg{
	width:26px;
	height:26px;
}
.new-nav-pills{
	padding:10px 5px;
} */
.app-div{
	background-color: #00c6ff;
	color:white;
	justify-content: center;
	align-items: center;
	margin:20px 0px;
}

.app-div svg{
	width:25px;
	height:25px;
}

.app-div > div{
	margin:10px 10px;
}

.app-text{
	font-size: 20px;
}

.app-svg{
	padding-top:10px;
}

.plot-shed h5, .plot-det h5, .enclose-head h5{
	color:#000;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

/* .upload-svg svg{
	width:40px;
	height:40px;
} */

.upload-svg img{
	max-width:100%;
	height:auto;
}

.upload-text{
	text-align: center;
    background-color: #8a8a5c;
    padding: 16px;
	color:white;
	display:flex;
	justify-content: center;
}

.plot-unit-header{
	color:#000;
	font-weight: bold;
	font-size: 13px;
    margin: 10px 0;
}

.plot-det-row, .list-plot{
	padding:30px 40px;
}

.btn-allot-upper, .btn-allot-plot-det{
	padding:12px 24px;
}

.table.table-gray tr {
    border-bottom-color: #d9d9d9;
}

.table.table-dashed tr {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #eff2f5;
}

.plot-det, .list-plot-table{
	margin: 20px 0;
}

#tab-2 table tbody tr {
	background-color: #e3e8ed;
}

#tab-2 table tbody tr td {
	border: 1px solid #fff;
}

.project-det, .production-det{
	padding: 30px 60px;
}

.cont-arrow{
	top: 69px;
    color: white;
    right: 44%;
    z-index: 1;
}

.min-w-100px{
	min-width:100px;
}

.w-50px{
	min-width: 50px;
}

/* Enclosure form start */
.enc-attachment-body{
  padding:20px 40px;
}

.enc-attach-title{
	border-bottom: 2px dashed #8a8a5c;
	padding:10px 0;
}

.enc-attach-block{
	border-bottom: 2px dashed #8a8a5c;
    padding-bottom: 15px;
}

.enc-cont{
	padding:15px 10px;
}

.enc-cont > div{
	margin:10px 15px;
}

.sr-num{
	font-size: 22px;
	font-weight: 600;
	color:#1f1f7a
}

.enc-cont-text h6{
	font-size: 17px;
	color:#151551;
	font-weight: 600;
}

.enc-cont-text p{
	font-size: 16px;
    color: #5c5c3d;
}

.input-new{
	padding:10px 15px;
}

.file-upload-block{
	margin:20px 15px;
}

.enc-upload-button{
	margin:2px;
}

.enc-upload{
	margin-top: 20px;
	border: none;
	border-radius: 4px;
	padding:10px;
	background: #000;
	color: #fff;
	font-weight: 500;
	width: 160px;
	cursor: pointer;
	z-index: 1;
	transition: 0.3s;
}

.enc-upload:hover {
	background-color: #2148cf;
}

.enc-upload span{
	color:white;
}

.declaration-block{
	margin: 20px 10px;
}

.dec-label{
	font-size: 16px;
    color: #1f1f7a;
    font-weight: 600;
}

.enc-submit{
	width:250px;
	margin-top: 20px;
	border: none;
	border-radius: 4px;
	padding:10px 25px;
	background: #0a1826;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	z-index: 1;
}

.enclosed-button-group{
	margin:10px 0;
}

.table-enc-cont-text h6, .table-enc-cont-text p, .enclosure-table thead th{
	font-size: 15px;
}

.enclosure-table thead th.action{
	text-align:center;
}

.enclosure-table-header-row{
	margin-top:25px;
}

.enc-upload-button{
	display:flex;
	justify-content: center;
	align-items: center;
}

/* Frontend dashboard start */
.dashboard-header{
	/* background-color: #019BF0; */
	background-color: #2148cf;
	padding:15px 5px;
	/* position:fixed;
	top:0;
	left:0;
	z-index: 99;
	width:100%;
	transition:all 0.2s ease-in-out; */
}

.dashboard-header.fixed{
	opacity:0;
	transform:translateY(-50%);
}

.dashboard-header.active{
	transition:all 0.4s ease-in-out;
	opacity:1;
	background-color: #0184cb;
	transform:none;
}

.header-logo-block img, .header-bb-logo {
	width:40px;
	height:40px;
}

.header-logo-block{
	justify-content: center;
	align-items: center;
	color:white;
}

.header-logo-block a, .header-logo-block h6{
	margin:0 5px;
	font-size: 12px;
    font-weight: bold;
}

.dash-right-menu{
	/* padding-top:15px; */
	/* justify-content: space-around; */
	justify-content: center;
	align-items: center;
}

.dash-right-menu li a{
	text-decoration: none;
	color:white;
	font-size: 14px;
}

.dash-right-menu li{
	margin-left: 30px;
}

.dash-right-menu li:first-child {
	margin-left: 0;
}

.user-pro-name{
	margin-left: 10px;
}

/* .dash-right-menu li a.active{
	background-color: #fff;
	color: #000;
	padding: 10px;
	border-radius: 4px;
} */

.user-pro a{
	display:flex;
	align-items: center;
}

.user-pro a img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.dashboard-land-allotment-form{
	margin-top: 40px;
}

/* .dash-right-menu li a:hover{
	background-color:#181c32 ;
} */

.fixed2 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 2px 2px #0004;
    animation: smoothScroll 1s forwards;
}

.black{
	background-color: rgb(34, 32, 32);
}

#tab-2 .black {
	background-color: transparent !important;
}

#tab-2 .black i {
	color: #000;
}

.action i{
	margin:0 4px;
}

/* New application steps start */
.new-app .tab-menu
{
	border: 1px solid #8d8d8d;
	background-color: #fff;
}

.new-app ul.tabs {
	padding: 0px;
	list-style: none;
	background-color: #2148cf;
}

.new-app ul.tabs li {
	background: none;
	color: #fff;
	display: inline-block;
	padding: 10px 138px;
	cursor: pointer;
}

.new-app ul.tabs li a {
	color: #fff;
}

.new-app ul.tabs li a.active {
	color: #000;
}

.new-app ul.tabs li.current {
	background: #ffffff;
    color: #222;
    border-bottom: 6px solid #2148cf;
    border-radius: 0 0 20px 20px;
    box-shadow: inset 0px -3px 2px 0px #000;
}

.new-app .tab-content {
	display: none;
	padding: 0 15px;
}

.tab-content.current {
	display: inherit;
}

.new-app .cancel_save_button {
	float: right;
}

.new-app .cancel_save_button button {
	background-color: #000;
	color: #fff;
	padding: 12px 30px;
	margin-right: 10px;
	border-radius: 4px;
	transition: 0.3s;
	border: none;
	cursor: pointer;
}

.new-app .cancel_save_button button:focus {
	outline: none;
}

.step-cancel-button {
	color: #fff;
    background: #000;
    padding: 11px 30px;
    margin-right: 10px;
	transition: 0.3s;
}

.step-cancel-button:focus {
	outline: none;
}

.step-cancel-button:hover {
	color: #fff;
	background-color: #2148cf;
}

.new-app .cancel_save_button button:hover {
	background-color: #2148cf;
}

.new-app .cancel_save_button button:last-of-type {
	margin-right: 0;
}

.new-app .form-control:focus {
	box-shadow: none !important;
}

.new-app .heig {
	height: 46px !important;
}

.new-app .mrgn {
	margin-top: 49px;
}

.new-app .mrg {
	margin-top: 32px;
}

.size {
	font-size: 14px;
}

/* dashboard page */
.land-allot {
    background-color: #fff;
    border: 1px solid #dee2e6;
    padding: 15px 15px 10px 15px;
    border-radius: 4px;
    min-height: 135px;
}

.color-yellow {
    background-color: #ffb238;
    box-shadow: 2px 3px 3px #a2a2a26b;
}

.color-green {
    background-color: #45b982;
    box-shadow: 2px 3px 3px #a2a2a26b;
}

.color-red {
    background-color: #ed4b45;
    box-shadow: 2px 3px 3px #a2a2a26b;
}

.cl-1 {
    color: #ffb238;
}

.cl-2 {
    color: #45b982;
}

.cl-6 {
    color: #ed4b45;
}

.dashboard-icon {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
}

.dashboard-icon img {
    width: 30px;
}

.land-allot h3 {
    color: #999;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    line-height: 23px;
    width: 80%;
}

.land-allot h4 {
    font-size: 60px;
    margin-bottom: 0;
    text-align: right;
    font-family: 'RobotoSlab-Black';
    letter-spacing: 1px;
    font-weight: 600;
}

/* Application status */
.search-result {
    background-color: #2148cf;
    padding: 15px 15px;
    font-size: 13px;
    color: #fff;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
	margin-bottom: 6px;
}

.table thead th {
    color: #000;
    vertical-align: top;
}

.table-bordered td, th {
    border: 1px solid #d0d0d0 !important;
}

.table td, .table th {
    padding: 0.9rem 0.7rem;
    font-size: 13px;
}

.land-table td {
    color: #000;
    /* font-size: 13px; */
	background-color: #fff;
}

.table .action-icon:hover {
    color: #6c757d;
}

.edit {
    width: 15px;
}

.table .action-icon {
    color: #98a6ad;
    font-size: 1.2rem;
    display: inline-block;
    padding: 0 3px;
}

.land-table td a {
    text-decoration: none !important;
    text-transform: uppercase;
}

.table thead th {
    background-color: #2148cf !important;
    color: #fff;
    font-weight: 500;
}

.dashboard-land-allotment-form2 {
	margin-top: 80px;
}

.err-alert {
	width: 80%;
	margin: 10px auto 0;
}

.change-password {
	margin: 100px auto 0;
    background-color: #fff;
    padding: 20px;
	border-radius: 10px;
}

.change-password h3 {
	text-align: center;
	margin-bottom: 20px;
}

.change-password .input-group {
	position: relative;
}

.change-password .toggle {
	background: none;
	border: none;
	color: #337ab7;
	font-weight: 600;
	position: absolute;
	top: 6px;
	right: 20px;
	z-index: 9;
	cursor: pointer;
}

.change-password .toggle:focus {
	border: none;
	outline: none;
}

.fa-eye {
	font-size: 2rem;
}

.btn-bg {
	background-color: #2148cf;
	border: none;
}

.reset-password {
	margin-top: 100px;
}

.reset-password .card-header {
	font-size: 18px;
	text-align: center;
	background-color: #2148cf;
	color: #fff;
}

.shape {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #cccccc;
    margin: 0 auto;
    padding: 3px;
    position: relative;
    z-index: 1;
}

.shape img {
    width: 15px;
}

.check .shape {
    background-color: #45b982;
}

.check-last .shape {
    background-color: #45b982;
}

.status-steps {
    background-color: #f1f1f1;
    float: left;
    width: 100%;
}

.status-steps ul li {
    width: 8%;
    float: left;
    margin-bottom: 0px;
    padding: 20px 0px;
}

.status-steps ul li p {
    font-size: 11px;
    margin-top: 10px;
    font-weight: 600;
}

.status-steps ul li:last-child .zone::before {
    background-color: transparent;
}

.zone {
    text-align: center;
    position: relative;
}

.zone::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #cccccc;
    top: 14px;
}

.zone.check {
    text-align: center;
    position: relative;
}

.zone.check::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #45b982;
    top: 14px;
}

.zone.check-last {
    text-align: center;
    position: relative;
}

.zone.check-last::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #cccccc;
    top: 14px;
}

.redshape .shape {
    background-color: red;
}

.payment-box {
    border: none !important;
    border-radius: 6px !important;
    padding: 30px 15px !important;
    width: 500px;
    margin: 50px auto 0 !important;
    background-color: #fff;
}

.fees-pay-now {
	background-color: #2148cf;
	color: #fff;
	border: none;
	transition: 0.3s;
}

.fees-pay-now:hover {
	background-color: #000;
}

.edit-submit {
	float: right;
}

.chng-pass-btn {
	float: right;
}

.mandast {
	color: red;
	font-size: 14px;
}

/* Responsive start */
@media (max-width:1024px){
	.register .nav-tabs{
		min-width:180px;
	}
}

@media(max-width:992px){
	.register-right{
		border-top-left-radius: 0% 0%;
		border-bottom-left-radius: 0% 0%;
	}
	.register .nav-tabs{
		margin-right:36%;
	}
	.form-header h2 {
		line-height: 40px;
		padding: 0 15px 0 10px;
	}
}

@media (max-width:768px){
	
	.form-header h2{
		line-height:40px;
		padding: 0 25px 0 10px;
	}
	.register .nav-tabs{
		margin-right:33%;
	}
}

@media(max-width:480px){
	.login-header h2 {
		font-size: 20px;
	}
	.form-header h2 {
		line-height: 33px;
	}
	.refresh-img{
		padding-left:40px;
	}
	.register .nav-tabs{
		margin-top:6%;
	}
}

@media(max-width:420px){
	.login-footer h5 {
		font-size: 16px;
	}
	.login-header h2 {
		font-size: 18px;
	}
	.register .nav-tabs {
		margin-right: 26%;
	}
	.form-header h2 {
		line-height: 26px;
	}
}

@media(max-width:375px){
	.form-header h2{
		padding:0 28px 0 0;
		font-size: 18px;
	}
	.refresh-img{
		padding-left:70px;
	}
	.lower-area {
		padding: 20px 8px;
	}
	.register-heading, .former-header h2{
		font-size:20px;
	}
	.login-header h2 {
		font-size: 16px;
	}
	.login-footer h5 {
		font-size: 14px;
	}
}

@media(max-width:320px){
	.form-header h2 {
		padding: 0 73px 0 0;
	}
}

