/* モバイルのタップ誤認を抑制 */

#calendar .fc-event,
#calendar .fc-content,
#calendar .fc-day,
#calendar .btn_event_limit {
  touch-action: manipulation;
}

.item_green {
  color: green;
}

.item_green {
  color: green;
}


/* Calendar setting modal */

.calendar_setting_modal {
  height: 90vh;
  overflow: scroll;
}


/* End Calendar setting modal */


/* item/Model/Category add button */

.brand_button_item {
  background-color: #feb91e;
  /* border:1px solid red; */
  width: 114px;
}

.brand_button_yellow {
  background-color: #feb91e;
  /* border:1px solid red; */
}

.brand_button_additem {
  background-color: #feb91e;
  width: 95px;
}

.brand_button_additem:hover {
  background-color: #feb91e;
}

.brand_button_yellow:hover {
  background-color: #feb91e;
}

.brand_button_hold {
  background-color: #feb91e;
  width: 120px;
  /* border:1px solid red; */
}


/* End item/Model/Category add button */

.brand_color {
  color: #25364e;
}

.brand_label {
  color: #373a3c;
}

.brand_button {
  background-color: #25364e;
}

.brand_red {
  font-size: 24px;
}

.container1 {
  margin-bottom: 20px;
  border: 1px solid red;
}

.brand_color1 {
  color: white;
}

.brand_yellow {
  color: #feb91e;
}

.text {
  color: #3f404a;
  font-size: 20px;
  text-align: center;
  margin-left: 20px;
}

.img {
  margin-left: 30px;
  margin-top: 20px;
}

.appr {
  font-size: 16px;
  color: #29a129;
}

.appr1 {
  font-size: 16px;
  color: #3f404a;
}

.appr2 {
  font-size: 16px;
  color: #a4a5b2;
  padding-left: 90px;
}

.appr3 {
  font-size: 16px;
  color: red;
  margin-right: -20px;
}

.appr4 {
  font-size: 15px;
  color: #3f404a;
}

.appr5 {
  font-size: 16px;
  color: #a4a5b2;
  padding-left: 90px;
}

.appr6 {
  font-size: 16px;
  color: #3f404a;
  margin-right: -20px;
}

.appr7 {
  font-size: 15px;
  color: #3f404a;
}

.appr8 {
  font-size: 16px;
  color: #a4a5b2;
  padding-left: 90px;
}

.appr9 {
  font-size: 15px;
  color: #3f404a;
  padding-left: 90px;
}

.appr10 {
  font-size: 15px;
  color: #a4a5b2;
  padding-left: 90px;
}

.brand_text {
  font-size: 20px;
}

.brand_text1 {
  font-size: 14px;
}

.brand_color {
  color: #25364e;
}

.brand_label {
  color: #373a3c;
}

.brand_button {
  background-color: #25364e;
}

.brand_red {
  font-size: 24px;
}

.container1 {
  margin-bottom: 20px;
  border: 1px solid red;
}

.brand_color1 {
  color: white;
}

.brand_button:hover {
  background: #feb61b;
}

.brand_yellow {
  color: #feb91e;
  font-size: 18px;
  border: none;
  margin-top: 4px;
}

.brand_yellow:hover {
  color: #feb91e;
}

.text {
  color: #3f404a;
  font-size: 20px;
  align-items: center;
  margin-left: 20px;
}

.img {
  margin-left: 50px;
  margin-top: 20px;
}

.appr {
  font-size: 16px;
  color: #29a129;
}

.appr1 {
  font-size: 16px;
  color: #3f404a;
}

.appr2 {
  font-size: 16px;
  color: #a4a5b2;
  padding-left: 90px;
}

.appr3 {
  font-size: 16px;
  color: red;
  margin-right: -20px;
}

.appr4 {
  font-size: 15px;
  color: #3f404a;
}

.appr5 {
  font-size: 16px;
  color: #a4a5b2;
  padding-left: 90px;
}

.appr6 {
  font-size: 16px;
  color: #3f404a;
  margin-right: -20px;
}

.appr7 {
  font-size: 15px;
  color: #3f404a;
}

.appr8 {
  font-size: 16px;
  color: #a4a5b2;
  padding-left: 90px;
}

.appr9 {
  font-size: 15px;
  color: #3f404a;
  padding-left: 90px;
}

.appr10 {
  font-size: 15px;
  color: #a4a5b2;
  padding-left: 90px;
}

.brand_text {
  font-size: 20px;
}

.brand_text1 {
  font-size: 14px;
}

.brand_user {
  font-size: 20px;
}

.brand_body {
  background-color: white;
}

.brand_table {
  font-size: 12px;
}

.brand_btag {
  background: #d9534f;
  width: 90px;
  height: 28px;
  border: none;
  color: white;
}

.brand_btn {
  background: #d1d7e0;
  height: 36px;
  width: fit-content;
  border-radius: 4%;
  border: none;
  color: #000000;
}

.brand_btn:hover {
  /* color: red; */
  /* border:1px solid red; */
  background: #d1d7e0;
}

.brand_btn1 {
  background: #fdc02d;
  border: 1px solid red;
  height: 36px;
  width: 140px;
  border-radius: 8%;
  border: none;
  color: #000000;
}

.brand_dashboard {
  background: #25364e;
}

.brand_dashmenu {
  color: white;
}


/* .brand_dashmenu:hover()
{
	background-color:red;
} */

.brand_dropdown {
  width: 100px;
  height: 22px;
}

.brand_item {
  margin-left: 14px;
}

.brand_btn1 {
  background-color: #fdc02d;
  height: 36px;
  width: 120px;
  border-radius: 8%;
  border: none;
  color: #000000;
}

.brand_setting {
  border: 1px solid red;
}

.cc {
  /* border:1px solid red; */
  margin-left: 2px;
}

.brand_save {
  margin-left: 280px;
  margin-top: 20px;
}

.brand_nav {
  color: white;
}

.brand_btnsave {
  background-color: #25364e;
  margin-left: 20px;
  color: white;
  padding-left: -20px;
}

.admin_register {
  margin-top: 5px;
}

.client_register {
  margin-top: 18px;
}

.brand_btnsave:hover {
  background-color: #25364e;
  color: white;
}

.brand_cartext {
  text-align: center;
  font-size: 15px;
  color: red;
}

.brand_cartext1 {
  text-align: center;
}

.brand_cartext2 {
  color: #5f636b;
  text-align: center;
}

.brand_cartext3 {
  font-size: 18px;
  height: 30px;
  width: 55px;
  border-radius: 40%;
  border: 1px solid red;
  text-align: center;
  color: #e73b3b;
}

.brand_cartext4 {
  font-size: 16px;
  height: 30px;
  width: 120px;
  border-radius: 8%;
  border: 1px solid #ffc730;
  text-align: center;
  background: #fdf52d;
}

.brand_cartext5 {
  color: red;
}

.brand_cartext6 {
  /* height:100px;
	width:100px;  */
  border-radius: 50%;
  /* border:1px solid red; */
}

.brand_key {
  margin-top: 280px;
}

.td {
  border: 1px;
  margin-right: 20px;
}

.td_days {
  border: 1px;
  margin-right: 70px;
}

.rounded-image {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  /* Adjust the size as needed */
  height: 50px;
  /* Adjust the size as needed */
}


