body {
    margin: 0;
    font-family: "Montserrat", sans-serif ,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* Copyright*/
.bg-white {
  background-color: #e1e5ee !important;
}

footer.sticky-footer .copyright {
  color:#2a4055;
}

/* Login */
.logo_h{
    height: 100px;
    margin: 0 auto;
}

.background-image{ 
    background: url(/public/img/yacht-blu.webp) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
}

.glass{
  background: rgba(255, 255, 255, 0);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4.8px);
  -webkit-backdrop-filter: blur(4.8px);
  border: 1px solid rgba(255, 255, 255, 0.37);
  padding: 3rem 8rem !important;
}

.text-gray-900 .bg-white {
    --tw-bg-opacity: 1;
    background: linear-gradient(0deg, #0076a1 0%, #97bfd7 100%);
  }

  .text-gray-700, .text-gray-600,.text-gray-800{
    font-family: "Montserrat", sans-serif;
    color: #2a4055 !important;
  }

  .text-gray-800{
    text-transform: uppercase;
  }

  .bg-gray-800{
    font-family: "Montserrat", sans-serif;
    background-color: #e1e5ee; 
    color: #2a4055;
  }

  .bg-gray-800:hover{
    color: #FFF; 
 }

 #content{
    background-color: #e1e5ee;
 }
/* Sidebar */
#page-top .navbar-light{
    background-color: #e1e5ee !important;
}

.rounded{
  border-radius: 50% !important;
}


.icon-sidebar{
  width: 30px;
  margin-top: -5px;
}

.bg-gradient-primary {
   /* background-image: linear-gradient(180deg,#97bfd7 10%,#0076a1 100%);*/
   background: #0076a1;
   background: linear-gradient(0deg, #0076a1 0%, #97bfd7 100%);
   background-size: cover;
  }
  
  .sidebar-background{
    background-color: #FFF;    
  }
  .sidebar-brand-icon img{
    height: 125px;
    background-color: #FFF;    
  }

  .sidebar .nav-item .nav-link span {
    font-family: "Montserrat", sans-serif;
    color: #2a4055;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
  }

  .sidebar .nav-item .nav-link:hover span{
    color: #FFF;
  }

  .sidebar-dark .nav-item.active .nav-link span{
    color: #FFF;
  }

  .sidebar-dark .nav-item.active .nav-link i {
    color: #FFF;
  }

  .sidebar-dark .nav-item .nav-link i {
    color: #2a4055;
  }

  .sidebar-dark .sidebar-heading {
    font-family: "Montserrat", sans-serif;
    color: rgba(42,64,85,0.5);
  }

  /* SHIP CARD*/

  .row {
    gap: 10px;
    row-gap: 1em;
  }

  .card, .card-header {
    background-color: #e1e5ee;
    border: 0px solid #e1e5ee;
  }

  .card-header:first-child {
    text-align: center;
  }

  @media (min-width: 768px) {
    .col-md-3 {
      flex: 0 0 23%;
      max-width: 25%;
    }
  }

  .divider{
    background-color:#f0f3f4; 
    height: 4px; 
    width:50%; 
    margin: 5% auto;
  }

  .flex-column{
    flex-direction: column;
  }

  .text-title-h1{
    color: #2a4055 !important;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 1.7rem;
  }

  .text-subtitle-h3{
    color: #2a4055 !important;
    font-family: "Montserrat", sans-serif;
    font-size: 1.3rem;
    text-transform: uppercase;
  }

  .border-primary {
    border-color: transparent !important;
  }

  #div_ship_data,#div_calendar, #div_contacts{
    margin-bottom: 1em;
  }

  #ship_data_div h6{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #2a4055;
    font-size: 0.9rem;
  }

  #div_ship_data, #div_calendar, #div_contacts, #div_defects, #div_documents{
    background: #0076a1;
    background: linear-gradient(0deg, #0076a1 0%, #97bfd7 100%);
    background-size: cover;
    border-radius: 20px;
  }

  .col-4 {
    max-width: 32.333%;
  }

  .border {
    border: 0px !important;
  }

  .form-control-sm{
    margin-bottom: 8px;
  }

  .col-6{
    margin-top: auto;
    margin-bottom: auto;
  }

  .text-primary {
    color: #2a4055 !important;
  }

  .text-blu-700-login {
    font-family: "Montserrat", sans-serif;
    color: #2a4055 !important;
    font-size: 18px;
    font-weight: 700;
  }

  .btn-primary {
    color: #FFF !important;
    background-color: #477a82;
    border-color: #477a82;
    text-transform: uppercase;
    font-weight: 700;
  }

  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #f0f3f4 !important;
    background-color: #2a4055;
    border-color: #2a4055;
  }

  label{
    font-family: "Montserrat", sans-serif;
    color: #2a4055;
    font-weight: 700;
  }

  .dataTables_wrapper .dataTables_length select {
    background-color: #a9d8e9;
  }

  .dataTables_wrapper .dataTables_filter input {
    background-color: #f0f3f4;
  }

  tr[role=row]{
    background-color: #a9d8e9;
  }

  th{
    font-weight: 600;
    color: #2a4055;
    text-transform: uppercase;
    font-size: 0.9rem;
  }

  tbody{
    background-color: #f0f3f4;
  }

  .table-bordered{
    border: 0px;
  }

  .dataTables_wrapper .dataTables_info {
    color: #2a4055 !important;
    font-size: 0.9rem;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #2a4055 !important;
    font-size: 0.9rem;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    color: #2a4055 !important;
    font-size: 0.9rem;
  }

  .dropdown-item {
    font-family: "Montserrat", sans-serif;
  }

  table.dataTable.no-footer {
    border-bottom: 0px;
  }

  table.dataTable thead th{
    border-bottom: 0px;
  }


