html, body {
	font-family: "Roboto", sans-serif;
}

@media (min-width: 992px) {
	.container-fluid {
		max-width: 1410px;
	}
}

/* calculated as screen height(100vh) - footer height(283px) - navbar height(49px) */

main {
	min-height: calc(100vh - 135px) !important;
	min-height: 100vh;
}

/* colors ===================================================================================================== */

.bg-blue {
	background-color: #007bff !important;
}

.bg-indigo {
	background-color: #6610f2 !important;
}

.bg-purple {
	background-color: #6f42c1 !important;
}

.bg-magento {
	background-color: #a82682 !important;
}

.bg-pink {
	background-color: #e83e8c !important;
}

.bg-red {
	background-color: #dc3545 !important;
}

.bg-orange {
	background-color: #fd7e14 !important;
}

.bg-yellow {
	background-color: #ffc107 !important;
}

.bg-green {
	background-color: #28a745 !important;
}

.bg-teal {
	background-color: #20c997 !important;
}

.bg-cyan {
	background-color: #17a2b8 !important;
}

.bg-gray {
	background-color: #6c757d !important;
}

.bg-black {
	background-color: #000 !important;
}

.bg-gray-dark {
	background-color: #343a40 !important;
}

.bg-semi-light {
	background-color: #fefefe !important;
}

