/* Basic CSS */

body {
	
	background-color: #f6f6f7;
	/* background-color: #f4f7f6; */
}

.profiledropdown {
	
	min-width: 18rem;	
	border-radius: .25rem;
}

.top-menu .profiledropdown{
	border-radius:9px
}

.firstdropitem:hover {
    pointer-events: none;
    background-color: initial;
    color: initial;
}

.user-pic i {
	font-size: 35px;
	height: 35px;
	color:green;
}

.teamlbl {
	font-weight: bold;
	color: #2962ff;
}
 .top-menu .message-box .dropdown-menu {
	border-radius: 8px;
}

.auth-box {
	/* background: linear-gradient(to bottom, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); */
	background: transparent;
	border-radius: 54px;
	box-shadow:none;
}


form label {
	font-weight: normal;
	text-transform: capitalize;
	color: #676a6c;
}

.card-label{
	text-transform:uppercase;
	color:#2962ff
}

#addressReset,#contactReset {
	display: inline-block;
	margin-bottom: 1rem;
}

.navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #333; /* Adjust as needed */
}

.navbar-center-text {
    font-weight: bold;
    font-size: .8rem; /* Adjust font size as needed */
}

.profile-placeholder {
    width: 30px;
    height: 30px;
    background: linear-gradient(to bottom,  #93cede 0%,#75bdd1 41%,#49a5bf 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    font-weight: 600
}

.drop-profile-placeholder {
	width: 23px;
	height: 25px;
	background: linear-gradient(to bottom, #93cede 0%,#75bdd1 41%,#49a5bf 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	color: white;
	font-weight: 600;
	margin-top: -3px;
}


.profile-placeholders {
	
	border: 1px solid #f3f3f3;
	width: 49px;
  	height: 49px;
	position: absolute;
	left: 20px;
	top: 9px;
	text-align:center;
	justify-content: center;
	font-size: 30px;
}

.jq-toast-heading{
	 font-size: 20px !important;
}
.jq-toast-single {
  font-size: 16px;
}


.conceal {
	font-family: 'text-security-disc';
}

.conceal-circle {
	font-family: 'text-security-circle';
}

.conceal-square {
	font-family: 'text-security-square';
}

.conceal-native {
	-webkit-text-security: disc !important;
}

.conceal-native-circle {
	-webkit-text-security: circle !important;
}

.conceal-native-square {
	-webkit-text-security: square !important;
}



 .conceal::placeholder,
 .conceal-circle::placeholder,
 .conceal-square::placeholder,
 .conceal-native::placeholder,
 .conceal-native-circle::placeholder,
 .conceal-native-square::placeholder {
    /*  font-family: 'Poppins', sans-serif; */
    font-family: 'Lato', sans-serif;
 }

.tooltip-inner {
	background-color: #000000 !important; /* White background */
	color: #ffffff !important; /* Black text */
	font-size: 14px !important;
	border-radius: 5px !important; /* Rounded corners */
	box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
		rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px
		3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
		rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04)
		0px 24px 24px -12px! important; /* Box shadow */
}

.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before,
	.tooltip.bs-tooltip-start .arrow::before, .tooltip.bs-tooltip-end .arrow::before
	{
	border-top-color: #ffffff !important; /* Arrow color (top) */
	border-right-color: #ffffff !important; /* Arrow color (right) */
	border-bottom-color: #ffffff !important; /* Arrow color (bottom) */
	border-left-color: #ffffff !important; /* Arrow color (left) */
}

.input-group-text {

	padding: 0.375rem .40rem;
	
}

.App-logo {
    -webkit-filter: invert(15%) sepia(62%) saturate(357%) hue-rotate(172deg)
        brightness(92%) contrast(85%);
    filter: invert(15%) sepia(62%) saturate(357%) hue-rotate(172deg)
        brightness(92%) contrast(85%);
    -webkit-transition: filter 1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: filter 1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    
     
   
}

.App-logo:hover {
    -webkit-filter: invert(50%) sepia(90%) saturate(400%) hue-rotate(180deg)
        brightness(100%) contrast(100%);
    filter: invert(50%) sepia(90%) saturate(400%) hue-rotate(180deg)
        brightness(100%) contrast(100%);
    -webkit-transform: rotate(-15deg) translateX(-15px) translateY(-10px);
    transform: rotate(-15deg) translateX(-15px) translateY(-10px);
    
}


.headerreducepad{padding-right:0 !important}

.large-logo {
	width: 62px;
	height: 36px;
	left: -12px;
}

.small-logo {
	width: 32px;
	height: 32px;
	margin-left: -30px
}

.signupform .form-control{
	height:38px;
	border: 1px solid #ccc;
}


.signupform .heading::before {
	width: 15%;	
}

.signupform .fp-link {
	max-width: 175px;	
}

.signupform  .btn-primary {
	padding: 9px 18px;	
}


/* .home-text-switch {
	margin-top: 5px !important;
} */

.generateTeamLogin .single-product {
	border: 1px solid #f6f6f7;
	padding-left: 81px;
	padding-top: 14px;
	padding-bottom: 2px;
	padding-right: 45px;
	margin-top: 20px;
	border-radius: 6px;
}

.view-links {
	position: absolute;
	top: 30px;
	right: 10px;
	color: #fd7e14;
	height: 26px;
	width: 26px;
	text-align: center;
	display: inline-block;
	line-height: 27px;
	border-radius: 30px;
	font-size: 28px;
}

.uploadcolor{color:#2962ff}

.cardprofile{min-height:419px}

.card .card-header .btn {
	font-size: 15px;
}

.card .card-header .btn {
	margin-top: -7px;
}

.top-menu .right-nav .nav-item {
	padding-left: 5px;
}

.top-menu .sub-mega-menu .dropdown-menu .title {
	border-bottom: 0;
}

.logalert {
	padding: 0 1rem;
	text-align: center;
	margin-top: 25px;
}

input[disabled], input[readonly], textarea[disabled], textarea[readonly], select[disabled],
	 select[readonly]{
 	/* background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 1%,#e1e1e1 100%,#f6f6f6 100%); */
 	background-color: #f6f6f7 !important;
	cursor: not-allowed;	
}
.admin-main-contents .form-control,.modalform .form-control{
    background-color: #fff;
    height: 32px !important;
}

.teamLoggler .form-control {
	background-color: #fff;
	height: 32px !important;
	position: relative;
	top: 6px;
	left: 10px;
	border-radius:30px!important;
}

.admin-main-contents textarea.form-control,.modalform textarea.form-control {
  height: auto !important;
}



.dropzone {
    width: 100%; /* Ensure width is set to 100% */
    min-height: 85%; /* Height can be set based on your design */
    border: 2px dashed #ccc; /* Example border */
    background: #f9f9f9; /* Example background */
    text-align: center;
    padding: 20px; /* Padding for content inside the Dropzone */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.dropzone.no-flex {
	display: block; /* Reset display property */
    justify-content: initial; /* Reset justify-content property */
    align-items: initial; /* Reset align-items property */
}

.dropzone .dz-preview.dz-image-preview {
	 background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	padding: 5px;
	border-radius: 10px;
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	overflow: hidden;
	width: 80px;
	height: 106px;
	position: relative;
	display: block;
	z-index: 10;
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: 23px;
	width: 80px;
	margin-left: -40px;
	background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	border-radius: 8px;
	overflow: hidden;
}

.linkfont{font-size:11px}

.select2 .selection{width:100%}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #eeeef8;
}

.select2-container .select2-selection--single {	
	height: 32px;
}

.input-group .select2 {
    flex: 1;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
	 background-color: #f6f6f7 !important;
	border: none;
}

.select2 + .input-group-prepend{height:32px}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
	border-radius: 5px 0 0 5px;
}

.input-group .addautocomplete ~ .input-group-prepend .input-group-text {
   border-radius: 0 5px 5px 0 !important
}

.input-group:not(:has(.addautocomplete)) .input-group-text {
    border-radius: 5px 0 0 5px;
 
}


.spanborderradius{ border-radius: 0 5px 5px 0 !important}

.field-required:after {
    content: " *";
    color: red;  
}

.iconloader .fa {
    background-color: #f0f0f0; /* Light background color */
    border-radius: 5px; /* Border radius for rounded corners */
    padding: 5px; /* Padding around the icon */
    margin: 5px; /* Margin to space out the icons */
    cursor: pointer; /* Change cursor to hand pointer */
}
.msgrestxt{cursor: pointer;}

.addcursor,.postTeamDash{
	 cursor: pointer; /* Change cursor to hand pointer */
}

.dtinviteacnbtn,.orgtblclick,.vendortblclick,.contractNottblrowclick{cursor: pointer;}

.custommargin{margin-top:-5px}

.input-group-text {
	color: #000;
	background-color: #fff;
}

.add-cust-link,.update-organization-add,.clear-organization-add,.update-organization-contact,.remove-organization-add,.remove-organization-contact {
	right: 41px !important;
	font-size: 11px !important;
	margin-top: -17px;
	height: 22px!important;
	width: 22px!important;
	line-height: 22px!important;
}

.remove-vendor-add,.remove-vendor-contact,.remove-organization-contact,.remove-organization-add {
	right: 67px !important;
	border: 1px solid #dc3545!important;
	color: #dc3545 !important;
	font-size: 11px !important;
}

.top-rated-products .single-product img {
	padding: 9px !important;
}

.form-check-input {
	margin-top: 4px !important;
}


.no-list-message {
	text-align: center !important;
	margin-top: 98px !important;
	border-bottom: 0 !important;
}
.addRightAddborder{
	border-right: 1px solid #f6f6f7;
}

.passmatch {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 100%;
	color: #dc3545;
	text-align:right
}

.ppolicy{
	font-size: 70%;
}

.showsignupmessages{
	font-size: 80%;
}

.error-content {
  padding: 30px;
  text-align: center;
  height: 70vh;
}

.error-border {
    box-shadow: rgba(255, 255, 0, 0.4) 0px 0px 1px 1px, rgba(255, 255, 0, 0.65) 0px 1px 2px -1px, rgba(255, 255, 0, 0.08) 0px 1px 0px inset;
   /*  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
}

.border-yellow {
	box-shadow: rgba(255, 255, 0, 0.4) 0px 0px 1px 1px, rgba(255, 255, 0, 0.65) 0px 1px 2px -1px, rgba(255, 255, 0, 0.08) 0px 1px 0px inset;


	/* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
}
.select2-container--default .border-yellow {
	box-shadow: rgba(255, 255, 0, 0.4) 0px 0px 1px 1px, rgba(255, 255, 0, 0.65) 0px 1px 2px -1px, rgba(255, 255, 0, 0.08) 0px 1px 0px inset;
	/* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
}
.radio-check{
	outline: 1px solid yellow;
	/* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
}

.org_logo{width:15%}

.logo_wrapper {
	border: 1px solid #f3f3f3;
	width: 98%;
	margin-left: 5px;
	margin-top: 0;
	padding: 10px;
}

.orglogin {
	margin-top: -10px !important;
	min-height: 200px;
}

.orghover-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.orghover-card {
  transform: scale(1);
}

/* Hover state */
.orghover-card:hover {
  transform: scale(1.05); /* Slightly enlarge the item */
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  cursor: pointer;
}


.no-organization {
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcometxt{float: right!important; margin-top: -24px!important}

.modal-header {
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
	border-top:4px solid #2962ff
}

.switchingmodal .modal-body{height:120px !important;}

.switchingmodal .modal-content {
  border-radius: 10px; /* Adjust the value as needed */
}

.switchingmodal .modal-dialog {
  border-radius: 10px; /* Adjust the value as needed */
}

.modal-title{color: #2962ff}

.lastpostcard > .post-card:last-child {
   border-bottom:0
}

.lastpostcard > .post-card {
	padding: 20px 20px 20px 0;
}

.reducedbtnpadd{
	padding: 6px 15px;
}

.hrmarginreduce{
	margin-top:0
}

.reducehrmarginbottom{
	margin-bottom:0
}

.borderrightdiv{
	border-right: 1px solid #f6f6f7
 }



.pricewrap {
	background-color: #edf5ff;
	padding: 2px 19px 5px 14px;
	border-radius: 26px;
}


.pricing-table .pricing-content {
	padding: 16px 0 30px !important;
	position: relative;
}

.price-value{font-size:40px !important}

.custom-todo ul li {
	padding: 15px 50px 15px 37px;	
}

.orglogin .single-product img {
	left: 20px;
	top: 9px;
}

.orglogin .single-product img {
	border: 1px solid #f3f3f3;
	width: 49px;
	height: 49px;
}

.blinking-image {
	filter: invert(15%) sepia(62%) saturate(357%) hue-rotate(172deg)
		brightness(92%);
	animation: blink 4s infinite;
}

.blink-text {
    /* animation: blink 1s infinite; */
    color:red !important;
}

#card-errors{margin-top: -12px;margin-bottom: 5px;}

.stats-card-two .avatar {
	font-size: 1.23rem;
}


.tabs-style-four .nav-tabs .nav-item.show .nav-link, .tabs-style-four .nav-tabs .nav-link.active
	{
	border: none;
	border-bottom: 2px solid #007bff;
	color: #2962ff;
}

.tabs-style-four .nav-tabs .nav-link {
	border: none;
	border-bottom: 1px solid transparent;
	color: #000;
}

.tabs-style-four .tab-content {
	padding: 10px 20px 20px 10px;
}


.tabCheckIcon{
	display:none;
	font-size:17px;
	color:green;
}	

.fa-calendar-clock {
    cursor: pointer;
}

/* datatable old with bootstrap*/

/* table.dataTable td,table.dataTable th {
  font-size: 12px;
}

table.dataTable {
    border-radius: 8px;
}

table.dataTable th{
    border-radius: 8px 0 0 0;
}

.dataTables_wrapper table.dataTable tbody tr td:first-child {
    color: #28a745
}

.tablebtnmargin{margin-left:5px}

table.dataTable th {
    padding: 8px 10px; 
    background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);

}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #f6f6f7
 }

table.dataTable tbody td {
    padding: 3px 10px; 
}

.dt-buttons .btn{
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%) !important;
	color:#000;
	padding: 0px 0px;
}


table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	top: 5px;
	background-color: #0275d8;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
	padding-right: 0px;
}

.dt-buttons.btn-group {
    height: 32px;
}


div.dataTables_wrapper div.dataTables_info{
	margin-top:-6px
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{		
 		 margin-top: -21px;
	}

#organizationAddressTable_wrapper .dataTables_filter input,
	#organizationContactTable_wrapper .dataTables_filter input,
	#vendorAddressTable_wrapper .dataTables_filter input,
	#vendorContactTable_wrapper .dataTables_filter input,#contractNotificationDataTable_wrapper .dataTables_filter input,#contractAttachmentsDataTable_wrapper .dataTables_filter input{
	width: 73% !important;
}

.dtableactions {
    margin-right: 6px !important;
}


.dt-buttons .btn-secondary{
	background:#2962ff;
	border:1px solid #ccc	
}
	
div.dt-buttons {
	float: none;
	width: 99%;
	text-align: center;
	margin-bottom: 0.5em;
}

@media only screen and (max-width:768px){		
	.home-tab-content  .dataTables_wrapper  .dataTables_filter input{width:78%}		
}

@media screen and (max-device-width: 480px) 
    and (orientation: portrait) {    
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {		
		margin: 7px 0 0 0;
	}	
} */

/*End datatable old */

/* datatable with bootstrap */

/* .table.dataTable th, .table.dataTable td {
	padding: 8px;
	font-size: 13px;
	
}


.table.dataTable th {
	background: #ffffff;	
	border:0;
	border-bottom:1px solid #e6e6e6
}


.customSmallDatatable div.dt-container div.dt-paging {
	margin-top: -26px;
}

.customSmallModelDatatable div.dt-container div.dt-paging {
	margin-top: 8px;
}



table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
	table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
	table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
	table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before
	{
	position: absolute;
	display: block;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	content: "\f0de"; fa-sort-up
	font-family: FontAwesome;
	font-size: 12px; Adjust as needed
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
	table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
	table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
	table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after
	{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "\f0dd"; fa-sort-down
	font-family: FontAwesome;
	font-size: 12px; Adjust as needed
}

table.dataTable thead>tr>th.dt-orderable span.dt-column-order:before,
	table.dataTable thead>tr>td.dt-orderable span.dt-column-order:before {
	position: absolute;
	display: block;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	content: "\f0dc"; fa-sort
	font-family: FontAwesome;
	font-size: 12px; Adjust as needed
}
 */

/*End datatable New with bootstrap*/

/* Datatable without bootstrap */
div.dt-container select.dt-input {
	padding: .5px;
	border: 1px solid #f6f6f7;
}

div.dt-container .dt-search input {
	border: 1px solid #f6f6f7;
	border-radius: 3px;
	padding: 0;
	background-color: transparent;
	color: inherit;
	margin-left: 3px;
}

div.dt-container .dt-paging .dt-paging-button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: .2em .5em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: inherit !important;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent;
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
	border: 1px solid #f6f6f7;
	
}

table.customDatatable > thead > tr > th, table.customDatatable > thead > tr > td {
	padding: 10px;
	border-bottom: 2px solid #f6f6f7;
	text-transform: uppercase;
	font-weight: 600;
	color: gray;
	font-size: 11px;
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
	padding: 6px 10px;
}

div.dt-container.dt-empty-footer .customDatatable tbody > tr:last-child > * {
	border-bottom: 2px solid #f6f6f7;
}

table.customDatatable th, table.customDatatable td {
	border-bottom: 1px solid #f6f6f7;
	
	padding: 10px;
}

table.customDatatable td:nth-child(1) {
    color: green; /* Replace 'red' with your desired color */
}

/* Datatable without bootstrap */


.subpriceMenu{background-color:#f8f9fa;height: auto;max-height: 100vh;overflow-y: auto;} 

/* #subpricemon  .pricing-table,#subpriceyear .pricing-table{
	padding:19px;
	min-height:495px;
	border-radius:10px
} */

.short-text {
    display: inline;
}

.full-text {
    display: inline;
}

.toggle-text {
    cursor: pointer;
    margin-left: 5px;
}

.tabs-style-three .nav-tabs .nav-link {		
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}


/* Style for the disabled nav items */
.nav-tabs .nav-item.disabled {
    pointer-events: none; /* Prevent clicks */
    opacity: 0.8; /* Slightly faded */
    cursor: not-allowed; /* Change cursor to indicate disabled state */
   
    
   
}

/* Optional: Style the link inside disabled nav items */
.nav-tabs .nav-item.disabled .nav-link {
    background-color: #6c757d; /* Light grey background for disabled state */
    color: #fff; /* Grey text color */
	border-top: none !important;
}

/* Optional: Style icons inside the disabled nav items */
.nav-tabs .nav-item.disabled .nav-link i {
    color: #6c757d; /* Grey color for icons */
}


.tabs-style-three .nav-tabs .nav-link.active,
.tabs-style-three .nav-tabs .nav-item.show .nav-link {
    background-color: #ffffff; /* Background color for active tab */
    
}


.tabs-style-three .nav-tabs .nav-link {
    background-color: #FFFAFA; 
    border-top: 2px solid #28a745;
    border-top-left-radius: 16px;
	border-top-right-radius: 16px;
  
}

.fa-question{color:#FFA500}

.input-group .fa-plus{font-size:.8rem}

.link{color:#2962ff;}

.contractbtns .btn {margin-right:5px}



@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5; 
  }
  100% {
    opacity: 1;
  }
}

 @keyframes blink {
       0% { opacity: 1; }
       50% { opacity: 0; }
       100% { opacity: 1; }
   }
   
.button-formatting {
    display: flex;
    justify-content: center; /* Center buttons within this container */
    gap: 10px; /* Space between buttons */
    margin-bottom: 0.5rem; /* Bottom margin */
    position: relative; /* For dropdown positioning */
}

.button-formatting .mobile-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Space between icon and text on desktop */
    padding: 8px 15px; /* Default padding */
}

/* Icon visibility defaults */
.button-formatting .mobile-btn .desktop-icon {
    display: inline; /* Show by default on desktop */
}

.button-formatting .mobile-btn .mobile-icon {
    display: none; /* Hide by default on desktop */
}

.button-formatting .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0; /* Align dropdown to the right of the export button */
    margin-top: 5px;
}
   

@media only screen and (max-width:768px){
	.custom-nav-tabs .nav-item {
		margin-bottom: -1px;
		border-bottom: 1px solid #ccc;
		width: 100%;
	}	
	
	.card .card-header .btn {
		font-size: 10px;
	}	
	
	.navbar-center {
        right: 15px; /* Aligns to the right side of the screen */
        top: -5px; /* Aligns to the top */
        left: auto; /* Reset left positioning */
        transform: none; /* Remove the centering transform */
        text-align: right;
    }

    .navbar-center-text {        
        margin-top: 4px;
        font-size:6px
    }
    
    #sysmessage {
        position: absolute;
        left: 34px;
        font-size: 9px !important;
        top: 42px;
    }

    #sysmessage .icon {
        width: 12px !important;
        height: 12px !important;
    }
    
    .button-formatting-right {
        flex-direction: column; /* Stack title and buttons vertically */
        align-items: flex-start; /* Align items to the left */
    }

    .button-formatting {
        margin: 0; /* Remove mx-auto effect */
        align-self: flex-end; /* Align to the right */
        gap: 5px; /* Reduced gap on mobile */
        margin-bottom: 10px; /* Your custom bottom margin */
        margin-top: 9px; /* Your custom top margin */
    }

    .button-formatting .mobile-btn {
        padding: 8px;
        width: 30px; /* Your custom width */
        height: 30px; /* Your custom height */
        justify-content: center;
        position: relative;
    }

    .button-formatting .mobile-btn .btn-text {
        display: none; /* Hide text on mobile */
    }

    .button-formatting .mobile-btn i {
        margin: 0;
        font-size: 18px;
    }

    .button-formatting .mobile-btn.dropdown-toggle::after {
        display: none; /* Hide dropdown arrow on mobile */
    }

    /* Swap icons on mobile */
    .button-formatting .mobile-btn .desktop-icon {
        display: none; /* Hide desktop icon on mobile */
    }

    .button-formatting .mobile-btn .mobile-icon {
        display: inline; /* Show mobile icon on mobile */
    }
}

