/*!

 =========================================================
 * Kaiadmin Bootstrap 5 Admin Dashboard (Bootstrap 5)
 =========================================================

 * Product Page: http://www.themekita.com/
 * Copyright 2019 Theme Kita (http://www.themekita.com/)

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

[Table of contents]

* Background
* Typography
* Layouts
   + Body & Wrapper
   + Main Header
   + Sidebar
* Layouts Color
* Components
   + Breadcrumbs
   + Cards
     - Card Stats
     - Card Task
     - Card States
     - Card Posts
     - Card Pricing
     - Card Annoucement
     - Card Profile
     - Accordion
   + Inputs
   + Tables
   + Navbars
   + Navsearch
   + Badges
   + Dropdowns
   + Charts
   + Alerts
   + Buttons
   + Navtabs
   + Popovers
   + Progress
   + Paginations
   + Sliders
   + Modals
   + Timeline
   + Maps
   + Invoice
   + Messages
   + Tasks
   + Settings
* Plugins
   + jQueryUI
   + jQuery Scrollbar
   + Toggle
   + Css Animate
   + Full Calendar
   + SweetAlert
   + Datatables
   + DateTimePicker
   + Select2
   + Tagsinput
   + Dropzone
   + Summernote
* Responsive
* 404
* Login & Register

# [Color codes]

body-text-color: #575962
white-color: #ffffff
black-color: #191919
transparent-bg : transparent
default-color : #282a3c
primary-color : #177dff
secondary-color : #716aca
info-color : #36a3f7
success-color : #35cd3a
warning-color : #ffa534
danger-color : #f3545d

-------------------------------------------------------------------*/
.alert,
.brand,
.btn-simple,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar,
.td-name,
a,
body,
button.close,
h1,
h2,
h3,
h4,
h5,
h6,
p,
td {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-family: 'Public Sans', sans-serif
}

.alert {
   z-index: 1099 !important;
   border: 0;
   position: relative;
   padding: .95rem 1.25rem;
   border-radius: 1px;
   color: inherit;
   background-color: #fff;
   -webkit-box-shadow: 1px 1px 14px 0 rgba(18, 38, 63, .26);
   -moz-box-shadow: 1px 1px 14px 0 rgba(18, 38, 63, .26);
   box-shadow: 1px 1px 14px 0 rgba(18, 38, 63, .26)
}

.alert [data-notify=icon] {
   display: block
}

.alert [data-notify=icon]::before {
   line-height: 35px;
   font-size: 22px;
   display: block;
   left: 15px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 35px;
   height: 35px;
   border-radius: 30px;
   text-align: center;
   color: #fff
}

.alert [data-notify=title] {
   display: block;
   color: #2b2b2b;
   font-weight: 700;
   font-size: 1rem;
   margin-bottom: 5px
}

.alert [data-notify=message] {
   font-size: 13px;
   color: #908e8e
}

.alert .close {
   background: rgba(255, 255, 255, .8);
   width: 25px;
   height: 25px;
   line-height: 25px;
   top: 12px !important;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center
}

.alert-black {
   border-left: 4px solid #1a2035
}

.alert-black [data-notify=icon]:before {
   background: #1a2035
}

.alert-primary {
   border-left: 4px solid #1572e8
}

.alert-primary [data-notify=icon]:before {
   background: #1572e8
}

.alert-secondary {
   border-left: 4px solid #6861ce
}

.alert-secondary [data-notify=icon]:before {
   background: #6861ce
}

.alert-info {
   border-left: 4px solid #48abf7
}

.alert-info [data-notify=icon]:before {
   background: #48abf7
}

.alert-success {
   border-left: 4px solid #31ce36
}

.alert-success [data-notify=icon]:before {
   background: #31ce36
}

.alert-warning {
   border-left: 4px solid #ffad46
}

.alert-warning [data-notify=icon]:before {
   background: #ffad46
}

.alert-danger {
   border-left: 4px solid #f25961
}

.alert-danger [data-notify=icon]:before {
   background: #f25961
}