.btn-blue {
  color: #fff;
  font-size: 14px; 
  background-color: #102d4f;
  border-color: #102d4f;
}
.btn-orange {
  color: #f54141;
  background-color: #fef2f2;
  border-color: #fef2f2;
}
.btn-blue:hover {
  color: #fff;
  background-color: #102d4f;
  border-color: #102d4f;
}
.login-box-msg{
  text-align: center;
  font-size: small;
  margin-bottom: 0px;
  color: #fd7e14;
}
.error{
  color: hsl(0, 98%, 54%);
}
.highlight {
  border: 2px solid red;
}
div.dataTables_wrapper div.dataTables_filter label {
  text-align: right;
}
.board_content{
  background: white;
  border-radius: 0px 6px 6px 6px;
}
.primary1-btn {
  gap: 10px;
  display: flex;
  align-items: center;
  background: #eceff1;
  border-radius: 4px;
  border: none;
  color: var(--primary-blue);
  margin-bottom: 18px;
  margin: 0;
  padding: 8px !important;
  font-weight: 400;
  font-size: 13px;
}
.danger1-btn {
  gap: 10px;
  display: flex;
  align-items: center;
  background: #fef2f2;
  border-radius: 4px;
  border: none;
  color: var(--primary-blue);
  margin-bottom: 18px;
  margin: 0;
  padding: 8px !important;
  font-weight: 400;
  font-size: 13px;
}

table .d-flex {
  gap: 6px;
}
.orange-outline-btn {
display: flex;
height: 36px;
padding: 0px 12px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
background-color: #fef2f2;
border: #ea5455 2px solid;
color: #ea5455;
font-weight: 400;
font-size: 13px;
}
/*.orange-outline-btn:hover {
display: flex;
height: 38px;
padding: 0px 12px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
background-color: #ea5455;
border: #ea5455 2px solid;
color: #fff;
}*/
.blue-outline-btn {
  display: flex;
  height: 32px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background-color: #e0e8f6;
  border: #102d4f 2px solid;
  color: #102d4f;
  font-weight: 400;
  font-size: 13px;
}
.gray-outline-btn {
  display: flex;
  height: 32px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 13px;
  border-radius: 4px;
  background-color: #102d4f;
  border: #102d4f 2px solid;
  color: #fff;
}
#example_length {
  display:none
}
#example_filter {
  display:none
}
.modal-title {
  font-weight: 700;
}
.modal-content {
  color: #102d4f;
}
.fontblue{
  color: #102d4f;
}
.fontgray{
  color: #cbd1d8;
}
.bg-gray{
  background: #c0c3ca;
  margin-top: 10px;
}

.collapsible .content {
  display: none;
  padding: 10px;
  /*border: 1px solid #ccc;*/
}
.collapsiblebatch .contentbatch {
  display: none;
  padding: 10px;
  /*border: 1px solid #ccc;*/
}

.toggle-container {
  display: inline-block;
  margin-bottom: 10px;
}

.switch {
  margin: 5px;
  position: relative;
  display: inline-block;
  width: 56px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5184ee;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 10px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #102d4f;
}

input:focus + .slider {
  box-shadow: 0 0 1px #102d4f;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/* 2D SPINNING ANIMATION */
@keyframes spin {
  from { transform: rotate(0deg) }
  to { transform: rotate(360deg) }
}
.spin2D { animation: spin 3s linear infinite; }
/* 3D SPINNING ANIMATION */
@keyframes spin3D {
  from { transform: rotateY(0deg) }
  to { transform: rotateY(360deg) }
}
.spin3D { animation: spin3D 3s ease-in-out infinite; }

.chat-profile-image {
  position: relative;
  display: inline-block;
}

.chat-profile-image img {
  margin-top: 4px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.page-item.active .page-link {
  background-color: #102d4f;
  border-color: #102d4f;
}
.gray-outline-btn:hover {
color: #fff;
}
.text-green {
  color: rgb(14 204 116) !important;
}
.q-gst-amount{
  inline-size: max-content;
  padding: 2px;
  border: 2px solid #708195;
  border-radius: 5px;
}
.q-bg-product{
  background:#fde9d9;
  inline-size: max-content;padding: 2px;
}
.q-bg-location{
  background:#eceff1;
  padding: 2px;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #9fabb9a3 !important;
  height: 37px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px !important;
  right: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #9fabb9 !important;
  line-height: 37px !important;
}
.invoice9{
  color:#102d4f;
  font-weight: 400;
  font-size: 9.6874px;
}
.invoice11{
  color:#102d4f;
  font-weight: 500;
  font-size: 11px;
}
.text-small{
  font-size: 12px;
}
.qu-lable{
  color:#102d4f;
  font-size: 14px; 
  font-weight: 400;
}
.font13-500{
  color:#102d4f;
  font-weight: 500;
  font-size: 13px; 
}
.qu-title{
  color:#708195;
  font-weight: 500;
  font-size: 14px; 
}
.font14-500{
  color:#102d4f;
  font-weight: 500;
  font-size: 14px; 
}
.qu-title-val{
  color:#102d4f;
  font-weight: 600;
  font-size: 14px; 
  
}
.font15-400{
  color:#102d4f;
  font-weight: 400;
  font-size: 15px;
}
.font15-500{
  color:#102d4f;
  font-weight: 500;
  font-size: 15px;
}
.qu-calc{
  color:#102d4f;
  font-weight: 400;
  font-size: 16px;
}
.qu-table-total{
  color:#102d4f;
  font-weight: 600;
  font-size: 16px;
}
.qu-heading{
  color:#102d4f;
  font-weight: 700;
  font-size: 18px;
}
.font20-600{
  color:#7a8a9d;
  font-weight: 600;
  font-size: 20px;
}
.font24-600{
  color:#102d4f;
  font-weight: 600;
  font-size: 24px;
}
.font31-600{
  color:#102d4f;
  font-weight: 600;
  font-size: 31px;
}
.font31-800{
  color:#102d4f;
  font-weight: 800;
  font-size: 31px;
}

.form-control {
  padding: .375rem .5rem 0.25rem .25rem !important;
  -webkit-appearance: auto !important;
  appearance: auto !important;
  height: 36px !important;
  color: #9fabb9;
}
.form-control[readonly] {
  background-color: transparent;
}
.form-check-input {
  height: 20px;
  width: 20px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: none !important;
}
.form-check-label {
  font-size: 15px;
  color: #535D55;
  vertical-align: middle;
}

.form-check .form-check-input,
.form-check .form-check-input:checked {
  margin-left: -1.8em;
}
.form-check-input:checked {
  background-color: #102D4F;
  border-color: #102D4F;
}
.form-check-input:focus {
  border-color: rgba(16, 45, 79, 0.2);
}
.dash-right-div{
  background: #d3d6df;
  border-radius: 10px;
}
.radius-5{
  border-radius: 5px;
}
.img-pop{
  width: 107px !important ;
  height: 107px !important;
}