/* Responsive CSS */
@media only screen and (min-width: 1600px){
  .ac-user-controls {
    float: right;
  }
}
@media only screen and (max-width:1600px){
.ac-shipping-time {
  font-size: 12px;
  margin-top: 1px;
}
.ac-in-stock-count {
  font-size: 12px;
}
}
@media only screen and (max-width:1580px){
.ac-search-wrap {
  width: 65%;
}
}
@media only screen and (max-width:1400px){
.ac-search-shrinked {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  left: 245px;
  position: fixed;
  top: 70px;
  width: calc(100% - 360px);
     height: 0;
    overflow: hidden;
}
.ac-search-on .ac-search-shrinked {
  height: auto;
}

.ac-search-shrinked i {
  left: 10px;
}
.ac-employees-unsorted li {
  padding: 10px;
}
}
@media only screen and (max-width:1366px){
.ac-distributor-card {
  width: calc(33.33% - 15px);
}
}
@media only screen and (max-width:1300px){
.ac-employees-unsorted li {
  width: 33.3%;
}
.ac-employees-unsorted li:nth-child(4), .ac-employees-unsorted li:nth-child(5) {
  border-top: 1px solid #e9e9e9;
}
.ac-employees-unsorted > li:nth-of-type(5n) {
  border-right: 1px solid #e9e9e9;
}
.ac-employees-unsorted > li:nth-of-type(3n) {
  border-right: medium none;
}
.ac-order-status td{font-weight: normal;font-size:11px;line-height: 13px !important;}
.ac-order-status th{font-size:12px;line-height: 12px !important;}
}
@media only screen and (max-width:1200px){
.ac-search-wrap {
  width: 20%;
}
.ac-prod-right {
  margin-top: 30px;
}
}
@media only screen and (max-width:1024px){
.ac-main-nav-body li i.flip{display: none;}
.ac-main-nav-body li i.flop{display: block !important;}
.ac-main-nav-wrap {
  overflow-x: hidden;
  width: 80px;
}
.ac-search-shrinked {
  left: 80px;
  width: calc(100% - 80px);
}
.ac-main-nav-toggle{display: none;}
}
@media only screen and (max-width:900px){
  .ac-single-stat-inset span {
    height: auto;
    padding: 15px 0;
  }
  /* .ac-global-header{padding-right: 0;} */
  .ac-quick-access-wrap{display: none;}
  /* .ac-main-nav-on .ac-global-header{padding-right: 0;} */
  /* .ac-create-employee-drawer{top:0;height: 100%;} */
  .ac-profile-drawer{top:0;height: 100%;}
  .ac-edit-profile-drawer{top:0;height: 100%;}
  .ac-location-details-drawer{top:0;height: 100%;}
  .ac-add-retailer-drawer{top:0;height: 100%;}
  /* .ac-create-employee-on .ac-create-employee-drawer{right: 0 !important;} */
  .ac-profile-drawer-on .ac-profile-drawer{right: 0 !important;}
  .ac-edit-profile-drawer-on .ac-edit-profile-drawer{right: 0 !important;}
  .ac-locationDetails-on .ac-location-details-drawer{right: 0 !important;}
  .ac-add-retailer-on .ac-add-retailer-drawer{right: 0 !important;}

}
@media only screen and (max-width:800px){
.ac-search-wrap {
  width: 70px;
}
.ac-user-actions h3 {
  display: none;
}
.ac-user-drop-wrap::before {
  left: auto;
  right: 20px;
}
.ac-employees-unsorted span {
  height: 80px;
  width: 80px;
}
.ac-employees-unsorted h4 {
  font-size: 13px;
  line-height: normal;
  margin-top: 8px;
}
.ac-employees-unsorted h5 {
  font-size: 11px;
  line-height: normal;
}
.ac-distributor-card {
  width: calc(50% - 15px);
}
}

@media only screen and (max-width:767px){
.xs-text-left {
  text-align: left;
}
.ac-order-status td, .ac-order-status th {
  padding: 5px !important;
}
}

