You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xshop/public/css/app.css

1380 lines
151 KiB
CSS

2 years ago
/*!
* Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1
@font-face {
font-family: Vazir;
src: url(/fonts/vendor/vazir-dist/Vazir-Regular.eot?6ac404eb3f53dd9ce67fb5f651e9b1c0);
src: url(/fonts/vendor/vazir-dist/Vazir-Regular.eot?6ac404eb3f53dd9ce67fb5f651e9b1c0?#iefix) format('embedded-opentype'),
url(/fonts/vendor/vazir-dist/Vazir-Regular.woff2?a360dc26407972d3cb7d31ceb6239af8) format('woff2'),
url(/fonts/vendor/vazir-dist/Vazir-Regular.woff?806537dbf5ba4d9ab402f81e322fc36d) format('woff'),
url(/fonts/vendor/vazir-dist/Vazir-Regular.ttf?a24d67ce7f999b3cef04bfb72e4e5fb4) format('truetype');
font-weight: normal;
font-display:swap;
}
@font-face {
font-family: Vazir;
src: url(/fonts/vendor/vazir-dist/Vazir-Bold.eot?ce0efe6cea93b773470c6cf9af941639);
src: url(/fonts/vendor/vazir-dist/Vazir-Bold.eot?ce0efe6cea93b773470c6cf9af941639?#iefix) format('embedded-opentype'),
url(/fonts/vendor/vazir-dist/Vazir-Bold.woff2?0135812b3d7792a1ec26f9b5dfc567d3) format('woff2'),
url(/fonts/vendor/vazir-dist/Vazir-Bold.woff?7344d486ecbb56a9b3e56a613d87ff65) format('woff'),
url(/fonts/vendor/vazir-dist/Vazir-Bold.ttf?6ca8f81989073f9a7f7b1b9dd8ad03a4) format('truetype');
font-weight: bold;
font-display:swap;
}
@font-face {
font-family: Vazir;
src: url(/fonts/vendor/vazir-dist/Vazir-Thin.eot?3a5db120e4b9dce37b1b1249ba44c9c7);
src: url(/fonts/vendor/vazir-dist/Vazir-Thin.eot?3a5db120e4b9dce37b1b1249ba44c9c7?#iefix) format('embedded-opentype'),
url(/fonts/vendor/vazir-dist/Vazir-Thin.woff2?84fabf66ff703ce087e84d31f790d551) format('woff2'),
url(/fonts/vendor/vazir-dist/Vazir-Thin.woff?84664efe6fd832ea3096d0d8d471db0f) format('woff'),
url(/fonts/vendor/vazir-dist/Vazir-Thin.ttf?7bcf286deff6dd707224a38aa0c721cd) format('truetype');
font-weight: 100;
font-display:swap;
}
@font-face {
font-family: Vazir;
src: url(/fonts/vendor/vazir-dist/Vazir-Light.eot?dd27df7f828b4a65cede5697e28c245d);
src: url(/fonts/vendor/vazir-dist/Vazir-Light.eot?dd27df7f828b4a65cede5697e28c245d?#iefix) format('embedded-opentype'),
url(/fonts/vendor/vazir-dist/Vazir-Light.woff2?acb6acb54afc6a9a4423a723dc5476d0) format('woff2'),
url(/fonts/vendor/vazir-dist/Vazir-Light.woff?caa9f23dbd02e18916b0f5dcbaa2ced4) format('woff'),
url(/fonts/vendor/vazir-dist/Vazir-Light.ttf?cbb41bbc80aabe4a8be5ce3096c7d790) format('truetype');
font-weight: 300;
font-display:swap;
}
@font-face {
font-family: Vazir;
src: url(/fonts/vendor/vazir-dist/Vazir-Medium.eot?195c7fc26cfc4a62209c6df3d34592f6);
src: url(/fonts/vendor/vazir-dist/Vazir-Medium.eot?195c7fc26cfc4a62209c6df3d34592f6?#iefix) format('embedded-opentype'),
url(/fonts/vendor/vazir-dist/Vazir-Medium.woff2?1d7bcfd971cc881a83c65f9807a7e024) format('woff2'),
url(/fonts/vendor/vazir-dist/Vazir-Medium.woff?d4368692b6af4ab42f192c2465cc230b) format('woff'),
url(/fonts/vendor/vazir-dist/Vazir-Medium.ttf?816a5ec7d7c58db86219f3842a8708d0) format('truetype');
font-weight: 500;
font-display:swap;
}
@font-face {
font-family: Vazir;
src: url(/fonts/vendor/vazir-dist/Vazir-Black.eot?f7e509df705527e74213bbfc278ec76f);
src: url(/fonts/vendor/vazir-dist/Vazir-Black.eot?f7e509df705527e74213bbfc278ec76f?#iefix) format('embedded-opentype'),
url(/fonts/vendor/vazir-dist/Vazir-Black.woff2?185841df3f307c121958190eeb207c5a) format('woff2'),
url(/fonts/vendor/vazir-dist/Vazir-Black.woff?ebc09d026eccef0942dd90fbdf4b4698) format('woff'),
url(/fonts/vendor/vazir-dist/Vazir-Black.ttf?88dbe0e03df0e3071026915e0251a671) format('truetype');
font-weight: 900;
font-display:swap;
}
fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position
/*
** persian-datepicker - v1.2.0
** Reza Babakhani <babakhani.reza@gmail.com>
** http://babakhani.github.io/PersianWebToolkit/docs/datepicker
** Under MIT license
*/
.datepicker-plot-area{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{transition:all 100ms ease}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{border-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{border-radius:0;border-top-left-radius:0;border-top-right-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn{border-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.datepicker-plot-area,.datepicker-plot-area .datepicker-time-view>.time-segment{border-radius:0}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{border-radius:0}.datepicker-plot-area{box-shadow:0 5px 10px rgba(0,0,0,0.2)}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable,.datepicker-plot-area .datepicker-time-view>.time-segment,.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn,.datepicker-plot-area .datepicker-time-view input,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{cursor:pointer}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{font:14px;background-color:#fff;color:#333;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{background-color:#f1f1f1;color:#ccc;border:none;text-shadow:none;cursor:default}.datepicker-plot-area .datepicker-day-view .table-days td.today span{background-color:#333;color:#fff;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{background-color:"";color:#ccc;border:none;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{background-color:#005299;color:#fff;border:none;text-shadow:1px 1px 1px #000}.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover{background-color:#007be6;color:#fff;border:0;text-shadow:none}.datepicker-container{display:block;position:absolute;z-index:100000;top:0;direction:ltr}.datepicker-container.pwt-hide{display:none}.datepicker-plot-area{box-sizing:border-box;overflow:hidden;min-height:70px;display:block;width:200px;min-width:200px;padding:3px;position:absolute;font:12px tahoma;border:1px solid #ccc;background-color:#fff}.datepicker-plot-area.datepicker-state-only-time{padding:0}.datepicker-plot-area table,.da
/*# sourceMappingURL=persian-datepicker.min.css.map */
* {
box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
float: left;
width:33%;
padding: 10px;
}
.s-hidden {
visibility: hidden;
padding-right: 10px;
}
.easySelect {
font-size: 14px !important;
cursor: default;
display: block;
/*make dropdown width */
position: relative;
font-family: Arial, Helvetica, sans-serif;
color: #414c52;
border: 1px solid #cbcbcb !important;
border-radius: 3px;
height: 35px;
}
.styledSelect {
border-radius: 3px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: white;
padding-left: 8px;
padding-top: 8px;
font-weight: 400 !important;
color: #414c52;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right:15%
}
.clearSelectfromDiv {
float: right;
margin-right: 35px;
font-size: 24px;
cursor: pointer;
position: relative;
top: 3px;
z-index: 4;
color: #414c52;
}
.clearSelectfromDiv:hover {
color: rgba(65, 76, 82, 0.76);
}
.styledSelect:after {
content: "";
width: 0;
height: 0;
border: 5px solid transparent;
border-color: #414c52 transparent transparent transparent;
position: absolute;
top: 15px;
right: 8px;
}
.styledSelect:active,
.styledSelect.active {
background-color: #fafafa;
}
.options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 3px 0;
padding: 3px 0 0 0px;
list-style: none;
border: 1px solid #cbcbcb !important;
background-color: white;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
width: 100%
}
.scrolableDiv {
overflow: auto
}
.divSearcheasySelect{
border-bottom: 1px solid #cbcbcb!important;
}
.options li {
margin: auto;
max-width: 100%!important;
font-size: 14.5px !important;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
overflow: hidden
}
.options li:hover {
background-color: #cbcbcb;
}
.options .container {
display:inherit;
position: relative;
margin: 0px;
width: auto!important;
cursor: pointer;
padding: 6px 15px 6px 33px !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.scrolableDiv input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
margin-left: 3px;
left: 5px;
height: 17px;
width: 17px;
background-color: white;
border-radius: 3px;
border: 1px solid #cbcbcb;
}
.container input:checked ~ .checkmark {
background-color: white;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.container input:checked ~ .checkmark:after {
display: block;
}
.container .checkmark:after {
left: 5px;
top: 1px;
width: 4.5px;
height: 10px;
border: 2px solid #1720ff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.divSearcheasySelect {
padding-right: 12px;
padding-left: 7px;
padding-top: 4px;
padding-bottom: 7px;
overflow: hidden;
}
.optionRow {
margin: -4px 0px 8px 0px;
border-radius: 3px;
font-size: 11.5px;
text-align: left;
font-weight: 600;
color: #414c52;
display: block ruby;
}
#clearAlleasySelect{
margin-right: 20px
}
#selectAlleasySelect{
margin-right: 20px
}
.optionRow:hover {
color: rgba(65, 76, 82, 0.81);
}
.optionRow .alleasySelect {
font-size: 13px;
margin: 2px auto auto 4px;
}
.divSearcheasySelect .searchInputeasySelect {
width: 100%;
margin-right: auto;
color: #414c52;
border: 1px solid #cbcbcb !important;
height: 33px;
background-color: white !important;
font-size: 14px;
text-indent: 8px;
border-radius: 3px
}
.divSearcheasySelect .searchInputeasySelect:focus {
border: 1px solid #a295ff !important;
background: white;
color: #414c52;
box-shadow: 0 1px 3px rgba(105, 105, 105, 0.31) !important;
-moz-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.31) !important;
-webkit-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.31) !important;
outline: #a295ff !important;
border-width: 1px;
}
.divOptionsesySelect > p {
display: inline-block
}
.messageMaxallowedSelections {
padding: 0px !important;
font-size: 12px;
font-weight: bold;
margin: auto;
color: #838383
}
.hiddenLieasySelect {
text-align: center;
padding:4px 4px 8px 0px;
}
li.hiddenLieasySelect{
font-size: 12px!important;
font-weight: 600
}
.options > .hiddenLieasySelect:hover {
background: none !important;
cursor: context-menu;
}
li.no_results {
padding: 6px;
font-size: 12px!important;
font-weight: 600
}
html.hc-nav-yscroll {
overflow-y: scroll;
}
body.hc-nav-open {
overflow: visible;
position: fixed;
width: 100%;
min-height: 100%;
}
.hc-offcanvas-nav {
visibility: hidden;
display: none;
position: fixed;
top: 0;
height: 100%;
z-index: 9999;
text-align: left;
}
.hc-offcanvas-nav.is-ios * {
cursor: pointer !important;
}
.hc-offcanvas-nav .nav-container {
position: fixed;
z-index: 9998;
top: 0;
height: 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
transition: transform 0.4s ease;
}
.hc-offcanvas-nav .nav-wrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.hc-offcanvas-nav .nav-content {
height: 100%;
}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
}
.hc-offcanvas-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.hc-offcanvas-nav li {
position: relative;
display: block;
}
.hc-offcanvas-nav li.level-open > .nav-wrapper {
visibility: visible;
}
.hc-offcanvas-nav li:not(.custom-content) a {
position: relative;
display: block;
box-sizing: border-box;
cursor: pointer;
}
.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
cursor: not-allowed;
}
.hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav li:not(.custom-content) a:hover {
text-decoration: none;
}
.hc-offcanvas-nav input[type=checkbox] {
display: none;
}
.hc-offcanvas-nav label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
cursor: pointer;
}
.hc-offcanvas-nav .nav-item-wrapper {
position: relative;
}
.hc-offcanvas-nav .nav-item-link {
position: relative;
display: block;
box-sizing: border-box;
}
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus {
outline: none;
}
.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
z-index: 10;
}
.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
content: "";
z-index: 9990;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-ms-scroll-chaining: none;
overscroll-behavior: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}
.hc-offcanvas-nav.disable-body::after {
position: fixed;
}
.hc-offcanvas-nav .nav-wrapper::after {
position: absolute;
}
.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
visibility: visible;
opacity: 1;
transition-delay: 0.05s;
}
.hc-offcanvas-nav:not(.nav-open)::after {
pointer-events: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
display: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 > .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
min-width: 0;
max-height: 0;
visibility: hidden;
overflow: hidden;
transition: height 0s ease 0.4s;
}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
max-height: none;
overflow: visible;
visibility: visible;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
position: absolute;
z-index: 9999;
top: 0;
height: 100%;
visibility: hidden;
transition: visibility 0s ease 0.4s, transform 0.4s ease;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
position: static;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
visibility: visible;
transform: translate3d(0, 0, 0);
transition: transform 0.4s ease;
}
.hc-offcanvas-nav.nav-position-left {
left: 0;
}
.hc-offcanvas-nav.nav-position-left .nav-container {
left: 0;
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
left: 0;
transform: translate3d(-100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-right {
right: 0;
}
.hc-offcanvas-nav.nav-position-right .nav-container {
right: 0;
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
right: 0;
transform: translate3d(100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-top {
top: 0;
}
.hc-offcanvas-nav.nav-position-top .nav-container {
top: 0;
width: 100%;
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
left: 0;
transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom {
top: auto;
bottom: 0;
}
.hc-offcanvas-nav.nav-position-bottom .nav-container {
top: auto;
bottom: 0;
width: 100%;
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
left: 0;
transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container {
transform: translate3d(0, 0, 0);
}
.hc-offcanvas-nav.rtl {
text-align: right;
direction: rtl;
}
.hc-nav-trigger {
position: absolute;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
top: 20px;
z-index: 9980;
width: 30px;
min-height: 24px;
}
.hc-nav-trigger span {
width: 30px;
top: 50%;
transform: translateY(-50%);
transform-origin: 50% 50%;
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
display: block;
position: absolute;
left: 0;
height: 4px;
background: #34495E;
transition: all 0.2s ease;
}
.hc-nav-trigger span::before, .hc-nav-trigger span::after {
content: "";
width: 100%;
}
.hc-nav-trigger span::before {
top: -10px;
}
.hc-nav-trigger span::after {
bottom: -10px;
}
.hc-nav-trigger.toggle-open span {
background: rgba(0, 0, 0, 0);
transform: rotate(45deg);
}
.hc-nav-trigger.toggle-open span::before {
transform: translate3d(0, 10px, 0);
}
.hc-nav-trigger.toggle-open span::after {
transform: rotate(-90deg) translate3d(10px, 0, 0);
}
.hc-offcanvas-nav {
font-family: sans-serif;
/* Left */
/* Right */
/* Top */
/* Bottom */
/* Expand & none */
/* RTL */
}
.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
background: rgba(0, 0, 0, 0.3);
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
background: #eee;
}
.hc-offcanvas-nav .nav-content > h2, .hc-offcanvas-nav .nav-content > h3, .hc-offcanvas-nav .nav-content > h4, .hc-offcanvas-nav .nav-content > h5, .hc-offcanvas-nav .nav-content > h6 {
font-size: 19px;
font-weight: normal;
padding: 20px 17px;
color: #bbbbbb;
}
.hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h6:not(.nav-title):not(.level-title) {
font-size: 16px;
padding: 15px 17px;
background: #eee;
}
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
padding: 14px 17px;
font-size: 14px;
color: #111;
z-index: 1;
background: rgba(0, 0, 0, 0);
border-bottom: 1px solid #dfdfdf;
transition: background 0.1s ease;
}
.hc-offcanvas-nav .nav-item-link:focus, .hc-offcanvas-nav .nav-item-link:focus-within,
.hc-offcanvas-nav li.nav-close a:focus,
.hc-offcanvas-nav li.nav-close a:focus-within,
.hc-offcanvas-nav .nav-back a:focus,
.hc-offcanvas-nav .nav-back a:focus-within {
z-index: 10;
}
.hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
color: rgba(17, 17, 17, 0.5);
}
.hc-offcanvas-nav div.nav-back + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
border-top: none !important;
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
background: #e9e9e9;
}
.hc-offcanvas-nav .nav-custom-content {
padding: 14px 17px;
font-size: 14px;
border-bottom: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-highlight {
background: #e4e4e4;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
border-bottom: 2px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h6 {
margin-top: -2px;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > h2 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h3 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h4 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h5 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h6 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h6 {
border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav li {
color: #111;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
padding-right: 58px;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
margin-right: 45px;
}
.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
width: 45px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: center;
cursor: pointer;
transition: background 0.1s ease;
}
.hc-offcanvas-nav .nav-close-button {
position: relative;
display: block;
}
.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
border-top: 2px solid #111;
border-left: 2px solid #111;
}
.hc-offcanvas-nav .nav-close-button span::before {
margin-left: -9px;
transform: rotate(135deg);
}
.hc-offcanvas-nav .nav-close-button span::after {
transform: rotate(-45deg);
}
.hc-offcanvas-nav .nav-content > .nav-close {
position: relative;
z-index: 2;
}
.hc-offcanvas-nav .nav-content > .nav-close a {
font-size: 14px;
color: #111;
background: rgba(0, 0, 0, 0);
z-index: 1;
text-decoration: none;
box-sizing: border-box;
}
.hc-offcanvas-nav .nav-content > .nav-close a:not(.has-label) {
height: 50px;
}
.hc-offcanvas-nav .nav-content > .nav-close a.has-label {
padding: 14px 17px;
border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-content > .nav-close a:hover {
border: none;
background: radial-gradient(farthest-corner at top right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.hc-offcanvas-nav .nav-content > .nav-close.has-label + ul {
margin-top: -1px;
}
.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content > .nav-close {
margin-bottom: -1px;
}
.hc-offcanvas-nav .nav-title {
2 years ago
color: dodgerblue !important;
2 years ago
}
.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
position: absolute;
width: 45px;
height: 66px;
line-height: 66px;
top: -66px;
right: 0;
}
.hc-offcanvas-nav.nav-close-button-empty .nav-title {
padding-right: 55px;
}
.hc-offcanvas-nav li.nav-close a:not(.has-label) {
height: 49px;
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
background: #e6e6e6;
border-top: 1px solid gainsboro;
border-bottom: 1px solid gainsboro;
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
background: #e3e3e3;
}
.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
margin-top: -1px;
}
.hc-offcanvas-nav a.nav-next {
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-left: -2px;
box-sizing: border-box;
border-top: 2px solid #111;
border-left: 2px solid #111;
transform-origin: center;
}
.hc-offcanvas-nav .nav-next span {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.hc-offcanvas-nav .nav-next span::before {
transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav .nav-back span::before {
margin-left: 2px;
transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right .nav-next span::before {
margin-left: 2px;
transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-right .nav-back span::before {
margin-left: -2px;
transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-top .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-position-top .nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
box-shadow: none;
background: transparent;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open {
background: #e4e4e4;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a {
border-bottom: 1px solid #dadada;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover {
background: #e6e6e6;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a > .nav-next span::before {
margin-top: -2px;
transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
padding-left: calc(17px + 20px * 1);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link {
padding-left: calc(17px + 20px * 2);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link {
padding-left: calc(17px + 20px * 3);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link {
padding-left: calc(17px + 20px * 4);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link {
padding-left: calc(17px + 20px * 5);
}
.hc-offcanvas-nav.rtl a.nav-next {
border-left: none;
border-right: 1px solid #dfdfdf;
}
.hc-offcanvas-nav.rtl .nav-title + .nav-close a:not(.has-label),
.hc-offcanvas-nav.rtl .nav-close-button span,
.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl .nav-back span {
left: 0;
right: auto;
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
padding-left: 58px;
padding-right: 17px;
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
margin-left: 45px;
margin-right: 0;
}
.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 1);
}
.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 2);
}
.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 3);
}
.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 4);
}
.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 5);
}
#uploading-images {
padding: 10px;
}
#upload-drag-drop {
border: 2px dashed silver;
min-height: 50px;
padding: 20px 10px;
text-align: center;
margin: 10px auto;
transition: 600ms;
cursor: pointer;
}
#upload-drag-drop.active, #upload-drag-drop:hover {
border-color: #1d4686;
}
.uploader-images {
border: 1px #ddd solid;
visibility: hidden;
}
.img-preview {
background: #eee no-repeat center;
background-size: cover;
margin-bottom: 10px;
width: 100%;
min-height: 225px;
transition: 300ms;
}
.indexed {
border-color: #0a53be !important;
border-style: dashed !important;
}
#xls-file, #optionz {
display: none;
}
.wizard .steps {
display: flex;
position: relative;
min-height: 150px;
padding: 10px;
}
.wizard .steps h4 {
font-size: 14px;
text-transform: uppercase;
}
.wizard .steps .hr {
top: 38%;
left: 5%;
right: 5%;
position: absolute;
border: 1px solid silver;
height: 15px;
padding: 2px;
overflow: hidden;
border-radius: 6px;
}
.wizard .steps .hr .prog {
transition: 600ms;
width: 7%;
border-radius: 6px;
height: 10px;
background: #459810;
}
.wizard .steps .step {
position: relative;
z-index: 2;
text-align: center;
flex-grow: 1;
flex-basis: 0;
}
.wizard .steps .step .circle {
border-radius: 50%;
border: 1px solid silver;
background: #fff;
width: 80px;
height: 80px;
margin: 14px auto;
transition: 300ms;
}
.wizard .steps .step .circle i {
font-size: 45px;
margin-top: 17px;
color: gray;
transition: 0.3s;
}
.wizard .steps .step.active .circle {
border: 2px solid #459810;
}
.wizard .steps .step.active i {
color: #459810;
}
.wizard .wizard-forms .wizard-form {
background: #fff;
padding: 15px;
border: 1px solid #ddd;
border-radius: 7px;
display: none;
}
.wizard .wizard-forms .wizard-form:first-child .wizard-prev {
display: none;
}
.wizard .wizard-forms .wizard-form .mt-4 .btn {
min-width: 15%;
}
.wizard .wizard-forms .wizard-form button i {
display: none;
margin: 4px 25px;
}
.wizard .wizard-forms .wizard-form button.w8 i {
display: block;
}
.wizard .wizard-forms .wizard-form button.w8 span {
display: none;
}
.x-breadcrumb {
border: rgba(178, 255, 243, 0) 1px dashed;
border-radius: 7px;
margin-bottom: 15px;
height: 42px;
transition: 1s;
}
.x-breadcrumb:hover {
border: #b2fff3 1px dashed;
background: #1b4b72;
}
.x-breadcrumb .steps {
direction: ltr;
list-style: none;
display: flex;
padding: 0;
}
.x-breadcrumb .steps .step {
white-space: nowrap;
transition: 0.3s ease-in-out;
background: dodgerblue;
position: relative;
height: 40px;
line-height: 40px;
margin-right: 30px;
padding: 0 20px;
color: white;
}
.x-breadcrumb .steps .step:hover a {
padding-left: 25px;
padding-right: 25px;
}
.x-breadcrumb .steps .step > a {
text-decoration: none;
color: white;
display: block;
transition: 450ms;
}
.x-breadcrumb .steps .step:last-child {
margin-right: 0;
}
.x-breadcrumb .steps .step::before {
transition: 0.3s ease-in-out;
content: "";
position: absolute;
top: 0;
left: -20px;
border-left: 20px solid transparent;
border-top: 20px solid dodgerblue;
border-bottom: 20px solid dodgerblue;
}
.x-breadcrumb .steps .step:first-child::before {
display: none;
}
.x-breadcrumb .steps .step::after {
transition: 0.3s ease-in-out;
position: absolute;
top: 0;
right: -20px;
border-left: 20px solid dodgerblue;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
content: "";
}
.x-breadcrumb .steps .step:last-child::after {
display: none;
}
.x-breadcrumb .steps .step:hover {
background: deepskyblue;
}
.x-breadcrumb .steps .step:hover::before {
border-top-color: deepskyblue;
border-bottom-color: deepskyblue;
}
.x-breadcrumb .steps .step:hover::after {
border-left-color: deepskyblue;
}
.x-breadcrumb .steps .step:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.x-breadcrumb .steps .step:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.x-breadcrumb .steps .step i {
position: relative;
top: 4px;
left: -5px;
font-size: 20px;
}
.multiselect__tag {
background: dodgerblue;
}
body {
overflow-x: hidden;
zoom: 100%;
}
.rvnm-mobile-wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
nav li {
cursor: pointer;
}
nav .current {
background: #0d7fa7 !important;
}
nav a {
text-decoration: none !important;
}
.x64 {
width: 64px;
}
.bootstrap-select {
border: 1px solid #ddd !important;
}
.category-control {
max-height: 200px;
overflow-y: scroll;
}
.select2 {
display: block;
}
#xoptions {
display: none;
}
#profile-tab li {
cursor: pointer;
}
#full-video {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#under {
position: relative;
z-index: 99;
text-align: center;
color: white;
height: 95vh;
display: flex;
align-items: center;
justify-content: center;
}
#under a {
font-size: 30px;
margin-right: 20px;
}
.profile-tab {
border: 1px solid silver;
border-radius: 5px;
display: none;
}
.profile-tab.active {
display: block;
}
#profile-tab {
list-style: none;
padding: 0;
}
#profile-tab li {
padding: 0.5rem 1rem;
/*border-bottom: 1px solid silver;*/
}
#profile-tab li a, #profile-tab li span {
display: block;
transition: 300ms;
}
#profile-tab li:hover span, #profile-tab li:hover a {
transform: translateX(-10px);
}
#profile-tab li.active {
background: gray;
color: white;
}
.gird4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0.5rem;
margin-bottom: 0.5rem;
}
.gird4 > div {
height: 10rem;
padding: 2rem;
border: 1px solid rgba(0, 0, 0, 0.1254901961);
position: relative;
text-align: start;
overflow: hidden;
}
.gird4 > div:first-child {
background: rgba(154, 205, 50, 0.5647058824);
color: black;
}
.gird4 > div:nth-child(2) {
background: rgba(32, 222, 215, 0.56);
color: black;
}
.gird4 > div:nth-child(3) {
background: rgba(250, 38, 69, 0.56);
color: black;
}
.gird4 > div:last-child {
background: rgba(255, 69, 0, 0.5647058824);
color: black;
}
.gird4 > div i {
font-size: 75px;
width: 75px;
position: absolute;
left: 15px;
top: 15px;
transform: rotateZ(25deg);
color: rgba(255, 255, 255, 0.3333333333);
}
/*-768px width*/
@media (max-width: 1000px) {
.gird4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 650px) {
.gird4 {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
}
.profile-tab {
border: 0 !important;
padding: 0 !important;
}
2 years ago
.txt-area {
white-space: pre-line;
}
.toggle, .hc-nav-trigger {
display: none !important;
}
.navbarx {
z-index: 999;
}
/*-993px width*/
@media (max-width: 993px) {
.toggle {
display: block !important;
font-size: 30px;
position: static;
padding: 7px;
}
.brand-and-icon {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
}