/* YOUR CUSTOM CSS */

p {
	margin-bottom: 0px;
}
.logo {
	width: 50%;
	filter: brightness(0) invert(1);
}
.welcome {
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.blurbackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* Reduced alpha value for less blurriness */
    backdrop-filter: blur(4px); /* Reduced blur radius */
    z-index: 999; /* Ensure it's on top of other content */
    display: none; /* Initially hidden */
}
.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Ensure it's above the blur background */
    display: none; /* Initially hidden */
    background: rgba(255, 255, 255, 0.8) url("../img/loader.gif") no-repeat center center; /* Loader image */
    width: 100px; /* Adjust width and height based on your loader image */
    height: 100px;
    border-radius: 50%; /* Optional: Apply border-radius for a circular loader */
}
.loginscreen {
	background: linear-gradient(-135deg, #c850c0, #4158d0);
	min-height: 100vh;
	/* overflow-y: hidden; */
}
.panel-default>.panel-heading {
	margin: 40% 0 5% 0;
}
.form-control {
	height: calc(2.68rem + 2px);
}
.btn_1 {
	border: none;
	color: #fff;
	background: #e74e84;
	cursor: pointer;
	padding: 7px 20px;
	display: inline-block;
	outline: 0;
	font-size: 16px;
 	font-size: .875rem;
	transition: all .3s ease-in-out;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;
	font-weight: 500;
}
.btn_1.full-width {
	display: block;
	text-align: center;
	padding: 12px 45px;
	font-size: 16px;
	width: 100%
}
.btn_1:hover {
	background: #74d1c6
}
.btn_1.outline {
	background: 0 0;
	border: 2px solid #e74e84;
	color: #e74e84
}
.btn_1.outline:hover {
	background: #e74e84;
	color: #fff
}
span>.btn.btn-info {
	margin-bottom: 0 !important;
}
/* span.buttonText {
	line-height: 2 !important;
} */
.swal-button--danger {
	background-color: #17a2b8;
}
.h-40 {
	height: 36% !important;
}
.h-44 {
	height: 44px !important;
}
.h-85 {
	height: 77% !important;
}
.width46per {
	width: 46%;
}
.width65per {
	width: 65%;
}
.width70per {
	width: 70%;
}
.width81per {
	width: 81%;
}
.width82per {
	width: 82%;
}
.width83per {
	width: 83%;
}
.width86per {
	width: 86%;
}
.width87per {
	width: 87%;
}
.width88per {
	width: 88%;
}
.width100px {	
	width: 100px;	
}
.resizenone {
	resize: none;
}
.cursorpointer {
	cursor: pointer;
}
.display-none {
	display: none;
}
.img-preview {
	display: block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.img20px {
    height: 20px;
    width: 20px;
}
.required {
	color: #F00;
}
.loginuser {
	color: #fff !important;
    font-weight: bold;
}
.textalignright {
	text-align: right;
}
.marginleft3px {
	margin-left: 3px;
}
.marginleft10px {
	margin-left: 10px;
}
.marginleft15px {
	margin-left: 15px;
}
.marginleft20px {
	margin-left: 20px;
}
.marginright10px {
	margin-right: 10px;
}
.marginbottom10px {
	margin-bottom: 10px;
}
.marginbottom40px {
	margin-bottom: 40px;
}
.margintop5px {
	margin-top: 5px;
}
.margintop13px {
	margin-top: 13px;
}
.margintop16px {
	margin-top: 16px;
}
.margintop20px {
	margin-top: 20px;
}
.margintop25px {
	margin-top: 25px;
}
.margintop28px {
	margin-top: 28px;
}
.margintop30px {
	margin-top: 30px;
}
.margintop35px {
	margin-top: 35px;
}
.margintop40px {
	margin-top: 40px;
}
.customlabel{
    font-weight: 500;
    color: #333;
}
.trcellred {
	color: #fff;
	background-color: #dc3545;
}
.trcellblue {
	color: #fff;
	background-color: #06F;
}
.error {
	color: #F00;
}
/* .bootstrap-filestyle {
	height: 38px;
} */
.select2-container {
	width: 100% !important;
}
.select2-container .select2-selection--single {
	height: 43px;
}
.select2-container .select2-selection--multiple {
	min-height: 44px;
}
.select2-search__field {
	width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #495057;
}
.approved-shipment{
	background-color: #ffff99;
}
.table-responsive-leads{
	display: block;
    width: 100%;
}