.invoice-notification--content {
  position: relative;
  width: calc(100% - 12px);
  max-width: 440px;
  margin-right: 0;
  margin-left: auto;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: #1d1e20;
  border: 2px solid #3b7eff;
  border-radius: 8px;
  padding: 25px 20px 20px;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  overflow: hidden;
}

.invoice-payment-systems #sb_pay_btn {
  background-color: #1d1e20;
  color: #ffffff;
}

#invoice-payment-systems #sb_pay_btn {
  background-color: #1d1e20;
  color: #ffffff;
}

.file-upload__wrapper {
  position: relative;
  margin-bottom: 5px;
  border: 2px solid #3b7eff;
  border-radius: 0;
  padding: 0;
}

.btn-danger {
    color: #fff;
    background-color: #3b7eff;
    border-color: #3b7eff;
}

.css-aezqgw-button-Button {
  background-color: rgb(29, 30, 32);
  border: medium none;
  border-radius: 0px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: initial;
  font-size: 15px;
  height: 48px;
  line-height: calc(3.2);
  outline: none;
  padding: 0px;
  text-align: center;
  width: 100%;
}

.file-upload__phantom-trigger__txt {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 18px;
  font-size: 13px;
  line-height: 1.25;
  background: #3b7eff;
  border-radius: 0px;
  min-width: 130px;
  cursor: pointer;
}

.invoice-pay-page .pd {
  padding: 16px 20px;
  display: none;
}

.invoice-notification--content {
  position: relative;
  width: calc(100% - 12px);
  max-width: 440px;
  margin-right: 0;
  margin-left: auto;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: #1d1e20;
  border: 2px solid #3b7eff;
  border-radius: 8px;
  padding: 25px 20px 20px;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  overflow: hidden;
}

.invoice-pay-page .grey-block {
  background: #3b7eff;
  padding: 32px 20px;
}

.invoice-pay-page .invoice-table thead {
  background: #1d1e20;
}

.invoice-pay-page .invoice-table tbody tr:nth-child(2n+1) {
  background: gray;
}

.invoice-pay-page .invoice-pay-page-grid {
  flex-direction: column;
  background-color: #3b7eff;
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}

.is-widget .invoice-pay-page .custom-title {
  background-color: #3b7eff;
  color: #fff;
  font-family: oswald;
  text-transform: uppercase;
}

#sb-timeline #steps-nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #3b7eff;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.accordion a {
    color: #d42853;
}

#sb-timeline #steps-nav li .content .title-small {
    cursor: pointer;
    width: 100%;
    font-size: 22px;
    font-family: oswald;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
    color: #1d1e20 !important;
    text-transform: uppercase;
}

#sb-timeline #steps-nav li:not(.passed) .title-small {
    color: #1d1e20 !important;
    margin-top: 12px;
}

#sb-timeline #steps-nav li.filled .content .title-small, #sb-timeline #steps-nav li.passed .content .title-small {
  font-weight: bold;
  font-family: oswald;
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 12px;
}

#sb-timeline #steps-nav {
  min-height: 88px;
  box-shadow: 0 0 2.25px .75px rgba(0,0,0,.2);
  background-color: #3b7eff;
  width: 100%;
  margin-bottom: 85px;
}

.file-upload__phantom-trigger__txt {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 18px;
    font-size: 13px;
    line-height: 1.25;
    background: #3b7eff;
    border-radius: 0px;
    min-width: 130px;
    cursor: pointer;
}

.invoice-pay-page .grey-block {
  background: #3b7eff;
  padding: 32px 20px;
}

.invoice-notification--content {
  position: relative;
  width: calc(100% - 12px);
  max-width: 440px;
  margin-right: 0;
  margin-left: auto;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: #3b7eff;
  border: 2px solid #3b7eff;
  border-radius: 8px;
  padding: 25px 20px 20px;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  overflow: hidden;
}

.is-widget #sb-timeline {
    padding-bottom: 90px;
    background-color: #1d1e20;
}

