.profile-thumb {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.error-prompt {
    display:none;
}
.icheck-primary {
   padding-left: 15px; 
}
#btn_delete_profile_picture {
    cursor: pointer;
    text-align: center;
    color: #0073ff;
}
.fa-times {
    color: #F00;
    width: 14px;
}
.fa-times.white {
    color: #FFF;
}
.fa-check {
    color: #0F0;
}
.fa-exclamation-circle {
    color: #007CFF;
}
.fa-exclamation-circle.warning {
    color: #f46b07;
}
.fa-hourglass {
    color:#f46b07;
}
.fa-status-0:before {
  content: "\f128";
}

.fa-status-0, .fa-status-5 {
  color:orange;
}
.fa-status-1:before {
  content: "\f254";
}
.fa-status-1 {
  color:orange;
}
.fa-status-2:before {
  content: "\f00c";
}
.fa-status-2 {
  color:green;
}
.btn-reservation-item-accept {
    background-color:green;
    border-color:green;
}
.btn-reservation-item-accept:hover {
    background-color:#07bd07;
    border-color:#07bd07;
}

.btn-reservation-item-reject {
    background-color:red;
    border-color:red;
}
.btn-reservation-item-reject:hover {
    background-color:#df2626;
    border-color:#df2626;
}

.fa-status-3:before {
  content: "\f12a";
}
.fa-status-3, .fa-status-4 {
  color:red;
}
.fa-status-4:before {
  content: "\f00d";
}
.fa-status-5:before {
  content: "\f128";
}
.password-reset {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top:6em;
}
.timepicker:not(.notoggle), #reminder-template {
    display:none;
}
.ui-datepicker, .timepicker, .ui-timepicker-container, .ui-timepicker-standard {
    z-index: 9999999 !important;
}
.login-tabs {
    margin-bottom: 0;
    padding: 0;
}
.login-tabs li {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    padding: 0 28px;
    cursor: pointer;
    font-weight: 400;
}
.login-tabs li.active {
    background-color: #fff;
    color: #000;
}
.modal-header {
    background-color: #00AEEF;
    border-color: transparent;
    padding: 0 0;
    border-bottom: 0;
    color:#fff;
}
.modal-header h4 {
    margin-top: 0.5em;
    padding-left: 1em;
}
.fade:not(.show) {
    opacity: 1;
}
.modal-header .close {
    margin: 0 0;
    color: #fff;
}
.reminder-item-add {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    border: 1px solid #000;
    border-radius: .25rem;
}
.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right, .nav-sidebar .nav-link > p > .right:nth-child(2) {
    right: 0.5rem;
}
div.list-order {
    text-align: center;
}
button.btn-property-nav, button.btn-event-nav, button.btn-company-nav, button.btn-food-item-nav, button.btn-reservation, button.btn-drinks-item-nav, button.btn-section-item-nav, input.btn-company-nav {
    width:100%;
    margin: 1em 0;
    color:#fff;
    background-color:#0850f9;
}
/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #04d739;
    background-color: #04d739;
}
span#live_description {
    line-height:2em;
}
.property-image-caption {
    max-width: 100%;
}
.property-thumb {
    padding-top:1em;
    border: 1px solid #ccc9c9;
    margin: 0.5em 0.5em;
}
.property-thumb a.icon-delete {
    float:right;
}
.media-drag-drop {
    border: 1px solid #ccc9c9;

    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 13em;    
}
.media-drag-drop h4 {
    text-align:center;
}
#amenities select,#extras select,#distances select,#details select {
    height: calc(2.25rem + 2px);
}
#amenities h4, #extras h4, #details h4, #distances h4, h4.extras  {
    color: #fff;
    background-color: #007bff;
}
.bootstrap-select.form-control {
    border: 1px solid #ced4da;
}
.bootstrap-select.form-control.ingredients {
    width: 50% !important;
    float: right !important;
}
/* Chrome, Safari, Edge, Opera numeric input fields get rid of counter*/
#amenities input::-webkit-outer-spin-button,
#amenities input::-webkit-inner-spin-button,
#extras input::-webkit-outer-spin-button,
#extras input::-webkit-inner-spin-button,
#distances input::-webkit-outer-spin-button,
#distances input::-webkit-inner-spin-button,
#payments input::-webkit-outer-spin-button,
#payments input::-webkit-inner-spin-button,
#AdultPrice::-webkit-inner-spin-button,
#ChildPrice::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  numeric input fields get rid of counter*/
#amenities input[type="number"], #extras input[type="number"], #distances input[type="number"], #payments input[type="number"], #AdultPrice[type="number"], #ChildPrice[type="number"] {
  -moz-appearance: textfield;
}
#amenities input:invalid, #extras input:invalid, #distances input:invalid, #payments input:invalid, #AdultPrice:invalid, #ChildPrice:invalid {
  border: 1px solid #ff0000;
}
.error {
    color:#ff0000;
}
#calendar div.ui-datepicker-inline {
    width:100% !important;
}
#map, #company-map, #prop-info-map, #property-map {
    min-height: 30em;
} 
div.icheck-primary.disabled label {
    opacity: .65;
}
.btn-add {
    color: #fff;
    background-color: #38d20c;
    border-color: #38d20c;
    box-shadow: none;
}
.btn-delete {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
    box-shadow: none;
}
#extrasEditModal div.modal-content {
    width:70vw;
    left:-20vw;
}
#templateTestModal div.modal-content {
    width:80vw;
    left:-25vw;
}
#current-status-message {
    background-color: #d0f9d2;
    border: 1px solid #bdbaba;
    border-radius: 3px;
}
#notes, #payments,.payments-table {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.msg {
    width: 80%;
    margin: 50px auto;
    border-radius: 15px;
    color: #fff;
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 0.25em;
    padding-left: 1em;
    padding-bottom: 1.25em;
}
.client-message {
    background: #28c8c8;
    margin-right: 1em;
}
.admin-message {
   background: #0487bb;
     margin-left: 1em;
}
/* speech bubble 13 */

