body{
  font-family: "Poppins", serif !important;
}
/* modal start */
.dashboard_modal_content_inner{
    margin: 5px;
    border-width: 2px;
    border:unset;
    background: linear-gradient(to top, #e8f5f9, #eff3ff);
    border-radius: 0.5rem;
}
.dashboard_close_btn{
  position: absolute;
  top: -5px;
  right: -16px;
  background-color: #00B8F2;
  color: #fff !important;
  opacity: 1;
  border-radius: 100%;
  --bs-btn-close-bg:url(../images/close.png);
  background-size: 13px 13px;
}
.dashboard_close_btn:hover{
  opacity: 1;
}
.dashboard_popup_h1{
  text-align: center;
  width:100%;
}
.popup_control{
  background-color: transparent;
  border:1px solid #487FFF;
  border-radius: 30px;
}
.dashboard_modal_header{
  border-bottom:unset;
}
.dashboard_modal_header{
  padding-bottom:0;
}
.profile_button{
  display: flex;
  align-items: center;
  justify-content: center;
}
.image_file_control{
  padding: 0 20px;
}
@media (min-width: 576px) {
  .dashboard_modal_dialog {
      max-width: 400px;
  }
}
.new_custom_dropdown > a::after{
display:none;
}
.sidebar{
  background-color:#2C2C2C;
}

.sidebar-menu .sidebar-submenu li a{
  font-size:13px;
  font-weight: 400;
}

.sidebar-menu li > a.active-page, .sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a {
  color: #585B5E !important;
    background: #fff !important;
    box-shadow: none;
    border-radius:unset;
    border-left:7px solid #F06906;
}
.sidebar-menu .sidebar-submenu li.active-page a{
  border-left:unset;
  background-color: #0F406A !important;
  color: #fff !important;
  width:unset !important;
}
.sidebar-menu li a i{
  font-size: 1rem;
}
#sidebar-menu li{
  margin-bottom:10px;
}
.sidebar-menu li a{
  padding: .8rem 0.75rem;
  color:#fff;
  font-weight:400;
}
.sidebar-close-btn i{
  color:#fff;
}
.common_icon_circle{
  font-size:10px !important;
}
.top_bar_menu_icon{
  justify-content: flex-end;
}
.sidebar-menu li.dropdown.dropdown-open > a::after{
  right: 36px;
}
.home_page_block_inner{
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
  padding: 60px 10px 100px 10px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  height:235px;
  display: flex;
  justify-content: center;
}
.left h3, .right h3{
  color:#6e6e6e;
  font-size:16px !important;
  margin-bottom:0;
}
.right h3{
  text-align: right;
}
.common_home_button{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
}
.apply_common_button{
  /* background-color: #b1f9b9 !important; */
  background-color: #ffecce !important;
  color: rgb(247,184,75) !important;
  border-radius: 0  0 0.375rem 0.375rem;
}
.home_page_block_inner::after{
  height: 12rem;
  width: 12rem;
  /* background-color: #4172f5aa; */
  background-color: #a7dbf991;
  top: -9rem;
  right: -8rem;
  box-shadow: 2rem 6rem 0 -3rem #FFF;
  content: '';
  position: absolute;
  border-radius: 30%;
}
.common_subheading{
  margin-bottom:20px;
}
.common_subheading h2{
font-size:25px !important;
color:#000;
}
.active_block_holder p{
  font-size:17px;
  color:#585B5E;
  margin-bottom:0;
}
.hold_block_holder p{
  font-size:17px;
  color:#585B5E;
  margin-bottom:0;
}
.new_active{
  position: relative;
}
.new_hold{
  position: relative;
}
.pulse-center-item-hold {
	background-color:rgb(255, 0, 0);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid white;
	z-index: 90;
}
.pulse-circle-hold {
	border-radius: 50%;
	background-color: rgb(255, 0, 0);
	width: 10px;
	height: 10px;
  top:0;
	position: absolute;
	opacity: 0;
	animation: scaleIn 5s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
}
.pulse-center-item-active {
	background-color:#309C3C;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid white;
	z-index: 90;
}
.pulse-circle-active {
	border-radius: 50%;
	background-color: #309C3C;
	width: 15px;
	height: 15px;
  top:0;
	position: absolute;
	opacity: 0;
	animation: scaleIn 5s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
}

