/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4
Version: 4.2.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v4.2/frontend/one-page-parallax/
*/

.btn.btn-theme {
    background: #f47920;
    border-color: #f47920;
    color: #fff;
}
.btn.btn-theme:hover,
.btn.btn-theme:focus {
    background: #58585a;
    border-color: #58585a;
}
.header.navbar .navbar-nav > li.active > a, 
.header.navbar .navbar-nav > li > a.active, 
.header.navbar .navbar-nav > li > a:hover, 
.header.navbar .navbar-nav > li > a:focus,
.header.navbar.navbar-default .navbar-nav > li.active > a, 
.header.navbar.navbar-default .navbar-nav > li > a.active, 
.header.navbar.navbar-default .navbar-nav > li > a:hover, 
.header.navbar.navbar-default .navbar-nav > li > a:focus,
.header.navbar.navbar-transparent .navbar-nav > li.active > a, 
.header.navbar.navbar-transparent .navbar-nav > li > a.active, 
.header.navbar.navbar-transparent .navbar-nav > li > a:hover, 
.header.navbar.navbar-transparent .navbar-nav > li > a:focus,
.header.navbar.navbar-inverse .navbar-nav > li.active > a, 
.header.navbar.navbar-inverse .navbar-nav > li > a.active, 
.header.navbar.navbar-inverse .navbar-nav > li > a:hover, 
.header.navbar.navbar-inverse .navbar-nav > li > a:focus,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a.active,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus,
.text-theme,
.navbar-nav .dropdown-menu > li.active > a,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu .dropdown-item:hover, 
.navbar-nav .dropdown-menu .dropdown-item:focus, 
.navbar-nav .dropdown-menu .dropdown-item.active,
.pricing-table .price .price-number,
a {
    color: #f47920;
}
a:hover,
a:focus {
    color: #58585a;
}
.pricing-table .highlight h3,
.pace-progress {
    background: #58585a;
}
.pricing-table .highlight .price {
    background: #f0f3f4;
}
.pace .pace-activity {
    border-top-color: #A1A1A1;
    border-left-color: #A1A1A1;
}
.footer .footer-brand-logo {
    border-color: #ef9758 #A1A1A1 #c0560a;
}

/* Modal dialog: 75vw wide, flush right, full height */
.modal-right-custom {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  width: 75vw;
  max-width: 75vw;
  height: 100vh;
  pointer-events: none;
  display: flex;
  align-items: stretch;
}
.modal-right-custom .modal-content {
  height: 100vh;
  border-radius: 0;
  box-shadow: -2px 0 8px rgba(0,0,0,0.2);
  pointer-events: all;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.modal-right-custom .modal-header,
.modal-right-custom .modal-footer {
  flex-shrink: 0;
}
.modal-right-custom .modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
}

/* Transparent backdrop */
.modal-backdrop {
  background-color: rgba(0,0,0,0.8) !important;
}

/* Make sure modal stays above everything else */
.modal.show .modal-dialog {
  transform: none;
}

/* Optional: remove fade animation for instant appearance (or customize) */
.modal.fade .modal-dialog {
  transition: none;
}