@media (min-width: 769px) {
   .button-formatting .mobile-btn .btn-text {
        display: inline; /* Show text on desktop */
    }
}

@media screen and (min-device-width: 768px) 
    and (max-device-width: 1024px) {
    
    .generateTeamLogin  .single-product {
		padding-left: 107px !important;
		padding-top: 19px !important;
		padding-right: 20px !important;
	}
	
	
}

/* Specific for portrait orientation */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
    .navbar-center-text {
		font-size: 6px;
		word-wrap: break-word;
		overflow-wrap: break-word;
		width: 50%;
		margin-left: 160px;
	}

}

/* Specific for landscape orientation */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {
  .navbar-center-text {
		font-size: 6px;
		word-wrap: break-word;
		overflow-wrap: break-word;
		width: 50%;
		margin-left: 160px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .navbar-center-text {
		font-size: 6px;
		word-wrap: break-word;
		overflow-wrap: break-word;
		width: 50%;
		margin-left: 160px;
	}
}
 

@media screen and (max-device-width: 480px) 
    and (orientation: portrait) {
    
    .generateTeamLogin  .single-product {
		padding-left: 80px !important;
		padding-top: 5px !important;
		padding-right: 20px !important;
	}
	
	.home-btn,.home-text{font-size:10px !important;padding:5px 5px}
    
    .main-content-header h1 {
		margin: -4px;
	}
	
	
}
 
@media only screen and (max-width:400px){
	
	.card .card-header .btn {
		font-size: 7px;
	}	
	
}