/* override.css */

* {
  /* outline: 1px solid blue; */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  /* font-family: "Helvetica", "Arial", sans-serif; */
  font-weight: 400;
  line-height: 1.5em;
}

#color-values {
  /* lighe blue */
  color: #92bce1;
  /* purple */
  color: #6376c7; /*#8792c5 -> #6376c7*/
  color: #e4e7f2; /* #e4e7f2 light background */
  /* cyan */
  color: #a7d5d0;
  color: #59c6c6;
  /* pale blue */
  color: #d5ebf4;
  /* gray */
  color: #848382;
  color: #505050;
}

.sidebar .logo {
  padding: 22px 0px 8px;
}

/* login */

.login-page .card [class*="card-header-"] {
  margin: 12px;
}

.login-page
  .card
  .card-header-rose:not(.card-header-icon):not(.card-header-text) {
  background: #6376c7;
}

.login-page .card-title {
  text-align: center;
}

/* fix to not all items selectable on smaller screens */
.sidebar .sidebar-wrapper {
  height: calc(100% - 100px);
}

/* fix to odd transitions on nav */
.sidebar a,
.sidebar .nav i {
  -webkit-transition: all 90ms linear;
  -moz-transition: all 90ms linear;
  -o-transition: all 90ms linear;
  -ms-transition: all 90ms linear;
  transition: all 90ms linear;
}
.caret,
.sidebar .nav p {
  -webkit-transition: initial;
  -moz-transition: initial;
  -o-transition: initial;
  -ms-transition: initial;
  transition: initial;
}

.footer {
  border-top: 1px solid #cccccc;
  z-index: 1;
}

.nav-link {
  font-weight: 500 !important;
}

.sidebar .nav i {
  margin-right: 4px;
}
.sidebar .collapse .nav i {
  margin-right: 20px;
}

.sidebar {
  box-shadow: 4px 0px 8px -4px rgba(0, 0, 0, 0.2);
}

.sidebar[data-color="rose"] li.active > a {
  background-color: rgba(127, 142, 194, 0.2);
  box-shadow: none;
}
.sidebar .nav li.active > [data-toggle="collapse"] i {
  color: #fff;
}
.sidebar .nav li:first-child > a,
.sidebar .nav li > a {
  margin-left: 0px;
  border-radius: 0px 120px 120px 0px;
}

.sidebar .nav.submenu li:first-child > a,
.sidebar .nav.submenu li > a {
  margin-left: 0px;
  border-radius: 120px 120px 120px 120px;
}

.sidebar .nav i,
.sidebar .nav li > i,
.sidebar .nav li > a,
.sidebar .nav li .dropdown-menu a,
.sidebar .nav li .dropdown-menu i,
.sidebar .nav li > [data-toggle="collapse"] {
  margin-left: 0px;
  color: #505050;
}

.sidebar .nav li:hover > a,
.sidebar .nav li .dropdown-menu a:hover,
.sidebar .nav li .dropdown-menu a:focus,
.sidebar .nav li.active > [data-toggle="collapse"] {
  background-color: rgba(127, 142, 194, 0.2);
  color: #6375c5 !important;
  box-shadow: none;
}

.sidebar .nav li:hover > a i,
.sidebar .nav li.active > a,
.sidebar .nav li.active > a i {
  color: #6375c5 !important;
}

.card [class*="card-header-"] .card-icon,
.card [class*="card-header-"] .card-text {
  background-color: transparent;
  padding: 0px;
  margin-top: 0px;
  box-shadow: none;
  color: #666666;
}

.card-stats .card-header.card-header-icon i {
  text-align: center;
}

.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
  color: #848382 !important;
}

.card.card-stats {
  background: transparent;
  box-shadow: none;
  margin-top: 5px;
}

.card [class*="card-header-"] {
  margin: 0px 0px 0;
  border-bottom: 1px solid rgba(180, 180, 180, 0.3);
}

.card-icon {
  margin-right: 0px !important;
}
.card-title {
  text-align: left;
}

/* BUTTONS */

.btn,
.btn.btn-default,
.paginate_button.next,
.paginate_button.previous,
.btn.btn-rose {
  color: #666666;
  background-color: #fff;
  border: none;
  border-radius: 120px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  margin-left: 3px !important;
  margin-right: 3px !important;
  cursor: pointer;
}

.btn:focus,
.btn:active,
.btn:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default:hover,
.paginate_button.next:focus,
.paginate_button.previous:focus,
.paginate_button.next:hover,
.paginate_button.previous:hover,
.btn.btn-rose:focus,
.btn.btn-rose.focus,
.btn.btn-rose:hover {
  color: #666666;
  background-color: #fff;
  border: none;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.36);
}