.client-message:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 15px solid #28c8c8;
  border-right: 15px solid transparent;
  border-top: 15px solid #28c8c8;
  border-bottom: 15px solid transparent;
  right: -16px;
  top: 0px;
}
.client-message:after {
    content: "client question "attr(data-datetime);
    color:#0487bb;  
    position: absolute;
    right: 1em;
    bottom: 0em;
}

/* speech bubble 14 */

.admin-message:before {
  content: "";
  width: 0px;
  height: 0px;
  
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid #0487bb;
  border-top: 15px solid #0487bb;
  border-bottom: 15px solid transparent;
  left: -16px;
  top: 0px;
}
.admin-message:after {
    content: "admin reply "attr(data-datetime);
    color:#28c8c8;  
    position: absolute;
    left: 1em;
    bottom: 0em;
}
.top-left {
  float:left;
  background: #0487bb;
  border-radius: 3px;
}
.top-right {
  float:right;
  background: #28c8c8;
  border-radius: 3px;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 4em;
}

.event-image-caption {
    max-width:100%;
}
.modal-dialog.modal-prop-info-images, .modal-dialog.modal-prop-info-text, .modal-dialog.modal-prop-info-add, .modal-dialog.modal-prop-info-location, .modal-prop-info-location {
    max-width:none !important;
    width:90% !important;
}
div.property-info-readonly {
    height: 10em;
    overflow-y: auto;
    border-left: 1px solid #80808038;
    padding: 0.25em;
    border-right: 1px solid #80808038;
    border-bottom: 1px solid #80808038;
}
.nav-sidebar > .nav-item .nav-icon.fa-2x {
    font-size: 2em !important;
}
.menu-section-header {
    background-color: #4389f7;
    color: #fff;
}
.menu-editor {
    width:100%;
}
.menu-editor-header {
    background-color:#a7cdee;
    height: 2rem;
    padding-top: 4px;
}
.menu-item {
    background-color:#fff;
}
.menu-item button {
    padding-bottom: .125rem !important;
    padding-top: .125rem !important;
}
.section-label {
    width: 100%;
}
button.menu-section-item-delete, button.show-menu-items, button.show-previous-menu-items, button.menu-item-status, a.menu-item-edit {
    padding: .115rem .5rem;
    margin-top: -0.25rem;
}
.menu-item-inactive, .menu-section-inactive {
    opacity: 0.5;
}
#logo-container {
  position: relative;
  min-height: 10em;
  border: 1px solid #cecbcb;
}