/* .brand_cartext8
{

	color:#5F636B;

	font-size:14px;

}

.brand_cartext9
{
	margin-right:20px;
	color:#5F636B;
	font-size:14px;
	color:#278927;

} */

.td1 {
  border: 1px;
  margin-right: 50px;
  margin-top: 5px;
  font-size: 10px;
}

.brand_calling .brand_map {
  height: 86px;
  width: 80px;
}

.brand_call {
  height: 80px;
  width: 76px;
}

.brand_cal {
  height: 32px;
  width: 44px;
  /* border:1px solid red ; */
  margin-left: 14px;
  margin-top: 4px;
  background: #d1d7e0;
  border-radius: 4px;
}

.calender {
  /* border:1px solid red; */
  margin-left: 3px;
}

.brand_password {
  font-size: 22px;
}

.brand_googlemap {
  height: 200px;
  width: 400px;
}

.brand_btngrey {
  height: 32px;
  width: 98px;
  background-color: #d1d7e0;
  font-size: 14px;
  border: none;
  margin-left: -10px;
}

.t {
  text-align: center;
}

.brand_user1 {
  color: #5f636b;
}

.brand_user2 {
  color: #47b2f7;
  font-size: 16px;
}

.brand_user3 {
  color: red;
}

.brand_user4 {
  height: 36px;
  width: 70px;
  background-color: #46b8da;
  border: none;
  color: white;
  font-size: 17px;
  border-radius: 4px;
}

.brand_user5 {
  height: 36px;
  width: 80px;
  background-color: #9faab9;
  border: none;
  color: white;
  font-size: 16px;
  border-radius: 4px;
  /* border:1px solid red; */
}

.brand_user6 {
  color: #278927;
}

.brand_admin {
  color: white;
}

.brand_capacity {
  color: #000000;
  font-size: 16px;
}

.brand_book {
  font-size: 16px;
  color: #47b2f7;
}

.brand_t {
  height: 80px;
  width: 140px;
  font-size: 14px;
  margin-top: 20px;
  background-color: #fafad2;
  margin-left: 12px;
}

.tr {
  margin-left: 20px;
}

.tr1 {
  margin-left: 40px;
}

.brand_img {
  height: 135px;
  width: 122px;
}

.brand_itemtable {
  height: 74px;
  width: 120px;
  border: 2px solid #fdc02d;
  margin-right: 200px;
  background-color: #fafad2;
}

.brand_txt {
  color: #000000;
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
}

.brand_table1 {
  height: 29px;
  width: 38px;
  margin-left: -140px;
  margin-top: -45px;
  background-color: #5cb85c;
  border-radius: 4px;
}

.brand_txt2 {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  align: center;
}

.brand_txt3 {
  color: #5f636b;
  font-size: 14px;
  text-align: center;
  margin-left: -10px;
  margin-top: 8px;
}

.brand_table2 {
  height: 29px;
  width: 38px;
  margin-top: 10px;
  background-color: #d1d7e0;
  border-radius: 4px;
}

.brand_table5 {
  height: 29px;
  width: 38px;
  margin-left: -140px;
  margin-top: -45px;
  background-color: #fa8a77;
  border-radius: 4px;
}

.brand_txt {
  color: #000000;
  font-size: 14px;
  text-align: center;
  margin-top: px;
}

.brand_txtzero {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  align: center;
}

.brand_notavb {
  color: #5f636b;
  font-size: 14px;
  text-align: center;
  margin-left: -22px;
  margin-top: 8px;
}

.t {
  color: #000000;
  font-size: 16px;
  margin-top: 20px;
  margin-right: 8px;
}

.brand_butn1 {
  background: #fdc02d;
  height: 36px;
  width: 150px;
  border-radius: 8%;
  border: none;
  color: #000000;
}

.brand_table11 {
  height: 29px;
  width: 38px;
  margin-left: -140px;
  margin-top: -45px;
  background-color: #5cb85c;
  border-radius: 4px;
}

.brand_dropdown1 {
  width: 200px;
  height: 36px;
  background: #f5f5f5;
  color: #526176;
}

.dropdown-menu a:hover {
  background-color: #25364e;
  color: white;
}

.item_red {
  color: red;
}


/*.item_green
{
	color:green;
	height:20px;
	width:20px;
}

.item_red {
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;

}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.item_green {
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;

}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
} */

.aa {
  color: #000000;
  margin-right: 380px;
  margin-bottom: 62px;
  font-size: 17px;
}

.brand_i {
  margin-left: -640px;
  margin-top: 20px;
  height: 44px;
  width: 44px;
}

.brand_button_calender {
  background-color: #f5f5f5;
  height: 36px;
  border: 1px solid #526176;
  border-radius: 4px;
}

.brand_button_fd {
  background-color: #f5f5f5;
  height: 36px;
  border: 1px solid #526176;
}

.brand_date {
  color: #000000;
  margin-left: 8px;
  margin-top: 20px;
  font-size: 17px;
}

.brand_icon {
  margin-right: -10px;
  margin-top: 20px;
  height: 44px;
  width: 44px;
}

.brand_image {
  height: 40px;
  width: 60px;
  object-fit: cover;
}

.brand_td {
  color: #000000;
  font-size: 16px;
  margin-left: 68px;
  margin-top: -31px;
}

.brand_td1 {
  color: #000000;
  font-size: 15px;
}

.brand_td2 {
  color: #0f60d9;
  font-size: 15px;
}

.brand_btag13 {
  background: #ffc9dc;
  width: 35px;
  height: 34px;
  border: none;
  border-radius: 4px;
}

.brand_btag12 {
  background: #d4fdcd;
  width: 35px;
  height: 34px;
  border: none;
  border-radius: 4px;
}

.brand_model {
  color: #000000;
  margin-top: px;
  margin-left: -14px;
  font-size: 14px;
}

.brand_model1 {
  font-size: 16px;
  height: 30px;
  width: 140px;
  margin-left: -14px;
  margin-top: 10px;
  border: 1px solid #ffc730;
  text-align: center;
  color: #000000;
  background: #fdf52d;
}

.brand_model2 {
  font-size: 18px;
  height: 30px;
  width: 30px;
  margin-left: -80px;
  /* margin-botttom:44px; */
  border-radius: 50%;
  border: 1px solid red;
  /* text-align: center; */
  color: red;
}

.no {
  color: red;
  margin-left: 4px;
  margin-top: 2px;
}

.brand_model3 {
  height: 38px;
  width: 38px;
  color: #000000;
  margin-left: -12px;
  border: px solid red;
  margin-bottom: px;
  font-size: 14px;
}

.vl {
  border-left: 1px solid #000000;
  height: 45px;
  color: #000000;
  margin-left: -16px;
  /* margin-top:px;  */
  font-size: 14px;
}

.brand_model4 {
  font-size: 16px;
  height: 30px;
  width: 240px;
  margin-left: 311px;
  margin-top: -38px;
  border-radius: 20%;
  border: 1px solid red;
  text-align: center;
  color: #000000;
  background: #ffc9dc;
}

.brand_model5 {
  font-size: 16px;
  height: 30px;
  width: 240px;
  margin-left: -140px;
  margin-top: px;
  text-align: center;
  color: #000000;
  background: #ffc9dc;
}

.brand_model6 {
  font-size: 16px;
  height: 30px;
  width: 480px;
  margin-left: 280px;
  margin-top: px;
  text-align: center;
  color: #000000;
  background: #ffc9dc;
}