.bg-dark-alpha-2 {
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-dark-alpha-6 {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.text-blue {
	color: #007bff !important;
}

.text-indigo {
	color: #6610f2 !important;
}

.text-purple {
	color: #6f42c1 !important;
}

.text-magento {
	color: #a82682 !important;
}

.text-pink {
	color: #e83e8c !important;
}

.text-red {
	color: #dc3545 !important;
}

.text-orange {
	color: #fd7e14 !important;
}

.text-yellow {
	color: #ffc107 !important;
}

.text-green {
	color: #28a745 !important;
}

.text-teal {
	color: #20c997 !important;
}

.text-cyan {
	color: #17a2b8 !important;
}

.text-gray {
	color: #6c757d !important;
}

.text-gray-dark {
	color: #343a40 !important;
}

.text-shadow {
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}

.link-unstyled, .link-unstyled:hover {
	text-decoration: none;
}

.btn-span, .btn-span:hover {
	pointer-events: none;
}

label.invalid-input {color: #dc3545; font-size: 90%; margin-bottom: 0; }

/* navbar ===================================================================================================== */

.twt-navbar.twt-navbar-common {
	background: #444;
	transition: 0.5s all;
	min-height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1022;
}

.twt-navbar.twt-navbar-common.fixed {
	box-shadow: 0 1px 15px rgba(30, 30, 30, 0.3);
	/* position: -webkit-sticky; */
	/* position: sticky; */
	background: #444;
	padding: 0 !important;
}

.twt-navbar.twt-navbar-common .navbar-brand span {
	color: #eee;
	font-weight: 900;
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {
	transition: 0.25s all;
	border-radius: 2px;
	/* border-bottom: 1px solid transparent; */
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {
	color: #eee;
	padding: 0.75rem 1.5rem;
	border-bottom: 0;
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.25);
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link {
	color: #000;
}

.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash {
	display: block;
	height: 3px;
	width: 30px;
	background: #fff;
	margin: 6px;
	pointer-events: none;
}

/* .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2){margin-left:10px} */

.twt-navbar.twt-navbar-common .dropdown-menu {
	border: 0;
	border-radius: 2px;
	background: none;
	padding: 0;
	background: #fff;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
	margin-top: 0px !important;
}

.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {
	transition: 0.5s all;
	color: #6c757d !important;
	padding: 0.75rem 1rem;
}

.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {
	background: rgba(0, 0, 0, 0.15);
	color: #000;
}

.twt-navbar.twt-navbar-common .brand-logo-img {
	height: 78px;
}

@media (max-width: 1199px) {
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {
		padding: 0.75rem 1.25rem;
	}
}

@media (max-width: 991px) {
	.navbar-main {
		background: #444;
	}
	.twt-navbar.twt-navbar-common .navbar-brand span {
		color: #fff;
	}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {
		color: #efefef;
	}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover {
		color: #fff;
	}
	.twt-navbar.twt-navbar-common .slide {
		position: fixed;
		z-index: 999;
		top: 0;
		bottom: 0;
		left: 0;
		min-width: 250px;
		width: 300px;
		max-width: 90%;
		background-color: #444;
		transform: translate3d(-100%, 0, 0);
		transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
		border-right: 1px solid transparent;
		overflow-y: auto;
	}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {
		padding: 0.75rem 1rem;
	}
	.twt-navbar.twt-navbar-common .dropdown-menu {
		background: none;
		box-shadow: none;
	}
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {
		color: #fff;
		padding-left: 1.75rem;
	}
	.nav-slide-open .twt-navbar.twt-navbar-common .slide {
		transform: translate3d(0, 0, 0);
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
	}
}

@media (max-width: 575px) {
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {
		white-space: normal;
	}
}

@media (min-width: 992px) {
	.twt-navbar.twt-navbar-common .dropdown-menu.w-200px {
		min-width: 200px;
	}
	.twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu {
		left: auto;
		right: 0;
	}
}

/* for lighter navbars add 'nav-light' class */

.twt-navbar.twt-navbar-common.nav-light .navbar-brand span {
	color: #333;
}

.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash {
	background: #333;
}

@media (min-width: 992px) {
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
		color: #333;
	}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {
		background-color: rgba(0, 0, 0, 0.3);
	}
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{background-color: rgba(0, 0, 0, 0.3);}


.notch-nav .twt-navbar.twt-navbar-common {
	top: 72px;
	left: 20px;
	right: 20px;
	border-radius: 7px;
	transition: 0.25s all;
}

.notch-nav .twt-navbar.twt-navbar-common.fixed {
	top: 0;
	right: 0;
	left: 0;
	border-radius: 0
}

.fallen-nav .twt-navbar.twt-navbar-common {
	top: 72px;
	left: 20px;
	right: 20px;
	transition: 0.25s all;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.fallen-nav.fallen-nav-full .twt-navbar.twt-navbar-common {
	right: 0;
	left: 0;
	border-radius: 0
}

.fallen-nav .twt-navbar.twt-navbar-common.fixed {
	top: 0;
	right: 0;
	left: 0;
	border-radius: 0
}

/* submenu css */

.twt-navbar.twt-navbar-common .dropdown-submenu {
	position: relative;
}

.twt-navbar.twt-navbar-common .dropdown-submenu a:after {
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	border-top: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid;
}

.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

@media (max-width: 991px) {
	.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu {
		padding-left: 1rem;
	}
}

/* submenu css */

/* hamburger on close */

.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash {
	transition: 0.2s all;
}

.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2) {
	opacity: 0;
}

.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1) {
	transform: rotate(45deg) translate(5px, 8px);
}

.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -8px);
}

/* hamburger on close */

/* navbar ===================================================================================================== */

/* footer ===================================================================================================== */

.footer {
	background-color: #172337;
	font-size: 14px;
}

.footer.footer-dark, .footer.footer-dark a {
	color: #aaa;
}

.footer.footer-dark a {
	transition: 0.1s;
}

.footer.footer-dark a:hover {
	padding-left: 2px;
	color: #fff;
}

/* footer ===================================================================================================== */

/* main-banner-slider ===================================================================================================== */

/* dots */

.main-banner-slider.owl-theme .owl-dots {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.main-banner-slider.owl-theme .owl-dots .owl-dot span {
	background-color: var(--primary);
	margin: 5px;
}

.main-banner-slider.owl-theme .owl-dots .owl-dot.active span {
	background-color: var(--warning);
	width: 30px;
}

/* nav (prev-next) */

.main-banner-slider.owl-theme .owl-nav {
	margin: 0;
}

.main-banner-slider.owl-theme .owl-nav .owl-prev, .main-banner-slider.owl-theme .owl-nav .owl-next {
	font-size: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 50px;
	width: 50px;
	line-height: 50px;
	padding: 0;
	margin: 0;
	background: #fff;
	color: #333;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}

.main-banner-slider.owl-theme .owl-nav .owl-prev:hover, .main-banner-slider.owl-theme .owl-nav .owl-next:hover {
	background: #fafafa;
	color: #333;
}

.main-banner-slider.owl-theme .owl-nav .owl-prev {
	left: 0;
}

.main-banner-slider.owl-theme .owl-nav .owl-next {
	right: 0;
}

.main-banner-slider.owl-theme .owl-nav .owl-prev:after, .main-banner-slider.owl-theme .owl-nav .owl-next:after {
	content: "\f104";
	font-size: 2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.main-banner-slider.owl-theme .owl-nav .owl-next:after {
	content: "\f105";
}

/* item */

.main-banner-slider .banner-img {
	object-fit: cover;
	object-position: center;
}

/* main-banner-slider ===================================================================================================== */

/* parallax section ===================================================================================================== */

.parallax-container {
	position: relative;
	width: 100%;
	min-height: 300px;
	height: auto;
	overflow: hidden;
}

.parallax-container .parallax {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}

.parallax-container .parallax img {
	position: absolute;
	left: 50%;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* parallax section ===================================================================================================== */
body{font-family: 'Montserrat', sans-serif;}
.main-listing-table tbody{font-size: 13px;}
.text-areabox {position: relative;margin-bottom: 15px;}
.text-areabox input {position: absolute;left: 0;background-color: transparent;}
.text-areabox label {position: absolute;color: #737373;}
.text-areabox.is-focused label {transform: translateY(-15px) scale(0.8);color: black;left: -5px;transition: transform 150ms, -webkit-transform 150ms;}
.text-areabox{border-bottom: 1px solid #ddd;}
label.error{font-size: 12px; color: red;}
.form-input.filled{color: black;font-size: 13px;}
.is-focused textarea {font-size: 13px;padding-top: 15px;}
textarea:focus{outline: none;}
.floating-select:not([value=""]):valid ~ .star{color: red !important;}
.mandatory-fields .star{color: red;}
.text-areabox.is-focused .form-label{color: #000;}
.text-label-theme{color: #737373 !important;}
.text-areabox.is-focused .star{color: red;;}
/* bg-theme */
.bg-theme{background-color: #0063c1 !important;}
.text-theme{color: #0063c1 !important; border-bottom: transparent !important;}

/* breadcrumb-main-heading */
.breadcrumb-main-heading{font-weight: 500;position: relative;font-size: 16px;}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 900;color: #8c8c8c;padding-left: 10px;}
.custom-breadcrumb .breadcrumb-item-link{color: #8c8c8c;}
.custom-breadcrumb .breadcrumb-item{font-size: 13px;}


@media(max-width:480px){
	.custom-breadcrumb .breadcrumb-item{font-size: 15px;padding-left: 0;}
	.custom-breadcrumb .breadcrumb{display: block;}
}

@media(max-width:320px){
	.custom-breadcrumb .breadcrumb-item{font-size: 13px;}
}
@media(min-width:992px){
	.breadcrumb-main-heading:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);height: 25px;width: 1px;background-color: #bcbdc0;right: -15px;}
}

/* header-css-start */
.twt-navbar.twt-navbar-common .nav-top{background: #14212d;}
.twt-navbar.twt-navbar-common .brand-logo-img{height: 55px;}
.twt-navbar.twt-navbar-common .header-heading{font-size: 26px;color: #F1F6FC;}
.twt-navbar.twt-navbar-common .custom-dropdown-toggle{position: relative;    display: flex;flex-direction: row-reverse;}
.twt-navbar.twt-navbar-common .user-header-icon{height: 50px;width: 50px;background: white;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.twt-navbar.twt-navbar-common .nav-userimage{margin: 0 auto !important;width: 28px;height: 28px;}
.twt-navbar.twt-navbar-common .custom-dropdown-toggle::before{content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;color: #fff;top: 50%;transform: translateY(-50%);position: absolute;right: 60px;}
.twt-navbar.twt-navbar-common .login-admin-icon .custom-dropdown-toggle::before{transform: none;position: inherit;right: 0;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{color: #fff;font-size: 14px;}
.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background: #fff;}
.twt-navbar.twt-navbar-common .slide{background-color: #0063c1;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 0.75rem 0.8rem;}
.twt-navbar.twt-navbar-common .my-account .dropdown-menu-right{background: #fff;border-radius: 10px !important;box-shadow: 2px 4px 4px #d8d6d6;}
.twt-navbar.twt-navbar-common .dropdown-menu-right{right: 25px;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:nth-child(3){ border-top: 1px solid #ddd;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{color: #fff;}
@media(min-width:992px){
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color: #6c757d !important;}
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{border-radius: 10px; background-color: transparent; color: #0063c1 !important;}
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:nth-child(3){padding: 18px;}
	.twt-navbar.twt-navbar-common .dropdown-menu-right{top: 40px;width: 220px;}
}

@media(max-width:480px){
	.twt-navbar.twt-navbar-common .brand-logo-img{height: 35px;}
	.twt-navbar.twt-navbar-common .header-heading{font-size: 16px;}
}
@media(max-width:320px){
	.twt-navbar.twt-navbar-common .header-heading{font-size: 12px;}
	.twt-navbar.twt-navbar-common .brand-logo-img{height: 30px;}
}

@media(max-width:991px){
	.twt-navbar.twt-navbar-common .custom-dropdown-toggle::before{right: 16px;}
}

/* all-screen-commn-inner-section */
.inner-wrapper-common-section{min-height: calc(100vh - 135px);background-color: #f2f5fc;position: relative;}
.inner-wrapper-common-section::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);background-image: url(../images/half-round-white.png);top: 50%;left: 0;right: 0;bottom: 0;background-size: contain; background-repeat: no-repeat;background-position: right;}
@media(max-width:991px){
	.inner-wrapper-common-section{min-height: calc(100vh - 123px);}
}
/*  */

/* main-iiner-card */
.main-inner-card{position: relative;}
.main-inner-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: url(../images/half-round-blud.png);background-repeat: no-repeat;background-size: contain;background-position: left;height: 50px;opacity: 0.1;}
.custom-table-resposnive{font-size: 13px;}

@media(max-width:767px){
	.main-inner-card::before{height: 30px;}
    .custom-table-resposnive tbody .custom-td{font-size: 11px;}
    .custom-table-resposnive tbody .btn-submit{font-size: 11px;}
    .custom-table-resposnive .custom-tr, .custom-tb, .custom-td {width: 100%;display: inline-block;position: relative;}
    .custom-table-resposnive .custom-td:nth-of-type(2):before {display: block;font-style: italic;font-size: 11px;color: gray;content: 'HTML Link';}
    .custom-table-resposnive .custom-td:nth-of-type(5):before {display: block;font-style: italic;font-size: 11px;color: gray;content: 'HTML Link';}
    .custom-table-resposnive .custom-td:nth-of-type(3):before {display: block;font-style: italic;font-size: 11px;color: gray;content: 'PDF';}
    .custom-table-resposnive .custom-td:nth-of-type(6):before {display: block;font-style: italic;font-size: 11px;color: gray;content: 'PDF';}
    .tab-pane .pills-heading {margin-top: 1em;}
    .custom-table-resposnive .custom-tb {display: none;}    
}
@media(max-width:480px){
	.main-inner-card::before{height: 35px;}
}

@media(min-width:768px) and (max-width:1024px){

.main-inner-card::before{height: 35px;}
.tab-pane .pills-heading {margin-top: 0.6em;}

}

/* fomr-coommn */

.control-label{font-size: 14px;font-weight: 500;}
.custom-input{font-size: 14px;}

/* All-listing-css-start */
.main-listing-section .custom-card-header{border-bottom: 2px solid #0063c1;}
.main-listing-section .btn-filter{border-radius: 5px;width: auto;color: #fff;}
.card-header-part{z-index: 99;}
.main-listing-table > thead > tr th{font-size: 14px;color: #484747;}
.action-btn{border-radius: 50%;height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;}

.custom-control.custom-switch span::before{content: ""}
.custom-control-input:checked~.custom-control-label span::before{content: ""}
.admin-user .custom-control.custom-switch span::before{content: ""}
.admin-user .custom-control-input:checked~.custom-control-label span::before{content: ""}

/* update-screen */
.dropdown-main .floating-label {position:relative; margin-bottom:20px; }
.dropdown-main .floating-select, .dropdown-main .floating-select.select2 {position: relative !important;padding: 12px 0px 5px 0 !important;width: 100% !important;outline: 0;border: 0  !important;box-shadow: 0 1px 0 0 #e5e5e5;transition: box-shadow 150ms ease-out;font-size: 13px;}
.dropdown-main .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-12px;font-size:14px;color:#000; font-size: 13px;}
.dropdown-main .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {top:-12px;font-size:14px;color:#000; font-size: 13px;}
.selected-dropdown.dropdown-main .floating-select:focus ~ label , .selected-dropdown.dropdown-main .floating-select:not([value="dcdc"]):valid ~ label {top:-12px;font-size:14px;color:#000; font-size: 13px;}
.btn-cancel{padding: 0.5em 3em;border-radius: 50px;text-transform: uppercase;font-size: 12px;text-decoration: none;}
.dropdown-main .floating-select:focus{font-size: 13px;color: #000;}

/* harsh-css */

/* collaterals-categories */

.add-modal-bdy {background: #0063c1;color: white;}
.add-modal-bdy .close {color: white;}
.add-modal-ftu {border-top: 0px solid #dee2e600;padding-top: 0px;}

/* end */
/* collaterals-sub-categories */
.new-subadd-modal .custom-control-label::before {position: absolute;top: 0.3rem;left: -1rem;}
.new-subadd-modal .sub-modal-radio label {color: #737373;font-size: 14px;padding-top: 4.5px;}
.new-subadd-modal .custom-control-label::after {position: absolute;top: .30rem;left: -1rem;}
.new-subadd-modal .text-areabox label {top: 8px;}
.new-subadd-modal .sub-modal-radio {margin-top: 0.8em; margin-bottom: 0.8em;}
.new-subadd-modal .text-areabox.is-focused label {transform: translateY(-20px) scale(0.8); color: black;}
.set-motadata-img {background: #14212d;min-height: 100vh;display: flex;align-items: center;justify-content: center;}
.motadata-logo-set img {max-width: 230px;border-bottom: 2px solid white;padding-bottom: 0.6em;}
.prat-heading {text-transform: uppercase;text-align: center;color: white;font-size: 25px;padding-top: 5px;}
.motadata-logo-set:after {content: "";width: 80px;height: 160px;top: 28px;right: 5px;position: absolute;display: inline-block;background-image: url(../images/half-round-blud.png);object-fit: fill;background-size: contain;overflow: hidden;left: 0;}
.set-motadata-img::after {content: '';position: absolute;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #14212d;clear: both;right: -41px;top: 50%;transform: rotate(-90deg);z-index: 99;}
.motadata-color {padding: 2em;min-height: 100vh;background: #f0f7fd;}
.body-form-info {background: white;border-radius: 6px;padding: 2em;margin-top: 1em;box-shadow: 0px 0px 4px #dadada;}
.motadata-ftu {justify-content: space-between;}
.motadata-ftu-label label {font-size: 20px;font-weight: bold;color: #0063c1;}
.ftu-link {font-weight: bold;color: #0063c1;text-decoration: none !important;font-size: 18px;}
.rest-pwd-part .reset-pwd-body {background: white;box-shadow: 0px 0px 4px #dadada;border-radius: 6px;}
.reset-bdy-info {box-shadow: none;padding: 0px;}
.new-subadd-modal .set-label0 {color: #737373;margin-right: 22px;}
.custom-radio-btn {margin-bottom: 1.3em;margin-top: 1.3em;}
.new-set-btn {background: #efefef;color: #737373;border: transparent;width: 40px;font-weight: bold;height: 28px;}
.modal-header {padding: 0.6em;padding-left: 20px;}
.form-label-file {color: #737373;}
.overlay-button .btn-group .new-set-btn:first-child{border-radius: 10px 0px 0px 10px; border-right: 2px solid #ccc !important;}
.overlay-button .btn-group .new-set-btn:nth-child(2){border-radius: 0px 10px 10px 0px;}
.overlay-button .btn-group .new-set-btn{height: 33px;display: flex;align-items: center;justify-content: center;}

@media(max-width:420px){
	.overlay-button .btn-group .new-set-btn{height: 28px;width: 40px !important;font-size: 12px;}
}

/* animation-form */
.form-group {position: relative;}
.form-group + .form-group {margin-top: 30px;}
.form-label {position: absolute;left: 0px;top: 10px;color: #737373;background-color: transparent;z-index: 10;transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;transition: transform 150ms ease-out, font-size 150ms ease-out;transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;}
.focused .form-label {-webkit-transform: translateY(-125%);transform: translateY(-125%);font-size: .75em;color: #15212d;}
.focused .form-label span{color: red;}
.form-input {position: relative;padding: 12px 0px 5px 0;width: 100%;outline: 0;border: 0;box-shadow: 0 1px 0 0 #e5e5e5;transition: box-shadow 150ms ease-out;}
.form-input:focus {box-shadow: 0 2px 0 0 #14212d;}
.body-form-info .form-input.filled {font-size: 13px;}
.btn-submit {background: #0063c1;color: white;padding: 0.5em 3em;border-radius: 50px;text-transform: uppercase;font-size: 12px;text-decoration: none;}
.motadata-heading {font-weight: bold;color: #0063c1;font-size: 28px;padding-bottom: 0.2em;border-bottom: 2px solid #373435;}
.motadata-body p {font-size: 12.8px;color: #15212D;line-height: 19px;font-weight: 100;}
.body-form-info .form-group + .form-group {margin-top: 10px;}
.cutm-bg-add {background: white;color: black !important;}
.cutm-bg-add i {color: #151515;}
.floating-form label {position:absolute;pointer-events:none;left:0px;top:10px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-12px;font-size:14px;color:#14212d;}
.main-heading{position: relative;}
.main-heading:before{content: '';position: absolute;top: 50%;background-image: url(../images/half-round-white.png);left: 0;right: 0px;bottom: 0;background-repeat: no-repeat;height: 320px;background-size: contain;background-position: right;transform: translateY(-50%);}
.floating-select:focus ~ label span, .floating-select:not([value=""]):valid ~ label span{color: red;}
.selected-dropdown .floating-select:focus ~ label span, .selected-dropdown .floating-select:not([value="red"]):valid ~ label span{color: red;}

@media(max-width:320px){
	.btn-submit{padding: 0.3em 1.4em;font-size: 12px;}
	.btn-cancel{padding: 0.3em 1.4em;font-size: 12px;}
}
/*  */

/* collaterals-css */

.collaterals-bg {background: #0063c1;color: white;border-radius: 0px 0px 30px 30px;}
.collateral-resource-bdy .toggale-nav-link {display: flex;}
.collateral-resource-bdy .resorce-dropdown.show {position: absolute;will-change: transform;top: 0px;left: 0px;transform: translate3d(-100px, 45px, 0px); border: transparent;border-radius: 0px;background: #fff;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3)}
.collateral-resource-bdy .dropdown-item{color: #007bff;}
.collateral-resource-bdy .dropdown-item:active {background: #fbfbfbfa;}
.collateral-resource-bdy .nav-link{ font-size: 16px;color: gray;font-weight: 500;}
.collaterals-pra {font-size: 12px;}
.collateral-resource-bdy .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #0063c1;background-color: transparent; font-weight: bold;}
.collateral-resource-bdy .custm-table {background: #f8f8f8;color: #0d0d0d;border-radius: 10px;}
.collateral-resource-bdy .custm-table .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(24, 70, 118, 0.33);}
.custm-table tbody td {color: #0063c1;font-size: 15px;padding: 16px 5px 16px 5px;font-weight: 500;}
.custm-table tbody .btn-submit{font-size: 12px;background: #2e9fd9;}
.collaterals-heading {font-size: 20px;margin-bottom: 0;}
.collateral-resource-bdy .dropdown-item.active, .dropdown-item:active{background-color: #ffffff;}
.collateral-resource-bdy .nav-item{position: relative;}
.collateral-resource-bdy .nav-item::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);height: 25px;width: 1px;background-color: #d8d8d8;right: 0px;}
.collateral-resource-bdy .nav-item:last-child::before{width: 0px;}


/* end */
.inner-wrapper-common-section .buttons-sticky{position: fixed;bottom: 0;background-color: white;left: 0;right: 0;padding: 10px;border-top: 1px solid #ddd;box-shadow: 0 1px 15px rgba(30,30,30,0.3);text-align: center;}

/* commn-datetimepiker-css */
.bootstrap-datetimepicker-widget{z-index: 99999;}
.form-control, .form-label, label{font-size: 14px;}
.table-nowrap{white-space: nowrap;}
@media(max-width: 420px){
	.form-control, .form-label, label{font-size: 11px;}
	.thank-heading{font-size: 29px;}
}
/* commn-datetimepiker-css-end */
@media(max-width:991px){
	.fixed-side-nav{position: sticky;top: 106px;z-index: 3;}
}
/*  */
@media(max-width:991px){
	.nots-content {font-size: 12px;}
}
.update-lead-screen .user-img{width: 40px;}
.update-lead-screen .nots-content{font-size: 13px;}
.update-lead-screen .clock-icon{font-size: 16px;}
.update-lead-screen .buttons-add-edit{display: none; transition: 0.5s;}
.update-lead-screen .main-media-body:hover .buttons-add-edit{display: block;transition: 0.5s;}
.new-subadd-modal .new-set-btn:hover {color: white;background: rgb(12, 120, 237);}
.new-subadd-modal .new-set-btn {border-radius: 0px;}
.side-bar-heading{border-bottom: 1px solid #ddd;padding-bottom: 10px;}

@media(max-width:320px){
	.update-lead-screen .nots-content{font-size: 10px;}
}

/* No tag css by Harsh */

.thank-heading {font-weight: bold;color: #2d9ed8;border-bottom: 2px solid;line-height: 60px;margin-bottom: 0.3em;}
.thank-pra { font-size: 14px;}

/* end */

/* custom-radio-css */

.radio-boxes .radio-box { position: relative;}
.radio-boxes .radio-box:not(:last-child) { padding-right: 3px; }
.radio-boxes .radio-box input[type="radio"] { opacity: 0; position: absolute; top: 0; left: 0; }
.radio-boxes .radio-box .form-check { padding-left: 0; }
.radio-boxes .radio-box .form-check-label { display: block; background: #fff; padding: 8px 12px; border-radius: 4px; cursor: pointer; border: 1px solid #ddd; text-align: center; font-weight: bold; transition: 0.25s all; }
@media (max-width:575px) {
	.radio-boxes .radio-box .form-check-label { font-size: 80%; }
}
.radio-boxes .radio-box input[type="radio"]:focus ~ .form-check-label,
.radio-boxes .radio-box .form-check-label:hover { border-color: #0063c1; color: #0063c1; }
.radio-boxes .radio-box input[type="radio"]:checked ~ .form-check-label {border-color: #0063c1;background-color: #0063c1;color: #fff !important;}

/* custom-radio-css */
/*  */

@media(min-width:992px){
	.bg-lg-light{background-color: #f8f9fa!important;}
	.collateral-resource-bdy .resorce-dropdown.show{z-index: 9999;}
}

.card-header-z-index{z-index:1;}
.bg-black-theme{background-color: #14212d;border-color: #14212d;}
.star{color: red;}
.form-label .star{color: #737373;}
.collateral-resource-bdy .nav-link.active{background: #0063c1; color: #fff;}
.collaterals-nav-tab{border-right: 5px solid #0063c1 !important;border-left: 5px solid #0063c1 !important;}

.collaterals-resource-data .side-bar{border: 1px solid #0063c1;border-radius: 10px 10px 40px 40px;}
.collateral-resource-bdy .nav-link{font-weight: 300;color: #000;}
.fixed-side-nav .nav-link{border-bottom: 1px solid #ddd;}
.fixed-side-nav .nav-link:last-child{border-bottom: 0;}
/* commn-js */
.table{min-width: 100% !important; width: 100% !important;}
.collateral-resource-bdy .btn-click-here{font-size: 13px;background: #0063c1;color: #fff;border-radius: 20px;height: 30px;}
.table-break{word-break: break-all;}
@media(min-width:1440px){
	.container-fluid{max-width:100% !important}
}

/* commn-class */
.custom-card-header{z-index: 1;}
.main-inner-card::before{z-index: -1;}
.last-update-text{font-size: 13px;color: #6c757d;}
/* commn-class */
.thankyou-login-link {padding: 10px;margin: 5px;background-color: #2d9ed8;color: #fff !important;border-radius: 5px;}
.close-new-add{background-color: transparent;}
.lead-status-col{min-width: 150px;}

@media(max-width:991px){
	.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color: #fff !important;}
	.twt-navbar.twt-navbar-common .dropdown-menu.mobile-dropdown-menu .dropdown-item{color: #000 !important;}
}
.my-account .back-btn{color: #fff;}
.no-recoard-found-text{font-size: 28px;}
.no-recoad-bg{border: 1px solid #ddd;border-radius: 5px;padding: 15px;}
@media(max-width:575px){
	.no-recoard-found-text{font-size: 42px;}
}
.company-serach-design{border: 1px solid #ddd;padding: 7px 10px;border-radius: 5px;}
.ajs-message.ajs-success.ajs-visible{color: #fff;}
.ajs-message.ajs-error.ajs-visible{color: #fff;}

.new-set-btn.active{background: #0063c1;color: #fff;}
.overlay-button .update-btn-custom{width: 60px;height: 33px;display: flex !important;align-items: center;justify-content: center;}

.body-form-info.my-profile-page .form-input.filled {font-size: 16px;}
.body-form-info.my-profile-page .form-input {margin-top: 5px;}
.body-form-info.my-profile-page .form-input {margin-bottom: 10px;}
.body-form-info.my-profile-page input:read-only {background-color: #f5f5f5;}

/*  */
.role-text{color: #d0d0d0; padding-right: 3px;}
.add-nomination-table{font-size: 13px;}

/* nominatuion-design */
.overlay-sr-no{background: #0063c1;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 5px 5px 5px 5px;}
.sr-number{margin-right: 30px;}
.custom-control-input:checked~.custom-control-label::before{border-color: #0063c1;background-color: #0063c1;}
.overlay-icon-close{position: absolute;right: 10px;top: 10px;}
@media(min-width:992px){
	.nomination-listing{display: flex;flex-direction: row;}
}


/* dashboard-css */
.dashboard-carousel-image{width: 100%;margin-bottom: 15px;}
.dashboard-page .carousel-control-prev, .dashboard-page .carousel-control-next{display: none;}
.sr-col{width: 70px; text-align: center;}
.dashboard-table{vertical-align: top; font-size: 13px;}
.dashboard-table.table-bordered thead td, .dashboard-table.table-bordered thead th{vertical-align: middle;}
.dashboard-table-heading{font-size: 14px;}
.card-table{font-size: 12px;}
.dashboard-cards .dataTables_wrapper{    height: 280px !important;}

.remove-row-button {height: 24px;width: 24px;padding: 0;border-radius: 50%;position: absolute;right: -10px;top: -10px;z-index: 1;}
.lead-label{font-size: 14px;}
@media(min-width: 992px){
	.dashboard-page .company-select ~ .select2 {min-width: 200px;}
	.dashboard-header-custom .breadcrumb-main-heading:after{background-color: transparent;content: '';}
}
.theme-font-color{
	color : #0063c1;
}

.inner-wrapper-common-section .buttons-sticky{z-index: 2;}
.main-listing-section .overlay-sticky{margin-bottom: 40px;}
#course-track-table .icon-custom-font{font-size: 27px;}

.export-excel-button-custom .buttons-excel{background: #0063c1;border: 1px solid #0063c1;color: #fff;padding: 3px 10px;border-radius: 5px;}
.btn-excel{background: #0063c1;border: 1px solid #0063c1;color: #fff;padding: 3px 10px;border-radius: 5px;}
.export-excel-button-custom .dataTables_filter{display: inline-block;float: right;}
.export-excel-button-custom .dt-buttons{display: inline-block; margin-bottom: 10px;}

/* pills-heading */
.pills-heading{font-size: 18px;}

/* notification */

.custom-notification-design{background: transparent;width: 100%;height: 60px;padding: 0 25px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.custom-notification-design .navbar_right .notifications .icon_wrap{font-size: 28px; position: relative;}
.custom-notification-design .navbar_right .profile,
.custom-notification-design .navbar_right .notifications{position: relative;}
.custom-notification-design .profile .profile_dd,
.notification_dd{position: absolute;top: 86px;right: 0px;user-select: none;background: #fff;overflow-y: scroll;border: 1px solid #c7d8e2;width: 400px;max-height: 400px;display: none;border-radius: 3px;box-shadow: 10px 10px 35px rgba(0,0,0,0.125),-10px -10px 35px rgba(0,0,0,0.125);}
.custom-notification-design .profile .profile_dd:before,
.notification_dd:before{content: "";position: absolute;top: -20px;right: auto;border: 10px solid;border-color: transparent transparent #fff transparent;left: 43%;}
.custom-notification-design .notifications.active .notification_dd{opacity: 1; transition: 0.5s; display: block;}
.popup {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.2s ease;display: none;}
.popup .shadow {width: 100%;height: 100%;background: #000;opacity: 0.6;}
.popup .inner_popup {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: auto;}
.popup .notification_dd{display: block;position: static;margin: 0 auto;height: 357px;overflow: auto;}
.popup .notification_dd:before{display: none;}
.popup .notification_dd li.title .close{position: absolute;top: 2px;right: 10px;font-size: 20px;cursor: pointer;}
.notifications.active .notification_dd{position: fixed;}
.notification-icons{width: 45px;height: 45px;object-fit: contain;border-radius: 50%;background: #f5f5f5;padding: 5px;}
.notifications-content{font-size: 13px; color: #262626;}
.overlay-mark-as-read{position: fixed;z-index: 999999;left: 0px;top: 86px;bottom: auto;right: 10px;width: 390px;margin-left: auto;}
.notification-heading{font-size: 13px;}
.overlay-notification-count{position: absolute;font-size: 12px;background: #0063c1;display: flex;align-items: center;justify-content: center;color: #fff;top: -10px;font-weight: bold;right: -10px;padding: .25em .4em;padding-right: .6em;padding-left: .6em;border-radius: 10rem;}
.notifications.active .icon_wrap::before{content: "";position: absolute;top: 43px;right: auto;border: 10px solid;border-color: transparent transparent #fff transparent;left: 18%;}

/* scroll bar */
::-webkit-scrollbar {
	width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #555; 
  }


  .tab-section .nav-pills .nav-link.active, .tab-section .nav-pills .show>.nav-link{background-color: #0063c1;}
  .tab-section .nav-link{color: #0063c1;}

/* select1-2 height css start */
.select2-container--default .select2-selection--single{height: 35px !important;min-height: calc(1.5em + 0.55rem + 2px) !important;}
.select2-container--default .select2-selection .select2-selection__rendered{line-height: 1.2;font-size: 14px;color: #6c757d;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{top: 45%;}

@media(max-width:767px){
	.custom-notification-design .profile .profile_dd, .notification_dd{width: 98%;max-height: 100%;top: 60px;}
	.notifications.active .notification_dd{z-index: 99;}
	.overlay-mark-as-read{width: 94%;}
	.notifications.active .icon_wrap::before{top: 27px;}
	.overlay-mark-as-read{top: 60px;}
	.tab-section .nav-link{color: #0063c1;}
	}
  @media(min-width: 992px){
  	.dataTables_filter input { width: 530px! important; }
  }
  @media(min-width:992px){
	  .export-excel-button-custom .dataTables_filter{width: 35%;margin-right: 50px;}
	  .export-excel-button-custom div.dataTables_wrapper div.dataTables_filter input{width: 100% !important;}
  }

  .link-to-various-department{font-size: 13px;}
  .custom-flex-direction{flex-direction: column;}

/* select-month-dropdown */
.select-month-dropdown{margin: 0px 20px;width: 55%;}
@media(max-width:767px){
	.mobile-flex-direction{flex-direction: column;}
	.select-month-dropdown{margin: 0px 20px;width: 100%; margin-top: 10px;}
}
.show-vertical-center{display: flex;align-items: center;justify-content: center;}
.counting{height: 30px;width: 30px;background-color: rgba(0, 100, 194, 0.2) !important;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #0063c1;font-weight: 700;}
.sup-tag{padding: 2px 4px;font-size: 10px;font-weight:bold;border-radius: 10px;color: #fff;display: inline-block;top: 5px;right: 10px;}
.custom-td{position: relative;}
.custom-table-resposnive  td{vertical-align: middle;}
.marquee-area{display: flex;}


.blinking-background {
    animation: blinking 1.5s infinite;
}
@keyframes blinking{
0%{background-color:#0063c1;}
50.0%{background-color:red;}
100.0%{background-color:#0063c1;}
}


.table-custom-checkbox-design .custom-padding-checkbox, .table-custom-checkbox-design .custom-control {padding-left: 2rem;}
button:focus{outline:none !important;}
.flexible-line{display: flex;}
.date-side{width:10% !important;}


.twt-large-modal.modal-dialog{
    max-width: 1250px;
}

.lead-footer .action-btn{margin: 5px auto !important;}

.button-count{padding: 0.1rem 0.5rem;font-size: 13px;}
.dashboard-page .page-link{padding: 0.4rem 0.75rem;font-size: 13px;}
.dashboard-page .dataTables_info{padding-top: 5px !important;font-size: 14px;}
.dashboard-page {font-size: 14px;}

.modal-body-height{height: 450px;overflow-y: auto;}