.btn i,
.btn.btn-default i,
.btn.btn-rose i {
  color: #6375c5;
}

a.paginate_button {
  color: #6375c5;
}

.tab_new .nav-pills.nav-pills-warning .nav-item .nav-link.active,
.tab_new .nav-pills.nav-pills-warning .nav-item .nav-link.active:focus,
.tab_new .nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
  background-color: #6375c5;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.36);
}

.imgsort_del {
  background: #fff;
}

.imgsort_del i {
  padding-top: 8px;
  color: #666666;
}

.fc button {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fc button,
.fc button:hover,
.fc button:focus,
.fc button:active,
.fc button.active,
.fc button:active:focus,
.fc button:active:hover,
.fc button.active:focus,
.fc button.active:hover,
.open > .fc button.dropdown-toggle,
.open > .fc button.dropdown-toggle:focus,
.open > .fc button.dropdown-toggle:hover,
.fc button.btn-primary,
.fc button.btn-primary:hover,
.fc button.btn-primary:focus,
.fc button.btn-primary:active,
.fc button.btn-primary.active,
.fc button.btn-primary:active:focus,
.fc button.btn-primary:active:hover,
.fc button.btn-primary.active:focus,
.fc button.btn-primary.active:hover,
.open > .fc button.btn-primary.dropdown-toggle,
.open > .fc button.btn-primary.dropdown-toggle:focus,
.open > .fc button.btn-primary.dropdown-toggle:hover {
  background-color: #fff;
  color: #666666;
}

.fc button:focus,
.fc button:active,
.fc button:hover,
.fc button.btn-primary:focus,
.fc button.btn-primary:active,
.fc button.btn-primary:hover {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.36);
}

/* TABLES */

.table-bordered td {
  border-collapse: collapse !important;

  border-top: 0px solid rgba(0, 0, 0, 0.06) !important;
}

.dataTable > thead > tr > th,
.dataTable > tbody > tr > th,
.dataTable > tfoot > tr > th,
.dataTable > thead > tr > td,
.dataTable > tbody > tr > td,
.dataTable > tfoot > tr > td {
  padding-top: 12px !important;
  padding-right: 8px !important;
  padding-bottom: 12px !important;
  padding-left: 8px !important;
}

table.table,
table.dataTable {
  color: #666666;
  font-size: 15px;
}

table.table thead,
table.table thead tr th,
.sorting_asc,
.sorting,
.sorting_disabled {
  background: #e4e7f2;
  color: #6376c7;
  font-weight: 500 !important;
  font-weight: bold !important;
  font-size: 15px;
}

.table > thead > tr > th {
  border-color: #bdbdbd;
}

table td a i {
  padding: 0 4px 0 4px;
  font-size: 18px !important;
  color: #666666;
}

table td a:hover i {
  padding: 0 4px 0 4px;
  font-size: 18px !important;
  color: #6375c5;
}

/* table arrows */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  top: 10px;
  font-size: 18px;
  right: 1.1em;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  top: 10px;
  font-size: 18px;
  right: 0.5em;
}