.brand_card {
  background-color: #fffcde;
  border: 1px solid #ffd66b;
}

.brand_feild {
  margin-top: -2px;
}

.brand_box {
  height: 28px;
  width: 70px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  background-color: #b38fdd;
}

.brand_box1 {
  height: 28px;
  width: 64px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  background-color: #9faab9;
  margin-left: 78px;
  margin-top: -28px;
}

.brand_box2 {
  height: 28px;
  width: 64px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  background-color: #9faab9;
  margin-left: 148px;
  margin-top: -28px;
}

.brand_img1 {
  width: 120px;
}

.brand_max {
  height: 24px;
  width: 100px;
  text-align: center;
  font-size: 14px;
  border-radius: 8%;
  background-color: #25364e;
  color: #ffffff;
}

.brand_reg {
  height: 70px;
  width: 100px;
  border: 1px solid;
  background-color: #47b2f7;
  color: #ffffff;
  text-align: center;
}

.brand_reg1 {
  margin-top: 12px;
  color: #ffffff;
  font-size: 15px;
}

.brand_reg2 {
  height: 70px;
  width: 80px;
  border: 1px solid;
  background-color: #5cb85c;
  color: #ffffff;
  text-align: center;
}

.brand_reg3 {
  margin-top: 12px;
  color: #ffffff;
  font-size: 15px;
}

.brand_reg4 {
  height: 70px;
  width: 100px;
  border: 1px solid;
  background-color: #9faab9;
  color: #ffffff;
  text-align: center;
}

.brand_reg5 {
  margin-top: 12px;
  color: #ffffff;
  font-size: 15px;
}

.brand_reg6 {
  height: 50px;
  width: 50px;
  border: 1px solid #000000;
  border-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  text-align: center;
}

.brand_reg7 {
  margin-top: 4px;
  color: #000000;
  font-size: 15px;
}

.brand_search {
  height: 34px;
  width: 40px;
  border: 1px solid;
  border-radius: 6px;
  background-color: #25364e;
  color: #ffffff;
  text-align: center;
  margin-left: 96px;
  margin-top: 28px;
}

.brand_models {
  font-size: 16px;
  height: 30px;
  width: 240px;
  border-radius: 8px;
  margin-left: px;
  margin-top: 10px;
  text-align: center;
  color: #000000;
  background: #d4fdcd;
}

.brand_models1 {
  font-size: 16px;
  height: 30px;
  width: 340px;
  border-radius: 8px;
  margin-left: -701px;
  margin-top: 10px;
  text-align: center;
  color: #000000;
  background: #ffc9dc;
}

.m {
  margin-left: 180px;
}

.brand_book {
  margin-left: 800px;
}

.brand_button_yellow2 {
  height: 28px;
  width: 110px;
  background-color: #feb91e;
}

.brand_table {
  height: 80px;
  width: 120px;
  border: 2px solid #fdc02d;
  margin-right: 200px;
  background-color: #fafad2;
}

.brand_right {
  color: #212529;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  background: #ebedf0;
}


/* Scrollbar css */

.scroll-container {
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
}

.scroll-content {
  display: inline-block;
}


/* End Scrollbar css */

.days {
  list-style: none;
  margin: 10;
  padding: 0;
  white-space: nowrap;
}

.days li {
  display: inline-block;
  margin: 0;
  padding: 6px;
  border: 1px solid black;
  /* add a border around each li element */
  box-sizing: border-box;
  /* include border in width/height calculation */
}

.card-text1 {
  line-height: 1px;
}

.card-text2 {
  line-height: 40px;
}

.card-text3 {
  line-height: 89px;
}

.card-text4 {
  line-height: 1px;
}

.brand_txt1 {
  color: #000000;
  margin-left: 24px;
  font-size: 14px;
}


/* .brand_tb
{
	height:28px;
	width:38px;
	border:1px ;
	color:#FFFFFF;
	margin-left:18px;
	margin-top:2px;
	text-align: center;
    background-color:#5CB85C;
	border-radius:4px;
} */


/* .brand_no
{
	color:red;
	margin-top:-2px;
} */


/* start 25 box item */

