File: /mnt/data/smarthr-co-in/demo/laravel_06/assets/css/style.css
/****** Utils ******/
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
header {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/******* Base *******/
body {
font-family: "Archivo", sans-serif;
font-size: 16px;
color: #6B7280;
line-height: 1.5;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden;
}
::selection {
background: #F26522;
color: #FFF;
text-shadow: none;
}
img {
max-width: 100%;
height: auto;
}
* {
outline: none;
}
button {
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
button:focus {
box-shadow: none !important;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
strong {
font-weight: 700;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: #202C4B;
font-family: "Archivo", sans-serif;
font-weight: 700;
margin-bottom: 0;
}
ol, ul {
list-style: none;
margin-block-end: 0;
padding: 0;
}
ul {
list-style: none;
}
ul.list-disc {
list-style: disc;
padding-left: 15px;
}
ul.list-disc ul {
list-style-type: circle;
}
ul.list-decimal {
list-style: decimal;
padding-left: 15px;
}
ul.list-decimal ul {
list-style-type: decimal;
}
ul.list-icon {
list-style: none;
padding-left: 0;
}
ul.list-icon > li {
padding-left: 1.875rem;
counter-increment: li;
}
ul.list-icon > li i,
ul.list-icon > li .feather-icon,
ul.list-icon > li .svg-icon {
display: inline-block;
height: 20px;
width: 20px;
text-align: center;
margin-left: -1.25rem;
position: relative;
left: -10px;
padding: 1px;
top: -1px;
}
ul.list-icon > li i {
font-size: 20px;
top: 5px;
}
ul .btn-primary:not(:disabled):not(.disabled):active:focus, ul .btn-primary:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.bg-primary {
background-color: #F26522 !important;
}
.bg-secondary {
background-color: #3B7080 !important;
}
.bg-info {
background-color: #1B84FF !important;
}
.bg-success {
background-color: #03C95A !important;
}
.bg-warning {
background-color: #FFC107 !important;
}
.bg-danger {
background-color: #E70D0D !important;
}
.bg-dark {
background-color: #212529 !important;
}
.bg-light {
background-color: #F8F9FA !important;
}
.bg-white {
background-color: #FFF;
}
.bg-pink {
background-color: #FD3995 !important;
}
.bg-purple {
background-color: #AB47BC !important;
}
.bg-gray {
background: #F4F6FA;
}
.bg-primary {
background-color: #F26522 !important;
}
.bg-primary.bg-opacity-10 {
background-color: rgba(242, 101, 34, 0.1) !important;
}
.bg-primary.bg-opacity-25 {
background-color: rgba(242, 101, 34, 0.25) !important;
}
.bg-primary.bg-opacity-50 {
background-color: rgba(242, 101, 34, 0.5) !important;
}
.bg-primary.bg-opacity-75 {
background-color: rgba(242, 101, 34, 0.75) !important;
}
.bg-primary.bg-opacity-100 {
background-color: #f26522 !important;
}
.bg-secondary {
background-color: #3B7080 !important;
}
.bg-secondary.bg-opacity-10 {
background-color: rgba(59, 112, 128, 0.1) !important;
}
.bg-secondary.bg-opacity-25 {
background-color: rgba(59, 112, 128, 0.25) !important;
}
.bg-secondary.bg-opacity-50 {
background-color: rgba(59, 112, 128, 0.5) !important;
}
.bg-secondary.bg-opacity-75 {
background-color: rgba(59, 112, 128, 0.75) !important;
}
.bg-secondary.bg-opacity-100 {
background-color: #3b7080 !important;
}
.bg-info {
background-color: #1B84FF !important;
}
.bg-info.bg-opacity-10 {
background-color: rgba(27, 132, 255, 0.1) !important;
}
.bg-info.bg-opacity-25 {
background-color: rgba(27, 132, 255, 0.25) !important;
}
.bg-info.bg-opacity-50 {
background-color: rgba(27, 132, 255, 0.5) !important;
}
.bg-info.bg-opacity-75 {
background-color: rgba(27, 132, 255, 0.75) !important;
}
.bg-info.bg-opacity-100 {
background-color: #1b84ff !important;
}
.bg-success {
background-color: #03C95A !important;
}
.bg-success.bg-opacity-10 {
background-color: rgba(3, 201, 90, 0.1) !important;
}
.bg-success.bg-opacity-25 {
background-color: rgba(3, 201, 90, 0.25) !important;
}
.bg-success.bg-opacity-50 {
background-color: rgba(3, 201, 90, 0.5) !important;
}
.bg-success.bg-opacity-75 {
background-color: rgba(3, 201, 90, 0.75) !important;
}
.bg-success.bg-opacity-100 {
background-color: #03c95a !important;
}
.bg-warning {
background-color: #FFC107 !important;
}
.bg-warning.bg-opacity-10 {
background-color: rgba(255, 193, 7, 0.1) !important;
}
.bg-warning.bg-opacity-25 {
background-color: rgba(255, 193, 7, 0.25) !important;
}
.bg-warning.bg-opacity-50 {
background-color: rgba(255, 193, 7, 0.5) !important;
}
.bg-warning.bg-opacity-75 {
background-color: rgba(255, 193, 7, 0.75) !important;
}
.bg-warning.bg-opacity-100 {
background-color: #ffc107 !important;
}
.bg-danger {
background-color: #E70D0D !important;
}
.bg-danger.bg-opacity-10 {
background-color: rgba(231, 13, 13, 0.1) !important;
}
.bg-danger.bg-opacity-25 {
background-color: rgba(231, 13, 13, 0.25) !important;
}
.bg-danger.bg-opacity-50 {
background-color: rgba(231, 13, 13, 0.5) !important;
}
.bg-danger.bg-opacity-75 {
background-color: rgba(231, 13, 13, 0.75) !important;
}
.bg-danger.bg-opacity-100 {
background-color: #e70d0d !important;
}
.bg-dark {
background-color: #212529 !important;
}
.bg-dark.bg-opacity-10 {
background-color: rgba(33, 37, 41, 0.1) !important;
}
.bg-dark.bg-opacity-25 {
background-color: rgba(33, 37, 41, 0.25) !important;
}
.bg-dark.bg-opacity-50 {
background-color: rgba(33, 37, 41, 0.5) !important;
}
.bg-dark.bg-opacity-75 {
background-color: rgba(33, 37, 41, 0.75) !important;
}
.bg-dark.bg-opacity-100 {
background-color: #212529 !important;
}
.bg-light {
background-color: #F8F9FA !important;
}
.bg-light.bg-opacity-10 {
background-color: rgba(248, 249, 250, 0.1) !important;
}
.bg-light.bg-opacity-25 {
background-color: rgba(248, 249, 250, 0.25) !important;
}
.bg-light.bg-opacity-50 {
background-color: rgba(248, 249, 250, 0.5) !important;
}
.bg-light.bg-opacity-75 {
background-color: rgba(248, 249, 250, 0.75) !important;
}
.bg-light.bg-opacity-100 {
background-color: #f8f9fa !important;
}
.bg-skyblue {
background-color: #0DCAF0 !important;
}
.bg-primary {
background-color: #F26522 !important;
border: 1px solid #F26522 !important;
color: #FFF;
}
.bg-secondary {
background-color: #3B7080 !important;
border: 1px solid #3B7080 !important;
color: #FFF;
}
.bg-success {
background-color: #03C95A !important;
border: 1px solid #03C95A !important;
color: #FFF;
}
.bg-info {
background-color: #1B84FF !important;
border: 1px solid #1B84FF !important;
color: #FFF;
}
.bg-warning {
background-color: #FFC107 !important;
border: 1px solid #FFC107 !important;
color: #FFF;
}
.bg-danger {
background-color: #E70D0D !important;
border: 1px solid #E70D0D !important;
color: #FFF;
}
.bg-dark {
background-color: #212529 !important;
border: 1px solid #212529 !important;
color: #FFF;
}
.bg-light {
background-color: #F8F9FA !important;
border: 1px solid #F8F9FA !important;
color: #FFF;
}
.bg-black {
background-color: #000 !important;
border: 1px solid #000 !important;
color: #FFF;
}
.bg-purple {
background-color: #AB47BC !important;
border: 1px solid #AB47BC !important;
color: #FFF;
}
.bg-soft-primary {
background-color: #FEF0E9;
color: #F26522;
}
.bg-soft-secondary {
background-color: #B9CBD1;
color: #3B7080;
}
.bg-soft-success {
background-color: #A4EBC4;
color: #03C95A;
}
.bg-soft-danger {
background-color: #EC9E9E;
color: #E70D0D;
}
.bg-soft-warning {
background-color: #FFE9A6;
color: #FFC107;
}
.bg-soft-info {
background-color: rgba(27, 132, 255, 0.3);
color: #1B84FF;
}
.bg-soft-light {
background-color: rgba(248, 249, 250, 0.9);
color: #6B7280;
}
.bg-soft-dark {
background-color: rgba(33, 37, 41, 0.3);
color: #FFF;
}
.bg-light {
color: #6B7280;
}
.bg-primary-gradient {
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%) !important;
color: #FFF;
}
.bg-secondary-gradient {
background: linear-gradient(180deg, #3B7080 0%, #3D90A9 100%) !important;
color: #FFF;
}
.bg-warning-gradient {
background: linear-gradient(180deg, #FFC107 0%, #FFE8A5 100%) !important;
color: #FFF;
}
.bg-info-gradient {
background: linear-gradient(180deg, #177DBC 0%, #1A91DB 100%) !important;
color: #FFF;
}
.bg-success-gradient {
background: linear-gradient(180deg, #2DCB73 0%, #0DA952 100%) !important;
color: #FFF;
}
.bg-danger-gradient {
background: linear-gradient(180deg, #E70D0D 0%, #810707 100%) !important;
color: #FFF;
}
.bg-purple-gradient {
background: linear-gradient(180deg, #4B3088 0%, #5C2DC8 100%) !important;
color: #FFF;
}
.bg-teal-gradient {
background: linear-gradient(180deg, #E6F9FF 0%, #FFFFFF 100%) !important;
color: #FFF;
}
.bg-light-gradient {
background: linear-gradient(180deg, #F8F9FA 0%, #EDEDED 100%) !important;
color: #000;
}
.bg-dark-gradient {
background: linear-gradient(180deg, #F3F6FF 0%, #FFFFFF 100%) !important;
color: #FFF;
}
.bg-outline-primary {
background-color: #FFF;
border: 1px solid #F26522;
color: #F26522;
}
.bg-outline-secondary {
background-color: #FFF;
border: 1px solid #3B7080;
color: #3B7080;
}
.bg-outline-warning {
background-color: #FFF;
border: 1px solid #FFC107;
color: #FFC107;
}
.bg-outline-info {
background-color: #FFF;
border: 1px solid #1B84FF;
color: #1B84FF;
}
.bg-outline-success {
background-color: #FFF;
border: 1px solid #03C95A;
color: #03C95A;
}
.bg-outline-danger {
background-color: #FFF;
border: 1px solid #E70D0D;
color: #E70D0D;
}
.bg-outline-dark {
background-color: #FFF;
border: 1px solid #212529;
color: #212529;
}
.bg-outline-light {
background-color: #FFF;
border: 1px solid #F8F9FA !important;
color: #000 !important;
}
.bg-primary-transparent {
background-color: #FEF1EB !important;
color: #F26522 !important;
}
.bg-primary-transparent:hover {
background-color: #FEF1EB !important;
color: #F26522 !important;
}
.bg-secondary-transparent {
background-color: #EDF2F4 !important;
color: #3B7080 !important;
}
.bg-secondary-transparent:hover {
background-color: #EDF2F4 !important;
color: #3B7080 !important;
}
.bg-info-transparent {
background-color: #D6E9FF !important;
color: #1B84FF !important;
}
.bg-info-transparent:hover {
background-color: #D6E9FF !important;
color: #1B84FF !important;
}
.bg-success-transparent {
background-color: #D2F5E1 !important;
color: #03C95A !important;
}
.bg-success-transparent:hover {
background-color: #D2F5E1 !important;
color: #03C95A !important;
}
.bg-warning-transparent {
background-color: #FFF4D2 !important;
color: #FFC107 !important;
}
.bg-warning-transparent:hover {
background-color: #FFF4D2 !important;
color: #FFC107 !important;
}
.bg-danger-transparent {
background-color: #F6CECE !important;
color: #E70D0D !important;
}
.bg-danger-transparent:hover {
background-color: #F6CECE !important;
color: #E70D0D !important;
}
.bg-light-transparent {
background-color: rgba(248, 249, 250, 0.5) !important;
color: #F8F9FA !important;
}
.bg-light-transparent:hover {
background-color: rgba(248, 249, 250, 0.5) !important;
color: #6B7280 !important;
}
.bg-skyblue-transparent {
background-color: #D3F5FC !important;
color: #0DCAF0 !important;
}
.bg-skyblue-transparent:hover {
background-color: #D3F5FC !important;
color: #0DCAF0 !important;
}
.bg-gray-100 {
background-color: #F3F4F6;
}
.bg-gray-200 {
background-color: #E5E7EB;
}
.bg-gray-300 {
background-color: #D1D5DB;
}
.bg-gray-400 {
background-color: #9CA3AF;
}
.bg-gray-500 {
background-color: #6B7280;
}
.bg-gray-600 {
background-color: #4B5563;
}
.bg-gray-700 {
background-color: #374151;
}
.bg-gray-800 {
background-color: #1F2937;
}
.bg-gray-900 {
background-color: #111827;
}
.bg-light-100 {
background-color: #FDFDFE !important;
}
.bg-light-300 {
background-color: #F8FAFC !important;
}
.bg-light-400 {
background-color: #F6F8FB !important;
}
.bg-light-500 {
background-color: #F4F6FA !important;
}
.bg-success-800 {
background-color: #33D37A !important;
}
.svg-primary {
fill: #F26522;
}
.svg-secondary {
fill: #3B7080;
}
.svg-success {
fill: #03C95A;
}
.svg-danger {
fill: #E70D0D;
}
.svg-warning {
fill: #FFC107;
}
.svg-white {
fill: #FFF;
}
.svg-black {
fill: #000;
}
.svg-pink {
fill: #FD3995;
}
.svg-purple {
fill: #AB47BC;
}
.svg-info {
fill: #1B84FF;
}
.svg-light {
fill: #F8F9FA;
}
.svg-dark {
fill: #212529;
}
.svg-default {
fill: #6B7280;
}
.color-container {
width: 5rem;
height: 5rem;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
line-height: 3rem;
}
.text-container {
padding: 0.25rem 0.5rem;
border-radius: 10px;
box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.color-box {
width: 80px;
height: 80px;
border-radius: 10px;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
}
.badge-soft-skyblue {
background: #D3F5FC;
color: #0DCAF0;
}
.bg-skyblue {
background: #0DCAF0;
color: #FFF;
}
.bg-light-200 {
background: #FBFBFD;
}
.bg-light-300 {
background: #F8FAFC;
}
.bg-primary-gradient {
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
}
.bg-transparent-primary {
background: #FEF1EB;
}
.bg-transparent-dark {
background: #E8E9EA;
}
.bg-transparent-info {
background: #EBF4FF;
}
.bg-transparent-skyblue {
background: #D3F5FC;
}
.bg-transparent-warning {
background: #FFF4D2;
}
.bg-transparent-light {
background: #F8F9FA;
}
.bg-transparent-danger {
background: #F6CECE;
}
.bg-transparent-success {
background: #D2F5E1;
}
.bg-transparent-info {
background: #D6E9FF;
}
.bg-light-gray {
background: #F4F6FA;
}
.bg-light-orange {
background: #FCE0D3;
}
.bg-light-orange span {
background: #FCE0D3;
}
.bg-light-red {
background: #F1B6B6;
}
.bg-light-red span {
background: #F1B6B6;
}
.bg-light-green {
background: #A4EBC4;
}
.bg-light-green span {
background: #A4EBC4;
}
/****** Layout ******/
::-webkit-scrollbar {
width: 5px;
height: 5px;
border-radius: 50px !important;
}
::-webkit-scrollbar-track {
background: #F4F6FA;
}
::-webkit-scrollbar-thumb {
background: #E5E7EB;
}
::-webkit-scrollbar-thumb:hover {
background: #E5E7EB;
}
.swal2-header .swal2-title {
font-size: 18px;
}
.checkboxs {
display: block;
cursor: pointer;
user-select: none;
position: relative;
padding-left: 25px;
}
.checkboxs input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkboxs input ~ .checkmarks {
border: 1px solid #E9EDF4;
border-radius: 2px;
}
.checkboxs input:checked ~ .checkmarks {
background-color: #F26522;
border-color: #F26522;
}
.checkboxs input:checked ~ .checkmarks:after {
display: block;
}
.checkboxs .checkmarks {
height: 18px;
width: 18px;
position: absolute;
top: 2px;
left: 0;
}
.checkboxs .checkmarks::after {
content: "";
position: absolute;
display: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: "\f00c";
font-family: "Font Awesome 5 Free";
color: #FFF;
font-weight: 600;
font-size: 10px;
}
.page-wrapper {
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0 0 0 252px;
padding: 56px 0 0;
position: relative;
left: 0;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media (max-width: 991.98px) {
.page-wrapper {
margin: 0;
padding: 60px 0 0;
}
}
.page-wrapper .content {
padding: 24px;
background: #FBFBFD;
padding-bottom: 0;
}
@media (max-width: 991.98px) {
.page-wrapper .content {
padding: 15px;
padding-bottom: 0;
}
}
.page-wrapper .content.content-two {
padding-bottom: 24px;
}
@media (max-width: 767.98px) {
.page-wrapper .content.content-two {
padding-bottom: 15px;
}
}
.page-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.page-header .breadcrumb {
margin-bottom: 0;
}
@media (max-width: 575.98px) {
.page-header {
flex-direction: column;
align-items: self-start;
}
}
.page-header .page-title {
margin-bottom: 10px;
}
.page-header h3 {
font-weight: 700;
color: #111827;
font-size: 18px;
}
@media (max-width: 991.98px) {
.page-header h3 {
font-size: 14px;
}
}
.page-header h4 {
font-weight: 600;
color: #111827;
font-size: 18px;
margin-bottom: 5px;
}
@media (max-width: 991.98px) {
.page-header h4 {
font-size: 18px;
}
}
.page-header h6 {
font-size: 14px;
color: #374151;
font-weight: 400;
}
@media (max-width: 991.98px) {
.page-header h6 {
font-size: 12px;
}
}
@media (max-width: 575.98px) {
.page-header h6 {
font-size: 12px;
margin-bottom: 20px;
}
}
/*-----------------
6. Header
-----------------------*/
header {
background: #FFF;
position: relative;
box-shadow: 0px 4px 34px 0px rgba(229, 229, 229, 0.25);
left: 0;
top: 0;
width: 100%;
z-index: 999;
-webkit-transition: all 0.9s;
-ms-transition: all 0.9s;
transition: all 0.9s;
}
header.fixed {
position: fixed !important;
top: 0 !important;
left: 0;
width: 100%;
z-index: 100;
-webkit-transition: all 0.9s;
-ms-transition: all 0.9s;
transition: all 0.9s;
background-color: #FFF;
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
header .logo a {
float: left;
}
header .logo a img {
float: left;
max-height: 32px;
}
header .header-nav .main-menu-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
position: relative;
padding: 8px 0;
margin-bottom: 0;
}
header .header-nav .main-menu-wrapper .main-nav > li {
padding: 13px 0;
}
header .header-nav .main-menu-wrapper .main-nav > li > a {
color: #111827;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 991.98px) {
header .header-nav .main-menu-wrapper .main-nav > li > a {
font-size: 14px;
}
}
@media (max-width: 991.98px) {
header .header-nav .main-menu-wrapper .main-nav > li > a {
color: #FFF;
}
}
header .header-nav .main-menu-wrapper .main-nav > li > a:hover {
color: #F26522;
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li {
position: relative;
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li.active {
color: #F26522;
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li.active > a {
color: #F26522;
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li a {
display: block;
padding: 10px 15px 10px;
clear: both;
white-space: nowrap;
color: #000;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
width: 100%;
position: relative;
font-weight: 500;
}
@media (max-width: 991.98px) {
header .header-nav .main-menu-wrapper .main-nav > li .submenu li a {
padding: 10px;
color: #FFF;
font-size: 12px;
}
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li a:hover {
color: #F26522;
padding-left: 20px;
}
header .header-nav .main-menu-wrapper .main-nav > li .login-link {
display: none;
}
header .navbar-header .navbar-brand {
display: inline-block;
padding: 0;
line-height: 0;
}
@media (max-width: 991.98px) {
header .navbar-header .navbar-brand {
margin-right: 0;
}
}
@media (max-width: 575.98px) {
header .navbar-header .logo {
display: none;
}
}
header .navbar-header .logo-small {
display: none;
}
@media (max-width: 575.98px) {
header .navbar-header .logo-small {
display: block;
width: 100%;
text-align: center;
}
}
header .navbar-header #mobile_btn {
display: none;
margin-right: 30px;
}
@media (max-width: 991.98px) {
header .navbar-header #mobile_btn {
display: inline-block;
line-height: 0;
}
}
@media (max-width: 575.98px) {
header .navbar-header #mobile_btn {
left: 0;
margin-right: 0;
padding: 0 0px;
position: absolute;
z-index: 99;
}
}
header .navbar-header #mobile_btn .bar-icon {
display: inline-block;
width: 31px;
}
header .navbar-header #mobile_btn .bar-icon span {
background-color: #F26522;
display: block;
float: left;
height: 3px;
margin-bottom: 7px;
width: 31px;
border-radius: 2px;
margin-bottom: 5px;
}
header .navbar-header #mobile_btn .bar-icon span:nth-child(2) {
width: 20px;
}
header .navbar-header #mobile_btn .bar-icon span:nth-child(3) {
width: 16px;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
header .navbar-header {
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
align-items: center;
}
}
@media (max-width: 575.98px) {
header .navbar-header {
width: 100%;
}
}
header .main-menu-wrapper {
margin: 0 15px 0;
}
header .main-menu-wrapper .menu-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
padding: 0 20px;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
display: none;
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .menu-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 65px;
align-items: center;
background: #FFF;
}
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .menu-header .menu-logo img {
width: 160px;
}
}
header .main-menu-wrapper .menu-header .menu-close {
font-size: 18px;
color: #F26522;
}
header .main-menu-wrapper .main-nav > li .submenu > li .submenu {
left: 100%;
top: 0;
margin-top: 10px;
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .main-nav > li .submenu > li .submenu {
left: 0;
}
}
header .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 15px;
top: 12px;
font-size: 13px;
}
header .main-menu-wrapper .main-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}
header .main-menu-wrapper .main-nav:last-child {
margin-right: 0;
}
@media (max-width: 1199.98px) {
header .main-menu-wrapper .main-nav > li {
margin-right: 10px !important;
}
header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
border: 0;
}
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .main-nav > li {
margin-right: 0 !important;
}
header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
border: 0;
}
}
header .main-menu-wrapper .main-nav > li.active > a, header .main-menu-wrapper .main-nav > li:hover > a {
display: block;
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
header .main-menu-wrapper .main-nav > li.active > a::before, header .main-menu-wrapper .main-nav > li:hover > a::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 10px;
border-radius: 5px;
padding: 1px;
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
-webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}
header .main-menu-wrapper .main-nav > li a i {
font-size: 12px;
margin-left: 3px;
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .main-nav > li a {
display: block;
line-height: 20px;
padding: 12px 15px;
font-size: 14px;
font-weight: 500;
color: #FFF;
}
header .main-menu-wrapper .main-nav > li a i {
font-size: 14px;
}
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
header .main-menu-wrapper .main-nav > li a i {
float: right;
margin-top: 5px;
font-size: 14px;
}
}
header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .main-nav > li {
border-bottom: 1px solid #000;
padding: 0;
}
}
@media (min-width: 992px) {
header .main-menu-wrapper .main-nav > li {
display: block;
position: relative;
margin-right: 30px;
}
header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
}
}
@media (max-width: 1199.98px) {
header .main-menu-wrapper .main-nav > li {
margin-right: 20px;
}
}
@media (min-width: 992px) {
header .main-menu-wrapper .main-nav > li ul {
background-color: #FFF;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
display: block;
font-size: 14px;
left: 0;
margin: 0;
min-width: 200px;
opacity: 0;
padding: 0;
position: absolute;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
top: 100%;
visibility: hidden;
z-index: 1000;
}
}
@media (min-width: 992px) {
header .main-menu-wrapper .main-nav li.has-submenu:hover > .submenu {
visibility: visible;
opacity: 1;
margin-top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
border-radius: 2px;
border-top: 1px solid #F26522;
}
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .main-nav .has-submenu ul {
display: none;
background: #F26522;
}
}
header .main-menu-wrapper .main-nav li.login-link {
display: none;
}
@media (max-width: 991.98px) {
header .main-menu-wrapper .main-nav li.login-link {
display: block;
}
}
@media (max-width: 1199.98px) {
header .header-btn .btn {
display: none;
}
}
header .dropdown-toggle::after {
display: none;
}
.menu-opened .main-menu-wrapper {
transform: translateX(0);
}
.menu-opened .main-menu-wrapper body {
overflow: hidden;
}
.header-topbar {
padding: 10px 0;
position: relative;
}
.header-topbar p a {
color: #E9EDF4;
font-weight: 700;
position: relative;
}
.header-topbar p a:hover {
color: #FDFDFE;
opacity: 0.8;
}
.header-topbar p a::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
background: #F8F9FA;
width: 100%;
height: 1px;
}
.offcanvas-info {
background: #FFF none repeat scroll 0 0;
position: fixed;
right: 0;
top: 0;
width: 350px;
height: 100%;
-webkit-transform: translateX(calc(100% + 80px));
-moz-transform: translateX(calc(100% + 80px));
-ms-transform: translateX(calc(100% + 80px));
-o-transform: translateX(calc(100% + 80px));
transform: translateX(calc(100% + 80px));
-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
-moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
z-index: 99999;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: none;
}
.offcanvas-info::-webkit-scrollbar {
display: none;
}
.offcanvas-info.show {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.offcanvas-wrap {
position: relative;
height: 100%;
padding: 24px;
}
.offcanvas-wrap .offcanvas-detail .offcanvas-close {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
background-color: #E70D0D;
position: relative;
z-index: 9;
cursor: pointer;
color: #FFF;
}
.offcanvas-wrap .offcanvas-detail .offcanvas__contact {
margin-top: 20px;
}
.offcanvas-wrap .offcanvas-detail .offcanvas__contact .header-button .theme-btn {
width: 100%;
padding: 16px 40px;
}
.offcanvas-overlay {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 900;
top: 0;
opacity: 0;
visibility: hidden;
right: 0;
}
.offcanvas-overlay.overlay-open {
opacity: 0.8;
visibility: visible;
}
@media (max-width: 575px) {
.offcanvas-info {
width: 300px;
}
.offcanvas-wrap {
padding: 20px;
}
}
footer {
background: #111827;
}
footer .footer-top {
padding: 40px 0;
}
footer .footer-top h2 {
font-size: 40px;
margin-bottom: 40px;
}
footer .footer-bottom {
border-top: 1px solid #4B5563;
padding-top: 18px;
}
footer .footer-bottom p {
margin-bottom: 18px;
}
footer .footer-bottom .menu-links {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
footer .footer-bottom .menu-links li {
margin-bottom: 8px;
}
footer .footer-bottom .menu-links li a {
position: relative;
padding-right: 10px;
margin-right: 8px;
color: #FFF;
}
footer .footer-bottom .menu-links li a:hover {
color: #F26522;
}
footer .footer-bottom .menu-links li:last-child a {
padding-right: 0;
margin-right: 0;
}
footer .footer-bottom .menu-links li:last-child a::after {
content: none;
}
.social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 18px;
}
.social-icon li {
margin-right: 5px;
}
.social-icon li a {
width: 26px;
height: 26px;
border-radius: 50%;
background: #111827;
color: #FFF;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
font-size: 14px;
}
.social-icon li a:hover {
background: #F26522;
}
.social-icon li:last-child {
margin-right: 0;
}
.media-icons {
position: fixed;
right: 15px;
bottom: 150px;
z-index: 100;
background: #FFF;
padding: 10px;
border-radius: 110px;
box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.media-icons a {
width: 36px;
height: 36px;
border-radius: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #FFF;
margin-bottom: 5px;
}
.media-icons a:last-child {
margin-bottom: 0;
}
.media-icons a.whatsap-icon {
background: #03C95A;
}
.media-icons a.whatsap-icon:hover {
background: rgb(2.25, 150.75, 67.5);
}
.media-icons a.mail-icon {
background: #111827;
}
.media-icons a.mail-icon:hover {
background: rgb(1.5178571429, 2.1428571429, 3.4821428571);
}
.media-icons a.skype-icon {
background: #0DCAF0;
}
.media-icons a.skype-icon:hover {
background: rgb(10.3794466403, 161.2806324111, 191.6205533597);
}
@media (max-width: 991.98px) {
.media-icons {
display: none;
}
}
.back-to-top-icon.show {
opacity: 1;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.back-to-top-icon {
position: fixed;
left: 15px;
bottom: 30px;
z-index: 100;
width: 36px;
height: 36px;
text-align: center;
border-radius: 50%;
background: #F26522;
color: #FFF;
cursor: pointer;
border: 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.back-to-top-icon:hover {
color: #FFF;
background: #F26522;
}
/******* Components ******/
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #F26522;
text-shadow: unset;
}
.bootstrap-datetimepicker-widget table th {
font-size: 15px;
font-weight: 500;
color: #111827;
width: 30px;
height: 40px;
line-height: 40px;
}
.bootstrap-datetimepicker-widget table th.prev, .bootstrap-datetimepicker-widget table th.next {
padding-bottom: 16px;
}
.bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span {
width: 24px;
height: 24px;
font-size: 12px;
border: 1px solid #E9EDF4;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.bootstrap-datetimepicker-widget table th.prev span:hover, .bootstrap-datetimepicker-widget table th.next span:hover {
background: #212529;
border-color: #212529;
color: #FFF;
}
.bootstrap-datetimepicker-widget table td {
font-size: 15px;
color: #374151;
}
.bootstrap-datetimepicker-widget table td.day {
width: 30px;
height: 32px;
line-height: 32px;
}
.bootstrap-datetimepicker-widget {
z-index: 999 !important;
}
.bootstrap-datetimepicker-widget .picker-switch {
padding-bottom: 16px;
}
.bootstrap-datetimepicker-widget table td.today:before {
border-bottom-color: #F26522;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: transparent;
}
.border-success {
border-color: #03C95A !important;
}
.shadow-sm {
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1) !important;
}
.shadow-md {
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1) !important;
}
.list-group-item {
border-color: #E9EDF4 !important;
color: inherit;
}
.list-group a.active {
background: #FEF0E9;
color: #F26522;
}
.list-group a:hover {
background: #FEF0E9;
color: #F26522;
}
.list-styled-dotted li {
list-style-type: disc;
}
.custom-offcanvas.offcanvas.offcanvas-end {
width: 600px !important;
}
.custom-offcanvas.offcanvas.offcanvas-end .offcanvas-header .close-btn {
width: 20px;
height: 20px;
color: #FFF;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background-color: #6B7280;
border: 1px solid #6B7280;
}
.custom-offcanvas.offcanvas.offcanvas-end .offcanvas-header .close-btn:hover {
background: #E70D0D;
border-color: #E70D0D;
}
.w-40 {
width: 40%;
}
@media (max-width: 767.98px) {
.w-40 {
width: 100%;
}
}
hr {
border-color: #E9EDF4;
}
.btn-primary {
color: #FFF;
background-color: #F26522;
border-color: #F26522;
font-size: 14px;
font-size: 14px;
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn.show:hover, .btn:first-child:active, :not(.btn-check) + .btn:active {
background-color: #F26522;
border-color: #F26522;
color: #FFF;
}
button {
cursor: pointer;
}
button:focus {
outline: 0;
box-shadow: none;
}
.btn {
border-radius: 5px;
padding: 8px 16px;
font-size: 14px;
font-weight: 700;
transition: all 0.5s;
font-weight: 500;
}
.btn:focus {
box-shadow: none !important;
}
.btn:hover {
transition: all 0.5s;
}
.btn.btn-lg {
padding: 0.65rem 1rem;
font-size: 0.95rem;
}
.btn.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
}
.btn.btn-primary {
background-color: #F26522;
border: 1px solid #F26522;
color: #FFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
background-color: rgb(226.95, 82.1538461538, 13.35);
border: 1px solid rgb(226.95, 82.1538461538, 13.35);
color: #FFF;
}
.btn.btn-secondary {
background-color: #3B7080;
border: 1px solid #3B7080;
color: #FFF;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:active, .btn.btn-secondary.active {
background-color: rgb(47.7363636364, 90.6181818182, 103.5636363636);
border: 1px solid rgb(47.7363636364, 90.6181818182, 103.5636363636);
color: #FFF;
}
.btn.btn-success {
background-color: #03C95A;
border: 1px solid #03C95A;
color: #FFF;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success.focus, .btn.btn-success:active, .btn.btn-success.active {
background-color: rgb(2.475, 165.825, 74.25);
border: 1px solid rgb(2.475, 165.825, 74.25);
color: #FFF;
}
.btn.btn-info {
background-color: #1B84FF;
border: 1px solid #1B84FF;
color: #FFF;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info.focus, .btn.btn-info:active, .btn.btn-info.active {
background-color: rgb(0, 113.4276315789, 246.3);
border: 1px solid rgb(0, 113.4276315789, 246.3);
color: #FFF;
}
.btn.btn-warning {
background-color: #FFC107;
border: 1px solid #FFC107;
color: #FFF;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning.focus, .btn.btn-warning:active, .btn.btn-warning.active {
background-color: rgb(226.3, 169.725, 0);
border: 1px solid rgb(226.3, 169.725, 0);
color: #FFF;
}
.btn.btn-danger {
background-color: #E70D0D;
border: 1px solid #E70D0D;
color: #FFF;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.focus, .btn.btn-danger:active, .btn.btn-danger.active {
background-color: rgb(197.2020491803, 11.0979508197, 11.0979508197);
border: 1px solid rgb(197.2020491803, 11.0979508197, 11.0979508197);
color: #FFF;
}
.btn.btn-dark {
background-color: #212529;
border: 1px solid #212529;
color: #FFF;
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark.focus, .btn.btn-dark:active, .btn.btn-dark.active {
background-color: rgb(17.0797297297, 19.15, 21.2202702703);
border: 1px solid rgb(17.0797297297, 19.15, 21.2202702703);
color: #FFF;
}
.btn.btn-light {
background-color: #F8F9FA;
border: 1px solid #F8F9FA;
color: #FFF;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.focus, .btn.btn-light:active, .btn.btn-light.active {
background-color: rgb(227.175, 231.15, 235.125);
border: 1px solid rgb(227.175, 231.15, 235.125);
color: #FFF;
}
.btn.btn-black {
background-color: #000;
border: 1px solid #000;
color: #FFF;
}
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black.focus, .btn.btn-black:active, .btn.btn-black.active {
background-color: black;
border: 1px solid black;
color: #FFF;
}
.btn.btn-purple {
background-color: #AB47BC;
border: 1px solid #AB47BC;
color: #FFF;
}
.btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple.focus, .btn.btn-purple:active, .btn.btn-purple.active {
background-color: rgb(148.5701195219, 59.6059760956, 163.6940239044);
border: 1px solid rgb(148.5701195219, 59.6059760956, 163.6940239044);
color: #FFF;
}
.btn.btn-primary {
background-color: #F37438;
border: 1px solid #F37438;
color: #FFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
background-color: rgb(240.9696682464, 92.4819905213, 22.3303317536);
border: 1px solid rgb(240.9696682464, 92.4819905213, 22.3303317536);
color: #FFF;
}
.btn.btn-light {
background-color: #E9EDF4;
border: 1px solid #E9EDF4;
color: #374151;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.focus, .btn.btn-light:active, .btn.btn-light.active {
background-color: rgb(222.8, 228.6545454545, 238.9);
border: 1px solid #E9EDF4;
color: #374151;
}
.btn.btn-white {
background-color: #FFF;
border-color: #FFF;
color: #111827;
}
.btn.btn-linear-primary {
background-image: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
color: #FFF;
border: 0;
}
.btn.btn-linear-primary:hover {
background-image: linear-gradient(90deg, #0A67F2 0%, #FD2692 100%);
}
.btn-group .btn {
padding: 0.45rem 0.75rem;
}
.btn-group-lg .btn {
padding: 0.65rem 1rem;
}
.btn-group-sm .btn {
padding: 0.25rem 0.5rem;
}
.btn.btn-w-xs {
min-width: 5.625rem;
}
.btn.btn-w-sm {
min-width: 6.975rem;
}
.btn.btn-w-md {
min-width: 8.125rem;
}
.btn.btn-w-lg {
min-width: 9.375rem;
}
.btn-icon i {
padding: 0rem;
margin: -0.5rem;
}
.btn-icon.btn-sm {
width: 1.75rem;
height: 1.75rem;
font-size: 0.8rem;
}
.btn-icon.btn-lg {
width: 2.75rem;
height: 2.75rem;
font-size: 1.2rem;
}
.btn-list > button, .btn-list > a {
margin: 0 0.375rem 0.375rem 0;
}
[dir=rtl] .btn-list button,
[dir=rtl] .btn-list div,
[dir=rtl] .btn-list a,
[dir=rtl] .btn-list input {
margin: 0 0 0.375rem 0.375rem;
}
.btn-list {
margin-block-end: -0.5rem;
}
.btn-square {
border-radius: 0;
}
.btn-group-pill .btn:first-child {
border-radius: 60px 0 0 60px;
}
.btn-group-pill .btn:last-child {
border-radius: 0 60px 60px 0;
}
.btn-group-square .btn:first-child {
border-radius: 0px 0 0 0px;
}
.btn-group-square .btn:last-child {
border-radius: 0 0px 0px 0;
}
.btn.btn-primary-light {
background-color: rgba(242, 101, 34, 0.1);
color: #F26522;
}
.btn.btn-primary-light:hover, .btn.btn-primary-light:focus, .btn.btn-primary-light:active {
background-color: #F26522;
color: #FFF;
border-color: #F26522;
}
.btn.btn-secondary-light {
background-color: rgba(59, 112, 128, 0.1);
color: #3B7080;
}
.btn.btn-secondary-light:hover, .btn.btn-secondary-light:focus, .btn.btn-secondary-light:active {
background-color: #3B7080;
color: #FFF;
border-color: #3B7080;
}
.btn.btn-warning-light {
background-color: rgba(255, 193, 7, 0.1);
color: #FFC107;
}
.btn.btn-warning-light:hover, .btn.btn-warning-light:focus, .btn.btn-warning-light:active {
background-color: #FFC107;
color: #FFF;
border-color: #FFC107;
}
.btn.btn-info-light {
background-color: rgba(27, 132, 255, 0.1);
color: #1B84FF;
}
.btn.btn-info-light:hover, .btn.btn-info-light:focus, .btn.btn-info-light:active {
background-color: #1B84FF;
color: #FFF;
border-color: #1B84FF;
}
.btn.btn-success-light {
background-color: rgba(3, 201, 90, 0.1);
color: #03C95A;
}
.btn.btn-success-light:hover, .btn.btn-success-light:focus, .btn.btn-success-light:active {
background-color: #03C95A;
color: #FFF;
border-color: #03C95A;
}
.btn.btn-danger-light {
background-color: rgba(231, 13, 13, 0.1);
color: #E70D0D;
}
.btn.btn-danger-light:hover, .btn.btn-danger-light:focus, .btn.btn-danger-light:active {
background-color: #E70D0D;
color: #FFF;
border-color: #E70D0D;
}
.btn.btn-primary-ghost {
background-color: transparent;
color: #F26522;
border: 1px solid #F26522;
}
.btn.btn-primary-ghost:active {
color: #F26522;
border: 1px solid #F26522;
background-color: transparent;
}
.btn.btn-secondary-ghost {
background-color: transparent;
color: #3B7080;
border: 1px solid #3B7080;
}
.btn.btn-secondary-ghost:active {
color: #3B7080;
border: 1px solid #3B7080;
background-color: transparent;
}
.btn.btn-warning-ghost {
background-color: transparent;
color: #FFC107;
border: 1px solid #FFC107;
}
.btn.btn-warning-ghost:active {
color: #FFC107;
border: 1px solid #FFC107;
background-color: transparent;
}
.btn.btn-info-ghost {
background-color: transparent;
color: #1B84FF;
border: 1px solid #1B84FF;
}
.btn.btn-info-ghost:active {
color: #1B84FF;
border: 1px solid #1B84FF;
background-color: transparent;
}
.btn.btn-success-ghost {
background-color: transparent;
color: #03C95A;
border: 1px solid #03C95A;
}
.btn.btn-success-ghost:active {
color: #03C95A;
border: 1px solid #03C95A;
background-color: transparent;
}
.btn.btn-danger-ghost {
background-color: transparent;
color: #E70D0D;
border: 1px solid #E70D0D;
}
.btn.btn-danger-ghost:active {
color: #E70D0D;
border: 1px solid #E70D0D;
background-color: transparent;
}
.btn-list button {
margin: 0 0.375rem 0.375rem 0;
}
.btn-outline-primary {
border: 1px solid #F26522 !important;
color: #F26522 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active {
background-color: #F26522 !important;
border: 1px solid #F26522 !important;
box-shadow: 0 3px 10px rgba(242, 101, 34, 0.5);
color: #FFF !important;
}
.btn-outline-secondary {
border: 1px solid #3B7080 !important;
color: #3B7080 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
background-color: #3B7080 !important;
border: 1px solid #3B7080 !important;
box-shadow: 0 3px 10px rgba(59, 112, 128, 0.5);
color: #FFF !important;
}
.btn-outline-success {
border: 1px solid #03C95A !important;
color: #03C95A !important;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success.active {
background-color: #03C95A !important;
border: 1px solid #03C95A !important;
box-shadow: 0 3px 10px rgba(3, 201, 90, 0.5);
color: #FFF !important;
}
.btn-outline-danger {
border: 1px solid #E70D0D !important;
color: #E70D0D !important;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger.active {
background-color: #E70D0D !important;
border: 1px solid #E70D0D !important;
box-shadow: 0 3px 10px rgba(231, 13, 13, 0.5);
color: #FFF !important;
}
.btn-outline-warning {
border: 1px solid #FFC107 !important;
color: #FFC107 !important;
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning.active {
background-color: #FFC107 !important;
border: 1px solid #FFC107 !important;
box-shadow: 0 3px 10px rgba(255, 193, 7, 0.5);
color: #FFF !important;
}
.btn-outline-info {
border: 1px solid #1B84FF !important;
color: #1B84FF !important;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info.active {
background-color: #1B84FF !important;
border: 1px solid #1B84FF !important;
box-shadow: 0 3px 10px rgba(27, 132, 255, 0.5);
color: #FFF !important;
}
.btn-outline-light {
border: 1px solid #F8F9FA !important;
color: #374151 !important;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:active, .btn-outline-light.active {
background-color: #F8F9FA !important;
border: 1px solid #F8F9FA !important;
color: #374151 !important;
}
.btn-outline-dark {
border: 1px solid #212529 !important;
color: #212529 !important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark.active {
background-color: #212529 !important;
border: 1px solid #212529 !important;
box-shadow: 0 3px 10px rgba(33, 37, 41, 0.5);
color: #FFF !important;
}
.btn-soft-primary {
background-color: #FBD1BD !important;
color: #F26522 !important;
}
.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary.focus, .btn-soft-primary:active, .btn-soft-primary.active {
box-shadow: 0 3px 12px rgba(242, 101, 34, 0.2);
border-color: #F26522;
}
.btn-soft-secondary {
background-color: #B9CBD1 !important;
color: #3B7080 !important;
}
.btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary.focus, .btn-soft-secondary:active, .btn-soft-secondary.active {
box-shadow: 0 3px 12px rgba(59, 112, 128, 0.2);
border-color: #3B7080;
}
.btn-soft-success {
background-color: #A4EBC4 !important;
color: #03C95A !important;
}
.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success.focus, .btn-soft-success:active, .btn-soft-success.active {
box-shadow: 0 3px 12px rgba(3, 201, 90, 0.2);
border-color: #03C95A;
}
.btn-soft-danger {
background-color: #EC9E9E !important;
color: #E70D0D !important;
}
.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger.focus, .btn-soft-danger:active, .btn-soft-danger.active {
box-shadow: 0 3px 12px rgba(231, 13, 13, 0.2);
border-color: #E70D0D;
}
.btn-soft-warning {
background-color: #FFE9A6 !important;
color: #FFC107 !important;
}
.btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning.focus, .btn-soft-warning:active, .btn-soft-warning.active {
box-shadow: 0 3px 12px rgba(255, 193, 7, 0.2);
border-color: #FFC107;
}
.btn-soft-info {
background-color: rgba(27, 132, 255, 0.3) !important;
color: #1B84FF !important;
}
.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info.focus, .btn-soft-info:active, .btn-soft-info.active {
box-shadow: 0 3px 12px rgba(27, 132, 255, 0.2);
border-color: #1B84FF;
}
.btn-soft-light {
background-color: rgba(248, 249, 250, 0.9) !important;
color: #6B7280 !important;
}
.btn-soft-light:hover, .btn-soft-light:focus, .btn-soft-light.focus, .btn-soft-light:active, .btn-soft-light.active {
box-shadow: 0 3px 12px rgba(248, 249, 250, 0.2);
border-color: #F8F9FA;
border-color: #6B7280;
}
.btn-soft-dark {
background-color: rgba(33, 37, 41, 0.3) !important;
color: #FFF !important;
}
.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark.focus, .btn-soft-dark:active, .btn-soft-dark.active {
box-shadow: 0 3px 12px rgba(33, 37, 41, 0.2);
border-color: #212529;
}
.page-loader {
width: 48px;
height: 48px;
border: 4px solid;
background: rgba(255, 255, 255, 0.2);
border-color: transparent #F26522 #F26522 transparent;
border-radius: 50%;
display: inline-block;
position: relative;
box-sizing: border-box;
animation: rotation 1s ease-in-out infinite;
}
.page-loader::after {
content: "";
box-sizing: border-box;
position: absolute;
left: 50%;
top: 50%;
border: 12px solid;
border-color: transparent #3B7080 #3B7080 transparent;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.badge.badge-primary {
background: rgba(242, 101, 34, 0.1);
box-shadow: 0 1px 1px rgba(242, 101, 34, 0.5);
color: #F26522;
}
.badge.badge-primary {
background: #F26522;
color: #FFF;
}
.badge.badge-soft-primary {
background: rgba(242, 101, 34, 0.1);
color: #F26522;
}
.badge.badge-secondary {
background: #3B7080;
color: #FFF;
}
.badge.badge-soft-secondary {
background: rgba(59, 112, 128, 0.1);
color: #3B7080;
}
.badge.badge-success {
background: #03C95A;
color: #FFF;
}
.badge.badge-soft-success {
background: rgba(3, 201, 90, 0.1);
color: #03C95A;
}
.badge.badge-info {
background: #1B84FF;
color: #FFF;
}
.badge.badge-soft-info {
background: rgba(27, 132, 255, 0.1);
color: #1B84FF;
}
.badge.badge-warning {
background: #FFC107;
color: #FFF;
}
.badge.badge-soft-warning {
background: rgba(255, 193, 7, 0.1);
color: #FFC107;
}
.badge.badge-danger {
background: #E70D0D;
color: #FFF;
}
.badge.badge-soft-danger {
background: rgba(231, 13, 13, 0.1);
color: #E70D0D;
}
.badge.badge-dark {
background: #212529;
color: #FFF;
}
.badge.badge-soft-dark {
background: rgba(33, 37, 41, 0.1);
color: #212529;
}
.badge.badge-light {
background: #F8F9FA;
color: #FFF;
}
.badge.badge-soft-light {
background: rgba(248, 249, 250, 0.1);
color: #F8F9FA;
}
.badge.badge-black {
background: #000;
color: #FFF;
}
.badge.badge-soft-black {
background: rgba(0, 0, 0, 0.1);
color: #000;
}
.badge.badge-purple {
background: #AB47BC;
color: #FFF;
}
.badge.badge-soft-purple {
background: rgba(171, 71, 188, 0.1);
color: #AB47BC;
}
.badge {
padding: 0.25rem 0.45rem;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 10px;
}
.badge.badge-xs {
font-size: 10px;
padding: 0px 5px;
line-height: 18px;
}
.badge.badge-sm {
font-size: 11px;
padding: 5px 8px;
line-height: 11px;
}
.badge.badge-md {
font-size: 12px;
padding: 5px 12px;
line-height: 1.5;
}
.badge.badge-lg {
font-size: 14px;
padding: 0px 10px;
line-height: 30px;
}
.badge.badge-xl {
font-size: 16px;
padding: 0px 15px;
line-height: 35px;
}
.badge.badge-soft-skyblue {
background: #D3F5FC;
color: #0DCAF0;
}
.badge.arrow {
width: 20px;
height: 20px;
background: #FBFBFD;
color: #212529;
}
.badge.arrow:hover {
background: #F26522;
color: #FFF;
}
.badge.bg-light.arrow:hover {
background: #212529 !important;
}
.badge-primary-hover:hover {
background: #F26522 !important;
border-color: #F26522 !important;
color: #FFF !important;
}
.badge-danger-hover:hover {
background: #E70D0D !important;
border-color: #E70D0D !important;
color: #FFF !important;
}
.border-container {
display: inline-block;
width: 5rem;
height: 5rem;
margin: 0.25rem;
background-color: #F8F9FA;
}
.border {
border: 1px solid #E5E7EB !important;
}
.border.border-dashed {
border-style: dashed !important;
}
.border.border-dotted {
border-style: dotted !important;
}
.border.border-primary {
border: 1px solid #F26522 !important;
opacity: 1;
}
.border.border-primary.border-opacity-10 {
border-color: rgba(242, 101, 34, 0.1) !important;
}
.border.border-primary.border-opacity-25 {
border-color: rgba(242, 101, 34, 0.25) !important;
}
.border.border-primary.border-opacity-50 {
border-color: rgba(242, 101, 34, 0.5) !important;
}
.border.border-primary.border-opacity-75 {
border-color: rgba(242, 101, 34, 0.75) !important;
}
.border.border-primary.border-opacity-100 {
border-color: #f26522 !important;
}
.border.border-secondary {
border: 1px solid #3B7080 !important;
opacity: 1;
}
.border.border-secondary.border-opacity-10 {
border-color: rgba(59, 112, 128, 0.1) !important;
}
.border.border-secondary.border-opacity-25 {
border-color: rgba(59, 112, 128, 0.25) !important;
}
.border.border-secondary.border-opacity-50 {
border-color: rgba(59, 112, 128, 0.5) !important;
}
.border.border-secondary.border-opacity-75 {
border-color: rgba(59, 112, 128, 0.75) !important;
}
.border.border-secondary.border-opacity-100 {
border-color: #3b7080 !important;
}
.border.border-info {
border: 1px solid #1B84FF !important;
opacity: 1;
}
.border.border-info.border-opacity-10 {
border-color: rgba(27, 132, 255, 0.1) !important;
}
.border.border-info.border-opacity-25 {
border-color: rgba(27, 132, 255, 0.25) !important;
}
.border.border-info.border-opacity-50 {
border-color: rgba(27, 132, 255, 0.5) !important;
}
.border.border-info.border-opacity-75 {
border-color: rgba(27, 132, 255, 0.75) !important;
}
.border.border-info.border-opacity-100 {
border-color: #1b84ff !important;
}
.border.border-success {
border: 1px solid #03C95A !important;
opacity: 1;
}
.border.border-success.border-opacity-10 {
border-color: rgba(3, 201, 90, 0.1) !important;
}
.border.border-success.border-opacity-25 {
border-color: rgba(3, 201, 90, 0.25) !important;
}
.border.border-success.border-opacity-50 {
border-color: rgba(3, 201, 90, 0.5) !important;
}
.border.border-success.border-opacity-75 {
border-color: rgba(3, 201, 90, 0.75) !important;
}
.border.border-success.border-opacity-100 {
border-color: #03c95a !important;
}
.border.border-warning {
border: 1px solid #FFC107 !important;
opacity: 1;
}
.border.border-warning.border-opacity-10 {
border-color: rgba(255, 193, 7, 0.1) !important;
}
.border.border-warning.border-opacity-25 {
border-color: rgba(255, 193, 7, 0.25) !important;
}
.border.border-warning.border-opacity-50 {
border-color: rgba(255, 193, 7, 0.5) !important;
}
.border.border-warning.border-opacity-75 {
border-color: rgba(255, 193, 7, 0.75) !important;
}
.border.border-warning.border-opacity-100 {
border-color: #ffc107 !important;
}
.border.border-danger {
border: 1px solid #E70D0D !important;
opacity: 1;
}
.border.border-danger.border-opacity-10 {
border-color: rgba(231, 13, 13, 0.1) !important;
}
.border.border-danger.border-opacity-25 {
border-color: rgba(231, 13, 13, 0.25) !important;
}
.border.border-danger.border-opacity-50 {
border-color: rgba(231, 13, 13, 0.5) !important;
}
.border.border-danger.border-opacity-75 {
border-color: rgba(231, 13, 13, 0.75) !important;
}
.border.border-danger.border-opacity-100 {
border-color: #e70d0d !important;
}
.border.border-white {
border: 1px solid #FFF !important;
opacity: 1;
}
.border.border-white.border-opacity-10 {
border-color: rgba(255, 255, 255, 0.1) !important;
}
.border.border-white.border-opacity-25 {
border-color: rgba(255, 255, 255, 0.25) !important;
}
.border.border-white.border-opacity-50 {
border-color: rgba(255, 255, 255, 0.5) !important;
}
.border.border-white.border-opacity-75 {
border-color: rgba(255, 255, 255, 0.75) !important;
}
.border.border-white.border-opacity-100 {
border-color: white !important;
}
.border.border-light {
border: 1px solid #F8F9FA !important;
opacity: 1;
}
.border.border-light.border-opacity-10 {
border-color: rgba(248, 249, 250, 0.1) !important;
}
.border.border-light.border-opacity-25 {
border-color: rgba(248, 249, 250, 0.25) !important;
}
.border.border-light.border-opacity-50 {
border-color: rgba(248, 249, 250, 0.5) !important;
}
.border.border-light.border-opacity-75 {
border-color: rgba(248, 249, 250, 0.75) !important;
}
.border.border-light.border-opacity-100 {
border-color: #f8f9fa !important;
}
.border.border-dark {
border: 1px solid #212529 !important;
opacity: 1;
}
.border.border-dark.border-opacity-10 {
border-color: rgba(33, 37, 41, 0.1) !important;
}
.border.border-dark.border-opacity-25 {
border-color: rgba(33, 37, 41, 0.25) !important;
}
.border.border-dark.border-opacity-50 {
border-color: rgba(33, 37, 41, 0.5) !important;
}
.border.border-dark.border-opacity-75 {
border-color: rgba(33, 37, 41, 0.75) !important;
}
.border.border-dark.border-opacity-100 {
border-color: #212529 !important;
}
.border.border-opacity-10 {
--bs-border-opacity: 0.1 !important;
}
.border.border-opacity-25 {
--bs-border-opacity: 0.25 !important;
}
.border.border-opacity-50 {
--bs-border-opacity: 0.5 !important;
}
.border.border-opacity-75 {
--bs-border-opacity: 0.75 !important;
}
.border.border-opacity-100 {
--bs-border-opacity: 1 !important;
}
.border.border-1 {
border-width: 1px !important;
}
.border.border-2 {
border-width: 2px !important;
}
.border.border-3 {
border-width: 3px !important;
}
.border.border-4 {
border-width: 4px !important;
}
.border.border-5 {
border-width: 5px !important;
}
.border.border-block-start-dashed {
border-top-style: dashed;
}
.border.border-block-start-dotted {
border-top-style: dotted;
}
.border.border-inline-end-dashed {
border-inline-end-style: dashed;
}
.border.border-inline-end-dotted {
border-inline-end-style: dotted;
}
.border.border-block-end-dashed {
border-bottom-style: dashed;
}
.border.border-block-end-dotted {
border-bottom-style: dotted;
}
.border.border-inline-start-dashed {
border-inline-start-style: dashed;
}
.border.border-inline-start-dotted {
border-inline-start-style: dotted;
}
.border.border-0 {
border: 0 !important;
}
.border.border-top-0 {
border-block-start: 0 !important;
}
.border.border-end-0 {
border-inline-end: 0 !important;
}
.border.border-bottom-0 {
border-block-end: 0 !important;
}
.border.border-start-0 {
border-inline-start: 0 !important;
}
.border-top {
border-top: 1px solid #E5E7EB !important;
}
.border-top.border-block-start-dashed {
border-top-style: dashed !important;
}
.border-top.border-block-start-dotted {
border-top-style: dotted !important;
}
.border-top.border-primary {
border-color: #F26522 !important;
}
.border-top.border-secondary {
border-color: #3B7080 !important;
}
.border-top.border-warning {
border-color: #FFC107 !important;
}
.border-top.border-info {
border-color: #1B84FF !important;
}
.border-top.border-success {
border-color: #03C95A !important;
}
.border-top.border-danger {
border-color: #E70D0D !important;
}
.border-top.border-light {
border-color: #F8F9FA !important;
}
.border-top.border-dark {
border-color: #212529 !important;
}
.border-end {
border-inline-end: 1px solid #E5E7EB !important;
}
.border-end.border-inline-end-dashed {
border-inline-end-style: dashed !important;
}
.border-end.border-inline-end-dotted {
border-inline-end-style: dotted !important;
}
.border-end.border-primary {
border-color: #F26522 !important;
}
.border-end.border-secondary {
border-color: #3B7080 !important;
}
.border-end.border-warning {
border-color: #FFC107 !important;
}
.border-end.border-info {
border-color: #1B84FF !important;
}
.border-end.border-success {
border-color: #03C95A !important;
}
.border-end.border-danger {
border-color: #E70D0D !important;
}
.border-end.border-light {
border-color: #F8F9FA !important;
}
.border-end.border-dark {
border-color: #212529 !important;
}
.border-bottom {
border-bottom: 1px solid #E5E7EB !important;
}
.border-bottom.border-block-end-dashed {
border-bottom-style: dashed !important;
}
.border-bottom.border-block-end-dotted {
border-bottom-style: dotted !important;
}
.border-bottom.border-primary {
border-color: #F26522 !important;
}
.border-bottom.border-secondary {
border-color: #3B7080 !important;
}
.border-bottom.border-warning {
border-color: #FFC107 !important;
}
.border-bottom.border-info {
border-color: #1B84FF !important;
}
.border-bottom.border-success {
border-color: #03C95A !important;
}
.border-bottom.border-danger {
border-color: #E70D0D !important;
}
.border-bottom.border-light {
border-color: #F8F9FA !important;
}
.border-bottom.border-dark {
border-color: #212529 !important;
}
.border-bottom.border-skyblue {
border-color: #0DCAF0 !important;
}
.border-start {
border-inline-start: 1px solid #E5E7EB !important;
}
.border-start.border-inline-start-dashed {
border-inline-start-style: dashed !important;
}
.border-start.border-inline-start-dotted {
border-inline-start-style: dotted !important;
}
.border-start.border-primary {
border-color: #F26522 !important;
}
.border-start.border-secondary {
border-color: #3B7080 !important;
}
.border-start.border-warning {
border-color: #FFC107 !important;
}
.border-start.border-info {
border-color: #1B84FF !important;
}
.border-start.border-success {
border-color: #03C95A !important;
}
.border-start.border-danger {
border-color: #E70D0D !important;
}
.border-start.border-light {
border-color: #F8F9FA !important;
}
.border-start.border-dark {
border-color: #212529 !important;
}
.border-primary {
border-color: #F26522 !important;
}
.border-secondary {
border-color: #3B7080 !important;
}
.border-warning {
border-color: #FFC107 !important;
}
.border-info {
border-color: #1B84FF !important;
}
.border-success {
border-color: #03C95A !important;
}
.border-danger {
border-color: #E70D0D !important;
}
.border-skyblue {
border-color: #0DCAF0 !important;
}
.border-3 {
border-width: 3px !important;
}
.br-1 {
border-radius: 0.0625rem;
}
.br-2 {
border-radius: 0.125rem;
}
.br-3 {
border-radius: 0.1875rem;
}
.br-4 {
border-radius: 0.25rem;
}
.br-5 {
border-radius: 0.3125rem !important;
}
.br-6 {
border-radius: 0.375rem;
}
.br-7 {
border-radius: 0.4375rem;
}
.br-8 {
border-radius: 0.5rem;
}
.br-9 {
border-radius: 0.5625rem;
}
.br-10 {
border-radius: 0.625rem;
}
.br-15 {
border-radius: 0.9375rem;
}
.br-20 {
border-radius: 1.25rem;
}
.rounded {
border-radius: 10px !important;
}
.rounded-bottom {
border-radius: 0 0 10px 10px !important;
}
.rounded-top {
border-radius: 10px 10px 0 0 !important;
}
.dropdown-auto {
overflow: auto;
}
.dropdown-divider {
margin: 0;
}
.dropdown .dropdown-toggle {
font-weight: 400;
font-size: 14px;
}
.dropdown .dropdown-toggle:after {
display: inline-block;
margin-inline-start: 0.5rem;
vertical-align: 0;
content: "\f078";
font-family: "Font Awesome 5 Free";
border: 0;
font-size: 0.75rem;
font-weight: 600;
}
.dropdown .dropdown-toggle.btn-primary {
color: #FFF;
}
.dropdown .dropdown-menu {
font-family: "Archivo", sans-serif;
}
.dropdown-menu {
border-color: #E5E7EB;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
font-size: 0.875rem;
color: #111827;
background-color: #FFF;
padding: 0;
z-index: 10;
}
.dropdown-divider {
border-color: #E5E7EB;
}
.dropdown-item-text {
color: #6B7280;
}
.dropdown-header {
color: #6B7280;
}
.dropdown-item {
color: #111827 !important;
padding: 0.594rem 0.9375rem;
font-size: 14px;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6B7280;
opacity: 0.5;
}
.dropdown-item:not(.active):hover, .dropdown-item:not(.active):focus, .dropdown-item:not(.active):active {
color: #111827;
background-color: #F4F6FA;
}
.dropdown-item.active {
background-color: #F4F6FA;
}
.dropdown-toggle::after {
display: inline-block;
margin-inline-start: 0.25rem;
vertical-align: 0;
content: "\f078";
font-family: "Font Awesome 5 Free";
border: 0;
font-size: 0.6rem;
font-weight: 600;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-inline-start: 0.25rem;
vertical-align: 0;
content: "\f078";
font-family: "Font Awesome 5 Free";
border: 0;
font-size: 0.6rem;
font-weight: 600;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-inline-start: 0.25rem;
vertical-align: 0;
content: "\f077";
font-family: "Font Awesome 5 Free";
border: 0;
font-size: 0.6rem;
font-weight: 600;
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-inline-start: 0.25rem;
vertical-align: 0;
content: "\f054";
font-family: "Font Awesome 5 Free";
border: 0;
font-size: 0.6rem;
font-weight: 600;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-inline-start: 0.25rem;
vertical-align: 0;
content: "\f053";
font-family: "Font Awesome 5 Free";
border: 0;
font-size: 0.6rem;
font-weight: 600;
}
.btn.dropdown-toggle-split {
opacity: 0.85;
}
.dropdown-menu-dark {
background-color: #212529;
border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-dark li a {
color: #FFF;
}
.btn-list a.dropdown-item {
margin-block-end: 0;
}
.btn-list .btn-soft-success:hover {
transform: translateY(0);
}
.btn-list .btn-soft-danger:hover {
transform: translateY(0);
}
.dropdown-menu.dropdown-menu-primary {
background-color: #F26522;
}
.dropdown-menu.dropdown-menu-primary li a {
color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-primary .dropdown-item:hover, .dropdown-menu.dropdown-menu-primary .dropdown-item:focus, .dropdown-menu.dropdown-menu-primary .dropdown-item:active, .dropdown-menu.dropdown-menu-primary .dropdown-item.active {
color: #FFF;
}
.dropdown-menu.dropdown-menu-secondary {
background-color: #3B7080;
}
.dropdown-menu.dropdown-menu-secondary li a {
color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-secondary .dropdown-item:hover, .dropdown-menu.dropdown-menu-secondary .dropdown-item:focus, .dropdown-menu.dropdown-menu-secondary .dropdown-item:active, .dropdown-menu.dropdown-menu-secondary .dropdown-item.active {
color: #FFF;
}
.dropdown-menu.dropdown-menu-warning {
background-color: #FFC107;
}
.dropdown-menu.dropdown-menu-warning li a {
color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-warning .dropdown-item:hover, .dropdown-menu.dropdown-menu-warning .dropdown-item:focus, .dropdown-menu.dropdown-menu-warning .dropdown-item:active, .dropdown-menu.dropdown-menu-warning .dropdown-item.active {
color: #FFF;
}
.dropdown-menu.dropdown-menu-info {
background-color: #1B84FF;
}
.dropdown-menu.dropdown-menu-info li a {
color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-info .dropdown-item:hover, .dropdown-menu.dropdown-menu-info .dropdown-item:focus, .dropdown-menu.dropdown-menu-info .dropdown-item:active, .dropdown-menu.dropdown-menu-info .dropdown-item.active {
color: #FFF;
}
.dropdown-menu.dropdown-menu-success {
background-color: #03C95A;
}
.dropdown-menu.dropdown-menu-success li a {
color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-success .dropdown-item:hover, .dropdown-menu.dropdown-menu-success .dropdown-item:focus, .dropdown-menu.dropdown-menu-success .dropdown-item:active, .dropdown-menu.dropdown-menu-success .dropdown-item.active {
color: #FFF;
}
.dropdown-menu.dropdown-menu-danger {
background-color: #E70D0D;
}
.dropdown-menu.dropdown-menu-danger li a {
color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-danger .dropdown-item:hover, .dropdown-menu.dropdown-menu-danger .dropdown-item:focus, .dropdown-menu.dropdown-menu-danger .dropdown-item:active, .dropdown-menu.dropdown-menu-danger .dropdown-item.active {
color: #FFF;
}
.dropdown-menu.dropmenu-item-primary .dropdown-item:hover, .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, .dropdown-menu.dropmenu-item-primary .dropdown-item:active, .dropdown-menu.dropmenu-item-primary .dropdown-item.active {
background-color: rgba(242, 101, 34, 0.1) !important;
color: #F26522;
}
.dropdown-menu.dropmenu-item-secondary .dropdown-item:hover, .dropdown-menu.dropmenu-item-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-item-secondary .dropdown-item:active, .dropdown-menu.dropmenu-item-secondary .dropdown-item.active {
background-color: rgba(59, 112, 128, 0.1) !important;
color: #3B7080;
}
.dropdown-menu.dropmenu-item-warning .dropdown-item:hover, .dropdown-menu.dropmenu-item-warning .dropdown-item:focus, .dropdown-menu.dropmenu-item-warning .dropdown-item:active, .dropdown-menu.dropmenu-item-warning .dropdown-item.active {
background-color: rgba(255, 193, 7, 0.1) !important;
color: #FFC107;
}
.dropdown-menu.dropmenu-item-info .dropdown-item:hover, .dropdown-menu.dropmenu-item-info .dropdown-item:focus, .dropdown-menu.dropmenu-item-info .dropdown-item:active, .dropdown-menu.dropmenu-item-info .dropdown-item.active {
background-color: rgba(27, 132, 255, 0.1) !important;
color: #1B84FF;
}
.dropdown-menu.dropmenu-item-success .dropdown-item:hover, .dropdown-menu.dropmenu-item-success .dropdown-item:focus, .dropdown-menu.dropmenu-item-success .dropdown-item:active, .dropdown-menu.dropmenu-item-success .dropdown-item.active {
background-color: rgba(3, 201, 90, 0.1) !important;
color: #03C95A;
}
.dropdown-menu.dropmenu-item-danger .dropdown-item:hover, .dropdown-menu.dropmenu-item-danger .dropdown-item:focus, .dropdown-menu.dropmenu-item-danger .dropdown-item:active, .dropdown-menu.dropmenu-item-danger .dropdown-item.active {
background-color: rgba(231, 13, 13, 0.1) !important;
color: #E70D0D;
}
.dropdown-menu.dropmenu-light-primary {
background-color: rgba(59, 112, 128, 0.1);
backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-primary .dropdown-item:hover, .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, .dropdown-menu.dropmenu-light-primary .dropdown-item:active, .dropdown-menu.dropmenu-light-primary .dropdown-item.active {
color: #FFF;
background-color: #F26522 !important;
}
.dropdown-menu.dropmenu-light-secondary {
background-color: rgba(59, 112, 128, 0.1);
backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-secondary .dropdown-item:hover, .dropdown-menu.dropmenu-light-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-light-secondary .dropdown-item:active, .dropdown-menu.dropmenu-light-secondary .dropdown-item.active {
color: #FFF;
background-color: #3B7080 !important;
}
.dropdown-menu.dropmenu-light-info {
background-color: rgba(27, 132, 255, 0.1);
backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-info .dropdown-item:hover, .dropdown-menu.dropmenu-light-info .dropdown-item:focus, .dropdown-menu.dropmenu-light-info .dropdown-item:active, .dropdown-menu.dropmenu-light-info .dropdown-item.active {
color: #FFF;
background-color: #1B84FF !important;
}
.dropdown-menu.dropmenu-light-warning {
background-color: rgba(255, 193, 7, 0.1);
backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-warning .dropdown-item:hover, .dropdown-menu.dropmenu-light-warning .dropdown-item:focus, .dropdown-menu.dropmenu-light-warning .dropdown-item:active, .dropdown-menu.dropmenu-light-warning .dropdown-item.active {
color: #FFF;
background-color: #FFC107 !important;
}
.dropdown-menu.dropmenu-light-success {
background-color: rgba(3, 201, 90, 0.1);
backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-success .dropdown-item:hover, .dropdown-menu.dropmenu-light-success .dropdown-item:focus, .dropdown-menu.dropmenu-light-success .dropdown-item:active, .dropdown-menu.dropmenu-light-success .dropdown-item.active {
color: #FFF;
background-color: #03C95A !important;
}
.dropdown-menu.dropmenu-light-danger {
background-color: rgba(231, 13, 13, 0.1);
backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-danger .dropdown-item:hover, .dropdown-menu.dropmenu-light-danger .dropdown-item:focus, .dropdown-menu.dropmenu-light-danger .dropdown-item:active, .dropdown-menu.dropmenu-light-danger .dropdown-item.active {
color: #FFF;
background-color: #E70D0D !important;
}
.dropdown-divider {
margin: 0;
}
.bd-example > .dropdown-menu {
position: static;
display: block;
}
.card-dropdown > a {
background: #FFF;
border-radius: 6px;
font-weight: 400;
box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
border: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #374151;
padding: 10px 10px 10px 30px;
position: relative;
}
.card-dropdown > a .cal-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
.card-dropdown > a i {
font-size: 16px;
margin-right: 5px;
}
.card-dropdown > a[aria-expanded=true]::after {
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.card-dropdown .dropdown-menu {
border: 0;
border-radius: 6px;
padding: 15px;
box-shadow: 0px 4px 9px -1px rgba(19, 16, 34, 0.031372549);
}
.card-dropdown .dropdown-menu li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
border-radius: 6px;
font-size: 14px;
}
.card-dropdown .dropdown-menu li a i {
font-size: 16px;
margin-right: 8px;
}
.card-dropdown .dropdown-menu li a:hover {
background: #EDF1F6;
color: #1F2937;
}
.dropdown-md {
min-width: 320px !important;
}
.dropdown-menu.notes-menu {
z-index: 99999;
}
.dropdown-menu.notes-menu a.dropdown-item {
color: #111827;
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
padding: 8px 15px;
}
.dropdown-menu.notes-menu span {
margin-right: 8px;
}
.dropdown-menu.notes-menu svg {
width: 14px;
height: 14px;
color: #6B7280;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #111827;
font-family: "Archivo", sans-serif;
font-weight: 700;
margin-bottom: 0;
}
h1,
.h1 {
font-size: 36px;
font-weight: 700;
}
@media (max-width: 991.98px) {
h1,
.h1 {
font-size: 32px;
}
}
@media (max-width: 767.98px) {
h1,
.h1 {
font-size: 26px;
}
}
h2,
.h2 {
font-size: 32px;
font-weight: 700;
}
@media (max-width: 991.98px) {
h2,
.h2 {
font-size: 28px;
}
}
@media (max-width: 767.98px) {
h2,
.h2 {
font-size: 24px;
}
}
h3,
.h3 {
font-size: 28px;
font-weight: 700;
}
@media (max-width: 991.98px) {
h3,
.h3 {
font-size: 24px;
}
}
@media (max-width: 767.98px) {
h3,
.h3 {
font-size: 22px;
}
}
h4,
.h4 {
font-size: 24px;
font-weight: 600;
}
@media (max-width: 991.98px) {
h4,
.h4 {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
h4,
.h4 {
font-size: 18px;
}
}
h5,
.h5 {
font-size: 18px;
font-weight: 600;
}
@media (max-width: 991.98px) {
h5,
.h5 {
font-size: 16px;
}
}
h6,
.h6 {
font-size: 16px;
font-weight: 600;
}
.display-4 {
font-weight: 700;
}
@media (max-width: 1399.98px) {
.display-4 {
font-size: 40px;
}
}
@media (max-width: 991.98px) {
.display-4 {
font-size: 36px;
}
}
@media (max-width: 767.98px) {
.display-4 {
font-size: 28px;
}
}
.fs-sm {
font-size: 0.6875rem;
}
.fs-base {
font-size: 0.875rem;
}
.fs-lg {
font-size: 1.125rem;
}
.fs-1 {
font-size: 0.0625rem;
}
.fs-2 {
font-size: 0.125rem;
}
.fs-3 {
font-size: 0.1875rem;
}
.fs-4 {
font-size: 0.25rem;
}
.fs-5 {
font-size: 0.3125rem !important;
}
.fs-6 {
font-size: 0.375rem !important;
}
.fs-7 {
font-size: 0.4375rem;
}
.fs-8 {
font-size: 0.5rem !important;
}
.fs-9 {
font-size: 0.5625rem;
}
.fs-10 {
font-size: 0.75em !important;
}
.fs-11 {
font-size: 0.6875rem;
}
.fs-12 {
font-size: 0.75rem;
}
.fs-13 {
font-size: 0.8125rem;
}
.fs-14 {
font-size: 0.875rem !important;
}
.fs-15 {
font-size: 0.9375rem;
}
.fs-16 {
font-size: 1rem;
}
.fs-17 {
font-size: 1.0625rem;
}
.fs-18 {
font-size: 1.125rem;
}
.fs-19 {
font-size: 1.1875rem;
}
.fs-20 {
font-size: 1.25rem;
}
.fs-21 {
font-size: 1.3125rem;
}
.fs-22 {
font-size: 1.375rem;
}
.fs-23 {
font-size: 1.4375rem;
}
.fs-24 {
font-size: 1.5rem;
}
.fs-25 {
font-size: 1.5625rem;
}
.fs-26 {
font-size: 1.625rem;
}
.fs-27 {
font-size: 1.6875rem;
}
.fs-28 {
font-size: 1.75rem;
}
.fs-29 {
font-size: 1.8125rem;
}
.fs-30 {
font-size: 1.875rem;
}
.fs-32 {
font-size: 2rem;
}
.fs-34 {
font-size: 2.125rem;
}
.fs-36 {
font-size: 2.25rem;
}
.fs-38 {
font-size: 2.375rem;
}
.fs-40 {
font-size: 2.5rem;
}
.text-default {
color: #6B7280 !important;
}
.text-muted {
color: #677788 !important;
}
.text-linear-primary {
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-primary {
color: #F26522 !important;
opacity: 1;
}
.text-primary.text-opacity-75 {
color: rgba(242, 101, 34, 0.75) !important;
}
.text-primary.text-opacity-25 {
color: rgba(242, 101, 34, 0.25) !important;
}
.text-primary.text-opacity-50 {
color: rgba(242, 101, 34, 0.5) !important;
}
.text-secondary {
color: #3B7080 !important;
opacity: 1;
}
.text-info {
color: #1B84FF !important;
opacity: 1;
}
.text-success {
color: #03C95A !important;
opacity: 1;
}
.text-warning {
color: #FFC107 !important;
opacity: 1;
}
.text-danger {
color: #E70D0D !important;
opacity: 1;
}
.text-skyblue {
color: #0DCAF0 !important;
opacity: 1;
}
.text-pink {
color: #FD3995 !important;
}
.text-purple {
color: #AB47BC !important;
}
.text-dark {
color: #212529 !important;
}
.text-light {
color: #F8F9FA !important;
}
.text-gray {
color: #6B7280 !important;
}
.text-black {
color: #000 !important;
}
.text-white {
color: #FFF !important;
}
.text-fixed-white {
color: #FFF !important;
}
.text-fixed-black {
color: #000 !important;
}
.text-gray-1 {
color: #F3F4F6;
}
.text-gray-2 {
color: #E5E7EB;
}
.text-gray-3 {
color: #D1D5DB;
}
.text-gray-4 {
color: #9CA3AF;
}
.text-gray-5 {
color: #6B7280;
}
.text-gray-6 {
color: #4B5563;
}
.text-gray-7 {
color: #374151;
}
.text-gray-8 {
color: #1F2937;
}
.text-gray-9 {
color: #111827 !important;
}
.text-light-500 {
color: #F4F6FA;
}
a {
color: #111827;
cursor: pointer;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover {
color: #F26522;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:focus {
outline: 0;
}
.link-primary {
color: #F26522 !important;
}
.link-primary:hover, .link-primary:focus, .link-primary:active {
color: rgb(212.5, 76.9230769231, 12.5) !important;
}
.link-secondary {
color: #3B7080 !important;
}
.link-secondary:hover, .link-secondary:focus, .link-secondary:active {
color: #3B7080 !important;
}
.link-success {
color: #03C95A !important;
}
.link-success:hover, .link-success:focus, .link-success:active {
color: #03C95A !important;
}
.link-danger {
color: #E70D0D !important;
}
.link-danger:hover, .link-danger:focus, .link-danger:active {
color: #E70D0D !important;
}
.link-warning {
color: #FFC107 !important;
}
.link-warning:hover, .link-warning:focus, .link-warning:active {
color: #FFC107 !important;
}
.link-info {
color: #1B84FF !important;
}
.link-info:hover, .link-info:focus, .link-info:active {
color: #1B84FF !important;
}
.link-light {
color: #F8F9FA !important;
}
.link-light:hover, .link-light:focus, .link-light:active {
color: #F4F6FA !important;
}
.link-dark {
color: #212529 !important;
}
.link-dark:hover, .link-dark:focus, .link-dark:active {
color: #212529 !important;
}
hr.text-danger {
border-color: #E70D0D !important;
}
.blockquote-container {
padding: 1.25rem;
border-left: 4px solid #E5E7EB;
position: relative;
}
.blockquote-container.text-end {
border-right: 4px solid #E5E7EB;
border-left: 0;
}
.blockquote.custom-blockquote {
font-size: 0.85rem;
font-weight: 600;
padding: 1rem;
border-radius: 10px;
position: relative;
}
.blockquote.custom-blockquote:before {
content: "\f10d";
font-family: "Fontawesome";
z-index: 0;
font-size: 2rem;
position: absolute;
inset-block-start: 0;
inset-inline-start: 0.5rem;
}
.blockquote.custom-blockquote.primary {
background-color: rgba(242, 101, 34, 0.1);
border-inline-start: 2px solid #F26522;
}
.blockquote.custom-blockquote.primary:before {
color: rgba(242, 101, 34, 0.1);
}
.blockquote.custom-blockquote.secondary {
background-color: rgba(59, 112, 128, 0.1);
border-inline-start: 2px solid #3B7080;
}
.blockquote.custom-blockquote.secondary:before {
color: rgba(59, 112, 128, 0.1);
}
.blockquote.custom-blockquote.info {
background-color: rgba(27, 132, 255, 0.1);
border-inline-start: 2px solid #1B84FF;
}
.blockquote.custom-blockquote.info:before {
color: rgba(27, 132, 255, 0.1);
}
.blockquote.custom-blockquote.warning {
background-color: rgba(255, 193, 7, 0.1);
border-inline-start: 2px solid #FFC107;
}
.blockquote.custom-blockquote.warning:before {
color: rgba(255, 193, 7, 0.1);
}
.blockquote.custom-blockquote.success {
background-color: rgba(3, 201, 90, 0.1);
border-inline-start: 2px solid #03C95A;
}
.blockquote.custom-blockquote.success:before {
color: rgba(3, 201, 90, 0.1);
}
.blockquote.custom-blockquote.danger {
background-color: rgba(231, 13, 13, 0.1);
border-inline-start: 2px solid #E70D0D;
}
.blockquote.custom-blockquote.danger:before {
color: rgba(231, 13, 13, 0.1);
}
[data-theme-mode=dark] .shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode=dark] .shadow {
box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode=dark] .shadow-lg {
box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.3) !important;
}
@media screen and (min-width: 576px) {
.w-sm-auto {
width: auto;
}
}
[dir=rtl] .text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
.transform-none {
transform: none !important;
}
.list-circle {
list-style: circle;
padding-left: 2rem;
}
.form-control {
border-color: #E5E7EB;
color: #111827;
background-color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
border-radius: 8px;
padding: 0.5rem 0.625rem;
height: 40px;
transition: all 0.5s;
box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.form-control:focus {
box-shadow: none;
border-color: #E5E7EB;
}
textarea {
resize: none;
}
textarea.form-control {
min-height: 38px;
height: auto;
}
.form-control[type=file] {
padding: 0.3rem 0.5rem;
}
.form-control[type=file].form-control-sm {
padding: 0.25rem 0.5rem !important;
}
.form-control[type=file].form-control-lg {
padding: 0.5rem 1rem !important;
}
.form-text {
color: #677788;
}
.form-control-light {
background-color: #F8F9FA;
border: 0;
}
.form-control-light:focus {
background-color: #F8F9FA;
}
.form-control-primary {
background-color: rgba(242, 101, 34, 0.1);
border: 0;
color: #F26522;
}
.form-control-primary:focus {
background-color: rgba(242, 101, 34, 0.1);
color: #F26522;
}
.form-input-color {
height: 2.25rem;
width: 2.25rem;
border-radius: 10px;
overflow: hidden;
padding: 0;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
color: #677788;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
background-color: transparent;
}
.form-select {
background-color: #ffffff;
border: 1px solid #E5E7EB;
color: #6B7280;
font-size: 14px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-size: 1.25rem;
line-height: 2;
}
.form-select option {
background-color: #FFF;
padding: 0.35rem 0.75rem;
border-radius: 0.25rem;
margin-block-end: 0.25rem;
}
.form-select option:last-child {
margin-block-end: 0;
}
.form-select option:checked {
background-color: rgba(var(#F26522), 0.2);
color: #F26522;
}
.form-select option:select {
background-color: rgba(var(#F26522), 0.2);
color: #F26522;
}
.form-select option:hover {
background-color: rgba(var(#F26522), 0.2);
color: #F26522;
}
.form-select option:focus {
background-color: rgba(var(#F26522), 0.2);
color: #F26522;
}
.form-check-input {
width: 0.9rem;
height: 0.9rem;
background-color: #FFF;
border: 1px solid #E5E7EB;
}
.form-check-input:checked {
background-color: #F26522;
border-color: #F26522;
}
.form-check-input.form-checked-outline:checked {
background-color: transparent;
border-color: #F26522;
}
.form-check-input.form-checked-secondary:checked {
background-color: #3B7080;
border-color: #3B7080;
}
.form-check-input.form-checked-warning:checked {
background-color: #FFC107;
border-color: #FFC107;
}
.form-check-input.form-checked-info:checked {
background-color: #1B84FF;
border-color: #1B84FF;
}
.form-check-input.form-checked-success:checked {
background-color: #03C95A;
border-color: #03C95A;
}
.form-check-input.form-checked-danger:checked {
background-color: #E70D0D;
border-color: #E70D0D;
}
.form-check-input.form-checked-light:checked {
background-color: #F8F9FA;
border-color: #F8F9FA;
}
.form-check-input.form-checked-dark:checked {
background-color: #212529;
border-color: #212529;
}
.form-check-input:focus {
box-shadow: none;
}
.form-checked-outline:checked[type=checkbox] {
background-image: none;
position: relative;
background-color: transparent;
}
.form-checked-outline:checked[type=checkbox]:before {
content: "\f633";
font-family: bootstrap-icons !important;
position: absolute;
color: #F26522;
width: 0.625rem;
height: 0.625rem;
inset-block-start: -1px;
inset-inline-start: 0px;
font-size: 0.688rem;
}
.form-checked-outline:checked[type=checkbox].form-checked-secondary:before {
color: #3B7080;
}
.form-checked-outline:checked[type=checkbox].form-checked-warning:before {
color: #FFC107;
}
.form-checked-outline:checked[type=checkbox].form-checked-info:before {
color: #1B84FF;
}
.form-checked-outline:checked[type=checkbox].form-checked-success:before {
color: #03C95A;
}
.form-checked-outline:checked[type=checkbox].form-checked-danger:before {
color: #E70D0D;
}
.form-checked-outline:checked[type=checkbox].form-checked-light:before {
color: #F8F9FA;
}
.form-checked-outline:checked[type=checkbox].form-checked-dark:before {
color: #212529;
}
.form-checked-outline:checked[type=radio] {
background-image: none;
position: relative;
background-color: transparent;
}
.form-checked-outline:checked[type=radio]:before {
content: "\f309";
font-family: bootstrap-icons !important;
position: absolute;
color: #F26522;
width: 0.625rem;
height: 0.625rem;
inset-block-start: -1.13rem;
inset-inline-start: -0.6rem;
font-size: 2rem;
}
.form-checked-outline:checked[type=radio].form-checked-secondary:before {
color: #3B7080;
}
.form-checked-outline:checked[type=radio].form-checked-warning:before {
color: #FFC107;
}
.form-checked-outline:checked[type=radio].form-checked-info:before {
color: #1B84FF;
}
.form-checked-outline:checked[type=radio].form-checked-success:before {
color: #03C95A;
}
.form-checked-outline:checked[type=radio].form-checked-danger:before {
color: #E70D0D;
}
.form-checked-outline:checked[type=radio].form-checked-light:before {
color: #F8F9FA;
}
.form-checked-outline:checked[type=radio].form-checked-dark:before {
color: #212529;
}
fieldset:disabled .btn {
color: #FFF;
background-color: #F26522;
border-color: #F26522;
}
.form-select:focus {
border-color: rgba(var(#F26522), 0.5);
outline: 0;
box-shadow: none;
}
.btn-check:focus + .btn,
.btn:focus {
background-color: none;
border-color: none;
outline: 0;
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
box-shadow: none;
}
.form-control:disabled,
.form-select:disabled {
background-color: #F8F9FA;
color: #6B7280;
}
.form-control-plaintext {
color: #6B7280;
}
.form-control::-webkit-file-upload-button {
color: #6B7280;
background-color: #F8F9FA;
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #F8F9FA;
}
.form-control:focus {
color: #111827;
}
.form-control:focus::-webkit-input-placeholder, .form-control:focus::placeholder {
color: #9CA3AF;
padding-inline-start: 0.3rem;
transition: padding-inline-start 0.1s ease-in;
}
.form-control::-webkit-input-placeholder {
color: #9CA3AF;
padding-inline-start: 0px;
transition: padding-inline-start 0.1s ease-in;
}
.form-control:-moz-placeholder {
color: #9CA3AF;
}
.form-control::-moz-placeholder {
color: #9CA3AF;
}
.form-control:-ms-input-placeholder {
color: #9CA3AF;
}
.form-control-sm {
font-size: 0.8rem;
padding: 0.25rem 0.8rem;
height: auto;
}
.form-control-lg {
font-size: 1rem;
padding: 0.5rem 1rem;
}
.form-check-md .form-check-input {
width: 1.15rem;
height: 1.15rem;
}
.form-check-md.form-switch .form-check-input {
width: 2.25rem;
}
.form-check-md label {
margin-inline-start: 0.5rem;
font-size: 0.95rem;
margin-block-start: 3px;
}
.form-check-lg .form-check-input {
width: 1.35rem;
height: 1.35rem;
}
.form-check-lg.form-switch .form-check-input {
width: 2.5rem;
}
.form-check-lg label {
margin-inline-start: 0.5rem;
font-size: 1rem;
margin-block-start: 3px;
}
.label-primary {
background: #F26522;
color: #FFF;
}
.label-secondary {
background: #3B7080;
color: #FFF;
}
.label-warning {
background: #FFC107;
color: #FFF;
}
.label-info {
background: #1B84FF;
color: #FFF;
}
.label-success {
background: #03C95A;
color: #FFF;
}
.label-danger {
background: #E70D0D;
color: #FFF;
}
.label-light {
background: #F8F9FA;
color: #FFF;
}
.label-dark {
background: #212529;
color: #FFF;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
color: transparent !important;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem - 4px);
}
.form-floating.floating-primary label {
color: #F26522;
opacity: 1;
}
.form-floating.floating-primary input {
border: 1px solid #F26522;
}
.form-floating.floating-primary > .form-control:focus ~ label {
color: #F26522 !important;
}
.form-floating.floating-secondary label {
color: #3B7080;
opacity: 1;
}
.form-floating.floating-secondary input {
border: 1px solid #3B7080;
}
.form-floating.floating-secondary > .form-control:focus ~ label {
color: #3B7080 !important;
}
.form-floating.floating-warning label {
color: #FFC107;
opacity: 1;
}
.form-floating.floating-warning input {
border: 1px solid #FFC107;
}
.form-floating.floating-warning > .form-control:focus ~ label {
color: #FFC107 !important;
}
.form-floating.floating-info label {
color: #1B84FF;
opacity: 1;
}
.form-floating.floating-info input {
border: 1px solid #1B84FF;
}
.form-floating.floating-info > .form-control:focus ~ label {
color: #1B84FF !important;
}
.form-floating.floating-success label {
color: #03C95A;
opacity: 1;
}
.form-floating.floating-success input {
border: 1px solid #03C95A;
}
.form-floating.floating-success > .form-control:focus ~ label {
color: #03C95A !important;
}
.form-floating.floating-danger label {
color: #E70D0D;
opacity: 1;
}
.form-floating.floating-danger input {
border: 1px solid #E70D0D;
}
.form-floating.floating-danger > .form-control:focus ~ label {
color: #E70D0D !important;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
background-color: #FFF;
border-radius: 10px;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #03C95A;
box-shadow: none;
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #03C95A;
}
.form-control-color {
width: 1.75rem;
height: 1.75rem;
overflow: hidden;
padding: 0;
}
.bootstrap-tagsinput {
border-color: #E5E7EB;
color: #6B7280;
background-color: #ffffff;
font-size: 15px;
font-weight: 400;
border-radius: 5px;
padding: 0.45rem 0.625rem;
height: 38px;
box-shadow: none;
overflow-y: auto;
width: 100%;
}
.bootstrap-tagsinput .tag {
background: #F8F9FA;
border-radius: 5px;
padding: 0 5px;
font-size: 14px;
color: #374151;
display: inline-flex;
align-items: center;
}
.bootstrap-tagsinput .tag span::after {
color: #111827;
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
box-shadow: none;
}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
box-shadow: none;
}
[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
direction: rtl;
}
.form-select.is-invalid:not([multiple]):not([size]) {
padding-right: 1.125rem;
background-size: 16px 28px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
input[type=range]::-webkit-slider-runnable-track {
background-color: #F8F9FA;
}
[dir=rtl] .form-checked-outline:checked[type=checkbox]:before {
inset-inline-start: 1px;
}
.form-check {
min-height: inherit !important;
}
.col-form-label-lg,
.col-form-label-sm,
.col-form-label {
font-weight: 600;
}
.col-form-label {
font-size: 15px;
font-weight: 500;
color: #202C4B;
}
.form-label {
font-size: 16px;
font-weight: 500;
color: #202C4B;
}
[data-theme-mode=dark] input[type=week]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=month]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=date]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=time]::-webkit-calendar-picker-indicator {
filter: invert(1);
}
[dir=rtl] input[type=week], [dir=rtl] input[type=month], [dir=rtl] input[type=date], [dir=rtl] input[type=datetime-local], [dir=rtl] input[type=time] {
text-align: end;
}
.input-group-text {
border-color: #E9EDF4;
}
/**
Form help
*/
.form-help {
display: inline-flex;
font-weight: 700;
align-items: center;
justify-content: center;
width: 1.125rem;
height: 1.125rem;
font-size: 0.75rem;
color: #FFF;
text-align: center;
text-decoration: none;
cursor: pointer;
user-select: none;
background: #3B7080;
border-radius: 4px;
}
.form-help:hover, .form-help[aria-describedby] {
color: #FFF;
background: #F26522;
}
.input-icon {
position: relative;
}
.input-icon .form-control:not(:last-child),
.input-icon .form-select:not(:last-child) {
padding-right: 2.5rem;
}
/* Input Group */
.input-group-link {
font-size: 12px;
}
.input-group-flat:focus-within {
border-radius: 10px;
}
.input-group-flat:focus-within .form-control,
.input-group-flat:focus-within .input-group-text {
border-color: #E5E7EB !important;
}
.input-group-flat .form-control:focus {
box-shadow: none;
}
.input-group-flat .form-control:not(:last-child) {
border-right: 0;
}
.input-group-flat .form-control:not(:first-child) {
border-left: 0;
}
.input-group-flat .input-group-text:first-child {
padding-right: 0;
}
.input-group-flat .input-group-text:last-child {
padding-left: 0;
}
.custom-radio {
display: block;
position: relative;
padding-left: 25px;
cursor: pointer;
font-size: 15px;
color: #374151;
text-transform: capitalize;
}
.custom-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.custom-radio input:checked ~ .checkmark {
border-color: #F26522;
background: #F26522;
}
.custom-radio input:checked ~ .checkmark::after {
opacity: 1;
visibility: visible;
}
.custom-radio .checkmark {
width: 20px;
height: 20px;
border: 1px solid #E9EDF4;
border-radius: 50%;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
.custom-radio .checkmark::after {
content: "";
width: 8px;
height: 8px;
background-color: #FFF;
opacity: 0;
visibility: hidden;
border-radius: 50%;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.check-radio-group {
flex-wrap: wrap;
row-gap: 10px;
}
.check-radio-group .custom-radio {
margin-right: 15px;
}
.check {
display: block;
margin: 0;
padding: 0;
width: 0;
height: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
}
.checktoggle {
background-color: rgba(115, 103, 240, 0.2);
border-radius: 12px;
cursor: pointer;
display: block;
font-size: 0;
height: 24px;
margin-bottom: 0;
position: relative;
width: 46px;
}
.status-toggle.modal-status label {
height: 16px;
width: 30px;
background-color: #FFF;
border: 1px solid #E9EDF4;
margin-bottom: 0;
}
.check:checked + .checktoggle {
background-color: #FFF;
}
.checktoggle:after {
content: " ";
display: block;
transform: translate(2px, -50%);
width: 10px;
height: 10px;
background-color: #D1D5DB;
transition: left 300ms ease, transform 300ms ease;
border-radius: 50%;
transform: translate(2px, -50%);
-webkit-transform: translate(4px, -50%);
-ms-transform: translate(2px, -50%);
position: absolute;
top: 50%;
left: 0;
}
.check:checked + .checktoggle:after {
background-color: #F26522;
left: 100%;
transform: translate(calc(-90% - 4px), -50%);
}
.input-icon {
position: relative;
}
.input-icon-addon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
color: #374151;
pointer-events: none;
font-size: 1.2em;
}
.input-icon-addon:last-child {
right: 0;
left: auto;
}
.input-icon-start .form-control {
padding-left: 28px;
}
.icon-addon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 2rem;
color: #374151;
pointer-events: none;
font-size: 1.2em;
}
.form-wrap .form-wrap-icon {
position: relative;
}
.form-wrap .form-wrap-icon i {
font-size: 18px;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.toggle-password {
cursor: pointer;
width: 30px;
height: 30px;
color: #111827;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
border-radius: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
top: 50%;
right: 10px;
}
.toggle-password:hover {
color: #F26522;
}
.pass-group {
position: relative;
}
.toggle-passwords, .toggle-passworda {
cursor: pointer;
width: 30px;
height: 30px;
color: #111827;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
border-radius: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
top: 50%;
right: 10px;
}
.toggle-passwords:hover, .toggle-passworda:hover {
color: #F26522;
}
.accordion-button {
background-color: #FFF;
color: #111827;
padding: 1rem 1rem;
font-size: 16px;
font-weight: 600;
}
.accordion-button:not(.collapsed) {
color: #111827;
background-color: transparent;
box-shadow: none;
}
.accordion-button:not(.collapsed):after {
content: "\f078";
color: #F26522;
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.accordion-button:focus {
border-color: rgba(242, 101, 34, 0.3);
box-shadow: none;
}
.accordion-button:after {
background-image: none;
}
.accordion-button:after {
content: "\f078";
font-family: "Fontawesome";
font-size: 20px;
line-height: 1;
background-color: #FFF;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3.125rem;
color: #6B7280;
}
.accordion-body {
padding: 0 1rem 1rem;
font-size: 16px;
color: #6B7280;
}
.accordion-item {
color: #6B7280;
background-color: #FFF;
border: 1px solid #E8E9EA;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
border-radius: 5px;
position: relative;
}
.accordion-item.show {
box-shadow: 0px 4px 15px 0px rgba(69, 19, 178, 0.2509803922);
}
.accordion-item.show::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 5px;
padding: 2px;
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
-webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}
.accordions-items-seperate .accordion-item:not(:first-of-type) {
margin-block-start: 1rem;
}
.accordions-items-seperate .accordion-item {
border-block-start: 1px solid #E9EDF4;
border-radius: 10px;
overflow: hidden;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
}
.accordion-item:first-of-type {
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
}
.accordion.accordion-primary .accordion-button {
background-color: rgba(242, 101, 34, 0.1);
color: #F26522;
}
.accordion.accordion-primary .accordion-button:after {
background-color: #F26522;
color: #FFF;
}
.accordion.accordion-primary .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-primary .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-secondary .accordion-button {
background-color: rgba(59, 112, 128, 0.1);
color: #3B7080;
}
.accordion.accordion-secondary .accordion-button:after {
background-color: #3B7080;
color: #FFF;
}
.accordion.accordion-secondary .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-secondary .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-success .accordion-button {
background-color: rgba(3, 201, 90, 0.1);
color: #03C95A;
}
.accordion.accordion-success .accordion-button:after {
background-color: #03C95A;
color: #FFF;
}
.accordion.accordion-success .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-success .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-danger .accordion-button {
background-color: rgba(231, 13, 13, 0.1);
color: #E70D0D;
}
.accordion.accordion-danger .accordion-button:after {
background-color: #E70D0D;
color: #FFF;
}
.accordion.accordion-danger .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-danger .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-warning .accordion-button {
background-color: rgba(255, 193, 7, 0.1);
color: #FFC107;
}
.accordion.accordion-warning .accordion-button:after {
background-color: #FFC107;
color: #FFF;
}
.accordion.accordion-warning .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-warning .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-info .accordion-button {
background-color: rgba(27, 132, 255, 0.1);
color: #1B84FF;
}
.accordion.accordion-info .accordion-button:after {
background-color: #1B84FF;
color: #FFF;
}
.accordion.accordion-info .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-info .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-solid-primary .accordion-button {
background-color: #F26522;
color: #FFF;
}
.accordion.accordion-solid-primary .accordion-button:after {
background-color: #FFF;
color: #F26522;
}
.accordion.accordion-solid-primary .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-solid-primary .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-solid-secondary .accordion-button {
background-color: #3B7080;
color: #FFF;
}
.accordion.accordion-solid-secondary .accordion-button:after {
background-color: #FFF;
color: #3B7080;
}
.accordion.accordion-solid-secondary .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-solid-secondary .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-solid-success .accordion-button {
background-color: #03C95A;
color: #FFF;
}
.accordion.accordion-solid-success .accordion-button:after {
background-color: #FFF;
color: #03C95A;
}
.accordion.accordion-solid-success .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-solid-success .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-solid-danger .accordion-button {
background-color: #E70D0D;
color: #FFF;
}
.accordion.accordion-solid-danger .accordion-button:after {
background-color: #FFF;
color: #E70D0D;
}
.accordion.accordion-solid-danger .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-solid-danger .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-solid-warning .accordion-button {
background-color: #FFC107;
color: #FFF;
}
.accordion.accordion-solid-warning .accordion-button:after {
background-color: #FFF;
color: #FFC107;
}
.accordion.accordion-solid-warning .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-solid-warning .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-solid-info .accordion-button {
background-color: #1B84FF;
color: #FFF;
}
.accordion.accordion-solid-info .accordion-button:after {
background-color: #FFF;
color: #1B84FF;
}
.accordion.accordion-solid-info .accordion-button.collapsed {
background-color: #FFF;
color: #6B7280;
}
.accordion.accordion-solid-info .accordion-button.collapsed:after {
background-color: #F8F9FA;
color: #6B7280;
}
.accordion.accordion-border-primary .accordion-item {
border: 1px solid #F26522;
}
.accordion.accordion-border-primary .accordion-button {
background-color: #FFF;
color: #F26522;
border-block-end: 0px;
}
.accordion.accordion-border-primary .accordion-button:after {
background-color: #FFF;
color: #F26522;
border: 1px solid #F26522;
}
.accordion.accordion-border-primary .accordion-button:not(.collapsed) {
border-block-end: 1px solid #F26522;
}
.accordion.accordion-border-secondary .accordion-item {
border: 1px solid #3B7080;
}
.accordion.accordion-border-secondary .accordion-button {
background-color: #FFF;
color: #3B7080;
border-block-end: 0px;
}
.accordion.accordion-border-secondary .accordion-button:after {
background-color: #FFF;
color: #3B7080;
border: 1px solid #3B7080;
}
.accordion.accordion-border-secondary .accordion-button:not(.collapsed) {
border-block-end: 1px solid #3B7080;
}
.accordion.accordion-border-success .accordion-item {
border: 1px solid #03C95A;
}
.accordion.accordion-border-success .accordion-button {
background-color: #FFF;
color: #03C95A;
border-block-end: 0px;
}
.accordion.accordion-border-success .accordion-button:after {
background-color: #FFF;
color: #03C95A;
border: 1px solid #03C95A;
}
.accordion.accordion-border-success .accordion-button:not(.collapsed) {
border-block-end: 1px solid #03C95A;
}
.accordion.accordion-border-danger .accordion-item {
border: 1px solid #E70D0D;
}
.accordion.accordion-border-danger .accordion-button {
background-color: #FFF;
color: #E70D0D;
border-block-end: 0px;
}
.accordion.accordion-border-danger .accordion-button:after {
background-color: #FFF;
color: #E70D0D;
border: 1px solid #E70D0D;
}
.accordion.accordion-border-danger .accordion-button:not(.collapsed) {
border-block-end: 1px solid #E70D0D;
}
.accordion.accordion-border-warning .accordion-item {
border: 1px solid #FFC107;
}
.accordion.accordion-border-warning .accordion-button {
background-color: #FFF;
color: #FFC107;
border-block-end: 0px;
}
.accordion.accordion-border-warning .accordion-button:after {
background-color: #FFF;
color: #FFC107;
border: 1px solid #FFC107;
}
.accordion.accordion-border-warning .accordion-button:not(.collapsed) {
border-block-end: 1px solid #FFC107;
}
.accordion.accordion-border-info .accordion-item {
border: 1px solid #1B84FF;
}
.accordion.accordion-border-info .accordion-button {
background-color: #FFF;
color: #1B84FF;
border-block-end: 0px;
}
.accordion.accordion-border-info .accordion-button:after {
background-color: #FFF;
color: #1B84FF;
border: 1px solid #1B84FF;
}
.accordion.accordion-border-info .accordion-button:not(.collapsed) {
border-block-end: 1px solid #1B84FF;
}
.accordion.accordionicon-none .accordion-button:after {
display: none;
}
.accordion.accordionicon-left .accordion-button {
padding-inline-start: 2.5rem;
}
.accordion.accordionicon-left .accordion-button:after {
position: absolute;
inset-inline-start: 0.625rem;
}
.accordion.accordion-customicon1 .accordion-button:after {
content: "+";
font-family: "Fontawesome";
background-color: #F8F9FA;
}
.accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after {
content: "\f068";
font-family: "Fontawesome";
background-color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button {
background-color: rgba(242, 101, 34, 0.1);
border-inline-start: 0.25rem solid rgba(242, 101, 34, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after {
background-color: rgba(242, 101, 34, 0.6);
color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-body {
background-color: rgba(242, 101, 34, 0.1);
padding-block-start: 0;
border-inline-start: 0.25rem solid rgba(242, 101, 34, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button {
background-color: rgba(59, 112, 128, 0.1);
border-inline-start: 0.25rem solid rgba(59, 112, 128, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after {
background-color: rgba(59, 112, 128, 0.6);
color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-body {
background-color: rgba(59, 112, 128, 0.1);
padding-block-start: 0;
border-inline-start: 0.25rem solid rgba(59, 112, 128, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button {
background-color: rgba(255, 193, 7, 0.1);
border-inline-start: 0.25rem solid rgba(255, 193, 7, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button:after {
background-color: rgba(255, 193, 7, 0.6);
color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-body {
background-color: rgba(255, 193, 7, 0.1);
padding-block-start: 0;
border-inline-start: 0.25rem solid rgba(255, 193, 7, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button {
background-color: rgba(27, 132, 255, 0.1);
border-inline-start: 0.25rem solid rgba(27, 132, 255, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button:after {
background-color: rgba(27, 132, 255, 0.6);
color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-body {
background-color: rgba(27, 132, 255, 0.1);
padding-block-start: 0;
border-inline-start: 0.25rem solid rgba(27, 132, 255, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button {
background-color: rgba(3, 201, 90, 0.1);
border-inline-start: 0.25rem solid rgba(3, 201, 90, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button:after {
background-color: rgba(3, 201, 90, 0.6);
color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-body {
background-color: rgba(3, 201, 90, 0.1);
padding-block-start: 0;
border-inline-start: 0.25rem solid rgba(3, 201, 90, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button {
background-color: rgba(231, 13, 13, 0.1);
border-inline-start: 0.25rem solid rgba(231, 13, 13, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after {
background-color: rgba(231, 13, 13, 0.6);
color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-body {
background-color: rgba(231, 13, 13, 0.1);
padding-block-start: 0;
border-inline-start: 0.25rem solid rgba(231, 13, 13, 0.6);
}
.card {
margin-bottom: 1.5rem;
background-color: #FFF;
transition: all 0.5s ease-in-out;
position: relative;
border-radius: 10px;
border: 1px solid #E8E9EA;
box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
color: inherit;
}
.card .card-body {
padding: 1.25rem;
}
@media (max-width: 767.98px) {
.card .card-body {
padding: 16px;
}
}
.card .card-title {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
color: #111827;
}
@media (max-width: 767.98px) {
.card .card-title {
font-size: 16px;
}
}
.card .card-header {
border-color: #E9EDF4;
position: relative;
background: transparent;
padding: 1rem 1.25rem 1rem;
}
@media (max-width: 767.98px) {
.card .card-header {
padding: 15px;
}
}
.card .card-header .card-title {
margin-bottom: 0rem;
}
.card .card-header .subtitle {
padding-top: 0.3125rem;
font-size: 0.875rem;
line-height: 1.5;
}
.card .card-footer {
border-color: #E9EDF4;
background: transparent;
padding: 1rem 1.25rem 1rem;
}
.card-group .card {
margin-bottom: 1.5rem;
}
.card.custom-card {
border-radius: 10px;
border: 0;
background-color: #FFF;
position: relative;
margin-block-end: 1.5rem;
width: 100%;
}
.card.custom-card .card-header {
padding: 1rem 1.25rem;
background-color: transparent !important;
border-block-end: 1px solid #E5E7EB;
display: flex;
align-items: center;
position: relative;
flex-wrap: wrap;
gap: 0.25rem;
}
.card.custom-card .card-header:first-child {
border-radius: 0.625rem 0.625rem 0 0;
}
.card.custom-card .card-header .card-title {
position: relative;
margin-block-end: 0;
font-size: 0.9375rem;
font-weight: 700;
text-transform: capitalize;
}
.card.custom-card .card-header .card-title .subtitle {
margin-block-end: 0;
text-transform: initial;
}
.card.custom-card .card-footer {
background-color: transparent !important;
border-block-start: 1px solid #E5E7EB;
padding: 1rem 1.5rem;
font-size: 14px;
}
.card.custom-card .card-body {
padding: 1.5rem;
color: #6B7280;
}
.card.custom-card .card-link {
font-size: 0.75rem;
}
.card .card-text {
font-size: 0.813rem;
}
.card .footer-card-icon {
width: 60px;
height: 60px;
}
.card.overlay-card {
position: relative;
overflow: hidden;
color: rgba(255, 255, 255, 0.9);
}
.card.overlay-card .card-header {
border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .card-footer {
border-block-start: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .over-content-bottom {
top: auto;
}
.card.overlay-card:before {
content: "";
inset-inline-start: 0;
inset-inline-end: 0;
inset-block-start: 0;
inset-block-end: 0;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.card.card-bg-primary {
background-color: #F26522;
color: #FFF;
}
.card.card-bg-primary .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-primary .card-header:before {
background-color: #FFF;
}
.card.card-bg-primary .card-body {
color: #FFF;
}
.card.card-bg-primary .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary {
background-color: #3B7080;
color: #FFF;
}
.card.card-bg-secondary .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary .card-header:before {
background-color: #FFF;
}
.card.card-bg-secondary .card-body {
color: #FFF;
}
.card.card-bg-secondary .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning {
background-color: #FFC107;
color: #FFF;
}
.card.card-bg-warning .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning .card-header:before {
background-color: #FFF;
}
.card.card-bg-warning .card-body {
color: #FFF;
}
.card.card-bg-warning .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info {
background-color: #1B84FF;
color: #FFF;
}
.card.card-bg-info .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info .card-header:before {
background-color: #FFF;
}
.card.card-bg-info .card-body {
color: #FFF;
}
.card.card-bg-info .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success {
background-color: #03C95A;
color: #FFF;
}
.card.card-bg-success .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success .card-header:before {
background-color: #FFF;
}
.card.card-bg-success .card-body {
color: #FFF;
}
.card.card-bg-success .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger {
background-color: #E70D0D;
color: #FFF;
}
.card.card-bg-danger .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger .card-header:before {
background-color: #FFF;
}
.card.card-bg-danger .card-body {
color: #FFF;
}
.card.card-bg-danger .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-light {
background-color: #F8F9FA;
color: #6B7280;
}
.card.card-bg-light .card-header {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #6B7280;
border-block-end: #E5E7EB;
}
.card.card-bg-light .card-body {
color: #6B7280;
}
.card.card-bg-light .card-footer {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #6B7280;
border-block-start: #E5E7EB;
}
.card.card-bg-dark {
background-color: #212529;
color: #FFF;
}
.card.card-bg-dark .card-header {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-dark .card-header:before {
background-color: #FFF;
}
.card.card-bg-dark .card-body {
color: #FFF;
}
.card.card-bg-dark .card-footer {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #FFF;
border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card .card-anchor {
position: absolute;
top: 0;
inset-inline-end: 0;
bottom: 0;
inset-inline-start: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
.card .collapse-close {
display: none;
}
.card.card .collapsed .collapse-close {
display: block;
}
.card.card .collapsed .collapse-open {
display: none;
}
.card.card-fullscreen {
position: fixed;
top: 0;
inset-inline-start: 0;
inset-inline-start: 0;
bottom: 0;
z-index: 9999;
margin: 0;
}
.cals-icon {
font-size: 50px;
color: #6B7280;
}
.callout {
padding: 1.25rem;
margin-block-start: 1.25rem;
margin-block-end: 1.25rem;
background-color: #F8F9FA;
border-inline-start: 0.25rem solid #E5E7EB;
}
.callout-info {
background-color: rgba(27, 132, 255, 0.075);
border-color: rgba(27, 132, 255, 0.5);
}
.callout-warning {
background-color: rgba(255, 193, 7, 0.075);
border-color: rgba(255, 193, 7, 0.5);
}
.callout-danger {
background-color: rgba(231, 13, 13, 0.075);
border-color: rgba(231, 13, 13, 0.5);
}
.btn-facebook {
background-color: #3B5998;
color: #FFF;
border: 1px solid #3B5998;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
background-color: #3B5998 !important;
color: #FFF !important;
border: 1px solid #3B5998 !important;
}
.btn-instagram {
background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f09433", endColorstr="#bc1888",GradientType=1 );
color: #FFF;
border: 1px solid transparent;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
color: #FFF;
border: 1px solid transparent;
}
.btn-twitter {
background-color: #00ACEE;
color: #FFF;
border: 1px solid #00ACEE;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
background-color: #00ACEE !important;
color: #FFF !important;
border: 1px solid #00ACEE !important;
}
.btn-icon {
width: 2.313rem;
height: 2.313rem;
font-size: 0.95rem;
flex-shrink: 0;
}
.btn-wave {
display: inline-block !important;
}
@media (max-width: 575px) {
.overlay-card .card-text {
font-size: 0.613rem !important;
}
}
@media (max-width: 400px) {
.overlay-card .card-text {
font-size: 0.413rem !important;
}
}
.card .form-control-plaintext {
min-height: 38px;
}
.grid-showcase {
margin-bottom: -10px;
}
.grid-showcase span, .grid-showcase .grid-wrapper {
display: block;
padding: 10px;
margin-bottom: 10px;
text-align: center;
background-color: rgba(242, 243, 247, 0.7);
}
.grid-align {
margin-bottom: -16px;
}
.grid-align .row {
padding: 15px 0;
min-height: 7rem;
margin-bottom: 16px;
}
.grid-vertical {
min-height: 150px;
padding: 10px;
color: #000;
}
.xb-cursor,
.xb-cursor-section {
visibility: hidden;
position: fixed;
pointer-events: none;
z-index: 999999;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
pointer-events: none;
top: 0;
left: 0;
}
.xb-cursor .xb-cursor-wrapper,
.xb-cursor-section .xb-cursor-wrapper {
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.xb-cursor .xb-cursor--follower,
.xb-cursor-section .xb-cursor--follower {
position: absolute;
background-color: #F26522;
opacity: 0.25;
border-radius: 100%;
width: 1.5rem;
height: 1.5rem;
-webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.xb-cursor.style-2 .xb-cursor--follower {
background-color: var(--color-primary-2);
}
.xb-cursor .xb-cursor--label,
.xb-cursor-section .xb-cursor--label {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 15px;
transform: scale(0);
will-change: transform, opacity;
-webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.xb-cursor .xb-cursor--drap,
.xb-cursor-section .xb-cursor--drap {
line-height: 87px;
text-align: center;
width: 87px;
height: 87px;
background-color: #000;
font-size: 0;
-webkit-border-radius: 87px;
-khtml-border-radius: 87px;
-moz-border-radius: 87px;
-ms-border-radius: 87px;
-o-border-radius: 87px;
border-radius: 87px;
-webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transform: scale(0);
will-change: transform, opacity;
color: #fff;
}
.xb-cursor .xb-cursor--drap:before,
.xb-cursor-section .xb-cursor--drap:before,
.xb-cursor .xb-cursor--drap:after,
.xb-cursor-section .xb-cursor--drap:after {
content: "\f10b";
font-family: caseicon;
font-size: 10px;
display: inline-flex;
}
.xb-cursor .xb-cursor--drap:before,
.xb-cursor-section .xb-cursor--drap:before {
-webkit-transform: scaleX(-1);
-khtml-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.xb-cursor .xb-cursor--drap:after,
.xb-cursor.is-enabled,
.xb-cursor-section.is-enabled {
visibility: visible;
}
.xb-cursor.is-hidden .xb-cursor-wrapper,
.xb-cursor-section.is-hidden .xb-cursor-wrapper {
transform: scale(0) !important;
}
.xb-cursor.is-mouse-down .xb-cursor-wrapper,
.xb-cursor-section.is-mouse-down .xb-cursor-wrapper {
transform: scale(0.8);
}
.xb-cursor.is-active .xb-cursor--follower,
.xb-cursor-section.is-active .xb-cursor--follower {
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
transform: scale(4);
-webkit-transform: scale(4);
-ms-transform: scale(4);
opacity: 0;
}
/******* Pages ******/
.hero-section {
position: relative;
background-position: center;
background-size: cover;
}
.hero-section .hero-content {
padding: 60px 0;
}
.hero-section .hero-content p {
max-width: 720px;
width: 100%;
}
.hero-section .hero-content h1 {
font-size: 40px;
margin-bottom: 20px;
}
.hero-section .hero-content h1 span {
position: relative;
}
.hero-section .hero-content h1 span.span-border::after {
content: "";
background: #F26522;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
@media (max-width: 991px) {
.hero-section .hero-content {
padding: 80px 0;
}
}
@media (max-width: 767px) {
.hero-section .hero-content {
padding: 60px 0;
}
}
.hero-section .hero-content .btn {
margin-right: 16px;
}
@media (max-width: 991.98px) {
.hero-section .hero-content .btn {
margin-right: 10px;
}
}
.banner-tag-info {
border: 1px solid #E5E7EB;
border-radius: 30px;
padding: 8px 10px;
}
.banner-tag-info span {
background: #F26522;
padding: 5px 10px;
color: #FFF;
border-radius: 30px;
font-size: 13px;
}
.banner-tag-info p {
color: #1F2937;
font-size: 14px;
}
.ripple-effect {
position: relative;
}
.ripple-effect::before, .ripple-effect::after {
position: absolute;
left: 50%;
top: 50%;
width: 33px;
height: 33px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
box-shadow: 0 0 0 0 #E8E9EA;
animation: ripple 3s infinite;
}
.ripple-effect::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.ripple-effect::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}
.round-animate {
animation: round 5s linear infinite;
}
@keyframes round {
50% {
transform: rotate(10deg);
}
}
.floating-x {
-webkit-animation-name: floating-x;
animation-name: floating-x;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes floating-x {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
.floating-y {
-webkit-animation-name: floating-y;
animation-name: floating-y;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes floating-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.section {
padding: 60px 0;
}
@media (max-width: 991px) {
.section {
padding: 50px 0;
}
}
@media (max-width: 767px) {
.section {
padding: 40px 0;
}
}
.section.custom-padding {
padding-bottom: 36px;
}
@media (max-width: 991px) {
.section.custom-padding {
padding-bottom: 26px;
}
}
@media (max-width: 767px) {
.section.custom-padding {
padding-bottom: 16px;
}
}
.banner-img {
position: relative;
z-index: 1;
}
.banner-bg img {
position: absolute;
z-index: -1;
}
.banner-bg .banner-bg-01 {
top: -60px;
right: 50px;
}
.banner-bg .banner-bg-02 {
top: 80px;
right: -10px;
}
.banner-bg .banner-bg-03 {
bottom: 40px;
left: 0;
z-index: 1;
}
.section-header {
margin-bottom: 40px;
}
.section-header h2 {
font-size: 24px;
}
.text-truncate {
white-space: normal;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.text-truncate.line-clamb-3 {
-webkit-line-clamp: 3;
}
.text-truncate.line-clamb-2 {
-webkit-line-clamp: 2;
}
.card-hover {
transition: 0.5s all;
}
.card-hover:hover {
transform: translateY(-10px);
transition: 0.5s all;
}
.choose-template {
background: #F26522;
position: relative;
z-index: 1;
}
.choose-template .sec-bg-1 {
position: absolute;
right: 0;
bottom: 20px;
z-index: -1;
}
.choose-template-card .card-body {
padding: 15px;
}
.choose-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
border: 1px solid #E5E7EB;
background: #F8F9FA;
}
.nav-pills {
--bs-nav-pills-link-active-bg: $primary;
}
.template-inner-tab ul li button {
border: 1px solid #E5E7EB;
color: #111827;
font-weight: 500;
transition: 0.5s all;
background: #FFF;
}
.template-inner-tab ul li button.active {
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
color: #FFF;
}
.template-inner-tab ul li button:hover {
background: linear-gradient(90deg, #FF6F28 0%, #FF5325 100%);
color: #FFF;
transition: 0.5s all;
}
.dashboard-img {
padding: 20px;
background: #FEF1EB;
}
.demo-sec {
position: relative;
z-index: 1;
}
.demo-sec .sec-bg-1 {
position: absolute;
left: 50px;
top: 15%;
z-index: -1;
}
.demo-sec .sec-bg-2 {
position: absolute;
right: 50px;
bottom: 100px;
z-index: -1;
}
.horizontal-slide {
overflow: hidden;
}
.horizontal-slide[data-direction=right] {
--_animation-direction: reverse;
}
.horizontal-slide[data-direction=left] {
--_animation-direction: forwards;
}
.horizontal-slide[data-speed=fast] {
--_animation-duration: 30s;
}
.horizontal-slide[data-speed=slow] {
--_animation-duration: 120s;
}
.horizontal-slide .slide-list {
width: max-content;
flex-wrap: nowrap;
animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}
.horizontal-slide .slide-list:hover {
animation-play-state: paused;
}
@keyframes scroll {
to {
transform: translate(calc(-50% - 0.5rem));
}
}
.support-section .horizontal-slide {
transform: skewY(-1.5deg);
transform-origin: center;
}
.framework-features span {
display: flex;
align-items: center;
justify-content: center;
min-height: 72px;
}
.counter-sec {
background: #212529;
padding: 40px 0;
border-radius: 10px;
position: relative;
z-index: 1;
}
.counter-sec .sec-bg-1 {
position: absolute;
left: 50px;
top: 0;
z-index: -1;
}
.counter-sec .sec-bg-2 {
position: absolute;
right: 0;
top: 30px;
z-index: -1;
}
.feature-pages .section-btn {
margin-bottom: 30px;
}
.feature-pages .features-padding {
padding-bottom: 60px;
}
.inner-pages-sec {
background: #FAFBFB;
}
.img-bg-box {
border-radius: 10px;
padding: 0 20px;
background: #FEF1EB;
margin-bottom: 30px;
}
.img-bg-box span {
display: block;
position: relative;
bottom: -30px;
}
.inner-img-bg {
background: #EDF2F4;
border-radius: 10px;
padding: 20px;
}
.inner-img-bg img {
border-radius: 10px;
}
.layouts-sec {
position: relative;
z-index: 1;
}
.layouts-sec .sec-bg-1 {
position: absolute;
right: 0;
top: 20px;
z-index: -1;
}
.layouts-sec .sec-bg-2 {
position: absolute;
left: 30px;
bottom: 0;
z-index: -1;
}
.price-section {
position: relative;
z-index: 1;
}
.price-section .sec-bg-1 {
position: absolute;
left: 50px;
top: 15%;
z-index: -1;
}
.price-section .sec-bg-2 {
position: absolute;
right: 0;
bottom: 25%;
z-index: -1;
}
.pricing-card .pricing-head h2 {
font-size: 48px;
}
.pricing-card .pricing-list li {
color: #6B7280;
margin-bottom: 8px;
}
.pricing-card .pricing-list li:last-child {
margin-bottom: 0;
}
.faq-sec {
background: #FAFBFB;
}
.custom-design-sec {
background: #F26522;
padding: 40px 0 16px;
}
.subscribe form {
background: #FFFFFF;
border-radius: 30px;
margin: auto;
padding: 10px 10px 10px 20px;
}
.subscribe .input-group-addon button {
background: #F9531D;
border: transparent;
border-radius: 50px;
color: #ffffff;
padding: 10px 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.subscribe .input-group > .form-control {
color: #212529;
background-color: transparent !important;
border-color: transparent !important;
outline: 0;
box-shadow: none;
padding: 0;
}
.layout-card img {
width: 100%;
}
.other-product a {
background: #e74c3c;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px;
font-size: 18px;
border-radius: 10px 10px 0 0;
transform: translateY(-100%);
-ms-transform: rotate(-90deg) translateY(-100%);
transform: rotate(-90deg) translateY(-100%);
-webkit-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
position: fixed;
right: 0;
top: 25%;
z-index: 100;
}
.offcanvas {
transition: 1s all;
}
.btn-close:focus {
box-shadow: none;
}
.offcanvas .custom-btn-close {
background-image: none;
font-size: 20px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 50%;
background: #FD3A55;
opacity: 1;
color: #fff !important;
}
.product-more {
padding: 25px 0 25px;
}
.product-more h3 {
font-weight: 700;
font-size: 24px;
color: #030A16;
margin-bottom: 0;
}
.more-product .purchase-now {
padding: 15px 30px !important;
}
.other-product h3 {
font-weight: 700;
font-size: 24px;
color: #030A16;
margin-bottom: 0;
}
.submenu-head {
text-align: center;
margin-bottom: 25px;
}
.submenu-head .product-content img {
margin-bottom: 10px;
}
.submenu-head .product-content {
padding: 10px;
background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(179, 179, 179, 0.25);
border-radius: 10px;
}
.submenu-head .product-content p {
font-weight: 600;
font-size: 16px;
color: #666666;
margin-bottom: 0;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.submenu-head .product-content h4 {
font-weight: 700;
font-size: 18px;
color: #030A16;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.product-content {
transition: 0.5s all;
}
.product-content:hover {
transform: translateY(-10px);
transition: 0.5s all;
}
.product-content:hover h4 {
color: #F26522;
}
/******* Vendors ******/
.select2-container {
min-width: 100% !important;
z-index: 99;
}
.select2-container .select2-selection--single {
height: 38px;
}
.select2-container--default .select2-selection--single {
border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #111827 !important;
line-height: 38px;
border-radius: 5px;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
padding-right: 30px;
}
.select2-container--default .select2-selection--single .select {
width: 219px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px;
right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
border-color: #374151;
border-style: solid;
border-width: 0 1px 1px 0;
padding: 3px;
height: 0;
margin-left: -6px;
margin-top: -3px;
width: 0;
transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #000;
border-width: 1px 0 0 1px;
margin-top: 3px;
padding: 3px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #F26522;
color: #FFF;
}
.select2-container--focus .select2-selection--single {
background: #FFF !important;
border-color: #E9EDF4;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 9999;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple,
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__rendered {
border-color: #E9EDF4;
color: #6B7280;
}
.select2-dropdown {
border-color: #E9EDF4;
}
.select2-container--default .select2-selection--multiple {
line-height: 27px;
height: auto;
min-height: 40px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: #1B84FF;
border-color: #1B84FF;
color: #FFF;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-color: #F26522;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #F26522;
}
.select2-container--open .ti-filter {
z-index: 9999 !important;
}
.mean-container a.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-bar {
background: #FFF;
}
.mean-container .mean-nav {
background: #FFF;
margin-top: 0;
}
.mean-container .mean-nav > ul {
display: block !important;
}
.mean-container .mean-nav > ul li a {
color: #111827;
}
/*# sourceMappingURL=style.css.map */