/**
 * Placeholder thickness minimized
 * */
.form-control::placeholder {
  color: rgba(168, 170, 173, 0.75);
  opacity: 1;
}
/**
 * Change Group Button size - (Right Side Buttons)
 * */
 .cc-group-btn-size{
  padding: .375rem .15rem;
 }

 /**
  * Print page minimum width
 */
 .min-width-600{
  min-width: 600px;
 }

 /**
 * Autocomplete css
 * */
 .ui-autocomplete {
  max-height: 160px;
  overflow-y: auto;
  overflow-x: hidden; /* prevent horizontal scrollbar */
}

/**
 * Autocomplete Loader for input box
 * */
.ui-autocomplete-loading {
  background: white url("autocomplete-loader/ui-anim_basic_16x16.gif") right center no-repeat;
}

/**
 * Cursor not allowed
 * */
 .cursor-not-allowed{
  cursor:not-allowed;
 }

 /**
  * Input box border color change to primary class color
  * */
.custom-border-primary {
    border-color: #007bff !important; /* Replace with your desired color */
}

/**
 * Page Loader , Spinner
 * */
 #spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#spinner-content {
    text-align: center;
}
#loading-message {
    color: white;
    margin-top: 15px;
    font-size: 18px;
}

/**
 * Highlight last added table row
 * */
tr.highlight {
  animation: popIn 0.5s ease-out;
}
@keyframes popIn {
  0% {
    transform: scale(1.05);
    background-color: rgb(0 140 255 / 5%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  100% {
    transform: scale(1);
    background-color: rgb(0 140 255 / 5%);
    box-shadow: none;
  }
}

/**
* no code 
* */
.text-transform-none{
text-transform: none;
}

/**
* input group input box, in one group i need to show some of the select or 
* input box 30 %
* */
.cu-flex-30{
  flex: 0 0 30% !important;
}

.cu-w-500-px{
  width: 500px !important;
}

/*** Date: Dec 12, 2024 Custom CSS By Gora Tech **/
.logo-text {font-size: 17px; color: #cc2a27}
.pr-3 {padding-right:3px; } 
.no-bpl {border-left: 0; padding-left: 0px;}
.nav-customer .active {
  background-color: #156082 !important; 
  border-bottom-left-radius:0px; 
  border-bottom-right-radius:0px;
  color: #FFFFFF;
}
.action-row .export {justify-content: flex-end;}
.header-dark-bluish td, .header-dark-bluish th, .dark-bluish {background-color: #156082; color:#ffffff;}
.navbar-rate {background-color: #f8f9fa;border-radius: 0;}
.navbar-rate .active {background-color: #156082 !important;}
.navbar-rate .active a, .nav-customer .active a {color: #FFFFFF !important;}
.bg-light-gray {background-color: #f2f2f2 !important;}
.border-bottom-color {border-bottom: 1px solid red !important;}
.nav-customer .nav-link {position: relative;}
.active .triangle, .nav-customer .nav-link:hover .triangle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid yellow;
}
.nav-customer .nav-link:hover {background-color: #156082 !important;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.nav-customer .nav-link:hover a {color: #fff}
.navbar-rate .btn-rate:hover {background-color: #156082 !important;}
.navbar-rate .btn-rate:hover a {background-color: #156082 !important;color:#fff;}

.invoice-cont .section-title {
    background-color: #156082; color:#ffffff;
    font-weight: bold;
    padding: 6px 10px;
    text-transform: uppercase;
}
.p-50 {width:50px;}
.p-60 {width:60px;}
.p-70 {width:70px;}
.p-80 {width:80px;}
.p-90 {width:90px;}
.p-100 {width:100px;}
.p-140 {width:140px;}
.p-150 {width:150px;}
.p-160 {width:160px;}
.invoice-cont table tbody tr td { background-color: #ffffff !important; color: #000000 !important; }
.invoice-cont table td, table th { border: 1px solid #dee2e6 !important; }
.invoice-cont .table-sm>:not(caption)>*>* { padding: .25rem .25rem !important; }
.invoice table tfoot tr:last-child td {color: #000;    font-size: 1.0em;}
.invoice table tfoot td {text-align: center;}