.brand_tb {
  height: 28px;
  width: 38px;
  border: 1px;
  color: #ffffff;
  margin-left: 18px;
  /* margin-bottom:120px; */
  text-align: center;
  background-color: #5cb85c;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* start 25 box item  */


/*  start Serch box */

.smaller-input {
  width: 150px;
  height: 38px;
}


/* start Serch box  */

.brand_tb2 {
  height: 29px;
  width: 38px;
  border: 1px;
  margin-left: 18px;
  margin-top: 10px;
  background-color: #d1d7e0;
  border-radius: 4px;
}

.brand_tb3 {
  color: #5f636b;
  font-size: 14px;
  text-align: center;
  margin-left: 10px;
  margin-top: 8px;
}

.r {
  color: #000000;
  font-size: 14px;
}

.brand_axor {
  color: #000000;
  font-size: 16px;
}

.brand_axor1 {
  color: #000000;
  font-size: 16px;
}

.brand_axor2 {
  color: #5f636b;
  font-size: 16px;
  margin-right: 20px;
}

.brand_axor3 {
  color: #000000;
  font-size: 16px;
}

.brand_axor4 {
  color: #000000;
  font-size: 16px;
}

.brand_matching {
  color: #000000;
  margin-left: 20px;
  font-size: 17px;
}

.brand_i {
  margin-right: 10px;
  height: 40px;
  width: 40px;
}

.image-container {
  display: flex;
  margin-right: 220px;
}

.avatar {
  /* margin-right: -10px; */
  /* Adjust the spacing between the images */
}

.brand_tables {
  height: 100px;
  width: 290px;
  border: 2px solid #fdc02d;
  margin-right: 200px;
}

.image-container {
  display: flex;
  margin-right: 10px;
}

.avatar {
  margin-right: 3px;
  /* 10px Adjust the spacing between the images */
}

.brand_avt {
  margin-right: -10px;
  height: 40px;
  width: 40px;
}

.brand_kg {
  color: #000000;
  font-size: 18px;
  text-align: center;
  margin-top: 28px;
}

.brand_button_calender {
  display: inline-block;
  padding: 5px 10px;
  background-color: #eaeaea;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.brand_matchings {
  color: #000000;
  margin-left: 50px;
  font-size: 20px;
  margin-top: 40px;
}

.image-containers {
  display: flex;
}

.brand_avt1 {
  margin-right: -4px;
  height: 40px;
  width: 40px;
}

.brand_client {
  color: #333333;
  font-size: 20px;
  margin-left: 18px;
}

.brand_clientname {
  color: #25364e;
  font-size: 14px;
  margin-left: -46px;
  margin-top: 10px;
}

.brand_reqtruck {
  color: #25364e;
  font-size: 14px;
  margin-left: -46px;
}

.brand_span {
  margin-left: -46px;
}

.brand_pending {
  height: 28px;
  width: 66px;
  border: 1px;
  background-color: #b38fdd;
  color: #ffffff;
  border-radius: 4px;
}

.brand_hold {
  height: 28px;
  width: 50px;
  border: 1px;
  background-color: #9faab9;
  color: #ffffff;
  border-radius: 4px;
}

.brand_approve {
  height: 28px;
  width: 65px;
  border: 1px;
  background-color: #9faab9;
  color: #ffffff;
  border-radius: 4px;
}

.brand_section {
  height: 100px;
  width: 100px;
  margin-top: -8px;
  border-radius: 0px;
}

.brand_tables {
  height: 100px;
  width: 310px;
  border: 2px solid #fdc02d;
  margin-left: -10px;
  margin-top: 10px;
}

.brand_kg {
  color: #000000;
  font-size: 16px;
  margin-left: 20px;
  margin-top: px;
}

.brand_truck {
  color: #000000;
  font-size: 16px;
  margin-left: 20px;
  margin-bottom: -20px;
}

.brand_march {
  color: #000000;
  font-size: 14px;
  margin-left: 16px;
}

.brand_march1 {
  color: #000000;
  font-size: 14px;
  margin-left: 12px;
}

.brand_span1 {}

.brand_Requirement {
  height: 60px;
  width: 100px;
  background-color: #ffc9dc;
  border-radius: 8px;
  text-align: center;
  margin-top: 10px;
  margin-right: 10px;
}

.section-item {
  color: #25364e;
}

.brand_allocated {
  height: 60px;
  width: 68px;
  background-color: #5cb85c;
  border-radius: 8px;
  text-align: center;
  margin-left: 53px;
}

.brand_tables1 {
  height: 100px;
  width: 120px;
  border: 3px solid #fdc02d;
  margin-left: -40px;
  margin-top: 10px;
}

.brand_pendings {
  height: 60px;
  width: 68px;
  background-color: #9faab9;
  border-radius: 8px;
  text-align: center;
  margin-top: 10px;
  margin-left: 74px;
}

@media (max-width: 767px) {
  /* Styles for screens with a maximum width of 767px (mobile devices) */
  .dropdown {
    display: block;
    /* margin-bottom: 10px; */
  }
  .form-group {
    display: block;
    margin-bottom: 10px;
  }
  .form-control {
    width: 100%;
    padding: 5px;
  }
}

.dates {
  margin-left: 20px;
}

.brand_bookitem {
  height: 28px;
  width: 100px;
  border-radius: 4px;
  color: #000000;
  background-color: #fdc02d;
  margin-left: 380px;
  margin-top: 10px;
  text-align: center;
}

.brand_form {
  font-size: 16px;
  color: #000000;
}

.brand_form1 {
  font-size: 14px;
}

.brand_Requirement {
  height: 70px;
  width: 100px;
  border: 1px;
  background-color: #47b2f7;
  color: #ffffff;
  border-radius: 4px;
  margin-left: px;
}

.brand_maxcapacity {
  height: 100px;
  width: 130px;
  border: 3px solid #fdc02d;
  margin-left: -10px;
  margin-top: 10px;
  background: none;
}

.brand_photo {
  width: 120px;
  height: 100px;
}

.brand_mdl {
  font-size: 18px;
  height: 32px;
  width: 32px;
  margin-left: 84px;
  margin-bottom: 44px;
  border-radius: 48%;
  border: 1px solid red;
  text-align: center;
  color: red;
}

.brand_mdl1 {
  font-size: 14px;
  height: 30px;
  width: 130px;
  margin-left: -10px;
  margin-top: 10px;
  border: 1px solid #ffc730;
  text-align: center;
  color: #000000;
  background: #fdf52d;
}

.brand_message {
  color: #0275d8;
}

.item_yellow {
  color: #ffa858;
}

.item_Cloud {
  color: #000aff;
}

.item_Automation {
  color: #0047ff;
}

.item_Business {
  color: #a4a5b2;
}

.item_today {
  color: #ef0000;
}

.item_This {
  color: #a4a5b2;
}

.brand_home {
  color: #0275d8;
}

.brand_confirm {
  height: 32px;
  width: 168px;
  border-radius: 4px;
  color: #000000;
  background-color: #fdc02d;
  margin-top: -40px;
  margin-left: -240px;
  text-align: center;
}

.center {
  margin-right: -20px;
}

.brand_home {
  color: #0275d8;
  margin-left: 10px;
  font-size: 17px;
  /* margin-top:-10px; */
  /* border:1px solid red; */
}

.brand_manage {
  font-size: 17p x;
}

.brand_button_new {
  background-color: #feb91e;
  color: #000000;
  height: 38px;
  width: 130px;
}

.brand_button_new:hover {
  background-color: #feb91e;
  border: none;
}

.brand_newclient {
  margin-top: 14px;
}


/* .brand_car
{
	color:red;
	margin-left:-10px;
} */

.brand_capacity {
  color: #000000;
  font-size: 14px;
}

.item {
  color: red;
  background: #d1d7e0;
  /* text-align: center; */
  height: 34px;
  width: 98px;
  border-radius: 6%;
  border: none;
  color: #000000;
}

.brand_all {
  color: #000000;
  font-size: 16px;
  margin-left: px;
}

.brand_trucks {
  color: #000000;
  font-size: 15px;
  margin-left: px;
}

.brand_crane {
  color: #000000;
  font-size: 15px;
  margin-left: px;
}

.items {
  color: red;
  background: #d1d7e0;
  border: 1px solid red;
  border-radius: 5%;
  height: 34px;
  width: 98px;
  border: none;
  color: #000000;
  background-color: #feb91e;
}

.brand_modelimg {
  height: 40px;
  width: 60px;
  border-radius: 100%;
  margin-top: 20px;
  margin-left: 10px;
}

.brand_modelimg1 {
  height: 48px;
  width: 48px;
  border-radius: 100%;
  margin-top: 20px;
  margin-left: -14px;
}

.brand_matchs {
  color: #000000;
  margin-right: 520px;
  font-size: 20px;
}

.brand_dropdowns {
  width: 122px;
  height: 38px;
  /* border:1px solid red;  */
}

.brand_fuel {
  width: 158px;
  height: 38px;
  /* border:1px solid red; */
}

.brand_admins {
  color: red;
  text-align: center;
  margin-top: 20px;
}


/* body {
	font-family: Arial, sans-serif;
	background-color: #f2f2f2;
	padding: px;
} */

.containers {
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h1 {
  text-align: center;
  margin-bottom: 30px;
}

.profile-pic {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.avatars {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #ccc;
  background-size: cover;
  background-position: center;
}

.profile-info {
  margin-bottom: 20px;
}

label {
  display: block;
  /* font-weight: bold; */
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 6px;
}

input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.button-container {
  text-align: center;
}

.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #25364e;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.button:hover {
  background-color: #25364e;
  color: white;
}


/* footer css */

.footer {
  /* display: none; */
  position: fixed;
  background-color: white;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

.newfooter {
  padding-top: 70px;
  padding-bottom: 0px;
}


/* footer css */

.brand_carbutton {
  /* border:1px solid red; */
  margin-top: 10px;
}

.image-container {
  width: 200px;
  /* Specify the desired width */
  height: 200px;
  /* Specify the desired height */
  overflow: hidden;
  /* Hide any overflow if the image is larger */
}

.fixed-image {
  width: 100%;
  /* Ensure the image fills the container width */
  height: 100%;
  /* Ensure the image fills the container height */
  object-fit: cover;
  /* Maintain aspect ratio and cover the container */
}

.brand_userprofile {
  height: 45px;
  width: 45px;
  border-radius: 44%;
  margin-top: 22px;
  /* border:	 1px solid red; */
  text-align: center;
  color: #e73b3b;
}

.brand_admin {
  margin-top: 4px;
}

.adminfooter {
  background-color: #eeeeee;
  height: 66px;
}


/* mobile Device footer css */

.mobile_footer {
  padding-top: 100px;
}

.clientfooter {
  padding-top: 150px;
  padding-bottom: 0px;
}

.userfooter {
  padding-top: 150px;
  padding-bottom: 0px;
}


/* End mobile Device footer css */

.brand_department {
  width: 132px;
  height: 38px;
  /* border:1px solid red;   */
  margin-right: 10px;
  margin-top: 8px;
}

.brand_usertype {
  width: 132px;
  height: 38px;
  /* border:1px solid red;   */
  margin-right: 10px;
  margin-top: 8px;
}

.brand_input {
  /* border:1px solid red; */
  height: 38px;
  width: 100px;
  margin-left: 460px;
}

.brand_profile {
  height: 105px;
  width: 105px;
  border-radius: 66%;
  margin-top: 22px;
  /* border: 1px solid red; */
  text-align: center;
  color: #e73b3b;
}

.pager-nav {
  margin: 16px 0;
  /* border:1px solid red; */
}

.pager-nav span {
  display: inline-block;
  padding: 4px 8px;
  margin: 1px;
  cursor: pointer;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.pager-nav span:hover,
.pager-nav .pg-selected {
  background-color: #f9f9f9;
  border: 1px solid #cccccc;
}

.item_green {
  color: green;
  height: 20px;
  width: 20px;
  /* margin-top:20px; */
}

.brand_modeling {
  height: 48px;
  width: 48px;
  /* border-radius:100%; */
  margin-top: px;
  margin-left: 20px;
}

.brand_modeling1 {
  height: 48px;
  width: 48px;
  /* border-radius:100%; */
  margin-top: 20px;
  margin-left: -15px;
}

.brand_itemmatching {
  /* color:#000000; */
  margin-left: -10px;
  font-size: 20px;
  /* border:1px solid red; */
}

.brand_dates {
  color: #000000;
  margin-left: 25px;
  margin-top: 20px;
  font-size: 17px;
}

.dishidden {
  display: none;
}

.brand_image_d {
  height: 100px;
  width: 200px;
}

.brand_iconavatar {
  height: 40px;
  width: 100px;
}

.img_iconavatar {
  width: 500px;
  height: 100px;
}


/* Scrollbar Css */

.scroll-containern {
  overflow: hidden;
  white-space: nowrap;
}

.scroll-contentn {
  display: inline-block;
  white-space: nowrap;
}


/* Scrollbar Css */


/*  Item Modeal Form */

.error {
  color: red;
  font-size: 1rem;
  display: block;
  margin-top: 5px;
  /* margin-left: 30px; */
}

.validation-message {
  color: red;
  font-size: 1rem;
  display: block;
  margin-top: 5px;
}


/*  End Item Modeal Form */

.filled-input {
  /* Add your desired styles here */
  border: 2px solid green;
  background-color: #f0f8ff;
  /* Light blue, change it to your preferred color */
  color: black;
  /* Change the text color as needed */
}

.brand_navbar {
  background-color: #25364e;
}

.brand_menu {
  color: white;
  margin-right: 6px;
  font-size: 15px;
}

.brand_read {
  color: red;
}


/* car detail css start */

.brand_carno {
  height: 40px;
  width: 120px;
  margin-right: 20px;
  border: 1px solid #ffc730;
  background: #fdf52d;
}

.b {
  font-size: 17px;
}

.brand_honda {
  font-size: 16px;
  margin-right: 20px;
}

.brand_cartext8 {
  color: #5f636b;
  margin-left: 18px;
  font-size: 14px;
}

.brand_cartext9 {
  color: #5f636b;
  margin-left: 18px;
  font-size: 14px;
  color: #278927;
}

.car_no {
  color: #000000;
  font-size: 15px;
  margin-left: -1px;
}


/* End car detail css start */


/* all table  css start */

@media screen and (max-width: 600px) {
  .table-responsive {
    overflow-x: auto;
  }
  .table {
    width: 100%;
  }
  .card-table td {
    display: block;
    text-align: center;
    padding: px;
  }
  .brand_cartext {
    display: block;
    /* text-align:center; */
  }
  .rounded-image {
    display: block;
    text-align: center;
  }
}


/* end all table  css start */


/* accodian  css start */

.right-tabs .nav {
  float: right;
  border-bottom: 0px;
}

.right-tabs .nav li {
  float: left;
}

.right-tabs .tab-content {
  float: left;
  border-top: 1px solid #ddd;
  margin-top: -1px;
}

*/ #customFieldsSection .accordion-button {
  background-color: #e7f1ff;
}


/* accodian  css start */


/* search  css start */


/* @media (max-width: 100px) {
    .input-icon .form-control {
        width: calc(224vw - px) !important;
    }
} */


/* Search box css start */

.input-icon .form-control {
  width: 268px;
  /* border:1px solid red; */
}

.brand_adminserach {
  color: #000000;
  font-size: 20px;
  text-align: center;
}

.admin_search {
  width: 100%;
}

.search_icon {
  margin-top: 8px;
}


/* end search  css start */

.brand_list {
  background: #ffc730;
  height: 44px;
  width: 50px;
  border-radius: 2%;
}

.brand_box {
  background: #d1d7e0;
  height: 44px;
  width: 50px;
  border-radius: 2%;
  margin-left: 2px;
}

#bookingList,
#freeList,
#serviceDueList {
  display: none;
}


/* admin Calender Css */

.brand_personal {
  color: #000000;
  font-size: 17px;
  margin-left: 15px;
  /* position: absolute;
    display: inline-flex;
    margin-top: 0.5rem; */
}

@media only screen and (max-width: 767.98px) {
  .brand_personal {
    /* position: absolute; */
    display: inline-flex;
    margin-top: 0.5rem;
  }
}

.brand_calimg {
  height: 50px;
  width: 50px;
  object-fit: cover;
  /* border:1px solid red;   */
}

.brand_calimg:hover {
  background-color: #dce0e5;
}

.brand_caling {
  border-radius: 8px;
  height: 50px;
  width: 50px;
  border: 1px solid #d3d3d3;
}

.brand_calimg1 {
  height: 37px;
  width: 45px;
  border: 1px solid #d3d3d3;
  border-radius: 12%;
  /* margin-left: 32px; */
}

.brand_calenderprofile {
  /* border:1px solid red; */
  height: 20px;
  width: 20px;
}

.brand_calenderprofile1 {
  /* border:1px solid red; */
  height: 26px;
  width: 26px;
  margin-left: -10px;
}

.divs {
  /* border:1px solid red; */
  margin-left: 12px;
}


/* end admin Calender Css */


/* Modal Fom Calender */

.brand_allday {
  color: #000000;
  margin-left: 10px;
  font-size: 16px;
}

.brand_radio {
  margin-right: -10px;
}

.form {
  width: 40%;
}

.button-clicked {
  background-color: #d1d7e0;
  color: #182433;
}

.formlabel {
  width: 50%;
}

.brand_click {
  margin-right: 120px;
  font-size: 16px;
}

.brand_log {
  color: #000000;
  font-size: 20px;
  /* margin-left: 150px; */
}

.brand_notification {
  color: #000000;
  font-size: 20px;
  /* margin-left: 100px; */
}

.brand_newnoti {
  height: 24px;
  width: 50px;
  border-radius: 40%;
}

.brand_new {
  color: white;
  margin-left: 10px;
  margin-top: -2px;
}

.brand_setting {
  height: 48px;
}

.brand_checkbox {
  background-color: #feb91e;
}


/* footer css */

.footer_button {
  margin-right: 200px;
}

.footer_button1 {
  margin-right: 111px;
}


/* End footer css */

.brand_comment {
  /* border:1px solid red; */
  background: #d9d9d9;
  font-display: white;
}


/* end Modal Fom Calender */

.div {
  border: 1px solid red;
  margin-left: 240px;
}

.btn {
  /* border: none; */
  /* box-shadow: 2px 2px 2px 2px #feb91e; */
}

.date {
  color: #787878;
  font-size: 16px;
}

.Schedule {
  color: #000000;
  font-size: 18px;
}

.custom-list-item {
  background-color: #f7f7f7;
  /* Set your desired background color */
  padding: 10px 15px;
  /* Set your desired padding values */
}

.centered-th {
  text-align: center;
}

.client_email {
  color: #000000;
  font-size: 18px;
  /* border:1px solid red; */
  vertical-align: middle;
}

.client_action {
  text-align: center;
}


/* .table-responsive {
    overflow-x: auto;
  }

  .table {
    width: 100%;
    border-collapse: collapse;
  }

  .table th, .table td {
    padding: 10px;
    text-align: center;
  }

  @media (max-width: 768px) {
    .table th, .table td {
      display: block;
      text-align: left;
    }
  } */

.card-body {
  padding: 20px;
}

.table-responsive {
  overflow-x: auto;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 10px;
  text-align: center;
}

@media (max-width: 768px) {
  .table th,
  .table td {
    display: block;
    text-align: left;
  }
  .table-responsive {
    overflow-x: unset;
  }
}

.brand_event {
  border: 1px solid red;
}

.brand_itemlist {
  /* border:1px solid red; */
  margin-left: px;
}

.brand_listbutton {
  /* border:1px solid red;  */
  height: 34px;
  width: 34px;
  border: 1px solid #DCE0E5;
  /* background: none; */
}

.brand_btncross {
  /* border:1px solid red;  */
  height: 28px;
  width: 34px;
  border: 1px solid #DCE0E5;
}

.brand_listbtn {
  /* border:1px solid red;  */
  height: 35px;
  width: 34px;
  border: 1px solid #DCE0E5;
}

.brand_listbuttons {
  /* border:1px solid red;  */
  height: 31px;
  width: 26px;
}

.rand_listbutton {
  border: 1px solid #DCE0E5;
}

.itemform {
  border: 1px solid red;
  width: 20px;
  height: 28px;
}

.brand_enditem {
  margin-left: 200px;
}

.brand_ckeclistbutton {
  border: 1px solid red;
  height: 40px;
  width: 40px;
}

.rows {
  display: flex;
  align-items: center;
}


/* Client Side Item Css */

.brand_button_NotConfirmed {
  background: red;
  height: 36px;
  width: 118px;
  border-radius: 4%;
  border: none;
  color: #000000;
}

.brand_button_NotConfirmed:hover {
  background: red;
  color: #000000;
}

.brand_button_Confirmed {
  background: #2fb344;
  height: 36px;
  width: 118px;
  border-radius: 4%;
  border: none;
  color: #000000;
}

.brand_button_Confirmed:hover {
  background: #2fb344;
  border: none;
}

.brand_button_changereguest {
  background: #d9d9d9;
  height: 42px;
  width: 118px;
  border-radius: 4%;
  border: none;
  color: #000000;
}

.brand_button_canclereguest {
  background: #d9d9d9;
  height: 42px;
  width: 118px;
  border-radius: 4%;
  border: none;
  color: #000000;
}

.brand_button_finished {
  background: #2b2b2b;
  height: 42px;
  width: 118px;
  border-radius: 4%;
  border: none;
  color: white;
}


/* End Client Side Item Css */

.add-field-icon::before {
  content: "+";
}

.remove-field-icon::before {
  content: "−";
}

.css-1y721tv {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(https://assets.timetreeapp.com/ade5a9d….png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}

.css-yeouz0 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.css-dy0uo9 {
  display: flex;
  margin-right: 4px;
  margin-left: 0px;
  border: none;
  border-radius: 50%;
}


/* start table css */

.input-container {
  position: relative;
}

.icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 20px;
  color: #999;
}

.date-input {
  padding-left: 30px;
  /* To make space for the icon */
}

.brand_tr {
  background: #fdeefc;
}

.brand_used {
  background: #878787;
  color: white;
  height: 40px;
  width: 120px;
}

.brand_used:hover {
  background: #878787;
  color: white;
}

.request_days {
  color: red;
  height: 32px;
  width: 22px;
  margin-left: 10px;
  background: #d9d9d9;
  border-radius: 2px;
}

.brand_one {
  color: #000000;
  margin-left: 6px;
  margin-top: 4px;
}

.brand_Days {
  color: #000000;
  margin-top: 20px;
  margin-left: 4px;
}

.table thead tr th {
  text-transform: capitalize;
}

.brand_column {
  /* border:1px solid red; */
  margin-left: 100px;
}

.brand_columns {
  /* border:1px solid red; */
  margin-left: 2px;
}


/* end table css */

.user_car {
  height: 100%;
  width: 100%;
  /* border:1px solid red; */
  background: #d3d3d3;
}

.user_no {
  color: #000000;
  margin-left: 2px;
}

.cols {
  height: 28px;
}

.font-weight-medium {
  margin-top: 4px;
  margin-left: 8px;
}

.brand_ba {
  margin-left: 10px;
  margin-top: 2px;
}

.small-row {
  height: 20px !important;
  /* Adjust the height as needed */
}

.brand_filterserach {
  font-size: 18px;
  /* margin-left:90px; */
}

.brand_cancelrequest {
  color: red;
}

.aa {
  color: red;
}

.dropdown-menu {
  color: white !important;
  background-color: #25364e;
}


/* .dropdown-menu :hover{
	background-color:white !important;
	color:white !important;
} */

.label-form {
  height: 36px;
}

.add_buttom {
  margin-top: 28px;
}

.label-setting {
  height: 6px;
}

.sd {
  margin-left: 2px;
}

.brand_25t {
  color: #000000;
  font-size: 20px;
}

.brand_btn1 {
  background: #fdc02d;
  border: 1px solid red;
  height: 36px;
  width: 140px;
  border-radius: 8%;
  border: none;
  color: #000000;
}

.brand_btn_end {
  background: #fdc02d;
  border: 1px solid red;
  height: 28px;
  min-width: 15rem;
  border-radius: 18px;
  border: none;
  color: white;
}

.brand_btn_end:hover {
  background: #fdc02d;
  color: white;
}

.brnad_eventform {
  /* width: 26%; */
  width: fit-content;
}

.brand_top {
  /* border:1px solid red; */
  /* margin-top: 28px; */
}

.brand_accordian {
  padding-left: 4px;
}

hr {
  height: 2px;
  /* Set the height of the line */
  background-color: black;
  /* Set the line color to black */
}

.brand_Yamada {
  color: #000000;
  font-size: 17px;
}

.brand_Schedule {
  color: #fdc02d;
  font-size: 14px;
}

.brand_textarea {
  resize: vertical;
  width: 100%;
}

.forms {
  color: red;
}

.brand_25t {
  text-align: left;
}

.padding {
  padding-left: 10px;
  padding-right: 10px;
}

.dropdown-item :hover {
  color: #D1D1D1;
}


/* logs css */

.brand_logs {
  padding-left: 10px !important;
  text-align: left;
}

.brand_userlogs {
  text-align: left;
}


/* End logs css */

.brand_notifications {
  text-align: left;
  /* padding-left: 20px !important; */
}

.brand_div {
  border: 1px solid red;
}

.container {
  text-align: center;
}

.add-cehckbox-field-btn {
  margin-top: 10px;
}

.commentrow {
  margin-top: 20px;
  margin-bottom: 20px;
}

.commentrow hr {
  margin-top: 5px !important;
  margin-bottom: -10px !important;
  height: 1px !important;
}

.navbar-nav .nav-link {
  cursor: pointer;
}


/* calender setting */


/* calender setting css */

#calendarSetting span#color_front {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: black;
  display: inline-block;
  margin-top: 6px;
  margin-left: 10px;
}

#calendarSetting input[type="color"] {
  width: 0;
  height: 0;
  opacity: 0;
}

#tabs-calendar input[type="color"] {
  opacity: 1;
  width: 100%;
  height: 40px;
}

