@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{
	font-family: "Poppins", sans-serif;
	    font-size: 15px;
		background-color: #f8f8f8;
}
.formnav{
	background-color: #22223e;box-shadow: 0 0 20px rgb(89 102 122 / 10%);
}
.navbar-expand-lg .navbar-brand img {
    height: 1.75rem;
}
.navbar-light .navbar-brand {
    color: rgba(0, 138, 255, 0.9);
}
.col-form-label{
	font-weight: 500;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0.0375rem;
    padding-bottom: 0.0375rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}.main-product-grid {
    background: var(--white);
    padding: 0px 0 20px 0px;
    border-radius: 10px 10px 0 0;
	border:none
}
.form-control{
	height:3rem
}
.form-control::placeholder{
	font-size: 14px;
	color:#929292
}.int-search-btn input {
    width: 100%;
    height: 50px;
    padding: 0 60px 0 20px;
    background-color: #f6f6f6;
    border: none;
    border-radius: 5px 0px 0px 5px;
}.input-group-append {
    position: absolute;
    top: 0;
    right: 0;
}.ad-user-btn svg {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    fill: #fff;
}
.ad-user-btn input {
	height:3.1rem;
    padding: 0 40px 0px 20px;
	background-color: #f8f8f8;
}.ad-user-btn {
    margin-right: 3px;
}
.ad-user-btn {
    position: relative}
.input-group-append {
    margin-left: -1px;
}.int-search-btn button {
    background-color: var(--primary);
    color: var(--white);
    border: none;
    padding: 0 15px;
    border-radius: 0px 5px 5px 0px;
    transition: 0.3s all;
    height: 50px;
}.ad-btn, .ad-btn:focus {
    min-width: 100px;
	width: 100%;
    padding: 0 20px;
    height: 48px;
	    border-radius: 30px;
    line-height: 48px;
    display: inline-block;
    word-break: break-word;
    text-align: center;
    color: var(--white) !important;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;

    background: var(--primary);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
    width:99.85% !important;
}
.fs-1{
	font-size: 18px;

}
.personal-search{
	margin-top: 2.2rem;
}
.choose-calendar{
	position: relative;
}
.choose-calendar i
{
	position: absolute;top:3.3rem;
	right:1rem;
	color:#666
}
.viewdetails{
	border:none;
	padding:10px 10px;
	font-size: 13px;
	color:#Fff!important;
	font-weight:normal;
}
.viewdetails:hover{
	background-color: #0062cc;
}

.detatables_wrappers{
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	    scrollbar-color: #6969dd #e0e0e0;
	    scrollbar-width: thin;
}
::-webkit-scrollbar {
   width: 5px;
	height:5px
}
::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: #6969dd;
}
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;    box-sizing: content-box;
}
.badge-success{
	background-color: #8ac28e;
	border:1px solid #94c66b
}
body .table td, body .table th {
    border-color: #f4f4f5;
	font-size: 14px;
	text-align: center;
    vertical-align: middle;
}
.dataTables_wrapper table.dataTable {
    border: 1px solid #efefef;
}.dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td {
    border-bottom: 1px solid var(--border-color);
}.dataTables_wrapper table.dataTable th, .dataTables_wrapper table.dataTable td {
    padding: 0.72rem 0.3rem; 
}table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(206 235 254 / 14%);
}.dataTables_wrapper table.dataTable td {
    color: var(--muted);
}table.dataTable tbody tr {
    background-color: #ffffff;
}.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 20px;color: #333;
}
.dataTables_wrapper .dataTables_paginate {
    margin-left: 15px;
    padding-top: 20px;
	    float: right;
	    text-align: right;
}.disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}.dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button:active, 
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button:active:hover {
    background: #11a1fd !important;
    color: var(--white) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}div.dataTables_wrapper div.dataTables_paginate a {
    margin: 0 3px !important;
    border: 1px solid #efefef!important;
}
.form-control{
	border:1px solid #eee
}
.avatarbox span{
	vertical-align: middle;
}
.ad-user-btn{
	margin-right: 0;
}
.avatarbox span em{
	font-style: normal;
	color:#0041a5
}
.bg-gray{
	height:100vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.1);
}
#showtoast{
	position: absolute;
	top:5rem;
	left:33%;
	z-index:99999
}

.myaccount-content form {
    background: transparent;
    position: relative;
}
 .main-product-grid{
	 border-radius: 30px;
 }
.choose-avatar {
    font-size: 12px;
    background: #fff!important;
    padding: 5px 20px;
    outline: none;
    outline-style: none;
    border-radius: 30px;
    border: 1px solid var(--success);
    color: var(--success)!important;
    position: relative;
	width: 100%;
	height: 2.5rem;
	
}
.choose-avatar+span {
    position: absolute;
    color: var(--success);
    left:30%;
    font-size: 15px;
    top: 0.5rem;
	z-index: 0;
}

   .file {
            width: 100%;
            height: 40px;
			line-height: 28px;
            background-color: blue;
            overflow: hidden;
			text-align: center;
			font-size: 14px;
        }

        .file:hover {
            background-color: red;
        }

        .file:active {
            background-color: purple;
        }

        .file input {
            width: 0;
            height: 0;
            font-size: 0;
            visibility: hidden;
        }
.showFileName1{
	color:#e81a41;
	margin-top: 10px;
}
.btn-warning{
	color:#fff
}
@media (min-width:1200px){
	.detatables_wrappers{
		  scrollbar-width: none
	}
}
.ad-user-btn button{
	right:0.2rem;
	top:0.2rem;
	height:2.8rem;
	width: 100%;
	color:#fff
}
optgroup{
	font-style: normal;s
}
@media (max-width:1400px){
		#showtoast{
			left:28%;
		}
}
@media (max-width:990px){
	.personal-search{
		margin-top: 1rem;
	}
	.fs-1{
		font-size: 16px;
	}
	.file{
		padding-left:38%
	}
}
@media (max-width:760px){
	#showtoast{
		left:15%;
	}
}
@media (max-width:680px){
	.file{
		padding-left:35%
	}
	.card-body{
		padding:1rem 0rem
	}
	.avatarbox{
		margin:1rem 0
	}
	.choosebtn .col-6{
		padding:2px
	}
	.choosebtn .col-6 .ad-btn{
		padding:0 5px;
		font-size: 12px;
	}
	#showtoast{
		left:5%;
		width: 90%;
	}
}