/*
Template Name: HexaDash
Template URI: 
Author: SovWare
Author URI: 
Version: 1.1.0
NB: this file contains the list of components/scss partial along with the style.scss contents order.

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

  01.COMPONENTS
    -- 404
    -- add-product
    -- admin-page
    -- alert
    -- app-ui
    -- avatar
    -- badge
    -- banner
    -- blog
    -- bookmark
    -- breadcrumb
    -- button
    -- calendar
    -- card-charts
    -- card-social
    -- cards
    -- carousel
    -- cart
    -- chat
    -- checkbox
    -- checkout
    -- circle-progress
    -- collapse
    -- coming-soon
    -- comments
    -- course
    -- dark-mode
    -- dashboard-base
    -- data-table
    -- data-picker
    -- drag-drop
    -- drawer
    -- dropdown
    -- empty
    -- faq
    -- fileM
    -- footer
    -- form-layouts
    -- form
    -- gallery
    -- grid
    -- icon
    -- import
    -- input
    -- job
    -- kanban-board
    -- knowledgeable
    -- list
    -- menu
    -- message
    -- modal
    -- navbar
    -- note
    -- notification
    -- order
    -- pageHeader
    -- pagination
    -- preloader
    -- pricing
    -- profile-feature
    -- profile
    -- progress-bar
    -- projects
    -- radio
    -- rate
    -- result
    -- search
    -- select
    -- shop
    -- sidebar
    -- skeleton
    -- slider
    -- spins
    -- statistics
    -- step
    -- support-ticket
    -- switch
    -- tab
    -- table
    -- tables
    -- tag
    -- task-app
    -- team
    -- term
    -- testimonial
    -- time-picker
    -- timeline
    -- todo
    -- tooltip
    -- upload
    -- users

  02.ELEMENTS
    -- customizer
    -- date-ranger
    -- social

  03.GENERAL
    -- general (Common)
    -- kewFrames (Common)
    -- utility-classes (Common)

  04.GENERAL
    -- btn-shadow (Common)
    -- btn-transparent (Common)
    -- buttons (Common)
    -- color-classes (Common)
    -- custom-scrollbar (Common)
    -- form (Common)
    -- functions (Common)
    -- gradient (Common)
    -- helpers (Common)
    -- hover (Common)
    -- media-queries (Common)
    -- overlay (Common)
    -- gradient (Common)
    -- utility-classes (Common)

  05. PAGES
    -- avatar
    -- badges
    -- buttons
    -- card
    -- contact
    -- email
    -- map
    -- social-dashboard
    -- maintenance

  -- responsive (Common)

***************************/
/* Custom bootstrap classes */
h6 {
  color: var(--color-dark);
}

.color-primary {
  color: var(--color-primary);
}

.btn-primary {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

/* Custom bootstrap classes */

/* Custom bootstrap classes */

.btn-primary:hover {
  color: var(--color-white);
  background-color: var(--bg-primary-hover) !important;
  border-color: var(--bg-primary-hover);
}

/* Custom bootstrap classes */

/* center */

/* flex */

.lh-normal {
  line-height: normal;
}
/* BELL */
/* Custom bootstrap classes */
html {
  font-size: 16px;
  direction: ltr;
}

body {
  position: relative;
  min-height: 100vh;
  font-size: 16px;
  overflow-x: hidden;
  direction: ltr;
  background-color: var(--body);
}

a {
  transition: var(--transition);
}

button:focus, button:active {
  outline: none;
  box-shadow: 0 0 !important;
}

*:is(button, .btn).btn-secondary:focus, *:is(button, .btn).btn-info:focus, *:is(button, .btn).btn-success:focus, *:is(button, .btn).btn-warning:focus, *:is(button, .btn).btn-danger:focus, *:is(button, .btn).btn-primary:focus {
  color: var(--color-white) !important;
}
*:is(button, .btn).btn-outline-secondary:hover, *:is(button, .btn).btn-outline-info:hover, *:is(button, .btn).btn-outline-success:hover, *:is(button, .btn).btn-outline-warning:hover, *:is(button, .btn).btn-outline-danger:hover, *:is(button, .btn).btn-outline-primary:hover {
  color: var(--color-white);
  opacity: 0.7;
}

input,
.form-control {
  transition: 0s;
}
input:focus,
.form-control:focus {
  outline: none;
  box-shadow: 0 5px 20px rgba(var(--color-primary-rgba), 0.1);
}

.main-content {
  min-height: 100vh;
  position: relative;
  background-color: var(--main-content);
}

/* Popup */

/* Date picker */

/* chartjs tooltip */
/* Custom bootstrap classes */
/* Date Picker */

/* Custom bootstrap classes */

/* custom dropdown */

/* basic dropdown */

.btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  transition: var(--transition);
}
.btn:focus {
  box-shadow: none;
}
.btn:active:focus {
  box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #e2e6ea;
  color: var(--color-dark);
}

