/* モバイルのタップ誤認を抑制 */
#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: 10px;
    /* 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 */