/* --------------------------------------------------------
Style Sheet for Ensign PWA Mobile App
version: 1.0
author: themepassion
email: themepassion@jaybabani.com
----------------------------------------------------------*/

/*-------------------------------------
TABLE OF CONTENTS:
-------------------------------------*/

/*-------------------------------------
+ Import Font
+ General Layout
+ Typography
+ Page Title
+ Helper Classes
+ Preloader
+ UI - buttons
+ UI - badges & Waves
+ UI - Colors
+ UI - Toasts
+ UI - Modal
+ UI - Grid
+ UI - Icons
+ Form Select
+ Dropdowns
+ Mediabox
+ Date picker
+ Time picker
+ Feature Discovery
+ Carousel
+ Carousel Home Screen
+ Slider
+ Testimonials
+ Floating action buttons
+ Tooltip
+ Highlight
+ Breadcrumbs
+ Buttons
+ Badges
+ Blockquote
+ Pagination
+ Spineers / preloaders
+ Carousel Basic
+ Accordion
+ Waves
+ Modal
+ Page Top Bar
+ Page Top Bar - Left Align
+ Page Top Bar - App Based
+ Page Top Bar - Right Aligned
+ Page Top Bar - Dark Style
+ Page Top Bar - Colored Style
+ Navigation Menu
+ Navigation Menu - Centered 
+ Navigation Menu - Dark Style
+ Navigation Menu - Colored Style
+ Sub pages - Inner Menu Links
+ Footer
+ Footer - Light Style
+ Footer - Colored Style
+ Footer - Minimal
+ Navigation User Menu
+ Drop Down
+ Collection
+ Progress Bars
+ Back to top button
+ Cards
+ Tabs
+ Icon Boxes
+ Chips
+ Form Range Sliders
+ Switches
+ Form Elements
+ Checkboxes
+ Radio Buttons
+ Select
+ Settings
+ Parallax
+ Masonry
+ Cards Wrap
+ Chat
+ Calendar
+ Events
+ Mailbox / Messages
+ Profile Page
+ Timeline
+ Portfolio
+ Blogs
+ Blogs - Aligned
+ Blogs - Small Left Style
+ Blogs - Medium Left Style
+ Blogs - Small Right Style
+ Blogs - Medium Right Style
+ Blogs - Small Alternate Style
+ Blogs - Medium Alternate Style
+ Blogs - Non Image
+ Login Page
+ Welcome page
+ Error Pages 
+ Search Page 
+ Pricing Tables
+ Invoice
+ Notifications
+ Edit Profile
+ App Settings
+ Clients
+ Fixed Footer Menu
+ Fixed Footer Menu - Dark Style
+ Fixed Footer Menu - Colored Style
+ Perfect Scrollbar
+ Table
+ Contact us page
+ Fancybox
+ Image Filter Overlay
+ Site - Dark Mode
+ Site - Dark Mode - Calendar
+ Site - Dark Mode - Events
+ Site - Dark Mode - Collections
+ Site - Dark Mode - Chat
+ Site - Dark Mode - Edit Profile
+ Site - Dark Mode - UI
+ Site - Dark Mode - Cards
+ Site - Dark Mode - Table
+ Site - Dark Mode - Badge and collapsible
+ Site - Dark Mode - Dropdown
+ Site - Dark Mode - Tabs
+ Site - Dark Mode - Iconboxes
+ Site - Dark Mode - Pagination
+ Site - Dark Mode - Modal & Waves
+ Site - Dark Mode - Forms
+ Site - Dark Mode - Datepicker and Timepicker
+ Site - Dark Mode - Checkbox & Radio
+ Site - Dark Mode - Chips
+ Site - Dark Mode - Range & Select
+ Site - Dark Mode - Switches
+ Site - Dark Mode - Inputs
+ Site - Dark Mode - Timeline
+ Site - Dark Mode - Pricing Tables & Search
+ Site - Dark Mode - Blogs
+ Site - Dark Mode - Client
+ Site - Dark Mode - Calendar
+ Site - Dark Mode - Portfolio
+ Site - Dark Mode - UI Icons

--------------------------------------*/

/*-------------------------------------
  Variables
  + Font: Poppins
  + Primary Color: var(--primary-color) / rgba(var(--primary-rgb), 1)
  + Accent Color: var(--accent-color) / rgba(var(--accent-rgb), 1)
  + Text Color: var(--dark-700)
  + Background Color: #f5f5f5
  + Dark Mode Background Color: var(--dark-900) / var(--dark-800) / var(--dark-700)
  + Dark Mode Text Color: #f5f5f5 / #CFD8DC

-------------------------------------*/

/*-------------------------------------
  Import Font
-------------------------------------*/

