html[dir=rtl] .topbar .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-end {
right: auto;
left: 0
}
html[dir=rtl][data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.sidebar-link.has-arrow {
padding-right: 0!important;
padding-left: 25px!important
}
html[dir=rtl][data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.sidebar-link.has-arrow::after {
right: auto;
left: 9px
}
html[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left>.minicolors-swatch {
right: 5px;
left: unset
}
html[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
padding-right: 44px;
padding-left: 12px
}
@media (min-width: 1300px) {
html[dir=rtl][data-layout=vertical] #main-wrapper .page-wrapper {
margin-right:270px;
margin-left: 0
}
html[dir=rtl][data-layout=vertical] [data-sidebartype=mini-sidebar] #main-wrapper .page-wrapper {
margin-right: 87px
}
html[dir=rtl][data-layout=vertical] [data-sidebartype=mini-sidebar] .left-sidebar:hover .nav-small-cap {
text-align: right
}
}
@media (max-width: 1299.98px) {
html[dir=rtl] #main-wrapper.show-sidebar .left-sidebar {
left:unset;
right: 0
}
html[dir=rtl] .left-sidebar {
left: unset;
right: -270px
}
}
html[dir=rtl] .left-sidebar {
border-left: 1px solid var(--bs-border-color);
border-right: 0
}
html[dir=rtl] .brand-logo .logo-img {
transform: rotateY(180deg);
display: flex;
justify-content: end
}
html[dir=rtl] .sidebar-nav .has-arrow::after {
right: unset;
left: 15px;
margin-left: 0;
margin-right: 10px
}
html[dir=rtl] .dropdown-menu {
text-align: right
}
html[dir=rtl] .unlimited-img {
transform: rotate(182deg)
}
html[dir=rtl] .welcome-bg-img {
left: 0;
right: unset!important
}
html[dir=rtl] .btn.minus {
border-top-right-radius: 7px!important;
border-bottom-right-radius: 7px!important;
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
border-right: 1px solid!important
}
html[dir=rtl] .btn.add {
border-left: 1px solid!important;
border-top-left-radius: 7px!important;
border-bottom-left-radius: 7px!important;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
html[dir=rtl] .wizard-content .wizard>.steps>ul>li:before {
left: unset;
right: 0
}
html[dir=rtl] .wizard-content .wizard>.steps>ul>li:after {
left: 0;
right: unset
}
html[dir=rtl] .page-item:first-child .page-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 7px!important;
border-bottom-right-radius: 7px!important
}
html[dir=rtl] .page-item:last-child .page-link {
border-top-left-radius: 7px!important;
border-bottom-left-radius: 7px!important;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
html[dir=rtl] .timeline-widget .timeline-item .timeline-time {
padding: 6px 0 6px 16px
}
.jp-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
table-layout: unset;
border-spacing: unset;
margin-top: 15px
}
.jp-controls a {
cursor: pointer;
padding: 10px 5px;
display: flex;
align-items: center;
justify-content: center
}
.jp-controls a i {
line-height: inherit
}
.jp-controls>div {
display: unset;
vertical-align: unset;
text-align: unset;
width: unset;
height: unset
}
div.jp-progress {
width: auto;
padding: 0 15px;
vertical-align: top;
position: relative;
padding: 0 10px
}
.jp-seek-bar {
position: relative;
background-color: rgba(0,0,0,.2);
height: 6px;
border-radius: 10px;
margin-top: 10px
}
.jp-title {
position: relative;
line-height: unset;
left: unset;
right: unset;
top: unset
}
.jp-title ul {
list-style: none;
margin: 0;
padding: 0
}
.jp-title li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.jp-artist {
opacity: .6
}
.jp-volume {
width: 60px!important;
padding-right: 10px!important
}
.jp-volume-bar-value {
height: 6px
}
a.hid {
display: none
}
a.jp-playlist-current:before {
content: "\f144";
opacity: 1
}
.jp-video {
font-size: 0;
line-height: 0;
min-height: 160px
}
.jp-video-play {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
cursor: pointer;
margin-left: -30px;
margin-top: -65px
}
.jp-video-full {
width: 480px;
height: 270px;
position: static!important;
position: relative
}
.jp-video-full div div {
z-index: 1000
}
.jp-video-full .jp-jplayer {
top: 0;
left: 0;
position: fixed!important;
position: relative;
overflow: hidden
}
.jp-video-full .jp-gui {
position: fixed!important;
position: static;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001
}
.jp-video-full .jp-interface {
position: absolute!important;
position: relative;
bottom: 0;
left: 0
}
.jp-playlist ul {
max-height: 320px;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
display: none!important
}
.jp-playlist.open ul {
display: block!important;
bottom: 60px;
left: 180px;
display: block!important;
bottom: 60px;
left: 0;
right: 0
}
.jp-playlist li {
list-style: none;
position: relative
}
.jp-playlist li:first-child .jp-playlist-item {
border-width: 0
}
.jp-playlist-item {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-top: 1px solid rgba(255,255,255,.1);
padding: 12px 40px 12px 8px
}
.jp-playlist-item:focus {
outline: 0
}
.jp-playlist-item:before {
display: inline-block;
text-align: center;
width: 30px;
font-family: FontAwesome;
content: "\f0da";
opacity: .6
}
.jp-playlist-item-remove {
font-size: 15px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 11px 18px;
opacity: .6
}
.jp-current-time {
font-size: 12px;
opacity: .7;
position: absolute;
top: 8px;
left: 0
}
.jp-duration {
font-size: 12px;
opacity: .7;
position: absolute;
top: 8px;
right: 0
}
.jp-play-bar {
height: 6px;
border-radius: 10px;
background: linear-gradient(267deg,var(--bs-primary) 41%,var(--bs-danger) 100%)
}
.hide {
display: none
}
@media (max-width: 767px) {
.footer .jp-gui {
margin:0 -10px
}
div.jp-progress {
padding: 0 10px
}
.jp-playlist.open ul {
display: block!important;
bottom: 60px;
left: 0;
right: 0
}
}
body .datepicker table tr td.active,body .datepicker table tr td.active.disabled,body .datepicker table tr td.active.disabled:hover,body .datepicker table tr td.active:hover,body .datepicker table tr td.selected,body .datepicker table tr td.selected.disabled,body .datepicker table tr td.selected.disabled:hover,body .datepicker table tr td.selected:hover,body .datepicker table tr td.today,body .datepicker table tr td.today.disabled,body .datepicker table tr td.today.disabled:hover,body .datepicker table tr td.today:hover {
background-color: var(--bs-primary)!important;
background-image: unset;
color: #fff
}
body .datepicker table tr td.day.focused,body .datepicker table tr td.day:hover,body .datepicker table tr td.range,body .datepicker table tr td.range.disabled,body .datepicker table tr td.range.disabled:hover,body .datepicker table tr td.range:hover {
background: var(--bs-gray-100)
}
body .daterangepicker {
font-family: "Plus Jakarta Sans",sans-serif;
border: 1px solid var(--bs-border-color)
}
body .daterangepicker td.active {
background-color: var(--bs-primary)
}
body .daterangepicker td.active:hover {
background-color: var(--bs-primary)
}
body .daterangepicker td.in-range {
background-color: var(--bs-primary-bg-subtle);
color: var(--bs-primary)
}
body .daterangepicker .drp-buttons {
border-top: 1px solid var(--bs-border-color)
}
body .daterangepicker .drp-buttons .btn {
margin-left: 12px;
font-weight: 400;
border-radius: var(--bs-border-radius)
}
body .daterangepicker .calendar-table .next span {
border: solid var(--bs-body-color);
border-width: 0 2px 2px 0
}
body .daterangepicker .calendar-table .prev span {
border: solid var(--bs-body-color);
border-width: 0 2px 2px 0
}
body .dtp>.dtp-content {
max-height: 530px
}
body .dtp>.dtp-content>.dtp-date-view>header.dtp-header {
background: var(--bs-primary)!important
}
body .dtp div.dtp-date {
background: var(--bs-primary)!important
}
body .dtp div.dtp-time {
background: var(--bs-primary)!important
}
body .dtp table.dtp-picker-days tr>td>a.selected {
background: var(--bs-primary)!important
}
body .dtp table.dtp-picker-days tr>th {
color: var(--bs-body-color)!important
}
body .dtp .dtp-actual-meridien a.selected {
background: var(--bs-primary)!important
}
body .dtp .p10>a {
color: var(--bs-primary)!important
}
body .dtp a.dtp-meridien-am {
color: var(--bs-body-color)!important;
background: var(--bs-body-bg)!important
}
body .dtp a.dtp-meridien-pm {
color: var(--bs-body-color)!important;
background: var(--bs-body-bg)!important
}
body .picker__select--month {
height: auto;
border: 1px solid var(--bs-border-color);
border-radius: 20px;
background: 0 0
}
body .picker__select--year {
height: auto;
border: 1px solid var(--bs-border-color);
border-radius: 20px;
background: 0 0
}
body .picker__day--highlighted {
border-color: var(--bs-primary)
}
body .picker__day--highlighted:hover {
background: var(--bs-primary);
color: #fff
}
body .picker--focused .picker__day--highlighted {
background: var(--bs-primary);
color: #fff
}
body .picker__day--today:before {
border-top: .5em solid var(--bs-primary-bg-subtle)
}
body .picker__button--today {
font-weight: 400;
font-size: 16px
}
body .picker__button--today:before {
border-top: .66em solid var(--bs-primary)
}
body .picker__button--clear {
font-weight: 400;
font-size: 16px
}
body .picker__button--clear:before {
border-top: 3px solid var(--bs-danger)
}
body .picker__day {
font-weight: 400;
font-size: 16px;
border-radius: var(--bs-border-radius)
}
body .picker__button--close {
font-weight: 400;
font-size: 16px
}
body .picker__month {
font-size: 18px
}
body .picker__year {
font-size: 18px
}
body .picker__nav--prev:before {
border-right: .75em solid var(--bs-body-color)
}
body .picker__nav--next:before {
border-left: .75em solid var(--bs-body-color)
}
body .ql-container.ql-snow,body .ql-toolbar.ql-snow {
border: 1px solid var(--bs-border-color)
}
body .ql-container.ql-snow {
border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius)
}
body .ql-toolbar.ql-snow {
border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0
}
.calendar-container {
padding: 30px 30px;
background-color: var(--bs-primary);
border-radius: 7px;
border: 1px solid #e0e6ed
}
.app-calendar .fc .fc-daygrid-day-frame {
max-height: 90px
}
.app-calendar .fc-event-title {
font-weight: 600
}
.app-calendar .fc-toolbar-title {
color: var(--bs-primary);
font-size: 18px
}
.app-calendar .fc-daygrid-event {
border-radius: 4px 20px 20px 4px
}
.app-calendar .fc .fc-col-header-cell-cushion,.app-calendar .fc .fc-daygrid-day-number {
color: var(--bs-body-color-rgb);
text-decoration: none
}
.app-calendar .fc .fc-button-primary {
background-color: var(--bs-gray-200);
border-color: var(--bs-gray-200);
letter-spacing: 1px;
font-size: 14px;
color: var(--bs-heading-color)
}
.app-calendar .fc .fc-button-primary:not(:disabled).fc-button-active {
background-color: var(--bs-dark);
font-weight: 400;
border-color: var(--bs-dark);
color: #fff
}
.app-calendar .fc .fc-button-primary:hover {
background-color: var(--bs-dark);
color: var(--bs-white);
border-color: var(--bs-dark)
}
.app-calendar .fc .fc-button-primary:not(:disabled):active {
background-color: var(--bs-border-color);
border-color: var(--bs-border-color)
}
.app-calendar .fc .fc-button-primary:focus {
box-shadow: none!important
}
.app-calendar .fc .fc-button-primary:active:focus {
box-shadow: none!important
}
.app-calendar .fc .fc-list-sticky .fc-list-day>* {
background-color: var(--bs-white)
}
.app-calendar .fc .fc-daygrid-body {
width: 100%!important
}
.app-calendar .fc .fc-scrollgrid-section table {
width: 100%!important
}
.app-calendar .fc .fc-scrollgrid-section-body table {
width: 100%!important
}
.app-calendar .fc .fc-button {
border-radius: 7px;
padding: 7px 20px;
text-transform: capitalize;
color: var(--bs-heading-color)
}
.app-calendar .fc .fc-button:hover {
background-color: var(--bs-gray-300);
color: var(--bs-dark);
border-color: var(--bs-gray-300)
}
.app-calendar .fc .fc-next-button {
border-radius: 0 7px 7px 0
}
.app-calendar .fc .fc-prev-button {
border-radius: 7px 0 0 7px
}
.app-calendar .fc .fc-next-button,.app-calendar .fc .fc-prev-button {
padding: 7px 10px
}
.app-calendar .fc .fc-toolbar>*>:not(:first-child) {
margin-left: 4px!important
}
.app-calendar .fc .fc-addEventButton-button {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: var(--bs-white);
font-weight: 400;
margin-left: 12px!important
}
.app-calendar .fc .fc-addEventButton-button:hover {
background-color: var(--bs-dark);
border-color: var(--bs-dark);
box-shadow: none;
color: var(--bs-white)
}
.app-calendar .fc .fc-addEventButton-button:not(:disabled):active {
background-color: var(--bs-primary);
box-shadow: none;
color: var(--bs-white)
}
.app-calendar .fc .fc-daygrid-day.fc-day-today {
background-color: transparent;
padding: 3px;
border-radius: 23px
}
.app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
background-color: var(--bs-gray-200);
border-radius: 7px
}
.app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
font-size: 15px;
font-weight: 800
}
.app-calendar .fc .fc-list-event:hover td {
background-color: var(--bs-gray-200)
}
.app-calendar .fc-theme-standard .fc-list-day-cushion {
background-color: var(--bs-white)
}
.app-calendar .fc-theme-standard .fc-list {
border: 1px solid var(--bs-border-color)
}
.app-calendar .fc-theme-standard .fc-scrollgrid {
border: 0 solid var(--bs-border-color);
border-width: 0
}
.app-calendar .fc-theme-standard td {
border: 1px solid var(--bs-border-color)
}
.app-calendar .fc-theme-standard th {
border: 1px solid var(--bs-border-color);
border-bottom: 0;
border-width: 0;
height: 56px;
background-color: var(--bs-gray-200);
vertical-align: middle;
color: #5a6a85
}
.app-calendar .fc-v-event .fc-event-main {
color: var(--bs-gray-200)
}
.app-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event {
box-shadow: none
}
.app-calendar .fc-timegrid-event.fc-event-mirror {
box-shadow: none
}
.app-calendar .fc-timegrid-more-link {
box-shadow: none
}
.app-calendar .event-fc-color {
background-color: var(--bs-secondary-bg-subtle);
border-width: 0 0 0 4px;
border-style: solid;
padding: 8px 10px;
margin-bottom: 1px;
font-size: 13px;
font-weight: 500;
cursor: pointer
}
.app-calendar .event-fc-color:hover {
background-color: var(--bs-gray-200)
}
.app-calendar .fc-daygrid-event-dot {
margin: 0 6px 0 0
}
.app-calendar .fc-bg-primary {
color: var(--bs-primary);
background-color: var(--bs-primary-bg-subtle);
border-color: var(--bs-primary)
}
.app-calendar .fc-bg-primary .fc-daygrid-event-dot {
border-color: var(--bs-primary)
}
.app-calendar .fc-bg-primary.fc-h-event .fc-event-main {
color: var(--bs-primary)
}
.app-calendar .fc-bg-success {
color: var(--bs-success);
background-color: var(--bs-success-bg-subtle);
border-color: var(--bs-success)
}
.app-calendar .fc-bg-success .fc-daygrid-event-dot {
border-color: var(--bs-success)
}
.app-calendar .fc-bg-success.fc-h-event .fc-event-main {
color: var(--bs-success)
}
.app-calendar .fc-bg-warning {
color: var(--bs-warning);
background-color: var(--bs-warning-bg-subtle);
border-color: var(--bs-warning)
}
.app-calendar .fc-bg-warning .fc-daygrid-event-dot {
border-color: var(--bs-warning)
}
.app-calendar .fc-bg-warning.fc-h-event .fc-event-main {
color: var(--bs-warning)
}
.app-calendar .fc-bg-danger {
color: var(--bs-danger);
background-color: var(--bs-danger-bg-subtle);
border-color: var(--bs-danger)
}
.app-calendar .fc-bg-danger .fc-daygrid-event-dot {
border-color: var(--bs-danger)
}
.app-calendar .fc-bg-danger.fc-h-event .fc-event-main {
color: var(--bs-danger)
}
.app-calendar .btn-update-event {
display: none
}
@media (max-width: 1199px) {
.app-calendar .calendar-container {
padding:30px 0 0 0
}
.app-calendar .fc-theme-standard .fc-list {
border: none
}
.app-calendar .fc .fc-toolbar {
align-items: center;
flex-direction: column
}
.app-calendar .fc .fc-toolbar.fc-header-toolbar {
margin-bottom: 50px
}
.app-calendar .fc-toolbar-chunk:not(:first-child) {
margin-top: 35px
}
}
body .apexcharts-tooltip {
border-radius: 16px
}
body .apexcharts-tooltip-marker {
border-radius: 4px;
width: 12px;
height: 4px
}
body .apexcharts-tooltip.apexcharts-theme-dark {
background: rgba(17,28,45,.8)
}
body .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
border-bottom: 0;
background: rgba(17,28,45,.7)
}
body .apexcharts-tooltip-series-group {
padding: 0 14px
}
body .apexcharts-tooltip-title {
padding: 10px 14px
}
.css-bar {
position: relative;
display: inline-block;
font-size: 16px;
border-radius: 50%;
background-color: transparent;
margin-bottom: 20px;
box-sizing: content-box;
width: 80px;
height: 80px;
font-size: 18px
}
.css-bar:after {
display: inline-block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
text-align: center;
font-weight: light;
color: var(--bs-body-color);
content: attr(data-label);
background-color: var(--bs-gray-100);
z-index: 1;
width: 70px;
height: 70px;
margin-left: 5px;
margin-top: 5px;
line-height: 70px
}
.css-bar>img {
display: inline-block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
text-align: center;
font-weight: light;
color: var(--bs-body-color);
z-index: 2;
width: 70px;
height: 70px;
margin-left: 5px;
margin-top: 5px;
line-height: 70px
}
.css-bar>i {
width: 70px;
height: 70px;
background: var(--bs-body-bg);
line-height: 70px;
position: absolute;
border-radius: 100%;
text-align: center;
margin-left: 5px;
margin-top: 5px;
left: 0;
right: 0;
z-index: 2;
font-size: 27px;
color: var(--bs-body-color)
}
.css-bar-success.css-bar-20 {
background-image: linear-gradient(90deg,var(--bs-gray-100) 50%,transparent 50%,transparent),linear-gradient(162deg,#13deb9 50%,var(--bs-gray-100) 50%,var(--bs-gray-100))
}
.css-bar-primary.css-bar-20 {
background-image: linear-gradient(90deg,var(--bs-gray-100) 50%,transparent 50%,transparent),linear-gradient(162deg,var(--bs-primary) 50%,var(--bs-gray-100) 50%,var(--bs-gray-100))
}
.css-bar-danger.css-bar-20 {
background-image: linear-gradient(90deg,var(--bs-gray-100) 50%,transparent 50%,transparent),linear-gradient(162deg,#fa896b 50%,var(--bs-gray-100) 50%,var(--bs-gray-100))
}
.css-bar-warning.css-bar-40 {
background-image: linear-gradient(90deg,var(--bs-gray-100) 50%,transparent 50%,transparent),linear-gradient(234deg,#ffae1f 50%,var(--bs-gray-100) 50%,var(--bs-gray-100))
}
.css-bar-info.css-bar-60 {
background-image: linear-gradient(306deg,#539bff 50%,transparent 50%,transparent),linear-gradient(270deg,#539bff 50%,var(--bs-gray-100) 50%,var(--bs-gray-100))
}
.checkout .wizard-content .tab-wizard .steps ul li.done .step {
background-color: var(--bs-primary)!important
}
.checkout .wizard-content .tab-wizard .steps ul li.current .step {
background-color: var(--bs-primary)!important
}
.checkout .wizard-content .tab-wizard .steps ul li.current a {
color: var(--bs-muted)
}
.checkout .wizard-content .tab-wizard .steps ul li::after,.checkout .wizard-content .tab-wizard .steps ul li::before {
height: 1px;
width: 44%
}
.checkout .wizard-content .tab-wizard .steps ul li a {
margin-top: 32px;
padding-top: 36px;
font-size: 12px
}
.checkout .wizard-content .tab-wizard .steps ul li a .step {
margin-left: -14px;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border: 0;
font-size: 13px;
color: #fff;
background-color: rgba(42,53,71,.6)
}
.checkout .wizard-content .tab-wizard .actions ul li a:hover {
background-color: var(--bs-primary);
color: #fff
}
.checkout .payment-method .btn-group-active .btn-group input:checked+label {
background-color: var(--bs-primary-bg-subtle);
border-color: var(--bs-primary);
box-shadow: inherit
}
.checkout .payment-method .btn-group-active .btn-group label {
border-color: var(--bs-border-color)
}
.checkout .payment-method-list {
display: none
}
@media (max-width: 768px) {
.checkout .wizard-content .tab-wizard .steps ul li {
display:table-cell;
width: auto;
float: none
}
.checkout .wizard-content .tab-wizard .steps ul li:first-child::before,.checkout .wizard-content .tab-wizard .steps ul li:last-child::after {
display: none
}
}
@media (min-width: 992px) {
.datatables .table-responsive {
overflow-x:clip
}
}
.table-responsive .dataTables_wrapper .dataTables_length select {
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
padding-right: .625rem;
font-size: .765625rem;
border-radius: 5px;
border-color: var(--bs-border-color)
}
.table-responsive .dataTables_wrapper .dataTables_filter {
margin-bottom: 25px
}
.table-responsive .dataTables_wrapper .dataTables_filter input {
padding: .25rem .5rem;
font-size: .765625rem;
border-radius: 5px;
border: 1px solid var(--bs-border-color)
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {
cursor: pointer;
padding: 6px 12px;
border: 1px solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
margin: 0 3px
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button .previous {
border-radius: 7px 0 0 7px;
background-color: var(--bs-gray-200)
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current {
color: #fff;
background-color: var(--bs-primary);
border-color: var(--bs-primary)
}
.wizard {
display: block;
width: 100%;
overflow: hidden
}
.wizard a {
outline: 0
}
.wizard ul {
list-style: none!important;
padding: 0;
margin: 0
}
.wizard ul>li {
display: block;
padding: 0
}
.wizard>.steps {
position: relative;
display: block;
width: 100%
}
.wizard>.steps .current-info {
position: absolute;
left: -999em
}
.wizard>.steps>ul>li {
width: 25%;
float: left
}
.wizard>.steps a {
display: block;
width: auto;
margin: 0 .5em .5em;
padding: 1em 1em;
text-decoration: none;
border-radius: 7px
}
.wizard>.steps a:hover {
display: block;
width: auto;
margin: 0 .5em .5em;
padding: 1em 1em;
text-decoration: none;
border-radius: 7px
}
.wizard>.steps a:active {
display: block;
width: auto;
margin: 0 .5em .5em;
padding: 1em 1em;
text-decoration: none;
border-radius: 7px
}
.wizard>.steps .disabled a {
background: var(--bs-body-bg);
color: var(--bs-body-color);
cursor: default
}
.wizard>.steps .disabled a:hover {
background: var(--bs-border-color);
color: var(--bs-body-color);
cursor: default
}
.wizard>.steps .disabled a:active {
background: var(--bs-border-color);
color: var(--bs-body-color);
cursor: default
}
.wizard>.steps .current a {
background: var(--bs-primary);
color: var(--bs-white);
cursor: default
}
.wizard>.steps .current a:active {
background: var(--bs-primary);
color: var(--bs-white);
cursor: default
}
.wizard>.steps .done a {
background: #9dc8e2;
color: var(--bs-white)
}
.wizard>.steps .done a:hover {
background: #9dc8e2;
color: var(--bs-white)
}
.wizard>.steps .done a:active {
background: #9dc8e2;
color: var(--bs-white)
}
.wizard>.steps .error a {
background: var(--bs-danger);
color: var(--bs-white)
}
.wizard>.steps .error a:hover {
background: var(--bs-danger);
color: var(--bs-white)
}
.wizard>.steps .error a:active {
background: var(--bs-danger);
color: var(--bs-white)
}
.wizard>.content {
background: var(--bs-body-bg);
display: block;
margin: .5em;
overflow: hidden;
position: relative;
width: auto;
border-radius: 7px
}
.wizard>.content>.title {
position: absolute;
left: -999em
}
.wizard>.content>.body {
float: left;
position: relative;
width: 100%;
height: 100%;
padding: 2.5%
}
.wizard>.content>.body ul {
list-style: disc!important
}
.wizard>.content>.body ul>li {
display: list-item
}
.wizard>.content>.body>iframe {
border: 0 none;
width: 100%;
height: 100%
}
.wizard>.content>.body input[type=checkbox] {
display: inline-block
}
.wizard>.content>.body input.error {
background: var(--bs-danger-bg-subtle);
border: 1px solid var(--bs-danger-bg-subtle);
color: var(--bs-danger)
}
.wizard>.content>.body label {
display: inline-block;
margin-bottom: .5em
}
.wizard>.content>.body label.error {
color: var(--bs-danger);
display: inline-block;
margin-left: 1.5em
}
.wizard>.actions {
position: relative;
display: block;
text-align: right;
width: 100%;
margin-top: 20px
}
.wizard>.actions>ul {
display: inline-block;
text-align: right
}
.wizard>.actions>ul>li {
float: left;
margin: 0 6px
}
.wizard>.actions a {
background: var(--bs-primary);
color: var(--bs-white);
display: block;
padding: .5em 1em;
text-decoration: none;
border-radius: 7px
}
.wizard>.actions a:hover {
background: var(--bs-primary);
color: var(--bs-white);
display: block;
padding: .5em 1em;
text-decoration: none;
border-radius: 7px
}
.wizard>.actions a:active {
background: var(--bs-primary);
color: var(--bs-white);
display: block;
padding: .5em 1em;
text-decoration: none;
border-radius: 7px
}
.wizard.vertical>.steps {
display: inline;
float: left;
width: 30%
}
.wizard.vertical>.steps>ul>li {
float: none;
width: 100%
}
.wizard.vertical>.content {
display: inline;
float: left;
margin: 0 2.5% .5em 2.5%;
width: 65%
}
.wizard.vertical .actions {
display: inline;
float: right;
margin: 0 2.5%;
width: 95%
}
.wizard.vertical .actions ul li {
margin: 0 0 0 1em
}
.wizard .actions ul li a[href="#previous"] {
background-color: rgba(42,53,71,.6);
color: #fff;
border: 0
}
.wizard .actions ul li a[href="#previous"]:focus {
box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset
}
.wizard .actions ul li a[href="#previous"]:hover {
background-color: rgba(42,53,71,.6)!important;
box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset
}
.wizard .actions ul li a[href="#previous"]:active {
box-shadow: 0 0 0 100px rgba(0,0,0,.04) inset
}
.wizard .actions ul li.disabled {
opacity: .6
}
.wizard-content .wizard {
width: 100%;
overflow: hidden
}
.wizard-content .wizard>.steps {
position: relative;
display: block;
width: 100%
}
.wizard-content .wizard>.steps>ul {
display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
list-style: none
}
.wizard-content .wizard>.steps>ul>li {
float: none;
display: table-cell;
width: auto;
vertical-align: top;
text-align: center;
position: relative
}
.wizard-content .wizard>.steps>ul>li:after {
content: "";
z-index: 0;
display: block;
position: absolute;
right: 0
}
.wizard-content .wizard>.steps>ul>li:before {
content: "";
z-index: 0;
display: block;
position: absolute;
left: 0
}
.wizard-content .wizard>.steps>ul>li a {
position: relative;
padding-top: 52px;
margin-top: 20px;
margin-bottom: 20px;
display: block
}
.wizard-content .wizard>.steps>ul>li:first-child:before {
content: none
}
.wizard-content .wizard>.steps>ul>li:last-child:after {
content: none
}
.wizard-content .wizard>.steps>ul>li.current>a {
color: var(--bs-muted);
cursor: default
}
.wizard-content .wizard>.steps>ul>li.current .step {
border-color: var(--bs-primary);
background-color: var(--bs-white);
color: var(--bs-primary)
}
.wizard-content .wizard>.steps>ul>li.disabled a {
color: var(--bs-muted);
cursor: default
}
.wizard-content .wizard>.steps>ul>li.disabled a:focus {
color: var(--bs-muted);
cursor: default
}
.wizard-content .wizard>.steps>ul>li.disabled a:hover {
color: var(--bs-muted);
cursor: default
}
.wizard-content .wizard>.steps>ul>li.done a {
color: var(--bs-muted)
}
.wizard-content .wizard>.steps>ul>li.done a:focus {
color: var(--bs-muted)
}
.wizard-content .wizard>.steps>ul>li.done a:hover {
color: var(--bs-muted)
}
.wizard-content .wizard>.steps>ul>li.done .step {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: var(--bs-white)
}
.wizard-content .wizard>.steps>ul>li.error .step {
border-color: var(--bs-danger);
color: var(--bs-danger)
}
.wizard-content .wizard>.steps .current-info {
position: absolute;
left: -99999px
}
.wizard-content .wizard>.steps .current a {
background: 0 0
}
.wizard-content .wizard>.steps .disabled a {
background: 0 0
}
.wizard-content .wizard>.steps .disabled a:hover {
background: 0 0
}
.wizard-content .wizard>.steps .disabled a:active {
background: 0 0
}
.wizard-content .wizard>.steps .done a {
background: 0 0
}
.wizard-content .wizard>.steps .done a:hover {
background: 0 0
}
.wizard-content .wizard>.steps .done a:active {
background: 0 0
}
.wizard-content .wizard>.steps .step {
background-color: var(--bs-white);
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -24px;
z-index: 1;
text-align: center
}
.wizard-content .wizard>.content {
background: 0 0;
overflow: hidden;
position: relative;
width: auto;
padding: 0;
margin: 0
}
.wizard-content .wizard>.content>.title {
position: absolute;
left: -99999px
}
.wizard-content .wizard>.content>.body {
padding: 0 20px
}
.wizard-content .wizard>.content>iframe {
border: 0;
width: 100%;
height: 100%
}
.wizard-content .wizard .content {
margin-left: 0!important
}
.wizard-content .wizard .actions {
position: relative;
display: block;
text-align: right;
padding: 0 20px 20px
}
.wizard-content .wizard .actions a {
background: 0 0
}
.wizard-content .wizard .actions a:hover {
background: 0 0
}
.wizard-content .wizard .actions>ul {
float: right;
list-style: none;
padding: 0;
margin: 0
}
.wizard-content .wizard .actions>ul>li {
float: none;
float: left
}
.wizard-content .wizard .actions>ul>li>a {
background: var(--bs-primary);
color: var(--bs-white);
display: block;
padding: 7px 12px;
border-radius: 7px;
border: 1px solid transparent
}
.wizard-content .wizard .actions>ul>li>a:focus {
box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset
}
.wizard-content .wizard .actions>ul>li>a:hover {
box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset
}
.wizard-content .wizard .actions>ul>li>a:active {
box-shadow: 0 0 0 100px rgba(0,0,0,.1) inset
}
.wizard-content .wizard .actions>ul>li a[href="#previous"] {
background-color: rgba(42,53,71,.6);
color: #fff;
border: 0
}
.wizard-content .wizard .actions>ul>li a[href="#previous"]:focus {
box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset
}
.wizard-content .wizard .actions>ul>li a[href="#previous"]:hover {
background-color: rgba(42,53,71,.6)!important;
box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset
}
.wizard-content .wizard .actions>ul>li a[href="#previous"]:active {
box-shadow: 0 0 0 100px rgba(0,0,0,.04) inset
}
.wizard-content .wizard .actions>ul:after {
content: "";
display: table;
clear: both
}
.wizard-content .wizard .actions>ul>li+li {
margin-left: 6px
}
.wizard-content .wizard .actions>ul>li.disabled>a {
opacity: .5;
color: var(--bs-primary)
}
.wizard-content .wizard .actions>ul>li.disabled>a:focus {
color: var(--bs-primary)
}
.wizard-content .wizard .actions>ul>li.disabled>a:hover {
color: var(--bs-primary)
}
.wizard-content .wizard .actions>ul>li.disabled>a[href="#previous"] {
box-shadow: none
}
.wizard-content .wizard .actions>ul>li.disabled>a[href="#previous"]:focus {
box-shadow: none
}
.wizard-content .wizard .actions>ul>li.disabled>a[href="#previous"]:hover {
box-shadow: none
}
.wizard-content .wizard .actions ul li.disabled a {
color: var(--bs-white);
background-color: rgba(42,53,71,.6);
opacity: .6;
border: 1px solid rgba(42,53,71,.6)
}
.wizard-content .wizard .actions ul li.disabled a:hover {
color: var(--bs-white);
background-color: rgba(42,53,71,.6)!important;
opacity: .6;
border: 1px solid rgba(42,53,71,.6)
}
.wizard-content .wizard .actions ul li a {
background: var(--bs-primary)
}
.wizard-content .wizard .actions ul li a:hover {
background: var(--bs-primary);
color: var(--bs-white)
}
.wizard-content .wizard.wizard-circle>.steps>ul>li:after {
top: 45px;
width: 50%;
height: 3px;
background-color: var(--bs-primary)
}
.wizard-content .wizard.wizard-circle>.steps>ul>li:before {
top: 45px;
width: 50%;
height: 3px;
background-color: var(--bs-primary)
}
.wizard-content .wizard.wizard-circle>.steps>ul>li.current:after {
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after {
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-circle>.steps .step {
width: 50px;
height: 50px;
line-height: 45px;
border: 3px solid var(--bs-light);
font-size: 1.3rem;
border-radius: 50%
}
.wizard-content .wizard.wizard-notification>.steps>ul>li:after {
top: 39px;
width: 50%;
height: 2px;
background-color: var(--bs-primary)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li:before {
top: 39px;
width: 50%;
height: 2px;
background-color: var(--bs-primary)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step {
border: 2px solid var(--bs-primary);
color: var(--bs-primary);
line-height: 36px
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after {
border-top-color: var(--bs-primary)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current:after {
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step {
color: var(--bs-white)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after {
border-top-color: var(--bs-primary)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after {
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before {
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-notification>.steps .step {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 1.3rem;
border-radius: 15%;
background-color: var(--bs-light)
}
.wizard-content .wizard.wizard-notification>.steps .step:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8px;
margin-bottom: -8px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid var(--bs-light)
}
.wizard-content .wizard.vertical>.steps {
display: inline;
float: left;
width: 20%
}
.wizard-content .wizard.vertical>.steps>ul>li {
display: block;
width: 100%
}
.wizard-content .wizard.vertical>.steps>ul>li:after {
background-color: transparent!important
}
.wizard-content .wizard.vertical>.steps>ul>li:before {
background-color: transparent!important
}
.wizard-content .wizard.vertical>.steps>ul>li.current:after {
background-color: transparent!important
}
.wizard-content .wizard.vertical>.steps>ul>li.current:before {
background-color: transparent!important
}
.wizard-content .wizard.vertical>.steps>ul>li.current~li:after {
background-color: transparent!important
}
.wizard-content .wizard.vertical>.steps>ul>li.current~li:before {
background-color: transparent!important
}
.wizard-content .wizard.vertical.wizard>.content {
min-width: 80%
}
.tabcontrol {
display: block;
width: 100%;
overflow: hidden
}
.tabcontrol a {
outline: 0
}
.tabcontrol ul {
list-style: none!important;
padding: 0;
margin: 0
}
.tabcontrol ul>li {
display: block;
padding: 0
}
.tabcontrol>.steps {
position: relative;
display: block;
width: 100%
}
.tabcontrol>.steps .current-info {
position: absolute;
left: -999em
}
.tabcontrol>.steps>ul {
position: relative;
margin: 6px 0 0 0;
top: 1px;
z-index: 1
}
.tabcontrol>.steps>ul>li {
float: left;
margin: 5px 2px 0 0;
padding: 1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
.tabcontrol>.steps>ul>li:hover {
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
padding: 0
}
.tabcontrol>.steps>ul>li>a {
color: var(--bs-body-color);
display: inline-block;
border: 0 none;
margin: 0;
padding: 10px 30px;
text-decoration: none
}
.tabcontrol>.steps>ul>li>a:hover {
text-decoration: none
}
.tabcontrol>.steps>ul>li.current {
background: var(--bs-white);
border: 1px solid var(--bs-border-color);
border-bottom: 0 none;
padding: 0 0 1px 0;
margin-top: 0
}
.tabcontrol>.steps>ul>li.current>a {
padding: 15px 30px 10px 30px
}
.tabcontrol>.content {
position: relative;
display: inline-block;
width: 100%;
height: 35em;
overflow: hidden;
border-top: 1px solid var(--bs-border-color);
padding-top: 20px
}
.tabcontrol>.content>.title {
position: absolute;
left: -999em
}
.tabcontrol>.content>.body {
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%
}
.tabcontrol>.content>.body ul {
list-style: disc!important
}
.tabcontrol>.content>.body ul>li {
display: list-item
}
@media (max-width: 768px) {
.wizard-content .wizard>.steps>ul {
margin-bottom:20px
}
.wizard-content .wizard>.steps>ul>li {
display: block;
float: left;
width: 50%
}
.wizard-content .wizard>.steps>ul>li>a {
margin-bottom: 0
}
.wizard-content .wizard>.steps>ul>li:first-child:before {
content: ""
}
.wizard-content .wizard>.steps>ul>li:last-child:after {
content: "";
background-color: var(--bs-primary)
}
.wizard-content .wizard.vertical>.steps {
width: 15%
}
}
@media (max-width: 600px) {
.wizard .steps ul li {
width:100%
}
.wizard.vertical .steps {
width: 100%
}
}
@media (max-width: 480px) {
.wizard-content .wizard>.steps>ul>li {
width:100%
}
.wizard-content .wizard>.steps>ul>li.current:after {
background-color: var(--bs-primary)
}
.wizard-content .wizard.vertical>.steps {
width: 100%;
float: none
}
.wizard-content .wizard.vertical>.steps>ul>li {
display: block;
float: left;
width: 50%
}
}
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
max-width: 600px;
list-style: none;
font-size: 13px;
line-height: 20px
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none
}
.dd-list .dd-list {
padding-left: 30px
}
.dd-collapsed .dd-list {
display: none
}
.dd-empty,.dd-item,.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px
}
.dd-handle {
display: block;
height: 30px;
margin: 5px 0;
padding: 5px 10px;
cursor: move;
color: var(--bs-body-color);
text-decoration: none;
font-weight: 700;
border: 1px solid var(--bs-border-color);
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dd-item>button {
display: block;
position: absolute;
cursor: pointer;
height: 25px;
margin: 5px;
width: 25px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: 0 0;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: 500
}
.dd-item>button:before {
content: "+";
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0
}
.dd-item>button[data-action=collapse]:before {
content: "-"
}
.dd3-handle:before {
color: var(--bs-body-color)!important
}
.dd-empty,.dd-placeholder {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: var(--bs-body-bg);
border: 1px dashed var(--bs-border-color);
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dd-empty {
border: 1px dashed var(--bs-border-color);
min-height: 100px;
background-color: var(--bs-body-bg);
background-size: 60px 60px;
background-position: 0 0,30px 30px
}
.dd-dragel {
position: absolute;
pointer-events: none;
z-index: 9999
}
.dd-dragel>.dd-item .dd-handle {
margin-top: 0
}
.dd-dragel .dd-handle {
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1)
}
.dd3-content {
display: block;
height: 30px;
margin: 5px 0;
padding: 5px 10px 5px 40px;
color: var(--bs-body-color);
text-decoration: none;
font-weight: 700;
border: 1px solid var(--bs-border-color);
background: var(--bs-body-bg);
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dd3-content:hover {
color: var(--bs-body-color);
background: #fff
}
.dd-dragel>.dd3-item>.dd3-content {
margin: 0
}
.dd3-item>button {
margin-left: 30px
}
.dd3-handle {
position: absolute;
margin: 0;
left: 0;
top: 0;
cursor: pointer;
width: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 1px solid var(--bs-border-color);
background: var(--bs-body-bg);
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.dd3-handle:before {
content: "\ec42";
font-family: tabler-icons;
display: block;
position: absolute;
left: 0;
width: 100%;
text-align: center;
text-indent: 0;
font-size: 14px;
font-weight: 900;
color: var(--bs-body-color);
top: 7px
}
.myadmin-dd .dd-list .dd-item .dd-handle {
background: var(--bs-light);
border: 1px solid var(--bs-border-color);
padding: 8px 16px 8px 30px;
height: auto;
font-family: inherit;
font-weight: 400;
border-radius: var(--bs-border-radius)
}
.myadmin-dd-empty .dd-list .dd3-content {
height: auto;
border: 1px solid #ebf1f6;
padding: 8px 16px 8px 46px;
background: var(--bs-light);
font-weight: 400;
border-radius: var(--bs-border-radius)
}
.myadmin-dd-empty .dd-list .dd3-handle {
border: 1px solid #ebf1f6;
border-bottom: 0;
background: var(--bs-light);
height: 36px;
width: 36px;
border-radius: var(--bs-border-radius)
}
body .circle-filled .noUi-handle {
background: var(--bs-primary);
border-radius: 50%
}
body .circle-filled .noUi-handle:after {
display: none
}
body .circle-filled .noUi-handle:before {
display: none
}
body .noUi-handle {
box-shadow: none;
border-radius: 50%;
background: #fff;
border: 5px solid var(--bs-primary)
}
body .noUi-handle:after {
display: none
}
body .noUi-handle:before {
display: none
}
body .noUi-background {
background: var(--bs-gray-100)
}
body .noUi-target {
background-color: var(--bs-gray-100);
border: none;
box-shadow: none;
border-radius: 1rem
}
body .noUi-target.noUi-connect {
box-shadow: none
}
body .noUi-horizontal {
height: 10px;
padding-right: 17px
}
body .noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
top: -5px;
left: -1px
}
body .noUi-horizontal .noUi-origin {
left: 17px;
right: -17px
}
body .noUi-horizontal.slider-xl {
height: 14px
}
body .noUi-horizontal.slider-xl .noUi-handle {
width: 28px;
height: 28px;
top: -7px
}
body .noUi-horizontal.slider-lg {
height: 12px
}
body .noUi-horizontal.slider-lg .noUi-handle {
width: 24px;
height: 24px;
top: -6px
}
body .noUi-horizontal.slider-sm {
height: 6px
}
body .noUi-horizontal.slider-sm .noUi-handle {
top: -7px
}
body .noUi-horizontal.slider-xs {
height: 3px
}
body .noUi-horizontal.slider-xs .noUi-handle {
top: -8px
}
body .noUi-vertical.square .noUi-handle {
background: var(--bs-primary);
border-radius: 3px
}
body .noUi-vertical.square .noUi-handle:before {
display: block;
width: 12px;
height: 2px;
left: -1px;
top: 2px
}
body .noUi-vertical.square .noUi-handle:after {
display: block;
width: 12px;
height: 2px;
left: -1px;
top: 7px
}
body .square .noUi-handle {
background: var(--bs-primary);
border-radius: 3px
}
body .square .noUi-handle:before {
display: block;
width: 2px;
height: 10px;
left: 2px;
top: 0
}
body .square .noUi-handle:after {
display: block;
width: 2px;
height: 10px;
left: 7px;
top: 0
}
body .square.slider-xl .noUi-handle:before {
left: 5px;
top: 4px
}
body .square.slider-xl .noUi-handle:after {
left: 10px;
top: 4px
}
body .square.slider-lg .noUi-handle:before {
left: 3px;
top: 2px
}
body .square.slider-lg .noUi-handle:after {
left: 8px;
top: 2px
}
body .noUi-connect {
background: var(--bs-primary);
box-shadow: none
}
body .noUi-vertical {
display: inline-block;
width: 8px;
height: 150px
}
body .noUi-vertical .noUi-handle {
width: 20px;
height: 20px;
top: -5px;
left: -6px
}
body .select2-container .select2-search--inline .select2-search__field {
font-family: inherit
}
body .select2-container--classic .select2-search--dropdown .select2-search__field,body .select2-container--default .select2-search--dropdown .select2-search__field,body .select2-container--default.select2-container--focus .select2-selection--multiple,body .select2-dropdown {
border: 1px solid var(--bs-border-color)
}
body .select2-container--classic .select2-selection--single,body .select2-container--default .select2-selection--multiple,body .select2-container--default .select2-selection--single {
border-radius: var(--bs-border-radius)
}
body .select2-container--classic .select2-selection--single,body .select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: var(--bs-white);
background-image: unset!important
}
body .select2-container--classic .select2-selection--single .select2-selection__arrow {
border: 0
}
body .select2-container--classic .select2-selection--single .select2-selection__arrow,body .select2-container--default .select2-selection--single .select2-selection__arrow {
top: -2px;
right: 20px;
width: auto
}
body .select2-container .select2-search--inline .select2-search__field {
height: 24px
}
body .select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
color: var(--bs-body-color)
}
body .select2-container .select2-search--inline .select2-search__field::placeholder {
color: var(--bs-body-color)
}
body .select2-container .flag-icon {
margin-right: 6px
}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,body .select2-container--default .select2-results__option--selected {
background-color: var(--bs-primary);
color: var(--bs-white)
}
body .select2-results__option {
padding: 8px 10px
}
body .select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: var(--bs-light)
}
body .select2-container--classic .select2-selection--single,body .select2-container--classic .select2-selection--single .select2-selection__arrow,body .select2-container--classic .select2-selection--single .select2-selection__rendered,body .select2-container--default .select2-selection--multiple,body .select2-container--default .select2-selection--single,body .select2-container--default .select2-selection--single .select2-selection__arrow,body .select2-container--default .select2-selection--single .select2-selection__rendered {
border-color: var(--bs-border-color);
color: var(--bs-body-color);
height: 40px;
line-height: 40px
}
body .select2-container--default .select2-selection--multiple {
line-height: 27px;
height: auto
}
body .select2-container--classic .select2-selection--multiple .select2-selection__choice,body .select2-container--default .select2-selection--multiple .select2-selection__choice,body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: #fff
}
body .select2-container {
display: inline
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
border-radius: var(--bs-border-radius)
}
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto!important;
height: auto!important;
z-index: 0
}
.simplebar-offset {
direction: inherit!important;
box-sizing: inherit!important;
resize: none!important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box!important;
position: relative;
display: block;
height: 100%;
width: auto;
max-width: 100%;
max-height: 100%;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.simplebar-content-wrapper::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none
}
.simplebar-hide-scrollbar::-webkit-scrollbar {
display: none;
width: 0;
height: 0
}
.simplebar-content:after {
content: " ";
display: table
}
.simplebar-content:before {
content: " ";
display: table
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit!important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden
}
[data-simplebar].simplebar-dragging {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: #000;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity .2s .5s linear;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: .5;
transition-delay: 0s;
transition-duration: 0s
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 0;
bottom: 0;
min-height: 0;
min-width: 10px;
width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0
}
.simplebar-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: scrollbar!important
}
.simplebar-dummy-scrollbar-size>div {
width: 200%;
height: 200%;
margin: 10px 0
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
background-color: var(--bs-primary)!important;
border-radius: var(--bs-border-radius)
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
box-shadow: unset
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
background-color: #fa896b!important;
border-radius: var(--bs-border-radius)
}
body div:where(.swal2-container) .h2:where(.swal2-title),body div:where(.swal2-container) h2:where(.swal2-title) {
color: var(--bs-heading-color)
}
body div:where(.swal2-icon).swal2-success .swal2-success-ring {
border: .25em solid rgba(19,222,185,.3)
}
body div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
background-color: var(--bs-success)
}
.toastr {
position: fixed;
z-index: 999999;
pointer-events: none;
color: #fff
}
.toast-title {
font-weight: 700
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word
}
.toast-message a,.toast-message label {
color: #fff
}
.toast-message a:hover {
color: var(--bs-body-color);
text-decoration: none
}
.toast-close-button {
position: relative;
right: -.3em;
top: -.3em;
float: right;
font-size: 20px;
font-weight: 700;
color: #fff;
-webkit-text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 #fff;
opacity: .8;
line-height: 1
}
.toast-close-button:focus,.toast-close-button:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .4
}
.rtl .toast-close-button {
left: -.3em;
float: left;
right: .3em
}
button.toast-close-button {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none
}
.toast-top-center {
top: 0;
right: 0;
width: 100%
}
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%
}
.toast-top-full-width {
top: 0;
right: 0;
width: 100%
}
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%
}
.toast-top-left {
top: 12px;
left: 12px
}
.toast-top-right .toast {
position: fixed;
top: 12px;
right: 12px
}
.toast-bottom-right .toast {
position: fixed;
right: 12px;
bottom: 12px
}
.toast-bottom-left {
bottom: 12px;
left: 12px
}
.toast-container {
position: fixed;
z-index: 999999;
pointer-events: none;
width: 100%!important
}
.toast-container * {
box-sizing: border-box
}
.toast-container>div {
position: relative;
pointer-events: auto;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
border-radius: 7px;
background-position: 15px center;
background-repeat: no-repeat;
box-shadow: 0 0 12px rgba(0,0,0,.08);
color: #fff;
opacity: 1
}
.toast-container>div.rtl {
direction: rtl;
padding: 15px 50px 15px 15px;
background-position: right 15px center
}
.toast-container>.toast-info {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}
.toast-container>.toast-error {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}
.toast-container>.toast-success {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}
.toast-container>.toast-warning {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}
.toast-container.toast-bottom-center>div,.toast-container.toast-top-center>div {
width: 300px;
margin-left: auto;
margin-right: auto
}
.toast-container.toast-bottom-full-width>div,.toast-container.toast-top-full-width>div {
width: 96%;
margin-left: auto;
margin-right: auto
}
.toast-success {
background-color: #13deb9!important
}
.toast-error {
background-color: #fa896b!important
}
.toast-info {
background-color: #539bff!important
}
.toast-warning {
background-color: #ffae1f!important
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000;
opacity: .4
}
@media all and (min-width: 241px) and (max-width:480px) {
.toast-container>div {
padding:8px 8px 8px 50px;
width: 18em
}
.toast-container>div.rtl {
padding: 8px 50px 8px 8px
}
.toast-container .toast-close-button {
right: -.2em;
top: -.2em
}
.toast-container .rtl .toast-close-button {
left: -.2em;
right: .2em
}
}
@media all and (min-width: 481px) and (max-width:768px) {
.toast-container>div {
padding:15px 15px 15px 50px;
width: 25em
}
.toast-container>div.rtl {
padding: 15px 50px 15px 15px
}
}
.toast-container .toast {
max-width: 100%
}
.twitter-typeahead {
width: 100%
}
.twitter-typeahead .tt-menu {
width: 100%;
background: var(--bs-white);
border: 1px solid var(--bs-gray-100);
border-radius: 5px;
padding: .75rem 0
}
.twitter-typeahead .tt-menu .tt-suggestion {
padding: .25rem .75rem;
cursor: pointer
}
.twitter-typeahead .tt-menu .tt-suggestion:hover {
background-color: var(--bs-primary);
color: var(--bs-white)
}
.twitter-typeahead .empty-message {
padding: 5px 10px;
text-align: center
}
.twitter-typeahead .rtl-typeahead .tt-menu {
text-align: right
}
.twitter-typeahead .league-name {
margin: 0 10px 5px;
padding: 7px 5px 10px;
border-bottom: 1px solid var(--bs-gray-200)
}
.scrollable-dropdown .twitter-typeahead .tt-menu {
max-height: 80px;
overflow-y: auto
}
.bootstrap-maxlength {
margin-top: .5rem
}
body :not(pre)>code[class*=language-],body pre[class*=language-] {
background: #1f2a3d
}
a {
text-decoration: none
}
.round-40 {
width: 40px;
height: 40px
}
.round-75 {
width: 75px;
height: 75px
}
.border-dashed {
border-style: dashed!important
}
.btn-hover-shadow:hover {
box-shadow: rgba(0,0,0,.31) 0 0 1px 0,rgba(0,0,0,.25) 0 3px 4px -2px
}
.btn-hover-white:hover {
background-color: var(--bs-white);
color: var(--bs-primary)!important
}
.text-hover-primary:hover {
color: var(--bs-primary)!important
}
.demo-badge {
position: relative;
z-index: 9;
bottom: -15px
}
.hero-section .hero-img-slide {
min-width: 2000px;
height: 800px
}
.hero-section .hero-img-slide .banner-img-1 {
height: 790px;
animation: 35s linear 0s infinite normal none running slideup
}
.hero-section .hero-img-slide .banner-img-2 {
height: 790px;
animation: 35s linear 0s infinite normal none running slideDown
}
@keyframes slideup {
0% {
transform: translate3d(0,0,0)
}
100% {
transform: translate3d(0,-100%,0)
}
}
@keyframes slideDown {
0% {
transform: translate3d(0,-100%,0)
}
100% {
transform: translate3d(0,0,0)
}
}
@keyframes slide {
0% {
transform: translate3d(0,0,0)
}
100% {
transform: translate3d(-100%,0,0)
}
}
.sliding-wrapper .slide-background .slide {
animation: 45s linear 0s infinite normal none running slide
}
.domo-contect::after {
content: "";
position: absolute;
top: -40px;
right: -96px;
width: 267px;
height: 252px;
z-index: -1;
background-image: url(../images/shape/shape-1.svg);
background-repeat: no-repeat
}
.domo-contect::before {
content: "";
position: absolute;
left: 0;
bottom: -32px;
width: 388px;
height: 382px;
z-index: -1;
background-image: url(../images/shape/shape-2.svg);
background-repeat: no-repeat
}
.domo-contect .demos-view .lp-demos-box .lp-demos-btn {
opacity: 0;
width: -moz-max-content;
width: max-content;
display: block
}
.domo-contect .demos-view .lp-demos-box:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(55,114,255,.2)
}
.domo-contect .demos-view .lp-demos-box:hover .lp-demos-btn {
opacity: 1
}
.demo-app-tabs nav .nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width)
}
.demo-app-tabs nav .nav-tabs::before {
content: "";
position: absolute;
bottom: -1px;
left: -400%;
height: 1px;
width: 400%;
display: block;
background-color: var(--bs-border-color)
}
.demo-app-tabs nav .nav-tabs::after {
content: "";
position: absolute;
bottom: -1px;
left: auto;
right: -400%;
height: 1px;
width: 400%;
display: block;
background-color: var(--bs-border-color)
}
.demo-app-tabs nav .nav-tabs .nav-link.active {
background-color: var(--bs-white);
color: #2a3547;
border: 1px solid var(--bs-border-color);
border-bottom: 0
}
.review-section .review-slider .owl-carousel .owl-stage-outer {
padding-bottom: 20px
}
.review-section .review-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item {
padding: 15px
}
.review-section .review-slider .owl-carousel .owl-dots {
text-align: center;
bottom: 0;
position: relative
}
.review-section .review-slider .owl-carousel .owl-dots .owl-dot {
background-color: var(--bs-black);
border-radius: 50%;
height: 9px;
width: 9px;
opacity: .25;
margin: 0 5px
}
.review-section .review-slider .owl-carousel .owl-dots .owl-dot.active {
opacity: .75
}
.review-section .review-slider .owl-carousel .owl-dots .owl-dot:hover {
background-color: var(--bs-black);
opacity: .75
}
.c2a-box {
background-image: url(../images/backgrounds/line-bg.svg);
background-repeat: no-repeat;
background-position: center center
}
.moneyback-guarantee {
background-image: url(../images/backgrounds/line-bg-2.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
.modernize-lp-offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle::after {
display: none
}
.modernize-lp-offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link {
padding: 5px 15px
}
.modernize-lp-offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu {
position: relative!important;
transform: none!important;
box-shadow: none!important;
padding: 0
}
.welcome-bg-img {
position: absolute;
right: 0;
bottom: 0
}
@media (max-width: 767.98px) {
.welcome-bg-img {
position:relative
}
}
.growl-notification-example {
cursor: default;
display: none
}
.blog-img-one {
background-image: url(../images/blog/blog-img9.jpg)
}
.blog-img-two {
background-image: url(../images/blog/blog-img10.jpg)
}
.blog {
background-repeat: no-repeat;
background-size: cover;
height: 400px
}
.blog::before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(33,33,33,.6)
}
.timeline-widget .timeline-item {
min-height: 70px
}
.timeline-widget .timeline-item .timeline-time {
padding: 6px 16px 6px 0;
min-width: 90px
}
.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge {
width: 12px;
height: 12px;
border-radius: 50px;
background-color: transparent
}
.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge-border {
width: 1px;
height: 100%;
background-color: var(--bs-border-color)
}
.timeline-widget .timeline-item .timeline-desc {
padding: 6px 16px
}
.timeline-widget .timeline-item .timeline-badge.badge-primary {
border: 2px solid var(--bs-primary)
}
.comment-widgets .comment-row {
background: 0 0
}
.comment-widgets .comment-row.active,.comment-widgets .comment-row:hover {
background: rgba(0,0,0,.025)
}
.comment-text.active .comment-footer .action-icons,.comment-text:hover .comment-footer .action-icons {
visibility: visible
}
.comment-footer .action-icons {
visibility: hidden
}
.comment-footer .action-icons a {
color: var(--bs-body-color)
}
.comment-footer .action-icons a.active,.comment-footer .action-icons a:hover {
color: var(--bs-info)
}
.stylish-table tbody tr {
border-left: 4px solid transparent
}
.stylish-table tbody tr.active,.stylish-table tbody tr:hover {
border-left: 4px solid var(--bs-info)
}
.stylish-table tbody td .small,.stylish-table tbody td small {
line-height: 12px
}
@media (max-width: 991.98px) {
.w-xs-100 {
width:100%!important
}
}
.todo-list li .assignedto li {
margin-right: 2px
}
.todo-list li .assignedto li img {
width: 30px
}
.message-box .message-widget a:hover {
background: rgba(0,0,0,.025)
}
.message-box .message-widget a .user-img {
width: 45px
}
.message-box .message-widget a .user-img .profile-status {
border: 2px solid var(--bs-white);
height: 10px;
left: 33px;
position: absolute;
top: -1px;
width: 10px
}
.message-box .message-widget a .user-img .online {
background: var(--bs-success)
}
.message-box .message-widget a .user-img .busy {
background: var(--bs-danger)
}
.message-box .message-widget a .user-img .away {
background: var(--bs-warning)
}
.message-box .message-widget a .user-img .offline {
background: var(--bs-warning)
}
.message-box .message-widget a .mail-desc,.message-box .message-widget a .time {
color: var(--bs-body-color)
}
.mailbox .message-center {
overflow: auto
}
.mailbox .message-center .message-item {
display: flex
}
.mailbox .message-center .message-item.active,.mailbox .message-center .message-item:hover {
background: rgba(0,0,0,.025)
}
.mailbox .message-center .message-item .user-img {
width: 40px
}
.mailbox .message-center .message-item .user-img .profile-status {
border: 2px solid var(--bs-white);
height: 10px;
left: 30px;
position: absolute;
top: 1px;
width: 10px
}
.mailbox .message-center .message-item .user-img .online {
background: var(--bs-success)
}
.mailbox .message-center .message-item .user-img .busy {
background: var(--bs-danger)
}
.mailbox .message-center .message-item .user-img .away {
background: var(--bs-warning)
}
.mailbox .message-center .message-item .user-img .offline {
background: var(--bs-warning)
}
.el-element-overlay .white-box {
padding: 0
}
.el-element-overlay .el-card-item .el-overlay-1 {
cursor: default
}
.el-element-overlay .el-card-item .el-overlay-1 img {
height: auto;
transition: all .4s linear
}
.el-element-overlay .el-card-item .el-overlay-1:hover img {
transform: scale(1.2) translateZ(0);
-ms-transform: scale(1.2) translateZ(0);
-webkit-transform: scale(1.2) translateZ(0)
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-decoration: none;
transition: all .2s ease-in-out;
transform: translateY(-50%) translateZ(0);
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0)
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link {
padding: 12px 15px 10px
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link:hover {
border-color: var(--bs-primary);
background: var(--bs-primary)
}
.el-element-overlay .el-card-item .el-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
opacity: 0;
background-color: rgba(0,0,0,.7);
transition: all .4s ease-in-out
}
.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
opacity: 1;
transform: translateZ(0)
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
top: 0
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
top: 0;
height: 100%
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
top: -100%
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
top: 100%;
height: 0
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0
}
100% {
background-position: 0 0
}
}
body .edit-list,body .edit-tsk {
display: none
}
body .task-list-section {
display: flex;
gap: 24px;
flex-wrap: nowrap
}
body .task-list-container {
width: 270px;
flex-shrink: 0
}
body .connect-sorting-todo {
background: var(--bs-gray-200)
}
body .connect-sorting-inprogress {
background-color: var(--bs-secondary-bg-subtle)!important
}
body .connect-sorting-pending {
background-color: var(--bs-info-bg-subtle)!important
}
body .connect-sorting-done {
background-color: var(--bs-success-bg-subtle)!important
}
body .connect-sorting {
padding: 20px;
background: var(--bs-gray-200);
border-radius: 7px
}
body .connect-sorting .task-container-header {
display: flex;
justify-content: space-between;
padding: 6px 3px 18px
}
body .connect-sorting .task-container-header .dropdown-toggle::after {
display: none
}
body .connect-sorting .task-container-header .dropdown .dropdown-toggle {
width: 24px;
height: 24px;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
box-shadow: var(--bs-box-shadow);
border-radius: 100%;
background-color: var(--bs-body-bg);
font-weight: var(--font-weight-bolder)
}
body .connect-sorting .add-s-task .addTask {
width: 24px;
height: 24px;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
box-shadow: var(--bs-box-shadow);
border-radius: 100%;
background-color: var(--bs-body-bg);
font-weight: var(--font-weight-bolder)
}
body .scrumboard .task-header {
margin-bottom: 0;
display: flex;
justify-content: space-between;
padding: 11px 13px
}
body .scrumboard .task-header .dropdown .dropdown-toggle::after {
display: none
}
body .scrumboard .task-header .h4,body .scrumboard .task-header h4 {
font-size: 14px;
font-weight: 600;
margin-bottom: 0
}
body .scrumboard .task-header .h4:hover,body .scrumboard .task-header h4:hover {
cursor: move
}
body .scrumboard .task-content {
padding: 11px 13px
}
body .scrumboard .card {
background: var(--bs-body-bg);
border: none;
border-radius: 7px;
margin-bottom: 15px
}
body .scrumboard .card .card-body {
padding: 0
}
body .scrumboard .card .card-body .task-body .task-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px
}
body .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 span:hover {
color: var(--bs-primary);
cursor: pointer
}
body .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 i.ti-pencil:hover {
color: var(--bs-primary)
}
body .scrumboard .card.img-task .card-body .task-content img {
height: 106px;
width: 100%
}
body .scrumboard .card.simple-title-task .card-body .task-header {
margin-bottom: 0;
padding: 11px 13px
}
body .scrumboard .card.simple-title-task .card-body .task-header div:nth-child(1) {
width: 70%
}
body .scrumboard .card.simple-title-task .card-body .task-header div:nth-child(2) {
width: 30%;
text-align: right
}
body .scrumboard .card.simple-title-task .card-body .task-body .task-bottom {
padding: 3px 15px 11px 15px
}
body .ui-state-highlight {
position: relative;
border-color: var(--bs-primary);
height: 141px;
margin-bottom: 36px;
border-radius: 15px;
border: 2px dashed var(--bs-primary);
background-color: var(--bs-body-bg);
box-shadow: var(--card-box-shadow);
background-image: linear-gradient(45deg,rgba(93,135,255,.09) 25%,transparent 25%,transparent 50%,rgba(93,135,255,.09) 50%,rgba(93,135,255,.09) 75%,transparent 75%,transparent);
background-size: 1rem 1rem;
animation: progress-bar-stripes 1s linear infinite
}
body .connect-sorting-content {
min-height: 60px
}
.mh-n100 {
max-height: calc(100vh - 100px)
}
.h-n150 {
height: calc(100vh - 150px)
}
.h-n280 {
height: calc(100vh - 280px)
}
.h-n80 {
height: calc(100vh - 80px)
}
.action-btn.show-btn {
display: none
}
.chat-application .left-part {
position: relative!important
}
.parent-chat-box.app-chat-right .chat-box {
width: 100%
}
.parent-chat-box.app-chat-right .app-chat-offcanvas {
width: 0
}
@media (max-width: 991.98px) {
.parent-chat-box .app-chat-offcanvas {
width:0
}
.parent-chat-box.app-chat-right .app-chat-offcanvas {
width: 300px;
position: absolute;
z-index: 9
}
}
@media (max-width: 575.98px) {
.parent-chat-box.app-chat-right .app-chat-offcanvas {
left:0;
position: absolute;
z-index: 9
}
}
.email-box {
width: 100%!important
}
.chat-box {
width: calc(100% - 300px)
}
.chat-box .chat-box-inner {
height: 650px;
max-height: 800px
}
.chat-box .chat {
display: none
}
.chat-box .chat.active-chat {
display: block
}
.app-chat-offcanvas {
flex-shrink: 0;
position: relative;
top: 0;
right: 0;
bottom: 0;
width: 300px;
z-index: 2;
background-color: var(--bs-card-bg);
visibility: visible
}
.file-chat-hover:hover .download-file {
display: block
}
.file-chat-hover .download-file {
display: none
}
@media (max-width: 991.98px) {
.app-chat .chat-users {
height:calc(100vh - 295px)!important
}
}
.min-width-340 {
min-width: 340px
}
@media (max-width: 991.98px) {
.app-email-chatting-box {
position:absolute;
top: 70px;
left: 0;
width: 100%;
height: 100%;
background-color: var(--bs-card-bg)
}
.min-width-340 {
min-width: 100%
}
}
.note-has-grid .nav-link {
padding: .5rem
}
.note-has-grid .single-note-item .favourite-note {
cursor: pointer
}
.note-has-grid .single-note-item .side-stick {
position: absolute;
width: 3px;
height: 35px;
left: 0;
background-color: var(--bs-gray-700)
}
.note-has-grid .single-note-item .category-dropdown.dropdown-toggle:after {
display: none
}
.note-has-grid .single-note-item .category [class*=category-] {
height: 15px;
width: 15px;
display: none
}
.note-has-grid .single-note-item .category .category-business {
background-color: var(--bs-success-bg-subtle);
border: 2px solid var(--bs-success)
}
.note-has-grid .single-note-item .category .category-social {
background-color: var(--bs-info-bg-subtle);
border: 2px solid var(--bs-info)
}
.note-has-grid .single-note-item .category .category-important {
background-color: var(--bs-danger-bg-subtle);
border: 2px solid var(--bs-danger)
}
.note-has-grid .single-note-item.all-category .point {
color: rgba(var(--bs-gray-700),.5)
}
.note-has-grid .single-note-item.note-business .point {
color: var(--bs-success-bg-subtle)
}
.note-has-grid .single-note-item.note-business .side-stick {
background-color: var(--bs-success)
}
.note-has-grid .single-note-item.note-business .category .category-business {
display: inline-block
}
.note-has-grid .single-note-item.note-favourite .favourite-note {
color: var(--bs-warning)
}
.note-has-grid .single-note-item.note-social .point {
color: var(--bs-info-bg-subtle)
}
.note-has-grid .single-note-item.note-social .side-stick {
background-color: var(--bs-info)
}
.note-has-grid .single-note-item.note-social .category .category-social {
display: inline-block
}
.note-has-grid .single-note-item.note-important .point {
color: var(--bs-danger-bg-subtle)
}
.note-has-grid .single-note-item.note-important .side-stick {
background-color: var(--bs-danger)
}
.note-has-grid .single-note-item.note-important .category .category-important {
display: inline-block
}
.note-has-grid .single-note-item.all-category .more-options,.note-has-grid .single-note-item.all-category.note-favourite .more-options {
display: block
}
.note-has-grid .single-note-item.all-category.note-business .more-options,.note-has-grid .single-note-item.all-category.note-favourite.note-business .more-options,.note-has-grid .single-note-item.all-category.note-favourite.note-important .more-options,.note-has-grid .single-note-item.all-category.note-favourite.note-social .more-options,.note-has-grid .single-note-item.all-category.note-important .more-options,.note-has-grid .single-note-item.all-category.note-social .more-options {
display: none
}
.app-invoice .invoice-users {
height: calc(100vh - 262px)
}
.invoice-inner-part .invoiceing-box #custom-invoice #printableArea {
display: none
}
.btn-custom-fill .form-check-input {
position: absolute;
top: 30px;
z-index: 99
}
.btn-custom-fill .btn-outline-primary:hover {
background-color: var(--bs-primary-bg-subtle)
}
.shop-part .shop-filters {
width: 250px
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item {
width: 24px;
height: 24px
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-1 {
background-color: #1890ff
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-2 {
background-color: #94d82d
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-3 {
background-color: #ff4842
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-4 {
background-color: #ffc107
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-5 {
background-color: #00ab55
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-6 {
background-color: #000
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-7 {
background-color: pink
}