#calendarSetting .col input[name="title"] {
  background-color: #fafafa;
  /* border: none; */
}

#calendarSetting .label .card {
  background-color: #fafafa;
  border-radius: 14px;
  /* width: 100%;
	height: 80%; */
}

#calendarSetting .col-md-1 span#color_front {
  margin-left: 15px;
}

#calendarSetting .label .card-body {
  padding: 5px;
}


/* calender setting css */


/*ItemCategory model */

#addModel .custom-radio,
#addModel .custom-checkbox,
#editModel .custom-radio,
#editModel .custom-checkbox {
  display: flex;
  width: 100%;
}

#addModel .custom-radio input[name="inputTypeRadio"],
#editModel .custom-radio input[name="inputTypeRadio"] {
  width: 96%;
  margin-left: 4px;
}

#addModel .radio-field,
#editModel .radio-field {
  display: block;
}

#addModel .custom-checkbox input[name="inputTypeCheckbox"],
#editModel .custom-checkbox input[name="inputTypeCheckbox"] {
  width: 96%;
  margin-left: 4px;
}

#addModel .checkbox-field,
#editModel .checkbox-field {
  display: block;
}

#addModel .add-field-icon {
  margin-left: 17px;
}

#editModel .add-field-icon {
  margin-left: 23px;
}

