/* ═══════════════════════════════════════════════════════
   MECASA BRAND COLORS  — Brand Guide 2025
   Midnight  : #004567   Primary dark navy
   Celeste   : #c5dad5   Primary light sage
   Classy Green: #185348  Secondary dark green
   Mustard Gold: #c79c74  Accent warm gold
   ═══════════════════════════════════════════════════════ */

:root {
  --brand-midnight   : #004567;
  --brand-midnight-dk: #002d44;
  --brand-celeste    : #c5dad5;
  --brand-green      : #185348;
  --brand-green-dk   : #0d3325;
  --brand-gold       : #c79c74;
  --brand-gold-dk    : #8b6040;

  /* Override Cuba theme primary (was orange #ee5b3b) */
  --theme-deafult    : #004567 !important;
  --fc-button-bg-color         : #004567;
  --fc-button-active-bg-color  : #002d44;
  --fc-button-active-border-color: #002d44;
  --fc-button-border-color     : #004567;
  --fc-button-hover-bg-color   : #002d44;
  --fc-button-hover-border-color: #002d44;
}

/* ── Bootstrap utility overrides — all semantic variants ── */

/* Buttons */
.btn-primary,   .btn-primary:focus   { background-color:#004567 !important; border-color:#004567 !important; color:#fff !important; }
.btn-primary:hover                   { background-color:#002d44 !important; border-color:#002d44 !important; }
.btn-secondary, .btn-secondary:focus { background-color:#185348 !important; border-color:#185348 !important; color:#fff !important; }
.btn-secondary:hover                 { background-color:#0d3325 !important; border-color:#0d3325 !important; }
.btn-success,   .btn-success:focus   { background-color:#1e7a56 !important; border-color:#1e7a56 !important; color:#fff !important; }
.btn-success:hover                   { background-color:#185348 !important; border-color:#185348 !important; }
.btn-danger,    .btn-danger:focus    { background-color:#7a3636 !important; border-color:#7a3636 !important; color:#fff !important; }
.btn-danger:hover                    { background-color:#5c1f1f !important; border-color:#5c1f1f !important; }
.btn-warning,   .btn-warning:focus   { background-color:#c79c74 !important; border-color:#c79c74 !important; color:#fff !important; }
.btn-warning:hover                   { background-color:#8b6040 !important; border-color:#8b6040 !important; }
.btn-info,      .btn-info:focus      { background-color:#0f6b9c !important; border-color:#0f6b9c !important; color:#fff !important; }
.btn-info:hover                      { background-color:#004567 !important; border-color:#004567 !important; }

/* Outline buttons */
.btn-outline-primary   { color:#004567 !important; border-color:#004567 !important; }
.btn-outline-primary:hover           { background-color:#004567 !important; color:#fff !important; }
.btn-outline-secondary { color:#185348 !important; border-color:#185348 !important; }
.btn-outline-secondary:hover         { background-color:#185348 !important; color:#fff !important; }
.btn-outline-success   { color:#1e7a56 !important; border-color:#1e7a56 !important; }
.btn-outline-success:hover           { background-color:#1e7a56 !important; color:#fff !important; }
.btn-outline-danger    { color:#7a3636 !important; border-color:#7a3636 !important; }
.btn-outline-danger:hover            { background-color:#7a3636 !important; color:#fff !important; }
.btn-outline-warning   { color:#8b6040 !important; border-color:#c79c74 !important; }
.btn-outline-warning:hover           { background-color:#c79c74 !important; color:#fff !important; }
.btn-outline-info      { color:#0f6b9c !important; border-color:#0f6b9c !important; }
.btn-outline-info:hover              { background-color:#0f6b9c !important; color:#fff !important; }

/* Text */
.text-primary   { color:#004567 !important; }
.text-secondary { color:#185348 !important; }
.text-success   { color:#1e7a56 !important; }
.text-danger    { color:#7a3636 !important; }
.text-warning   { color:#8b6040 !important; }
.text-info      { color:#0f6b9c !important; }
.text-muted     { color:#6b7280 !important; }

/* Backgrounds */
.bg-primary   { background-color:#004567 !important; }
.bg-secondary { background-color:#185348 !important; }
.bg-success   { background-color:#1e7a56 !important; }
.bg-danger    { background-color:#7a3636 !important; }
.bg-warning   { background-color:#c79c74 !important; }
.bg-info      { background-color:#0f6b9c !important; }

/* Borders */
.border-primary   { border-color:#004567 !important; }
.border-secondary { border-color:#185348 !important; }
.border-success   { border-color:#1e7a56 !important; }
.border-danger    { border-color:#7a3636 !important; }
.border-warning   { border-color:#c79c74 !important; }
.border-info      { border-color:#0f6b9c !important; }

/* Badges */
.badge-primary   { background-color:#004567 !important; color:#fff !important; }
.badge-secondary { background-color:#185348 !important; color:#fff !important; }
.badge-success   { background-color:#1e7a56 !important; color:#fff !important; }
.badge-danger    { background-color:#7a3636 !important; color:#fff !important; }
.badge-warning   { background-color:#c79c74 !important; color:#fff !important; }
.badge-info      { background-color:#0f6b9c !important; color:#fff !important; }

/* Bootstrap 5 badge variants */
.badge.bg-primary   { background-color:#004567 !important; }
.badge.bg-secondary { background-color:#185348 !important; }
.badge.bg-success   { background-color:#1e7a56 !important; }
.badge.bg-danger    { background-color:#7a3636 !important; }
.badge.bg-warning   { background-color:#c79c74 !important; color:#fff !important; }
.badge.bg-info      { background-color:#0f6b9c !important; }

/* Alert boxes */
.alert-primary   { background-color:rgba(0,69,103,.1)   !important; border-color:rgba(0,69,103,.2)   !important; color:#004567 !important; }
.alert-secondary { background-color:rgba(24,83,72,.1)   !important; border-color:rgba(24,83,72,.2)   !important; color:#185348 !important; }
.alert-success   { background-color:rgba(30,122,86,.1)  !important; border-color:rgba(30,122,86,.2)  !important; color:#1e7a56 !important; }
.alert-danger    { background-color:rgba(122,54,54,.1)  !important; border-color:rgba(122,54,54,.2)  !important; color:#7a3636 !important; }
.alert-warning   { background-color:rgba(199,156,116,.12)!important; border-color:rgba(199,156,116,.3)!important; color:#8b6040 !important; }
.alert-info      { background-color:rgba(15,107,156,.1) !important; border-color:rgba(15,107,156,.2) !important; color:#0f6b9c !important; }

/* Progress bars */
.progress-bar.bg-primary   { background-color:#004567 !important; }
.progress-bar.bg-secondary { background-color:#185348 !important; }
.progress-bar.bg-success   { background-color:#1e7a56 !important; }
.progress-bar.bg-danger    { background-color:#7a3636 !important; }
.progress-bar.bg-warning   { background-color:#c79c74 !important; }
.progress-bar.bg-info      { background-color:#0f6b9c !important; }

a:not(.btn):not(.nav-link):not(.sidebar-link) { color:#004567; }
a:not(.btn):not(.nav-link):not(.sidebar-link):hover { color:#002d44; }

/* Inputs focus ring */
.form-control:focus { border-color:#c5dad5 !important; box-shadow:0 0 0 0.2rem rgba(0,69,103,.15) !important; }

/* ── Sidebar ────────────────────────────────────────── */
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background: #fff !important;
  border-right: 1px solid #e5e7eb;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  background: #fff !important;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: none !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-main-title > div h6 {
  color: #9ca3af !important;
  font-size: 10px;
  letter-spacing: .6px;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link {
  color: #374151 !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link svg,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link i { color: #6b7280 !important; stroke: #6b7280 !important; }
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link:hover,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link.active {
  background: rgba(0,69,103,.07) !important;
  color: #004567 !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link:hover svg,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link:hover i,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link.active svg,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a.sidebar-link.active i { color:#004567 !important; stroke:#004567 !important; }
.sidebar-wrapper .sidebar-main .left-arrow,
.sidebar-wrapper .sidebar-main .right-arrow { color:#004567 !important; }

.link-nav:hover { background-color:rgba(0,69,103,.07) !important; }
.page-wrapper .sidebar-main-title > div:hover { background-color:rgba(0,69,103,.05) !important; }

/* ── Sidebar toggle (collapse to icon-only) — desktop ── */
/* Use .sidebar-icon in selector to match the actual DOM class and gain proper specificity */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon {
  width: 86px !important;
  overflow: visible !important;
}
/* Section titles + back-btn hidden */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .sidebar-main-title,
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .back-btn { display: none !important; }
/* Logo: hide full, show icon */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .logo-wrapper { display: none !important; }
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .logo-icon-wrapper { display: flex !important; justify-content: center; padding: 16px 0; }
/* Constrain each list item */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .sidebar-main .sidebar-links > li.sidebar-list {
  max-width: 86px !important;
  margin: 0 !important;
  overflow: hidden;
}
/* Center the link, hide text/chevron */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .sidebar-main .sidebar-links > li.sidebar-list > a {
  padding: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .sidebar-main .sidebar-links > li.sidebar-list > a span,
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .sidebar-main .sidebar-links > li.sidebar-list > a .according-menu {
  display: none !important;
  width: 0 !important;
}
/* Force icons to be visible — sidebar-links has color:rgba(0,0,0,0), override stroke explicitly */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon
  .sidebar-main .sidebar-links > li.sidebar-list > a svg {
  display: block !important;
  flex-shrink: 0 !important;
  stroke: #6b7280 !important;
  color: #6b7280 !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

/* ── Expand on hover (desktop) ── */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover {
  width: 265px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .sidebar-main-title { display: block !important; }
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .logo-wrapper { display: flex !important; }
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .logo-icon-wrapper { display: none !important; }
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .sidebar-main .sidebar-links > li.sidebar-list { max-width: unset !important; margin: initial !important; overflow: visible; }
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .sidebar-main .sidebar-links > li.sidebar-list > a {
  padding: 12px 15px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .sidebar-main .sidebar-links > li.sidebar-list > a span { display: inline-block !important; width: auto !important; }
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon:hover
  .sidebar-main .sidebar-links > li.sidebar-list > a svg { margin-right: 10px !important; }

/* ── Desktop page-body shift when sidebar collapsed ── */
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon ~ .page-body,
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon ~ footer {
  margin-left: 90px !important;
  transition: margin-left 0.3s;
}

/* ── Mobile: sidebar slides off-screen, remove body margin ── */
@media only screen and (max-width: 991.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon ~ .page-body,
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper.close_icon ~ footer {
    margin-left: 0 !important;
  }
  /* Also ensure sidebar open state (no close_icon) doesn't push content on mobile */
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper:not(.close_icon) ~ .page-body,
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper:not(.close_icon) ~ footer {
    margin-left: 0 !important;
  }
}

/* ── Header ─────────────────────────────────────────── */
.page-header { background: #fff !important; border-bottom: 1px solid #e5e7eb !important; }
.page-header .toggle-sidebar svg { stroke: #004567 !important; }
.page-header .nav-menus .profile-nav span { color: #004567 !important; }
.header-wrapper .logo-wrapper a img { filter: none; }

/* ── Page title / breadcrumb ────────────────────────── */
.page-title h3        { color: #004567 !important; }
.breadcrumb-item.active { color: #004567; }
.breadcrumb-item a    { color: #185348; }

/* ── Cards & tables ─────────────────────────────────── */
.card-header          { background-color: #fff !important; color: #1f2937 !important; }
.card-header h5, .card-header h6 { color: #1f2937 !important; }
.card-header .card-header-right i { color: #6b7280 !important; }
.table thead th       { background-color: #004567 !important; color: #fff !important; }

/* ── Scrollbar ───────────────────────────────────────── */
::-webkit-scrollbar-thumb { background: #004567 !important; }
::-webkit-scrollbar-thumb:hover { background: #002d44 !important; }

/* ── Active nav tabs ────────────────────────────────── */
.nav-item .active { color: #004567 !important; }
.nav-tabs .nav-link.active { border-bottom-color: #004567 !important; color: #004567 !important; }

/* ── Tap-top button ─────────────────────────────────── */
.tap-top { background-color: #004567 !important; }

/* ── Tick flip (countdown) ──────────────────────────── */
.tick-flip-panel { background: #004567 !important; }

/* ── Mobiscroll ─────────────────────────────────────── */
.mbsc-ios.mbsc-calendar-button.mbsc-button { color: #004567 !important; }
.mbsc-ios.mbsc-timeline-header-active:after { background-color: #004567 !important; }
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days { background: #f0f6f8 !important; }

/* ── Quotation / invoice print documents (keep brand) ─ */
.quotation-div p,.quotation-div h1,.quotation-div h2,.quotation-div h3,
.quotation-div h4,.quotation-div h5,.quotation-div h6,.quotation-div span,
.invoice-div p,.invoice-div h1,.invoice-div h2,.invoice-div h3,
.invoice-div h4,.invoice-div h5,.invoice-div h6,.invoice-div span {
  color: #004567 !important;
}
.list-term li:before { color: #004567; }
.calendar-basic .calendar-default .fc-h-event {
  border-color: #004567 !important; color: #004567 !important;
}
.calendar-basic .calendar-default .fc-h-event .fc-event-main { color: #004567 !important; }

@media only screen and (max-width: 1440px) {
  .tick-label{
    font-size:9px !important;
  }
  /* .tick-group{
    margin:0 10px !important;
  } */
  .sidebar-wrapper{
    /* top:80px !important; */
    z-index: 2;
  }
}
.layout-sidebar,.setting-sidebar{
  display:none !important;
}
::placeholder {
  color: rgb(109, 109, 109) !important;
  opacity: 1; /* Firefox */
}
.badge-grade{
  position: relative !important;
  float: right;
  margin-left: 10px;
  text-align: left;
  top: 0 !important;
  right: 0 !important;
}
.fc-toolbar-chunk>button{
margin-left:5px !important;
}
.fc-h-event .fc-event-title{
  height: 2.5em !important;
  padding: 7px;
  /* vertical-align: middle !important; */
}
.fc-daygrid-event-harness{
  margin-top:5px !important;  
}
.fc-button-group button{
  margin-right:5px !important;
  border-radius: 3px !important;
}
/* body{
  color : #000000;
} */
.project-box .media .media-body{
  opacity: 1;
}
.quotation-div p,.quotation-div h1,.quotation-div h2,.quotation-div h3,.quotation-div h4,.quotation-div h5,.quotation-div h6,.quotation-div h7,.quotation-div span{
  color: #004567 !important;
}
#quotation-div-print .table-client td{
  padding: 0px 10px !important;
}
#quotation-div-print .list-term li p {
  font-size:8px !important;
}
.table-client {
  margin-left: -8px;
}
#quotation-div-print .table-item td{
  padding: 5px 10px !important;
}
#quotation-div-print .table-item th{
  padding: 5px 10px !important;
}
#quotation-div-print p{
  font-size: 10px !important;
}
.invoice-div p,.invoice-div h1,.invoice-div h2,.invoice-div h3,.invoice-div h4,.invoice-div h5,.invoice-div h6,.invoice-div h7,.invoice-div span{
  color: #004567 !important;
}
#invoice-div-print .table-client td{
  padding: 0px 10px !important;
}
#invoice-div-print .table-item td{
  padding: 5px 10px !important;
}
#invoice-div-print .table-item th{
  padding: 5px 10px !important;
}
#invoice-div-print p{
  font-size: 10px !important;
}
#invoice-div-print .list-term li p {
  font-size:8px !important;
}
.default-according .card .card-header .btn-link{
  border:0px !important;
}

.list-term li {
  list-style: none;
  /* font-size: 20px; */
  line-height: 25px;
}
.list-term li p {
  list-style: none;
  margin-left:10px;
  /* font-size: 20px; */
  line-height: 15px;
}

.list-term li:before {
  content:"·";
  font-size:20px;
  vertical-align:middle;
  line-height:13px !important;
  color: #004567;
  float: left;
  /* margin-right: 8px ; */
}

.quotation-div > ul > li{
  display: list-item !important;
  list-style: disc !important;
}
.select2-container .select2-selection--single{
  border:1px solid #ced4da !important;
  height:40px !important;
}
.select2{
  height:40px !important;
}
.btn-collapse-task-list:hover{
  background: transparent !important;
}
.btn-collapse-task-list:before{
  color: #ffffff !important;
}
.project-box{
  border:1px solid #ced4da !important;
  margin: 10px 0;
}
.project-box .badge {
  position: absolute;
  right: 30px;
  top: 25px;
}
::-webkit-scrollbar{
    width: 3px !important;
}
.customizer-links{
  /* display: none !important; */
}
.logo-wrapper{
  /* text-align: center !important; */
  /* padding: 0 10px !important; */
}
.fa{
  margin-right:0px !important;
}
.tick-label{
  font-size : 12px !important;
}
.tick-flip-panel{
  background: #004567 !important;
}
.tick-group{
  margin:0 5px !important;
  text-align: center;
}
.tick-credits{
  display: none;
}
.activity-timeline .activity-line{
  top: 132px;
  height: 57%;
  position: absolute;
  width: 4px;
  background-color: #f8f8f8;
  margin: 0 auto;
  left: 46px;
  z-index: 1;
}
.nav-item .active{
  color:#004567 !important;
}
.img-thumbnail{
  padding: 0px !important;
}
.customizer-links{
  display: none !important;
}
.theme-form input[type=text], .theme-form input[type=email], .theme-form input[type=search], .theme-form input[type=password], .theme-form input[type=number], .theme-form input[type=tel], .theme-form input[type=date], .theme-form input[type=datetime-local], .theme-form input[type=time], .theme-form input[type=datetime-local], .theme-form input[type=month], .theme-form input[type=week], .theme-form input[type=url], .theme-form input[type=file], .theme-form textarea, .theme-form select{
  padding:8px !important;
}
.email-wrap .email-right-aside .radius-left{
  height: auto !important;
}
.note-insert,.note-view,.note-fontname{
  display: none !important;
}
.note-btn{
  padding-right: 15px;
  padding-left: 15px;
}
.rating {
  display: inline-block;
  position: relative;
  height: 35px;
  line-height: 50px;
  font-size: 35px;
}

.rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}

.rating label:last-child {
  position: static;
}

.rating label:nth-child(1) {
  z-index: 5;
}

.rating label:nth-child(2) {
  z-index: 4;
}

.rating label:nth-child(3) {
  z-index: 3;
}

.rating label:nth-child(4) {
  z-index: 2;
}

.rating label:nth-child(5) {
  z-index: 1;
}

.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rating label .icon {
  float: left;
  color: transparent;
  margin-left: 1px;
  margin-right: 1px;
}

.rating label:last-child .icon {
  border-radius: 5px;
  color: #a4a4a4;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
  color: #fcc062 ;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #a4a4a4;
  text-shadow: 0 0 5px #fcc062 ;
}
.calendar-basic .calendar-default .fc-h-event {
  padding: 2px 5px;
  background-color: #fff !important;
  border: 1px solid #004567;
  color:#004567 !important;
}
.calendar-basic .calendar-default .fc-h-event .fc-event-main{
  color:#004567 !important;
}
 /* .fc-event:hover {
  padding: 2px 5px;
  background-color: #004567;
  border: 1px solid #004567;
  color:#fff !important;
}
.fc .fc-list-event-dot:hover{
 border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #FFFFFF);
}
 .fc-list-event:hover {
  background-color: #012b45 !important;
  border: 1px solid #012b45 !important;
  color:#fff !important;
}
 .fc .fc-list-event:hover td {
  background-color: #012b45 !important;
  border: 1px solid #012b45 !important;
  color:#fff !important;
} */
.fc-daygrid-event-dot,.fc-event-time{
  display: none !important;
}


/* Header */

.md-resource-details .mbsc-timeline-resource-col {
  width: 280px;
}

.md-resource-details .mbsc-timeline-resource-header,
.md-resource-details .mbsc-timeline-resource-title,
.md-resource-details .mbsc-timeline-resource-footer,
.md-resource-details .mbsc-timeline-sidebar-header {
  padding: 0;
}

.md-resource-details .mbsc-timeline-resource-title {
  height: 100%;
}

.md-resource-details-cont {
  line-height: 50px;
  height: 100%;
}

.md-resource-header {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

.md-resource-details-name {
  width: 120px;
}

.md-resource-details-seats,
.md-resource-details-price {
  width: 78px;
}

.md-resource-details-seats {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.md-resource-details-title {
  font-weight: 600;
  line-height: 26px;
}

.md-resource-details-sidebar-header {
  line-height: 26px;
  padding: 0 5px;
}

.md-resource-details .mbsc-timeline-day {
  width: 144px;
}

.md-resource-details-sidebar {
  line-height: 36px;
  text-align: center;
}

/* Footer */

.md-resource-details-occuppancy {
  font-size: 15px;
  text-align: right;
  background: #f8f8f8;
  padding-right: 15px;
}

.md-resource-details-footer {
  line-height: 50px;
}

.md-resource-details-total {
  font-size: 18px;
  text-align: center;
  line-height: 36px;
}

.md-resource-details-footer-day {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  background: #f8f8f8;
  padding: 0 5px;
}

.md-resource-details .mbsc-timeline-sidebar-footer {
  background: #feefee;
  border-top-color: #5a0101;
  color: #5a0101;
}

.md-resource-details .mbsc-timeline-sidebar-col {
  width: 85px;
}

@supports (overflow:clip) {
  .md-resource-details.mbsc-ltr .mbsc-schedule-event-inner {
      left: 280px;
  }
  .md-resource-details.mbsc-rtl .mbsc-schedule-event-inner {
      right: 280px;
  }
} 

.md-resource-grouping-hierarchy .mbsc-timeline-parent {
  height: 34px;
}

.mbsc-timeline-resource-title{
  font-weight:400 !important;
}
.mbsc-timeline-parent>.mbsc-timeline-resource-title{
  font-weight:600 !important;
}
.mbsc-ios.mbsc-calendar-button.mbsc-button{
  color:#004567 !important;
}
.mbsc-ios.mbsc-timeline-header-active:after{
  background-color:#004567 !important;

}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header, .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #fffaf8 !important;
}
.note-btn{
  background:#f3f9fb;
}
.note-btn>i,.dropdown-toggle::after{
  color: #004567;
}
.note-color>.dropdown-toggle::after{
  margin-left:-12px;
}
.note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu{
  min-width: 200px;;
}