body, html {
    font-family: 'Montserrat', sans-serif !important;
    /* font-family: 'Open Sans', sans-serif !important; */
    height: 100%;
    color: #333;
    font-size: 14px;
    margin: 0;
}
body {
    overflow-x: hidden;
    background: #EFF5F7;
}
body .ui-widget, body .ui-widget .ui-widget, body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button {
    font-family: 'Montserrat', sans-serif !important;
    /* font-family: 'Open Sans', sans-serif !important; */
}
body a {
    color: #1747E3;
    text-decoration: none;
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
}
ul {
    margin: 0;
    padding: 0;
}
::selection {
    background: #000;
    color: #FFF;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*:focus {
    outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.hide {
    display: none !important;
}
.text-danger {
    color: #E85757 !important;
}
.form-group {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}
.form-group label {
    margin-bottom: 10px;
    font-weight: 400;
}
.form-group .form-control {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #555;
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 500;
}
.form-group .form-control:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}
.form-group textarea.form-control {
    height: 100px;
}
.form-control:focus {
    border: 1px solid #006fd0;
}
.has-error .form-control {
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    border-color: rgb(255, 86, 86);
}
.has-error .control-label {
    color: rgb(255, 86, 86);
    margin-top: 5px;
    font-weight: 500;
}
.margin-0 {
    margin: 0;
}
.padding-0 {
    padding: 0 !important;
}
.required::after {
    width: 5px;
    height: 5px;
    background: #ff5656;
    display: inline-block;
    content: "";
    margin-left: 5px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -3px;
}
span.form-control-info {
    width: 100%;
    display: inline-block;
    color: #777;
    margin-top: 5px;
}
.disabled label, .disabled .fa {
    color: #777;
}
.timepicker, .datepicker {
    position: relative;
    display: inline-block;
    width: 100%;
}
.datepicker > .bk, .timepicker > .bk {
    position: absolute;
    top: 13px;
    right: 10px;
}
.filter-by-date .datepicker > .bk {
    top: 15px;
}
.ui-calendar {
    width: 100%;
}
body .ui-widget-content.ui-tabview {
    background: transparent;
    /*margin-bottom: 30px;*/
}
.ui-tabview-panels {
    background: #fff;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.18);
}
.ui-tabview.ui-tabview-top > .ui-tabview-nav, body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
    background: transparent !important;
    padding: 10px 15px;
    font-weight: 600;
    border: none;
    position: relative;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
    border: none;
    background: #fff !important;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, body .ui-tabview.ui-tabview-left .ui-tabview-nav, body .ui-tabview.ui-tabview-right .ui-tabview-nav {
    border-bottom: none;
    margin-bottom: -1px;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
    background: #fff !important;
    border: none;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.18);
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
    color: #333 !important;
}
.ui-datepicker.ui-widget.ui-widget-content {
    background: #fff;
}
.ui-tabview li .fa-circle {
    background: #ff5656;
    margin-left: 5px;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.has-error a {
    color: #ff5656 !important;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #888888;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #333333;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.ui-button {
    font-weight: 600;
    text-transform: uppercase;
}
.add-btn.ui-button {
    padding: 6px;
}
.add-btn.ui-button:active {
    box-shadow: none;
}
.form-group .ui-g-6, .form-group .ui-g-4, .ui-g-12 {
    padding: 0px 10px 0px 0px;
}
.row {
    display: inline-block;
    width: 100%;
}
.label-default .bk-cross {
    margin-left: 5px;
    cursor: pointer;
    vertical-align: middle;
}
.table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: separate;
}
.table > thead > tr > th {
    border: none;
    color: #777;
    font-weight: 600;
}
.table-view colgroup .url  {
    /*width: 435px;*/
}
.table-view colgroup .status, .table-view colgroup .actions {
    width: 85px;
}
.table-view colgroup .assigned-to {
    width: 120px;
}
.table-view th.actions, .table-view td.actions {
    text-align: center;
}
.table-view td.actions .bk-list-actions {
    cursor: pointer;
}
.table-view tbody tr {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    background: #fff;
    border-radius: 4px;
}
.table-view tbody tr.fade td {
    opacity: 0.7;
}
.table-view tbody tr.fade td.status, .table-view tbody tr.fade td.actions {
    opacity: 1;
}
.table-view tbody tr.blank {
    box-shadow: none;
    background: transparent;
}
.table-view .table thead th, .table-view .table tbody td {
    vertical-align: middle;
}
.table-view tbody tr td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.table-view tbody tr:not(.blank):hover td {
    border-top: 1px solid #1747E3;
    border-bottom: 1px solid #1747E3;
}
.table-view tbody tr:not(.blank) td:first-child {
    border-left: 1px solid #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.table-view tbody tr:not(.blank) td:last-child {
    border-right: 1px solid #fff;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.table-view tbody tr:not(.blank):hover td:first-child {
    border-left: 1px solid #1747E3;
}
.table-view tbody tr:not(.blank):hover td:last-child {
    border-right: 1px solid #1747E3;
}
.table-view tbody tr.blank td {
    border: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 20px 10px;
}
.table-view td {
    color: #555;
    font-weight: 600;
}
.table-view tbody tr.blank td {
    padding: 7px;
}