@media (max-width: 768px) {
  #addModel .add-field-icon,
  #editModel .add-field-icon {
    margin-left: 0 !important;
  }
}

#viewDetailItem .custom-field-div {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}

#viewDetailItem .custom-field-label {
  flex: 1;
  font-weight: bold;
}

#viewDetailItem .custom-field-value {
  flex: 2;
}


/*ItemCategory model */

.detail-flex {
  display: flex !important;
}

.brand_calenderlist {
  color: #353535;
  padding-left: 14px;
}

.brand_edit {
  color: #f4c24f;
  font-size: 1.2em;
  padding-right: 14px;
}

.brand_itempage {
  padding-left: 1px;
  padding-left: 1px;
}


/* .brand_carpage {
    padding-left: 18px;
    padding-right: 16px;
}
 */

.brand_adminpage {
  padding-left: 1px;
}


/* .brand_clientpage {
    padding-left: 18px;
    padding-right: 16px;
} */


/* .brand_userpage
{
    padding-left: 18px;
    padding-right: 16px;
} */

.brand_rounded {
  border-radius: 4px;
  height: 72px;
  width: 84px;
  object-fit: cover;
}

.brand_calender {
  /* border:1px solid red; */
  height: 22px;
  width: 22px;
  margin-left: 2px;
  object-fit: cover;
}

