@charset "utf-8";
/* CSS Document */

 @import url('https://site-assets.fontawesome.com/releases/v6.3.0/css/all.css');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Nunito:ital,wght@0,600;0,700;0,800;1,200;1,300;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:wght@300;400;500;600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,700;0,800;1,100;1,200;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,400;1,100;1,300;1,400&display=swap');
:root {
 --brand-color-black:#000000;
--brand-color-white:#ffffff;
--brand-color-lightgray:#d0cece;
--brand-color-deepblue:#00041a;
--brand-color-offwhite:#55595d;
--brand-color-blue:#184eba;
--brand-color-red:#f52f4b;
}
body {
	font-family: 'Montserrat', sans-serif;
	color: var(--brand-color-black);
	background-color:  var(--brand-color-lightblue);
	overflow-x: hidden;
	line-height: 1.5;
	margin:0;
}
h1, h2, h3 {
	font-size:2rem;
}
ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul {
	padding:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
/*login-form-design*/
.login-form {
	width: 100%;
	margin: 0 auto;
	padding:15px 0 15px 0;
	height:100vh;
	background:url(../images/bg.jpg) repeat center center;
}
.wrapper h3 {
	font-weight: 600;
	color:var(--brand-color-blue);
}
.form-input {
	width: 500px!important;
	background: var(--brand-color-white);
	overflow: hidden;
	padding: 85px 40px 85px 40px;
	box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	border:1px solid #f3f3f3;

}

@media (max-width: 767px) {
	.form-input{ width:auto!important;}
	
	}


.logo {
	width:100%;
	top:0%;
	padding:10px 0 10px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#233db2+0,1e1677+99 */
}
.btn-success {
	font-weight: 600;
	color:var(--brand-color-black);
	background:#ccc;
}

a.btn.btn-success.btn-success-href{

}

@media (max-width: 375px) {
	a.btn.btn-success.btn-success-href{ font-size:12px !important; margin-bottom:10px !important}
	}



input.input100 {
	width: 100%;
	height: 40px;
	margin-bottom: 2rem;
	border:1px solid var(--brand-color-lightgray);
	padding:10px;
}
.login-btn input {
	width:100%;
	border:none;
	font-weight:600;
	cursor:pointer;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4096ee+0,4096ee+100;Blue+Flat+%232 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#233db2+0,1e1677+99 */
background: #233db2; /* Old browsers */
	background: -moz-linear-gradient(top, #233db2 0%, #1e1677 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #233db2 0%, #1e1677 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #233db2 0%, #1e1677 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233db2', endColorstr='#1e1677', GradientType=0 ); /* IE6-9 */
	left: -100%;
	height:50px;
	border-radius:50px;
	color:var(--brand-color-white);
}
.login-btn input:hover {
	background: var(--brand-color-black);
}
/*login-form-design*/
.wrapper {
	width: 100%;
}
nav.navbar.navbar-expand-lg.navbar-light {
	background: var(--brand-color-deepblue);
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
	padding:0 0 0 10px;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--brand-color-white);
}
#sidebar {
	min-width: 300px;
	max-width: 300px;
	background:var(--brand-color-deepblue);
	color:var(--brand-color-white);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
	border-right:5px solid var(--brand-color-gray);
	border-radius: unset;
}
 .profile .dropdown-toggle::after {
position:relative;
bottom:-4px;
}
.profile .dropdown.show {
	display:inline-block;
}
.dropdown-menu.show {
	display: block;
	margin: 7px 0 0 -144px;
}
.dashboard ::before {
 color: var(--brand-color-blue);
 background: var(--brand-color-lightblue);
margin:0 10px 0 0;
}
#sidebar ul li > ul li:hover {
	color:var(--brand-color-red);
}
.dropdown.col-1 {
	float: right;
	max-width: initial;
}
.profile.col-2 .dashboard .card-icon {
	font-size: 25px;
	line-height: 0;
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	flex-grow: 0;
	color: var(--brand-color-red);
	background: var(--brand-color-lightblue);
	margin:0 10px 0 0;
}
.dashboard .info-card h6 {
	font-size: 22px;
	color: var(--brand-color-deepblue);
	font-weight: 700;
	margin: 0;
	padding: 0;
}
.card-title {
	font-size: 18px;
	font-weight: 500;
	color: var(--brand-color-deepblue);
	margin-bottom:0 !important;
}
.card-title span {
	color: var(--brand-color-offwhite);
	font-size: 14px;
	font-weight: 400;
}
.breadcrumb .breadcrumb-item::before {
 color: #899bbd;
}
.fw-bold {
	font-weight: 700!important;
}
#sidebar.active {
	margin-left: -300px;
}
#sidebar .logo {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
#sidebar .logo span {
	display: block;
}
#sidebar ul.components {
	padding: 0;
}
#sidebar ul li {
	font-size: 16px;
}
#sidebar ul li > ul.submenu {
	/* margin-left: 10px; */
	padding-left: 0px;
}
#sidebar ul li > ul.submenu li {
	font-size: 14px;
}
#sidebar ul li > ul.submenu li a.nav-link {
	padding-left: 2rem;
}
#sidebar ul li a {
	padding: 13px 0;
	display: block;
	color:var(--brand-color-white);
	border-bottom:1px solid #020f55;
	font-size:15px;
	line-height:26px;
	text-decoration: none;
}
#sidebar ul li:hover > a {
	
	background:var(--brand-color-blue);
}
#sidebar ul li:hover ::before{ color:var(--brand-color-white); margin:0 10px 0 10px;}
#sidebar ul li a:hover{text-decoration:none !important;}
#sidebar ::before {
	margin:0 10px 0 0;
	color:#184eba;
	transition: all 0.2s;
}
#sidebar ul li.active > a {
	background: var(--brand-color-blue);
	color:var(--brand-color-white) !important;
	padding: 7px 0 10px 0;
	line-height: 36px;
}
#sidebar ul li.active ::before {
	color:var(--brand-color-white) !important;
	margin:0 10px 0 10px;
}
#sidebar ul li.active > a:hover {
	background:var(--brand-color-blue);
}