.table-view tbody tr.no-result td {
    text-align: center;
}
.table-view tbody tr.no-result {
    background: #fff;
}
.table-view label {
    color: #333;
    margin: 0;
}
.table-view .label {
    padding: 2px 12px;
    font-size: 12px;
}
.table-view p {
    margin: 0;
}
.table-view .row {
    margin: 0 0 5px 0;
    display: inline-block;
    width: 100%;
}
.table-view td .icon  {
    width: 20px;
}
.table-view td p  {
    margin-bottom: 5px;
}
.table-view td p:last-child  {
    margin-bottom: 0;
}
.table-view td .title {
    float: left;
    margin-right: 5px;
}
.table-view td .value {
    overflow: hidden;
    display: block;
    word-break: break-all;
}
.navbar-default .ui-menu {
    margin-top: 24px;
}
.ui-menu {
    background: #fff !important;
}
.ui-menu .ui-menuitem-link:hover {
    background-color: #1747E3 !important;
}
body .ui-dialog {
    background: #fff !important;
}
.ui-dialog .ui-dialog-footer {
    padding: 1em !important;
}
.ui-btn-lg {
    padding: 10px 30px !important;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: transparent;
    opacity: 1;
    border: 2px solid #fff;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1747E3;
}
.panel {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.18);
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
}
.panel-heading {
    padding: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #d3d3d3;
}
.panel-heading h3 {
    margin: 0 !important;
    color: #777;
    font-size: 14px;
    font-weight: 600;
}
.panel-content {
    padding: 20px;
    display: inline-block;
    width: 100%;
}
body .ui-state-disabled, body .ui-widget:disabled {

}
/*body .ui-button:not(.fc-next-button):not(.fc-prev-button):not(.fc-today-button):not(.fc-month-button):not(.fc-agendaWeek-button):not(.fc-agendaDay-button),
body .ui-button:not(.fc-next-button):not(.fc-prev-button):not(.fc-today-button):not(.fc-month-button):not(.fc-agendaWeek-button):not(.fc-agendaDay-button):enabled:hover {
    color: #fff !important;
    background: #2961E4 !important;
    background: -webkit-linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    background: -o-linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    background: -moz-linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    background: linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    border: none;
}*/
body .ui-button,
body .ui-button:enabled:hover {
    color: #fff !important;
    background: #2961E4 !important;
    background: -webkit-linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    background: -o-linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    background: -moz-linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    background: linear-gradient(-175deg,#0544c2 0,#3a7bff 100%) !important;
    border: none;
}
body .ui-button.ui-button-success, body .ui-button.ui-button-success:enabled:hover {
    background: #27D890 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-175deg,#27d890 0,#1ac1c8 100%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-175deg,#27d890 0,#1ac1c8 100%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-175deg,#27d890 0,#1ac1c8 100%) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(-175deg,#27d890 0,#1ac1c8 100%) !important; /* Standard syntax */
    border: none;
}
body .ui-button.ui-button-danger, body .ui-button.ui-button-danger:enabled:hover {
    background: #D94D4D !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(180deg, #E65656 15%, #CC4545 100%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #E65656 15%, #CC4545 100%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #E65656 15%, #CC4545 100%) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(270deg, #E65656 15%, #CC4545 100%) !important; /* Standard syntax */
    border: none;
}
body .ui-button.ui-button-warning, body .ui-button.ui-button-warning:enabled:hover {
    background: #E08B11 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(180deg, #E08B11 15%, #ECAE17 100%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #E08B11 15%, #ECAE17 100%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #E08B11 15%, #ECAE17 100%) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(270deg, #E08B11 15%, #ECAE17 100%) !important; /* Standard syntax */
    border: none;
}
body .ui-btn.btn-default, body .ui-btn.btn-default:hover, body .ui-btn.btn-default:focus {
    background: #fff !important;
    color: #1747E3 !important;
    border: 1px solid #1747E3 !important;
}
body .ui-dropdown {
    /* border: 1px solid #555 !important; */
      border: 1px solid #d6d6d6;
}
.ui-dropdown .ui-inputtext {
    color: #555;
    font-weight: 600;
}
body .ui-dropdown .ui-dropdown-label {
    line-height: 2;
}
.content-wrapper.front .form-group .form-control {
    height: 45px;
}
.fa.overlay-shadow {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    bottom: -8px;
    background: #fff;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    top: -2.6px;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #1747E3 !important;
    background-color: #1747E3 !important;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
    color: #555;
    font-weight: 600;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
    background: #1747E3;
}
body .ui-inputtext.ui-state-focus, body .ui-inputtext:focus {
    border: 1px solid #1747E3;
}
body .ui-dropdown-panel .ui-dropdown-filter-container {
    width: 100%;
}
body .ui-dropdown-panel .ui-dropdown-filter-container input {
    height: 45px;
}
.action-bar label {
    color: #555;
}
.action-bar-top {
    width: 100%;
    display: inline-block;
}
.action-bar-middle {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: -5px;
}
.action-bar-bottom {
    padding-top: 20px;
    width: 100%;
    display: inline-block;
}
.action-bar-bottom .filter-col {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #d3d3d3;
}
.action-bar-bottom .filter-col:first-child {
    padding-left: 0;
}
.action-bar-bottom .filter-col:last-child {
    padding-right: 0;
    border-right: none;
}
.filter-col {

}
.filter-by-date .datepicker {
    width: auto;
    margin-left: 10px;
}
.filter-by-date .datepicker input {
    height: 40px;
    border: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.18);
}
.filter-by-date label {
    color: #555;
}
span.status {
    border: 2px dashed;
    border-radius: 4px;
    padding: 2px 10px;
    font-weight: 600;
    vertical-align: middle;
    font-size: 12px;
    white-space: nowrap;
}
span.status.approved {
    color: #4FC048;
    border-color: #4FC048;
    background-color: #CAFFC7;
    white-space: nowrap;
}
span.status.unapproved {
    background: #CCCCCC;
}
span.status.canceled {
    color: #E85757;
    border-color: #E85757;
    background-color: #FFB6B6;
}
span.status.done {
    color: #1747E3;
    border-color: #1747E3;
    background-color: rgba(75, 115, 245, 0.29);
    white-space: nowrap;
}
body .ui-widget-overlay {
    background-color: #fff;
    opacity: 0.7;
}
body .ui-dialog {
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
}
body .ui-dialog .ui-dialog-titlebar {
    border: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 30px;
    font-weight: 400;
}
.ui-dialog .ui-dialog-content {
    border: none;
}
.ui-dialog .ui-dialog-footer {
    border: none;
}
.switch-medium {
    background: #CCCCCC !important;
    width: 35px !important;
    height: 12px !important;
}
.switch-medium small {
    background: #A7A7A7 !important;
    width: 18px !important;
    height: 18px !important;
    top: -3px !important;
}
.checked.switch-medium {
    background: #47C849 !important;
}
.checked.switch-medium small {
    background: #2F8930 !important;
}
body .ui-menu {
    text-align: left;
}
body .ui-menu.ui-shadow {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 15.36px 0.64px rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    width: 215px;
    border: none;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 12px 20px;
    font-weight: 600;
}
body .ui-state-active, body .ui-state-highlight {
    /* background: #1747E3; */
}
body .ui-state-highlight.fc-today {
    color: #333 !important;
}
.table-view .bk {
    vertical-align: middle;
    margin-right: 5px;
}
.ui-menu a:hover {
    color: red;
}
.ui-menu a:hover .bk-delete-booking {
    background-position: -441px -19px;
}
.ui-menu a:hover .bk-edit-booking {
    background-position: -399px -19px;
}
.ui-menu a:hover .bk-preview {
    background-position: -210px -19px;
}
.table td .bk-list-trash {
    cursor: pointer;
}