@keyframes scaleIn {
	from {
		transform: scale(0.5, 0.5);
		opacity: 0.5;
	}
	to {
		transform: scale(2.5, 2.5);
		opacity: 0;
	}
}
.active_block_right{
  display:flex;
  justify-content: flex-end;
}
.hold_block_right{
  display:flex;
  justify-content: flex-end;
}
.servicename_id p{
  font-size:17px !important;
  color:#585B5E;
}
.tracking_id p, .delivery_status p{
  color:#000;
  font-size:15px;
}
.tracking_id, .delivery_status{
  border-radius: 8px;
  background-color:#fff;
  padding: 10px 15px;
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
}
.rdbi_block{
  border-radius: 8px;
  background-color:#fff;
  padding: 10px 15px;
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
}
.delivery_status_active{
  color:green !important;
}
.delivery_status_hold{
  color:#CD0509 !important;
}
.new_block_sub_heading h5{
  font-weight: 600;
  color:#5B5B5B;
  font-size:20px !important;
}
.new_block_sub_heading p{
  color:#5B5B5B;
  font-size:15px !important;
}
.common_card_padding{
  padding: 20px;
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
}
.rdbi_block_right{
  height:50px;
  width:50px;
  border-radius: 100%;
  border:2px solid #E1F3FF;
  background-color:#FAFDFF;
  display:flex;
  align-items: center;
  justify-content: center;
}
.rdbi_block_right i{
  color:#F06906;
  font-size:16px;
}
.rdbi_block_left_div i{
  color:#129805;
}
.rdbi_block_left h6{
font-size:16px !important;
color:#585B5E;
}
.rdbi_block_left p{
  font-size:12px !important;
  color:#000;
}
.document{
  margin-left:5px;
}
.required_documents_block{
  margin-top:40px;
}
.rdbi_block_right1 i{
  color:#F06906;
  font-size:30px;
}
.yiat_block i{
  color:#5F6368;
  font-size:16px;
}
.yiat_block_p a, .yiat_block_p p{
  color:#585B5E !important;
}
.yiat_block a i{
  color:rgb(247,184,75) !important;
  font-size:14px;
  margin-right:6px;
}
.call_agent_button{
  border-radius: 30px;
  width: 160px;
  font-size: 14px;
}
.yiat_block_button{
  display:flex;
  justify-content: flex-end;
}
.large_text_div p{
  font-size:16px;
  color:#777777;
}
.reject_button{
  background-color: #f5cfc9 !important;
  color: rgb(230,83,60) !important;
  border-radius: 30px;
  width: 160px;
  font-size: 14px;
}
.approve_button{
  background-color: #b2ffea !important;
  color: rgb(38,191,148) !important;
  border-radius: 30px;
  width: 160px;
  font-size: 14px;
}