.brand_calender1 {
  /* border:1px solid red; */
  height: 22px;
  width: 22px;
  margin-left: -10px;
  color: #353535;
  object-fit: cover;
}

.error-message {
  color: red;
}


/* calendar css */

.fc-row.fc-week.fc-widget-content {
  height: 120px !important;
  overflow: hidden;
}

.fc-scroller.fc-day-grid-container {
  height: 100% !important;
}

.brand_itemimage {
  border-radius: 4px;
  width: 121px;
  object-fit: cover;
  margin-left: 4px;
}

.brand_itemcard {
  border-radius: 4px;
  background: #eeeeee;
  padding-bottom: 11px;
  padding-top: 2px;
  /* border:1px solid red; */
  width: 105%;
}

.brand_itemcard1 {
  border-radius: 4px;
  background: #fee0e9;
}

.brand_itemname {
  color: #353535;
  font-size: 14px;
}


/* button Avialable css*/

.brand_button_avilable {
  background-color: #2fb344;
  color: white;
  width: 100px;
}

.brand_button_avilable:hover {
  background-color: #2fb344;
  color: white;
}


/* button Avialable css*/

.brand_button_detail {
  background-color: #feb91e;
  width: 100px;
  margin-top: 5px;
}


/* hold button css */

.brand_button_hold {
  background-color: #feb91e;
  width: 100px;
  margin-top: 5px;
  color: white;
}

.brand_button_hold:hover {
  background-color: #feb91e;
  color: white;
}


/* hold button css */

.brand_button_awaiting {
  background-color: #667382;
  width: 100px;
  margin-top: 5px;
  color: white;
}

.brand_button_awaiting:hover {
  background-color: #667382;
  color: white;
}

.brand_button_detail:hover {
  background-color: #feb91e;
}

.client_data {
  padding-left: 10px;
}

.brand_listbutton1 {
  /* border:1px solid red;  */
  height: 26px;
  width: 10px;
}

.brand_listbutton2 {
  /* border:1px solid red;  */
  height: 28px;
  width: 10px;
  margin-left: 40px;
}

.brand_listbutton3 {
  /* border:1px solid red;  */
  height: 28px;
  width: 10px;
  margin-left: 82px;
  margin-top: -42px;
}


/* button unavailable css*/

.brand_button_unavilable {
  background-color: #ff0000;
  color: white;
  width: 100px;
}

.brand_button_unavilable:hover {
  background-color: #ff0000;
  color: white;
}


/* button unavailable css*/

.comments {
  margin-top: 20px;
}


/* .fc-widget-content
{
 border:1px solid red;
 /* height:20px; */

#eventType .accordion-item:hover {
  background-color: #dce0e5;
}

#eventType_m .accordion-item:hover {
  background-color: #dce0e5;
}

.calender_navbar {
  background-color: #f4c24f;
  min-height: 100px !important;
}

.brand_ankita {
  color: white;
  font-size: 24px;
  margin-right: 70px;
  /* margin-bottom:26px;  */
}

.brand_ankita1 {
  color: white;
  font-size: 18px;
  /* margin-right:120px; */
  margin-top: 2px;
}

.navbar_image {
  background-color: white;
  margin-left: 15px;
  width: 35px;
  height: 35px;
}

.navbar_image1 {
  width: 35px;
  height: 35px;
  border-radius: 40px;
}