.button-group {
  display: flex;
  margin: -5px;
}
.button-group button {
  margin: 5px;
}

.btn:disabled {
  cursor: not-allowed;
}

.card {
  box-shadow: 0 5px 20px rgba(var(--light-gray-rgba), 0.03);
  background-color: var(--bg-white);
  border: 1px solid var(--border-color);
}
.card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px 10px 0 0;
  text-transform: capitalize;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 66px;
  background-color: var(--bg-white);
  border-bottom: 1px solid var(--border-color);
}
@media only screen and (max-width: 575px) {
  .card .card-header {
    flex-flow: column;
    text-align: center;
    padding: 20px 0;
    min-height: auto;
    align-items: center;
  }
}
.card .card-header h6 {
  font-size: calc(16.2px + 0.15vw);
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .card .card-header h6 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1199px) {
  .card .card-header h6 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .card .card-body {
    padding: 1rem;
  }
}
.card .card-header {
  padding: 0 25px;
}

/* social overview */

/* overview single chart */

/* Card Bar chart */

/* bar chart top */

/* performance chart */

/* chart doughnut legend */

/* Revenue Chart */

/* Revenue Chart 3 */

/* Cash Flow Chart */

/* Forcast Card */

/* ration box */

/* Income Expense */

/* Cash Flow */

/* Chart label detail */

/* Performance overview */

/* table social metric */

/* table Landing Pages */

/* table /.traffic channel */

/* table top region */

/* table top selling location  */

/* Table Revenue  */

/* note modal */

/*=====  2.1: Social Icon ======*/

/* demo 4 project task */

/* See more & see less */

/* browser-states */

/* Bootstrap overwrite */

/*=====  17.1: 3 Columns  ======*/

/*=====  13.1: Active Switcher  ======*/

/* note layout */

/* note sidebar */