.accordian {
    background: #fff;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    padding: 0;
    border: 1px solid #555;
}
.accordian-heading {
    padding: 20px;
}
.accordian-heading h3 {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 600;
}
.accordian .accordian-content {
    display: none !important;
    padding: 20px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #555;
}
.accordian.active .accordian-content {
    display: block !important;
}
.accordian .accordian-heading .bk-accordion-arrow {
    float: right;
}
.accordian.active .accordian-heading .bk-accordion-arrow {
    background-position: -504px -19px;
}
body .ui-tabview .ui-tabview-panel {
    display: inline-block;
    width: 100%;
    padding: 20px;
}
.no-padding {
    padding: 0;
}
body .ui-dropdown .ui-dropdown-trigger {
    margin-right: 10px;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-active {
    color: #fff;
}
.header-dropdown .ui-menu {
    top: 51px !important;
}
.slot-menu.ui-menu li:last-child a {
    color: #E85757 !important;
}
.slot-menu.ui-menu li:last-child:hover a {
    color: #fff !important;
}
.message-wrapper {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border-left: 3px solid #1747E3;
    color: #555;
    font-weight: 600;
}
.message-wrapper a {
    float: right;
}
.message-wrapper .bk {
    vertical-align: middle;
}
.badge {
    border: 1px solid #555;
    padding: 0px 6px;
    margin-right: 2px;
    margin-left: 2px;
    border-radius: 2px;
}
.notification {
    width: 100%;
    background: #FF3B3B;
    padding: 10px 20px;
    color: #fff;
    z-index: 11;
    position: fixed;
    top: 0;
}
.notification span {
    margin-top: 10px;
    float: left;
    vertical-align: middle;
    font-size: 16px;
}
.notification span.bk {
    margin-right: 10px;
}
.notification a {
    color: #fff;
    float: right;
    border: 1px solid;
    padding: 10px;
    border-radius: 4px;
}
.notification a:hover {
    color: #fff;
}
.notification-showing .navbar.navbar-default, .notification-showing .navbar-left  {
    top: 61px !important;
}
.notification-showing .content-wrapper {
    margin-top: 153px !important;
}
.notification-icon {
    background-image: url('../images/icons-notification.svg');
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}
.notification-icon.booking-created {
    background-position: 0px 0px;
}
.notification-icon.booking-approved {
    background-position: 0px 0px;
}
.notification-icon.booking-rescheduled {
    background-position: 100px 0px;
}
.notification-icon.booking-canceled {
    background-position: 400px 0px;
}
.notification-icon.booking-done {
    background-position: 300px 0px;
}
.notification-icon.booking-rated {
    background-position: 200px 0px;
}
.table.normal > thead > tr > th, .table.normal > tbody > tr > td {
    border-bottom: 1px solid #d3d3d3;
}
.table.normal th.action, .table.normal td.action {
    text-align: center;
}
.table.normal th, .table.normal td {
    border-bottom: 1px solid #d3d3d3;
}
.table.normal tr:last-child td {
    border-bottom: 0 !important;
}
@media screen and (max-width: 1025px) {
    .ui-tabview.ui-tabview-top > .ui-tabview-nav, body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
        width: 100%;
        border-bottom: 3px solid #d3d3d3;
    }
    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
        box-shadow: none;
        background: transparent !important;
        border-bottom: 3px solid #1747E3;
    }
    .fa.overlay-shadow {
        display: none;
    }
    .ui-tabview-panels {
        margin-top: 20px;
    }
    .action-bar {
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 640px) {
    .table-view {
        margin-top: 20px;
    }
    .table thead th {
        display: none;
    }
    .table tbody td {
        display: block;
        padding: 10px 10px 0 10px !important;
    }
    .table tbody td:last-child {
        padding: 10px !important;
    }
    .table-view td p {
        margin-bottom: 10px;
    }
    .table-view tbody tr:not(.blank) td {
        border-radius: 0;
        border: 1px solid transparent !important;
    }
    /*.table-view tbody tr:not(.blank) td:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .table-view tbody tr:not(.blank) td:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }*/
    .action-bar-bottom {
        margin-bottom: 0;
    }
    .action-bar-lt, .action-bar-rt {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .action-bar-lt .filter-col {
        width: 100%;
        display: inline-block;
        padding: 0;
        border: none;
        margin-bottom: 10px;
    }
    .filter-btn {
        width: 100%;
        text-align: left;
    }
    .filter-btn .bk {
        float: right;
    }
    .action-bar-rt .search-wrapper, .action-bar-rt .search-wrapper input, .action-bar-rt .ui-button {
        width: 100%;
    }
    .action-bar-rt .search-wrapper, .action-bar-rt .ui-button {
        margin-bottom: 10px;
    }
    .filter-by-date .datepicker {
        width: 100%;
        margin-left: 0;
    }
    .filter-by-date .datepicker input {
        width: 100%;
        margin-top: 10px;
    }
    .filter-by-date .datepicker .bk {
        top: 22px !important;
    }
    .panel-heading .info {
        margin-left: 0 !important;
        margin-top: 20px;
        width: 100% !important;
        text-align: center;
    }
    .panel-heading .image {
        width: 100% !important;
        height: auto !important;
    }
    .navbar-default .ui-menu {
        margin-top: 14px;
    }
    .table.normal tbody td {
        border-bottom: 0 !important;
    }
    .table.normal tbody td:last-child {
        border-bottom: 1px solid #d3d3d3 !important;
    }
    .table.normal tbody tr:last-child td:last-child {
        border-bottom: 0 !important;
    }
    .table.normal tbody td span:not(.bk) {
        float: none !important;
        width: auto !important;
        display: inline-block;
    }
    .table.normal tbody td:before {
        display: inline-block;
        content: attr(data-value) " - ";
        margin-right: 5px;
        font-weight: 700;
    }
    body .ui-dialog {
        width: 90% !important;
    }
}
.dropdown-parent {
    position: relative;
}

body .ui-tooltip .ui-tooltip-text {
    background: #fff !important;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.19);
    color: #555;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
}
body .ui-tooltip span.row {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}
body .ui-tooltip span.name {
    margin-bottom: 10px;
    position: relative;
}
body .ui-tooltip .border-bottom {
    height: 5px;
    width: 30px;
    border-bottom: 2px solid #1747E3;
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.ui-tooltip .ui-tooltip-arrow {
    color: #fff !important;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.19);
}
.ui-tooltip-top .ui-tooltip-arrow {
    bottom: -3px;
    border-top-color: #fff;
    margin-left: -.45em;
    border-width: .45em .45em 0;
}
.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #fff;
    left: -1px;
    margin-top: -.45em;
    border-width: .45em .45em .45em 0;
}
body .short-name-heads .ui-tooltip {
    bottom: 51px;
    line-height: normal;
    text-align: left;
    top: initial !important;
    left: -44px !important;
}
.ui-button-icon-only .fa, .ui-button-text-icon-left .fa, .ui-button-text-icon-right .fa {
    position: initial;
    float: left;
    margin-top: 4px
}
.content-wrapper.front .datepicker > .bk, .content-wrapper.front .timepicker > .bk {
    top: 15px;
}
.content-wrapper.front .ui-dropdown .ui-dropdown-trigger .fa {
    margin-top: 13px;
}
.available {
    color: #56BE4B;
    line-height: 47px;
    font-weight: 600;
    float: left;
}
.un-available {
    color: rgb(255, 86, 86);
    line-height: 59px;
    font-weight: 600;
    float: left;
}
.available .bk, .un-available .bk {
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 2px;
}
.star {
    background-image: url(../images/icons-stars.svg);
    background-position: -13px 0px;
    height: 12px;
    width: 13px;
    display: inline-block;
    margin-right: 5px;
}
.star.active {
    background-position: 0px 0px;
}
.star-lg {
    background-image: url(../images/icons-stars.svg);
    background-position: -18px -12px;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-right: 5px;
}
.star-lg.active {
    background-position: 0px -12px;
}
.label {
    background: #999999;
    border: 1px solid #999999;
    color: #fff;
    margin-left: 10px;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 2px;
}
.label.success {
    background: #4FC048;
    border-color: #4FC048;
}
.label.danger {
    background: #E85757;
    border-color: #E85757;
}
.label.pending {
    background: #FF9800;
    border-color: #FF9800;
}
.ui-menu .ui-menuitem-link .ui-menuitem-icon {
    float: right;
}
.slim-loading-bar {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%;
    display: inline-block;
}
.ui-button.ui-button-secondary.ui-state-default, .ui-splitbutton.ui-button-secondary .ui-button.ui-state-default {
    border-color: transparent !important;
}

body .ui-menu.ui-shadow.filter-dropdown {
    margin-top: 2px;
    max-height: 300px;
    overflow-y: auto;
}
.ui-menu.ui-menu-dynamic {
    z-index: 9;
}
.smal-text {
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
}
.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
    text-align: left;
    padding-left: 1px;
}
.fc-today {
    background-color: #FCF8E3 !important;
    color: #333;
}
body .fc .fc-event, .fc-list-item {
    cursor: pointer;
}
.fc-toolbar h2, .fc th{
    color: #555;
}
body .ui-button.fc-prev-button,
body .ui-button.fc-prev-button:enabled:hover,
body .ui-button.fc-next-button,
body .ui-button.fc-next-button:enabled:hover {
    background: #fff !important;
    border: 1px solid #d3d3d3 !important;
    box-shadow: none !important;
}

