/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.select2 {
	width: 100% !important;
}

select {
	-webkit-appearance: auto !important;
}

select[readonly] option {
	display: none !important;
}

.item_row td {
	position: relative;
}

.adjust_col {
	width: 150px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

#repeater td {
	padding: 10px !important;
}

#repeater td {
	padding: 3px !important;
}

/* updated css for typeahead */
.typeahead.dropdown-menu {
	/* position: relative !important;
	inset: auto !important; */
}

.table-responsive {
	scroll-behavior: smooth;
}

/* ---------------------------------------- */
#action_dropdown_item {
	padding: 0 !important;
	text-align: center;
}

#action_dropdown_menu {
	--bs-dropdown-min-width: 7rem !important;
	--bs-dropdown-padding-y: 0rem !important;
}

#action_buttons {
	display: inline-flex;
	gap: 3px;

}


/* by usama -07-02-2023 */
.readonly {
	background-color: #eee !important;
	pointer-events: none !important;
}

/* ------------------------------------------- */

.header-navbar.navbar-dark.navbar-border {
border-bottom: 1px solid #8596b5;
height: fit-content;
}

.form-control {
  padding: 0.75rem 0.3rem;
}

.top_main_div{   
    display: flex;
    align-items: center;
    padding: 5px;
    background: #f5f7fa;
	border-bottom:1px solid #ddd;
}
.top_main_div h6{font-size: 13px;width:18% }
.top_main_div .top_main_text{font-size: 13px;}
.marquee {
	width: 100%;
	overflow: auto;
	white-space: nowrap;
  }

  .marquee:hover .marquee__item {
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
  }

  .marquee__item {
	display: flex;
	will-change: transform;
	-webkit-animation: marquee linear infinite;
			animation: marquee linear infinite;
  }
  
  @-webkit-keyframes marquee {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(-100%);
	}
  }
  
  @keyframes marquee {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(-100%);
	}
  }
  /* For WebKit browsers (Chrome, Safari) */ 
.top_main_text::-webkit-scrollbar { 
    width: 2px;  /* Adjust the width as needed */ 
    height: 3px; /* Adjust the height for horizontal scrollbars */ 
} 
 
.top_main_text::-webkit-scrollbar-thumb { 
    background-color: darkgrey; /* Color of the scrollbar thumb */ 
    border-radius: 10px; /* Rounded corners */ 
} 
 
.maruee::-webkit-scrollbar-track { 
    background: #f1f1f1; /* Color of the track */ 
}