.fc-row.fc-week.fc-widget-content {
  height: 120px !important;
}

.calender_image {
  border-radius: 6px;
}

.calender_text {
  color: #000000;
  /* margin-bottom: 20px; */
  margin-left: 4px;
}

.calender_today {
  background-color: #d9d9d9;
  margin-left: 28px;
}

.calender_button {
  border: 1px solid red;
  margin-left: 20px;
}

.additional-text {
  margin-left: 10px;
  color: #353535;
  font-size: 14px;
}

.calender_icon {
  margin-left: 10px;
}

.filters-view.short #eventType .calendar-icon.col-auto {
  display: none;
}

.Calender_show {
  color: #000000;
  font-size: 17px;
  margin-left: 0.5em;
  /* margin-bottom:-20px; */
}

.filters-view.short #accordianSection .Calender_show {
  display: none;
}


/* .modal-content .btn-close
{
    margin-right:-14px;
    margin-top:2px;
} */


/* mobile headeer css */

.mobile_header .css-1525cqh {
  width: 50px !important;
  height: 100% !important;
}

.mobile_header .brand_calimg {
  /* width: 101px !important;
    height: 72px !important; */
}

.mobile_header .accordion-button {
  padding: 0;
}

.mobile_header .calendar-icon {
  display: none;
}

.mobile_header .mobile-user-details {
  display: flex;
  align-items: center;
}

.mobile_header .mobile-user-details span.brand-name {
  color: white;
  font-size: 1.2em;
  margin-left: 15px;
}

.mobile_header .mobile-user-details span.brand-email {
  color: white;
  font-size: 18px;
  margin-top: 2px;
  margin-right: 20px;
}

.mobile_header .row-cards .assign_and_search {
  float: right;
}

.mobile_header .page-wrapper {
  top: 0;
  z-index: 99999;
  position: absolute;
  background: white;
  min-height: 172%;
}

.mobile_header #accordianSection {
  margin-left: 0px;
}

.mobile_header #accordianSection img {
  width: 84px;
}


/* End mobile headeer css */

.css-1525cqh {
  width: 50px !important;
  object-fit: cover;
  height: 100% !important;
}


/* calender image css */

.calender_images {
  border-radius: 5px;
  width: 100%;
  object-fit: cover;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.calender_images1 {
  height: 68px;
  max-width: 87% !important;
  object-fit: cover;
}


/* calender image css */

.full-width-hr {
  width: 100%;
  margin: 0;
  /* Remove any default margin */
  border: none;
  /* Remove any default border */
  height: 1px;
  /* Set the height of the line */
  background-color: #000;
}

.admin_label {
  color: red;
}

.css-11g29m3 {
  /* margin-left: 10px; */
}


/* footer delete button */

.footer_delete {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  background-color: #eeeeee;
}

.footer_delete:hover {
  background-color: #eeeeee;
  border: none;
}


/* End footer delete button */


/* footer Checklist button */

.footer_checklist {
  height: 35px;
  width: 49px;
  border: 1px solid #d9d9d9;
  background-color: #eeeeee;
}

.footer_checklist1 {
  height: 35px;
  width: 42px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  background-color: #eeeeee;
}


/* End footer Checklist button */


/* footer add button */

.footer_add {
  border-radius: 40px;
  border: 1px solid #d9d9d9;
  background-color: #feb61b;
}


/* End footer add button */


/* footer notification button */

.footer_notification {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  background-color: #eeeeee;
}


/* End footer notification button */


/* footer Setting button */

.footer_setting {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  background-color: #eeeeee;
}


/* End footer notification button */

.footer_icon {
  border: 1px solid red;
}

.calendar-view {
  padding-left: 15px;
  padding-right: 15px;
}

.edit_header {
  margin-right: 10px;
}


/* mobile responsive css*/

@media only screen and (max-width: 700px) {
  .calendar-view {
    width: 100%;
    height: 100%;
  }
  .wrapper {
    width: 100%;
    overflow-x: hidden;
  }
}


/* End mobile responsive css*/

.modal_checkbox {
  margin-top: 66px;
}

.checkbox_no {
  color: red;
  margin-bottom: 20px;
}

.er {
  border: 1px solid red;
}

.calender_setting {
  color: #000000;
  text-align: center;
}


/* mobile header view css */

.mobilebrand_caling {
  width: 50px !important;
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  border: 1px dashed;
  border-style: dashed !important;
  height: 50px !important;
}

.mobilebrand_personal {
  color: #000000;
  font-size: 17px;
  margin-left: 22px;
}

.mobilebrand_calimg1 {
  height: 35px;
  width: 49px;
  border: 1px solid #d3d3d3;
  background-color: #eeeeee;
  margin-left: 32px;
}


/* End mobile header view css */

.centered-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.mobileaccordian {
  border: 1px solid red;
}

.admin_car {
  object-fit: cover;
  max-width: 80px;
}

.item_image {
  max-width: 80px;
  object-fit: cover;
}

.item_mobile {
  max-height: 80px;
  object-fit: cover;
}


/* mobile responsive css*/

.body {
  overflow-x: hidden;
  width: 100vw;
}


/* End mobile responsive css*/


/* .mobile-only .view-item-availability {
    padding-left: 12px;
} */


/* lightbox css start*/


/* .lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
} */

.lightbox {
  display: none;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.brand_btnlightbox {
  background-color: #25364e;
  color: white;
}

.brand_btnlightbox:hover {
  background-color: #25364e;
  color: white;
}


/* lightbox css End*/

.brand_border {
  border-radius: 8px;
}

@media only screen and (max-width: 600px) {
  .fc-scroller {
    height: auto !important;
    /* Adjust height as needed */
    overflow-y: scroll !important;
    /* Enable vertical scrolling */
  }
}


/* lightbox css End*/

.scroll-containern {
  /* Your existing styles for larger screens */
  @media (max-width: 768px) {
    /* Styles for smaller screens */
    overflow: auto;
    /* or overflow: scroll; depending on your needs */
  }
}


/* dekstop view right filter css */

.button_rightfilter {
  /* border: 1px solid red; */
  box-shadow: 2px 2px #feb91e;
}

.button_rightfilter1 {
  /* border: 1px solid red; */
  box-shadow: 2px 2px #feb91e;
}

.button_rightfilter svg {
  /* margin-left: 4px; */
  /* Adjust the margin as per your preference */
}


/* End dekstop view right filter css */


/* .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;

    display: inline-block;
    font-size: 16px;

} */

.ellipsis-container {
  max-width: 200px;
  /* Set your desired maximum width */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-text {
  font-size: 18px;
  font-weight: bold;
  /* Set your desired font size */
}


/* Main Page Notification css */

.btand_ntn {
  background-color: #feb91e;
  color: white;
}

.btand_ntn:hover {
  background-color: #feb91e;
  color: white;
}

.brand_ntn_button {
  background: #feb91e;
  /* border:1px solid red;
    color:red; */
}

.brand_ntn_button:hover {
  background: red;
  color: slategray !important;
}

.brand_ntn_text {
  color: white;
  font-size: 18px;
}

.brand_ntn_text:hover {
  color: white;
  font-size: 18px;
}


/* End Main Page Notification css */

.content-margin-top {
  margin-top: 10px;
}


/* pagination css */

.pagination_style {
  text-decoration: none;
}

a.no-underline {
  text-decoration: none;
}


/* End pagination css */