/* inputs */
.is-focused [class^="bmd-label"],
.is-focused [class*=" bmd-label"] {
  color: #6375c5;
}
.form-control,
.is-focused .form-control {
  background-image: linear-gradient(
      to top,
      #6375c5 2px,
      rgba(156, 39, 176, 0) 2px
    ),
    linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

th[aria-label="Action"] {
  text-align: center;
}
th[aria-label="#"] {
  text-align: center;
}

i.green {
  font-size: 18px;
  padding: 2px;
  background: transparent;
  color: #5bc553;
  border: 0px solid #fff;
  margin-left: 5px !important;
  margin-right: 5px !important;
  cursor: pointer;
}

i.red {
  font-size: 18px;
  padding: 2px;
  background: transparent;
  color: #c55353;
  border: 0px solid #fff;
  margin-left: 5px !important;
  margin-right: 5px !important;
  cursor: pointer;
}

i.red:hover {
  font-size: 18px;
  padding: 2px;
  background: #c55353;
  color: #fff;
  border: 0px solid #fff;
  border-radius: 3px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  cursor: pointer;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 20px;
  margin-bottom: 1.85rem;
  list-style: none;
  /* background-color: #e4e7f2; */
  border-radius: 120px;
  background: rgba(228, 231, 242, 1);
  background: -moz-linear-gradient(
    left,
    rgba(228, 231, 242, 1) 0%,
    rgba(238, 238, 238, 1) 32%,
    rgba(238, 238, 238, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(228, 231, 242, 1)),
    color-stop(32%, rgba(238, 238, 238, 1)),
    color-stop(100%, rgba(238, 238, 238, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(228, 231, 242, 1) 0%,
    rgba(238, 238, 238, 1) 32%,
    rgba(238, 238, 238, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(228, 231, 242, 1) 0%,
    rgba(238, 238, 238, 1) 32%,
    rgba(238, 238, 238, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(228, 231, 242, 1) 0%,
    rgba(238, 238, 238, 1) 32%,
    rgba(238, 238, 238, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(228, 231, 242, 1) 0%,
    rgba(238, 238, 238, 1) 32%,
    rgba(238, 238, 238, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e7f2', endColorstr='#eeeeee', GradientType=1 );
}

.breadcrumb-item a {
  color: #6376c7;
  text-decoration: underline;
}

.breadcrumb-item a:hover {
  color: #3e4a80;
}

.select_yacht_area {
  width: auto;
  margin: 0 15px;
}

.select_yacht {
  position: relative;
  width: calc(100%);
  background: transparent;
  margin-bottom: 15px;
  padding: 0;
}

.select_yacht > .form-control {
  color: #666666;
  background: #fff;
  padding: 0 40px 0 10px;
  border-radius: 120px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  transition: 0.15s ease-in-out;
  background-image: none !important;
  cursor: pointer !important;
  font-weight: 400;
  font-size: 16px;
  height: 36px !important;
}

.select_yacht:after {
  font-family: "Material Icons";
  content: "expand_more";
  color: #666666;
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 22px;
}
.dataTables_length label {
  position: relative;
  width: 100px;
}

.dataTables_filter label input,
.dataTables_length label select {
  width: auto !important;
  position: relative;
  padding-left: 10px;
  padding-right: 25px;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 120px;
}
.dataTables_length label:after {
  font-family: "Material Icons";
  content: "expand_more";
  color: #666666;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 22px;
}

.select_yacht > .form-control:hover {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.36);
}
.fc-ltr .fc-h-event.fc-not-start {
  padding: 5px 0 5px 10px;
}
.fc-event {
  border-radius: 120px;
  border: 2px solid #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.36);
}

.form-group > label {
  padding-top: 15px !important;
  color: #666666;
}

/* 
Finance Reports:
<span class="material-icons">
bar_chart
</span>

fx_transactions:
<span class="material-icons">sync_alt</span>

fx_balance:
<span class="material-icons">
account_balance_wallet
</span>

rev_accounts:
<span class="material-icons">
account_balance
</span>

rev_transactions:
<span class="material-icons">sync_alt</span>


*/

.container-for-form {
  background: #fff;
  padding: 20px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.2);
}

.modal-dialog .modal-content {
  border-radius: 20px;
}

.yfcalendar .tooltip {
  opacity: 1;
  background: #fff;
  padding: 0px;
  width: 400px;
  border-radius: 20px;
}

.yfcalendar .tooltip .tooltip-inner {
  padding: 20px 20px;
  border-radius: 20px;
}

/* mobile */


@media screen and (max-width: 991px) {
  table.dataTable > tbody > tr > td:first-child {
    padding: 0px 10px 0px 10px !important;
  }
  .wrapper,
  .wrapper .main-panel {
    height: 100%;
    position: relative;
  }

  .content-footer {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 0px !important;
    display: block;
  }
}

@media (max-width: 640px) {
  [class*="navbar-expand-"] > .container,
  [class*="navbar-expand-"] > .container-fluid {
    padding-right: 0px;
  }
}

@media (max-width: 640px) {
  #user-group-manage-table_filter,
  .dataTables_filter {
    padding-left: 0px;
    margin-bottom: 15px;
  }

  .breadcrumb {
    font-size: 12px;
    margin-bottom: 0px;
  }

  .fc-ltr .fc-h-event.fc-not-end,
  .fc-ltr .fc-h-event.fc-not-start {
    padding: 1px 0 1px 3px;
    margin-top: 0px;
  }
/* 
  .fc-ltr .fc-h-event {
    font-size: 10px;
    padding: 1px 0 1px 3px;
  } */
}

@media (max-width: 991px) {
  .sidebar .sidebar-wrapper {
    padding-bottom: 0px;
    background: #fff;
  }
}

.card .card-header {
  z-index: 1 !important;
}

@media (max-width: 640px) {
  .yfcalendar .tooltip {
    font-size: 12px;
    width: calc(100% - 10px);
  }
  .yfcalendar .tooltip p {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 640px) {
.card.card-stats {
    margin-bottom: 5px;
}
}