/* This is for custom style to be added. This is to avoid conflict to style.css and style.less+*/

.release-version>h3 {
  text-align: center;
  font-size: 15px;
}

textarea.h-100 {
  height: 100px;
}

/* THIS IS FOR TEST SERVER ONLY; PLEASE REMOVE ON LIVE */
/*
.navbar-top {
  background: #D33006 !important;
}
*/

.fc-circle-holder{
  float: left;
  padding-top: 5px;
  position: absolute;
  left: 1px;
  top: 0;
}
.fc-circle-item{
  background-color: black;
  width: 5px;
  height: 15px;
  /*border-radius: 100%;*/
  /*margin-right: 2px;*/
  /*margin-bottom: 2px;*/
  display: none;
}
.fc-circle-item.has-treatment-note{
  background-color: #fff;
  display: block;
  border: 1px solid #1b3282;
}
.fc-circle-item.has-billing-code{
  background-color: #1534a0;
  display: block;
  border: 1px solid #1b3282;
}

.mb-0{
  margin-bottom: 0!important;
}
.mb-15{
  margin-bottom: 15px!important;
}

#modalCalendar #modalCalendarForm.appointmentform .modal-title {
  margin-top: 0;
  font-size: 23px;
}

#modalCalendar #modalCalendarForm.appointmentform #modalCalendarTitle {
  margin-bottom: 0;
  margin-top: 7px;
  font-size: 16px;
}

#modalCalendar #modalCalendarForm.appointmentform .modal-body {
  padding: 15px 35px;
}

#modalCalendar #modalCalendarForm.appointmentform .modal-body .form-group-md {
  margin-bottom: 15px;
}

#modalCalendar #modalCalendarForm.appointmentform .modal-body .btn-actions .btn.btn-lg{
    padding: 8px 10px;
}

@media(max-height: 800px) {
  #modalCalendar .modal-dialog {
    padding-top: 10px;
  }

  #modalCalendar .form-group-md .form-control,
  #modalCalendar .form-group-md .select2-container .select2-choice,
  #modalCalendar .form-group-md .select2-container-multi .select2-choices {
    min-height: 36px;
    padding: 5px 12px;
  }

  #modalCalendar .form-group-md .select2-container-multi .select2-choices {
    padding: 2px 1px;
  }

  #modalCalendar .form-group-md .select2-container .select2-choice .select2-arrow {
    top: 3px;
  }

  /*Date and Time*/
  .bootstrap-datetimepicker-widget td span {
    height: 15px !important;
    line-height: 15px !important;
  }

  .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
    height: 15px !important;
    padding: 0 !important;
    font-size: 8px;
  }

  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 10px;
  }

  .bootstrap-datetimepicker-widget .btn {
    padding: 3px 6px !important;
    line-height: 1;
  }


}

.black-text {
  color: #222;
}

.red-text {
  color: #b94a48 !important;
}

.word-break-all {
  word-break: break-all;
}

ul.user-type-list {
  background-color: #1b3282;
  padding: 5px 0 !important;
}

ul.user-type-list li a.user-type {
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  color: #fff;
  font-size: 14px;
}

ul.user-type-list li a.user-type.active {
  text-decoration: underline;
}

ul.user-type-list li a.user-type.active:hover {
  text-decoration: underline;
}

ul.user-type-list li a.user-type:hover {
  background-color: #1b3282 !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  color: #fff;
  text-decoration: none;
}


.width-850px {
  width: 850px!important;
}
.width-33prc {
  width: 33%!important;
}

label.login-or:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: #dee3f0;
    height: 1px;
    width: 150px;
    z-index: 1;
}

label.login-or {
    margin-bottom: 15px;
    position: relative;
    display: block;
    text-align: center;
}

label.login-or:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: #dee3f0;
    height: 1px;
    width: 150px;
    z-index: 1;
}

.login-google-img {
  height: 50px;
}

.tab-bg-dark-blue .nav-tabs > li.funding-alert a {
  color: #d9534f!important;
  font-weight: bold !important;
}

.purple-bg {
  background-color: #A020F0;
}