.container-fluid {
	padding:0 !important;
}
.btn-success-custom {
	background-color: var(--brand-color-blue) !important;
	padding: 10px 80px !important;
	color: #fff !important;
    font-size: 18px !important;
}


@media (max-width: 512px) {
	.btn-success-custom{width: 100%; margin-bottom: 10px;}	
}
.form-submission {
	background: var(--brand-color-white);
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
	padding:30px 10px 30px 10px; 
	border-radius:10px;
}
@media (max-width: 512px) {		
	.form-submission .col-md-6{ padding:0}
}

.pagetitle {
    margin: 0 0 0 11px;
}
button#dropdownMenuButton {
	background: none !important;
	border: none !important;
	color:  var(--brand-color-white);
}
.p-button-holder{
 margin: 0;
}

@media (max-width: 512px) {
	p.p-button-holder{ margin:20px 0 0 0 !important; padding:0;}
	}

.profile {
	text-align:right;
	margin:0 0 0 -40px;
}
img.profile {
	width: 30px;
	border-radius: 50%;
}
.profile .dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 0.25rem;
	width: 300px;

}

@media (max-width: 767px) {
	.profile .dropdown-menu { width:auto;}
	 
	 }
.btn.btn-primary:hover, .btn.btn-primary:focus {
	border:none !important;
}
button#sidebarCollapse {
	text-align: left;
	flex-basis: 0;
}
@media (max-width: 414px) {
	button#sidebarCollapse{ padding:5px 15px 5px 8px}
}

img.logo {
	width: 20%;
	text-align: left;
	margin: 0 20px;
}

@media (max-width: 767px) {
	img.logo { width:60%;}
	 
	 }

.logo.col-1 {
	padding: 0;
	flex: 0 0 3.333333%;
}
.profile.col-2 button#dropdownMenuButton {
	margin:0 0 0 43%;
}
.profile.col-2 .dropdown-menu {
	left: -39%;
}
@media (max-width: 1180px) {
	.profile.col-2 .dropdown-menu{
	left: -116%;}
	.profile{ text-align: right;}
	}
	

@media (max-width: 1024px) {
	.profile.col-2 .dropdown-menu {
		left: -120%;
	}
}

@media (max-width: 912px) {
	.profile.col-2 .dropdown-menu{
	left: -153%;}
	}
	@media (max-width: 820px) {
		.profile.col-2 .dropdown-menu{
		left: -193%;}
	.profile{ text-align: center;}
	}


	@media (max-width: 767px) {
		.profile.col-2 .dropdown-menu{
		left: -416%;}
		.profile{ text-align:right;}
		}
.dashboard .card-icon {
	color:  var(--brand-color-red);
	background: #f6f6fe;
}
.dashboard .card-icon {
	font-size: 25px;
	line-height: 0;
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	flex-grow: 0;
}
#content {
	width: 100%;
	padding: 0;
	min-height: 100vh;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background:url(../images/bg.jpg) center center;;
}
.btn.btn-primary {
	background: none;
	border-color: #fff !important;
	color:var(--brand-color-white);
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
	background: var(--brand-color-blue) !important;
	border-color: var(--brand-color-blue) !important;
}

td{ text-align:center;}
.col-md-6.mb-3.marked{ color:var(--brand-color-red);}
.rendering input{display: inline-block;
    display: inline-block;
    float: left;
    position: relative;
    top: 6px;
    margin: 0 10px 0 0px;}
	
.rendering img{ height:300px; background-size:cover; objrct-fit:cover; width:100%;}	
.underline{ border-bottom:1px solid #CCCCCC; line-height:60px;}
.underline-double{ border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; line-height:60px;}
input.file-input.form-control {
    height: 44px;
}

.rendering img {
    min-height: 332px;
    object-fit: contain;
    object-position: top;
}

/* .rendering{ margin-bottom:30px;} */

 @media (max-width: 991.98px) {
 #sidebar {
 margin-left: -300px;
}
 #sidebar.active {
 margin-left: 0;
}
}
a[data-toggle="collapse"] {
	position: relative;
}
 .dropdown-toggle::after {
 display: block;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
 @media (max-width: 991.98px) {
 #sidebarCollapse span {
 display: none;
}
}

.form-check-input[type=radio] {
    border-radius: 50%;
    position: relative;
    margin-top: 5px;
}

#FileUploadSuccess li {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 10px;
	font-weight: 600;
	word-wrap: break-word;
}

.btn-green-custom {
	color: green;
	font-weight: 600;
}
.btn-yellow-custom {
	color: #ffc107;
	font-weight: 600;
}
.sidebar-block {
	display: block;
}
.sidebar-none {
	display: none;
}

label.cursor.pointer {
	cursor: pointer !important;
}
#toast-container > .toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
	background-color: #999999;
}
#toast-container > .toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
	background-color: #BD362F;
}
#toast-container > .toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
	background-color: #51A351;
}
#toast-container > .toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
	background-color: #F89406;
}


.bg-custom-lgreen {
	background-color: #92d050;
}
.cursor-pointer {
	cursor: pointer;
}