/* @import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

@import url("variables.css");

@import url("_general.css");
@import url("_preloader.css");
@import url("_ui.css");
@import url("_datepicker.css");
@import url("_timepicker.css");
@import url("_carousel.css");
@import url("_carousel-home-screen.css");
@import url("_slider.css");
@import url("_testimonials.css");
@import url("_floating-action.css");
@import url("_tooltips.css");
@import url("_buttons.css");
@import url("_badges.css");
@import url("_blockquotes.css");
@import url("_pagination.css");
@import url("_spinners.css");
@import url("_accordion.css");
@import url("_waves.css");
@import url("_modal.css");
@import url("_topbar.css");
@import url("_navigation.css");
/* @import url("_navigation-centered.css"); */
@import url("_navigation-dark.css");
@import url("_navigation-colored.css");
@import url("_subpages.css");
@import url("_footer.css");
@import url("_footer-light.css");
@import url("_footer-colored.css");
@import url("_footer-minimal.css");
@import url("_dropdown.css");
@import url("_collection.css");
@import url("_progress.css");
@import url("_backtotop.css");
@import url("_cards.css");
@import url("_tabs.css");
@import url("_iconboxes.css");
@import url("_chips.css");
@import url("_form-range-sliders.css");
@import url("_switches.css");
@import url("_form-elements.css");
@import url("_settings.css");
@import url("_parallax.css");
@import url("_chat.css");
@import url("_calendar.css");
@import url("_events.css");
@import url("_mailbox.css");
@import url("_profile.css");
@import url("_timeline.css");
@import url("_portfolio.css");
@import url("_blogs.css");
@import url("_products.css");
@import url("_login.css");
@import url("_welcome.css");
@import url("_error.css");
@import url("_search.css");
/* @import url("_pricing.css"); */
/* @import url("_invoice.css"); */
@import url("_notifications.css");
@import url("_profile-edit.css");
@import url("_app-settings.css");
@import url("_clients.css");
@import url("_fixed-footer-menu.css");
@import url("_perfect-scrollbar.css");
@import url("_tables.css");
@import url("_contactus.css");
@import url("_fancybox.css");
@import url("_image-filter.css");
@import url("_shadow.css");
@import url("_team.css");
@import url("_charts.css");
@import url("_activity.css");
@import url("_page-heading.css");
@import url("_actions.css");
@import url("_menu-effect.css");
@import url("_site-darkmode.css");

.row::after {
  content: "";
  clear: both;
}
[class*="col-"] {
  display: inline-block;
  padding: 0px 0;
  min-height: 1px;
  margin-right: -2px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}

.mt-1 {margin-top: 2px !important;}
.mb-1 {margin-bottom: 2px !important;}
.my-1 {margin-top: 2px !important;margin-bottom: 2px !important;}

.mb-2 {margin-bottom: 10px !important;}
.mt-2 {margin-top: 10px !important;}
.my-2 {margin-top: 10px !important;margin-bottom: 10px !important;}
.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mb-3 {margin-bottom: 30px !important;}

.mr-2 {margin-right: 10px;}
.hidden {display: none;}
.pos-relative {position: relative;}

.text-white {
  color: #fff;
}

.modal .modal-header,
.modal .modal-content,
.modal .modal-footer {
  padding: 10px;
}
.modal .modal-content {
  border-bottom: 1px solid #5c6063 !important;
  border-top: 1px solid #5c6063 !important;
}
.modal .modal-content * {
  font-size: 13px;
  line-height: 18px;
}
.modal .modal-header > h3.modal-title {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}
.modal .modal-footer .btn, 
.modal .modal-footer .btn-large, 
.modal .modal-footer .btn-small, 
.modal .modal-footer .btn-flat {
  margin: -3px 0 -3px 3px;
  line-height: 10px;
  height: 28px;
  background: #1b3948;
  padding: 10px 15px;
}
.modal .modal-footer {
  height: 40px;
  line-height: 18px;
}


.btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] {
  pointer-events: none;
  background-color: #5C6BC3 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #E1DBDB !important;
  cursor: default;
}
.pagelayer.over {
  z-index: 1;
  position: relative;
  border-radius: var(--border-radius);
  padding: 0;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
.datepicker-date-display {
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
}
.datepicker-date-display .year-text {
  margin-right: 5px;
  border-right: 1px solid rgba(255,255,255,0.7);
  padding-right: 5px;
}
.datepicker-table .datepicker-row > td > button{
  line-height: 28px;
  border-radius: 3px;
}
.datepicker-table td {
  border-radius: 3px;
}
.datepicker-table td.is-today {
  background-color: #607E8D;
}
.datepicker-table td.is-selected {
  background-color: var(--primary-color);
}
.datepicker-cancel,
.datepicker-done,
.datepicker-clear {
  margin-bottom: 0px;
}

/* COLOR TEXT */
.text-red {color: red;}
.text-soft-red {color: #de7f7f;}

/*  */
.content-area {
  margin-bottom: 60px;
}

/** WELCOME POPUP*/
.welcome-popup {
  width: 100%;
  height: 100%;
  display: block;
  background: lightgray;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
}
.welcome-popup .wp-body {
  width: 100%;
  height: calc(100% - 50px);
  padding: 10px;
  overflow-y: scroll;
}
.welcome-popup .wp-footer {
  width: 100%;
  height: 48px;
  border-top: 1px solid #999;
  text-align: center;
  line-height: 48px;
}
.welcome-image-popup {
  width: 100%;
}
.welcome-image-popup > img {
  max-width: 100%;
}