.table-striped tbody tr:nth-of-type(odd) { 
  background-color: #f0f3f4;
}


.gradient-blu{
    --tw-bg-opacity: 1;
    background: linear-gradient(0deg, #0076a1 0%, #97bfd7 100%);
    border-radius: 20px;
  }

  .card-header2{
    padding: .75rem 1.25rem;
  }

  a {
    color: #2a4055;
  }

  .btn-green {
    background-color: #18ae99  !important;
    border-color: #18ae99;
    color: #fff !important;
    text-transform: UPPERCASE !important;
    padding: .5rem 3rem;
    font-size: 0.9rem;
  }

  .btn-danger{
    text-transform: UPPERCASE !important;
    background-color: #c90044 !important;
  }

  .btn-danger:hover{
    background-color: #a50037 !important;
  }

  .btn-info{
    text-transform: UPPERCASE !important;
    background-color: #97bfd7 !important;
    border-color: #97bfd7;
  }

  .btn-warning {
    text-transform: UPPERCASE !important;
    color: #fff;
    background-color: #97bfd7 !important;
    border-color: #97bfd7;
  }

  .btn-warning:hover {
    background-color: #6c899b !important;
    border-color: #6c899b;
  }

  .btn-warning:focus {
    border-color: rgb(172, 217, 245) !important;
    box-shadow: 0 0 0 .2rem rgba(172, 217, 245,.5);
  }

  .btn-modify{
    text-transform: UPPERCASE !important;
    background-color: #f7a33b !important;
    border-color: #f7a33b;
  }

  .btn-modify:hover{
    color: #fff;
    background-color: #cf8832 !important;
    border-color: #cf8832;
  }

  .btn-modify:focus {
    border-color: #f4b30d;
    box-shadow: 0 0 0 .2rem rgba(247,203,91,.5);
  }

  .btn-warning:not(:disabled):not(.disabled):active  {  
    border-color: #97bfd7;
  }

  .btn-subactivity{
    text-transform: UPPERCASE !important;
    background-color: #5a4d87 !important;
    border-color: #5a4d87;
  }

  .btn-subactivity:hover{
    color: #fff;
    background-color: #3c335a !important;
    border-color: #3c335a;
  }

  .btn-document{
    text-transform: UPPERCASE !important;
    background-color: #8278b6 !important;
    border-color: #8278b6;
  }

  .btn-document:hover{
    color: #fff;
    background-color: #696092 !important;
    border-color: #696092;
  }

  .btn-open{
    text-transform: UPPERCASE !important;
    background-color: #477a82 !important;
    border-color: #477a82;
  }

  .btn-open:hover{
    color: #fff;
    background-color: #365d63 !important;
    border-color: #365d63;
  }

  .btn-open:focus {
    border-color: rgb(54, 93, 99);
    box-shadow: 0 0 0 .2rem rgba(54, 93, 99,.5);
  }



  /* Calendar */
  .fc-toolbar h2 {
    color: #2a4055 !important;
  }
  

  label {
    font-size: 0.9em;
  }

  .btn-secondary{
    text-transform: uppercase !important;
  }

   /* modal background color */
   .modal-body {
    background-color: #97bfd7;
  }

  .modal-footer {
    background-color: #97bfd7;
    border-top: 1px solid #97bfd7;
  }

 

  .modal-body label{
    color: #fff;
  }


  /* dashboard admin */
  .align-center-dash{
    align-items: center;
    justify-content: center;
  }