/*Customized Style*/
body{font-family: 'Open Sans', sans-serif; background-color: #fff;;}
.min-height-300 {
    min-height: 300px !important;
  }
  a {
    color: #344767;
  }
  .logo_lg img{max-width: 90px;}
  .content-wrapper .card{box-shadow: none;background-color: transparent;}
  .content-wrapper .card .card-body{background-color: #fff;border-radius: 15px !important; min-height: 200px;}
  .content-wrapper .card .card-body.collapse{min-height: 0px; }
  .min-h-100 {
    min-height: 100px !important;
  }
.top-nav-icons .nav-item a, .bx-menu, .bx-search, .menu_toggle_icon .fa-sliders-h
{color:#fff;}
.no_sidarbar .main-content {margin: 0px !important;}
body{color:#67748e !important;}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]::after
{font-family: "fontawesome" !important;}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:hover::after
{color:#fff !important;}
.menu-vertical .menu-sub .menu-link::before,
.menu-vertical .menu-item.open::before,
.bg-menu-theme .menu-inner > .menu-item.active::before
{display:none;}
.menu-vertical .menu-sub .menu-item.active a,
.menu-vertical .menu-item.open .menu-link:hover
{color: #5e72e4;background-color: rgba(105,108,255,.16) !important;}
.menu-vertical .menu-item {margin-bottom: 2px !important;}
.menu-vertical .menu-sub .menu-item.open .menu-link.menu-toggle{color: #5e72e4;}
.menu-vertical .menu-inner > .menu-item .menu-link {margin: 0rem 6px;}
.dropdown-user .dropdown-item{padding: 3px 10px;
  font-weight: 500;
  color: #67748e;
  font-size: 14px;}
.notify_icon i{color: #fff;font-size: 25px;}

/*Notification Bell Animation*/
.bell {
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
}

.bell .anchor {
  transform-origin:center top;
  display:inline-block;
  margin:0;
  padding:0;
}

.bell .layer-1 {
  color:#1d1e22;
  z-index:9;
  animation: animation-layer-1 5000ms infinite;
  opacity:0;
}

.bell .layer-2 {
  color:#1d1e22;
  z-index:8;
  position:absolute;top:0;left:0;
  animation: animation-layer-2 5000ms infinite;
}

.bell .layer-3 {
  color:#333642;
  z-index:7;
  position:absolute;top:0;left:0;
  animation: animation-layer-3 5000ms infinite;
}

@keyframes animation-layer-1 {
  0% { transform: rotate(0deg);opacity:0; }
  8.0% { transform: rotate(0deg);opacity:0; }
  12.0% { transform: rotate(42deg);opacity:.5; }
  16.0% { transform: rotate(-35deg);opacity:.4; }
  20.0% { transform: rotate(0deg);opacity:.1; }
  23.0% { transform: rotate(28deg);opacity:.3; }
  26.0% { transform: rotate(-20deg);opacity:.2; }
  29.0% { transform: rotate(0deg);opacity:.1; }
  31.0% { transform: rotate(16deg);opacity:0; }
  33.0% { transform: rotate(-12deg);opacity:0; }
  35.0% { transform: rotate(0deg);opacity:0; }
  37.0% { transform: rotate(-6deg);opacity:0; }
  39.0% { transform: rotate(0deg);opacity:0; }
}

@keyframes animation-layer-2 {
  0% { transform: rotate(0deg); }
  8.0% { transform: rotate(0deg); }
  12.0% { transform: rotate(42deg); }
  16.0% { transform: rotate(-35deg); }
  20.0% { transform: rotate(0deg); }
  23.0% { transform: rotate(28deg); }
  26.0% { transform: rotate(-20deg); }
  29.0% { transform: rotate(0deg); }
  31.0% { transform: rotate(16deg); }
  33.0% { transform: rotate(-12deg); }
  35.0% { transform: rotate(0deg); }
  37.0% { transform: rotate(-6deg); }
  39.0% { transform: rotate(0deg); }
  40.0% { transform: rotate(6deg); }
  44.0% { transform: rotate(-3deg); }
  49.0% { transform: rotate(2deg);}
  55.0% { transform: rotate(0deg); }
  62.0% { transform: rotate(1deg); }
  70.0% { transform: rotate(0deg); }
}

@keyframes animation-layer-3 {
  0% { transform: rotate(0deg);opacity:1; }
  8.0% { transform: rotate(0deg);opacity:1; }
  12.0% { transform: rotate(52deg);opacity:.5; }
  16.0% { transform: rotate(-48deg);opacity:.4; }
  20.0% { transform: rotate(0deg);opacity:1; }
  23.0% { transform: rotate(42deg);opacity:.3; }
  26.0% { transform: rotate(-30deg);opacity:.2; }
  29.0% { transform: rotate(0deg);opacity:1; }
  31.0% { transform: rotate(26deg);opacity:.15; }
  33.0% { transform: rotate(-18deg);opacity:.1; }
  35.0% { transform: rotate(0deg);opacity:1; }
  37.0% { transform: rotate(-12deg);opacity:.8; }
  40.0% { transform: rotate(6deg);opacity:1; }
  44.0% { transform: rotate(-3deg);opacity:.8; }
  49.0% { transform: rotate(2deg);opacity:1; }
  55.0% { transform: rotate(0deg);opacity:1; }
  62.0% { transform: rotate(1deg);opacity:1; }
  70.0% { transform: rotate(0deg);opacity:1; }
}


/*Radius*/
.radius3{border-radius:3px !important;}
.radius5{border-radius:5px !important;}
.radius7{border-radius:7px !important;}
.radius10{border-radius:10px !important;}
.radius15{border-radius:15px !important;}
.radiusfull{border-radius:100px !important;}

/*buttons*/
.btn{box-shadow: none;border:0px !important;}
.btn_1 {
  line-height: 0;
  padding: 15px 30px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
}
.btn_1 span {
  font-family: "Open Sans";
  font-weight: 400;
  color: #fff;
}
.btn_1 i {
  margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}
.btn_1:hover i {
  transform: translateX(5px);color:#fff;
}
.btn_1:hover{background-color:#5e72e4;}
.btn_1:hover span{color:#fff;}
.btn_rounded{border-radius:100px;}

 .btn_2 {
  display: inline-block;
  padding: 8px 25px 10px 25px;
  border-radius: 50px;
  color: #5e72e4;
  transition: none;
  font-size: 15px;
  font-weight: 400;
  font-family: "Open Sans";
  font-weight: 400;
  transition: 0.3s;
  border: 1px solid #5e72e4;
}
 .btn_2:hover {
  background: #5e72e4;
  color: #fff;
}
.btn_circle{height: 33px;width: 33px;padding: 0px !important;min-width: 33px;display: grid !important;}
.btn-link-icon{display: flex;align-content: center;}
.btn-link-icon i{margin-right: 3px;}
table td .btn-link-icon{font-size: 12px !important;}


/*bg colors*/
.bg_color1, .btn-primary, .sw .toolbar > .sw-btn
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before
{background-color:#5e72e4;}
.bg_color2{background-color:#f5365c;}
.bg_color3, .btn-success,.btn-success:focus
{background-color:#2dce89;}
.bg_color4{background-color:#fb6340;}
.bg_color5, btn-dark{background-color:#344767;}
.bg_color6{background-color:#67748e;}

/*transparent*/
.bg_color7{background-color: rgba(94, 114, 228, 0.1) !important;}

/*color scheme*/
.color1 {color:#5e72e4 !important;}
.color2 {color:#f5365c !important;}
.color3 {color:#2dce89 !important;}
.color4 {color:#fb6340 !important;}
.color5, .section_title {color:#344767 !important;}
.color6{color:#67748e !important;}


/*Border Color*/
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay,
.border_color1{border-color:#5e72e4;}
.border_color2{border-color:#f5365c;}
.border_color3, .btn-success{border-color:#2dce89;}

/*font weight*/
.fw_3{font-weight:300;}
.fw_4{font-weight:400;}
.fw_5{font-weight:500;}
.fw_6{font-weight:600;}
.fw_7{font-weight:700;}

/*font family*/
.ff_openSans{font-family: "Open Sans";}


.lh_115{line-height:115%;}
.lh_140{line-height:140%;}
.lh_150{line-height:150%;}
.fs_14{font-size:14px;}
.fs_13{font-size:13px;}
.fs_12{font-size:12px;}
.fs_11{font-size:11px;}


.col_bg .bg-gradient-primary{  padding: 0px 70px;}
.form-control{border: 1px solid #d2d6da;}
.auth_page .card-body{padding-top: 1.5rem !important;}
.auth_page .form-control{box-shadow: none !important;padding: 8px 10px;}
.auth_page .btn-primary{padding: 0.625rem 1.25rem;border-radius: 0.5rem;}

.border-radius-lg {
  border-radius: 0.75rem;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2867, 89, 113, 0.3%29'/%3e%3c/svg%3e");
  border: 1px solid #d9dee3;
  outline: 0;
  box-shadow: 0 0 0.25rem 0.05rem rgba(105,108,255,.1);
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-color: #696cff;
  border-color: #696cff;
  box-shadow: 0 2px 4px 0 rgba(105,108,255,.4);
}

.form-switch .form-check-input:checked { background-position: 5px; border-bottom: 0; }
.auth_page .bg-gradient-primary {
  background-image: linear-gradient(310deg, #5e72e4 0%, #825ee4 100%);
}
.auth_page .mask {
  position: absolute;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.auth_page .form-switch {
  display: flex;
  /* align-items: center; */
}
.auth_page .form-check.form-switch .form-check-input {
  margin-right: 5px;
}
.auth_page .form-check.form-switch .form-check-input:checked {
  /* width: 60px; */
  background-position: left;
  background-position: 5px;
  border-color: rgba(94,114,228,.95);
  background-color: rgba(94,114,228,.95);
}

/*Bubbles Animation*/
.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background-color: rgba(255,255,255,.1);
  bottom: -50px;
  -webkit-animation: square 20s infinite;
  animation: square 20s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 17s;
  animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left:25%;
  -webkit-animation-delay:4s;
  animation-delay:4s
 }
 .bg-bubbles li:nth-child(4) {
  left:40%;
  width:80px;
  height:80px;
  -webkit-animation-duration:22s;
  animation-duration:22s
 }
 .bg-bubbles li:nth-child(5) {
  left:70%;
  width:90px;
  height:90px
 }
 .bg-bubbles li:nth-child(6) {
  left:70%;
  width:120px;
  height:120px;
  -webkit-animation-delay:3s;
  animation-delay:3s
 }
 .bg-bubbles li:nth-child(7) {
  left:32%;
  width:150px;
  height:150px;
  -webkit-animation-delay:7s;
  animation-delay:7s
 }
 .bg-bubbles li:nth-child(8) {
  left:55%;
  width:80px;
  height:80px;
  -webkit-animation-delay:15s;
  animation-delay:15s;
  -webkit-animation-duration:40s;
  animation-duration:40s
 }
 .bg-bubbles li:nth-child(9) {
  left:25%;
  width:50px;
  height:50px;
  -webkit-animation-delay:2s;
  animation-delay:2s;
  -webkit-animation-duration:40s;
  animation-duration:40s
 }
 .bg-bubbles li:nth-child(10) {
  left:90%;
  width:140px;
  height:140px;
  -webkit-animation-delay:11s;
  animation-delay:11s
 }
 @-webkit-keyframes square {
  0% {
   -webkit-transform:translateY(0);
   transform:translateY(0)
  }
  100% {
   -webkit-transform:translateY(-1000px) rotate(600deg);
   transform:translateY(-1000px) rotate(600deg)
  }
 }
 @keyframes square {
  0% {
   -webkit-transform:translateY(0);
   transform:translateY(0)
  }
  100% {
   -webkit-transform:translateY(-1000px) rotate(600deg);
   transform:translateY(-1000px) rotate(600deg)
  }
 }

 /*Pricing*/
 .hr_tabs .nav-tabs .nav-item .nav-link.active:hover,
 .hr_tabs .nav-tabs .nav-item .nav-link.active:focus,
 .hr_tabs .nav-tabs .nav-item .nav-link.active {
      color: #fff;
      background-color: #5e72e4;
      border-color: #5e72e4;
      box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
  }

  .glm-calendar span.price {
    background-color: #696cff1f;
    display: block;
    padding: 0 0 0 10px;
    position: relative;
    border-radius: 2px;
    font-size: 14px;
    max-width: 100px;overflow: hidden;
}

.glm-calendar span.price:before {
    content: '';
    background: #696cff;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
}

.glm-calendar td.date-price {
    border: solid 1px #e2e0e5;
}
.hr_tabs .months-tab li.nav-item {
    width: 97px;
}
@media(max-width: 768px) {
  .hr_tabs  .months-tab {
        justify-content: center;
    }
}

/*Table*/
.dataTable{clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;--bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #67748e;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #67748e;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #67748e;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #67748e;
    vertical-align: top;
    border-color: #e9ecef;}
  .dataTable :not(:last-child) > :last-child > * {
    border-bottom-color: #e9ecef;
  }
  .dataTables_info{font-size: 13px;}
  .dataTable th{padding: 0.75rem 1.5rem;
    padding-right: 1.5rem;
  text-transform: capitalize;
  letter-spacing: 0px;
  border-bottom: 1px solid #e9ecef;
    border-bottom-color: rgb(233, 236, 239);}
  .dataTable th, .dataTable td,
  .table-child table tr td
  {white-space: nowrap;font-size: 13px;}
  .table-child table tr td{color:#344767;font-weight:500;}
  .dataTable :not(caption) > td, .dataTable :not(caption) > th,
  .theme_table tbody tr td,
  table tbody > tr > td,
  .table-child table tbody td
   {
    padding: 5px .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  }
  .table-child{background-color: rgba(105,108,255,.05) !important;}
  .table-bordered td, .table-bordered td{border:1px solid #e5e5e5 !important;}
  .dataTable td a:not(.btn){background-color:transparent;box-shadow:unset;}

  table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after
  {font-family: "fontawesome" !important;}
  table.dataTable thead th::before{display:none !important;}
  table.dataTable thead .sorting_asc::after{content: "\f160" !important;}
  table.dataTable thead .sorting_desc::after{content: "\f161" !important;}
  table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
    opacity: 0.6 !important;color: #5e72e4 !important;top:42% !important;
  }
  table.dataTable thead th, .theme_table table thead th,
  table.dataTable > tbody > tr.child span.dtr-title,
table thead > tr > th
  {color: #5e72e4 !important;font-weight: 700;font-size: 12px !important;padding: 5px 0.5rem;
    line-height: 14px;text-transform: uppercase;}
  .thead_transparent thead th{background-color: #ffffff !important;}
  table.dataTable thead, table.dataTable th, table.dataTable td,
  table tbody > tr > td
  {vertical-align: middle;}

  .table_border_none td{border:0px;}
  .form-table .select2 {width:100% !important;}


  /*Overwriting for the Table Striped Class*/
  table.dataTable > tbody > tr.odd > *,
  .theme_table tbody tr:nth-child(odd) > *
  {box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);}
  .theme_table tbody td .form-control{width: auto;}

.table_data .dataTables_wrapper .row:nth-of-type(2) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* .table_data .dataTables_wrapper tbody td,   .table_data .dataTables_wrapper thead th */
 .text_wrap
{white-space: nowrap;}
  .form-control.form-control-sm, .dataTables_filter .form-control.form-control-sm{max-width: auto;width:auto;}


.dataTable{clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;--bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #67748e;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #67748e;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #67748e;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #67748e;
  vertical-align: top;
  border-color: #e9ecef;}
.dataTable :not(:last-child) > :last-child > * {
  border-bottom-color: #e9ecef;
}
.dataTables_info{font-size: 13px;}
.dataTable th{padding: 0.75rem 1.5rem;
  padding-right: 1.5rem;
text-transform: uppercase;
letter-spacing: 0px;
border-bottom: 1px solid #e9ecef;
  border-bottom-color: rgb(233, 236, 239);}
.dataTable th, .dataTable td{white-space: nowrap;font-size: 13px;}
.dataTable :not(caption) > td, .dataTable :not(caption) > th {
  padding: 5px .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table-bordered td, .table-bordered td{border:1px solid #e5e5e5 !important;}
 .dataTable td a:not(.btn){background-color:transparent;box-shadow:unset;}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after
{font-family: "fontawesome" !important;}
table.dataTable thead th::before{display:none !important;}
table.dataTable thead .sorting_asc::after{content: "\f160" !important;}
table.dataTable thead .sorting_desc::after{content: "\f161" !important;}
.paginate_button:not(.active) a {
    font-size: 12px;
    padding: 8px 10px;border: 1px solid #dee2e6;
    border-radius: 5px;
    text-decoration: none;
    background: transparent !important;
  }
.dataTable td .dropdown-item {
  line-height: 1.54;
  line-height: 1.2;
  padding: 7px 10px;
  font-size: 14px;
}
table.table tr:last-child td{border:0px;}
.modal-body table.table tr:last-child td:not(.dataTables_empty) { border-bottom: 1px solid #d9dee3; }
#modalMoveBoat table.table tr td {
  padding-left: 10px;
  padding-right: 10px;
}
#modalMoveBoat table.table tr:last-child td{
  border: 0px #d9dee3 solid;
  border-width: 1px 0;
}

/*datatable button and links */
.dataTable td .dropdown-toggle
{font-size: 14px;background-color: transparent;
  padding: 0px !important;
  border: 0px !important;
  color: #344767;
  box-shadow: none;}
.dataTable .dtr-details .dtr-data .btn
{font-size: 13px;background-color: transparent;
  padding: 0px !important;
  border: 0px !important;
  box-shadow: none;font-weight: 600;
  display: inline-flex;}

  .dataTable .dtr-details .dtr-data .btn.btn-danger{ color: #ff3e1d; }
.dataTable .dtr-details .dtr-data .btn.btn-warning {
  color: #5e72e4;
}

  .btn-link-icon, .btn-link-icon:focus, .btn-link-icon:hover, .btn-link-icon:active
  {background-color: transparent !important;}
.dataTable .dtr-details .dtr-data .btn-primary, .btn-link-icon.btn-primary
{color: #5e72e4 !important;}
.dataTable .dtr-details .dtr-data .btn-dark, .btn-link-icon.btn-dark
{color: #344767 !important;}
.dataTable .dtr-details .dtr-data .btn-success, .btn-link-icon.btn-success
{color: #2dce89 !important;}

.table_col_lrg table th{min-width:100px;}

/*Table with Form Fields*/
.table_form_fields .form-select, .table_form_fields .form-control{font-size:14px;}
.table_form_fields .link_absolute{position: absolute;right: 0px;bottom: 36px;}
.table_form_fields tfoot{position:relative;}


.dataTable td .btn-group a.btn, .dataTable  td .del_task, .dataTable td .btn-group button.btn, table.table td button.btn-danger, table.table td button.btn-success
{
  border-radius: 100px !important;
  min-width: 30px;
  min-height: 30px;
  padding: 0px;
  display: grid;
  align-content: center;
  justify-content: center;
  color: #fff;margin-right:4px;max-width: 30px;border: 0px !important;font-size: 13px;
}

.dashboard-col-min-height {
  min-height: 200px;
  max-height: 450px;
}

.dashboard-col-min-height-top {
  min-height: 200px;
  max-height: 320px;
}


.sidenav .icon i{font-size: 14px;color: #344767;position: unset;
  opacity: 1;}
.sidenav .icon{padding: 0px !important;
  width: auto;
  height: auto;}
.sidenav .treeview .treeview.active .nav-link{background-color:rgba(94, 114, 228, 0.2) !important;color: #333 !important;}
  .navbar-vertical.navbar-expand-xs{background-color: #fff;}
.navbar-vertical .navbar-nav .nav-link{padding-top: 10px !important;padding-bottom: 10px !important;}
.navbar-vertical .navbar-nav .nav-link:hover{background-color: #344767;color:#fff;}
.navbar-vertical .navbar-nav .nav-link:hover i{color:#fff !important;}
.navbar-vertical .navbar-nav .nav-link .badge{position: absolute;
  right: 20px;
  font-size: 8px;
  border-radius: 100px;
  width: 22px;
  height: 22px;padding-top: 7px;}

  .mobile_menu_bar{position: absolute !important;
    height: 25px !important;
    width: 30px !important;
    background-color: transparent !important;
    top: -6px;
    right: -4px;}
  .navbar .sidenav-toggler-inner {position: relative;}
  .notificy_dropdown{position:relative;}
  .notificy_dropdown .dropdown-menu {
    position: absolute !important;
    right: 10px;
    top: 25px;
  }
  .notificy_dropdown .dropdown-menu li {font-size: 12px;}

/*Date / Time Picker*/
.clockpicker-tick.active, .clockpicker-tick:hover,
.calendar__day__booked[data-bank-holiday], .calendar__day__cell[data-bank-holiday]
{background-color:rgba(94, 114, 228, 0.3) !important;}
.daterangepicker {box-shadow: 1px 1px 10px 1px #dcdcdc;}
/*.daterangepicker .ranges{float:none !important;}*/
.input-group-addon{min-width:30px;}
.calendar__banner--month h1{background-color: #fb6340 !important;margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;font-size: 15px !important;border-radius: 5px;}
.calendar__day__booked, .calendar__day__cell{font-size: 20px !important;}
.calendar__day__booked[data-bank-holiday], .calendar__day__cell[data-bank-holiday]{color:#000 !important;}
.calendar__day__header {color: #5e72e4 !important;}
.hover_day, .selected_day{background-color: #2dce89 !important;}
table.calendar caption .btn-primary {margin-bottom:0px;background-color: transparent;color: #5e72e4;
  font-weight: 500;border: 1px solid #5e72e4;font-size: 12px;box-shadow: none;}
.calendar__day__booked, .calendar__day__cell, .calendar__day__header, table.calendar
{border: 1px solid #aaa !important;}
.calendar__banner--month{border:0px !important;}
.fc-day-header{color:#000000 !important;}

/*Checkbox*/
.checkboxStyle{margin: 0px;padding-left: 0px;font-weight: 600;display: flex;
  align-items: center;justify-content: start;text-indent: 10px;margin-bottom: 5px;}
.checkboxStyle > div{display: flex;align-items: center;}
.checkboxStyle .icheck{position: unset !important;}
.icheck{width: 15px !important;
  height: 15px !important;
  opacity: 1 !important;left: -23px !important;}

 .booking_signal{width: 15px;height: 15px;display: block;border-radius: 100px;}
 .bg_cancelled{background-color:yellow;}
 .bg_checkouts{background-color:orange;}

/*Toggle*/
.menuToggle{display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;}
.menuToggle h3{margin-bottom:0px;}
.menuToggle .ui-sortable-handle{display: flex;}
.rounded_btn{width: 30px;
  text-align: center;
  font-size: 12px;
  height: 30px;
  border-radius: 100px;
  display: grid;
  align-content: center;
  margin-left: 6px;}
  .nestable li > div {
    padding: 16px !important;
    border-radius: 5px;
  }

  /*Tabs*/
  .r-tabs {
    position: relative;
    background-color: #344767;
    border-top: 1px solid #344767;
    border-right: 1px solid #344767;
    border-left: 1px solid #344767;
    border-bottom: 4px solid #344767;
    border-radius: 4px;
  }
  .r-tabs .tab-content {
    background-color: white;
    border-bottom: 4px solid white;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
border-top-left-radius: 0px;
  }
  .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
  .r-tabs .r-tabs-nav .nav-link.active
  {
    color: #344767;
    text-shadow: none;
    background-color: white;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .r-tabs .r-tabs-nav .nav-link:not(.active){background-color:transparent;color: #fff;}
  .r-tabs .r-tabs-nav .r-tabs-tab, .r-tabs .r-tabs-nav{background-color: #344767 !important;}
  .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
  .r-tabs .r-tabs-nav .nav-link.active
  {color:#344767 !important;}
  .amcharts-export-menu li:hover > a, .amcharts-export-menu li.active > a {
background-color: #636363 !important;}
.datepicker-dropdown {box-shadow: 1px 2px 10px 0px #dcdcdc !important;}
.datepicker table tr td.today, .datepicker table tr td.today:hover {color: #fff !important;background-color: #5e72e4 !important;border-color: #5e72e4 !important;}
.amcharts-graph-column{background-color: #5e72e4 !important;}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-nav button
{
  display: inline-block;
  padding: 10px 12px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.sub_nav_tabs .nav-link.active, .sub_nav_tabs .nav-link.active:focus,
.sub_nav_tabs .nav-link:hover, .sub_nav_tabs .nav-link:focus
{background-color: #5e72e4 !important;color: #fff !important;}
.sub_nav_tabs .nav-link{font-size: 13px;}


.link_tabs .nav-item{width: auto !important;}
.link_tabs .nav-link{background-color: transparent !important;
  padding: 0px !important;
  box-shadow: none !important;font-size: 14px;}
.link_tabs .nav-link.active{color: #696cff !important;font-weight: 600;}




/*Alerts*/
.alert-dismissible .btn-close {
  background-color: #f5365c;
  border-radius: 100px;
  width: 35px;
  height: 35px;
  padding: 0px !important;
  top: -10px;
  right: -10px;
}
.alert-danger {
  background-image: none !important;
}

.alert-danger p{font-size: 13px;margin-bottom: 2px;color: red;}
.alert.alert-danger{color:red !important;}
.alert-info{background-image: none !important;
  background-color: green;
  border: 0px;
  padding: 10px 40px 10px 15px;
  font-size: 12px;color: #fff;}
  .swal2-actions button{margin-right:3px;margin-left:3px;}



.img_border_dashed{width: 60px;height: 60px;border: 1px dashed #999;padding: 5px;}
.img_border_dashed img{width:100% !important;height:auto !important;}
.column_2{columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;}
.featured_checkbox .checkbox_item b{font-size: 12px;color: #555;font-weight: 500;}


/*Menu Nesting*/
.menu_nesting .box,
.menu_nesting .card
{padding: 0px !important;}
.menu_nesting .box-header,
.menu_nesting .card-header
{display: flex;align-content: center;justify-content: space-between;flex-direction: row-reverse;align-items: center;
  background-color: rgba(45, 206, 137, 0.3);
  padding: 10px !important;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.menu_nesting .box-header .box-tools,
.menu_nesting .card-header .card-tools
{display: flex;align-content: center;align-items: center;}
.menu_nesting .box-header .bg-olive:not(.remfrmenu),
.menu_nesting .card-header .bg-olive:not(.remfrmenu)
{background-color: green;}
.menu_nesting .box-header .remfrmenu:not(.bg-olive),
.menu_nesting .card-header .remfrmenu:not(.bg-olive)
{background-color: red;}
.menu_nesting .box-header .btn,
.menu_nesting .card-header .btn
{margin-bottom: 0px !important;
  width: 30px;
  height: 30px;
  display: grid;
  align-content: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 100px;
  padding: 0px;}
  .menu_nesting .box-header .box-title,
  .menu_nesting .card-header .card-title
  {font-size: 14px;
    font-weight: 600;
    margin: 0px;}
.menu_nesting .box-body,
.menu_nesting .card-body
{padding: 15px;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;}
  .menu_nesting .box-body .ui-sortable-handle,
  .menu_nesting .card-body .ui-sortable-handle
  {margin-bottom: 3px;}
  .menu_nesting .box-body .ui-sortable-handle .remfrmenu,
  .menu_nesting .card-body .row .remfrmenu
  {display: none;}


  /*Form Fields*/
  .col-form-label{font-weight: 600;text-transform: Capitalize;color: #344767;padding-bottom: 2px;}
  .form-control:disabled, .form-control[readonly]
  {background-color: transparent;}


.swal2-container {
    z-index: 999999999999999 !important;
}

.app-brand-logo {
    max-width: 80px;
}

.app-brand-logo img {
    max-height: 60px;
    max-height: 50px;
    max-height: 30px;
}

.sel-phone-type {
    border-left: 1px solid #d9dee3 !important;
}

.app-brand-text.demo {
    white-space: break-spaces;
    width: 155px;
    text-transform: none;
}

.modal-header .close {
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    color: #000;
}

.card .table {
    width: 100% !important;
}

.form-control.selStatus {
    min-width: 90px;
}

img.items-table-thumbnail {
    width: 50px;
}

/*calendar resive css end */
/* switch holder css  */
.switch-holder-box {
    border-color: #d9dee3;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    padding: 0px 10px;
}
.switch-holder {
    display: flex;
    /* box-shadow: 0 1px 2px rgb(0 0 0 / 10%) inset;*/
    justify-content: space-between;
    align-items: center;
}

.switch-label i {
    margin-right: 5px;
}

.switch-toggle {
    height: 37px;
}

.switch-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -2;
}

.switch-toggle input[type="checkbox"]+label {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 30px;
    border-radius: 20px;
    margin: 0;
    margin-top: 3px;
    cursor: pointer;
    border: solid 1px #d9dee3;
    /*box-shadow: inset -8px -8px 15px rgba(255, 255, 255, .6), inset 10px 10px 10px rgba(0, 0, 0, .25); */
    /*box-shadow: inset -8px -8px 15px rgb(255 255 255 / 60%), inset -4px 3px 20px rgb(0 0 0 / 25%);*/
}

.switch-toggle input[type="checkbox"]+label::before {
    position: absolute;
    content: 'NO';
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    top: 2px;
    left: 2px;
    width: 45px;
    height: 24px;
    border-radius: 20px;
    background-color: #5e72e4;
    color: #fff;
    transition: .3s ease-in-out;
}

.lift-auto-booking.switch-toggle input[type="checkbox"]+label {
  width: 170px;
}

.lift-auto-booking.switch-toggle input[type="checkbox"]+label::before {
  width: 100px;
}

.switch-toggle input[type="checkbox"]:checked+label::before {
    content: 'YES';
    left: 40%;
    color: #fff;
    background-color: #5e72e4;
}

.contract.switch-toggle input[type="checkbox"]+label::before {
    content: 'NO';
}

.contract.switch-toggle input[type="checkbox"]:checked+label::before {
    content: 'YES';
}

.lift-auto-booking.contract.switch-toggle input[type="checkbox"]+label::before {
  content: ' Lift Request';
}
.lift-auto-booking.contract.switch-toggle input[type="checkbox"]:checked+label::before {
  content: 'Auto booking';
}

.contract.switch-toggle input[type="checkbox"]:disabled+label::before {
    background-color: #eceef1;
    color: #718193;
}

.payment.switch-toggle input[type="checkbox"]+label::before {
    content: "\f104";
    color: #fff;
    width: 100%;
    max-width: 70px;
    font-size: 20px;
    background-color: #5e72e4;
    left: 3px;
}

.payment.switch-toggle input[type="checkbox"]:checked+label::before {
    content: '\f105';
    left: 43%;
}

.payment.switch-toggle {
    width: 30%;
    text-align: center;
}

.payment.switch-toggle input[type="checkbox"]+label {
    width: 100%;
    max-width: 130px;
}

.contract.switch-holder {
    margin-top: 19px;
}


/* select 2 */
.form-select2 {
    display: block;
    width: 100%;
    padding: 0.2375rem 0.475rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.53;
    color: #697a8d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dee3;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-select2 span.select2.select2-container.select2-container--default.select2-container--below.select2-container {
  /* overflow-y: auto; */
}
.form-select2 span.select2.select2-container.select2-container--default.select2-container--below.select2-container .select2-selection {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 39px;
}
#modalMoveBoat span.select2.select2-container.select2-container--default.select2-container--below.select2-container {
  overflow-y: unset;
}
/*Multi Select Dropdown*/
body.modal-open .select2-dropdown{z-index: 9999;}
            .select2-results__options[aria-multiselectable="true"] li {
                padding-left: 20px;
                position: relative
            }
.select2_mini .select2-search__field{font-size: 11px !important;}
.multi_selected{position: absolute;left: 5px;font-size: 10px;top: 8px;}
.form-select2 .select2-container--default .select2-selection--single,
.select2_mini .select2-container--default .select2-selection--multiple
{ border: none !important; }
.form-select2 span.select2-selection.select2-selection--single {
  background: transparent !important;
}
.form-select2 .select2-container .select2-selection--single .select2-selection__clear { font-size: 1.2em; /*margin-top: 5px;*/ }
.form-select2 .select2-container--default .select2-selection--multiple { border: none; padding-bottom: 0; min-height: 30px; overflow-y: auto; overflow-x: hidden; }
.form-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 2.5px; }
.form-select2 .select2-selection__arrow b  { display: none; }
.form-select2 .select2-selection__arrow::before  {
    content: "";
    display: block;
    background-image: url(./../img/icons/chevron-down.svg);
    background-position: center;
    width: 1.5em;
    height: 1.7em;
}

.form-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #778697;
}


.multi_selected_values .select2-selection__rendered{position: absolute;top: 35px;width: 100%;}
.multi_selected_values .select2-selection__rendered .select2-selection__choice {background-color: transparent !important;
  width: fit-content;
  float: left;
  padding: 0px 7px 0px 0px !important;
  margin: 0px !important;font-size: 11px;line-height: 16px;border-radius: 0px;}
.multi_selected_values .select2-selection__rendered .select2-selection__choice__remove {display: none !important;}
.multi_selected_values .select2-selection--clearable .multi_selected:not(:nth-of-type(1)){display: none;}
.multi_selected_values .select2-selection__choice__display{position: relative;}
.multi_selected_values .select2-selection__choice__display::after{content: ",";}
.multi_selected_values span.select2.select2-container.select2-container--default.select2-container--below.select2-container .select2-selection
{
  overflow-y: unset;
  overflow-x: unset;
  max-height: unset;
}

.cal_select_filter select{padding-right: 35px;}
.select-with-arrow{background-color: #fff;border-radius: 5px;}
.select-with-arrow i.fa-chevron-down{
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 10px;
  }
.searchEnd .easy-autocomplete{margin-left: auto; width: unset !important;}
@media only screen and (min-width: 1920px)
{
.cal_select_filter .select2-container {min-width: 280px !important;}
}
@media only screen and (min-width:1600px) and (max-width:1919px) {
    .cal_select_filter .select2-container{ /*min-width: 200px !important;*/ /*max-width: 200px;*/}
}
@media only screen and (min-width:768px) and (max-width:1599px) {
    .cal_select_filter .select2-container{min-width: 200px !important;}
     .select2_mini {/* margin-bottom: 50px; */}
    .fillter-zoom{/* width: 100%; */}
}
@media only screen and (max-width:575px)
{
    .searchEnd .easy-autocomplete input, .searchEnd .easy-autocomplete {width: 100%;}
    .multi_selected_values .cal_select_filter {margin-bottom: 30px !important;}
    .multi_selected_values .select2.select2-container {width: 100% !important;}
}
.select2_min{}

/**/

.select2-results__option {
  padding: 7px 7px !important;
  font-size: 11px;
}

.select2-dropdown {
  /* z-index: 999999 !important; */
  border: 1px solid #d9dee3;
  margin-top: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #d9dee3;
  border-radius: 3px;
}

.select2-container .select2-selection--multiple {
  max-height: 32px !important;
  /*overflow: auto;*/
}

.select2-results__option--selected {
  position: relative;
}

.select2-results__option--selected::before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-weight: 900;
  display: grid;
  right: 5px;
  position: absolute;
  top: 8px;
  font-size: 9px;
  color: #fff;
  width: 18px;
  height: 18px;
  background-color: #2dce89;
  border-radius: 100px;
  text-align: center;
  align-content: center;
}

button.select2-selection__clear {
  z-index: 9;
  background-color: red !important;
  color: #fff;
  width: 15px;
  height: 15px !important;
  border-radius: 100px;
  display: grid;
  align-content: center;
  top: 3px;
  right: -5px !important;
}

/**/
div.dt-buttons {
    margin-top: 5px;
}

/*data table */
.pagination {
    flex-wrap: wrap;
}
.paginate_button .page-link {
    padding: 0.5rem 0.5125rem;
}
.dt-buttons.btn-group.flex-wrap {
    text-align: left !important;
}

.white-space-inherit{white-space: inherit;}
.accordionLabel .accordion-button::after{margin-left: 10px !important;}
.accordionLabel .accordion-button{  padding: 0px;width: 80px;min-width: 80px;margin-top: 30px !important;}
.accordionLabel .accordion-button:not(.collapsed)::after{transform: rotate(-90deg) !important;}
.accordionLabel .accordion-button.collapsed::after{transform: rotate(90deg) !important;}
.alert-danger{padding: 3px 8px;font-size: 13px;}
.accordion_header_dark .accordion-button{background-color: #344767;
  color: #fff;}
  .accordion_header_dark .accordion-button::after{background-color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    display: grid;
    align-content: center;
    background-position: center;
    background-size: 10px;}
  .accordion_header_dark .accordion-body{padding: 20px 15px !important;}


.table-filter:last-of-type .dataTables_filter {
    width: 100%;
}

.table-filter:last-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (min-width: 580px) {
    .dataTables_filter ,
    .dt-buttons.btn-group.flex-wrap {
        width: 50%;
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .text-sm-right {
        text-align: center;
    }
    .pos_product_div_body {
        max-width: 100%;
        overflow-y: auto;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-right: 13px;
    }
}

.status_tag{color:white;font-size: 12px;border-radius:50px;display: inherit;padding: 2px 12px;text-align: center;line-height: 20px;}
.success_tag{background-color: #2dce89;}
.warning_tag{background-color: #ffc107;}
.info_tag{background-color: #0dcaf0;}



/*Popup Modal*/
.modal-header{background-color: #67748e;padding: 8px 15px;}
.modal-header .modal-title{color: #fff;font-size: 16px;font-weight: 600;}
.modal .modal-header .btn-close{position: absolute;
  right: 5px;
  top: 5px;
  margin: 0px !important;
  transform: unset;
  background-color: #fff;
  border-radius: 100px;
  font-size: 11px;}

  .swal2-icon.swal2-error [class^="swal2-x-mark-line"]
{background-color:#f5365c !important;}
.swal2-icon.swal2-error
{color: #f5365c !important;border-color: #f5365c !important;}
.swal2-html-container,
.swal2-popup
{font-size: 14px !important;}
.swal2-title{padding: 0px !important;}
.swal2-modal {padding: 30px 0px !important;}

/*Hidden theme header and footer layout*/
.product_row .input-group .btn{z-index: auto;}


/*Custom Radio Style*/
.customRadioBtn .radioDiv label{position: relative;}
.customRadioBtn .radioDiv input[type="radio"]:checked + label{background-color: #5e72e4;color:#ffffff;}
.customRadioBtn .radioDiv .btn_2{background-color: #eceef1;box-shadow: none;color: #344767;padding: 8px 15px 8px 35px !important;}
.customRadioBtn .radioDiv input[type="radio"]:not(:checked) + label::after {
  content: "";
  font-size: 11px;
  position: absolute;
  top: 7px;
  left: 5px;
  height: 22px;
  width: 22px;
  text-align: center;
  border-radius: 50%;
  background: #f9f9f9;
}

.customRadioBtn .radioDiv input[type="radio"]:checked + label::after {
  font-family: FontAwesome;
  content: "";
  font-size: 11px;
  position: absolute;
  top: 7px;
  left: 5px;
  height: 22px;
  width: 22px;
  text-align: center;
  border-radius: 50%;
  background: #2dce89;
  color: #fff;
  line-height: 22px;
}

/*Date Range Picker Custom Buttons*/
.date_range_picker{position: absolute;
  background-color: #fff;
  width: 100%;z-index: 1;
  border-radius: 10px;}
.custom_days i{position: relative;top: 2px;}


/*Header bg transparent*/
.bg_opacity{position:relative;}
.bg_opacity::before{content:"";position:absolute;background-color: rgba(255,255,255,0.8);height: 100%;width: 100%;}

/*side menu */
.menu-inner-shadow {
  /* top: 3.125rem; */
  top: 4.6rem;
}
.menu-vertical .menu-inner {
  /* max-height: calc(100% - 100px); */
  max-height: calc(95% - 100px);
}

/* width */
.menu-vertical .menu-inner::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.menu-vertical .menu-inner::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.menu-vertical .menu-inner::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.menu-vertical .menu-inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.custom_field{display: none;}
/*flatpickr*/

span.flatpickr-weekday {
  color: #5e72e4;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: #5e72e4;
  font-weight: 600;
  font-size: 13px;
  font-family: arial;
}

.flatpickr-day.today {
  border-color: #357ebd;
  border-color: transparent;
  background-color: #eee;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.startRange,
.flatpickr-day.selected {
  background-color: #357ebd;
  /* background-color: #5e72e4; */
  border-color: transparent;
  color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color: #357ebd;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus,
.flatpickr-day:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day {
  border-radius: 4px;
  font-size: 13px;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 4px 0 0 4px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 4px 4px 0;
}

.flatpickr-day.inRange {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
  box-shadow: none;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: none;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #000;
}

/*flatpickr end*/

/*Media Queries*/
@media only screen and (min-width: 1200px)
{

  .bg-menu-theme { background: transparent !important; }
  .app-brand-logo img.brighter {filter: brightness(5);}
  .app-brand.app-brand-bgcolor {
    background: #5e72e4;
  }
  .darker {
    filter: brightness(1);
  }
  .bg-menu-theme .menu-text.brighter { color: #fff ;}
.boxes_equal_height, .boxes_equal_height .bg-white{height:100%;}
 .w__xl_250{width: 250px;}
  .w__xl_500{width: 500px;}
  .w__xl_450{width: 450px;}
  .w__xl_800{width: 800px;}
  .w__xl_750{width: 750px;}
  .w__xl_650{width:650px;}
  .w-lg-75{width:75%;}
.main-content {margin-left: 17.125rem;}
.fs_50{font-size:50px;}
.fs_40{font-size:40px;}
.fs_35{font-size:35px;}
.fs_30{font-size:30px;}
.fs_25{font-size:25px;}
.fs_22{font-size:22px;}
.fs_20{font-size:20px;}
.fs_18{font-size:18px;}
.fs_16{font-size:16px;}
.fs_15{font-size:15px;}
.card_table_height{min-height: 500px;}
.alert_absolute{position: absolute;/*top: 0px;display:flex;align-items: center;*/}
.alert_absolute i{margin-right: 5px;}
.table_nowrap td, .table_nowrap th{white-space: normal !important;font-size: 12px !important;line-height: 15px;}
.dataTables_info{float: left;}
.dataTables_paginate {float: right;}
div.dataTables_wrapper {position: relative;padding-bottom: 45px;}
.dataTable  tbody tr td.child{background-color: rgba(105,108,255,0.05) !important;}
}

@media only screen and (min-width:1020px)
{
  .btn-link , .btn-send-invoice, .btn-add-reading {
    font-weight: 600 !important;
    font-size: 13px;
    padding: 5px 12px !important;
    background-color: transparent;
    border: 0px;
    box-shadow: none;
  }

  .dataTable td .btn-send-invoice,
  .dataTable td .btn-add-reading
  {color: #344767;}
  .dataTable td .btn-send-invoice:hover,
  .dataTable td .btn-add-reading:hover
  {color: #2dce89;background-color: transparent;}
}


.dropdown-item.dropdown-item-hover-none,
.dropdown-item.dropdown-item-hover-none:hover {
    color: #5f6e7f !important;
    font-weight: 400 !important;
}

@media(max-width: 1199px) {
  .menu-vertical .menu-inner {
    overflow-x: hidden !important;
  }
}

@media only screen and (max-width:1019px)
{

  .dataTables_wrapper .dtr-title{color: #5e72e4 !important;
    font-weight: 700;
    font-size: 12px !important;
    padding: 5px 0.5rem;
      padding-right: 0.5rem;
    line-height: 14px;text-transform: uppercase;}
    .dataTables_wrapper .dtr-details{width:100%;}
}

@media only screen and (min-width:992px)
{
:not(.main-content) .navbar .dropdown .dropdown-menu{top: 0.25rem !important;}

}

@media only screen and (max-width:991px)
{
  .pos_header_fields {
    top: 50px;
    position: relative;
  }
  .page_title, .exit_btn {
    position: absolute;
    width: 100%;
}
}

@media only screen and (min-width:768px) and (max-width:1200px)
{
.fs_50{font-size:40px;}
.fs_40{font-size:35px;}
.fs_35{font-size:30px;}
.fs_30{font-size:25px;}
.fs_25{font-size:22px;}
.fs_22{font-size:20px;}
.fs_20{font-size:18px;}
.fs_18{font-size:16px;}
.fs_16{font-size:15px;}
.fs_15{font-size:14px;}
.w__xl_250{width: 250px;}
}

@media only screen and (min-width:768px)
{
.page_tite_section {position: relative;top: -25px;padding-left: 0px;}

  /* notes popup*/
  .vw-50 {
    /* width: 50%; */
    width: 100%;
    max-width: 570px;
  }
}

@media only screen and (max-width:767px)
{
  .page_tite_section{position: relative;top: -20px;padding-left: 0px;}
  .mob_row_sep{border-bottom: 1px dashed #aaaaaa;padding-bottom: 20px;margin-bottom: 20px !important;}
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate
  {text-align: left !important;}
  div.dataTables_wrapper div.dataTables_length label,
  div.dataTables_wrapper div.dataTables_filter label
  {font-size: 13px;}
  div.dataTables_wrapper .table-filter{padding-left: 0px;}
}

@media only screen and (min-width:576px) and (max-width:767px)
{
.fs_50{font-size:30px;}
.fs_40{font-size:25px;}
.fs_35{font-size:22px;}
.fs_30{font-size:20px;}
.fs_25{font-size:20px;}
.fs_22{font-size:18px;}
.fs_20{font-size:16px;}
.fs_18{font-size:17px;}
.fs_16{font-size:15px;}
.fs_15{font-size:14px;}
}

@media only screen and (max-width:575px)
{
.fs_50{font-size:30px;}
.fs_40{font-size:30px;}
.fs_35{font-size:25px;}
.fs_30{font-size:22px;}
.fs_25{font-size:20px;}
.fs_22{font-size:18px;}
.fs_20{font-size:16px;}
.fs_18{font-size:16px;}
.fs_16{font-size:15px;}
.fs_15{font-size:14px;}

.top_header .nav-breadcrumb{position: relative;top: -20px;}
.top_header .navbar-nav{position: relative;top: -20px;}
.top_header .select_bar_mobile{position: absolute;top: 35px;left: 0px;width: 100%;}
}

@media only screen and (max-width:575px) and (min-width:480px)
{
.top-nav-icons{max-width: 100% !important;}
}

@media (max-width: 520px)
{
  .top-nav-icons {max-width: 100% !important;}
  .top-nav-icons a.nav-link, .top-nav-icons button.nav-item{padding: 0px !important; margin: 0px 10px;}
  .top-nav-icons a.nav-link i, .top-nav-icons button.nav-item i{font-size: 20px;}
  .dropdown_navbar{display: block !important;}
.fillter-body .input-with-icon-inline{display: unset !important;}
.filter_btn, #tougle-fillter{margin-top:10px;}
}
label.required::after{content: " *";color: red;}
.easy-autocomplete {
  width: 100%;
}
.searchEnd .easy-autocomplete-container {
  z-index: 1010;
}
/*new css*/

table.dataTable>tbody>tr:not(.child):hover {
  background-color: #ebebeb;
  background-color: #bcbbbb;
  color: #fff;
}
table.dataTable>tbody>tr:not(.child):hover td {
  color: #fff;
}
@media(min-width:500px) {
  table.dataTable>tbody>tr.child ul.dtr-details>li {
    display: flex;
    align-items: center;
  }
}

@media (max-width:499px) {
  table.dataTable>tbody>tr.child span.dtr-title {
    display: block;
  }

  table.dataTable>tbody>tr.child span.dtr-data {
    padding: 5px 0.5rem;
  }
  table.dataTable>tbody>tr.child span.dtr-data .dropdown {
    left: 6px;
  }
}

table.dataTable>tbody>tr.child ul.dtr-details>li .dropdown-toggle::after {
  margin-top: 5px;
}

.popupViewkDetails.modal.left > .modal-dialog,
.popupViewkDetails.modal.right > .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.popupViewkDetails.modal.left > .modal-content,
.popupViewkDetails.modal.right > .modal-content {
    height: 100%;
    overflow-y: auto;
}

.popupViewkDetails.modal.left > .modal-body,
.popupViewkDetails.modal.right > .modal-body {
    padding: 15px 15px 80px;
    padding: 15px 15px 0px;
}

.popupViewkDetails.modal.right.fade > .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.popupViewkDetails.modal.right.fade.show > .modal-dialog {
    right: 25px;
}

.popupViewkDetails.modal.right > .modal-dialog .modal-body.spaces-modal,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.spaces-modal,
.popupViewkDetails.modal.right > .modal-dialog .modal-body.customer-modal,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.customer-modal,
.popupViewkDetails.modal.left > .modal-dialog .card-body,
.popupViewkDetails.modal.right > .modal-dialog .card-body{
  overflow-y: auto;
  height: 70vh;
  height: 80vh;
  padding-bottom: 20px;
}
.popupViewkDetails.modal.right .modal-dialog .card-body div#orders-table_wrapper {
  padding-bottom: 0;
}
.act-btn li {
  display: inline-block;
}

@media(max-width: 576px) {

  .popupViewkDetails.modal.right .modal-dialog .modal-body.spaces-modal,
  .popupViewkDetails.modal.left .modal-dialog .modal-body.spaces-modal,
  .popupViewkDetails.modal.right .modal-dialog .modal-body.customer-modal,
  .popupViewkDetails.modal.left .modal-dialog .modal-body.customer-modal,
  .popupViewkDetails.modal.left .modal-dialog .card-body,
  .popupViewkDetails.modal.right .modal-dialog .card-body {
    height: 66vh;
  }

  .popupViewkDetails.modal.right.fade.show .modal-dialog {
    right: 0;
  }
  .popupViewkDetails.modal.left .modal-dialog .card-body,
  .popupViewkDetails.modal.right .modal-dialog .card-body {
    height: 70vh;
  }
  .act-btn li {
      display: block;
  }
}

.blink_text {
 animation-name: blinker;
 animation-duration: 0.5s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 background: transparent;
  color: Red;
  text-shadow:
    0 0 5px grey,
    0 0 10px grey,
    0 0 20px grey,
    0 0 40px grey,
    0 0 80px grey,
    0 0 90px grey,
    0 0 100px grey,
    0 0 150px grey;

}

@keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
}

#notesModal table.table .btn-delete {
  border-radius: 100px !important;
  min-width: 30px;
  min-height: 30px;
  padding: 0px;
  display: grid;
  align-content: center;
  justify-content: center;
  color: #fff;
  margin-right: 4px;
  max-width: 30px;
  border: 0px !important;
  font-size: 13px;
}
.input-group.input-group-combined .input-group-text {
  border-right: 0px;
}
.input-group.input-group-combined input.form-control {
  border-left: 0px;
}

.border-left-0 {
  border-left: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}

.first-row-hide {
  position: relative;
  top: -40px;
}

.mx-w-700 {
  max-width: 700px;
}

/* icon */

.booking-portal-icon:before,
.map-icon:before,
.reservation-icon:before,
.spaces-icon:before,
.sales-icon:before,
.inventory-icon:before {
  content: '';
  background-size: contain;
  height: 21px;
  width: 22px;
  display: inline-block;
  background-repeat: no-repeat;
}

.spaces-icon:before { background-image: url('../img/icons/spaces.png'); }
.sales-icon:before { background-image: url('../img/icons/sales-icon.png'); }

.inventory-icon:before { background-image: url('../img/icons/inventory.png'); }
.reservation-icon:before { background-image: url('../img/icons/reservation.png'); }
.map-icon:before { background-image: url('../img/icons/map_icon.png'); }

.booking-portal-icon:before {
  background-image: url('../img/icons/booking-portal-icon.png');
  width: 32px;
  height: 32px;
  margin-top: 4px;
}

.access-control:before {
  content: '';
  /* background-image: url('../img/icons/access-control.png'); */
  /* background-image: url('../img/icons/access-enter-input-svgrepo-com.svg'); */
  background-image: url('../img/icons/access-enter-input-svgrepo-com-active.svg');
  background-repeat: no-repeat;
  background-size: 27px;
  width: 25px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  background-size: contain;
  filter: brightness(0.1) contrast(0.1) grayscale(0.1);
  opacity: 0.8;
}

.terminal-icon:before {
  /* background-image: url("{{ asset('img/icons/terminal.png') }}"); */
  background-image: url("../img/icons/terminal.png");
  content: '';
  background-size: contain;
  height: 21px;
  width: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.margin-left-4 {
  margin-left: -4px;
}

#masthead .nav-tabs .gs-menu-item .nav-link:hover:hover .access-control:before {
  /* background-image: url('../img/icons/access-control-active.png'); */
  /* background-image: url('../img/icons/access-enter-input-svgrepo-com-active.svg'); */
  filter: unset;
  opacity: 1;
}

.menu-inner > .menu-item.open > a.menu-link.menu-toggle .reservation-icon.fa-cube:before,
.menu-inner > .menu-item.open > a.menu-link.menu-toggle .inventory-icon.fa-bell:before,
.menu-inner > .menu-item.open > a.menu-link.menu-toggle .spaces-icon.bx-cart-alt:before {
  filter: brightness(4);
}


.top-nav-icons i.spaces-icon,
.top-nav-icons i.inventory-icon,
.top-nav-icons i.reservation-icon,
.top-nav-icons i.map-icon {
  padding: 0 !important;
  /* width: 30px; */
  display: inline-block;
}

.top-nav-icons i.spaces-icon::before,
.top-nav-icons i.inventory-icon::before,
.top-nav-icons i.reservation-icon::before,
.top-nav-icons i.map-icon::before {
  filter: brightness(3);
  height: 25px;
  width: 25px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .spaces-icon:before,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .inventory-icon:before,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .reservation-icon:before,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .map-icon:before {
  filter: brightness(3);
}
.layout-page .top-nav-icons .nav-item i {
  font-size: 25px;
  vertical-align: bottom;
}

.layout-page .top-nav-icons .nav-item i.bx-calendar-x,
.layout-page .top-nav-icons .nav-item i.fa.fa-random {
  font-size: 22px;
}

.max-height-300 {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* width */
.max-height-300::-webkit-scrollbar {
  width: 6px;
}


/* Track */
.mx-h-80::-webkit-scrollbar-track,
.max-height-300::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.mx-h-80::-webkit-scrollbar-thumb,
.max-height-300::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

/* Handle on hover */
.mx-h-80::-webkit-scrollbar-thumb:hover,
.max-height-300::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.show-button {
  padding: 0.532rem 1.25rem !important;
  font-weight: 400;
  color: #697a8d !important;
  font-size: 15px !important;
}

.show-button:hover {
  color: #5f6e7f !important;
}
.popupViewkDetails .dropdown-item.btn-change-pass {

}

/*scroll for mac*/
body::-webkit-scrollbar {
  width: 12px;
}
body::-webkit-scrollbar-thumb {
  background-color: rgb(193 193 193);
}
body::-webkit-scrollbar-track {
  background-color: rgb(241 241 241);
}
.popupViewkDetails.modal.right > .modal-dialog .modal-body.spaces-modal::-webkit-scrollbar,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.spaces-modal::-webkit-scrollbar,
.popupViewkDetails.modal.right > .modal-dialog .modal-body.customer-modal::-webkit-scrollbar,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.customer-modal::-webkit-scrollbar,
.popupViewkDetails.modal.left > .modal-dialog .card-body::-webkit-scrollbar,
.popupViewkDetails.modal.right > .modal-dialog .card-body::-webkit-scrollbar,
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.popupViewkDetails.modal.right > .modal-dialog .modal-body.spaces-modal::-webkit-scrollbar-thumb,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.spaces-modal::-webkit-scrollbar-thumb,
.popupViewkDetails.modal.right > .modal-dialog .modal-body.customer-modal::-webkit-scrollbar-thumb,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.customer-modal::-webkit-scrollbar-thumb,
.popupViewkDetails.modal.left > .modal-dialog .card-body::-webkit-scrollbar-thumb,
.popupViewkDetails.modal.right > .modal-dialog .card-body::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
  background-color: rgb(193 193 193);
}

.popupViewkDetails.modal.right > .modal-dialog .modal-body.spaces-modal::-webkit-scrollbar-track,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.spaces-modal::-webkit-scrollbar-track,
.popupViewkDetails.modal.right > .modal-dialog .modal-body.customer-modal::-webkit-scrollbar-track,
.popupViewkDetails.modal.left > .modal-dialog .modal-body.customer-modal::-webkit-scrollbar-track,
.popupViewkDetails.modal.left > .modal-dialog .card-body::-webkit-scrollbar-track,
.popupViewkDetails.modal.right > .modal-dialog .card-body::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
  background-color: rgb(241 241 241);
}

.swal2-icon {
  margin: 2.5em auto 1.6em !important;
  border: 2px solid #545454 !important;
}

table.table-last-row-border-0 tr:last-child td {
  border-bottom: 0 !important;
}

.tooltip-header {
  background-color: #5e72e4;
  color: #fff;
  /* margin: -7px -7px 0; */
  border-radius: 4px 4px 0 0;
  padding: 5px 0;
  text-align: left !important;
}
.slip-color {
  background: #55f088;
  color: #000;
}
.boat-color {
  background: #f0f063;
  color: #000;
}

.calendat-tooltip-header {
  position: absolute;
  left: 0;
  margin: 0;
  top: 0;
  text-align: center;
}


.card.tooltip-card {
  min-width: 200px;
}
.tooltip-card.min-width-240 {
  min-width: 240px;
}

.tooltip-card.max-width-240 {
  max-width: 240px;
}

.tooltip-card.max-width-250 {
  max-width: 250px;
}

.tooltip-card.max-width-300 {
  max-width: 300px;
}
.tooltip-card.max-width-400 {
    max-width: 400px;
  }
.tooltip-card.min-width-300 {
  min-width: 300px;
}
.form-select2.max-width-200 {
  max-width: 200px;
}
.slip_id.tooltip-slip_id {
  max-width: 300px;
  min-width: 300px;
  padding: 0;
  border: solid 1px #ddd !important;
  max-height: fit-content !important;
}

.fc-view-container *,
.box-sizing-unset.row {
  -webkit-box-sizing: inherit !important;
  -moz-box-sizing: unset !important;
  box-sizing: border-box !important;
}


.tooltip-card .card-body.tooltip-body {
  border-radius: 0 !important;
  padding: 10px;
}

.min-height-auto {
  min-height: auto !important;
}

.leaflet-tooltip.boat-color,
.leaflet-tooltip.slip-color {
  padding: 0;
}
.font-family {
  font-family: sans-serif;
}
td.col-word-wrap {
  max-width: 300px;
  min-width: 200px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
}
.dataTable .deposit-row {
  background-color: #fbfb00a8;
}
.dataTable .deposit-row:hover {
  background-color: inherit;
}
.z-index-2000 {
  z-index: 2000;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.td-min-width-by-tbody td {
  min-width: 170px;
}
.td-min-width-by-tbody:not(.last-td-width) td:nth-child(+5),
.td-min-width-by-tbody:not(.last-td-width) td:last-of-type {
  min-width: auto;
}

.min-width-100 {
  min-width: 100px !important;
}
.min-width-200 {
  min-width: 200px !important;
}
.min-width-240 {
  min-width: 240px !important;
}
.prevent-text-selection {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#modalDevicePrompt {
  z-index: 9999;
}

/*table remove table hover efect*/
.hover-none:hover > * {
  --bs-table-accent-bg: #fff !important;
}
select.custom-opt-color option {
  margin: 40px;
  background: rgb(133 146 163 / 44%);
  background: rgb(103 116 142);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  /* padding: 14px 10px; */
  /* border-radius: 20px; */
}


/**
 * ==============================================
 * Dot Flashing  Animation
 * ==============================================
 */
 .dot-flashing {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  /* background-color: #9880ff; */
  /* color: #9880ff; */
  background-color: #9880ff;
  color: #9880ff;
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.dot-flashing::before, .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-flashing::before {
  left: -15px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}
.dot-flashing::after {
  left: 15px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dot-flashing {
  0% {
    background-color: #fff;
  }
  50%, 100% {
    background-color: rgba(152, 128, 255, 0.2);
  }
}


ubdiv.userback-button.userback-button-e {
  background: #5e72e4 !important;
}
@-o-keyframes fadeItBG {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #f6c957; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeItBG {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #f6c957; }
  100% { background-color: #FFFFFF; }
}

.fadeInBGColor{    
    background-image:none !important; 
         -o-animation: fadeItBG 3s ease-in-out; 
            animation: fadeItBG 3s ease-in-out; 
}