@media only screen and (max-width:640px){
.ac-generic-wrap {
  padding: 0;
}
.ac-place-order {
  background-position: center top 5px;
  border-radius: 7px;
  font-size: 0;
  height: 32px;
  padding: 0;
  width: 35px;
}
.ac-distributor-card {
  width:100%;
  margin-right:0px;
}
}

@media only screen and (max-width:500px){
.ac-employees-unsorted li {
  border-bottom: 1px solid #e9e9e9;
  border-right: medium none !important;
  border-top: medium none !important;
  width: 100%;
}
}

@media only screen and (max-width:450px){
  .ac-logo-bg {background-size: contain;}
.ac-search-wrap {
  left: 80px;
  position: absolute;
  top: 0;
}
.ac-user-controls {
  width: 100%;
}
}
@media only screen and (max-width:400px){
.ac-search-wrap {
  padding: 0;
  width: 40px;
}
}
@media only screen and (max-width:370px){
.ac-place-order-btn {
  margin-right: 0;
}
.ac-notification-links {
  margin-right: 10px;
}
}
@media only screen and (max-width:345px){
.ac-search-wrap{display: none;}
}









/* store front start */
.sf_total_div_wrapper {
  float: left;
  width: 100%;
}
.sf_total_div_wrapper h4 {
  font-size: 18px;
  color: #73849e;
}
.sf_breadcrumb_wrapper {
  width: 100%;
  float: left;
  padding: 0px 0px 20px 0px;
}
.sf_breadcrumb_wrapper span {
  font-size: 11px;
  color: #777777;
  width: auto;
  padding-right: 15px;
  position: relative;
  cursor: pointer;
}
.sf_breadcrumb_wrapper span i img {
  width: 100%;
  height: 100%;
}
.sf_breadcrumb_wrapper span i {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 13px;
  height: 13px;
  padding: 3px;
}
.sf_search_wrapper {
  float: left;
  width: 100%;
  border: 1px solid #E3E4E6;
  background-color: #fff;
}
.sf_search_wrapper_btns {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px 15px;
}
.sf_search_wrapper_btns button.sf_btn_reset {
  padding: 15px 40px 15px 40px;
  border: 1px solid #a9a9a9;
  background-color: #ffffff;
  color: #3c3c3c;
  border-radius: 30px;
  outline: none;
  margin-right: 5px;
  font-size: 13px;
  background-image: url(../images/clear-search.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.sf_search_wrapper_btns button{
  position: relative;
}
.sf_search_wrapper_btns button:active {
  top: 3px;
}
.sf_search_wrapper_btns button.sf_btn_search {
  padding: 15px 40px 15px 40px;
  border: 1px solid #38506A;
  background-color: #38506A;
  color: white;
  border-radius: 30px;
  outline: none;
  font-size: 13px;
  background-image: url(../images/search-button.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.sf_search_input_fields {
  float: left;
  width: 100%;
}
.sf_search_wrapper h5 {
  font-weight: 600;
  color: #9c9c9c;
  text-decoration: underline;
  font-size: 13px;
  margin-left: 15px;
}
.sf_search_input_fields label {
  font-size: 12px;
  color: #6d6d6d;
  font-weight: 100;
  float: left;
}
.sf_search_input_fields input, .sf_search_input_fields select {
  border-radius: 0px;
  outline: none;
  height: 30px;
  font-size: 12px;
  color: black;
  box-shadow: none;
}
.sf_search_input_fields input::placeholder{
  font-size: 12px;
}

/* checkbox */
.innerTdCheck {
  height: 25px;
  width: 25px;
  position: relative;
}
.innerTdCheck:after {
 content: '\00D7';
 display: block;
 background: #ffffff;
 background-image: url(../../assets/img/tick_whiite.png);
 pointer-events: none;
 font-size: 15px;
 position: absolute;
 top: 0px;
 left: 0;
 height: 20px;
 width: 20px;
 color: transparent;
 transition: .25s all ease-in-out;
 line-height: 15px;
 background-position: 0 21px;
 background-repeat: no-repeat;
 background-size: 13px 13px;
 border-width: 2px;
 border-style: solid;
 border: 1px solid #cccccc;
}
.innerTdCheck:checked:after {
  background-color: #556AB6;
  background-position: 3px 3px;
  border: 1px solid #838383;
}
.innerTdCheck:hover:after {
  border-color: #c2c2f7;
}
/* checkbox */

/* table */
.wrapper {
  width: 100%;
  position: relative;
  border: 1px solid #c7c7c7;
  background: #efefef;
  overflow: hidden;
  border-radius: 5px;
}
.sf_setting_icon {
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0px;
  top: 0px;
  background-color: white;
  z-index: 9;
  cursor: pointer;
  padding: 10px;
}
.sf_setting_icon img {
  width: 100%;
  height: 100%;
}
.sf_setting_drop {
  background-color: white;
  top: 10px;
  right: 114px;
  width: 150px;
  position: relative;
  padding: 13px;
  color: black;
  box-shadow: 0px 0px 20px -1px #ccc;
  display: none;
}
.box {
  border: 1px solid #000;
  width: 400px;
}
.contain {
  border-top: 46px solid transparent;
}
.contain::-webkit-scrollbar {
  width: 5px;
}
.contain::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}
.contain::-webkit-scrollbar-thumb {
  background-color: rgb(184, 208, 255);
}
table.sf_data_listing_table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
input.innerTdCheck {
  width: 20px;
  height: 20px;
  float: left;
}
.sf_data_listing_table tr{
  background-color: white;
}
.sf_data_listing_table tr:hover {background-color:#f5f5f5;}
.tdStyle{
  text-align: center;
}
.tdSearchInput{
  width: 100%;
  padding: 3px 5px;
}
.sf_data_listing_table td, .sf_data_listing_table th {
  border-bottom: 1px solid #f7f7f7;
  padding: 5px 10px;
  font-size: 12px;
}
.sf_data_listing_table thead tr th {
  height: 0;
  line-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.sf_data_listing_table thead tr th div {
  position: absolute;
  color: #fff;
  padding: 15px 10px;
  margin-left: -10px;
  line-height: normal;
  width: 100%;
  z-index: 2;
  text-align: left;
  font-weight: bold;
}
.sf_data_listing_table tfoot tr td div {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}
.sf_data_listing_table thead tr th div.c1 {
  background: #676767;
  text-transform: capitalize!important;
}
.sf_data_listing_table thead tr th div {
  top: 0;
}
.tblTopBtns {
  width: 100%;
  float: left;
  padding: 10px;
}
.tblTopBtns span {
  width: 22px;
  height: 22px;
  float: right;
  cursor: pointer;
}
.tblTopBtns span img {
  width: 100%;
}
.tableSearchingTr{
  display: none;
}
/* table */

.sf_popup {
 position: fixed;
 margin: auto;
 width: 500px;
 height: 300px;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background-color: white;
 z-index: 9999;
 box-shadow: 0px 0px 20px -4px #ccc;
 padding: 30px;
}
.sf_innerDiv {
  width: 100%;
  height: 100%;
  border: 1px solid #eaeaea;
  position: relative;
}
.sf_innerDiv_hwad {
  width: 100%;
  float: left;
  height: 60px;
  background-color: #F2F2F2;
  text-align: center;
}

.sf_innerDiv_hwad h4 {
  font-size: 17px;
  line-height: 40px;
  color: black;
}
.sf_innerdiv_content_wrapper select {
  float: left;
  width: calc(100% - 170px);
  margin-left: 85px;
  border-radius: 2px;
  height: 30px;
  border: 1px solid #b9b9b9;
  background-color: white;
  outline: none;
}

.sf_innerdiv_buttons {
  float: left;
  width: 100%;
  text-align: center;
  padding: 20px;
}

.sf_innerdiv_content_wrapper {
  float: left;
  width: 100%;
  padding-top: 25px;
}
.sf_btn_createNew{
 padding: 5px 15px;
 border: 1px solid #a9a9a9;
 background-color: #ffffff;
 color: #4c4c4c;
 border-radius: 30px;
 outline: none;
 margin-right: 5px;
}
.sf_btn_continue{
  padding: 5px 15px;
  border: 1px solid #38506A;
  background-color: #38506A;
  color: white;
  border-radius: 30px;
  outline: none;
}
.sf_popup_CloseButton{
 position: absolute;
 width: 30px;
 height: 30px;
 right: -15px;
 top: -15px;
 border-radius: 40px;
 padding: 10px;
 background-color: white;
 box-shadow: 0px 0px 13px -4px rgb(0, 0, 0);
 background-image: url(../../assets/img/imgPopupClose.png);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 10px;
 cursor: pointer;
 transition: all 300ms;
}
.sf_popup_fadebg {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color: #00000070;
 z-index: 9999;
}
.sf_draft_btn_dropdown {
    position: absolute;
    height: auto;
    min-height: 40px;
    padding-top: 0px;
    width: auto;
    min-width: 180px;
    background-color: white;
    right: 0px;
    top: 40px;
    z-index: 99;
    box-shadow: 0px 0px 14px -2px #ccc;
    border: 1px solid #d0d0d0;
    display: none;
  }
  .sf_draft_drop_check span img {
    width: 30px;
    margin-right: 5px;
}
.sf_draft_drop_check {
  float: left;
  width: 100%;
  padding: 5px 10px;
cursor: pointer;
}
.sf_draft_drop_check:hover{
  background-color: #E7E7EE;
}
.sf_draft_drop_check input.innerTdCheck {
  width: 20px;
  height: 20px;
}
.sf_draft_drop_check span {
  color: black;
  position: relative;
  top: 0px;
  margin-left: 5px;
}
.sf_draft_drop_check span img {
  width: 30px;
  margin-right: 5px;
}
.sf_draft_drop_btn {
  float: left;
  width: 100%;
  text-align: center;
  padding: 5px 10px;
}

.sf_draft_drop_btn button {
  background-color: #34516b;
  border: 1px solid #34516b;
  color: white;
  border-radius: 30px;
  padding: 3px 15px;
  outline: none;
}

/* Draft listing */
.sf_draft_tbltop_btn_wrapper {
  text-align: right;
}

.sf_draft_tbltop_btn_wrapper button {
  border: 1px solid #34516b;
  background-color: white;
  border-radius: 40px;
  padding: 5px 15px 5px 40px;
  color: #34516b;
  font-size: 13px;
  position: relative;
  margin-left: 5px;
}
.sf_draft_tbltop_btn_wrapper span {
  float: left;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
  top:0px;
  padding: 3px;
}

.sf_draft_tbltop_btn_wrapper span img {
  width: 100%;
  height: 100%;
}
td.sf_ststus_red_text {
  color: red;
}
td.sf_ststus_green_text {
  color: green;
}
td.sf_tbl_action_listing {
  color: #6281f3;
  text-decoration: underline;
  cursor: pointer;
}
/* draft Listing end */
/* store front end */




/* listing Details */
.sf_listing_details_wrapper {
  float: left;
  width: 100%;
  border: 1px solid #e3e4e6;
  background-color: white;
  border-radius: 5px;
  margin-top: 15px;
  box-shadow: 0px 0px 19px -3px #ccc;
}

.sf_listing_details_head {
  padding: 5px 15px;
  border-bottom: 1px solid #e3e4e6;
}

.sf_listing_details_head h4 {
  color: #4F6EB4;
  font-size: 15px;
}
.sf_listing_details_field_wrapper {
  float: left;
  width: 100%;
  padding: 15px 0px;
}
.sf_listing_details_field_wrapper .form-group label {
  font-size: 12px;
  color: #6d6d6d;
  font-weight: 100;
}

.sf_listing_details_field_wrapper .form-group input, .sf_listing_details_field_wrapper .form-group select {
  border-radius: 0px;
  outline: none;
  height: 32px;
  font-size: 12px;
  color: black;
}
.sf_listing_details_field_wrapper .form-group input::placeholder{
  font-size: 12px;
}
.sf_wrapper_bottom_div {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.sf_wrapper_bottom_parent_div{
  width: 100%;
  display: inline-block;
}
.sf_wrapper_bottom_div span {
  position: relative;
  top: 5px;
  margin-left: 10px;
  float: left;
}
input.form-control.checkInputBox {
  width: 400px;
  float: left;
  margin-left: 25px;
  border-radius: 0px;
  height: 32px;
}
.sf_listing_details_action_buttons button{
  position: relative;
}
.sf_listing_details_action_buttons button:active{
  top: 3px;
}
.sf_listing_details_action_buttons {
  float: left;
  width: 100%;
  padding: 15px 0px;
}
button.btn_first {
  background-color: white;
  border: 1px solid #345268;
  border-radius: 50px;
  padding: 5px 15px;
  color: #345268;
  margin-right: 5px;
  outline: none;
}
button.btn_Second {
  background-color: #345268;
  border: 1px solid #345268;
  border-radius: 50px;
  padding: 5px 15px;
  color: #ffffff;
  outline: none;
}
.sf_listing_details_tabs {
  float: left;
  width: 100%;
  /* padding: 10px 0px; */
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 15px;
}
.sf_listing_details_tabs div {
  padding: 10px 15px;
  font-size: 15px;
  cursor: pointer;
  transition: all 200ms;
  border-bottom: 3px solid #fff0;
  text-align: center;
  float: left;
}
.sf_listing_details_tabs div:hover{
  border-bottom: 3px solid #00B3F9;
  font-weight: 600;
  transition: all 200ms;
}
.sf_total_div_wrapper h5 {
  float: left;
  width: 100%;
  color: #4F6EB4;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sf_backto_page_wrapper {
  float: left;
  width: 100%;
  padding: 10px 0px;
}

.sf_backto_page_wrapper button {
  background-color: #fff0;
  border: none;
  padding-left: 30px;
  color: #4f6eba;
  position: relative;
  font-size: 15px;
}

.sf_backto_page_wrapper button img {
  position: absolute;
  left: 0px;
  width: 18px;
  top: 5px;
}

.sf_Loader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #00000026;
    z-index: 9999;
}
.sf_loader_img {
    width: 180px;
    height: 180px;
    margin: auto;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: fixed;
}
.sf_loader_img img {
    width: 100%;
    height: 100%;
}
.sf_draft_listing_btn.draft-list-disable {
    color: grey !important;
    background: #ccc !important;
    cursor: default !important;
}

span.list-view-action-item {
  cursor: pointer;
  color: #4f6eba;
}
.sf_weight_box_style input{
  width: 70%;
  float: left;
  border: 1px solid #cccccc;
  padding-left: 10px;
}
.sf_weight_box_style select{
  width: 30%;
  background-color: #ccc;
}
.sf_country_Listing {
  position: absolute;
  width: 90%;
  height: auto;
  max-height: 200px;
  overflow: auto;
  background-color: white;
  z-index: 9;
  border: 1px solid #cccccc;
}
.sf_country_Listing::-webkit-scrollbar {
  width: 5px;
}
.sf_country_Listing::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}
.sf_country_Listing::-webkit-scrollbar-thumb {
  background-color: rgb(184, 208, 255);
}
.sf_country_Listing span {
  width: 100%;
  float: left;
  padding: 5px 5px;
  border-bottom: 1px solid #e4e4e4;
}
.sf_country_Listing span:hover{
  background-color: #e2e2e2;
}
.empty-table {
  float: left;
  width: 90.3%;
  background-color: #ffffff;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.empty-table span {
  width: 100%;
  float: left;
  color: #616161;
  font-size: 18px;
}
.sf_Refresh_btn {
  width: 30px;
  height: 30px;
  position: relative;
  right: 15px;
  top: 0px;
  padding: 5px;
  /* border: 1px solid black; */
  border-radius: 5px;
  float: left;
  cursor: pointer;
}
.sf_Refresh_btn img {
  width: 100%;
  object-position: center;
}
.sf_Refresh_btn:hover{
  background-color: #99c6f7;

}
.sf_tbl_top_ctrl_wrapper {
  float: left;
  width: auto;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
.sf_payment_selection_check {
  float: left;
  width: 100%;
  padding: 5px 0px 5px 0px;
}

.sf_payment_selection_check input {
  margin: 0px;
  position: relative;
}

.sf_payment_selection_check {
  float: left;
  width: 100%;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #eaeaea;
}

.sf_payment_selection_check input {
  margin: 0px;
  position: relative;
}

.sf_payment_selection_check span {
  margin-left: 10px;
  color: black;
  font-size: 13px;
  position: relative;
  top: 2px;
}
.sf_payment_container {
  float: left;
  width: 100%;
  position: relative;
}
.sf_payment_selection_wrapper {
  position: absolute;
  width: 100%;
  background-color: white;
  z-index: 9;
  padding: 10px 0px;
  overflow: auto;
  border: 1px solid #eaeaea;
  box-shadow: 0px 0px 15px -6px;
  top: 40px;
  height: auto!important;
  max-height: 210px;
  display: none;
}
.sf_payment_selection_wrapper::-webkit-scrollbar {
  width: 5px;
}
.sf_payment_selection_wrapper::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}
.sf_payment_selection_wrapper::-webkit-scrollbar-thumb {
  background-color: rgb(184, 208, 255);
}
.sf_payment_selection_check input, .sf_wrapper_bottom_div input{
  height: 20px!important;
  width: 20px;
}
.sf_listing_details_wrapper.error-content-div {
  padding: 1%;
  color: red;
}
/* listing Details end */

/* checkbox */

.ac_prod_detail_innerTdCheck {
  height: 20px;
  width: 20px;
  position: relative;
  margin: 0px;
  /* z-index: 5; */
}

.ac_prod_detail_innerTdCheck:after {
  content: '\00D7';
  display: block;
  background: #ffffff;
  background-image: url(./../../../../assets/img/tick_whiite.png);
  pointer-events: none;
  font-size: 15px;
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  color: transparent;
  transition: .25s all ease-in-out;
  line-height: 15px;
  background-position: 0 21px;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  border-width: 2px;
  border-style: solid;
  border: 1px solid #3f8dd3;
}

.ac_prod_detail_innerTdCheck:checked:after {
  background-color: #3f8dd3;
  background-position: 3px 3px;
  border: 1px solid #3f8dd3;
}

/* checkbox */

.ac_prod_detail_innerTdCheck:disabled:after {
  border: 1px solid #8a8a8a;
  background-color: #bbbbbb;
}
/* checkbox end */


/*
Calender css
*/
.dp-calendar-nav-container {
  border: 1px solid #e0e0e0!important;
}

button.dp-nav-header-btn {
  height: 20px;
  width: 80px;
  border: none;
  background: #fff;
  outline: 0;
}

button.dp-calendar-nav-left {
  border: none;
  background: #fff;
  outline: 0;
  font-size: 16px;
  padding: 0;
}

button.dp-calendar-nav-right {
  border: none;
  background: #fff;
  outline: 0;
  font-size: 16px;
  padding: 0;
}
.dp-calendar-wrapper {
  border: 1px solid #e0e0e0!important;
}
span.dp-calendar-weekday {
  height: 25px;
  width: 30px;
  line-height: 25px;
  color: #7a7a7a;
  border: none!important;
}
button.dp-calendar-day {
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
  border: none;
  outline: 0;
}
button.dp-calendar-day.dp-current-month.dp-current-day {
  border: 1px solid #106cc8;
}
dp-day-time-calendar dp-time-select {
  border: 1px solid #e0e0e0!important;
  border-top: 0;
}



dp-time-select .dp-time-select-control-down, dp-time-select .dp-time-select-control-up{
  box-sizing: border-box;
  background: 0 0;
  border: none;
  outline: 0;
  border-radius: 50%;
}

dp-day-calendar .dp-calendar-day:hover{
  background: #e0e0e0;
}

dp-day-calendar .dp-selected{
background: #106cc8;
color: #fff;
}
dp-day-calendar .dp-selected:hover {
  background: #106cc8;
}
dp-month-calendar .dp-current-month{
  border: 1px solid #106cc8;
}
dp-month-calendar .dp-calendar-month{
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
  border: none;
  outline: 0;
}
dp-month-calendar .dp-current-month{
  border: 1px solid #106cc8;
}
/* dp-date-picker{
  margin-left: 127px;
} */
/*
Calender css end
*/