|
|
|
|
/*!
|
|
|
|
|
* 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 {
|
|
|
|
|
color: dodgerblue !important;
|
|
|
|
|
}
|
|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
}
|