.invoice_table table.dataTable > thead > tr > th, .invoice_table table.dataTable > tbody > tr > td{
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
}
.invoice_table table.dataTable > thead > tr > th{
  color: #363636;
  background: #f1f1f1;
  font-weight: 600;
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
  position: relative;
  border-bottom:unset;
}
.invoice_table table.dataTable > thead > tr > th::after{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  left: 0;
}
/* .invoice_table table.dataTable > thead > tr > th:first-child{
  border-left: 1px solid rgba(0, 0, 0, 0.3) !important;
} */
.invoice_table table.dataTable > tbody > tr > td{
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.download_common_button{
  background-color: #e6ebff !important;
  color: #4e6acb !important;
  font-size: 12px !important;
  border-radius: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px;
}
.buttons-excel{
  background-color: #e4dbf7 !important;
    color: #8e2bc7 !important;
    border: none !important;
    padding: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    background: linear-gradient(to right, #F7E9FF, #F7E9FF) !important;
}
.buttons-pdf{
  background-color: #bde5ff !important;
  color: #4e66c7 !important;
  border: none !important;
  padding: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  background: linear-gradient(to right, #E6EBFF, #E6EBFF) !important;
}
.buttons-print{
  background: linear-gradient(to right, #E8FFF5, #E8FFF5) !important;
  color: #45B369 !important;
  border: none !important;
  padding: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
}
.invoice_table table.dataTable.display > tbody > tr:hover > *{
box-shadow: none !important;
}
.invoice_table table.dataTable.display > tbody tr > .sorting_1, .invoice_table table.dataTable.display > tbody tr > .sorting_1{
  box-shadow: none !important;
}
.invoice_table thead{
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
  z-index: 1;
}
.invoice_table #example{
  display: block;
  min-height: 280px;
  max-height: 280px;
  width: 100% !important;
  overflow-y: scroll;
  overflow-x: scroll;
  border:1px solid rgba(0, 0, 0, 0.3) !important;
}
.invoice_table .table>:not(caption)>*>*{
  border-bottom-width:1px;
}
.invoice_table div.dt-container .dt-length{
  display:none;
} 
.star-rating {
  display: inline-block;
}

.star {
font-size: 2rem;
color: lightgray;
cursor: pointer;
}
.star.selected {
color: gold;
}
.star_rating_box{
  width:45%;
  margin:0 auto;
  border: 2px dotted rgba(0, 0, 0, 0.3);
  padding: 20px;
  border-radius: 5px;
  position: relative;
}
.star_rating_box::after{
  position: absolute;
  content: "";
  bottom: -167px;
  right: -79px;
  width: 200px;
  height: 200px;
  background: #d9eeff;
  border-radius: 34% 66% 70% 30% / 32% 37% 63% 68%;
  z-index: -1;
}
.star_rating_box::before{
  position: absolute;
  content: "";
  top: -37px;
  left: -186px;
  width: 200px;
  height: 200px;
  background: #d9eeff;
  border-radius: 34% 66% 70% 30% / 32% 37% 63% 68%;
  z-index: -1;
}
.star_rating_box2::after{
  position: absolute;
  content: "";
  bottom: -22px;
  right: -178px;
  width: 200px;
  height: 200px;
  background: #d9eeff;
  border-radius: 34% 66% 70% 30% / 32% 37% 63% 68%;
  z-index: -1;
  transform: rotate(153deg);
}
.new_block_sub_heading1{
  text-align: center;
}
.star-rating{
display:flex;
justify-content: center;
}
.text_area_control{
  padding:9px 15px;
}
.sales_support_block{
  width:45%;
  margin:0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sales_support_block::before{
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background-color: #d4ecff;
  transform: rotate(-195deg);
  right: -28px;
  top: -55px;
  z-index: -1;
  border-radius: 30px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.082);
}
.sales_support_block::after{
  position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    background-color: #d4ecff;
    transform: rotate(-169deg);
    left: -28px;
    top: -50px;
    z-index: -1;
    border-radius: 30px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.082);
}
.sales_support_block h6{
  font-weight: 600;
  color: #5B5B5B;
  font-size: 20px !important;
  text-align: center;
}
.select_to_block .selection{
  width:100%;
}
.select_to_block .select2-container--default .select2-selection--single{
height:44px;
}
.select_to_block .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select_to_block .select2-container--default .select2-selection--single .select2-selection__arrow b{
  margin-top: 6px;
}
.support_body{
  position: relative;
  width:52%;
  margin:0 auto;
  box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
  height: 275px;
  background: linear-gradient(to top, #e6ffe4, #ffe4d1);
  overflow: hidden;
}
.support_body::after{
  content: url(https://www.justmakeinindia.com/html-template/oli-new-dashboard/assets/images/support-img.webp);
  position: absolute;
  right:0;
}
.support_body::before {
  position: absolute;
  content: "";
  width: 250px;
  height: 83px;
  background-color: #ffcfaa;
  transform: rotate(-169deg);
  left: 0;
  top: -48px;
  border-radius: 30px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.082);
  z-index: 1;
}
.support_body_inner{
  padding: 55px 15px 15px 15px;
}
.support_body_inner h6{
    color: #6e6e6e;
    font-size: 24px !important;
    margin-bottom: 0;
}
.cuyq_block{
  margin-top:15px;
}
.cuyq_block  p{
  width: 47%;
}
.sfd {
  display: none;
}
@media (min-width: 1200px) {
  .sidebar-menu li > a.active-page, .sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a {
        width: 204px;
  }
  .sidebar-menu-area{
         overflow-y: unset;
  }
  .sidebar-menu li.dropdown.dropdown-open > a::after {
    right: 31px;
}
.sidebar-menu li.dropdown.dropdown-open > a.request_callback{
  width: 196px;
}
.request_callback_icon{
  width: 15px !important;
}
.sidebar-menu li > .thired_submenu a.active-page{
  width: 172px;
}
.sidebar-menu li > .sidebar-submenu a.active-page{
  width: 196px;
}
.sidebar-menu .sidebar-submenu li a{
  padding: 0.4375rem 0.5rem;
}
}
@media (min-width: 1400px) {
  .sidebar-menu li > a.active-page, .sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a {
        width: 259px;
  }
  .sidebar-menu-area{
         overflow-y: unset;
  }
  .sidebar-menu li > .sidebar-submenu a.active-page {
    width: 251px;
}
.sidebar-menu li.dropdown.dropdown-open > a.request_callback {
  width: 251px;
}
.sidebar-menu li > .thired_submenu a.active-page {
  width: 227px;
}
}
@media (max-width: 767px) {
  .cuyq_block p{
    width:100%;
  }
  .support_body{
    width: 100%;
    height: 600px;
  }
  .cuyq_block {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .support_body::after{
    bottom:0;
  }
  .sales_support_block{
    width:100%;
  }
  .star_rating_box::after{
    bottom: -145px;
    right: 79px;
    width: 150px;
    height: 150px;
    background: #d9eeff;
    border-radius: 34% 66% 70% 30% / 32% 37% 63% 68%;
    z-index: -1;
  }
  .star_rating_box::before, .star_rating_box2::after{
    display:none;
  }
  .star_rating_box{
    width:100%;
  }
  .sidebar{
    width: 17.625rem;
  }
  .top_bar_menu_icon{
    justify-content: space-between;
  }
  .sidebar-menu li.dropdown.dropdown-open > a::after{
    right: 13px;
  }
  .home_page_block_inner{
    height: unset;
  }
  .right h3{
    text-align: left;
    margin-top:10px;
  }
  .tracking_delivery_block{
    flex-direction: column;
  }
  .servicename_id {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .yiat_block_button{
    justify-content: unset;
  }
  .active_block_right{
    justify-content: flex-start;
    margin-bottom:10px;
  }
  .servicename_idpp, .delivery_status{
    margin-left:0 !important;
  }
  .delivery_status, .tracking_delivery_block {
    align-items: flex-start !important;
  }
  .delivery_status {
    margin-top:15px;
  }
  div.dt-container .dt-paging{
    justify-content: center;
  }
}
@media (max-width: 344px) {
.tracking_id {
  flex-direction: column;
  align-items: flex-start !important;
}
.servicename_idppt{
  margin-left:0 !important;
}
}
@media (max-width: 342px) {
  .support_body_inner h6{
    font-size:22px !important;
  }
}