body .ui-button.fc-month-button,
body .ui-button.fc-agendaWeek-button,
body .ui-button.fc-agendaDay-button,
body .ui-button.fc-listMonth-button,
body .ui-button.fc-today-button:enabled:hover,
body .ui-button.fc-month-button:enabled:hover,
body .ui-button.fc-agendaWeek-button:enabled:hover,
body .ui-button.fc-agendaDay-button:enabled:hover,
body .ui-button.fc-listMonth-button:enabled:hover {
    color: #333 !important;
    background: #fff !important;
    border: 1px solid #d3d3d3 !important;
    box-shadow: none !important;
}

body .ui-button.fc-today-button,
body .ui-button.fc-month-button.ui-state-active,
body .ui-button.fc-agendaDay-button.ui-state-active,
body .ui-button.fc-agendaWeek-button.ui-state-active,
body .ui-button.fc-listMonth-button.ui-state-active,
body .ui-button.fc-today-button:enabled:hover,
body .ui-button.fc-month-button.ui-state-active:enabled:hover,
body .ui-button.fc-agendaDay-button.ui-state-active:enabled:hover,
body .ui-button.fc-agendaWeek-button.ui-state-active:enabled:hover,
body .ui-button.fc-listMonth-button.ui-state-active:enabled:hover {
    color: #fff !important;
    background: #1747E3 !important;
    border: 1px solid #1747E3 !important;
    box-shadow: none !important;
}
body .swiper-button-next, body .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231747E3'%2F><%2Fsvg>");
}

body .swiper-button-prev, body .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231747E3'%2F><%2Fsvg>");
}

.timeline-item.approved .timeline-marker:before, .timeline-item.done .timeline-marker:before {
    background-image: url('../images/tick.svg');
    background-repeat: no-repeat;
    background-position: 10px;
}
.timeline-item.canceled .timeline-marker:before {
    background-image: url('../images/cross.svg');
    background-repeat: no-repeat;
    background-position: 10px;
}
.simple-notification-wrapper {
    z-index: 100000 !important;
}

@media screen and (max-width: 768px) {
    .dummy-ad {
        display: none !important;
    }
}
.add-ons-wrapper .panel {
    min-height: 450px;
}
body .ui-menu ul .ui-menuitem .ui-menuitem-link {
    padding: 10px 16px;
}
body .ui-menu ul .ui-menuitem .ui-menuitem-link:hover {
    color: #fff;
}
input.form-control[disabled],
select.form-control[disabled] {
    opacity: .35;
}