/* note card */
@media only screen and (max-width: 1399px) {
  .coming-soon :is(.light, .dark) {
    max-width: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .coming-soon :is(.light, .dark) {
    max-width: 180px;
  }
}
/* Banner Feature */

/* Products Awards */

/* file manager layout */

/* file manager sidebar */

/* knowledgebase */

/* timeline */

/* inbox */

/* Lists */

/*PRELOADING------------ */

body.loaded:after {
  visibility: hidden;
  opacity: 0;
}
body:after {
  content: "";
  background: var(--color-white);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99998;
  position: absolute;
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}

/* Ticket breadcrumb */

/* Table Breadcrumb */

/* Support ticket */

/* Ticket Details */

/* Main content */

/* Job Search */

/* Sidebar */

/* Job grid view */

/* Job details */

/* Apply Job */

/* Course */

/* Course Details */

/* Accordion */

/* Course gallery */

/* Terms */

/* Style 1 */

/* blog details */
.blog-body ol li::marker {
  color: var(--color-dark);
}

/* login page */
.admin {
  background-image: url("img/admin-bg-light.webp");
  background-repeat: no-repeat;
  background-position: top;
  min-height: 630px;
}
.admin .edit-profile {
  margin-top: 153px;
  margin-bottom: 150px;
}
@media only screen and (max-width: 1399px) {
  .admin .edit-profile {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.admin .edit-profile .card {
  border-radius: 6px;
}
.admin .edit-profile .card .card-header {
  border-bottom: 1px solid var(--border-color);
  justify-content: center;
  align-items: center;
  min-height: 70px;
  padding: 20px 40px;
}
.admin .edit-profile .card .card-body {
  padding: 30px 40px 28px 40px;
}
@media only screen and (max-width: 575px) {
  .admin .edit-profile .card .card-body {
    padding: 30px 30px 23px 30px;
  }
}
.admin .edit-profile .card .card-body .edit-profile__body .form-group .form-control {
  color: var(--color-dark);
  box-shadow: 0 5px 20px transparent;
  transition: var(--transition);
}
.admin .edit-profile__logos {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.admin .edit-profile__logos img {
  width: 195px;
  max-width: 100%;
}

.admin-topbar {
  background-color: #EFF0F3;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin-top: 30px;
  border-radius: 0 0 6px 6px;
}
.admin-topbar p {
  color: var(--color-gray);
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 500;
}

.admin-condition {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  margin-bottom: 19px;
  margin-top: 23px;
}
@media only screen and (max-width: 575px) {
  .admin-condition {
    margin-bottom: 14px;
    margin-top: 18px;
  }
}
@media only screen and (max-width: 375px) {
  .admin-condition {
    flex-flow: column;
  }
  .admin-condition a {
    margin-top: 10px;
  }
}
.admin-condition a {
  font-size: 13px;
  line-height: 1.6923076923;
  font-weight: 400;
  color: var(--color-primary);
}

.signIn-createBtn {
  border-radius: 6px;
  white-space: nowrap;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.edit-profile__body label {
  text-transform: capitalize;
  margin-bottom: 8px;
}
.edit-profile__body .form-group label {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 500;
  color: var(--color-dark);
}
.edit-profile__body .form-group .form-control {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  box-shadow: none;
  transition: 0.3s;
}
.edit-profile__body .form-group .form-control:hover {
  border-color: var(--color-primary);
}

.edit-profile__body .form-control {
  height: 48px;
}

/* Header */

/* Custom bootstrap classes */
.mailCompose-form-content .trumbowyg-box .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  font-size: 14px;
  color: var(--color-light);
}

/* Custom bootstrap classes */
/*------------------------------------*\
    #-CSS Variables
\*------------------------------------*/
:root {
  --body:#f4f5f7;
  --contents-bg:#f4f5f7;
  --main-color:white;
  --accent:#ffffff;
  /* Menu color*/
  --color-menu: #404040;
  --color-menu-hover: #5840FF;
  --color-menu-active: #5840FF;
  --color-menu-bg-opacity: rgb(var(--color-primary-rgba), .10);
  --header-bg: white;
  --sidebar-bg: white;
  --main-content:var(--contents-bg);
  --header-bg:white;
  --logo-wrapper-bg:white;
  --color-add-listing-button-text: var(--color-white);
  --color-add-listing-button-text-hover: var(--color-white);
  --bgcolor-add-listing-button: ##012970;
  --bgcolor-add-listing-button-hover: #0A0A0A;
  --color-banner_title: var(--color-white);
  --color-breadcrumb-link: #8C90A4;
  --color-breadcrumb-link-hover: #5840FF;
  --color-breadcrumb_separator: #8C90A4;
  --bgcolor-footer: #353b58;
  --color-footer-divider: #353b58;
  --color-footer-title: var(--color-white);
  --color-footer-link-hover: var(--color-white);
  --color-primary: #012970;
  --color-secondary: #5840FF;
  --color-success: #01B81A;
  --color-info: #00AAFF;
  --color-warning: #FA8B0C;
  --color-danger: #FF0F0F;
  --color-dark: #0A0A0A;
  --color-infos:#00E4EC;
  --color-warnings:#FFBB00;
  --color-dangers: #FF0F0F;
  --color-purple:#A722F6;
  --bg-primary: #012970;
  --bg-secondary: #5840FF;
  --bg-success: #01B81A;
  --bg-info: #00AAFF;
  --bg-warning: #FA8B0C;
  --bg-danger: #FF0F0F;
  --bg-dark: rgb(10, 10, 10);
  --bg-primary-hover: #265ea8;
  --bg-secondary-hover: #3520C8;
  --bg-success-hover: #0D811D;
  --bg-info-hover: #0787C7;
  --bg-warning-hover: #D9790A;
  --bg-danger-hover: #CB0000;
  --bg-dark-hover: #272525;
  --bg-gray-hover: #585858;
  --color-primary-rgba: 1, 42, 112;
  --color-secondary-rgba: 88, 64, 255;
  --color-success-rgba: 1, 184, 26;
  --color-info-rgba: 0, 170, 255;
  --color-warning-rgba: 250, 139, 12;
  --color-danger-rgba: 255, 15, 15;
  --color-dark-rgba: 10, 10, 10;
  --color-primary-rgba-shadow: rgba(var(--color-primary-rgba), 0.20);
  --color-white: #fff;
  --color-light: #747474;
  --color-lighten: #A0A0A0;
  --color-lighter: #F8F9FB;
  --color-lighten-x: #5d658c;
  --footer-dark: #353b58;
  --color-deep: #eff0f3;
  --color-normal: #f8f9fb;
  --color-lighters: #f4f5f7;
  --color-lighten-rgba:173, 181, 217;
  --color-gray: #404040;
  --color-gray-x: #5A5F7D;
  --body-color: #666d92;
  --text-color: #666d92;
  --light-gray: #8C90A4;
  --light-gray-rgba: 173, 181, 217;
  --border-color: #F1F2F6;
  --border-light: #E3E6EF;
  --border-deep: #c6d0dc;
  --bg-normal: #f8f9fb;
  --bg-lighters: #f4f5f7;
  --bg-lighter: #f4f5f7;
  --bg-deep: #EFF0F3;
  --bg-gray: #404040;
  --bg-light: #747474;
  --bg-white: #ffffff;
  --bg-light-rgba: 116, 116, 116;
  --bg-normal-rgba: 248, 249, 251;
  --bg-lighter-rgba: 244, 245, 247;
  --bg-deep-rgba:239, 240, 243;
  --color-gray-rgba: 173, 181, 217;
  --color-dark-rgba: 39, 43, 65;
  --color-white-rgba: 255, 255, 255;
  --box-shadow-color-rgba: 146, 153, 184;
  --border-radius-xl: 10px;
  --border-radius-md: 6px;
  --border-radius-xs: 4px;
  --color-facebook: #2366b8;
  --color-twitter: #00abe4;
  --color-pinterest: #ef1b25;
  --color-gplus: #dc4e41;
  --color-linkedin: #007cbc;
  --color-tumblr: #35465c;
  --color-vk: #4a76a8;
  --color-youtube: #e32212;
  --color-instagram: #9c27b0;
  --color-ruby: #c2185b;
  --color-facebook-rgba: 35, 102, 184;
  --color-twitter-rgba: 0, 171, 228;
  --color-pinterest-rgba: 239, 27, 37;
  --color-gplus-rgba: 220, 78, 65;
  --color-linkedin-rgba: 0, 124, 188;
  --color-tumblr-rgba: 53, 70, 92;
  --color-vk-rgba: 74, 118, 168;
  --color-youtube-rgba: 227, 34, 18;
  --color-instagram-rgba: 156, 39, 176;
  --color-ruby-rgba: 194, 24, 91;
  --color-infos-rgba:0, 228, 236;
  --color-warnings-rgba:255, 187, 0;
  --color-dangers-rgba: 255, 15, 15;
  --color-purple-rgba:167, 34, 246;
  --color-primary-rgba-10:rgba(var(--color-primary-rgba), 0.1);
  --color-secondary-rgba-10:rgba(var(--color-secondary-rgba), 0.1);
  --color-primary-rgba-50:rgba(var(--color-primary-rgba), 0.5);
  --color-secondary-rgba-50:rgba(var(--color-secondary-rgba), 0.5);
  --transition:all 0.3s ease;
  --gridLines_color:#E3E6EF;
  --scrollbarBG: var(--color-white);
  --thumbBG: #E3E6EF;
  --input-bg:var(--color-white);
  --input-focus-bg:var(--color-white);
  --tooltip-bg:var(--color-white);
  --tooltip-arrow-color:var(--color-white);
  --shadow2:#9299B80D;
  --shadow3:#9299B81A;
  --shadow4:#9299B833;
  --shadow5:#9299b826;
}
/*# sourceMappingURL=maps/style.css.map */