/* *****************************************
Item Name: Power Bootstrap Blog Layout Design
Created By: Design Collection
Version: 1.0
****************************************** */
:root{
--bs-smoke-white: var(--bs-gray-200);
--bs-smoke-white-rgb: 239, 239, 239;
--bs-bg-primary-rgb: 15, 76, 117;
--bs-bg-secondary-rgb: 23, 39, 48;
--bs-primary-rgb-1: #2E236C;
--bs-primary-light-rgb-1: #12d993;
--bs-shade-blue: #3b5998;
--bs-light-shade-blue: #007ab9;
--bs-vibrant-shade-blue: #00acee;
--bs-bright-shade-red: #e60023;
--bs-shade-blue-dark: #0088cc;
--bs-shade-orange-dark: #ff4500;
--bs-shade-blue-100: #34526f;
--bs-gray-medium: #545454;
--bs-gray-light: #d0d0d0;
--bs-dark-teal: #4e4e4e;
--bs-dark-cyan: #254150;
--bs-lime-green: #29b21f;
--bs-warm-orange: #ffb14d;
--bs-gray-light-50: #ebebeb;
--bs-gray-light-100: #e7e7e7;
--bs-gray-light-200: #979797;
--bs-gray-light-300: #999;
--bs-gray-light-400: #d6d8da;
--bs-dark-shade-blue: #172730;
--bs-dark-shade-blue-100: #16171a;
--bs-border-radius-small: 15px;
--bs-box-shadow-small: 0 1px 4px 0 rgba(17, 19, 35, .08);
--bs-box-shadow-default: 0 2px 11px 0 rgba(0, 0, 0, .14);
--bs-opacity-02: 0.2;
--bs-opacity-03: 0.3;
--bs-opacity-06: 0.6;
--bs-opacity-07: 0.7;
--bs-opacity-08: 0.8;
--bs-opacity-09: 0.9;
--bs-opacity-014: 0.14;
--bs-opacity-015: 0.15;
--bs-opacity-0125: 0.125;
--bs-opacity-022: 0.22;
--bs-opacity-025: 0.25;
--bs-opacity-028: 0.28;
--bs-opacity-037: 0.37;
}
body {
margin: 0;
font-family: "Poppins", sans-serif;
}
/* Typography Begin */
#s_mm .h1,
#s_mm .h2,
#s_mm .h3,
#s_mm .h4,
#s_mm .h5,
#s_mm .h6,
#s_mm h1,
#s_mm h2,
#s_mm h3,
#s_mm h4,
#s_mm h5,
#s_mm h6 {
margin: 0;
padding: 0;
color: var(--bs-dark-shade-blue);
line-height: 1.2;
}
@media (min-width:1200px) {
#s_mm .h1,
#s_mm h1 {
font-size: 44px;
font-weight: 700
}
}
@media (min-width:1200px) {
#s_mm .h2,
#s_mm h2 {
font-size: 34px;
font-weight: 700
}
}
@media (min-width:1200px) {
#s_mm .h4,
#s_mm h4 {
font-size: 23px;
font-weight: 400
}
}
#s_mm .h5,
#s_mm h5 {
font-size: 20px;
font-weight: 400;
line-height: 1.5
}
#s_mm .h6,
#s_mm h6 {
font-size: 16px;
font-weight: 400
}
#s_mm p {
margin: 0;
padding: 0;
font-size: 14px;
color: var(--bs-dark-shade-blue);
font-weight: 400
}
#s_mm .lead {
font-size: 17px;
font-weight: 400;
margin-bottom: 30px;
}
#s_mm .small,
small {
font-size: 12px !important;
}
#s_mm .text-default {
color: var(--bs-dark-shade-blue) !important;
}
#s_mm .fs-9 {
font-size: 9px !important;
}
#s_mm .fs-10 {
font-size: 10px !important
}
#s_mm .fs-11 {
font-size: 11px;
}
#s_mm .fs-12 {
font-size: 12px;
}
#s_mm .fs-13 {
font-size: 13px
}
#s_mm .fs-18 {
font-size: 18px;
}
#s_mm .fs-20 {
font-size: 20px;
}
/* Typography End */
/* Padding Begin */
#s_mm .mt-50 {
margin-top: 50px
}
#s_mm .mb-30 {
margin-bottom: 30px
}
#s_mm .ptb-50 {
padding: 50px 0;
}
#s_mm .ptb-80 {
padding: 80px 0;
}
#s_mm .ptb-100 {
padding: 100px 0;
}
#s_mm .tilebox-one i {
position: absolute;
right: 24px;
font-size: 32px;
opacity: .3
}
#s_mm .gap-top {
padding-top: 76px;
}
#s_mm .gap-top-subheader {
padding-top: 76px;
}
#s_mm .navbar-toggler:focus {
box-shadow: none
}
@media(min-width:992px) {
#s_mm .gap-top {
padding-top: 135px
}
#s_mm .gap-top-subheader {
padding-top: 135px
}
}
/* Padding End */
/* preloader Begin */
#s_mm .preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--bs-white);
z-index: 99
}
#s_mm .loading {
position: absolute;
left: 50%;
top: 50%;
margin: -70px 0 0 -45px;
}
/* preloader End */
/* Navbar hvr-underline-from-center Begin */
#s_mm .rounded-radius {
border-radius: var(--bs-border-radius-small) !important;
}
#s_mm .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden
}
#s_mm .hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: var(--bs-primary-rgb-1);
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#s_mm .hvr-underline-from-center:hover:before,
#s_mm .hvr-underline-from-center:focus:before,
#s_mm .hvr-underline-from-center:active:before {
left: 15%;
right: 15%;
}
/* Navbar hvr-underline-from-center End */
@media(max-width:767.98px) {
#s_mm .navbar-light .navbar-nav .nav-link {
padding: 10px 0;
}
}
/* Navbar Begin */
#s_mm .navbar-light .navbar-nav .nav-link {
color: var(--bs-dark-shade-blue);
text-decoration: none;
font-size: 14px;
font-weight: 400;
padding: 18px 13px;
}
#s_mm .navbar-light .navbar-nav .nav-link:focus,
#s_mm .navbar-light .navbar-nav .nav-link:hover {
color: var(--bs-primary-rgb-1);
}
#s_mm .navbar-light .navbar-nav .nav-link.disabled {
color: rgba(var(--bs-white), var(--bs-opacity-025));
}
#s_mm .navbar-light .navbar-nav .nav-link.active,
#s_mm .navbar-light .navbar-nav .show>.nav-link {
color: var(--bs-white);
}
#s_mm .badge {
display: inline-block;
padding: .35em .65em;
font-size: 8px;
font-weight: 500;
line-height: 1;
color: var(--bs-white);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0;
}
#s_mm .badge-lg {
display: inline-block;
padding: 5px 10px;
font-size: 13px;
font-weight: 500;
line-height: 1;
color: var(--bs-white);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-border-radius-small);
}
#s_mm .border-top-1 {
border: 1px solid var(--bs-gray-light-100);
}
/* Navbar End */
/* Background Begin */
#s_mm .input-group-text {
border-radius: 0px;
border: var(--bs-border-width) solid var(--bs-border-color);
}
#s_mm .bg-smoke-white {
border:none;
border-bottom-left-radius: var(--bs-border-radius-small);
border-top-left-radius: var(--bs-border-radius-small);
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-smoke-white-rgb), var(--bs-bg-opacity)) !important
}
/* Background End */
/* sidenav Begin */
#s_mm .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: var(--bs-white);
overflow-x: hidden;
transition: .5s;
}
#s_mm .sidenav li a {
padding: 12px 12px;
text-decoration: none;
font-size: 14px;
color: var(--bs-dark-shade-blue-100);
display: block;
transition: .3s;
}
#s_mm .sidenav li a:hover {
color: var(--bs-dark-shade-blue-100);
}
#s_mm .sidenav .closebtn {
position: absolute;
right: 0;
color: var(--bs-white);
}
@media screen and (max-height:450px) {
#s_mm .sidenav {
padding-top: 15px;
}
#s_mm .sidenav a {
font-size: 18px;
}
}
/* sidenav End */
/* form Control Begin */
#s_mm .form-select {
border-radius: var(--bs-border-radius-small);
font-size: 12px !important;
}
#s_mm .form-select:focus {
box-shadow:none;
border-color:var(--bs-gray-200);
}
#s_mm .form-label {
font-size: 12px !important;
}
#s_mm .form-control {
border-radius: var(--bs-border-radius-small);
font-size: 12px !important;
}
#s_mm .form-control:focus {
box-shadow: none;
border: var(--bs-border-width) solid var(--bs-border-color);
}
#s_mm .form-check-input:checked{
background-color: var(--bs-primary-rgb-1);
border-color: var(--bs-primary-rgb-1);
}
#s_mm .form-check-input:focus{
box-shadow: none;
}
/* form control End */
/* container Begin */
#s_mm .container,
#s_mm .container-fluid,
#s_mm .container-lg,
#s_mm .container-md,
#s_mm .container-sm,
#s_mm .container-xl,
#s_mm .container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
@media(min-width:576px) {
#s_mm .container,
#s_mm .container-sm {
max-width: 540px;
}
}
@media(min-width:768px) {
#s_mm .container,
#s_mm .container-md,
#s_mm .container-sm {
max-width: 720px;
}
}
@media(min-width:992px) {
#s_mm .container,
#s_mm .container-lg,
#s_mm .container-md,
#s_mm .container-sm {
max-width: 960px;
}
}
@media(min-width:1200px) {
#s_mm .container,
#s_mm .container-lg,
#s_mm .container-md,
#s_mm .container-sm,
#s_mm .container-xl {
max-width: 1050px;
}
}
@media(min-width:1400px) {
#s_mm .container,
#s_mm .container-lg,
#s_mm .container-md,
#s_mm .container-sm,
#s_mm .container-xl,
#s_mm .container-xxl {
max-width: 1140px;
}
}
/* container End */
/* Footer Begin */
#s_mm .most_searched_item {
padding: 0 5px;
border-right: 1px solid var(--bs-white);
;
font-size: 12px;
font-weight: 300
}
#s_mm .most_searched {
color: var(--bs-primary-rgb-1);
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
margin-right: 3px
}
#s_mm .sub_top_store a {
color: var(--bs-white);
text-decoration: none
}
#s_mm .sub_top_store {
margin: 10px 0
}
#s_mm footer ul li {
margin-bottom: 8px
}
#s_mm footer ul li a {
color: var(--bs-white);
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
text-decoration: none
}
#s_mm footer ul.s-icons li a {
border: 2px solid rgba(var(--bs-white-rgb), var(--bs-opacity-02));
border-radius: var(--bs-border-radius-small);
}
#s_mm footer ul li a:hover {
text-decoration: underline;
color: var(--bs-white);
}
#s_mm footer {
padding: 48px 0 24px;
background: var(--bs-dark-shade-blue);
color: var(--bs-white);
}
#s_mm footer h6 {
text-transform: uppercase;
color: var(--bs-primary-rgb-1);
font-size: 17px
}
#s_mm footer .footer-bottom {
text-align: center;
border-top: 1px solid rgba(var(--bs-white-rgb), var(--bs-opacity-02));
border-bottom: 1px solid rgba(var(--bs-white-rgb), var(--bs-opacity-02));
margin-top: 36px;
padding: 24px 0
}
#s_mm footer .footer-bottom h2 {
font-size: 25px;
color: var(--bs-primary-rgb-1);
font-weight: 700;
margin-bottom: 0
}
#s_mm footer .footer-bottom small {
opacity: .8;
font-size: 9px
}
@media(min-width:1024px) {
#s_mm footer .footer-bottom h2 {
font-size: 40px
}
}
/* Footer End */
/* gobackToTop Begin */
#gobackToTop {
background-color: var(--bs-primary-rgb-1);
text-transform: capitalize;
box-shadow: var(--bs-box-shadow-small);
-webkit-box-shadow: var(--bs-box-shadow-small);
-moz-box-shadow: var(--bs-box-shadow-small);
display: none;
position: fixed;
top: 50%;
right: 0;
z-index: 99;
font-size: 20px;
border: 0;
outline: 0;
color: var(--bs-white);
cursor: pointer;
width: 50px;
height: 50px;
font-weight: 400;
border-radius: var(--bs-border-radius-small);
}
/* gobackToTop End */
/* sub-header Begin */
#s_mm .sub-header {
background: linear-gradient(178deg, var(--bs-dark-shade-blue) -8%, var(--bs-dark-cyan) 93%)
}
#s_mm .green-box {
position: relative;
font-size: 2em;
padding: 52px 0;
text-align: center;
border-radius: var(--bs-border-radius-small);
background: var(--bs-primary-rgb-1)
}
#s_mm .sub-header .breadcrumb a {
color: var(--bs-white);
text-decoration: none;
font-size: 14px;
font-weight: 400;
opacity: .7
}
#s_mm .sub-header .breadcrumb a:hover {
text-decoration: underline;
}
#s_mm .sub-header .breadcrumb-item.active {
color: var(--bs-white);
font-size: 14px;
padding-top: 3px;
}
#s_mm .breadcrumb-item+.breadcrumb-item::before {
color: var(--bs-gray-600);
}
#s_mm .box-right {
top: 0;
margin: 15px 0;
position: relative;
}
/* sub-header End */
#s_mm .hide-me {
display: none;
}
#s_mm .cursor-pointer {
cursor: pointer !important;
}
#s_mm .hide-mestore {
display: none;
cursor: pointer;
}
/* Form Authentication Begin */
#s_mm .field-icon {
float: right;
position: relative;
margin: -22px 15px;
font-size: 12px;
color: var(--bs-body-color);
}
#s_mm .form-sign {
background-color: var(--bs-white);
border-radius: var(--bs-border-radius-small);
padding: 40px;
}
#s_mm .lost-password a {
font-weight: 700;
color: var(--bs-body-color);
font-size: 15px;
}
#s_mm .not-registered a {
font-weight: 700;
color: var(--bs-body-color)
}
#s_mm .authentication {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100vh;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: url(../assets/images/bg-auth.jpg) center;
background-size: cover;
}
#s_mm .authentication .authentication-form-box {
max-width: 480px;
border-radius: 0;
z-index: 2;
padding: 3rem 2rem;
background-color: #fff;
position: relative;
width: 100%
}
/* Form Authentication End */
#s_mm .clearbox {
clear: both;
}
#s_mm .iframe {
width: 100%;
height: 450px;
}
#s_mm .c-code a {
color: var(--bs-white);
}
#target {
background: var(--bs-white);
;
width: 30px;
height: 40px;
padding: 5px;
border-radius: 40%;
box-shadow: var(--bs-box-shadow-small);
display: none;
margin-top: 20px;
margin-left: 8px;
}
#target i {
background-color: var(--bs-primary-rgb-1);
border-radius: 50%;
color: var(--bs-white);
font-size: 9px;
width: 20px;
height: 20px;
padding-top: 5px;
padding-left: 5px;
}
#s_mm .nav-pills.aside-pills .nav-link.active {
background: var(--bs-white);
;
color: var(--bs-dark-shade-blue);
box-shadow: var(--bs-box-shadow-small);
border: solid 1px var(--bs-gray-light-100);
border-bottom: 1px solid var(--bs-primary-rgb-1);
border-radius: var(--bs-border-radius-small);
}
#s_mm .aside-pills .nav-item {
background-color: var(--bs-gray-200);
margin-bottom: 20px;
box-shadow: var(--bs-box-shadow-small);
}
#s_mm .aside-pills li {
margin-right: 15px;
}
#s_mm .aside-pills .nav-link {
background-color: rgba(var(--bs-white-rgb), var(--bs-opacity-06));
border-radius: var(--bs-border-radius-small);
color: var(--bs-dark-shade-blue);
font-weight: 500;
box-shadow: var(--bs-box-shadow-small);
border: solid 1px var(--bs-gray-light-100);
}
#s_mm .field-icon {
float: right;
position: relative;
margin: -24px 15px;
font-size: 12px;
color: var(--bs-body-color);
;
}
#s_mm .bottom-list {
font-size: 14px;
color: var(--bs-dark-shade-blue);
font-weight: 400;
margin: 10px 0;
padding-left: 15px;
}
#s_mm .bottom-list li {
margin-bottom: 10px;
}
#s_mm .context-menu {
cursor: context-menu;
}
#s_mm .best-offer-tleft {
display: inline-block;
vertical-align: middle;
max-width: 50px;
}
#s_mm .get-code-border {
border: 2px dotted var(--bs-primary-light-rgb-1);
padding: 5px;
text-align: center;
}
/* loader Modal Begin */
#loaderModal .lds-dual-ring.hidden {
display: none;
}
#loaderModal .lds-dual-ring {
display: inline-block;
width: 80px;
height: 80px;
}
#loaderModal .lds-dual-ring:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 5% auto;
border-radius: 50%;
border: 6px solid var(--bs-white);
;
border-color: var(--bs-white) transparent;
animation: lds-dual-ring 1.2s linear infinite;
top: 27%;
position: absolute;
left: 50%;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#loaderModal .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-08));
z-index: 999;
opacity: 1;
transition: all 0.5s;
}
button.swal2-confirm.swal2-styled {
background: var(--bs-primary-rgb-1);
}
button.swal2-confirm.swal2-styled:focus {
box-shadow:none;
}
/* loader Modal End */
/* Pagination Begin */
#s_mm .page-item.active .page-link {
z-index: 3;
color: var(--bs-white);
background-color: var(--bs-primary-rgb-1);
border: var(--bs-border-width) solid var(--bs-border-color);
}
#s_mm .page-link {
padding: .375rem .75rem;
}
#s_mm .page-link:hover {
box-shadow: none;
}
#s_mm .page-link {
position: relative;
display: block;
color: var(--bs-primary-rgb-1);
font-size: 12px;
text-decoration: none;
background-color: var(--bs-white);
border: 1px solid var(--bs-gray-300);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#s_mm .pagination {
--bs-pagination-border-radius: var(--bs-border-radius-small);
}
/* Pagination End */
/* DashBoard Begin */
/* Custom Css */
#s_mm .text-truncate-dot {
width: 90px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#s_mm .text-truncate-con {
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#s_mm footer .nav-link {
color: var(--bs-dark-shade-blue);
font-size: 15px;
}
#s_mm .number {
padding: 0 10px;
box-shadow: var(--bs-box-shadow-small);
}
#s_mm footer .nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
#s_mm footer .nav-link {
padding: 4px 0 !important;
}
/* Dashboard Navbar */
#s_mm .dashboard-navbar .navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
}
#s_mm .dashboard-navbar .navbar-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
#s_mm .dashboard-navbar .dashboard-navbar .navbar-nav .dropdown-menu {
position: static;
float: none;
}
#s_mm .dashboard-navbar .navbar-expand .navbar-nav .nav-link {
padding-right: 8px;
padding-left: 8px;
}
#s_mm .dashboard-navbar .navbar-expand .navbar-nav-scroll {
overflow: visible;
}
#s_mm .dashboard-navbar .navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
#s_mm .dashboard-navbar .navbar-expand .navbar-toggler {
display: none
}
#s_mm .dashboard-navbar .navbar-light .navbar-brand {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-09));
}
#s_mm .dashboard-navbar .navbar-light .navbar-brand:focus,
#s_mm .dashboard-navbar .navbar-light .navbar-brand:hover {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-09));
}
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-05))
}
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link:focus,
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link:hover {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-07))
}
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link:focus,
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link:hover {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-07));
}
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link.disabled {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-03))
}
#s_mm .dashboard-navbar .navbar-light .navbar-nav .active>.nav-link,
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link.active,
#s_mm .dashboard-navbar .navbar-light .navbar-nav .nav-link.show,
#s_mm .dashboard-navbar .navbar-light .navbar-nav .show>.nav-link {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-09));
}
#s_mm .dashboard-navbar .navbar-light .navbar-toggler {
color: rgba(var(--bs-body-bg-rgb), var(--bs-opacity-09));
border-color: rgba(var(--bs-body-bg-rgb), var(--bs-opacity-08));
}
#s_mm .dashboard-navbar .navbar-light .navbar-toggler-icon {
background-image: none;
}
#s_mm .dashboard-navbar .navbar-light .navbar-text {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-05));
}
#s_mm .dashboard-navbar .navbar-light .navbar-text a {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-09));
}
#s_mm .dashboard-navbar .navbar-light .navbar-text a:focus,
#s_mm .dashboard-navbar .navbar-light .navbar-text a:hover {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-opacity-09));
}
/* Dashboard sidebarwrapper */
#s_mm #sidebarwrapper {
display: flex;
}
#s_mm #sidebarwrapper #content-wrapper {
background-color: var(--bs-gray-200);
width: 100%;
overflow-x: hidden;
}
#s_mm #sidebarwrapper #content-wrapper #maincontent {
flex: 1 0 auto;
}
#s_mm .icon-circle {
height: 40px;
width: 40px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#s_mm .topbar {
height: 70px;
}
#s_mm .topbar #humbergersidebarToggleTop {
color: var(--bs-dark-shade-blue);
background-color: transparent;
height: 40px;
width: 40px;
box-shadow: none;
}
#s_mm .sidebar {
width: 104px;
min-height: 100vh;
}
#s_mm .sidebar .nav-item {
position: relative;
}
#s_mm .sidebar .nav-item:last-child {
margin-bottom: 16px;
}
#s_mm .sidebar .nav-item .nav-link {
text-align: center;
padding: 12px 16px;
width: 104px;
}
#s_mm .sidebar .nav-item .nav-link span {
font-size: 11px;
display: block;
font-weight: 400;
}
#s_mm .sidebar .nav-item.active .nav-link {
font-weight: 100;
}
#s_mm .sidebar .nav-item .collapse {
position: absolute;
left: calc(104px + 24px / 2);
z-index: 1;
top: 2px;
}
#s_mm .sidebar .nav-item .collapse .collapse-inner {
border-radius: var(--bs-border-radius-small);
box-shadow: var(--bs-box-shadow-small);
}
#s_mm .sidebar .nav-item .collapsing {
display: none;
transition: none;
}
#s_mm .sidebar .nav-item .collapse .collapse-inner,
#s_mm .sidebar .nav-item .collapsing .collapse-inner {
padding: 8px 0;
min-width: 160px;
font-size: 14px;
}
#s_mm .sidebar .nav-item .collapse .collapse-inner .collapse-header,
#s_mm .sidebar .nav-item .collapsing .collapse-inner .collapse-header {
margin: 0;
white-space: nowrap;
padding: 8px 24px;
text-transform: uppercase;
font-weight: 800;
font-size: 11px;
color: var(--bs-primary-rgb-1);
}
#s_mm .sidebar .nav-item .collapse .collapse-inner .collapse-item,
#s_mm .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
padding: 8px 16px;
margin: 0 8px;
display: block;
color: var(--bs-gray-600);
text-decoration: none;
border-radius: var(--bs-border-radius-small);
white-space: nowrap;
font-weight: 400;
font-size: 12px;
}
#s_mm .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
#s_mm .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
background-color: transparent;
color: var(--bs-gray-400);
}
#s_mm .sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
#s_mm .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
background-color: transparent;
color: var(--bs-gray-200);
}
#s_mm .sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
#s_mm .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
color: var(--bs-primary-rgb-1);
font-weight: 700;
}
#s_mm .sidebar.toggled {
width: 0 !important;
overflow: hidden;
}
#s_mm .sidebar.toggled .sidebar-card {
display: none;
}
#s_mm .sidebar .sidebar-brand {
text-decoration: none;
font-size: 16px;
font-weight: 800;
padding: 24px 16px;
text-align: center;
text-transform: uppercase;
letter-spacing: .8px;
z-index: 1;
}
@media only screen and (min-width:768px) {
#s_mm .sidebar {
width: 224px !important;
}
#s_mm .sidebar .nav-item .collapse {
position: relative;
left: 0;
z-index: 1;
top: 0;
-webkit-animation: none;
animation: none;
}
#s_mm .sidebar .nav-item .collapse .collapse-inner {
border-radius: 0;
box-shadow: none;
}
#s_mm .sidebar .nav-item .collapsing {
display: block;
transition: height .15s ease;
}
#s_mm .sidebar .nav-item .collapse,
#s_mm .sidebar .nav-item .collapsing {
margin: 0 16px;
}
#s_mm .sidebar .nav-item .nav-link {
display: block;
width: 100%;
text-align: left;
padding: 16px;
width: 224px;
}
#s_mm .sidebar .nav-item .nav-link i {
font-size: 14px;
margin-right: 4px;
}
#s_mm .sidebar .nav-item .nav-link span {
font-size: 12px;
display: inline;
}
#s_mm .sidebar .nav-item .nav-link[data-bs-toggle=collapse]::after {
width: 16px;
text-align: center;
float: right;
vertical-align: 0;
border: 0;
font-weight: 900;
content: "\f107";
font-family: "Font Awesome 5 Free";
}
#s_mm .sidebar .nav-item .nav-link[data-bs-toggle=collapse].collapsed::after {
content: "\f105";
}
#s_mm .sidebar .sidebar-brand .sidebar-brand-icon i {
font-size: 32px;
}
#s_mm .sidebar .sidebar-brand .sidebar-brand-text {
display: inline;
}
#s_mm .sidebar.toggled {
overflow: visible;
width: 104px !important;
}
#s_mm .sidebar.toggled .nav-item .collapse {
position: absolute;
left: calc(104px + 24px / 2);
z-index: 1;
top: 2px;
-webkit-animation-name: growIn;
animation-name: growIn;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: transform cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1);
animation-timing-function: transform cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1);
}
#s_mm .sidebar.toggled .nav-item .collapse .collapse-inner {
box-shadow: var(--bs-box-shadow-default);
border-radius: var(--bs-border-radius-small);
}
#s_mm .sidebar.toggled .nav-item .collapsing {
display: none;
transition: none;
}
#s_mm .sidebar.toggled .nav-item .collapse,
#s_mm .sidebar.toggled .nav-item .collapsing {
margin: 0;
}
#s_mm .sidebar.toggled .nav-item:last-child {
margin-bottom: 16px;
}
#s_mm .sidebar.toggled .nav-item .nav-link {
text-align: center;
padding: 12px 16px;
width: 104px;
}
#s_mm .sidebar.toggled .nav-item .nav-link span {
font-size: 11px;
display: block;
}
#s_mm .sidebar.toggled .nav-item .nav-link i {
margin-right: 0
}
#s_mm .sidebar.toggled .nav-item .nav-link[data-bs-toggle=collapse]::after {
display: none
}
#s_mm .sidebar.toggled .sidebar-brand .sidebar-brand-icon i {
font-size: 32px
}
#s_mm .sidebar.toggled .sidebar-brand .sidebar-brand-text {
display: none
}
}
#s_mm .sidebar-dark .sidebar-brand {
color: var(--bs-white);
}
#s_mm .sidebar-dark hr.sidebar-divider {
border-top: 1px solid rgba(var(--bs-white-rgb), var(--bs-opacity-015))
}
#s_mm .sidebar-dark .nav-item .nav-link {
color: var(--bs-gray-400);
}
#s_mm .sidebar-dark .nav-item .nav-link i {
color: var(--bs-gray-400);
}
#s_mm .sidebar-dark .nav-item .nav-link:active i,
#s_mm .sidebar-dark .nav-item .nav-link:focus i,
#s_mm .sidebar-dark .nav-item .nav-link:hover i {
color: var(--bs-gray-400);
}
#s_mm .sidebar-dark .nav-item .nav-link:active,
#s_mm .sidebar-dark .nav-item .nav-link:focus,
#s_mm .sidebar-dark .nav-item .nav-link:hover {
color: var(--bs-gray-400);
}
#s_mm .sidebar-dark .nav-item .nav-link[data-bs-toggle=collapse]::after {
color: rgba(var(--bs-white-rgb), var(--bs-opacity-05))
}
#s_mm .sidebar-dark .nav-item.active .nav-link {
color: var(--bs-gray-600);
}
#s_mm .sidebar-dark .nav-item.active .nav-link i {
color: var(--bs-white);
}
/* Dashboard sidebarwrapper */
/* Navbar Image Profile */
#s_mm .img-profile {
height: 31px;
width: 31px;
}
#s_mm .profile {
margin-bottom: 10px;
}
#s_mm .shadow {
box-shadow: var(--bs-box-shadow-default);
}
/* Notification Carrat */
#s_mm .nav-dropdown .dropdown-toggle::after {
display: none;
}
/* Dropdown Header */
#s_mm .dropdown-header {
background-color: var(--bs-primary-rgb-1);
border: 1px solid var(--bs-primary-rgb-1);
padding: 12px 0;
color: var(--bs-white);
}
#s_mm .code-ds .card-header:first-child {
border-radius: 0;
}
@media screen and (max-width:1024px) {
.sm-none {
display: none;
}
}
/* card Widget */
#s_mm .mini-stats-wid .mini-stat-icon {
overflow: hidden;
position: relative;
}
#s_mm .widget-icon {
color: var(--bs-primary-rgb-1);
font-size: 20px;
background: rgba(var(--bs-bg-primary-rgb), var(--bs-opacity-03));
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
border-radius: var(--bs-border-radius-small);
display: inline-block;
}
/* card Widget */
#s_mm .accordion-button:focus {
box-shadow: none;
}
/* Authentication */
#s_mm .authentication {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100vh;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: url(../images/bg-auth.jpg) center;
background-size: cover;
}
#s_mm .authentication .authentication-form-box {
max-width: 480px;
border-radius: 0;
z-index: 2;
padding: 3rem 2rem;
background-color: var(--bs-white);
position: relative;
width: 100%;
}
#s_mm .auth-brand {
margin-bottom: 32px;
}
@media (min-width:992px) {
#s_mm .text-lg-start {
text-align: left !important
}
}
@media (min-width:992px) {
#s_mm .auth-brand {
position: absolute;
top: 48px;
}
}
#s_mm .authentication .authentication-left,
#s_mm .authentication .authentication-right {
padding: 96px 48px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
color: var(--bs-white);
background: rgba(var(--bs-bg-primary-rgb), var(--bs-opacity-03));
}
#s_mm .auth-user-testimonial {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width:991.98px) {
#s_mm .authentication {
display: block;
}
}
@media (max-width:991.98px) {
#s_mm .authentication .authentication-form-box {
max-width: 100%;
min-height: 100vh;
}
}
@media (max-width:991.98px) {
#s_mm .authentication .authentication-right {
display: none;
}
}
#s_mm .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background-color: var(--bs-primary-rgb-1);
color: var(--bs-white);
}
#s_mm .nav-pills .nav-link{
color: var(--bs-primary-rgb-1);
}
/* Footer */
#s_mm .footer-alt {
left: 0;
border: none;
text-align: center;
bottom: 0;
padding: 19px 24px 20px;
position: absolute;
right: 0;
color: var(--bs-dark-shade-blue);
border-top: 1px solid var(--bs-gray-200);
background-color: var(--bs-white);
}
@media (min-width:1200px) {
#s_mm .fs-2 {
font-size: 32px !important
}
}
#s_mm .fs-2 {
font-size: calc(1.325rem + .9vw) !important
}
#s_mm .centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#s_mm .table-light-success border-bottom-0 {
font-size: 12px;
}
#s_mm .table {
font-size: 12px;
--bs-table-bg:inherit;
}
#s_mm .table>thead{
background: rgba(var(--bs-bg-primary-rgb), var(--bs-opacity-03));
}
@media (min-width: 992px) {
.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
}
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
#tableSection {
display: none;
}
/* Dropdown menu */
/* Dashboard End */
/* Authentication Begin */
.bg-linear-gradient {
background-image: linear-gradient(-45deg, #2E236C, #433D8B);
}
@media (min-width: 1400px) {
.vh-lg-100 {
height: 100vh !important;
}
}
.field-icon {
float: right;
position: relative;
margin: -24px 15px;
font-size: 12px;
color: #313a46;
}
/* Authentication End */