.assistant-bar {
	position: relative; 
	width: 100%; 
	height: 60px;
	font-size: 14px;
	background-color: rgba(253, 254, 238); 
	background-image: url('../img/bg-title-bar.gif');
	background-repeat: repeat;
}
.cell-padding {
  padding: 3px; /* Adjust the padding size as needed */
}

.text-center {

  align-items: center; /* Centers vertically */
 
}
.v-field .v-chip{
--v-chip-height: 34px;
font-size: 18px;	
}

.nav-btn {
  color: black; /* Default color */
  transition: color 0.3s ease; /* Smooth transition */
  
}


.scroll-button {
  background: none;
  border: none;
  font-size: 24px; /* Adjust size as needed */
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}


.tabs {
  overflow-x: auto; /* Allows horizontal scrolling */
  white-space: nowrap; /* Prevents tabs from wrapping */
  max-width: calc(100% - 60px); /* Adjust for arrow buttons */
}
.tab-style{
	cursor: pointer;
	font-size: 23.5px;
	font-weight: bold;
	color: black !important; /* Force black font color */
	
}
.tab-style-disabled{
	cursor: pointer;
	font-size: 23.5px;
	font-weight: bold;
	color: black !important; /* Force black font color */
	 pointer-events: none; /* Prevent click events */
	
}
/* Media query for smaller screens */
@media (max-width: 1900px) {
  .tab-style {
    font-size: 17px !important; /* Smaller font size for smaller screens */
  }
  .tab-style-disabled {
    font-size: 17px !important; /* Smaller font size for smaller screens */
  }
}

.nav-btn-active {
  /*color: #df7e07; /* Change to your desired active color */
 color: #B35900;
 
}


.active-tab {
    /*border-bottom: 2px solid rgb(0, 0, 0); /* Change color and thickness as needed */
    border-bottom:  #B35900; /* Remove default underline */
    font-weight: bold; /* Optional: makes the active tab bold */
     color: #B35900;
}
.v-tabs__slider {
  display: none; /* Remove the default slider (underline) */
   border-bottom: none  !important; /* Remove default underline */
}
.v-tab--selected{
	border-bottom: none !important; /* Remove border for selected tab */
  box-shadow: none; /* Remove any box shadow if present */
  /* color: #B35900 !important;*/

}

.selected-tab{
	color: #B35900 !important;
}

.b-navbar-nav {
    overflow: hidden; /* Prevent overflow */
}

.rtsOut:hover{
   color: #555555;  
  
   
}

.table-scroll {
	overflow-x: auto  ;
	/*width: 100%;
	overflow-y: visible;
	position: relative;
	 z-index: 1; */
}

/*.dp__outer_menu_wrap dp--menu-wrapper{
	overflow: visible;
}

.dp__outer_menu_wrap {
   top: auto !important; 

}*/

.dp__menu_inner{
	position:absolute;
	background-color: white;
	border: solid 1px grey;
}

.tabs-container {
    position: relative; /* Positioning context for the arrows */
}

.scroll-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.left {
    left: 10px; /* Adjust as needed */
}

.right {
    right: 10px; /* Adjust as needed */
}

.tabs {
    overflow-x: auto; /* Allows horizontal scrolling */
    white-space: nowrap; /* Prevents tabs from wrapping */
    max-width: calc(100% - 60px); /* Adjust for arrow buttons */
  
}

.wrap-text {
    white-space: normal;   /* Allows the text to wrap */
    word-wrap: break-word; /* Ensures long words are wrapped */
    width: 100%;           /* Makes the button take the available width */
    display: block;        /* Ensures it behaves like a block element */
    text-align: center;    /* Optional: centers the text */
}

@media (max-width: 768px) {
    .nav-btn {
        font-size: 20px; /* Smaller font on mobile */
        white-space: normal; /* Allow wrapping on smaller screens */
    }
}

@media (min-width: 769px) {
    .nav-btn {
        font-size: 25px; /* Larger font on desktop */
    }
}

.v-dialog {
    width: unset;
}

.custom-input-text-field{
	 width: 350px;
  display: inline-flex;
}

.custom-text-input{
	 width: 271px;
	  height: 50px;
}

.custom-text-digit-input{
	 width: 45px;
	  height: 50px;
}

.custom-select {
  border: 2px solid #ccc;  
  width: 271px;
  padding: 0.5rem;
  border-radius: 1px;
  height: 40px;

}

.custom-id-select {
  border: 2px solid #ccc;
  padding: 0.5rem;
  border-radius: 1px;
  min-width: 150px;
  
  
}

.custom-details-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgb(255, 255, 255);
  border: 1px solid #ABACAE;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 4px;
  /* border-color: #E1E1E1;  */
   border-color:#ABACAE; 
}
.date-border{

	border: 1px solid #ABACAE;
	border-radius: 4px;
	 border-color:#ABACAE; 
}
.custom-details-select2 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgb(255, 255, 255);
  border: 1px solid #ccc;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 4px;
  width: 271px;
}

.custom-option {
  border-radius: 8px;
}

.option-container {
  display: flex;
  align-items: center;
}

.option-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.option-label {
  font-size: 16px;
}

.v-tab.v-tab--active {
  background-color: rgb(255, 128, 128);
}

/* Change the background color of the v-tab on hover */
.v-tab:hover {
  background-color: #e0e0e0;
}

.dialog{
	 width:1024px;
}

.custom-text-field2 {
  width: 170px;
  height: 40px;
  border-radius: 4px;
   background-color: rgb(255, 255, 255);
  /*display: inline-flex;
  vertical-align:middle;
  /* Add more styles as needed */
}
.inline-flex-container {
  display: inline-flex; /* Set display to inline-flex */
  align-items: center;  /* Align items vertically */
}

.restricted {
        float: right;
        vertical-align: middle;
        font-size: 2rem;
        margin: 10px;
        color: red;
        font-weight: 700;
}

.for-option {
	font-size: 20px !important;
	display: block;
    width: 100%;
    /* height: calc(1.5em + .75rem + 2px); */
    padding: .375rem .75rem;
	padding-top:0px;
	font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.for-option:disabled{
    background-color: #e9ecef;
    
}

.inline-form-group {
  display: flex;
  align-items: center; /* Align items vertically */
 
}

.text-input-field {
	background-color: rgb(255, 255, 255);
	width: 100%;
	min-width: 120px;
	

}

.delimiter {
    padding: 1.5rem 0;
}

.el-inline-block {
	display: inline-block;
}

.curosr-pointer {
	cursor: pointer;
}

[v-cloak] {
	display: none;
}

::placeholder {
	color: rgb(197, 196, 196)!important;
}

.language {
        float: right;
        vertical-align: middle;
        font-size: 18px;
        margin: 15px;
        color: black;
        padding: 0;
		border: none;
		background: none;
        
}


.dialog-header .modal-title {
	color: #B35900;
	font-size: 36px;
}

.modal-spinner {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('./spinner.gif')
    50% 50%
    no-repeat;
}
div.loading {
    overflow: hidden;
}
div.loading .modal-spinner {
    display: block;
}


@media screen and (max-width: 600px) {
    .footer-image {
        transform: none !important;
        margin-top: 15%;
    }
    .footer-mobile{
        margin-top: 35%;
    }    
}

#footer{
    position: absolute;
    width: 100%;
    bottom:0;
    height: 100px;
    z-index: -1;
}

.cell.month {
	font-size: 17px;
}