diff --git a/assets/css/admin-hotspot-styles.css b/assets/css/admin-hotspot-styles.css deleted file mode 100644 index 41a303f..0000000 --- a/assets/css/admin-hotspot-styles.css +++ /dev/null @@ -1,451 +0,0 @@ -.hotspot-settings-container { - background: #ffffff; - border-radius: 20px; - box-shadow: -10px -10px 30px #ffffff, 10px 10px 30px #c4c4c4; - padding: 30px; -} - -.hotspot-settings-container h1 { - font-size: 32px; - margin-top: 0; -} - -.hotspot-filters-container { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 20px; -} - -.hotspot-filters-container label { - font-size: 18px; - font-weight: bold; - margin-right: 20px; -} - -.hotspot-filters-container select, -.hotspot-filters-container input[type='text'], -.hotspot-filters-container button { - background: #f5f5f5; - border: none; - border-radius: 20px; - box-shadow: -5px -5px 15px #ffffff, 5px 5px 15px #c4c4c4; - font-size: 16px; - padding: 10px 20px; - transition: all 0.3s ease-in-out; -} - -.hotspot-filters-container select:focus, -.hotspot-filters-container input[type='text']:focus, -.hotspot-filters-container button:hover { - outline: none; - box-shadow: -5px -5px 15px #ffffff, 5px 5px 15px #c4c4c4, - inset -5px -5px 15px #ffffff, inset 5px 5px 15px #c4c4c4; -} - -.hotspot-filters-container select { - max-width: 200px; - flex-grow: 1; - margin-right: 20px; -} - -.hotspot-filters-container input[type='text'] { - max-width: 300px; - flex-grow: 2; - margin-right: 20px; -} - -.hotspot-filters-container button { - color: #ffffff; - background: #0073aa; - border-radius: 20px; - cursor: pointer; - flex-shrink: 0; - transition: all 0.3s ease-in-out; -} - -.hotspot-filters-container button:hover { - background: #003145; -} - -.hotspot-table { - border-collapse: collapse; - width: 100%; -} - -.hotspot-table th, -.hotspot-table td { - border: 1px solid #e0e0e0; - padding: 10px; -} - -.hotspot-table td { - border: 1px solid #ccc; - padding: 10px; - background-color: #fff; - box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); - transition: all 0.3s ease-in-out; -} -.hotspot-table td:hover { - background-color: #f7f7f7; - box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); - transform: translateY(-2px); -} - -.hotspot-table th { - text-align: left; - width: 30%; - font-size: 18px; - font-weight: bold; -} - -.hotspot-table td { - font-size: 16px; -} - -.hotspot-table td { - border: 1px solid #e0e0e0; - padding: 10px; - text-align: center; - vertical-align: middle; - height: 120px; -} - -.hotspot-table td:first-child { - border-right: none; -} - -.hotspot-input-container { - margin-top: 20px; -} - -.hotspot-input-container label { - display: block; - font-size: 18px; - font-weight: bold; - margin-bottom: 10px; -} - -.hotspot-input-container input[type='text'] { - background: #f5f5f5; - border: none; - border-radius: 20px; - box-shadow: -5px -5px 15px #ffffff, 5px 5px 15px #c4c4c4; - font-size: 16px; - padding: 10px 20px; - width: 100%; - transition: all 0.3s ease-in-out; -} - -.hotspot-input-container input[type='text']:focus { - outline: none; - box-shadow: -5px -5px 15px #ffffff, 5px 5px 15px #c4c4c4, - inset -5px -5px 15px #ffffff, inset 5px 5px 15px #c4c4c4; -} - -.hotspot-cell { - position: relative; - border: 1px solid #ccc; - padding: 10px; - background-color: #fff; - box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); - transition: all 0.3s ease-in-out; -} - -.hotspot-ranking { - font-weight: bold; - font-size: 24px; - display: flex; -} - -.hotspot-title { - margin-left: 30px; - font-weight: bold; - display: flex; -} - -.hotspot-date { - color: #999; -} - -.hotspot-cell .cell-box { - display: flex; - flex: 1; - flex-direction: column; - padding: 0 30px; -} - -.hotspot-cell { - display: flex; - align-items: center; -} - -.hotspot-cell .up-line { - align-items: center; - display: flex; - margin-bottom: 16px; -} - -.num-tag { - align-items: center; - display: flex; - height: 16px; - justify-content: flex-start; - margin-right: 8px; -} -.up-line { - display: flex; -} - -.down-line { - align-items: center; - display: flex; - margin-top: 20px; -} - -tr { - display: flex; - margin: 0 auto; -} -td { - min-width: 660px; -} - -#hotspot-posts-table-body { - display: grid; -} - -.cell-box-right { - display: flex; - align-items: center; - padding: 0 40px; -} - -.task-publish { - background: #f6f8f9; - border-radius: 5px; - color: #3855d5; - cursor: pointer; - font-family: PingFangSC-Regular; - font-size: 18px; - line-height: 1; - margin-top: 4px; - padding: 11px 24px; - text-align: center; - width: 100px; - font-weight: bold; -} - -a { - text-decoration: none; -} - -a:focus{ - box-shadow: none!important; -} - -@media (max-width: 767px) { - .hotspot-table { - display: flex !important; - justify-content: space-between; - flex-direction: column; - } - tr { - display: contents !important; - } - td { - max-width: 330px !important; - min-width: auto !important; - } - - .hotspot-title { - max-width: 170px; - font-size: 12px!important; - overflow: hidden; /*内容会被修剪,并且其余内容是不可见的*/ - text-overflow: ellipsis; /*显示省略符号来代表被修剪的文本。*/ - white-space: nowrap; /*文本不换行*/ - margin-left: 0; - display: block; - } - - .hotspot-title:hover{ - overflow: visible; - word-wrap:break-word!important; - white-space:break-spaces!important - } - - .hotspot-cell .up-line{ - margin-bottom: 0; - } - - .cell-box-right { - padding: 0 !important; - } - .task-publish { - font-size: 12px !important; - width: 40px !important; - } - - .hotspot-date { - font-size: 12px; - } - .hotspot-ranking { - font-size: 20px; - } - .hotspot-cell .cell-box{ - padding:0 16px!important - } -} - - -.down-line .split-point-box { - background-color: #666; - border-radius: 10px; - height: 2px; - margin: 0 8px; - width: 2px; -} - -.down-line .hotspot-level{ - color: #e80c18; -} - -.down-line{ - font-size: 14px; -} - - - - - - -/* 加载动画 */ - - -:root { - --loader-color: #3498db; -} - -.loader-container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 60vh; -} - -.loader { - display: inline-block; - position: relative; - width: 64px; - height: 64px; -} - -.loader::before, -.loader::after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - opacity: 0.5; - animation: loader-fade 2s infinite ease-in-out both; -} - -.loader::before { - background-color: var(--loader-color); - animation-delay: -1s; -} - -.loader::after { - background-color: #e74c3c; -} - -@keyframes loader-fade { - 0% { - transform: scale(0); - opacity: 0.5; - } - 100% { - transform: scale(1); - opacity: 0; - } -} - -.loading-text { - font-family: "Inter", sans-serif; - font-size: 1.2rem; - font-weight: bold; - text-transform: uppercase; - letter-spacing: 0.1em; - color: var(--loader-color); - text-shadow: 1px 1px 0 #fff, - -1px -1px 0 #fff, - 1px -1px 0 #fff, - -1px 1px 0 #fff; - opacity: 0; - transition: opacity 0.5s ease-in-out, color 0.5s ease-in-out; -} - -.loader-container:hover .loading-text { - opacity: 1; -} - - -/* 分页按钮 优化*/ - -/* 分页容器 */ -.hotspot-pagination { - display: flex; - justify-content: center; - align-items: center; - margin: 20px 0; -} - -/* 分页按钮 */ -.hotspot-page-btn { - display: inline-block; - width: 32px; - height: 32px; - line-height: 32px; - text-align: center; - border-radius: 50%; - color: #fff; - background-color: #04c2c9; - font-size: 14px; - font-weight: bold; - text-decoration: none; - margin: 0 5px; - transition: all 0.3s ease-in-out; -} - -/* 激活状态的分页按钮 */ -.hotspot-active-btn { - background-color: #fff; - color: #04c2c9; - box-shadow: 0px 0px 0px 4px #04c2c9 inset; -} - -/* 上一页和下一页按钮 */ -.hotspot-prev-btn, -.hotspot-next-btn { - font-size: 16px; - padding: 0 6px; - margin: 0 10px; - background: none; - border: none; - color: #999; - transition: all 0.3s ease-in-out; -} - -/* 鼠标悬停效果 */ -.hotspot-page-btn:hover, -.hotspot-prev-btn:hover, -.hotspot-next-btn:hover { - cursor: pointer; - background-color: #fff; - color: #04c2c9; - box-shadow: 0px 0px 0px 4px #04c2c9 inset; -} diff --git a/assets/css/font-awesome.css b/assets/css/font-awesome.css deleted file mode 100644 index d0bdc6d..0000000 --- a/assets/css/font-awesome.css +++ /dev/null @@ -1,2337 +0,0 @@ -/*! - * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ -/* FONT PATH - * -------------------------- */ -@font-face { - font-family: 'FontAwesome'; - src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0'); - src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); - font-weight: normal; - font-style: normal; -} -.fa { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -/* makes the font 33% larger relative to the icon container */ -.fa-lg { - font-size: 1.33333333em; - line-height: 0.75em; - vertical-align: -15%; -} -.fa-2x { - font-size: 2em; -} -.fa-3x { - font-size: 3em; -} -.fa-4x { - font-size: 4em; -} -.fa-5x { - font-size: 5em; -} -.fa-fw { - width: 1.28571429em; - text-align: center; -} -.fa-ul { - padding-left: 0; - margin-left: 2.14285714em; - list-style-type: none; -} -.fa-ul > li { - position: relative; -} -.fa-li { - position: absolute; - left: -2.14285714em; - width: 2.14285714em; - top: 0.14285714em; - text-align: center; -} -.fa-li.fa-lg { - left: -1.85714286em; -} -.fa-border { - padding: .2em .25em .15em; - border: solid 0.08em #eeeeee; - border-radius: .1em; -} -.fa-pull-left { - float: left; -} -.fa-pull-right { - float: right; -} -.fa.fa-pull-left { - margin-right: .3em; -} -.fa.fa-pull-right { - margin-left: .3em; -} -/* Deprecated as of 4.4.0 */ -.pull-right { - float: right; -} -.pull-left { - float: left; -} -.fa.pull-left { - margin-right: .3em; -} -.fa.pull-right { - margin-left: .3em; -} -.fa-spin { - -webkit-animation: fa-spin 2s infinite linear; - animation: fa-spin 2s infinite linear; -} -.fa-pulse { - -webkit-animation: fa-spin 1s infinite steps(8); - animation: fa-spin 1s infinite steps(8); -} -@-webkit-keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -.fa-rotate-90 { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} -.fa-rotate-180 { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.fa-rotate-270 { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); -} -.fa-flip-horizontal { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.fa-flip-vertical { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; - -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); -} -:root .fa-rotate-90, -:root .fa-rotate-180, -:root .fa-rotate-270, -:root .fa-flip-horizontal, -:root .fa-flip-vertical { - filter: none; -} -.fa-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; -} -.fa-stack-1x, -.fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; -} -.fa-stack-1x { - line-height: inherit; -} -.fa-stack-2x { - font-size: 2em; -} -.fa-inverse { - color: #ffffff; -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.fa-glass:before { - content: "\f000"; -} -.fa-music:before { - content: "\f001"; -} -.fa-search:before { - content: "\f002"; -} -.fa-envelope-o:before { - content: "\f003"; -} -.fa-heart:before { - content: "\f004"; -} -.fa-star:before { - content: "\f005"; -} -.fa-star-o:before { - content: "\f006"; -} -.fa-user:before { - content: "\f007"; -} -.fa-film:before { - content: "\f008"; -} -.fa-th-large:before { - content: "\f009"; -} -.fa-th:before { - content: "\f00a"; -} -.fa-th-list:before { - content: "\f00b"; -} -.fa-check:before { - content: "\f00c"; -} -.fa-remove:before, -.fa-close:before, -.fa-times:before { - content: "\f00d"; -} -.fa-search-plus:before { - content: "\f00e"; -} -.fa-search-minus:before { - content: "\f010"; -} -.fa-power-off:before { - content: "\f011"; -} -.fa-signal:before { - content: "\f012"; -} -.fa-gear:before, -.fa-cog:before { - content: "\f013"; -} -.fa-trash-o:before { - content: "\f014"; -} -.fa-home:before { - content: "\f015"; -} -.fa-file-o:before { - content: "\f016"; -} -.fa-clock-o:before { - content: "\f017"; -} -.fa-road:before { - content: "\f018"; -} -.fa-download:before { - content: "\f019"; -} -.fa-arrow-circle-o-down:before { - content: "\f01a"; -} -.fa-arrow-circle-o-up:before { - content: "\f01b"; -} -.fa-inbox:before { - content: "\f01c"; -} -.fa-play-circle-o:before { - content: "\f01d"; -} -.fa-rotate-right:before, -.fa-repeat:before { - content: "\f01e"; -} -.fa-refresh:before { - content: "\f021"; -} -.fa-list-alt:before { - content: "\f022"; -} -.fa-lock:before { - content: "\f023"; -} -.fa-flag:before { - content: "\f024"; -} -.fa-headphones:before { - content: "\f025"; -} -.fa-volume-off:before { - content: "\f026"; -} -.fa-volume-down:before { - content: "\f027"; -} -.fa-volume-up:before { - content: "\f028"; -} -.fa-qrcode:before { - content: "\f029"; -} -.fa-barcode:before { - content: "\f02a"; -} -.fa-tag:before { - content: "\f02b"; -} -.fa-tags:before { - content: "\f02c"; -} -.fa-book:before { - content: "\f02d"; -} -.fa-bookmark:before { - content: "\f02e"; -} -.fa-print:before { - content: "\f02f"; -} -.fa-camera:before { - content: "\f030"; -} -.fa-font:before { - content: "\f031"; -} -.fa-bold:before { - content: "\f032"; -} -.fa-italic:before { - content: "\f033"; -} -.fa-text-height:before { - content: "\f034"; -} -.fa-text-width:before { - content: "\f035"; -} -.fa-align-left:before { - content: "\f036"; -} -.fa-align-center:before { - content: "\f037"; -} -.fa-align-right:before { - content: "\f038"; -} -.fa-align-justify:before { - content: "\f039"; -} -.fa-list:before { - content: "\f03a"; -} -.fa-dedent:before, -.fa-outdent:before { - content: "\f03b"; -} -.fa-indent:before { - content: "\f03c"; -} -.fa-video-camera:before { - content: "\f03d"; -} -.fa-photo:before, -.fa-image:before, -.fa-picture-o:before { - content: "\f03e"; -} -.fa-pencil:before { - content: "\f040"; -} -.fa-map-marker:before { - content: "\f041"; -} -.fa-adjust:before { - content: "\f042"; -} -.fa-tint:before { - content: "\f043"; -} -.fa-edit:before, -.fa-pencil-square-o:before { - content: "\f044"; -} -.fa-share-square-o:before { - content: "\f045"; -} -.fa-check-square-o:before { - content: "\f046"; -} -.fa-arrows:before { - content: "\f047"; -} -.fa-step-backward:before { - content: "\f048"; -} -.fa-fast-backward:before { - content: "\f049"; -} -.fa-backward:before { - content: "\f04a"; -} -.fa-play:before { - content: "\f04b"; -} -.fa-pause:before { - content: "\f04c"; -} -.fa-stop:before { - content: "\f04d"; -} -.fa-forward:before { - content: "\f04e"; -} -.fa-fast-forward:before { - content: "\f050"; -} -.fa-step-forward:before { - content: "\f051"; -} -.fa-eject:before { - content: "\f052"; -} -.fa-chevron-left:before { - content: "\f053"; -} -.fa-chevron-right:before { - content: "\f054"; -} -.fa-plus-circle:before { - content: "\f055"; -} -.fa-minus-circle:before { - content: "\f056"; -} -.fa-times-circle:before { - content: "\f057"; -} -.fa-check-circle:before { - content: "\f058"; -} -.fa-question-circle:before { - content: "\f059"; -} -.fa-info-circle:before { - content: "\f05a"; -} -.fa-crosshairs:before { - content: "\f05b"; -} -.fa-times-circle-o:before { - content: "\f05c"; -} -.fa-check-circle-o:before { - content: "\f05d"; -} -.fa-ban:before { - content: "\f05e"; -} -.fa-arrow-left:before { - content: "\f060"; -} -.fa-arrow-right:before { - content: "\f061"; -} -.fa-arrow-up:before { - content: "\f062"; -} -.fa-arrow-down:before { - content: "\f063"; -} -.fa-mail-forward:before, -.fa-share:before { - content: "\f064"; -} -.fa-expand:before { - content: "\f065"; -} -.fa-compress:before { - content: "\f066"; -} -.fa-plus:before { - content: "\f067"; -} -.fa-minus:before { - content: "\f068"; -} -.fa-asterisk:before { - content: "\f069"; -} -.fa-exclamation-circle:before { - content: "\f06a"; -} -.fa-gift:before { - content: "\f06b"; -} -.fa-leaf:before { - content: "\f06c"; -} -.fa-fire:before { - content: "\f06d"; -} -.fa-eye:before { - content: "\f06e"; -} -.fa-eye-slash:before { - content: "\f070"; -} -.fa-warning:before, -.fa-exclamation-triangle:before { - content: "\f071"; -} -.fa-plane:before { - content: "\f072"; -} -.fa-calendar:before { - content: "\f073"; -} -.fa-random:before { - content: "\f074"; -} -.fa-comment:before { - content: "\f075"; -} -.fa-magnet:before { - content: "\f076"; -} -.fa-chevron-up:before { - content: "\f077"; -} -.fa-chevron-down:before { - content: "\f078"; -} -.fa-retweet:before { - content: "\f079"; -} -.fa-shopping-cart:before { - content: "\f07a"; -} -.fa-folder:before { - content: "\f07b"; -} -.fa-folder-open:before { - content: "\f07c"; -} -.fa-arrows-v:before { - content: "\f07d"; -} -.fa-arrows-h:before { - content: "\f07e"; -} -.fa-bar-chart-o:before, -.fa-bar-chart:before { - content: "\f080"; -} -.fa-twitter-square:before { - content: "\f081"; -} -.fa-facebook-square:before { - content: "\f082"; -} -.fa-camera-retro:before { - content: "\f083"; -} -.fa-key:before { - content: "\f084"; -} -.fa-gears:before, -.fa-cogs:before { - content: "\f085"; -} -.fa-comments:before { - content: "\f086"; -} -.fa-thumbs-o-up:before { - content: "\f087"; -} -.fa-thumbs-o-down:before { - content: "\f088"; -} -.fa-star-half:before { - content: "\f089"; -} -.fa-heart-o:before { - content: "\f08a"; -} -.fa-sign-out:before { - content: "\f08b"; -} -.fa-linkedin-square:before { - content: "\f08c"; -} -.fa-thumb-tack:before { - content: "\f08d"; -} -.fa-external-link:before { - content: "\f08e"; -} -.fa-sign-in:before { - content: "\f090"; -} -.fa-trophy:before { - content: "\f091"; -} -.fa-github-square:before { - content: "\f092"; -} -.fa-upload:before { - content: "\f093"; -} -.fa-lemon-o:before { - content: "\f094"; -} -.fa-phone:before { - content: "\f095"; -} -.fa-square-o:before { - content: "\f096"; -} -.fa-bookmark-o:before { - content: "\f097"; -} -.fa-phone-square:before { - content: "\f098"; -} -.fa-twitter:before { - content: "\f099"; -} -.fa-facebook-f:before, -.fa-facebook:before { - content: "\f09a"; -} -.fa-github:before { - content: "\f09b"; -} -.fa-unlock:before { - content: "\f09c"; -} -.fa-credit-card:before { - content: "\f09d"; -} -.fa-feed:before, -.fa-rss:before { - content: "\f09e"; -} -.fa-hdd-o:before { - content: "\f0a0"; -} -.fa-bullhorn:before { - content: "\f0a1"; -} -.fa-bell:before { - content: "\f0f3"; -} -.fa-certificate:before { - content: "\f0a3"; -} -.fa-hand-o-right:before { - content: "\f0a4"; -} -.fa-hand-o-left:before { - content: "\f0a5"; -} -.fa-hand-o-up:before { - content: "\f0a6"; -} -.fa-hand-o-down:before { - content: "\f0a7"; -} -.fa-arrow-circle-left:before { - content: "\f0a8"; -} -.fa-arrow-circle-right:before { - content: "\f0a9"; -} -.fa-arrow-circle-up:before { - content: "\f0aa"; -} -.fa-arrow-circle-down:before { - content: "\f0ab"; -} -.fa-globe:before { - content: "\f0ac"; -} -.fa-wrench:before { - content: "\f0ad"; -} -.fa-tasks:before { - content: "\f0ae"; -} -.fa-filter:before { - content: "\f0b0"; -} -.fa-briefcase:before { - content: "\f0b1"; -} -.fa-arrows-alt:before { - content: "\f0b2"; -} -.fa-group:before, -.fa-users:before { - content: "\f0c0"; -} -.fa-chain:before, -.fa-link:before { - content: "\f0c1"; -} -.fa-cloud:before { - content: "\f0c2"; -} -.fa-flask:before { - content: "\f0c3"; -} -.fa-cut:before, -.fa-scissors:before { - content: "\f0c4"; -} -.fa-copy:before, -.fa-files-o:before { - content: "\f0c5"; -} -.fa-paperclip:before { - content: "\f0c6"; -} -.fa-save:before, -.fa-floppy-o:before { - content: "\f0c7"; -} -.fa-square:before { - content: "\f0c8"; -} -.fa-navicon:before, -.fa-reorder:before, -.fa-bars:before { - content: "\f0c9"; -} -.fa-list-ul:before { - content: "\f0ca"; -} -.fa-list-ol:before { - content: "\f0cb"; -} -.fa-strikethrough:before { - content: "\f0cc"; -} -.fa-underline:before { - content: "\f0cd"; -} -.fa-table:before { - content: "\f0ce"; -} -.fa-magic:before { - content: "\f0d0"; -} -.fa-truck:before { - content: "\f0d1"; -} -.fa-pinterest:before { - content: "\f0d2"; -} -.fa-pinterest-square:before { - content: "\f0d3"; -} -.fa-google-plus-square:before { - content: "\f0d4"; -} -.fa-google-plus:before { - content: "\f0d5"; -} -.fa-money:before { - content: "\f0d6"; -} -.fa-caret-down:before { - content: "\f0d7"; -} -.fa-caret-up:before { - content: "\f0d8"; -} -.fa-caret-left:before { - content: "\f0d9"; -} -.fa-caret-right:before { - content: "\f0da"; -} -.fa-columns:before { - content: "\f0db"; -} -.fa-unsorted:before, -.fa-sort:before { - content: "\f0dc"; -} -.fa-sort-down:before, -.fa-sort-desc:before { - content: "\f0dd"; -} -.fa-sort-up:before, -.fa-sort-asc:before { - content: "\f0de"; -} -.fa-envelope:before { - content: "\f0e0"; -} -.fa-linkedin:before { - content: "\f0e1"; -} -.fa-rotate-left:before, -.fa-undo:before { - content: "\f0e2"; -} -.fa-legal:before, -.fa-gavel:before { - content: "\f0e3"; -} -.fa-dashboard:before, -.fa-tachometer:before { - content: "\f0e4"; -} -.fa-comment-o:before { - content: "\f0e5"; -} -.fa-comments-o:before { - content: "\f0e6"; -} -.fa-flash:before, -.fa-bolt:before { - content: "\f0e7"; -} -.fa-sitemap:before { - content: "\f0e8"; -} -.fa-umbrella:before { - content: "\f0e9"; -} -.fa-paste:before, -.fa-clipboard:before { - content: "\f0ea"; -} -.fa-lightbulb-o:before { - content: "\f0eb"; -} -.fa-exchange:before { - content: "\f0ec"; -} -.fa-cloud-download:before { - content: "\f0ed"; -} -.fa-cloud-upload:before { - content: "\f0ee"; -} -.fa-user-md:before { - content: "\f0f0"; -} -.fa-stethoscope:before { - content: "\f0f1"; -} -.fa-suitcase:before { - content: "\f0f2"; -} -.fa-bell-o:before { - content: "\f0a2"; -} -.fa-coffee:before { - content: "\f0f4"; -} -.fa-cutlery:before { - content: "\f0f5"; -} -.fa-file-text-o:before { - content: "\f0f6"; -} -.fa-building-o:before { - content: "\f0f7"; -} -.fa-hospital-o:before { - content: "\f0f8"; -} -.fa-ambulance:before { - content: "\f0f9"; -} -.fa-medkit:before { - content: "\f0fa"; -} -.fa-fighter-jet:before { - content: "\f0fb"; -} -.fa-beer:before { - content: "\f0fc"; -} -.fa-h-square:before { - content: "\f0fd"; -} -.fa-plus-square:before { - content: "\f0fe"; -} -.fa-angle-double-left:before { - content: "\f100"; -} -.fa-angle-double-right:before { - content: "\f101"; -} -.fa-angle-double-up:before { - content: "\f102"; -} -.fa-angle-double-down:before { - content: "\f103"; -} -.fa-angle-left:before { - content: "\f104"; -} -.fa-angle-right:before { - content: "\f105"; -} -.fa-angle-up:before { - content: "\f106"; -} -.fa-angle-down:before { - content: "\f107"; -} -.fa-desktop:before { - content: "\f108"; -} -.fa-laptop:before { - content: "\f109"; -} -.fa-tablet:before { - content: "\f10a"; -} -.fa-mobile-phone:before, -.fa-mobile:before { - content: "\f10b"; -} -.fa-circle-o:before { - content: "\f10c"; -} -.fa-quote-left:before { - content: "\f10d"; -} -.fa-quote-right:before { - content: "\f10e"; -} -.fa-spinner:before { - content: "\f110"; -} -.fa-circle:before { - content: "\f111"; -} -.fa-mail-reply:before, -.fa-reply:before { - content: "\f112"; -} -.fa-github-alt:before { - content: "\f113"; -} -.fa-folder-o:before { - content: "\f114"; -} -.fa-folder-open-o:before { - content: "\f115"; -} -.fa-smile-o:before { - content: "\f118"; -} -.fa-frown-o:before { - content: "\f119"; -} -.fa-meh-o:before { - content: "\f11a"; -} -.fa-gamepad:before { - content: "\f11b"; -} -.fa-keyboard-o:before { - content: "\f11c"; -} -.fa-flag-o:before { - content: "\f11d"; -} -.fa-flag-checkered:before { - content: "\f11e"; -} -.fa-terminal:before { - content: "\f120"; -} -.fa-code:before { - content: "\f121"; -} -.fa-mail-reply-all:before, -.fa-reply-all:before { - content: "\f122"; -} -.fa-star-half-empty:before, -.fa-star-half-full:before, -.fa-star-half-o:before { - content: "\f123"; -} -.fa-location-arrow:before { - content: "\f124"; -} -.fa-crop:before { - content: "\f125"; -} -.fa-code-fork:before { - content: "\f126"; -} -.fa-unlink:before, -.fa-chain-broken:before { - content: "\f127"; -} -.fa-question:before { - content: "\f128"; -} -.fa-info:before { - content: "\f129"; -} -.fa-exclamation:before { - content: "\f12a"; -} -.fa-superscript:before { - content: "\f12b"; -} -.fa-subscript:before { - content: "\f12c"; -} -.fa-eraser:before { - content: "\f12d"; -} -.fa-puzzle-piece:before { - content: "\f12e"; -} -.fa-microphone:before { - content: "\f130"; -} -.fa-microphone-slash:before { - content: "\f131"; -} -.fa-shield:before { - content: "\f132"; -} -.fa-calendar-o:before { - content: "\f133"; -} -.fa-fire-extinguisher:before { - content: "\f134"; -} -.fa-rocket:before { - content: "\f135"; -} -.fa-maxcdn:before { - content: "\f136"; -} -.fa-chevron-circle-left:before { - content: "\f137"; -} -.fa-chevron-circle-right:before { - content: "\f138"; -} -.fa-chevron-circle-up:before { - content: "\f139"; -} -.fa-chevron-circle-down:before { - content: "\f13a"; -} -.fa-html5:before { - content: "\f13b"; -} -.fa-css3:before { - content: "\f13c"; -} -.fa-anchor:before { - content: "\f13d"; -} -.fa-unlock-alt:before { - content: "\f13e"; -} -.fa-bullseye:before { - content: "\f140"; -} -.fa-ellipsis-h:before { - content: "\f141"; -} -.fa-ellipsis-v:before { - content: "\f142"; -} -.fa-rss-square:before { - content: "\f143"; -} -.fa-play-circle:before { - content: "\f144"; -} -.fa-ticket:before { - content: "\f145"; -} -.fa-minus-square:before { - content: "\f146"; -} -.fa-minus-square-o:before { - content: "\f147"; -} -.fa-level-up:before { - content: "\f148"; -} -.fa-level-down:before { - content: "\f149"; -} -.fa-check-square:before { - content: "\f14a"; -} -.fa-pencil-square:before { - content: "\f14b"; -} -.fa-external-link-square:before { - content: "\f14c"; -} -.fa-share-square:before { - content: "\f14d"; -} -.fa-compass:before { - content: "\f14e"; -} -.fa-toggle-down:before, -.fa-caret-square-o-down:before { - content: "\f150"; -} -.fa-toggle-up:before, -.fa-caret-square-o-up:before { - content: "\f151"; -} -.fa-toggle-right:before, -.fa-caret-square-o-right:before { - content: "\f152"; -} -.fa-euro:before, -.fa-eur:before { - content: "\f153"; -} -.fa-gbp:before { - content: "\f154"; -} -.fa-dollar:before, -.fa-usd:before { - content: "\f155"; -} -.fa-rupee:before, -.fa-inr:before { - content: "\f156"; -} -.fa-cny:before, -.fa-rmb:before, -.fa-yen:before, -.fa-jpy:before { - content: "\f157"; -} -.fa-ruble:before, -.fa-rouble:before, -.fa-rub:before { - content: "\f158"; -} -.fa-won:before, -.fa-krw:before { - content: "\f159"; -} -.fa-bitcoin:before, -.fa-btc:before { - content: "\f15a"; -} -.fa-file:before { - content: "\f15b"; -} -.fa-file-text:before { - content: "\f15c"; -} -.fa-sort-alpha-asc:before { - content: "\f15d"; -} -.fa-sort-alpha-desc:before { - content: "\f15e"; -} -.fa-sort-amount-asc:before { - content: "\f160"; -} -.fa-sort-amount-desc:before { - content: "\f161"; -} -.fa-sort-numeric-asc:before { - content: "\f162"; -} -.fa-sort-numeric-desc:before { - content: "\f163"; -} -.fa-thumbs-up:before { - content: "\f164"; -} -.fa-thumbs-down:before { - content: "\f165"; -} -.fa-youtube-square:before { - content: "\f166"; -} -.fa-youtube:before { - content: "\f167"; -} -.fa-xing:before { - content: "\f168"; -} -.fa-xing-square:before { - content: "\f169"; -} -.fa-youtube-play:before { - content: "\f16a"; -} -.fa-dropbox:before { - content: "\f16b"; -} -.fa-stack-overflow:before { - content: "\f16c"; -} -.fa-instagram:before { - content: "\f16d"; -} -.fa-flickr:before { - content: "\f16e"; -} -.fa-adn:before { - content: "\f170"; -} -.fa-bitbucket:before { - content: "\f171"; -} -.fa-bitbucket-square:before { - content: "\f172"; -} -.fa-tumblr:before { - content: "\f173"; -} -.fa-tumblr-square:before { - content: "\f174"; -} -.fa-long-arrow-down:before { - content: "\f175"; -} -.fa-long-arrow-up:before { - content: "\f176"; -} -.fa-long-arrow-left:before { - content: "\f177"; -} -.fa-long-arrow-right:before { - content: "\f178"; -} -.fa-apple:before { - content: "\f179"; -} -.fa-windows:before { - content: "\f17a"; -} -.fa-android:before { - content: "\f17b"; -} -.fa-linux:before { - content: "\f17c"; -} -.fa-dribbble:before { - content: "\f17d"; -} -.fa-skype:before { - content: "\f17e"; -} -.fa-foursquare:before { - content: "\f180"; -} -.fa-trello:before { - content: "\f181"; -} -.fa-female:before { - content: "\f182"; -} -.fa-male:before { - content: "\f183"; -} -.fa-gittip:before, -.fa-gratipay:before { - content: "\f184"; -} -.fa-sun-o:before { - content: "\f185"; -} -.fa-moon-o:before { - content: "\f186"; -} -.fa-archive:before { - content: "\f187"; -} -.fa-bug:before { - content: "\f188"; -} -.fa-vk:before { - content: "\f189"; -} -.fa-weibo:before { - content: "\f18a"; -} -.fa-renren:before { - content: "\f18b"; -} -.fa-pagelines:before { - content: "\f18c"; -} -.fa-stack-exchange:before { - content: "\f18d"; -} -.fa-arrow-circle-o-right:before { - content: "\f18e"; -} -.fa-arrow-circle-o-left:before { - content: "\f190"; -} -.fa-toggle-left:before, -.fa-caret-square-o-left:before { - content: "\f191"; -} -.fa-dot-circle-o:before { - content: "\f192"; -} -.fa-wheelchair:before { - content: "\f193"; -} -.fa-vimeo-square:before { - content: "\f194"; -} -.fa-turkish-lira:before, -.fa-try:before { - content: "\f195"; -} -.fa-plus-square-o:before { - content: "\f196"; -} -.fa-space-shuttle:before { - content: "\f197"; -} -.fa-slack:before { - content: "\f198"; -} -.fa-envelope-square:before { - content: "\f199"; -} -.fa-wordpress:before { - content: "\f19a"; -} -.fa-openid:before { - content: "\f19b"; -} -.fa-institution:before, -.fa-bank:before, -.fa-university:before { - content: "\f19c"; -} -.fa-mortar-board:before, -.fa-graduation-cap:before { - content: "\f19d"; -} -.fa-yahoo:before { - content: "\f19e"; -} -.fa-google:before { - content: "\f1a0"; -} -.fa-reddit:before { - content: "\f1a1"; -} -.fa-reddit-square:before { - content: "\f1a2"; -} -.fa-stumbleupon-circle:before { - content: "\f1a3"; -} -.fa-stumbleupon:before { - content: "\f1a4"; -} -.fa-delicious:before { - content: "\f1a5"; -} -.fa-digg:before { - content: "\f1a6"; -} -.fa-pied-piper-pp:before { - content: "\f1a7"; -} -.fa-pied-piper-alt:before { - content: "\f1a8"; -} -.fa-drupal:before { - content: "\f1a9"; -} -.fa-joomla:before { - content: "\f1aa"; -} -.fa-language:before { - content: "\f1ab"; -} -.fa-fax:before { - content: "\f1ac"; -} -.fa-building:before { - content: "\f1ad"; -} -.fa-child:before { - content: "\f1ae"; -} -.fa-paw:before { - content: "\f1b0"; -} -.fa-spoon:before { - content: "\f1b1"; -} -.fa-cube:before { - content: "\f1b2"; -} -.fa-cubes:before { - content: "\f1b3"; -} -.fa-behance:before { - content: "\f1b4"; -} -.fa-behance-square:before { - content: "\f1b5"; -} -.fa-steam:before { - content: "\f1b6"; -} -.fa-steam-square:before { - content: "\f1b7"; -} -.fa-recycle:before { - content: "\f1b8"; -} -.fa-automobile:before, -.fa-car:before { - content: "\f1b9"; -} -.fa-cab:before, -.fa-taxi:before { - content: "\f1ba"; -} -.fa-tree:before { - content: "\f1bb"; -} -.fa-spotify:before { - content: "\f1bc"; -} -.fa-deviantart:before { - content: "\f1bd"; -} -.fa-soundcloud:before { - content: "\f1be"; -} -.fa-database:before { - content: "\f1c0"; -} -.fa-file-pdf-o:before { - content: "\f1c1"; -} -.fa-file-word-o:before { - content: "\f1c2"; -} -.fa-file-excel-o:before { - content: "\f1c3"; -} -.fa-file-powerpoint-o:before { - content: "\f1c4"; -} -.fa-file-photo-o:before, -.fa-file-picture-o:before, -.fa-file-image-o:before { - content: "\f1c5"; -} -.fa-file-zip-o:before, -.fa-file-archive-o:before { - content: "\f1c6"; -} -.fa-file-sound-o:before, -.fa-file-audio-o:before { - content: "\f1c7"; -} -.fa-file-movie-o:before, -.fa-file-video-o:before { - content: "\f1c8"; -} -.fa-file-code-o:before { - content: "\f1c9"; -} -.fa-vine:before { - content: "\f1ca"; -} -.fa-codepen:before { - content: "\f1cb"; -} -.fa-jsfiddle:before { - content: "\f1cc"; -} -.fa-life-bouy:before, -.fa-life-buoy:before, -.fa-life-saver:before, -.fa-support:before, -.fa-life-ring:before { - content: "\f1cd"; -} -.fa-circle-o-notch:before { - content: "\f1ce"; -} -.fa-ra:before, -.fa-resistance:before, -.fa-rebel:before { - content: "\f1d0"; -} -.fa-ge:before, -.fa-empire:before { - content: "\f1d1"; -} -.fa-git-square:before { - content: "\f1d2"; -} -.fa-git:before { - content: "\f1d3"; -} -.fa-y-combinator-square:before, -.fa-yc-square:before, -.fa-hacker-news:before { - content: "\f1d4"; -} -.fa-tencent-weibo:before { - content: "\f1d5"; -} -.fa-qq:before { - content: "\f1d6"; -} -.fa-wechat:before, -.fa-weixin:before { - content: "\f1d7"; -} -.fa-send:before, -.fa-paper-plane:before { - content: "\f1d8"; -} -.fa-send-o:before, -.fa-paper-plane-o:before { - content: "\f1d9"; -} -.fa-history:before { - content: "\f1da"; -} -.fa-circle-thin:before { - content: "\f1db"; -} -.fa-header:before { - content: "\f1dc"; -} -.fa-paragraph:before { - content: "\f1dd"; -} -.fa-sliders:before { - content: "\f1de"; -} -.fa-share-alt:before { - content: "\f1e0"; -} -.fa-share-alt-square:before { - content: "\f1e1"; -} -.fa-bomb:before { - content: "\f1e2"; -} -.fa-soccer-ball-o:before, -.fa-futbol-o:before { - content: "\f1e3"; -} -.fa-tty:before { - content: "\f1e4"; -} -.fa-binoculars:before { - content: "\f1e5"; -} -.fa-plug:before { - content: "\f1e6"; -} -.fa-slideshare:before { - content: "\f1e7"; -} -.fa-twitch:before { - content: "\f1e8"; -} -.fa-yelp:before { - content: "\f1e9"; -} -.fa-newspaper-o:before { - content: "\f1ea"; -} -.fa-wifi:before { - content: "\f1eb"; -} -.fa-calculator:before { - content: "\f1ec"; -} -.fa-paypal:before { - content: "\f1ed"; -} -.fa-google-wallet:before { - content: "\f1ee"; -} -.fa-cc-visa:before { - content: "\f1f0"; -} -.fa-cc-mastercard:before { - content: "\f1f1"; -} -.fa-cc-discover:before { - content: "\f1f2"; -} -.fa-cc-amex:before { - content: "\f1f3"; -} -.fa-cc-paypal:before { - content: "\f1f4"; -} -.fa-cc-stripe:before { - content: "\f1f5"; -} -.fa-bell-slash:before { - content: "\f1f6"; -} -.fa-bell-slash-o:before { - content: "\f1f7"; -} -.fa-trash:before { - content: "\f1f8"; -} -.fa-copyright:before { - content: "\f1f9"; -} -.fa-at:before { - content: "\f1fa"; -} -.fa-eyedropper:before { - content: "\f1fb"; -} -.fa-paint-brush:before { - content: "\f1fc"; -} -.fa-birthday-cake:before { - content: "\f1fd"; -} -.fa-area-chart:before { - content: "\f1fe"; -} -.fa-pie-chart:before { - content: "\f200"; -} -.fa-line-chart:before { - content: "\f201"; -} -.fa-lastfm:before { - content: "\f202"; -} -.fa-lastfm-square:before { - content: "\f203"; -} -.fa-toggle-off:before { - content: "\f204"; -} -.fa-toggle-on:before { - content: "\f205"; -} -.fa-bicycle:before { - content: "\f206"; -} -.fa-bus:before { - content: "\f207"; -} -.fa-ioxhost:before { - content: "\f208"; -} -.fa-angellist:before { - content: "\f209"; -} -.fa-cc:before { - content: "\f20a"; -} -.fa-shekel:before, -.fa-sheqel:before, -.fa-ils:before { - content: "\f20b"; -} -.fa-meanpath:before { - content: "\f20c"; -} -.fa-buysellads:before { - content: "\f20d"; -} -.fa-connectdevelop:before { - content: "\f20e"; -} -.fa-dashcube:before { - content: "\f210"; -} -.fa-forumbee:before { - content: "\f211"; -} -.fa-leanpub:before { - content: "\f212"; -} -.fa-sellsy:before { - content: "\f213"; -} -.fa-shirtsinbulk:before { - content: "\f214"; -} -.fa-simplybuilt:before { - content: "\f215"; -} -.fa-skyatlas:before { - content: "\f216"; -} -.fa-cart-plus:before { - content: "\f217"; -} -.fa-cart-arrow-down:before { - content: "\f218"; -} -.fa-diamond:before { - content: "\f219"; -} -.fa-ship:before { - content: "\f21a"; -} -.fa-user-secret:before { - content: "\f21b"; -} -.fa-motorcycle:before { - content: "\f21c"; -} -.fa-street-view:before { - content: "\f21d"; -} -.fa-heartbeat:before { - content: "\f21e"; -} -.fa-venus:before { - content: "\f221"; -} -.fa-mars:before { - content: "\f222"; -} -.fa-mercury:before { - content: "\f223"; -} -.fa-intersex:before, -.fa-transgender:before { - content: "\f224"; -} -.fa-transgender-alt:before { - content: "\f225"; -} -.fa-venus-double:before { - content: "\f226"; -} -.fa-mars-double:before { - content: "\f227"; -} -.fa-venus-mars:before { - content: "\f228"; -} -.fa-mars-stroke:before { - content: "\f229"; -} -.fa-mars-stroke-v:before { - content: "\f22a"; -} -.fa-mars-stroke-h:before { - content: "\f22b"; -} -.fa-neuter:before { - content: "\f22c"; -} -.fa-genderless:before { - content: "\f22d"; -} -.fa-facebook-official:before { - content: "\f230"; -} -.fa-pinterest-p:before { - content: "\f231"; -} -.fa-whatsapp:before { - content: "\f232"; -} -.fa-server:before { - content: "\f233"; -} -.fa-user-plus:before { - content: "\f234"; -} -.fa-user-times:before { - content: "\f235"; -} -.fa-hotel:before, -.fa-bed:before { - content: "\f236"; -} -.fa-viacoin:before { - content: "\f237"; -} -.fa-train:before { - content: "\f238"; -} -.fa-subway:before { - content: "\f239"; -} -.fa-medium:before { - content: "\f23a"; -} -.fa-yc:before, -.fa-y-combinator:before { - content: "\f23b"; -} -.fa-optin-monster:before { - content: "\f23c"; -} -.fa-opencart:before { - content: "\f23d"; -} -.fa-expeditedssl:before { - content: "\f23e"; -} -.fa-battery-4:before, -.fa-battery:before, -.fa-battery-full:before { - content: "\f240"; -} -.fa-battery-3:before, -.fa-battery-three-quarters:before { - content: "\f241"; -} -.fa-battery-2:before, -.fa-battery-half:before { - content: "\f242"; -} -.fa-battery-1:before, -.fa-battery-quarter:before { - content: "\f243"; -} -.fa-battery-0:before, -.fa-battery-empty:before { - content: "\f244"; -} -.fa-mouse-pointer:before { - content: "\f245"; -} -.fa-i-cursor:before { - content: "\f246"; -} -.fa-object-group:before { - content: "\f247"; -} -.fa-object-ungroup:before { - content: "\f248"; -} -.fa-sticky-note:before { - content: "\f249"; -} -.fa-sticky-note-o:before { - content: "\f24a"; -} -.fa-cc-jcb:before { - content: "\f24b"; -} -.fa-cc-diners-club:before { - content: "\f24c"; -} -.fa-clone:before { - content: "\f24d"; -} -.fa-balance-scale:before { - content: "\f24e"; -} -.fa-hourglass-o:before { - content: "\f250"; -} -.fa-hourglass-1:before, -.fa-hourglass-start:before { - content: "\f251"; -} -.fa-hourglass-2:before, -.fa-hourglass-half:before { - content: "\f252"; -} -.fa-hourglass-3:before, -.fa-hourglass-end:before { - content: "\f253"; -} -.fa-hourglass:before { - content: "\f254"; -} -.fa-hand-grab-o:before, -.fa-hand-rock-o:before { - content: "\f255"; -} -.fa-hand-stop-o:before, -.fa-hand-paper-o:before { - content: "\f256"; -} -.fa-hand-scissors-o:before { - content: "\f257"; -} -.fa-hand-lizard-o:before { - content: "\f258"; -} -.fa-hand-spock-o:before { - content: "\f259"; -} -.fa-hand-pointer-o:before { - content: "\f25a"; -} -.fa-hand-peace-o:before { - content: "\f25b"; -} -.fa-trademark:before { - content: "\f25c"; -} -.fa-registered:before { - content: "\f25d"; -} -.fa-creative-commons:before { - content: "\f25e"; -} -.fa-gg:before { - content: "\f260"; -} -.fa-gg-circle:before { - content: "\f261"; -} -.fa-tripadvisor:before { - content: "\f262"; -} -.fa-odnoklassniki:before { - content: "\f263"; -} -.fa-odnoklassniki-square:before { - content: "\f264"; -} -.fa-get-pocket:before { - content: "\f265"; -} -.fa-wikipedia-w:before { - content: "\f266"; -} -.fa-safari:before { - content: "\f267"; -} -.fa-chrome:before { - content: "\f268"; -} -.fa-firefox:before { - content: "\f269"; -} -.fa-opera:before { - content: "\f26a"; -} -.fa-internet-explorer:before { - content: "\f26b"; -} -.fa-tv:before, -.fa-television:before { - content: "\f26c"; -} -.fa-contao:before { - content: "\f26d"; -} -.fa-500px:before { - content: "\f26e"; -} -.fa-amazon:before { - content: "\f270"; -} -.fa-calendar-plus-o:before { - content: "\f271"; -} -.fa-calendar-minus-o:before { - content: "\f272"; -} -.fa-calendar-times-o:before { - content: "\f273"; -} -.fa-calendar-check-o:before { - content: "\f274"; -} -.fa-industry:before { - content: "\f275"; -} -.fa-map-pin:before { - content: "\f276"; -} -.fa-map-signs:before { - content: "\f277"; -} -.fa-map-o:before { - content: "\f278"; -} -.fa-map:before { - content: "\f279"; -} -.fa-commenting:before { - content: "\f27a"; -} -.fa-commenting-o:before { - content: "\f27b"; -} -.fa-houzz:before { - content: "\f27c"; -} -.fa-vimeo:before { - content: "\f27d"; -} -.fa-black-tie:before { - content: "\f27e"; -} -.fa-fonticons:before { - content: "\f280"; -} -.fa-reddit-alien:before { - content: "\f281"; -} -.fa-edge:before { - content: "\f282"; -} -.fa-credit-card-alt:before { - content: "\f283"; -} -.fa-codiepie:before { - content: "\f284"; -} -.fa-modx:before { - content: "\f285"; -} -.fa-fort-awesome:before { - content: "\f286"; -} -.fa-usb:before { - content: "\f287"; -} -.fa-product-hunt:before { - content: "\f288"; -} -.fa-mixcloud:before { - content: "\f289"; -} -.fa-scribd:before { - content: "\f28a"; -} -.fa-pause-circle:before { - content: "\f28b"; -} -.fa-pause-circle-o:before { - content: "\f28c"; -} -.fa-stop-circle:before { - content: "\f28d"; -} -.fa-stop-circle-o:before { - content: "\f28e"; -} -.fa-shopping-bag:before { - content: "\f290"; -} -.fa-shopping-basket:before { - content: "\f291"; -} -.fa-hashtag:before { - content: "\f292"; -} -.fa-bluetooth:before { - content: "\f293"; -} -.fa-bluetooth-b:before { - content: "\f294"; -} -.fa-percent:before { - content: "\f295"; -} -.fa-gitlab:before { - content: "\f296"; -} -.fa-wpbeginner:before { - content: "\f297"; -} -.fa-wpforms:before { - content: "\f298"; -} -.fa-envira:before { - content: "\f299"; -} -.fa-universal-access:before { - content: "\f29a"; -} -.fa-wheelchair-alt:before { - content: "\f29b"; -} -.fa-question-circle-o:before { - content: "\f29c"; -} -.fa-blind:before { - content: "\f29d"; -} -.fa-audio-description:before { - content: "\f29e"; -} -.fa-volume-control-phone:before { - content: "\f2a0"; -} -.fa-braille:before { - content: "\f2a1"; -} -.fa-assistive-listening-systems:before { - content: "\f2a2"; -} -.fa-asl-interpreting:before, -.fa-american-sign-language-interpreting:before { - content: "\f2a3"; -} -.fa-deafness:before, -.fa-hard-of-hearing:before, -.fa-deaf:before { - content: "\f2a4"; -} -.fa-glide:before { - content: "\f2a5"; -} -.fa-glide-g:before { - content: "\f2a6"; -} -.fa-signing:before, -.fa-sign-language:before { - content: "\f2a7"; -} -.fa-low-vision:before { - content: "\f2a8"; -} -.fa-viadeo:before { - content: "\f2a9"; -} -.fa-viadeo-square:before { - content: "\f2aa"; -} -.fa-snapchat:before { - content: "\f2ab"; -} -.fa-snapchat-ghost:before { - content: "\f2ac"; -} -.fa-snapchat-square:before { - content: "\f2ad"; -} -.fa-pied-piper:before { - content: "\f2ae"; -} -.fa-first-order:before { - content: "\f2b0"; -} -.fa-yoast:before { - content: "\f2b1"; -} -.fa-themeisle:before { - content: "\f2b2"; -} -.fa-google-plus-circle:before, -.fa-google-plus-official:before { - content: "\f2b3"; -} -.fa-fa:before, -.fa-font-awesome:before { - content: "\f2b4"; -} -.fa-handshake-o:before { - content: "\f2b5"; -} -.fa-envelope-open:before { - content: "\f2b6"; -} -.fa-envelope-open-o:before { - content: "\f2b7"; -} -.fa-linode:before { - content: "\f2b8"; -} -.fa-address-book:before { - content: "\f2b9"; -} -.fa-address-book-o:before { - content: "\f2ba"; -} -.fa-vcard:before, -.fa-address-card:before { - content: "\f2bb"; -} -.fa-vcard-o:before, -.fa-address-card-o:before { - content: "\f2bc"; -} -.fa-user-circle:before { - content: "\f2bd"; -} -.fa-user-circle-o:before { - content: "\f2be"; -} -.fa-user-o:before { - content: "\f2c0"; -} -.fa-id-badge:before { - content: "\f2c1"; -} -.fa-drivers-license:before, -.fa-id-card:before { - content: "\f2c2"; -} -.fa-drivers-license-o:before, -.fa-id-card-o:before { - content: "\f2c3"; -} -.fa-quora:before { - content: "\f2c4"; -} -.fa-free-code-camp:before { - content: "\f2c5"; -} -.fa-telegram:before { - content: "\f2c6"; -} -.fa-thermometer-4:before, -.fa-thermometer:before, -.fa-thermometer-full:before { - content: "\f2c7"; -} -.fa-thermometer-3:before, -.fa-thermometer-three-quarters:before { - content: "\f2c8"; -} -.fa-thermometer-2:before, -.fa-thermometer-half:before { - content: "\f2c9"; -} -.fa-thermometer-1:before, -.fa-thermometer-quarter:before { - content: "\f2ca"; -} -.fa-thermometer-0:before, -.fa-thermometer-empty:before { - content: "\f2cb"; -} -.fa-shower:before { - content: "\f2cc"; -} -.fa-bathtub:before, -.fa-s15:before, -.fa-bath:before { - content: "\f2cd"; -} -.fa-podcast:before { - content: "\f2ce"; -} -.fa-window-maximize:before { - content: "\f2d0"; -} -.fa-window-minimize:before { - content: "\f2d1"; -} -.fa-window-restore:before { - content: "\f2d2"; -} -.fa-times-rectangle:before, -.fa-window-close:before { - content: "\f2d3"; -} -.fa-times-rectangle-o:before, -.fa-window-close-o:before { - content: "\f2d4"; -} -.fa-bandcamp:before { - content: "\f2d5"; -} -.fa-grav:before { - content: "\f2d6"; -} -.fa-etsy:before { - content: "\f2d7"; -} -.fa-imdb:before { - content: "\f2d8"; -} -.fa-ravelry:before { - content: "\f2d9"; -} -.fa-eercast:before { - content: "\f2da"; -} -.fa-microchip:before { - content: "\f2db"; -} -.fa-snowflake-o:before { - content: "\f2dc"; -} -.fa-superpowers:before { - content: "\f2dd"; -} -.fa-wpexplorer:before { - content: "\f2de"; -} -.fa-meetup:before { - content: "\f2e0"; -} -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.sr-only-focusable:active, -.sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; -} diff --git a/assets/css/index.css b/assets/css/index.css new file mode 100644 index 0000000..bea922c --- /dev/null +++ b/assets/css/index.css @@ -0,0 +1 @@ +@charset "UTF-8";.hotspot-ai[data-v-202fe9d5]{margin:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{padding:0;line-height:var(--el-input-inner-height);min-height:auto}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{box-shadow:none;border-radius:unset;border:none;background-color:#0000;color:#606266}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:unset;box-shadow:none;outline:none}li{margin-bottom:0}ul{list-style:auto}.el-affix--fixed{position:fixed}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-autocomplete{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;position:relative;width:var(--el-input-width)}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper,.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__wrap{box-sizing:border-box;max-height:280px;padding:10px 0}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);line-height:34px;list-style:none;margin:0;overflow:hidden;padding:0 20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{border-top:1px solid var(--el-color-black);margin-top:6px}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{color:var(--el-text-color-secondary);font-size:20px;height:100px;line-height:100px;text-align:center}.el-autocomplete-suggestion.is-loading li:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translate(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{content:"";display:table}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{color:var(--el-text-color-placeholder);font-weight:700;margin:0 9px}.el-breadcrumb__separator.el-icon{font-weight:400;margin:0 6px}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{align-items:center;display:inline-flex;float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{color:var(--el-text-color-primary);font-weight:700;text-decoration:none;transition:var(--el-transition-color)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color:var(--el-text-color-regular);cursor:text;font-weight:400}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{content:"";display:table}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.el-button-group>.el-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-calendar{--el-calendar-border:var(--el-table-border,1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{border-bottom:var(--el-calendar-header-border-bottom);display:flex;justify-content:space-between;padding:12px 20px}.el-calendar__title{align-self:center;color:var(--el-text-color)}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{color:var(--el-text-color-regular);font-weight:400;padding:12px 0}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);transition:background-color var(--el-transition-duration-fast) ease;vertical-align:top}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;height:var(--el-calendar-cell-width);padding:8px}.el-calendar-table .el-calendar-day:hover{background-color:var(--el-calendar-selected-bg-color);cursor:pointer}.el-carousel__item{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.el-carousel__item,.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{height:50%;width:100%}.el-carousel__mask{background-color:var(--el-color-white);height:100%;left:0;opacity:.24;position:absolute;top:0;transition:var(--el-transition-duration-fast);width:100%}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31,45,61,.11);--el-carousel-arrow-hover-background:rgba(31,45,61,.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{align-items:center;background-color:var(--el-carousel-arrow-background);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--el-carousel-arrow-font-size);height:var(--el-carousel-arrow-size);justify-content:center;margin:0;outline:none;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:var(--el-transition-duration);width:var(--el-carousel-arrow-size);z-index:10}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{list-style:none;margin:0;padding:0;position:absolute;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translate(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);position:static;text-align:center;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels{left:0;right:0;text-align:center;transform:none}.el-carousel__indicators--labels .el-carousel__button{color:#000;font-size:12px;height:auto;padding:2px 18px;width:auto}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{height:calc(var(--el-carousel-indicator-width)/2);width:var(--el-carousel-indicator-height)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{background-color:#fff;border:none;cursor:pointer;display:block;height:var(--el-carousel-indicator-height);margin:0;opacity:.48;outline:none;padding:0;transition:var(--el-transition-duration);width:var(--el-carousel-indicator-width)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%) translate(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%) translate(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);display:flex;font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{border-right:var(--el-cascader-menu-border);box-sizing:border-box;color:var(--el-cascader-menu-text-color);min-width:180px}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;list-style:none;margin:0;min-height:100%;padding:6px 0;position:relative}.el-cascader-menu__hover-zone{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cascader-menu__empty-text{align-items:center;color:var(--el-cascader-color-empty);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{align-items:center;display:flex;height:34px;line-height:34px;outline:none;padding:0 30px 0 20px;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{left:10px;position:absolute}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-cascader-node>.el-checkbox,.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;font-size:var(--el-font-size-base);line-height:32px;outline:none;position:relative;vertical-align:middle}.el-cascader:not(.is-disabled):hover .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;cursor:pointer}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{cursor:pointer;text-overflow:ellipsis}.el-cascader .el-input .el-input__suffix-inner .el-icon{height:calc(100% - 2px)}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{font-size:14px;transition:transform var(--el-transition-duration)}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader.is-disabled .el-cascader__label{color:var(--el-disabled-text-color);z-index:calc(var(--el-index-normal) + 1)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill)}.el-cascader__dropdown.el-popper,.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__tags{box-sizing:border-box;display:flex;flex-wrap:wrap;left:0;line-height:normal;position:absolute;right:30px;text-align:left;top:50%;transform:translateY(-50%)}.el-cascader__tags .el-tag{align-items:center;background:var(--el-cascader-tag-background);display:inline-flex;margin:2px 0 2px 6px;max-width:100%;text-overflow:ellipsis}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{align-items:center;background:var(--el-fill-color);display:inline-flex;margin:2px 0 2px 6px;max-width:100%;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{color:var(--el-cascader-menu-text-color);font-size:var(--el-font-size-base);margin:0;max-height:204px;padding:6px 0;text-align:center}.el-cascader__suggestion-item{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:space-between;outline:none;padding:0 15px;text-align:left}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{background:transparent;border:none;box-sizing:border-box;color:var(--el-cascader-menu-text-color);flex:1;height:24px;margin:2px 0 2px 11px;min-width:60px;outline:none;padding:0}.el-cascader__search-input::-moz-placeholder{color:transparent}.el-cascader__search-input::placeholder{color:transparent}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:700;line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all)}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--primary.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.el-check-tag--primary.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-check-tag.el-check-tag--primary.is-checked.is-disabled{background-color:var(--el-color-primary-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover{background-color:var(--el-color-primary-light-8)}.el-check-tag.el-check-tag--primary.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-check-tag.el-check-tag--success.is-checked{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.el-check-tag.el-check-tag--success.is-checked:hover{background-color:var(--el-color-success-light-7)}.el-check-tag.el-check-tag--success.is-checked.is-disabled{background-color:var(--el-color-success-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover{background-color:var(--el-color-success-light-8)}.el-check-tag.el-check-tag--success.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-disabled,.el-check-tag.el-check-tag--success.is-disabled:hover{background-color:var(--el-color-success-light-9)}.el-check-tag.el-check-tag--warning.is-checked{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.el-check-tag.el-check-tag--warning.is-checked:hover{background-color:var(--el-color-warning-light-7)}.el-check-tag.el-check-tag--warning.is-checked.is-disabled{background-color:var(--el-color-warning-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover{background-color:var(--el-color-warning-light-8)}.el-check-tag.el-check-tag--warning.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-disabled,.el-check-tag.el-check-tag--warning.is-disabled:hover{background-color:var(--el-color-warning-light-9)}.el-check-tag.el-check-tag--danger.is-checked{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.el-check-tag.el-check-tag--danger.is-checked:hover{background-color:var(--el-color-danger-light-7)}.el-check-tag.el-check-tag--danger.is-checked.is-disabled{background-color:var(--el-color-danger-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover{background-color:var(--el-color-danger-light-8)}.el-check-tag.el-check-tag--danger.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-disabled,.el-check-tag.el-check-tag--danger.is-disabled:hover{background-color:var(--el-color-danger-light-9)}.el-check-tag.el-check-tag--error.is-checked{background-color:var(--el-color-error-light-8);color:var(--el-color-error)}.el-check-tag.el-check-tag--error.is-checked:hover{background-color:var(--el-color-error-light-7)}.el-check-tag.el-check-tag--error.is-checked.is-disabled{background-color:var(--el-color-error-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover{background-color:var(--el-color-error-light-8)}.el-check-tag.el-check-tag--error.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-disabled,.el-check-tag.el-check-tag--error.is-disabled:hover{background-color:var(--el-color-error-light-9)}.el-check-tag.el-check-tag--info.is-checked{background-color:var(--el-color-info-light-8);color:var(--el-color-info)}.el-check-tag.el-check-tag--info.is-checked:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--info.is-checked.is-disabled{background-color:var(--el-color-info-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover{background-color:var(--el-color-info-light-8)}.el-check-tag.el-check-tag--info.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-disabled,.el-check-tag.el-check-tag--info.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary);display:inline-block;position:relative}.el-checkbox-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left-color:transparent;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);line-height:1;margin:0;outline:none;padding:8px 15px;position:relative;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7);color:var(--el-checkbox-button-checked-text-color)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-bottom-left-radius:var(--el-border-radius-base);border-left:var(--el-border);border-top-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-bottom-right-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:red;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,#fff0)}.el-color-svpanel__black{background:linear-gradient(0deg,#000,#0000)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,#fff0 0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;line-height:normal;outline:none;position:relative}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--large{height:40px}.el-color-picker--large .el-color-picker__trigger{height:40px;width:40px}.el-color-picker--large .el-color-picker__mask{height:38px;width:38px}.el-color-picker--small{height:24px}.el-color-picker--small .el-color-picker__trigger{height:24px;width:24px}.el-color-picker--small .el-color-picker__mask{height:22px;width:22px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__mask{background-color:#ffffffb3;border-radius:4px;cursor:not-allowed;height:30px;left:1px;position:absolute;top:1px;width:30px;z-index:1}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:0;height:32px;justify-content:center;padding:4px;position:relative;width:32px}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);box-sizing:border-box;display:block;height:100%;position:relative;text-align:center;width:100%}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#fff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:content-box;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{box-sizing:border-box;cursor:pointer;height:30px;padding:4px 0;position:relative;text-align:center;width:32px}.el-date-table td .el-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:50%;display:block;height:24px;left:50%;line-height:24px;margin:0 auto;position:absolute;transform:translate(-50%);width:24px}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#fff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#fff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed;opacity:1}.el-date-table td.selected .el-date-table-cell{border-radius:15px;margin-left:5px;margin-right:5px}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);border-radius:15px;color:#fff}.el-date-table td.week{color:var(--el-datepicker-header-text-color);font-size:80%}.el-date-table td:focus{outline:none}.el-date-table th{border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-datepicker-header-text-color);font-weight:400;padding:5px}.el-month-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-month-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-month-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-month-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-month-table td.today.end-date .el-date-table-cell__text,.el-month-table td.today.start-date .el-date-table-cell__text{color:#fff}.el-month-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-month-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-month-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translate(-50%);width:54px}.el-month-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date .el-date-table-cell,.el-month-table td.start-date .el-date-table-cell{color:#fff}.el-month-table td.end-date .el-date-table-cell__text,.el-month-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff}.el-month-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px;margin-left:3px}.el-month-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell{border-radius:24px;margin-left:3px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff}.el-month-table td:focus-visible{outline:none}.el-month-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-year-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-year-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-year-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-year-table td.today.end-date .el-date-table-cell__text,.el-year-table td.today.start-date .el-date-table-cell__text{color:#fff}.el-year-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-year-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-year-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translate(-50%);width:60px}.el-year-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-year-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-year-table td.end-date .el-date-table-cell,.el-year-table td.start-date .el-date-table-cell{color:#fff}.el-year-table td.end-date .el-date-table-cell__text,.el-year-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff}.el-year-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px}.el-year-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px}.el-year-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff}.el-year-table td:focus-visible{outline:none}.el-year-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{display:inline-block;max-height:192px;overflow:auto;position:relative;vertical-align:top;width:50%}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;overflow:hidden;text-align:center}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;height:30px;left:0;line-height:30px;position:absolute;text-align:center;width:100%;z-index:var(--el-index-normal)}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__list{list-style:none;margin:0}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;height:80px;width:100%}.el-time-spinner__item{color:var(--el-text-color-regular);font-size:12px;height:32px;line-height:32px}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:700}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper,.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;position:relative;text-align:left;vertical-align:middle}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{height:var(--el-input-height,var(--el-component-size));width:var(--el-date-editor-width)}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .clear-icon,.el-date-editor .close-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__icon{color:var(--el-text-color-placeholder);float:left;font-size:14px;height:inherit}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-text-color-regular);display:inline-block;font-size:var(--el-font-size-base);height:30px;line-height:30px;margin:0;outline:none;padding:0;text-align:center;width:39%}.el-date-editor .el-range-input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{align-items:center;color:var(--el-text-color-primary);display:inline-flex;flex:1;font-size:14px;height:100%;justify-content:center;margin:0;overflow-wrap:break-word;padding:0 5px}.el-date-editor .el-range__close-icon{color:var(--el-text-color-placeholder);cursor:pointer;font-size:14px;height:inherit;width:unset}.el-date-editor .el-range__close-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{align-items:center;display:inline-flex;padding:0 10px;vertical-align:middle}.el-range-editor.is-active,.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{font-size:14px;line-height:40px}.el-range-editor--large .el-range-input{font-size:14px;height:38px;line-height:38px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{font-size:12px;line-height:24px}.el-range-editor--small .el-range-input{font-size:12px;height:22px;line-height:22px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled,.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{background:var(--el-bg-color-overlay);border-radius:var(--el-border-radius-base);color:var(--el-text-color-regular);line-height:30px}.el-picker-panel .el-time-panel{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light);margin:5px 0}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{clear:both;content:"";display:table}.el-picker-panel__content{margin:15px;position:relative}.el-picker-panel__footer{background-color:var(--el-bg-color-overlay);border-top:1px solid var(--el-datepicker-inner-border-color);font-size:0;padding:4px 12px;position:relative;text-align:right}.el-picker-panel__shortcut{background-color:transparent;border:0;color:var(--el-datepicker-text-color);cursor:pointer;display:block;font-size:14px;line-height:28px;outline:none;padding-left:12px;text-align:left;width:100%}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{background-color:transparent;border:1px solid var(--el-fill-color-darker);border-radius:2px;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:24px;outline:none;padding:0 20px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{background:transparent;border:0;color:var(--el-datepicker-icon-color);cursor:pointer;font-size:12px;margin-top:8px;outline:none}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{background-color:var(--el-bg-color-overlay);border-right:1px solid var(--el-datepicker-inner-border-color);bottom:0;box-sizing:border-box;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-picker__header{padding:12px 12px 0;text-align:center}.el-date-picker__header--bordered{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:0;padding-bottom:12px}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{cursor:pointer;float:left;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{height:28px;position:relative;text-align:center}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{box-sizing:border-box;float:left;margin:0;padding:16px;width:50%}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-range-picker__time-header>.el-icon-arrow-right{color:var(--el-datepicker-icon-color);display:table-cell;font-size:20px;vertical-align:middle}.el-date-range-picker__time-picker-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-range-picker__time-picker-wrap .el-picker-panel{background:#fff;position:absolute;right:0;top:13px;z-index:1}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-time-range-picker{overflow:visible;width:354px}.el-time-range-picker__content{padding:10px;position:relative;text-align:center;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;display:inline-block;margin:0;padding:4px 7px 7px;width:50%}.el-time-range-picker__header{font-size:14px;margin-bottom:5px;text-align:center}.el-time-range-picker__body{border:1px solid var(--el-datepicker-border-color);border-radius:2px}.el-time-panel{border-radius:2px;box-sizing:content-box;left:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:180px;z-index:var(--el-index-top)}.el-time-panel__content{font-size:0;overflow:hidden;position:relative}.el-time-panel__content:after,.el-time-panel__content:before{box-sizing:border-box;content:"";height:32px;left:0;margin-top:-16px;padding-top:6px;position:absolute;right:0;text-align:left;top:50%;z-index:-1}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{border-bottom:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);margin-left:12%;margin-right:12%;padding-left:50%}.el-time-panel__content.has-seconds:after{left:66.6666666667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));box-sizing:border-box;height:36px;line-height:25px;padding:4px;text-align:right}.el-time-panel__btn{background-color:transparent;border:none;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:28px;margin:0 5px;outline:none;padding:0 5px}.el-time-panel__btn.confirm{color:var(--el-timepicker-active-color,var(--el-color-primary));font-weight:800}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;color:var(--el-text-color-primary);font-size:var(--el-font-size-base)}.el-descriptions__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:700}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;font-size:14px;font-weight:400;line-height:23px;text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{background:var(--el-descriptions-item-bordered-label-background);color:var(--el-text-color-regular);font-weight:700}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translate(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translate(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translate(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);line-height:1;position:relative;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper,.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:none}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:0}.el-dropdown .el-dropdown__caret-button{align-items:center;border-left:none;display:inline-flex;justify-content:center;padding-left:0;padding-right:0;width:32px}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{background:var(--el-overlay-color-lighter);bottom:-1px;content:"";display:block;left:0;position:absolute;top:-1px;width:1px}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:none}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;left:0;list-style:none;margin:0;padding:5px 0;position:relative;top:0;z-index:var(--el-dropdown-menu-index)}.el-dropdown-menu__item{align-items:center;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:var(--el-font-size-base);line-height:22px;list-style:none;margin:0;outline:none;padding:5px 16px;white-space:nowrap}.el-dropdown-menu__item:not(.is-disabled):focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid var(--el-border-color-lighter);margin:6px 0}.el-dropdown-menu__item.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{font-size:14px;line-height:22px;padding:7px 20px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{font-size:12px;line-height:20px;padding:2px 12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-image-viewer__wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer;font-size:inherit}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translate(-50%);width:282px}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;height:100%;justify-content:space-around;width:100%}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link.is-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default:after{border-color:var(--el-link-hover-text-color)}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:var(--el-link-text-color)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:var(--el-link-text-color)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--error.is-underline:hover:after,.el-link.el-link--error:after{border-color:var(--el-link-text-color)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:var(--el-link-text-color)}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);box-sizing:border-box;list-style:none;margin:0;padding-left:0;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));white-space:nowrap}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{border-right:none;display:flex;flex-wrap:nowrap;height:var(--el-menu-horizontal-height)}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:1px solid var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{align-items:center;border-bottom:2px solid transparent;color:var(--el-menu-text-color);display:inline-flex;height:100%;justify-content:center;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{border-bottom:2px solid transparent;color:var(--el-menu-text-color);height:100%}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{align-items:center;background-color:var(--el-menu-bg-color);color:var(--el-menu-text-color);display:flex;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-hover-text-color);outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{border:none;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:5px 0;z-index:100}.el-menu .el-icon{flex-shrink:0}.el-menu-item{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{align-items:center;box-sizing:border-box;display:inline-flex;height:100%;left:0;padding:0 var(--el-menu-base-level-padding);position:absolute;top:0;width:100%}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:none}.el-sub-menu__title.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu .el-icon{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;margin-right:0;margin-top:-6px;position:absolute;right:var(--el-menu-base-level-padding);top:50%;transition:transform var(--el-transition-duration);width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:var(--el-text-color-secondary);font-size:12px;line-height:normal;padding:7px 0 7px var(--el-menu-base-level-padding)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{opacity:0;transition:var(--el-transition-duration-fast)}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);align-items:center;background-color:var(--el-message-bg-color);border-color:var(--el-message-border-color);border-radius:var(--el-border-radius-base);border-style:var(--el-border-style);border-width:var(--el-border-width);box-sizing:border-box;display:flex;gap:8px;left:50%;max-width:calc(100% - 32px);padding:var(--el-message-padding);position:fixed;top:20px;transform:translate(-50%);transition:opacity var(--el-transition-duration),transform .4s,top .4s;width:-moz-fit-content;width:fit-content}.el-message.is-center{justify-content:center}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;right:-8px;top:-8px}.el-message__content{font-size:14px;line-height:1;padding:0}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color);cursor:pointer;font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{align-items:center;display:flex;justify-content:space-between;line-height:24px}.el-page-header__left{align-items:center;display:flex;margin-right:40px;position:relative}.el-page-header__back{align-items:center;cursor:pointer;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;display:flex;font-size:16px;margin-right:10px}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{margin-top:8px;text-align:right}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;overflow-wrap:break-word;padding:var(--el-popover-padding);z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{align-items:center;display:flex;line-height:1;position:relative}.el-progress__text{color:var(--el-text-color-regular);font-size:14px;line-height:1;margin-left:5px;min-width:50px}.el-progress__text i{display:block;vertical-align:middle}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{left:0;margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{display:inline-block;vertical-align:middle}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{display:block;margin-right:0;padding-right:0}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);border-radius:100px;height:6px;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{background-color:var(--el-color-primary);border-radius:100px;height:100%;left:0;line-height:1;position:absolute;text-align:right;top:0;transition:width .6s ease;white-space:nowrap}.el-progress-bar__inner:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{animation:indeterminate 3s infinite;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 75%,transparent 0,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{color:#fff;display:inline-block;font-size:12px;margin:0 5px;vertical-align:middle}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button,.el-radio-button__inner{display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;padding:8px 15px;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-radio-font-weight);height:32px;margin-right:30px;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.el-radio__input.is-disabled .el-radio__inner{border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled .el-radio__inner:after{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{background-color:var(--el-radio-input-bg-color);border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--el-radio-input-height);position:relative;width:var(--el-radio-input-width)}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{background-color:var(--el-color-white);border-radius:var(--el-radio-input-border-radius);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in;width:4px}.el-radio__original{bottom:0;left:0;margin:0;opacity:0;outline:none;position:absolute;right:0;top:0;z-index:-1}.el-radio__original:focus-visible+.el-radio__inner{border-radius:var(--el-radio-input-border-radius);outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{height:12px;width:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);align-items:center;display:inline-flex;height:32px}.el-rate:active,.el-rate:focus{outline:none}.el-rate__item{color:var(--el-rate-void-color);cursor:pointer;display:inline-block;font-size:0;line-height:normal;position:relative;vertical-align:middle}.el-rate .el-rate__icon{display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);position:relative;transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{left:0;position:absolute;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;overflow:hidden}.el-rate__decimal,.el-rate__decimal--box{left:0;position:absolute;top:0}.el-rate__text{color:var(--el-rate-text-color);font-size:var(--el-rate-font-size);vertical-align:middle}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{color:var(--el-rate-disabled-void-color);cursor:auto}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-result-padding);text-align:center}.el-result__icon svg{height:var(--el-result-icon-font-size);width:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{color:var(--el-text-color-primary);font-size:var(--el-result-title-font-size);line-height:1.3;margin:0}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1.3;margin:0}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translate(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translate(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{white-space:nowrap;width:100%}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;height:50px;width:50px}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{flex-shrink:1;position:relative}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{border-color:var(--el-text-color-primary);color:var(--el-text-color-primary)}.el-step__head.is-wait{border-color:var(--el-text-color-placeholder);color:var(--el-text-color-placeholder)}.el-step__head.is-success{border-color:var(--el-color-success);color:var(--el-color-success)}.el-step__head.is-error{border-color:var(--el-color-danger);color:var(--el-color-danger)}.el-step__head.is-finish{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-step__icon{align-items:center;background:var(--el-bg-color);box-sizing:border-box;display:inline-flex;font-size:14px;height:24px;justify-content:center;position:relative;transition:.15s ease-out;width:24px;z-index:1}.el-step__icon.is-text{border:2px solid;border-color:inherit;border-radius:50%}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{color:inherit;display:inline-block;font-weight:700;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{background-color:var(--el-text-color-placeholder);border-color:inherit;position:absolute}.el-step__line-inner{border:1px solid;border-color:inherit;box-sizing:border-box;display:block;height:0;transition:.15s ease-out;width:0}.el-step__main{text-align:left;white-space:normal}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{color:var(--el-text-color-primary);font-weight:700}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{font-size:12px;font-weight:400;line-height:20px;margin-top:-5px;padding-right:10%}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;left:0;right:0;top:11px}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{flex-grow:1;padding-left:10px}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{bottom:0;left:11px;top:0;width:2px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{align-items:center;display:flex}.el-step.is-simple .el-step__head{font-size:0;padding-right:10px;width:auto}.el-step.is-simple .el-step__icon{background:transparent;font-size:12px;height:16px;width:16px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{align-items:stretch;display:flex;flex-grow:1;position:relative}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;overflow-wrap:break-word}.el-step.is-simple .el-step__arrow{align-items:center;display:flex;flex-grow:1;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{background:var(--el-text-color-placeholder);content:"";display:inline-block;height:15px;position:absolute;width:1px}.el-step.is-simple .el-step__arrow:before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{background:var(--el-fill-color-light);border-radius:4px;padding:13px 8%}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{flex-flow:column;height:100%}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#fff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;padding:0 10px}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:transparent;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:none}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,.15);--el-table-index:var(--el-index-normal);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:14px;height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%}.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.el-table__inner-wrapper:before{bottom:0;height:1px;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;position:sticky;text-align:center;width:100%}.el-table__empty-text{color:var(--el-text-color-secondary);line-height:60px;width:50%}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table__expand-icon{color:var(--el-text-color-regular);cursor:pointer;font-size:12px;height:20px;position:relative;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:var(--el-table-index)}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;padding:0;width:15px}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;overflow-wrap:break-word;padding:0 12px;text-overflow:ellipsis;white-space:normal}.el-table .cell.el-tooltip{min-width:50px;white-space:nowrap}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:14px}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{background:#ff4d51;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;vertical-align:middle;width:8px}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table--border .el-table__inner-wrapper:after{height:1px;left:0;top:0;width:100%;z-index:calc(var(--el-table-index) + 2)}.el-table--border:before{height:100%;left:0;top:-1px;width:1px}.el-table--border:after{height:100%;right:0;top:-1px;width:1px}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:inherit;position:sticky!important;z-index:calc(var(--el-table-index) + 1)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{box-shadow:none;right:-10px}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{background:#fff;position:sticky!important;right:0;z-index:calc(var(--el-table-index) + 1)}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{border-collapse:separate;table-layout:fixed}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{align-items:center;display:inline-flex;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;overflow:hidden;position:relative}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:14px;overflow:initial;position:relative;vertical-align:middle;width:24px}.el-table .sort-caret{border:5px solid transparent;height:0;left:7px;position:absolute;width:0}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell,.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{position:sticky;top:0;z-index:calc(var(--el-table-index) + 2)}.el-table.el-table--scrollable-y .el-table__body-footer{bottom:0;position:sticky;z-index:calc(var(--el-table-index) + 2)}.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:calc(var(--el-table-index) + 9)}.el-table__column-filter-trigger{cursor:pointer;display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{height:100%;top:0;width:1px}.el-table__border-bottom-patch,.el-table__border-left-patch{background-color:var(--el-table-border-color);left:0;position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table__border-bottom-patch{height:1px}.el-table__border-right-patch{background-color:var(--el-table-border-color);height:100%;position:absolute;top:0;width:1px;z-index:calc(var(--el-table-index) + 2)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;height:12px;line-height:12px;margin-right:8px;text-align:center;width:12px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,.15);--el-table-index:var(--el-index-normal);font-size:14px}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{background-color:var(--el-bg-color);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{background-color:var(--el-bg-color);box-shadow:2px 0 4px #0000000f;display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__horizontal,.el-table-v2__left .el-vl__vertical{z-index:-1}.el-table-v2__right{background-color:var(--el-bg-color);box-shadow:-2px 0 4px #0000000f;display:flex;flex-direction:column-reverse;overflow:hidden;position:absolute;right:0;top:0}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__horizontal,.el-table-v2__right .el-vl__vertical{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{overflow:hidden;position:relative}.el-table-v2__header .el-checkbox{z-index:0}.el-table-v2__footer{bottom:0;overflow:hidden;right:0}.el-table-v2__empty,.el-table-v2__footer,.el-table-v2__overlay{left:0;position:absolute}.el-table-v2__overlay{bottom:0;right:0;top:0;z-index:9999}.el-table-v2__header-row{border-bottom:var(--el-table-border);display:flex}.el-table-v2__header-cell{align-items:center;background-color:var(--el-table-header-bg-color);color:var(--el-table-header-text-color);display:flex;font-weight:700;height:100%;overflow:hidden;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__header-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__header-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{display:none;opacity:.6;transition:opacity,display var(--el-transition-duration)}.el-table-v2__sort-icon.is-sorting{display:block;opacity:1}.el-table-v2__row{align-items:center;border-bottom:var(--el-table-border);display:flex;transition:background-color var(--el-transition-duration)}.el-table-v2__row.is-hovered,.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{align-items:center;display:flex;height:100%;overflow:hidden;padding:0 8px}.el-table-v2__row-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__row-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__expand-icon{cursor:pointer;margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-table-v2.is-dynamic .el-table-v2__row{align-items:stretch;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{overflow-wrap:break-word}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.el-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.el-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{display:flex;min-width:100%}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.el-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--el-color-primary)}.el-tabs__item:hover{cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;overflow:hidden;position:relative}.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row-reverse}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--top{flex-direction:column-reverse}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translate(100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translate(-100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(-100%);transform-origin:0 0}}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{margin:0;max-height:200px}.time-select-item{font-size:14px;line-height:20px;padding:8px 10px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);cursor:pointer;font-weight:700}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:700}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;left:4px;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{align-items:center;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.el-timeline-item__node--normal{height:var(--el-timeline-node-size-normal);left:-1px;width:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{height:var(--el-timeline-node-size-large);left:-2px;width:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{align-items:center;display:flex;justify-content:center;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);font-size:var(--el-font-size-small);line-height:1}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);list-style:none;margin:0}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-tooltip-v2__content{--el-tooltip-v2-padding:5px 10px;--el-tooltip-v2-border-radius:4px;--el-tooltip-v2-border-color:var(--el-border-color);background-color:var(--el-color-white);border:1px solid var(--el-border-color);border-radius:var(--el-tooltip-v2-border-radius);color:var(--el-color-black);padding:var(--el-tooltip-v2-padding)}.el-tooltip-v2__arrow{color:var(--el-color-white);height:var(--el-tooltip-v2-arrow-height);left:var(--el-tooltip-v2-arrow-x);pointer-events:none;position:absolute;top:var(--el-tooltip-v2-arrow-y);width:var(--el-tooltip-v2-arrow-width)}.el-tooltip-v2__arrow:after,.el-tooltip-v2__arrow:before{border:var(--el-tooltip-v2-arrow-border-width) solid transparent;content:"";height:0;position:absolute;width:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow{bottom:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before{border-bottom:0;border-top-color:var(--el-color-white);border-top-width:var(--el-tooltip-v2-arrow-border-width);top:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after{border-bottom:0;border-top-color:var(--el-border-color);border-top-width:var(--el-tooltip-v2-arrow-border-width);top:100%;z-index:-1}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow{top:0}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before{border-bottom-color:var(--el-color-white);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after{border-bottom-color:var(--el-border-color);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:100%;z-index:-1}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow{right:0}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before{border-left-color:var(--el-color-white);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after{border-left-color:var(--el-border-color);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:100%;z-index:-1}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow{left:0}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before{border-left:0;border-right-color:var(--el-color-white);border-right-width:var(--el-tooltip-v2-arrow-border-width);right:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after{border-left:0;border-right-color:var(--el-border-color);border-right-width:var(--el-tooltip-v2-arrow-border-width);right:100%;z-index:-1}.el-tooltip-v2__content.is-dark{--el-tooltip-v2-border-color:transparent;color:var(--el-color-white)}.el-tooltip-v2__content.is-dark,.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow{background-color:var(--el-color-black);border-color:transparent}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;padding:0 30px;vertical-align:middle}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{background:var(--el-bg-color-overlay);box-sizing:border-box;display:inline-block;max-height:100%;overflow:hidden;position:relative;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width)}.el-transfer-panel__body{border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);height:var(--el-transfer-panel-body-height);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{box-sizing:border-box;height:var(--el-transfer-panel-body-height);list-style:none;margin:0;overflow:auto;padding:6px 0}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{display:block!important;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular)}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;line-height:var(--el-transfer-item-height);overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{box-sizing:border-box;padding:15px;text-align:center}.el-transfer-panel__filter .el-input__inner{box-sizing:border-box;display:inline-block;font-size:12px;height:var(--el-transfer-filter-height);width:100%}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{align-items:center;background:var(--el-transfer-panel-header-bg-color);border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black);display:flex;height:var(--el-transfer-panel-header-height);margin:0;padding-left:15px}.el-transfer-panel .el-transfer-panel__header .el-checkbox{align-items:center;display:flex;position:relative;width:100%}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{color:var(--el-text-color-primary);font-size:16px;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{color:var(--el-text-color-secondary);font-size:12px;font-weight:400;position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0)}.el-transfer-panel .el-transfer-panel__footer{background:var(--el-bg-color-overlay);border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);height:var(--el-transfer-panel-footer-height);margin:0;padding:0}.el-transfer-panel .el-transfer-panel__footer:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{color:var(--el-text-color-regular);padding-left:20px}.el-transfer-panel .el-transfer-panel__empty{color:var(--el-text-color-secondary);height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);margin:0;padding:6px 15px 0;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{border-radius:3px;height:14px;width:14px}.el-transfer-panel .el-checkbox__inner:after{height:6px;left:4px;width:3px}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);background:var(--el-fill-color-blank);color:var(--el-tree-text-color);cursor:default;font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;left:0;position:absolute;right:0}.el-tree-node{outline:none;white-space:nowrap}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--el-tree-node-content-height)}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{color:var(--el-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{color:var(--el-tree-expand-icon-color);font-size:var(--el-font-size-base);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:transparent;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item{padding-left:32px}.el-tree-select__popper .el-select-dropdown__item{background:transparent!important;flex:1;height:20px;line-height:20px;padding-left:0}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.el-upload.is-disabled{cursor:not-allowed}.el-upload.is-disabled:focus{color:inherit}.el-upload.is-disabled:focus,.el-upload.is-disabled:focus .el-upload-dragger{border-color:var(--el-border-color-darker)}.el-upload.is-disabled .el-upload-dragger{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-upload.is-disabled .el-upload-dragger .el-upload__text{color:var(--el-text-color-placeholder)}.el-upload.is-disabled .el-upload-dragger .el-upload__text em{color:var(--el-disabled-text-color)}.el-upload.is-disabled .el-upload-dragger:hover{border-color:var(--el-border-color-darker)}.el-upload__input{display:none}.el-upload__tip{color:var(--el-text-color-regular);font-size:12px;margin-top:7px}.el-upload iframe{filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;z-index:-1}.el-upload--picture-card{--el-upload-picture-card-size:148px;align-items:center;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--el-upload-picture-card-size);justify-content:center;vertical-align:top;width:var(--el-upload-picture-card-size)}.el-upload--picture-card>i{color:var(--el-text-color-secondary);font-size:28px}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{color:var(--el-color-primary)}.el-upload:focus,.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);position:relative;text-align:center}.el-upload-dragger .el-icon--upload{color:var(--el-text-color-placeholder);font-size:67px;line-height:50px;margin-bottom:16px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)}.el-upload-list{list-style:none;margin:10px 0 0;padding:0;position:relative}.el-upload-list__item{border-radius:4px;box-sizing:border-box;color:var(--el-text-color-regular);font-size:14px;margin-bottom:5px;position:relative;transition:all .5s cubic-bezier(.55,0,.1,1);width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{color:var(--el-text-color-regular);cursor:pointer;display:none;opacity:.75;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity var(--el-transition-duration)}.el-upload-list__item .el-icon--close:hover{color:var(--el-color-primary);opacity:1}.el-upload-list__item .el-icon--close-tip{color:var(--el-color-primary);cursor:pointer;display:none;font-size:12px;font-style:normal;opacity:1;position:absolute;right:5px;top:1px}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;margin-left:4px;width:calc(100% - 30px)}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{align-items:center;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);padding:0 4px;text-align:center;transition:color var(--el-transition-duration)}.el-upload-list__item-name .el-icon{color:var(--el-text-color-secondary);margin-right:6px}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{align-items:center;display:none;height:100%;justify-content:center;line-height:inherit;position:absolute;right:5px;top:0;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{color:var(--el-text-color-regular);display:none;font-size:12px;position:absolute;right:10px;top:0}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{--el-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;overflow:hidden;padding:0;width:var(--el-upload-list-picture-card-size)}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:block;opacity:0}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{align-items:center;background-color:var(--el-overlay-color-lighter);color:#fff;cursor:default;display:inline-flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--el-transition-duration);width:100%}.el-upload-list--picture-card .el-upload-list__item-actions span{cursor:pointer;display:none}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:16px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{color:inherit;font-size:inherit;position:static}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:flex;margin-top:10px;overflow:hidden;padding:10px;z-index:0}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{display:inline-flex;opacity:0}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{align-items:center;background-color:var(--el-color-white);display:inline-flex;height:70px;justify-content:center;-o-object-fit:contain;object-fit:contain;position:relative;width:70px;z-index:1}.el-upload-list--picture .el-upload-list__item-status-label{background:var(--el-color-success);height:26px;position:absolute;right:-17px;text-align:center;top:-7px;transform:rotate(45deg);width:46px}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{cursor:default;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.el-upload-cover:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;height:100%;width:100%}.el-upload-cover__label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-cover__progress{display:inline-block;position:static;vertical-align:middle;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{height:100%;left:0;position:absolute;top:0;width:100%}.el-upload-cover__interact{background-color:var(--el-overlay-color-light);bottom:0;height:100%;left:0;position:absolute;text-align:center;width:100%}.el-upload-cover__interact .btn{color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-top:60px;transition:var(--el-transition-md-fade);vertical-align:middle}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{background-color:#fff;bottom:0;color:var(--el-text-color-primary);font-size:14px;font-weight:400;height:36px;left:0;line-height:36px;margin:0;overflow:hidden;padding:0 10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper.always-on .el-virtual-scrollbar,.el-vl__wrapper:hover .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{color:var(--el-statistic-title-color);font-size:var(--el-statistic-title-font-size);font-weight:var(--el-statistic-title-font-weight);line-height:20px;margin-bottom:4px}.el-statistic__content{color:var(--el-statistic-content-color);font-size:var(--el-statistic-content-font-size);font-weight:var(--el-statistic-content-font-weight)}.el-statistic__value{display:inline-block}.el-statistic__prefix{display:inline-block;margin-right:4px}.el-statistic__suffix{display:inline-block;margin-left:4px}.el-tour{--el-tour-width:520px;--el-tour-padding-primary:12px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-close-color:var(--el-color-info);--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);box-shadow:var(--el-box-shadow-light);outline:none;overflow-wrap:break-word;padding:var(--el-tour-padding-primary);width:var(--el-tour-width)}.el-tour__arrow,.el-tour__content{background:var(--el-tour-bg-color);box-sizing:border-box}.el-tour__arrow{height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.el-tour__content[data-side^=top] .el-tour__arrow{border-left-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-bottom-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))}.el-tour__title{color:var(--el-tour-title-text-color);font-size:var(--el-tour-title-font-size);font-weight:var(--el-tour-title-font-weight);line-height:var(--el-tour-font-line-height)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(--el-tour-padding-primary)}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{background:var(--el-color-info-light-9);border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary);--el-tour-close-color:#fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{background:#fff;border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:#ffffff26}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);border-radius:4px;opacity:0;position:absolute;z-index:0}.el-anchor.el-anchor--vertical .el-anchor__marker{height:14px;left:0;top:8px;transition:top .25s ease-in-out,opacity .25s;width:4px}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{background-color:#0505050f;content:"";height:100%;left:0;position:absolute;width:2px}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{bottom:0;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;width:20px}.el-anchor.el-anchor--horizontal .el-anchor__list{display:flex;padding-bottom:4px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{background-color:#0505050f;bottom:0;content:"";height:2px;position:absolute;width:100%}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{display:flex;flex-direction:column;overflow:hidden}.el-anchor__link{cursor:pointer;font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);max-width:100%;outline:none;overflow:hidden;padding:4px 0;text-decoration:none;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-anchor__link,.el-anchor__link:focus,.el-anchor__link:hover{color:var(--el-anchor-color)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 3px);padding:0 7px}.el-mention{position:relative;width:100%}.el-mention__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-mention__popper.el-popper,.el-mention__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-mention-dropdown{--el-mention-font-size:var(--el-font-size-base);--el-mention-bg-color:var(--el-bg-color-overlay);--el-mention-shadow:var(--el-box-shadow-light);--el-mention-border:1px solid var(--el-border-color-light);--el-mention-option-color:var(--el-text-color-regular);--el-mention-option-height:34px;--el-mention-option-min-width:100px;--el-mention-option-hover-background:var(--el-fill-color-light);--el-mention-option-selected-color:var(--el-color-primary);--el-mention-option-disabled-color:var(--el-text-color-placeholder);--el-mention-option-loading-color:var(--el-text-color-secondary);--el-mention-option-loading-padding:10px 0;--el-mention-max-height:174px;--el-mention-padding:6px 0;--el-mention-header-padding:10px;--el-mention-footer-padding:10px}.el-mention-dropdown__item{box-sizing:border-box;color:var(--el-mention-option-color);cursor:pointer;font-size:var(--el-mention-font-size);height:var(--el-mention-option-height);line-height:var(--el-mention-option-height);min-width:var(--el-mention-option-min-width);overflow:hidden;padding:0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-mention-dropdown__item.is-hovering{background-color:var(--el-mention-option-hover-background)}.el-mention-dropdown__item.is-selected{color:var(--el-mention-option-selected-color);font-weight:700}.el-mention-dropdown__item.is-disabled{background-color:unset;color:var(--el-mention-option-disabled-color);cursor:not-allowed}.el-mention-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-mention-dropdown__loading{color:var(--el-mention-option-loading-color);font-size:12px;margin:0;min-width:var(--el-mention-option-min-width);padding:10px 0;text-align:center}.el-mention-dropdown__wrap{max-height:var(--el-mention-max-height)}.el-mention-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:var(--el-mention-padding)}.el-mention-dropdown__header{border-bottom:var(--el-mention-border);padding:var(--el-mention-header-padding)}.el-mention-dropdown__footer{border-top:var(--el-mention-border);padding:var(--el-mention-footer-padding)}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121.3,187.1,255);--el-color-primary-light-5:rgb(159.5,206.5,255);--el-color-primary-light-7:rgb(197.7,225.9,255);--el-color-primary-light-8:rgb(216.8,235.6,255);--el-color-primary-light-9:rgb(235.9,245.3,255);--el-color-primary-dark-2:rgb(51.2,126.4,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(148.6,212.3,117.1);--el-color-success-light-5:rgb(179,224.5,156.5);--el-color-success-light-7:rgb(209.4,236.7,195.9);--el-color-success-light-8:rgb(224.6,242.8,215.6);--el-color-success-light-9:rgb(239.8,248.9,235.3);--el-color-success-dark-2:rgb(82.4,155.2,46.4);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(237.5,189.9,118.5);--el-color-warning-light-5:rgb(242.5,208.5,157.5);--el-color-warning-light-7:rgb(247.5,227.1,196.5);--el-color-warning-light-8:rgb(250,236.4,216);--el-color-warning-light-9:rgb(252.5,245.7,235.5);--el-color-warning-dark-2:rgb(184,129.6,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152.1,152.1);--el-color-danger-light-5:rgb(250,181.5,181.5);--el-color-danger-light-7:rgb(252,210.9,210.9);--el-color-danger-light-8:rgb(253,225.6,225.6);--el-color-danger-light-9:rgb(254,240.3,240.3);--el-color-danger-dark-2:rgb(196,86.4,86.4);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152.1,152.1);--el-color-error-light-5:rgb(250,181.5,181.5);--el-color-error-light-7:rgb(252,210.9,210.9);--el-color-error-light-8:rgb(253,225.6,225.6);--el-color-error-light-9:rgb(254,240.3,240.3);--el-color-error-dark-2:rgb(196,86.4,86.4);--el-color-info:#909399;--el-color-info-light-3:rgb(177.3,179.4,183.6);--el-color-info-light-5:rgb(199.5,201,204);--el-color-info-light-7:rgb(221.7,222.6,224.4);--el-color-info-light-8:rgb(232.8,233.4,234.6);--el-color-info-light-9:rgb(243.9,244.2,244.8);--el-color-info-dark-2:rgb(115.2,117.6,122.4);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{justify-content:flex-start}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{display:inline-block;height:auto;line-height:22px;margin-bottom:8px;text-align:left;vertical-align:middle}.el-form-item__label-wrap{display:flex}.el-form-item__label{align-items:flex-start;box-sizing:border-box;color:var(--el-text-color-regular);display:inline-flex;flex:0 0 auto;font-size:var(--el-form-label-font-size);height:32px;justify-content:flex-end;line-height:32px;padding:0 12px 0 0}.el-form-item__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-size);line-height:32px;min-width:0;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;left:0;line-height:1;padding-top:2px;position:absolute;top:100%}.el-form-item__error--inline{display:inline-block;left:auto;margin-left:10px;position:relative;top:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{color:var(--el-color-danger);content:"*";margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:var(--el-color-danger);content:"*";margin-left:4px}.el-form-item.is-error .el-input__wrapper,.el-form-item.is-error .el-input__wrapper.is-focus,.el-form-item.is-error .el-input__wrapper:focus,.el-form-item.is-error .el-input__wrapper:hover,.el-form-item.is-error .el-select__wrapper,.el-form-item.is-error .el-select__wrapper.is-focus,.el-form-item.is-error .el-select__wrapper:focus,.el-form-item.is-error .el-select__wrapper:hover,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner.is-focus,.el-form-item.is-error .el-textarea__inner:focus,.el-form-item.is-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px transparent}.el-form-item.is-error .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper,.el-input-group__append{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;align-items:center;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);border-radius:var(--el-tag-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--el-tag-text-color);display:inline-flex;font-size:var(--el-tag-font-size);height:24px;justify-content:center;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--el-icon-size:14px}.el-tag,.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{background-color:var(--el-tag-hover-color);color:var(--el-color-white)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-text-color:var(--el-color-white)}.el-tag--dark,.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info,.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{height:32px;padding:0 11px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{height:20px;padding:0 7px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);border-radius:var(--el-popper-border-radius);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;z-index:2000}.el-popper.is-dark{color:var(--el-bg-color)}.el-popper.is-dark,.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{right:0}.el-popper.is-light,.el-popper.is-light>.el-popper__arrow:before{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{right:0}.el-popper.is-pure{padding:0}.el-popper__arrow,.el-popper__arrow:before{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-left-color:transparent!important;border-top-color:transparent!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-select-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty,.el-select-dropdown__loading{color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0;text-align:center}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:6px 0}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__item{box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);height:34px;line-height:34px;overflow:hidden;padding:0 32px 0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:700}.el-select-dropdown__item.is-disabled{background-color:unset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);font-size:12px;line-height:34px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%;display:inline-block;position:relative;vertical-align:middle;width:var(--el-select-width)}.el-select__wrapper{align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:6px;line-height:24px;min-height:32px;padding:4px 12px;position:relative;text-align:left;transform:translateZ(0);transition:var(--el-transition-duration)}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select__wrapper.is-disabled,.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag{cursor:not-allowed}.el-select__prefix,.el-select__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;gap:6px}.el-select__caret{color:var(--el-select-input-color);cursor:pointer;font-size:var(--el-select-input-font-size);transform:rotate(0);transition:var(--el-transition-duration)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__selection{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{border-color:transparent;cursor:pointer}.el-select__selection .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__tags-text{line-height:normal}.el-select__placeholder,.el-select__tags-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__placeholder{color:var(--el-input-text-color,var(--el-text-color-regular));position:absolute;top:50%;transform:translateY(-50%);width:100%}.el-select__placeholder.is-transparent{color:var(--el-text-color-placeholder);-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper,.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select__input-wrapper{max-width:100%}.el-select__input-wrapper.is-hidden{opacity:0;position:absolute}.el-select__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-select-multiple-input-color);font-family:inherit;font-size:inherit;height:24px;max-width:100%;outline:none;padding:0}.el-select__input.is-disabled{cursor:not-allowed}.el-select__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-select--large .el-select__wrapper{font-size:14px;gap:6px;line-height:24px;min-height:40px;padding:8px 16px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{font-size:12px;gap:4px;line-height:20px;min-height:24px;padding:2px 8px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);backface-visibility:hidden;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);box-shadow:var(--el-messagebox-box-shadow);box-sizing:border-box;display:inline-block;font-size:var(--el-messagebox-font-size);max-width:var(--el-messagebox-width);overflow:hidden;overflow-wrap:break-word;padding:var(--el-messagebox-padding-primary);position:relative;text-align:left;vertical-align:middle;width:100%}.el-message-box:focus{outline:none!important}.el-overlay.is-message-box .el-overlay-message-box{bottom:0;left:0;overflow:auto;padding:16px;position:fixed;right:0;text-align:center;top:0}.el-overlay.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))}.el-message-box__title{color:var(--el-messagebox-title-color);font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;display:flex;gap:12px}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-top:var(--el-messagebox-padding-primary)}.el-message-box--center .el-message-box__title{align-items:center;display:flex;gap:6px;justify-content:center}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:700;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}.settings-page[data-v-dd3af05d]{padding:20px}.welcome-card[data-v-dd3af05d]{margin-bottom:20px;padding:20px}.welcome-card h2[data-v-dd3af05d],.box-card h2[data-v-dd3af05d]{font-size:32px;font-weight:700}.box-card[data-v-dd3af05d]{margin:auto;padding:20px}[data-v-dd3af05d] .el-card{box-shadow:0 .375rem 1.5rem #8d99a521;border-radius:10px}.welcome-card .tips[data-v-dd3af05d]{font-size:14px;color:#666}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:400;white-space:nowrap}.el-pagination .el-input__inner{-moz-appearance:textfield;text-align:center}.el-pagination .el-select{width:128px}.el-pagination button{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pagination button *{pointer-events:none}.el-pagination button:focus{outline:none}.el-pagination button.is-active,.el-pagination button:hover{color:var(--el-pagination-hover-color)}.el-pagination button.is-active{cursor:default;font-weight:700}.el-pagination button.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:700}.el-pagination button.is-disabled,.el-pagination button:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pagination button:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{color:var(--el-text-color-regular);font-weight:400;margin-left:var(--el-pagination-item-gap)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{align-items:center;color:var(--el-text-color-regular);display:flex;font-weight:400;margin-left:var(--el-pagination-item-gap)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{box-sizing:border-box;text-align:center}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{font-size:var(--el-pagination-font-size-small);height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-next,.el-pagination--large .btn-prev,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pager,.el-pager li{align-items:center;display:flex}.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li.is-active,.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{cursor:default;font-weight:700}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:700}.el-pager li.is-disabled,.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-row{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{flex:0 0 0%;max-width:0}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{left:0;position:relative}.el-col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-1,.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{left:4.1666666667%;position:relative}.el-col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-2,.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{left:8.3333333333%;position:relative}.el-col-3{flex:0 0 12.5%;max-width:12.5%}.el-col-3,.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{left:12.5%;position:relative}.el-col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-4,.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{left:16.6666666667%;position:relative}.el-col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-5,.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{left:20.8333333333%;position:relative}.el-col-6{flex:0 0 25%;max-width:25%}.el-col-6,.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{left:25%;position:relative}.el-col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-7,.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{left:29.1666666667%;position:relative}.el-col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-8,.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{left:33.3333333333%;position:relative}.el-col-9{flex:0 0 37.5%;max-width:37.5%}.el-col-9,.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{left:37.5%;position:relative}.el-col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-10,.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{left:41.6666666667%;position:relative}.el-col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-11,.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{left:45.8333333333%;position:relative}.el-col-12{flex:0 0 50%;max-width:50%}.el-col-12,.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%;position:relative}.el-col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-13,.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{left:54.1666666667%;position:relative}.el-col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-14,.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{left:58.3333333333%;position:relative}.el-col-15{flex:0 0 62.5%;max-width:62.5%}.el-col-15,.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{left:62.5%;position:relative}.el-col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-16,.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{left:66.6666666667%;position:relative}.el-col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-17,.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{left:70.8333333333%;position:relative}.el-col-18{flex:0 0 75%;max-width:75%}.el-col-18,.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{left:75%;position:relative}.el-col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-19,.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{left:79.1666666667%;position:relative}.el-col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-20,.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{left:83.3333333333%;position:relative}.el-col-21{flex:0 0 87.5%;max-width:87.5%}.el-col-21,.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{left:87.5%;position:relative}.el-col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-22,.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{left:91.6666666667%;position:relative}.el-col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-23,.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{left:95.8333333333%;position:relative}.el-col-24{flex:0 0 100%;max-width:100%}.el-col-24,.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{left:100%;position:relative}@media only screen and (max-width:767px){.el-col-xs-0{display:none;flex:0 0 0%;max-width:0}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{left:0;position:relative}.el-col-xs-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xs-1,.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{left:4.1666666667%;position:relative}.el-col-xs-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xs-2,.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{left:8.3333333333%;position:relative}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xs-3,.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{left:12.5%;position:relative}.el-col-xs-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xs-4,.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{left:16.6666666667%;position:relative}.el-col-xs-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xs-5,.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{left:20.8333333333%;position:relative}.el-col-xs-6{flex:0 0 25%;max-width:25%}.el-col-xs-6,.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{left:25%;position:relative}.el-col-xs-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xs-7,.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{left:29.1666666667%;position:relative}.el-col-xs-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xs-8,.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{left:33.3333333333%;position:relative}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xs-9,.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{left:37.5%;position:relative}.el-col-xs-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{left:41.6666666667%;position:relative}.el-col-xs-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{left:45.8333333333%;position:relative}.el-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{left:50%;position:relative}.el-col-xs-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{left:54.1666666667%;position:relative}.el-col-xs-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{left:58.3333333333%;position:relative}.el-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{left:62.5%;position:relative}.el-col-xs-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{left:66.6666666667%;position:relative}.el-col-xs-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{left:70.8333333333%;position:relative}.el-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{left:75%;position:relative}.el-col-xs-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{left:79.1666666667%;position:relative}.el-col-xs-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{left:83.3333333333%;position:relative}.el-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{left:87.5%;position:relative}.el-col-xs-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{left:91.6666666667%;position:relative}.el-col-xs-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{left:95.8333333333%;position:relative}.el-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{left:100%;position:relative}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;flex:0 0 0%;max-width:0}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{left:0;position:relative}.el-col-sm-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-sm-1,.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{left:4.1666666667%;position:relative}.el-col-sm-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-sm-2,.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{left:8.3333333333%;position:relative}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.el-col-sm-3,.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{left:12.5%;position:relative}.el-col-sm-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-sm-4,.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{left:16.6666666667%;position:relative}.el-col-sm-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-sm-5,.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{left:20.8333333333%;position:relative}.el-col-sm-6{flex:0 0 25%;max-width:25%}.el-col-sm-6,.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{left:25%;position:relative}.el-col-sm-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-sm-7,.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{left:29.1666666667%;position:relative}.el-col-sm-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-sm-8,.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{left:33.3333333333%;position:relative}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.el-col-sm-9,.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{left:37.5%;position:relative}.el-col-sm-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{left:41.6666666667%;position:relative}.el-col-sm-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{left:45.8333333333%;position:relative}.el-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{left:50%;position:relative}.el-col-sm-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{left:54.1666666667%;position:relative}.el-col-sm-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{left:58.3333333333%;position:relative}.el-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{left:62.5%;position:relative}.el-col-sm-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{left:66.6666666667%;position:relative}.el-col-sm-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{left:70.8333333333%;position:relative}.el-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{left:75%;position:relative}.el-col-sm-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{left:79.1666666667%;position:relative}.el-col-sm-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{left:83.3333333333%;position:relative}.el-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{left:87.5%;position:relative}.el-col-sm-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{left:91.6666666667%;position:relative}.el-col-sm-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{left:95.8333333333%;position:relative}.el-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{left:100%;position:relative}}@media only screen and (min-width:992px){.el-col-md-0{display:none;flex:0 0 0%;max-width:0}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{left:0;position:relative}.el-col-md-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-md-1,.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{left:4.1666666667%;position:relative}.el-col-md-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-md-2,.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{left:8.3333333333%;position:relative}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%}.el-col-md-3,.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{left:12.5%;position:relative}.el-col-md-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-md-4,.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{left:16.6666666667%;position:relative}.el-col-md-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-md-5,.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{left:20.8333333333%;position:relative}.el-col-md-6{flex:0 0 25%;max-width:25%}.el-col-md-6,.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{left:25%;position:relative}.el-col-md-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-md-7,.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{left:29.1666666667%;position:relative}.el-col-md-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-md-8,.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{left:33.3333333333%;position:relative}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%}.el-col-md-9,.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{left:37.5%;position:relative}.el-col-md-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{left:41.6666666667%;position:relative}.el-col-md-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{left:45.8333333333%;position:relative}.el-col-md-12{display:block;flex:0 0 50%;max-width:50%}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{left:50%;position:relative}.el-col-md-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{left:54.1666666667%;position:relative}.el-col-md-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{left:58.3333333333%;position:relative}.el-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{left:62.5%;position:relative}.el-col-md-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{left:66.6666666667%;position:relative}.el-col-md-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{left:70.8333333333%;position:relative}.el-col-md-18{display:block;flex:0 0 75%;max-width:75%}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{left:75%;position:relative}.el-col-md-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{left:79.1666666667%;position:relative}.el-col-md-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{left:83.3333333333%;position:relative}.el-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{left:87.5%;position:relative}.el-col-md-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{left:91.6666666667%;position:relative}.el-col-md-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{left:95.8333333333%;position:relative}.el-col-md-24{display:block;flex:0 0 100%;max-width:100%}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{left:100%;position:relative}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;flex:0 0 0%;max-width:0}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{left:0;position:relative}.el-col-lg-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-lg-1,.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{left:4.1666666667%;position:relative}.el-col-lg-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-lg-2,.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{left:8.3333333333%;position:relative}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.el-col-lg-3,.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{left:12.5%;position:relative}.el-col-lg-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-lg-4,.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{left:16.6666666667%;position:relative}.el-col-lg-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-lg-5,.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{left:20.8333333333%;position:relative}.el-col-lg-6{flex:0 0 25%;max-width:25%}.el-col-lg-6,.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{left:25%;position:relative}.el-col-lg-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-lg-7,.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{left:29.1666666667%;position:relative}.el-col-lg-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-lg-8,.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{left:33.3333333333%;position:relative}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.el-col-lg-9,.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{left:37.5%;position:relative}.el-col-lg-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{left:41.6666666667%;position:relative}.el-col-lg-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{left:45.8333333333%;position:relative}.el-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{left:50%;position:relative}.el-col-lg-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{left:54.1666666667%;position:relative}.el-col-lg-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{left:58.3333333333%;position:relative}.el-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{left:62.5%;position:relative}.el-col-lg-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{left:66.6666666667%;position:relative}.el-col-lg-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{left:70.8333333333%;position:relative}.el-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{left:75%;position:relative}.el-col-lg-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{left:79.1666666667%;position:relative}.el-col-lg-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{left:83.3333333333%;position:relative}.el-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{left:87.5%;position:relative}.el-col-lg-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{left:91.6666666667%;position:relative}.el-col-lg-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{left:95.8333333333%;position:relative}.el-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{left:100%;position:relative}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;flex:0 0 0%;max-width:0}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{left:0;position:relative}.el-col-xl-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xl-1,.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{left:4.1666666667%;position:relative}.el-col-xl-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xl-2,.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{left:8.3333333333%;position:relative}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xl-3,.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{left:12.5%;position:relative}.el-col-xl-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xl-4,.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{left:16.6666666667%;position:relative}.el-col-xl-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xl-5,.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{left:20.8333333333%;position:relative}.el-col-xl-6{flex:0 0 25%;max-width:25%}.el-col-xl-6,.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{left:25%;position:relative}.el-col-xl-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xl-7,.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{left:29.1666666667%;position:relative}.el-col-xl-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xl-8,.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{left:33.3333333333%;position:relative}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xl-9,.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{left:37.5%;position:relative}.el-col-xl-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{left:41.6666666667%;position:relative}.el-col-xl-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{left:45.8333333333%;position:relative}.el-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{left:50%;position:relative}.el-col-xl-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{left:54.1666666667%;position:relative}.el-col-xl-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{left:58.3333333333%;position:relative}.el-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{left:62.5%;position:relative}.el-col-xl-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{left:66.6666666667%;position:relative}.el-col-xl-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{left:70.8333333333%;position:relative}.el-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{left:75%;position:relative}.el-col-xl-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{left:79.1666666667%;position:relative}.el-col-xl-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{left:83.3333333333%;position:relative}.el-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{left:87.5%;position:relative}.el-col-xl-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{left:91.6666666667%;position:relative}.el-col-xl-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{left:95.8333333333%;position:relative}.el-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{left:100%;position:relative}}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.hotwords-page[data-v-8329cc0b]{padding:20px}.header-card[data-v-8329cc0b]{margin-bottom:20px}.header-content[data-v-8329cc0b]{display:flex;align-items:center;justify-content:space-between}.search-box[data-v-8329cc0b]{display:flex;align-items:center}.card-container[data-v-8329cc0b]{display:flex;flex-wrap:wrap}.hotword-card[data-v-8329cc0b]{position:relative;min-height:200px}.card-content[data-v-8329cc0b]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.hotword-title[data-v-8329cc0b]{font-size:16px;font-weight:700;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hotword-info[data-v-8329cc0b]{margin-bottom:10px;color:#666}.frequency[data-v-8329cc0b]{font-weight:700}.hotword-tag[data-v-8329cc0b]{position:absolute;top:10px;right:10px}.no-results[data-v-8329cc0b]{margin-top:20px}[data-v-8329cc0b] .el-card{box-shadow:0 .375rem 1.5rem #8d99a521;border-radius:10px}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-collapse-border-color);border-top:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{align-items:center;background-color:var(--el-collapse-header-bg-color);border:none;border-bottom:1px solid var(--el-collapse-border-color);color:var(--el-collapse-header-text-color);cursor:pointer;display:flex;font-size:var(--el-collapse-header-font-size);font-weight:500;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);outline:none;padding:0;transition:border-bottom-color var(--el-transition-duration);width:100%}.el-collapse-item__arrow{font-weight:300;margin:0 8px 0 auto;transition:transform var(--el-transition-duration)}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{background-color:var(--el-collapse-content-bg-color);border-bottom:1px solid var(--el-collapse-border-color);box-sizing:border-box;overflow:hidden;will-change:height}.el-collapse-item__content{color:var(--el-collapse-content-text-color);font-size:var(--el-collapse-content-font-size);line-height:1.7692307692;padding-bottom:25px}.el-collapse-item:last-child{margin-bottom:-1px}.about-page[data-v-07c54acc]{padding:20px}.main-card[data-v-07c54acc]{padding:20px;border-radius:10px}.header-content[data-v-07c54acc]{text-align:center}.intro-card[data-v-07c54acc],.working-principle-card[data-v-07c54acc],.features-card[data-v-07c54acc],.effect-display-card[data-v-07c54acc],.faq-card[data-v-07c54acc],.contact-card[data-v-07c54acc]{margin-bottom:20px}h3[data-v-07c54acc]{font-size:20px;font-weight:700}ul[data-v-07c54acc]{padding-left:20px}ul li[data-v-07c54acc]{margin-bottom:10px}.el-collapse-item[data-v-07c54acc]{font-size:14px}.el-card img[data-v-07c54acc]{margin-top:20px;width:100%;border-radius:8px}.img[data-v-07c54acc]{width:800px}.header-content h2[data-v-07c54acc]{font-size:40px;font-weight:700}.header-content p[data-v-07c54acc]{font-size:20px;font-weight:lighter;color:#666}.login-container[data-v-1c6585d0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;background:#f7f9fc;padding:20px}.login-header[data-v-1c6585d0]{text-align:center;margin-bottom:30px}.logo[data-v-1c6585d0]{width:420px;margin-bottom:10px}.login-card[data-v-1c6585d0]{width:100%;max-width:400px;padding:30px}.login-title[data-v-1c6585d0]{font-size:1.8rem;font-weight:700;margin-bottom:10px}.captcha-placeholder[data-v-1c6585d0]{width:100%;height:50px;background:#e9e9e9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#909399;margin-bottom:10px}.login-button[data-v-1c6585d0]{width:100%}.register-link[data-v-1c6585d0]{text-align:center;margin-top:15px}.register-link a[data-v-1c6585d0]{color:#409eff;text-decoration:none}.register-link a[data-v-1c6585d0]:hover{text-decoration:underline}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}.register-container[data-v-6dac4a0b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;background:#f7f9fc;padding:20px}.register-header[data-v-6dac4a0b]{text-align:center;margin-bottom:30px}.logo[data-v-6dac4a0b]{width:420px;margin-bottom:10px}.register-card[data-v-6dac4a0b]{width:100%;max-width:400px;padding:30px}.register-title[data-v-6dac4a0b]{font-size:1.8rem;font-weight:700;margin-bottom:10px}.register-button[data-v-6dac4a0b]{width:100%}.login-link[data-v-6dac4a0b]{text-align:center;margin-top:15px}.login-link a[data-v-6dac4a0b]{color:#409eff;text-decoration:none}.login-link a[data-v-6dac4a0b]:hover{text-decoration:underline}.code-container[data-v-6dac4a0b] .el-form-item__content{justify-content:space-between} diff --git a/assets/css/responsive.css b/assets/css/responsive.css deleted file mode 100644 index 13ba553..0000000 --- a/assets/css/responsive.css +++ /dev/null @@ -1,3861 +0,0 @@ -/**===================== - 62. Responsive CSS Start -==========================**/ -/* ========= min and max scss for 1200 to 1366 screen ========= */ -@media (max-width: 1800px) { - .todo-wrap .todo-list-body .task-container div.d-flex { - min-width: 240px; - justify-content: flex-end; - } - .caller-img { - display: none; - } -} -@media screen and (max-width: 1660px) { - .photos ul li { - width: 26%; - } - .bar-chart canvas { - width: 100% !important; - } - .chat-box .chat-history .call-icons ul li { - border: 1px solid #898989; - } - .chat-box .chat-history .total-time h2 { - color: #898989; - } - .chat-box .chat-history .call-content .btn { - width: auto; - margin: 0 auto; - } - .chat-box .chat-history .call-content > div { - z-index: 2; - background-color: rgba(255, 255, 255, 0.75); - background-blend-mode: overlay; - width: 100%; - padding: 30px; - } - .chat-box .chat-history .receiver-img { - margin-top: 25px; - } - .chat-left-aside .people-list { - height: 520px; - } - .chat-box .chat-right-aside .chat .chat-msg-box { - height: 440px; - } - .chat-box .people-list ul { - max-height: 450px; - overflow: auto; - } - .call-chat-body .chat-box { - overflow: hidden; - height: 625px; - } - .call-chat-body .chat-box .people-list ul { - max-height: 550px; - overflow: auto; - } - .caller-img { - position: absolute; - width: 100%; - max-width: 100%; - left: 15px; - } - .caller-img img { - opacity: 0.7; - } - .timeline-small .media .timeline-round.timeline-line-1:after { - bottom: -78px; - } -} -@media screen and (max-width: 1600px) { - .page-wrapper.horizontal-wrapper.material-type .page-header { - max-width: 1320px; - } - .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper, - .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body { - max-width: 1320px; - } - .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li { - margin-right: 10px; - } -} -@media (max-width: 1470px) { - .basic_table .table-responsive .table tbody tr td:nth-child(n+2) { - min-width: 180px; - } - .signal-table.table-responsive .table tbody tr td:nth-child(n+2) { - min-width: 240px; - } -} -@media screen and (max-width: 1660px) and (min-width: 1200px) { - .xl-none { - display: none; - } - .xl-60 { - max-width: 60%; - flex: 0 0 60%; - } - .xl-50 { - max-width: 50%; - flex: 0 0 50%; - } - .xl-100 { - max-width: 100%; - flex: 0 0 100%; - } - .xl-23 { - max-width: 23%; - flex: 0 0 23%; - } - .xl-25 { - max-width: 25%; - flex: 0 0 25%; - } - .xl-40 { - max-width: 40%; - flex: 0 0 40%; - } - .xl-4 { - max-width: 33.33%; - flex: 0 0 33.33%; - } -} -@media (max-width: 1280px) { - .img-gallery-set1, - .img-gallery-set5 { - display: none; - } - .box-layout.page-wrapper.horizontal-wrapper .page-header { - padding-left: unset; - max-width: unset; - left: unset; - } - .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper { - width: unset; - } -} -@media screen and (max-width: 1580px) and (min-width: 1200px) { - .docs-buttons, - .docs-toggles { - flex: 0 0 100%; - max-width: 100%; - } -} -@media screen and (max-width: 1366px) and (min-width: 1200px) { - .flot-chart-container-small { - height: 227px; - } - .call-chat-sidebar { - max-width: 262px; - } - .product-box .product-details { - padding: 15px; - } - .product-box .product-details p { - margin-bottom: 10px; - } - .flot-chart-container { - height: 130px; - } - .custom-card .card-profile img { - height: 115px; - } - .custom-card .profile-details h4 { - font-size: 18px; - } - .custom-card .profile-details h6 { - margin-bottom: 24px; - } - .custom-card .card-footer > div h3 { - font-size: 18px; - } - .crm-activity { - height: 291px; - overflow-y: auto; - } - .crm-activity .media .media-body .dates { - display: flex; - } - .chat-body { - padding: 10px; - } - .chat-box .chat-history .call-content .btn { - font-size: 15px; - } - .chat-box .chat-history .total-time h2 { - font-size: 30px; - } - .chat-box .chat-history .receiver-img { - margin-top: 30px; - } - .chat-box .chat-history .call-icons { - margin-top: 20px; - margin-bottom: 20px; - } - .chat-box .chat-history .call-icons ul li { - width: 50px; - height: 50px; - padding: 7px; - } - .chat-box .user-image { - width: 30px; - height: 30px; - margin-top: 3px; - margin-right: 3px; - } - .chat-box .about { - margin-top: 0; - } - .chat-box .border-tab.nav-tabs .nav-item a { - padding: 13px 4px !important; - color: #59667a !important; - letter-spacing: 0; - font-size: 12px !important; - line-height: 6; - } - .chat-box .chat-menu .people-list ul.list { - max-height: 376px; - overflow-y: auto; - } - .chat-box .chat-menu .user-profile .image .avatar img { - width: 100px; - height: 100px; - } - .chat-box .chat-menu .user-profile .image .icon-wrapper { - width: 30px; - height: 30px; - font-size: 13px; - } - .chat-left-aside .people-list { - height: 420px; - } - .chat-left-aside .people-list ul { - max-height: 376px; - overflow-y: auto; - } - .chat-left-aside .status-circle { - top: 4px; - left: 36px; - } - .blog-box .blog-details-main .blog-bottom-details { - margin: 20px 10px; - } - .blog-box .blog-details-main .blog-social li { - padding: 0px 10px; - } - .blog-bottom-content { - display: none; - } - .blog-box.blog-shadow .blog-details { - padding: 10px; - } - .browser-widget .media-img { - margin-left: auto; - margin-right: auto; - margin-bottom: 15px; - } - .browser-widget img { - height: 50px; - } - .email-wrap .email-left-aside .email-app-sidebar .media { - display: block; - } - .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email { - width: 100%; - text-align: center; - } - .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email .mr-3 { - margin-right: 0 !important; - } - .email-wrap .email-left-aside .email-app-sidebar .media .media-body { - text-align: center; - } - .email-wrap .email-right-aside .email-body .attachment ul li img { - width: 73px; - height: 73px; - } - .email-wrap .email-right-aside .email-body .email-top { - line-height: 50px; - } - .email-wrap .email-right-aside .email-body .email-top .float-right { - display: none !important; - } - .email-wrap .email-right-aside .email-body .email-top h5 { - padding: 13px 0; - } - .email-wrap .email-right-aside .email-body .inbox { - max-height: 668px; - overflow: auto; - } - .email-wrap .email-right-aside .email-body .inbox .media { - display: block; - text-align: center; - } - .email-wrap .email-right-aside .email-body .inbox .media .media-size-email { - width: 100%; - text-align: center; - } - .email-wrap .email-right-aside .email-body .inbox .media .media-size-email .mr-3 { - margin-right: 0 !important; - } - .email-wrap .email-right-aside .email-body .inbox .media-body { - text-align: center; - } - .email-wrap .email-right-aside .email-body .inbox .media-body h6 { - font-size: 14px; - } - .email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset { - max-height: 144px; - width: 99%; - } - .email-wrap .email-right-aside .email-body .email-compose .compose-border { - margin: 0; - } - .alert-dismissible p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 181px; - } - .bootstrap-touchspin .touchspin-vertical-tab .input-group { - width: 96% !important; - } -} -@media only screen and (max-width: 1366px) { - .bookmark-wrap .task-sidebar { - height: auto; - } - .grid-options ul li:last-child { - display: none; - } - .product-wrapper-grid.list-view .product-box .product-img { - width: 25%; - } - .cart .qty-box { - width: 40%; - } - .alert-dismissible strong ~ p { - display: inline; - } - .timeline-small .media .media-body p { - width: 95%; - } - .map-js-height { - height: 350px; - } - .chat-right-aside { - flex: 0 0 60%; - max-width: 60%; - overflow: hidden; - } - .chat-right-aside .chat .chat-message .smiley-box { - width: 45px; - } - .chat-box .chat-right-aside .chat .chat-msg-box { - height: 364px; - } - .chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img { - margin-top: -30px; - } - .chat-box .chat-right-aside .chat .chat-msg-box .message { - width: 100%; - padding: 15px; - } - .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i { - font-size: 20px; - } - .chat-box .chat-history .receiver-img img { - height: 150px; - } - .call-chat-body .chat-box { - overflow: hidden; - height: 565px; - } - .equal-height-xl { - height: 517px; - } - .authentication-main .auth-innerright { - background-size: cover; - } - .grp-btns { - display: inline-block; - } - .button-builder .button-generator-bx { - position: relative; - width: 100%; - } - .page-builder .btn-group { - display: inline-block; - margin-bottom: 10px; - } - .page-builder .btn-grid { - margin-bottom: 15px; - margin-right: 0px; - border-right: none; - display: inline-block; - } - .page-builder .ge-canvas.ge-layout-desktop { - margin-top: 50px; - } - .ecommerce-widget .total-num { - font-size: 23px; - letter-spacing: 0px; - } - .support-ticket-font .total-num { - font-size: 22px; - } - .order-history table.dataTable.table thead th { - padding-right: 50px; - } - .custom-card { - padding: 15px; - } - .custom-card .card-social li a { - padding: 12px; - } - .map-chart .chart-container { - height: 300px; - } - .speed-chart .chart-container { - height: 250px; - margin-top: -40px; - margin-bottom: 100px; - } - .candidcahrt { - height: 360px; - } - .status-details h3 { - font-size: 18px; - } - .chart-widget-top .total-value { - font-size: 20px; - } - .status-widget .card-body { - padding: 10px; - } - .browser-widget .media { - flex-wrap: wrap; - } - .browser-widget .media .media-body h3 { - font-size: 20px; - } - .browser-widget .media .media-body p { - margin-bottom: 2px; - } - .browser-widget .media .media-body h4 { - font-size: 20px; - } - .testimonial i { - font-size: 46px; - } - .testimonial p { - margin-top: 20px; - } - .redial-social-widget { - width: 125px; - height: 125px; - } - .redial-social-widget i { - width: 100px; - height: 100px; - font-size: 35px; - } - .chat-body { - padding: 10px; - } - .chat-box .chat-history .call-content .btn { - font-size: 15px; - } - .chat-box .chat-history .total-time h2 { - font-size: 30px; - } - .chat-box .chat-history .receiver-img { - margin-top: 30px; - } - .chat-box .chat-history .call-icons { - margin-top: 20px; - margin-bottom: 20px; - } - .chat-box .chat-history .call-icons ul li { - width: 50px; - height: 50px; - padding: 7px; - } - .chat-box .user-image { - width: 45px; - height: 45px; - } - .chat-box .about { - margin-top: 0; - } - .chat-box .border-tab.nav-tabs .nav-item a { - padding: 13px 4px !important; - color: #59667a !important; - letter-spacing: 0; - font-size: 12px !important; - line-height: 6; - } - .chat-box .chat-menu .people-list ul.list { - max-height: 455px; - overflow-y: auto; - } - .chat-box .chat-menu .user-profile { - margin-top: 0; - } - .chat-box .chat-menu .user-profile .image .avatar img { - width: 100px; - height: 100px; - } - .chat-box .chat-menu .user-profile .image .icon-wrapper { - width: 30px; - height: 30px; - font-size: 13px; - } - .chat-box .chat-menu .user-profile .user-content p { - font-size: 14px; - margin-bottom: 10px; - } - .chat-box .chat-menu .user-profile .user-content h5 { - margin: 20px 0; - } - .chat-box .chat-menu .user-profile .user-content hr { - margin: 20px 0; - } - .chat-box .chat-menu .user-profile .follow .follow-num { - font-size: 20px; - } - .chat-left-aside .people-list { - height: 490px; - } - .chat-left-aside .people-list ul { - max-height: 434px; - overflow-y: auto; - } - .status-circle { - top: 4px; - left: 37px; - } - .mega-menu .onhover-show-div { - left: 164px; - } - .img-cropper .docs-toggles { - margin-top: 8px; - } - .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content { - left: -21px; - } - #advance-5_wrapper .dataTables_paginate { - margin-bottom: 8px; - } - #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child { - width: 67px !important; - } - #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child { - width: 67px !important; - } - .reset-password-box .theme-form .form-group .btn { - padding: 6px 22px; - } -} -@media only screen and (max-width: 1366px) and (min-width: 1200px) { - .page-wrapper.horizontal-wrapper.material-type .page-header { - max-width: 1140px; - } - .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper, - .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body { - max-width: 1140px; - } -} -@media only screen and (max-width: 1199.98px) { - .md-sidebar .md-sidebar-toggle { - display: block; - } - .md-sidebar .md-sidebar-aside { - position: absolute; - top: 40px; - left: 0; - opacity: 0; - visibility: hidden; - z-index: 3; - width: 280px; - } - [dir=rtl] .md-sidebar .md-sidebar-aside { - left: unset; - right: 0; - } - .md-sidebar .md-sidebar-aside.open { - opacity: 1; - visibility: visible; - } - .md-sidebar .job-sidebar { - background-color: var(--white); - padding: 20px; - } - .md-sidebar .job-sidebar .faq-accordion.default-according { - margin-bottom: 0; - } - .md-sidebar .job-sidebar .faq-accordion.default-according .row > div:last-child .card { - margin-bottom: 0; - } - .file-sidebar { - padding-right: 12px; - } - [dir=rtl] .file-sidebar { - padding-right: 0; - } - .col-xl-7.b-center.bg-size { - top: 0; - height: 100vh; - opacity: 0.5; - position: fixed; - } - .login-card { - background: transparent; - } - .knowledgebase-bg { - height: 400px; - } - .knowledgebase-search .form-inline { - width: 400px; - padding: 7px 45px; - } - .knowledgebase-search .form-inline svg { - top: 14px; - } - .btn-group .btn { - padding: 0.375rem 1.25rem; - } - .link-section > div.active > h6:before { - content: "\f107"; - transition: content 0.3s ease; - } - .link-section > div > h6 { - position: relative; - } - .link-section > div > h6:before { - content: "\f105"; - font-family: fontAwesome; - position: absolute; - right: 10px; - font-size: 18px; - transition: content 0.3s ease; - } - .alert-theme { - min-width: 420px; - } - .mega-menu-header .header-wrapper .vertical-mobile-sidebar { - display: block; - margin-right: 15px; - } - .page-wrapper .page-header .header-wrapper .nav-right { - position: unset; - padding: 0; - } - .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child { - padding-left: 15px !important; - } - .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch { - margin-top: 6px; - } - .photos ul li { - width: auto; - } - .photos ul li:nth-child(3n) { - margin-right: 15px; - } - .user-profile .hovercard .user-image .share-icons { - position: absolute; - right: 45px; - top: -22px; - } - .user-profile .hovercard .user-image .share-icons li { - color: #fff; - font-size: 25px; - } - .user-profile .hovercard .user-image .share-icons li .social-icon { - width: 40px; - height: 40px; - } - .user-profile .hovercard .user-image .share-icons li .social-icon i { - font-size: 18px; - } - .timeline-small .media .timeline-round.timeline-line-1:after { - height: 33px; - bottom: -52px; - } - .timeline-small .media .timeline-round.small-line:after { - height: 18px; - bottom: -34px; - } - .timeline-small .media .timeline-round.medium-line:after { - height: 30px; - bottom: -52px; - } - .timeline-small .media .media-body p { - width: 100%; - } - .lg-mt-col { - margin-top: 30px; - } - .xl-none { - display: none; - } - .lg-mt { - margin-top: 30px; - } - .product-wrapper-grid.list-view .product-box .product-img { - width: 32%; - } - .debit-card { - order: 1; - } - .typography .row div + div { - margin-top: 30px; - } - .listing .card-body .row > div + div { - margin-top: 30px; - } - .flot-chart-container { - height: 200px; - } - .img-cropper #putData { - margin-bottom: 10px; - } - .img-cropper .docs-toggles > .dropdown { - margin-bottom: 0; - } - .error-wrapper .maintenance-icons li i { - color: #f4f4f4; - font-size: 40px; - } - .error-wrapper .maintenance-icons li:nth-child(2) i { - font-size: 80px; - margin-left: 90px; - } - .error-wrapper .maintenance-icons li:nth-child(3) i { - font-size: 120px; - margin-top: -75px; - margin-right: 110px; - } - div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter { - display: block; - width: 100%; - margin-top: 20px; - margin-bottom: 0; - } - .jvector-map-height { - height: 280px; - } - .blog-list .blog-details p { - margin-bottom: 5px; - } - .custom-card .card-profile .card-footer > div h3 { - font-size: 18px; - } - .equal-height-lg { - min-height: unset !important; - } - .mega-menu .onhover-show-div { - height: 435px; - overflow-x: scroll; - left: 215px; - } - .mega-menu .mega-bg { - display: none; - } - .mega-menu .lg-mt { - margin-top: 25px; - } - .button-builder .button-generator-bx { - position: relative; - width: 100%; - } - .blog-single .comment-box ul .comment-social { - margin-left: 0; - } - [dir=rtl] .blog-single .comment-box ul .comment-social { - margin-left: unset; - margin-right: 0; - } - .error-wrapper .maintenance-heading { - margin-top: 30px; - } - .error-wrapper .maintenance-heading .headline { - font-size: 50px; - margin-top: -15%; - margin-bottom: 0px; - } - .error-wrapper .maintenance-heading .cloud-second { - margin-top: -25px; - } - .testimonial p { - margin-top: 17px; - } - .browser-widget { - padding: 0px; - } - .browser-widget img { - height: 50px; - } - .browser-widget .media .media-body h4 { - font-size: 17px; - } - .browser-widget .media .media-img { - width: 100%; - text-align: center; - margin-bottom: 10px; - } - .crm-overall .overall-chart { - height: 200px; - } - .product-table table.dataTable thead > tr > th { - padding-right: 50px; - } - .chat-menu-icons { - display: block; - clear: both; - } - .chat-menu { - right: 0; - border-top: 1px solid #efefef; - opacity: 0; - transform: translateY(-30px); - visibility: hidden; - top: 60px; - position: absolute !important; - z-index: 3; - background-color: #fff; - transition: all linear 0.3s; - } - .chat-menu.show { - opacity: 1; - visibility: visible; - transform: translateY(0px); - transition: all linear 0.3s; - padding-bottom: 25px; - } - .chat-box .chat-menu .people-list ul.list { - max-height: 444px; - overflow-y: auto; - } - .chat-box .btn-lg { - font-size: 12px; - } - .chat-box .people-list ul { - height: auto; - } - .chat-box .chat-right-aside .chat .chat-header { - height: auto; - } - .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i { - font-size: 19px; - } - .chat-box .chat-right-aside .chat .chat-message { - margin: 0; - } - .chat-box .chat-history .total-time h2 { - font-size: 25px; - } - .chat-box .chat-history .row .col-sm-7 { - padding-right: 0; - } - .chat-box .border-tab.nav-tabs { - width: 100%; - } - .chat-box .border-tab.nav-tabs .nav-item { - margin-right: 5px; - } - .chat-box .chat-left-aside .people-list { - height: 493px; - } - .chat-box .chat-history .call-content > div { - padding-top: 70px; - } - .chat-box .toogle-bar { - display: inline-block; - margin-right: 0 !important; - } - .chat-right-aside { - flex: 0 0 100%; - max-width: calc(100% - 15px); - overflow: hidden; - } - .call-chat-body .chat-box { - overflow: auto; - height: auto; - } - .email-wrap .email-right-aside .email-body .b-r-light { - border-right: none !important; - } - .email-wrap .email-right-aside .radius-left { - border-top-left-radius: 4px !important; - border-bottom-left-radius: 4px !important; - } - .email-wrap .row .col-xl-3 + .col-xl-3 { - padding-right: 15px; - } - .email-wrap .row .col-xl-6 { - padding-left: 15px; - } - .icon-lists div { - overflow: hidden; - text-overflow: ellipsis; - max-width: 209px; - } - .like-comment-lg-mb { - margin-bottom: 12px; - } - .ribbon-space-bottom { - top: 9px; - } - .bootstrap-touchspin .touchspin-vertical-tab .input-group { - width: 98.5% !important; - } - #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child { - width: 95px !important; - } - #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child { - width: 95px !important; - } - .profile-img-style #aniimated-thumbnials-3 { - text-align: center; - } - .vertical-menu-mt { - margin-top: 80px !important; - } - .vertical-menu-mt .xl-none { - display: block; - } - .calendar-wrap .fc-day-grid-event { - width: 87%; - } - .product-page-main .product-page-details h3 { - font-size: 26px; - } -} -@media only screen and (max-width: 1199px) and (min-width: 992px) { - .page-wrapper.horizontal-wrapper.material-type .page-header { - max-width: 930px; - } - .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper, - .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body { - max-width: 930px; - } -} -@media only screen and (max-width: 991.98px) { - .todo-list-wrapper #todo-list li .task-container .task-label { - min-width: 460px; - } - .simplebar-mask { - top: 70px; - } - .project-cards .tab-content { - margin-bottom: -20px; - } - .project-box { - margin-bottom: 20px; - } - .page-wrapper.modern-type .simplebar-mask { - top: 70px; - } - .page-wrapper.compact-sidebar .simplebar-mask { - top: 87px; - } - .page-wrapper.compact-sidebar .page-header { - margin-left: 0; - width: calc(100% - 0px); - } - .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu { - display: none !important; - } - .page-wrapper.compact-sidebar .page-body-wrapper .page-body { - margin-top: 60px; - } - .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu { - top: 65px; - } - .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper { - position: fixed !important; - top: 0 !important; - } - .product-box .modal .modal-header .product-box .product-details { - padding-left: 15px; - padding-right: 15px; - } - .search-form .form-group:before { - top: 33px; - } - .search-form .form-group:after { - top: 35px; - } - .mobile-title.d-none { - padding: 11px 30px 10px; - } - .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown { - top: 50px; - } - .page-wrapper .page-header .header-wrapper .search-full input { - line-height: 50px; - } - .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { - top: 20px; - } - .page-wrapper .page-header .header-wrapper .search-full .form-group:before { - top: 18px; - } - .page-wrapper .current_lang .lang span.lang-txt { - display: none; - } - .customizer-contain { - top: 62px; - } - .m-r-30 { - margin-right: 20px; - } - .card.full-card { - top: 60px; - width: calc(100vw - 0px); - } - .vertical-mobile-sidebar { - right: 75px; - top: 18px; - } - .gallery { - margin-bottom: -20px; - } - .my-gallery figure { - margin-bottom: 20px; - } - #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) { - margin-bottom: 20px; - } - .photoswipe-pb-responsive { - padding-bottom: 25px !important; - } - table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating { - left: 0 !important; - width: 100% !important; - } - .page-wrapper .section-space { - padding: 60px 0; - } - .page-wrapper .card { - margin-bottom: 30px; - } - .page-wrapper .card .card-header, - .page-wrapper .card .card-body, - .page-wrapper .card .card-footer { - padding: 20px; - } - .page-wrapper .card .card-header .tab-content .m-t-30, - .page-wrapper .card .card-body .tab-content .m-t-30, - .page-wrapper .card .card-footer .tab-content .m-t-30 { - margin-top: 20px !important; - } - .page-wrapper .card .card-header .tab-content .m-b-30, - .page-wrapper .card .card-body .tab-content .m-b-30, - .page-wrapper .card .card-footer .tab-content .m-b-30 { - margin-bottom: 20px !important; - } - .page-wrapper .page-body-wrapper .footer-fix { - margin-left: 0px; - padding-right: 15px; - width: calc(100% - 0px) !important; - } - .page-wrapper.compact-wrapper .page-header { - margin-left: 0 !important; - width: calc(100% - 0px) !important; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize { - display: none; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper { - display: flex; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar { - position: unset; - margin-right: 15px; - border-right: 1px solid #ddd; - padding-right: 15px; - display: block; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before { - display: none; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav { - display: none; - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { - top: 0; - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover { - transform: translate(-285px); - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper { - padding: 17px 30px; - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn { - display: inline-block; - float: right; - font-size: 20px; - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar { - display: none; - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 95px); - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon { - transform: translate(-285px); - } - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links { - height: unset; - } - .page-wrapper.compact-wrapper .page-body-wrapper .page-body { - margin-top: 60px; - padding: 0 15px; - } - .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize { - display: none; - } - .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper { - display: none; - margin-right: 0; - } - .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper { - margin: 0 !important; - } - .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper { - display: block; - } - .page-wrapper.material-icon .page-header { - padding-left: 0; - } - .page-wrapper.material-icon .page-body-wrapper .page-body { - padding-left: 15px; - } - .page-wrapper .page-header .header-wrapper { - margin: 0; - padding: 12px 30px; - } - .page-wrapper .page-header .header-wrapper .nav-right .notification { - top: 10px; - } - .page-wrapper .page-header .header-wrapper > .mobile-toggle { - cursor: pointer; - display: flex; - align-items: center; - } - .page-wrapper .page-header .header-wrapper .header-logo-wrapper { - margin-right: 0; - } - .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img { - margin-top: 0; - } - .page-body-wrapper .page-body, - .page-body-wrapper footer { - margin-left: 0 !important; - } - .page-body-wrapper .page-body #customer-review .owl-stage-outer, - .page-body-wrapper footer #customer-review .owl-stage-outer { - width: 100% !important; - } - .default-according .card { - margin-bottom: 10px !important; - } - .default-according .card .card-header { - padding: 0 !important; - } - .faq-wrap .faq-accordion.default-according .card .faq-header { - padding: 20px 20px 0 !important; - } - .crm-activity > li + li { - margin-top: 10px; - padding-top: 10px; - } - .add-post .dropzone { - margin-bottom: 20px; - } - .customers.avatar-group { - margin-right: 20px; - } - .socialprofile .social-btngroup { - margin: 20px 0; - } - .socialprofile .social-group { - margin-top: 20px; - } - .social-status form .form-group .form-control-social { - margin-bottom: 20px; - } - .social-status .media { - margin-bottom: 20px; - } - .timeline-content p, - .timeline-content .comments-box { - margin-top: 20px; - } - .social-chat { - margin-top: 20px; - } - .social-chat .media-body { - padding: 20px; - } - .social-chat .your-msg, - .social-chat .other-msg { - margin-bottom: 20px; - } - .social-network span { - margin-bottom: 20px; - } - .details-about + .details-about { - margin-top: 20px; - } - .activity-log .my-activity + .my-activity { - margin-top: 20px; - } - .new-users-social { - margin-bottom: 20px; - } - .timeline-small .media { - margin-bottom: 20px; - } - .timeline-small .media .media-body h6 { - margin-bottom: 20px; - } - .timeline-small .media .media-body p { - width: 75%; - } - .timeline-small .media .timeline-round { - width: 45px; - height: 45px; - top: -14px; - } - .timeline-small .media .timeline-round.timeline-line-1:after { - bottom: -41px; - height: 25px; - } - .timeline-small .media .timeline-round.small-line:after { - bottom: -26px; - height: 14px; - } - .timeline-small .media .timeline-round.medium-line:after { - bottom: -33px; - height: 17px; - } - .timeline-small .media .timeline-round svg { - top: 14px; - } - .helper-classes { - padding: 20px; - } - .floated-customizer-btn, - .floated-customizer-panel { - display: none; - } - .page-builder .ge-canvas.ge-editing .row { - padding: 20px; - } - .ecommerce-widget .progress-showcase { - margin-top: 20px; - } - .crm-overall { - margin: 0 -20px -20px; - } - .product-page-main { - padding: 20px; - } - .grid-options ul li:nth-child(3) { - display: none; - } - .feature-products form .form-group i { - right: 20px; - } - .tabbed-card ul { - padding: 18px 15px; - } - .tabbed-card ul { - top: -7px; - right: 0; - } - .tabbed-card ul.border-tab.nav-tabs { - padding: 0; - } - .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link { - padding: 10px 15px; - } - .tilt-showcase .tilt-image { - text-align: center; - } - .tilt-showcase .mt-4 { - margin-top: 20px !important; - } - .todo .todo-list-wrapper .mark-all-tasks { - top: 20px; - right: 20px; - } - .custom-card { - padding-bottom: 0; - } - .custom-card .card-footer { - padding: 0 15px 15px 15px !important; - } - .custom-card .card-header { - border: none; - } - .custom-card .dashboard-card { - padding: 0; - } - .custom-card .card-profile img { - height: 155px; - } - .display-1 { - font-size: calc(30px + 34 * (100vw - 320px) / 880); - } - .display-2 { - font-size: calc(25px + 31 * (100vw - 320px) / 880); - } - .display-3 { - font-size: calc(20px + 20 * (100vw - 320px) / 880); - } - .display-4 { - font-size: calc(15px + 9 * (100vw - 320px) / 880); - } - /*Form Wizard One start*/ - /*Form Wizard One ends*/ - /*Form Wizard Two Start*/ - /*Form Wizard Two Ends*/ - /*Form Wizard Three Start*/ - /*Form Wizard Three ends*/ - /*Form Wizard Four Start*/ - /*Form Wizard Four ends*/ -} -@media only screen and (max-width: 991.98px) and (max-width: 1200px) { - .typography .h1 { - font-size: calc(16px + 18 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - .typography .h2 { - font-size: 30px; - } -} -@media only screen and (max-width: 991.98px) and (max-width: 1200px) { - .typography .h2 { - font-size: calc(18px + 12 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - .typography .h3 { - font-size: 22px; - } -} -@media only screen and (max-width: 991.98px) and (max-width: 1200px) { - .typography .h3 { - font-size: calc(17px + 5 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - .typography .h4 { - font-size: 20px; - } -} -@media only screen and (max-width: 991.98px) and (max-width: 1200px) { - .typography .h4 { - font-size: calc(15px + 5 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - .typography .h5 { - font-size: 18px; - } -} -@media only screen and (max-width: 991.98px) and (max-width: 1200px) { - .typography .h5 { - font-size: calc(13px + 5 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - .typography .h6 { - font-size: 15px; - } -} -@media only screen and (max-width: 991.98px) and (max-width: 1200px) { - .typography .h6 { - font-size: calc(12px + 3 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - h1 { - font-size: calc(20px + 14 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - h2 { - font-size: calc(18px + 10 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - h3 { - font-size: calc(17px + 9 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - h4 { - font-size: calc(17px + 5 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - h5 { - font-size: calc(15px + 3 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - h6 { - font-size: calc(12px + 3 * (100vw - 320px) / 880); - } -} -@media only screen and (max-width: 991.98px) { - .card-absolute .card-header { - padding: 10px 15px !important; - } -} -@media only screen and (max-width: 991.98px) { - .comingsoon .comingsoon-inner .countdown .time { - width: 80px; - height: 80px; - font-size: 26px; - } -} -@media only screen and (max-width: 991.98px) { - .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event { - margin-top: 10px; - } -} -@media only screen and (max-width: 991.98px) { - .owl-theme .owl-nav.disabled + .owl-dots { - margin-bottom: -10px; - margin-top: 15px; - } -} -@media only screen and (max-width: 991.98px) { - .card .card-header h5 { - font-size: 18px; - } - .card .card-header .card-header-right { - top: 12px; - right: 15px; - } -} -@media only screen and (max-width: 991.98px) { - .page-builder .ge-addRowGroup { - width: 100%; - } -} -@media only screen and (max-width: 991.98px) { - .user-profile .hovercard .info .user-designation { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .search-list { - justify-content: center; - } -} -@media only screen and (max-width: 991.98px) { - .blog-single .comment-box .comment-social li { - padding-left: 15px; - } -} -@media only screen and (max-width: 991.98px) { - .error-wrapper { - padding: 35px 0; - } - .error-wrapper .sub-content { - font-size: 14px; - line-height: 25px; - margin-top: 0px; - } - .error-wrapper .error-heading { - margin-top: 30px; - } - .error-wrapper .error-heading .headline { - font-size: 180px; - margin-top: 0; - } - .error-wrapper .maintenance-heading { - margin-top: 30px; - } -} -@media only screen and (max-width: 991.98px) { - .editor_container .CodeMirror { - min-height: 250px; - height: 250px; - } -} -@media only screen and (max-width: 991.98px) { - .search-page .info-block { - flex-wrap: wrap; - } - .search-page .tab-content .pb-4 { - padding-bottom: 20px !important; - } -} -@media only screen and (max-width: 991.98px) { - .xl-none { - display: block; - } -} -@media only screen and (max-width: 991.98px) { - .top-radius-blog { - width: 100%; - } -} -@media only screen and (max-width: 991.98px) { - .sm-100-w { - width: 100%; - height: 100%; - } -} -@media only screen and (max-width: 991.98px) { - .form-wizard .btn-mb { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .stepwizard { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .f1 .f1-steps { - margin-top: 20px; - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .wizard-4 ul.anchor { - padding-right: 20px; - width: 40%; - } - .wizard-4 ul.anchor li a.done h4:before { - top: -8px; - } - .wizard-4 ul.anchor li h4 { - padding: 11px 18px; - width: 50px; - } - .wizard-4 ul.anchor li + li a { - padding-left: 65px; - } - [dir=rtl] .wizard-4 ul.anchor li + li a { - padding-right: 65px; - } - .wizard-4 .step-container { - width: 60%; - } - .wizard-4 .step-container div.content .wizard-title { - width: 380px; - } - .wizard-4 .login-card .login-main { - width: 380px; - } - .wizard-4 .msg-box { - top: 25px !important; - } -} -@media only screen and (max-width: 991.98px) { - .border-tab.nav-tabs { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .tab-content ~ .nav-tabs.border-tab { - margin-top: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .dataTables_wrapper .dataTables_length { - margin-bottom: 20px; - } - .dataTables_wrapper table.dataTable { - margin-bottom: 20px !important; - } -} -@media only screen and (max-width: 991.98px) { - .search-page .info-block + .info-block { - padding-top: 20px; - margin-top: 20px; - } - .search-page #video-links .embed-responsive + .embed-responsive { - margin-top: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .lg-mt { - margin-top: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .gallery-with-description { - margin-bottom: -20px; - } - .gallery-with-description a > div { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .clipboaard-container p { - margin-bottom: 8px; - } -} -@media only screen and (max-width: 991.98px) { - .m-b-30 { - margin-bottom: 20px !important; - } -} -@media only screen and (max-width: 991.98px) { - .email-wrap .email-left-aside .email-app-sidebar ul li hr { - margin: 13px 0; - } -} -@media only screen and (max-width: 991.98px) { - .nav-md-mt { - margin-top: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .navs-icon { - padding: 20px; - } - .navs-icon .main-section { - padding-top: 20px; - } - .navs-icon .separator { - margin: 20px 0; - } -} -@media only screen and (max-width: 991.98px) { - .nav-list { - padding: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .navs-dropdown button { - margin-top: 20px; - } - .navs-dropdown .onhover-show-div { - top: 68px; - } -} -@media only screen and (max-width: 991.98px) { - .animated-modal .form-group { - width: 100%; - display: block; - } - .animated-modal .mr-4 { - margin-right: 0 !important; - } -} -@media only screen and (max-width: 991.98px) { - .steps-md-mt { - margin-top: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .btn-group-wrapper .m-b-30:last-child { - margin-bottom: 0 !important; - } -} -@media only screen and (max-width: 991.98px) { - #advance-5_wrapper .dataTables_paginate { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .click2edit ~ .note-editor.note-frame { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991.98px) { - .chat-box .chat-left-aside .people-list { - height: 483px; - } - .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li { - margin-right: 5px; - } -} -@media only screen and (max-width: 991.98px) { - .card .card-body form.animated-modal { - display: flex; - } - .card .card-body form.animated-modal .animated-modal-md-mb { - margin-bottom: 20px !important; - } -} -@media only screen and (max-width: 991.98px) { - .wizard-4 .msg-box { - top: 40px; - right: 0%; - bottom: unset; - left: unset; - } -} -@media only screen and (max-width: 991.98px) { - .theme-form.form-inline { - display: flex; - } -} -@media only screen and (max-width: 991px) and (min-width: 768px) { - .page-wrapper.compact-wrapper.material-type::before { - height: 230px; - } - .page-wrapper.compact-wrapper.material-type .page-header { - width: calc(100% - 60px) !important; - margin: 50px auto 0 !important; - } - .page-wrapper.compact-wrapper.material-type .page-body-wrapper { - margin: 0 30px; - } - .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper { - left: 0; - } - .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body { - margin-top: 0; - } -} -@media only screen and (max-width: 810px) { - .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body { - display: none; - } -} -@media only screen and (max-width: 767.98px) { - .wizard-4 ul.anchor { - width: 100%; - height: auto; - padding: 30px; - } - .wizard-4 .step-container { - width: 100%; - } - .contact-editform { - padding-left: 20px !important; - } - .event-calendar { - display: block !important; - } - .event-calendar #right { - width: 100%; - } - .event-calendar #calendar { - clear: both; - } - .page-wrapper.material-type::before { - display: none; - } - .page-wrapper.material-type .page-header { - margin-top: 0; - border-radius: 0; - } - .page-wrapper.material-type .page-body-wrapper .page-body { - margin-top: 0 !important; - } - .page-wrapper.only-body .page-header .header-wrapper .nav-right > ul > li { - margin-right: -2px; - } - .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus { - margin-right: -10px; - } - .new-products .owl-carousel .product-box.row > div { - width: auto; - } - .profile-media .media-body { - display: none; - } - .form-inline .form-group:not(.form-control-search) { - width: 100%; - } - .form-inline .form-group:not(.form-control-search) + .form-group { - margin-top: 10px; - } - .form-inline .form-group:not(.form-control-search) input { - width: 100%; - } - .credit-card .text-center img { - margin-bottom: 20px; - } - .starter-kit-fix .page-body { - margin-bottom: 78px; - } - .blog-box .blog-details-main .blog-social li { - padding: 0 12px; - } - .blog-box .blog-details .blog-social li:first-child { - padding-right: 25px; - } - .blog-box .blog-details .blog-social li + li { - padding-left: 25px; - } - .footer-copyright ~ div { - text-align: center; - } - .footer-copyright ~ div p { - float: none; - margin-top: 5px; - } - .user-profile .hovercard .user-image .share-icons { - right: 25px; - top: -19px; - } - .user-profile .hovercard .user-image .share-icons li .social-icon { - width: 35px; - height: 35px; - } - .tabs-scoial.border-tab.nav-tabs { - display: flex; - } - .timeline-small .media .media-body p { - width: 100%; - } - .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) { - margin-bottom: 20px; - } - .project-list .btn { - float: left; - margin-top: 5px; - } - .chat-box .chat-right-aside .chat .chat-message .text-box .btn { - font-size: 0; - } - .chat-box .chat-right-aside .chat .chat-message .text-box .btn:before { - position: absolute; - content: "\e661"; - font-family: themify; - font-size: 18px; - top: 11px; - left: 20px; - } - .chat-box .border-tab.nav-tabs { - display: flex; - } - .chat-box .chat-menu .nav-tabs .nav-item a { - height: 50px; - } - .chat-box .chat-history .call-content > div { - padding-top: 40px; - height: auto; - } - .chat-box .chat-history .receiver-img { - margin-bottom: unset; - } - .chat-box .chat-left-aside .people-list { - height: auto; - } - .call-chat-sidebar { - max-width: 100%; - width: 100%; - flex-basis: auto; - } - .call-chat-sidebar .people-list { - height: auto; - } - .chat-left-aside .people-list ul { - max-height: 100px; - } - .clockpicker-align-top { - left: 55px !important; - top: 470px !important; - } - .clockpicker-align-top .arrow { - display: none; - } - .form-builder-column .form-body { - min-height: 250px; - } - .form-builder-2-header { - flex-wrap: wrap; - } - .form-builder-2-header > div { - width: 100%; - margin-top: 10px; - } - .form-builder-2-header > div nav { - float: none; - } - .lg-mt-col { - margin-top: 20px; - } - .form-builder .drag-box fieldset { - padding: 20px; - margin-top: 20px; - } - .form-builder #components { - margin-top: 20px; - } - .form-builder .component label { - padding-top: 0px; - } - .mega-menu .onhover-show-div { - height: 415px; - left: 0; - top: 61px; - padding: 20px; - } - .mega-menu .lg-mt { - margin-top: 15px; - } - .page-builder .ge-canvas.ge-editing .ge-tools-drawer { - margin: 10px 0 0 10px; - } - .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a { - padding: 0 5px; - } - .reader { - margin-top: 15px; - height: auto !important; - } - .range-slider.theme-form .form-group { - margin-bottom: 0; - } - .note-editor .btn-group .btn { - font-size: 11px; - } - .text-md-right { - text-align: right; - } - .star-ratings .stars { - padding: 0; - } - .form-inline.d-inline-block { - display: block !important; - width: 100%; - } - .form-inline.d-inline-block .form-control { - margin-bottom: 10px; - } - .reset-password-box { - width: 500px; - margin: 0 auto; - } - .reset-password-box .card { - padding: 20px; - } - .custom-card .card-profile img { - height: 136px; - bottom: 0; - } - .error-wrapper .maintenance-icons li i { - color: #f4f4f4; - font-size: 30px; - } - .error-wrapper .maintenance-icons li:nth-child(2) i { - font-size: 60px; - margin-top: -10px; - margin-left: 70px; - } - .error-wrapper .maintenance-icons li:nth-child(3) i { - font-size: 90px; - margin-right: 80px; - } - .authentication-main .auth-innerright { - min-height: unset; - padding: 0; - } - .authentication-main .auth-innerright .social-media li { - font-size: 14px; - } - .loader-box { - justify-content: center; - } - .dataTables_wrapper .dataTables_length { - margin-bottom: 20px; - } - .dataTables_wrapper .dataTables_filter { - margin-left: 0; - margin-top: 0; - margin-bottom: 20px; - } - div.dataTables_wrapper div.dataTables_info { - padding-top: 0; - } - div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label { - float: none; - } - div.dataTables_wrapper div.dataTables_paginate { - float: none; - margin-top: 20px !important; - margin-left: 0 !important; - } - .calendar-wrap .fc-basic-view .fc-day-number { - padding: 0 0px !important; - } - .calendar-wrap .fc-events-container { - margin-top: 0px; - } - .calendar-wrap .fc-events-container h6, - .calendar-wrap .fc-events-container .checkbox { - text-align: right; - } - .calendar-wrap .checkbox label { - margin-top: 0; - } - .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after { - font-size: 12px !important; - } - .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after { - font-size: 12px !important; - } - .calendar-wrap .fc-toolbar .fc-left .fc-today-button, - .calendar-wrap .fc-toolbar .fc-right .fc-today-button { - padding-top: 0px !important; - } - .calendar-wrap .fc { - margin-top: 0px; - } - .calendar-wrap .fc button { - font-size: 14px !important; - padding: 0 5px !important; - } - .calendar-wrap .fc .fc-left { - margin-bottom: 10px; - } - .calendar-wrap .fc .fc-toolbar > div { - display: block !important; - float: none !important; - } - .calendar-wrap .fc .fc-toolbar > * :first-child { - font-size: 18px; - } - .calendar-wrap .fc .fc-toolbar > * > * { - float: none !important; - } - .btn-group-wrapper { - text-align: center; - } - .btn-group-wrapper .m-b-30 { - margin-bottom: 15px !important; - } - .btn-group-showcase { - text-align: center; - } - .btn-group-showcase .btn-group { - margin-right: 0; - margin-bottom: 15px; - } - .btn-group .btn { - font-size: 14px; - padding: 0.375rem 1.3rem; - } - .animate-widget .text-center { - display: none; - } - .mega-menu .onhover-show-div { - height: 350px; - } - .page-builder .ge-canvas .column { - padding: 0 !important; - } - .page-builder .ge-content-type-ckeditor h3 { - font-size: 20px; - } - .page-builder .ge-content-type-ckeditor p { - font-size: 12px; - } - .page-builder .ge-row-icon { - display: none !important; - } - /* font-awesom icon page */ - .icon-hover-bottom .form-group input { - min-width: 270px; - } - .user-profile .hovercard .cardheader { - height: 350px; - } - .user-profile .hovercard .info { - padding: 35px; - } - .user-profile .hovercard .info .ttl-info { - margin-bottom: 20px; - } - .user-profile .hovercard .info .ttl-sm-mb-0 { - margin-bottom: 0; - } - .calendar-wrap .fc button { - padding: 5px; - } - .calendar-wrap .fc-day-grid-event { - margin: 0; - padding: 5px; - width: inherit; - } - .calendar-wrap .fc-toolbar h2 { - font-size: 20px; - line-height: 35px; - font-weight: bold; - } - .calendar-wrap .basic-calendar .external-events { - margin-top: 0px; - } - .blog-single .comment-box .media h6 { - margin-bottom: 10px; - } - .blog-single .comment-box .media img { - margin-right: 30px; - } - .blog-single .comment-box .comment-social { - margin-bottom: 5px; - } - .blog-single .comment-box .comment-social li:first-child { - padding-left: 0; - padding-right: 15px; - } - .tabbed-card ul { - padding: 10px 0 5px 0; - position: relative; - width: 100%; - left: 0; - } - .tabbed-card ul.border-tab { - margin-bottom: 15px; - } - .tabbed-card ul.border-tab.nav-tabs { - top: unset; - } - .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link { - padding: 5px 15px 10px; - } - .search-page #image-links .info-block.m-t-30 { - margin-top: 0 !important; - } - .authentication-main .authentication-box { - width: 100%; - } - .authentication-main .auth-innerright { - display: inherit; - } - .map-chart .chart-container { - height: 300px; - } - .candidcahrt { - height: 250px; - } - .bar-chart-widget .earning-details i { - right: 0; - } - .serial-chart .chart-container { - height: 300px; - } - .bottom-content { - padding: 10px; - } - .bottom-content p { - font-size: 12px; - } - .stepwizard .stepwizard-row:before { - top: 17px; - } - .icon-hover-bottom .icon-popup { - display: block; - } - .icon-hover-bottom .icon-popup > .icon-last { - display: block; - margin-top: 15px; - } - .icon-hover-bottom .icon-popup > .icon-last .form-inline .form-group { - display: flex; - } - .icon-hover-bottom .icon-popup div .flag-icon { - width: 30px; - height: auto; - } - .icon-hover-bottom .form-group input { - display: block; - width: auto !important; - } - .footer-links { - text-align: center; - } - .footer-copyright { - text-align: center !important; - } - .jvector-map-height { - height: 150px; - } - .sm-left-text { - text-align: left !important; - } - [dir=rtl] .sm-left-text { - text-align: right !important; - } - .email-wrap .email-right-aside .email-content .email-top .d-flex { - padding-bottom: 0; - } - .email-wrap .email-right-aside .email-content .email-top .float-right { - float: left !important; - } - .email-wrap .email-right-aside .email-content .email-wrapper .attachment { - text-align: center; - } - .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li:last-child { - padding-right: 0; - } - .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img { - width: 140px; - height: 140px; - } - .alert-dismissible p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 294px; - } - .button-group-mb-sm { - margin-bottom: 5px; - } - .card-block .table-responsive .table tbody tr td span { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 100px; - } - .card-block .table-responsive .progress-content tbody tr td span { - text-overflow: ellipsis; - white-space: normal; - max-width: 50px; - } - .card-block .table-responsive .checkbox-td-width tbody tr td, - .card-block .table-responsive .radio-first-col-width tbody tr td { - min-width: 200px !important; - } - #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child { - width: 119px !important; - } - #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child { - width: 119px !important; - } - .jsgrid .jsgrid-pager-container { - text-align: center; - } - .chat-box .chat-right-aside .chat .chat-msg-box { - height: auto; - } - .chat-box .chat-menu .nav-tabs .nav-item { - width: 32.33%; - } - .chat-box .chat-menu .people-list ul.list { - max-height: 433px; - margin-bottom: 15px; - } - .chat-box .chat-menu #info-profile, - .chat-box .chat-menu #info-contact { - margin-bottom: 15px; - } - .hovercard .info .follow .text-md-right { - text-align: center; - } - .profile-img-style .like-comment-sm-mb { - margin-bottom: 20px; - } - .reset-password-box .theme-form .form-group .btn { - margin-top: 15px !important; - } - .lg-outer .lg-actions .lg-next, - .lg-outer .lg-actions .lg-prev { - top: 48%; - } - .feature-products .filter-toggle { - padding: 8px 15px; - background-color: #fff; - margin-left: 10px; - border-radius: 5px; - } - .feature-products .select2-drpdwn-product { - float: left; - margin-right: 10px; - margin-top: 8px; - } - [dir=rtl] .feature-products .select2-drpdwn-product { - float: right; - margin-right: unset; - margin-left: 10px; - } - .feature-products span.f-w-600 { - padding-top: 15px; - display: inline-block; - } - .feature-products .text-right { - text-align: left !important; - } - .d-none-productlist { - display: block; - margin-right: 10px; - } - .grid-options ul li { - display: none; - } - .product-sidebar { - transform: translateX(-300px) scaleX(0); - opacity: 0; - visibility: hidden; - transition: 0.3s; - height: 0; - position: absolute; - z-index: 3; - width: 300px; - } - .product-sidebar.open { - transform: translateX(0px) scaleX(1); - box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); - visibility: visible; - opacity: 1; - height: auto; - top: -45px; - } - .product-sidebar.open:before, .product-sidebar.open:after { - content: ""; - position: absolute; - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #fff; - right: 120px; - top: -7px; - } - .product-sidebar .filter-section .card-header { - display: none; - } - .product-wrapper.sidebaron .product-grid .product-wrapper-grid { - margin-left: 0; - } - .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter { - top: unset; - min-width: unset; - } - .product-wrapper-grid.list-view .product-box .product-img { - width: 42%; - } - .product-filter .product-box { - flex-wrap: nowrap; - } - .product-filter .product-box .product-img { - width: 100px; - } - .product-filter .product-box .product-details { - padding: 0 !important; - } -} -@media only screen and (max-width: 575.98px) { - .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container { - display: none; - } - .border-tab.nav-tabs { - display: block; - } - .page-wrapper .page-header .header-wrapper .search-full input { - padding-left: 30px; - line-height: 40px; - } - .page-wrapper .page-header .header-wrapper .search-full .form-group::before { - top: 14px; - left: 12px; - } - .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { - top: 18px; - right: 0; - width: 18px; - height: 18px; - } - .page-wrapper.only-body .page-header .header-wrapper .nav-right { - right: 30px; - } - .date-picker .theme-form > .row > div:last-child { - margin-top: 0; - } - .search-page .info-block { - display: block; - } - .form-bookmark .row > div .row > .col-sm-6 + .col-sm-6 { - margin-top: 10px; - } - .btn { - padding: 6px 16px; - } - .alert-theme { - min-width: 380px; - } - .knowledgebase-bg { - height: 250px; - } - .login-card .login-main .theme-form .or:before { - width: 55%; - } - .knowledgebase-search { - width: calc(100% - 30px); - left: 15px; - height: calc(100% - 30px); - background-color: rgba(255, 255, 255, 0.7); - } - .knowledgebase-search .form-inline { - width: 90%; - padding: 3px 45px; - } - .knowledgebase-search .form-inline svg { - top: 10px; - } - .knowledgebase-search > div { - width: 100%; - text-align: center; - padding: 15px; - border-right: 10px; - } - .knowledgebase-search > div h3 { - font-size: 20px; - margin-bottom: 0; - } - .knowledgebase-search > div .form-group { - margin-bottom: 0; - } - .invoice .text-md-end { - margin-top: 10px; - } - .invoice .text-right { - text-align: right; - } - .invoice .text-xs-center { - text-align: center; - } - .login-card { - padding-top: 40px; - padding-bottom: 40px; - } - .login-card .logo { - margin-bottom: 10px; - } - .login-card .login-main { - width: auto; - padding: 20px; - } - .login-card .login-main .theme-form .form-group { - margin-bottom: 5px; - } - .login-card .login-main .theme-form p { - margin-bottom: 5px; - } - .login-card .btn-showcase .btn { - width: 100%; - } - .login-card .btn-showcase .btn + .btn { - margin-left: 0; - margin-top: 5px; - } - .bookmark ul li a svg { - height: 16px; - width: 16px; - } - .bookmark ul li + li { - margin-left: 5px; - } - .page-wrapper .page-header .header-wrapper .nav-right > ul > li { - padding: 4px 6px; - } - .page-header .header-wrapper .nav-right .cart-box .badge, - .page-header .header-wrapper .nav-right .notification-box .badge { - font-size: 10px; - } - .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child { - display: block; - } - .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child h3 { - padding-right: 0; - } - .page-wrapper .page-header .header-wrapper .nav-right ul li i { - font-size: 14px !important; - } - .page-wrapper .page-header .header-wrapper .nav-right ul li svg { - width: 18px; - } - .page-wrapper .page-body-wrapper .page-title .breadcrumb { - margin-top: 0; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper, .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper { - display: none; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar { - margin-left: 0; - padding-left: 0; - border-left: none; - border-right: 1px solid #ddd; - padding-right: 8px; - margin-right: 8px; - } - .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg { - width: 18px; - } - .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn { - display: none; - } - .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - margin-right: 0; - } - .page-wrapper .page-header .header-wrapper { - padding: 12px 15px !important; - } - .page-wrapper .page-header .header-wrapper .nav-right > ul { - top: 58px; - } - .page-wrapper .page-header .header-wrapper .nav-right > ul .search-form i { - display: none; - } - .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 { - padding: 6px !important; - } - .page-wrapper .page-header .header-wrapper .nav-right > ul li .flag-icon { - font-size: 14px !important; - } - .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img { - width: 25px; - } - .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after { - left: 24px !important; - right: unset !important; - } - .page-wrapper .page-body-wrapper .page-title .btn-group .btn { - padding: 8px 30px; - } - .page-wrapper.compact-wrapper .page-body-wrapper .page-body { - margin-top: 53px; - } - .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 79px); - } - .alert-dismissible { - padding-right: 30px; - } - .alert-dismissible p { - max-width: 102px; - } - .customizer-links { - display: none; - } - .m-r-30 { - margin-right: 15px; - } - .wishlist .text-end { - text-align: left !important; - } - .add-post form .m-checkbox-inline label { - margin-right: 15px; - } - .add-post .dropzone { - margin-bottom: 15px; - } - .wizard-4 .msg-box { - top: 10px !important; - } - .wizard-4 .login-card .login-main { - width: 280px; - } - .wizard-4 .step-container div.content .wizard-title { - width: 280px; - } - .wizard-4 .action-bar { - right: 10px; - } - .wizard-4 .action-bar [dir=rtl] { - left: 10px; - } - .customers.avatar-group { - margin-right: 15px; - } - .vertical-mobile-sidebar { - top: 19px; - } - .alert-theme i { - margin-right: 10px !important; - } - .alert-theme button { - top: 0px !important; - } - .bar-chart-widget .earning-details i { - right: -30px; - } - .clockpicker-align-top { - left: 45px !important; - top: 406px !important; - } - .gallery { - margin-bottom: -15px; - } - .my-gallery figure { - margin-bottom: 15px; - } - .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) { - margin-bottom: 15px; - } - .my-gallery.gallery-with-description figure:last-child { - margin-bottom: 20px; - } - #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) { - margin-bottom: 15px; - } - .photoswipe-pb-responsive { - padding-bottom: 30px !important; - } - .avatar-showcase .pepole-knows { - text-align: center; - } - .avatar-showcase .pepole-knows ul li { - margin-right: 14px; - } - .social-app-profile .hovercard .user-image .avatar { - margin-top: -56px; - } - .social-app-profile .hovercard .user-image .avatar img { - width: 100px; - height: 100px; - } - .social-app-profile .hovercard .user-image .icon-wrapper { - left: 52%; - top: 10px; - height: 30px; - width: 30px; - font-size: 15px; - } - .social-app-profile .hovercard .user-image .icon-wrapper:hover { - font-size: 12px; - } - .social-app-profile .hovercard .user-image .share-icons { - right: 15px; - } - .social-app-profile .hovercard .user-image .share-icons li { - margin-right: 0px; - } - .social-app-profile .hovercard .info .tabs-scoial .user-designation { - border-top: none; - border-bottom: none; - margin-bottom: 0; - padding: 0px 0px; - } - .social-app-profile .tabs-scoial { - margin-bottom: 0 !important; - } - .socialprofile .social-btngroup { - margin: 15px 0; - } - .socialprofile .social-group { - margin-top: 15px; - } - .social-status form .form-group .form-control-social { - margin-bottom: 15px; - } - .social-status .media { - margin-bottom: 15px; - } - .new-users-social { - margin-bottom: 15px; - } - .tabs-scoial { - position: relative; - padding-top: 80px; - } - .tabs-scoial li:nth-child(3) { - position: absolute; - top: 25px; - left: 0; - right: 0; - margin: 0 auto; - } - .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link { - padding: 10px; - height: 60px; - } - .timeline-content p, - .timeline-content .comments-box { - margin-top: 15px; - } - .timeline-content .comments-box .media .m-r-20 { - margin-right: 10px; - } - .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn { - padding: 6px; - } - .timeline-content .comment-number i { - margin-right: 15px; - } - #cd-timeline { - margin-right: 0; - } - .social-chat { - margin-top: 15px; - } - .social-chat .media-body { - padding: 15px; - } - .social-chat .your-msg, - .social-chat .other-msg { - margin-bottom: 15px; - } - .social-network span { - margin-bottom: 15px; - } - .social-list .media { - margin-bottom: 15px; - } - .details-about + .details-about { - margin-top: 15px; - } - .your-details-xs { - margin-top: 15px; - } - .social-header h5 span.pull-right { - float: right !important; - margin-top: 0 !important; - } - .social-header h5 span.pull-right svg { - width: 18px; - height: 18px; - } - .activity-log .my-activity + .my-activity { - margin-top: 15px; - } - .photos ul li { - width: 26%; - } - .photos ul li:nth-child(3n) { - margin-right: 0; - } - .chat-box .chat-history .call-content > div { - padding-top: 30px; - } - .timeline-small .media { - margin-bottom: 15px; - } - .timeline-small .media .media-body h6 { - margin-bottom: 15px; - } - .timeline-small .media .timeline-round.timeline-line-1:after { - bottom: -39px; - height: 30px; - } - .timeline-small .media .timeline-round.small-line:after { - bottom: -17px; - height: 8px; - } - .timeline-small .media .timeline-round.medium-line:after { - bottom: -30px; - height: 22px; - } - .helper-classes { - padding: 15px; - } - .form-builder-2-header ul li { - text-align: left; - } - .form-builder-2-header .form-inline { - display: block; - width: 100%; - } - .form-builder-2-header .form-inline .form-group { - width: 100%; - margin-right: 0; - } - .form-builder-2-header .form-inline button { - width: 100%; - text-align: left; - } - .page-builder .btn-grid { - margin-bottom: 7px; - padding-right: 5px; - } - .page-builder .ge-canvas.ge-editing .row { - padding: 15px; - } - .page-builder .ge-canvas.ge-editing .ge-tools-drawer { - margin: 10px; - } - .page-builder .ge-canvas.ge-layout-desktop [class*=col-] { - width: inherit !important; - } - .wizard-4 .step-container div.content { - margin-top: 10px; - } - .nav-tabs .nav-item.show .nav-link { - border-top: 0; - border-bottom: 0; - } - .nav-tabs .nav-link { - border-top: 0; - border-bottom: 0; - } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus { - border-top: 0; - border-bottom: 0; - } - .border-tab.nav-tabs .nav-item { - width: 100% !important; - } - .border-tab .ecommerce-widget .progress-showcase { - margin-top: 15px; - } - .nav { - display: inherit; - text-align: center; - border-bottom: none; - } - .editor_container .CodeMirror { - min-height: 190px; - height: 190px; - } - .order-history table.dataTable.table thead th { - padding-right: 60px; - } - .border-tab.nav-left .nav-link { - text-align: center; - border-left: none; - } - .border-tab.nav-right .nav-link { - text-align: center; - border-right: none; - } - .border-tab.nav-tabs { - margin-bottom: 10px; - } - .tab-content ~ .nav-tabs.border-tab { - margin-top: 10px; - } - .nav-pills { - text-align: center; - } - .crm-overall { - margin: 0 -15px -15px; - } - .product-color li { - width: 15px; - height: 15px; - } - .product-social li a { - width: 30px; - height: 30px; - font-size: 13px; - } - .product-social li:nth-child(n+2) { - margin-left: 5px; - } - [dir=rtl] .product-social li:nth-child(n+2) { - margin-left: unset; - margin-right: 5px; - } - .product-page-main { - padding: 15px; - } - .product-page-main .product-page-details h3 { - font-size: 24px; - } - .todo .action-box.large { - height: 25px; - width: 25px; - } - .todo .action-box.large .icon { - font-size: 14px; - vertical-align: -3px; - } - .todo .todo-list-wrapper #todo-list li .task-container .task-label { - font-size: 14px; - } - .todo .todo-list-wrapper .mark-all-tasks { - right: 15px; - } - .datetime-picker label { - text-align: left !important; - } - .redial-chart-block { - text-align: center; - } - #nav-tabContent { - margin-top: 15px; - } - .reset-password-box { - width: 430px; - } - .auth-bg { - padding: 25px 15px; - } - .auth-bg-effect { - display: none; - } - .date-picker .text-right { - text-align: left !important; - } - .dataTables_wrapper table.dataTable { - margin-bottom: 15px !important; - } - ul.pagination li:before { - line-height: 3; - } - div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { - padding-left: 0 !important; - } - div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child { - padding-right: 0 !important; - } - div.dataTables_wrapper div.dataTables_length { - margin-bottom: 15px; - } - div.dataTables_wrapper div.dataTables_length select { - min-height: 30px; - } - div.dataTables_wrapper table.dataTable th, - div.dataTables_wrapper table.dataTable td { - padding: 0.5rem; - } - div.dataTables_wrapper div.dataTables_paginate { - margin-top: 15px !important; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button { - padding: 1px 7px; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous { - font-size: 0; - padding: 0; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a { - border: none !important; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before { - content: "\e64a"; - font-family: themify; - font-size: 11px; - padding: 0 5px; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button.next { - font-size: 0; - padding: 0; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a { - border: none !important; - } - div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before { - content: "\e649"; - font-family: themify; - font-size: 11px; - padding: 0 5px; - } - div.dataTables_wrapper .dataTables_filter { - margin-bottom: 15px; - } - div.dataTables_wrapper .dataTables_filter input[type=search] { - height: 30px; - } - .page-wrapper .page-body-wrapper .user-profile .profile-img-style { - padding: 15px; - } - .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container { - margin-top: 15px; - } - .page-wrapper .page-body-wrapper .user-profile hr { - margin: 15px 0; - } - .page-wrapper .page-body-wrapper .user-profile .like-comment { - margin-top: 15px; - } - .jvector-map-height { - height: 250px; - } - .user-profile .order-sm-0 { - order: -1; - } - .user-profile .hovercard .info .ttl-info { - text-align: center !important; - } - .user-profile .hovercard .info .ttl-xs-mt { - margin-top: 20px; - } - .icon-hover-bottom .form-group { - display: block !important; - margin-bottom: 0; - } - .icon-hover-bottom .form-group input { - width: 100% !important; - } - .icon-hover-bottom .form-group .btn { - margin-top: 15px; - } - .icon-hover-bottom .icon-popup { - padding: 15px; - } - .icon-hover-bottom svg.climacon { - height: 50px; - width: 50px; - } - .blog-box.blog-shadow:before { - box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6); - } - .blog-box .blog-details p, - .blog-box .blog-details .single-blog-content-top { - margin-top: 15px; - } - .blog-box .blog-details h4 { - margin-top: 15px; - } - .blog-box .blog-details .blog-social { - margin-top: 15px; - } - .blog-box .blog-details .blog-social li + li { - padding-left: 20px; - } - .blog-box .blog-details .blog-social li + li > span { - display: none; - } - .blog-box .blog-details .blog-social li:first-child { - margin-right: 10px; - padding-right: 20px; - } - .comment-box { - padding-top: 40px; - padding-bottom: 40px; - } - .comment-box ul ul { - margin-left: 30px; - } - .comment-box li .media { - display: block; - } - .comment-box li .media img { - height: 50px; - width: 50px; - padding: 3px; - margin-bottom: 10px; - } - .ace-editor { - height: 320px; - } - .gallery > a { - margin-bottom: 15px; - text-align: center; - } - .card .card-header h5 { - font-size: 17px; - } - .theme-form .form-group { - margin-bottom: 15px; - } - .page-wrapper .page-body-wrapper .default-according .card .card-header, - .page-wrapper .page-body-wrapper .default-according .card .card-body, - .page-wrapper .page-body-wrapper .default-according .card .card-footer { - padding: 0.75rem 1.25rem; - } - .page-wrapper .page-body-wrapper .card { - margin-bottom: 20px; - } - .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30, - .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30, - .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30 { - margin-top: 20px !important; - } - .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30, - .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30, - .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30 { - margin-bottom: 20px !important; - } - .page-wrapper .page-body-wrapper .page-body { - padding: 0 !important; - } - .page-wrapper .page-body-wrapper .page-title { - padding-top: 15px; - padding-bottom: 15px; - } - .page-wrapper .page-body-wrapper .page-title .row h3 { - font-size: 20px; - } - /* alert responsive css start here */ - .alert-primary.inverse { - background-color: transparent; - } - .alert-secondary.inverse { - background-color: transparent; - } - .alert-success.inverse { - background-color: transparent; - } - .alert-danger.inverse { - background-color: transparent; - } - .alert-warning.inverse { - background-color: transparent; - } - .alert-info.inverse { - background-color: transparent; - } - .alert-light.inverse { - background-color: transparent; - } - .alert-dark.inverse { - background-color: transparent; - } - .alert .close { - height: 100%; - } - .user-profile hr { - margin: 15px 0; - } - .user-profile .hovercard .cardheader { - height: 300px; - } - .user-profile .hovercard .info { - padding: 20px; - } - .user-profile .hovercard .info .user-designation { - border-top: 1px solid #f4f4f4; - border-bottom: 1px solid #f4f4f4; - margin-bottom: 15px; - padding: 15px 0px; - } - .user-profile .hovercard .social-media a { - margin-right: 0px; - font-size: 16px; - } - .user-profile .hovercard .follow .follow-num { - font-size: 20px; - } - .user-profile .profile-img-style .pictures img { - margin-bottom: 10px; - } - .custom-card .card-footer > div h6 { - font-size: 14px; - font-weight: 600; - } - .custom-card .card-footer > div h3 { - font-size: 24px; - } - .calendar-wrap .fc-toolbar .fc-center { - margin-top: 10px; - } - .calendar-wrap a.fc-more { - font-size: 0.7em; - } - .mega-inline { - display: block; - } - .megaoptions-border-space-sm { - padding-bottom: 30px !important; - } - .blog-box.blog-shadow .blog-details { - padding: 15px; - } - .blog-box.blog-shadow .blog-details p { - margin-bottom: 0; - } - .blog-box.blog-shadow .blog-details h4 { - margin-bottom: 10px; - } - .blog-box.blog-list .blog-details { - padding-top: 0; - } - .blog-box .blog-details { - padding: 20px; - } - .blog-box .blog-date span { - font-size: 25px; - } - .blog-single .blog-box .blog-details { - padding: 0; - } - .error-wrapper { - padding: 20px 0; - } - .error-wrapper .btn { - margin-top: 15px; - } - .error-wrapper .img-100 { - width: 50px !important; - } - .error-wrapper .error-heading { - margin-top: 20px; - } - .error-wrapper .error-heading .cloud-second { - margin-top: -60px; - } - .error-wrapper .error-heading .headline { - font-size: 150px; - } - .error-wrapper .maintenance-heading .cloud-second { - display: none; - } - .error-wrapper .maintenance-heading .headline { - font-size: 25px; - margin-top: -10%; - letter-spacing: 2px; - } - .comingsoon .comingsoon-inner .coming-soon-bottom-link { - margin-top: 20px; - line-height: 1; - } - .comingsoon .comingsoon-inner h5 { - margin-bottom: 20px; - margin-top: 20px; - } - .comingsoon .comingsoon-inner .countdown { - padding: 20px 0px; - } - .comingsoon .comingsoon-inner .countdown ul li { - margin: 0 7px; - } - .comingsoon .comingsoon-inner .countdown .title { - font-size: 12px; - } - .comingsoon .comingsoon-inner .countdown .time { - width: 45px; - height: 45px; - line-height: 45px; - font-size: 16px; - margin: 0 auto; - } - .form-wizard .btn-mb { - margin-bottom: 15px; - } - .stepwizard { - margin-bottom: 15px; - } - .f1 .f1-steps { - margin-top: 15px; - margin-bottom: 15px; - } - .wizard-4 ul.anchor { - width: 100%; - padding-bottom: 15px; - } - .wizard-4 .step-container { - width: 100%; - } - .status-widget .text-sm-right { - text-align: right; - } - .mega-menu { - padding-left: 15px; - } - .mega-menu .onhover-show-div { - height: 405px; - left: 0; - top: 61px; - padding: 15px; - } - .mega-menu .lg-mt { - margin-top: 10px; - } - .mega-menu .xs-mt { - margin-top: 15px; - } - .nav-md-mt { - margin-top: 15px; - } - .navs-icon { - padding: 15px; - } - .navs-icon .main-section { - padding-top: 15px; - } - .navs-icon .separator { - margin: 15px 0; - } - .nav-list { - padding: 15px; - } - .navs-dropdown button { - margin-top: 15px; - } - .navs-dropdown .onhover-show-div { - top: 64px; - } - .lg-mt { - margin-top: 15px; - } - #aniimated-thumbnials a:last-child img { - margin-bottom: 15px; - } - .tilt-showcase .mt-4 { - margin-top: 15px !important; - } - .tilt-showcase ol .m-b-20 { - margin-bottom: 15px !important; - } - .xs-mt { - margin-top: 15px; - } - span:last-child.tag-pills-sm-mb { - margin-top: 3px; - } - .animated-modal .form-group .form-control { - width: 50%; - margin: 0 auto; - } - .animated-modal .animated-modal-md-mb { - margin-bottom: 15px !important; - } - .steps-md-mt { - margin-top: 15px; - } - .steps-sizing-sm-mb { - margin-bottom: 15px; - } - .bootstrap-touchspin .touchspin-vertical-tab .input-group { - width: 96% !important; - } - #API-chield-row_wrapper #API-chield-row tbody tr td:first-child { - min-width: 20px; - } - .chart-block .flot-chart-container p#choices { - width: 100%; - } - .chart-block .flot-chart-container #toggling-series-flot { - width: 100% !important; - } - .click2edit ~ .note-editor.note-frame { - margin-bottom: 15px; - } - .ecommerce-widget .progress-showcase { - margin-top: 15px; - } - .reset-password-box .theme-form .form-group .btn { - margin-top: 13px !important; - } - .gallery-with-description a > div { - margin-bottom: 15px; - } - .gallery-img-mb-sm { - margin-bottom: 15px; - } - .xm-mb-peity { - margin-bottom: 8px; - } - .authentication-main { - padding: 30px 15px; - } - .translate_wrapper.active .more_lang:before, .translate_wrapper.active .more_lang:after { - display: none; - } - .translate_wrapper.active .more_lang.active { - position: fixed; - width: calc(100vw - 30px); - left: 15px; - top: 60px; - } - .onhover-dropdown:hover .onhover-show-div { - opacity: 0; - transform: none; - visibility: hidden; - } - .onhover-dropdown:hover .onhover-show-div.active { - opacity: 1; - transform: translateY(0px); - visibility: visible; - border-radius: 5px; - overflow: hidden; - } - .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div { - width: calc(100vw - 30px); - position: fixed; - top: 60px; - right: 12px; - } - .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { - width: calc(100vw - 30px); - position: fixed; - top: 60px; - left: 15px !important; - } - .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown { - left: 15px; - } - .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown { - top: 43px; - } - .wizard-4 .action-bar .btn { - margin: 0 2px; - } - .tabbed-card ul { - right: 0px; - left: unset; - } - .dropdown-basic .btn-group { - margin-right: unset; - } -} -@media only screen and (max-width: 480px) { - .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div { - width: 280px; - } - .page-wrapper.only-body .page-header .header-wrapper .nav-right { - display: none; - } - .chat-menu { - top: 120px; - } - .product-wrapper-grid.list-view .product-box { - display: block; - } - .product-wrapper-grid.list-view .product-box .product-img { - width: 100%; - } - .pagination-lg .page-link { - font-size: 1rem; - } - h6 { - font-size: 14px; - } - .prooduct-details-box .media-body { - margin-left: 0rem !important; - } - .knob-block .chart-clock-main { - margin: auto; - width: auto; - } - .knob-block .chart-clock-main .clock-medium { - position: absolute; - left: 33px; - top: 33px; - } - .knob-block .chart-clock-main .clock-medium canvas { - width: 180px !important; - height: 180px !important; - } - .knob-block .chart-clock-main .clock-small { - left: 34px; - top: 74px; - } - .knob-block .chart-clock-main .clock-large { - left: 0; - top: 0; - margin: 0 auto; - } - .knob-block .chart-clock-main .clock-large canvas { - width: 245px !important; - height: 245px !important; - } - .knob-block > div:not(.chart-clock-main) canvas { - width: 245px !important; - height: 245px !important; - } - .wizard-4 .action-bar .btn { - width: 100%; - } - .wizard-4 .action-bar .btn + .btn { - margin-top: 10px; - } - ul.notification-dropdown.onhover-show-div { - width: 260px; - right: -80px; - } - ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after { - right: 89px !important; - } - .inline-block-sm { - display: inline-block; - } - .pagination-lg .page-link { - padding: 0.3rem 0.65rem; - } - .nav-pills li { - width: 100%; - } - .reset-password-box { - width: 290px; - } - .icon-hover-bottom .icon-first { - margin-right: 10px; - } - .icon-hover-bottom .icon-popup .icon-class { - display: none; - } - .error-wrapper .maintenance-heading { - margin-top: 0; - } - .custom-card { - padding: 0; - } - .custom-card .card-footer > div h3 { - font-size: 20px; - } - .custom-card .card-social li { - padding: 5px 0; - } - .custom-card .profile-details h6 { - margin-bottom: 15px; - } - .custom-card .profile-details h4 { - font-size: 20px; - } - .custom-card .card-profile img { - height: 93px; - } - .card .card-header .card-header-right i { - margin: 0 3px; - font-size: 14px; - } - .card .card-header > span + span { - display: none; - } - .timeline-small .media .timeline-round.timeline-line-1:after { - bottom: -50px; - } - .timeline-small .media .timeline-round.medium-line:after { - bottom: -40px; - } - .dropdown-basic { - text-align: center; - } - .dropup-basic { - text-align: center; - } - .blog-box.blog-shadow .blog-details { - padding: 10px; - } - .blog-box.blog-shadow .blog-details h4 { - font-size: 14px; - } - .stepwizard .stepwizard-row:before { - top: 17px; - } - .stepwizard .stepwizard-row .stepwizard-step .btn { - padding: 6px 22px; - } - .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img { - width: 83px; - height: 83px; - } - .mega-menu { - padding-left: 20px; - padding-top: 3px; - } - .mega-menu .onhover-show-div { - height: 405px; - left: 0; - top: 61px; - padding: 15px; - } - .badge { - padding: 0.42em 0.7em; - } - .alert-dismissible .close { - top: -1px; - } - .alert-dismissible .close span { - font-size: 19px; - } - .notify-alert { - width: 90%; - } - .chat-box .chat-right-aside .chat .chat-header { - display: block; - } - .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons { - margin-top: 15px; - padding-left: 10px; - } -} -@media only screen and (max-width: 420px) { - .product-sidebar.open { - top: -75px; - } - .alert-theme { - font-size: 12px; - min-width: 300px; - } - .alert-theme button { - right: 30px !important; - } - .alert-theme i { - display: none; - } - .alert-theme span + span + span { - padding: 15px; - } - .and-many-more { - font-size: 37px; - } - .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link { - padding: 5px 15px 8px; - } - .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { - width: 112px; - } - .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - left: 112px; - width: 190px; - } - .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div { - width: 80px; - } - .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - left: 80px; - width: 210px; - } - .login-card .login-main .theme-form .link { - position: unset; - } -} -@media only screen and (max-width: 360px) { - .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group { - width: 45%; - } - .prooduct-details-box .close { - right: 0; - top: 5px; - } - .prooduct-details-box .btn { - padding: 4px 8px; - } - .prooduct-details-box .media { - padding: 15px; - display: block; - } - .prooduct-details-box .media .media-body { - margin-top: 15px; - } - .datepicker--nav-action { - width: 20px; - margin-left: -10px; - background-color: transparent; - } - .datepicker--nav-action path { - stroke: var(--theme-deafult); - } - .clockpicker-align-top { - top: 426px !important; - } - .note { - min-width: 250px; - } - .datepicker { - width: 239px; - } - .add-post form .m-checkbox-inline label { - margin-bottom: 8px; - } - .add-post form .m-checkbox-inline label:last-child { - margin-bottom: 0; - } - .map-js-height { - height: 250px; - } - .bar-chart-widget .earning-details i { - right: -73px; - } - .status-widget svg { - width: 18px; - height: 18px; - } - .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link { - padding: 10px 5px; - font-size: 14px; - } - .user-profile .hovercard .user-image .share-icons { - right: 6px; - top: -15px; - } - .user-profile .hovercard .user-image .share-icons li .social-icon { - width: 25px; - height: 25px; - } - .user-profile .hovercard .user-image .share-icons li .social-icon i { - font-size: 14px; - } - .social-chat .other-msg { - margin-left: 15px; - } - .social-header h5 span.pull-right { - display: none; - } - .timeline-small .media .timeline-round.timeline-line-1:after { - bottom: -74px; - height: 56px; - } - .timeline-small .media .timeline-round.small-line:after { - bottom: -32px; - height: 14px; - } - .timeline-small .media .timeline-round.medium-line:after { - bottom: -59px; - height: 40px; - } - .timeline-small .media .media-body p { - display: -webkit-box; - text-overflow: ellipsis; - -webkit-box-orient: vertical; - overflow: hidden; - -webkit-line-clamp: 4; - } - .custom-card .dashboard-card { - padding-top: 0; - } - .custom-card .card-profile img { - bottom: 25px; - } - .custom-card .card-footer > div h6 { - font-size: 12px; - } - .flot-chart-container { - height: 230px; - } - .map-block { - height: 250px; - } - .img-cropper .docs-tooltip { - font-size: 11px; - } - .img-cropper .docs-toggles .btn-group .btn { - padding: 0.375rem 0.2rem; - } - .blog-box .blog-details p { - line-height: 1.5; - } - .blog-box .blog-details .blog-social li:last-child { - padding-left: 0; - } - .blog-box .blog-details-main .blog-social li { - padding: 0 10px; - } - .button-builder-wrap .btn-lg { - font-size: 18px; - } - .tabs-responsive-side { - max-width: 100%; - } - .browser-widget .media i { - font-size: 52px; - } - .browser-widget .media .media-body h4 { - font-size: 20px; - } - .bar-chart-widget .bottom-content .num { - font-size: 17px; - } - .search-page .theme-form .input-group .form-control-plaintext { - padding-left: 10px; - } - .search-page .theme-form .input-group .btn { - padding: 6px 4px; - } - .search-page .info-block { - padding: 20px; - } - .stepwizard .stepwizard-row .stepwizard-step .btn { - padding: 6px 20px; - } - .wizard-4 ul.anchor { - padding-top: 15px; - } - .wizard-4 .msg-box { - top: 40px !important; - } - .xs-width-100 { - min-width: 100%; - } - .email-wrap .action-wrapper .actions li { - margin-right: 5px; - } - .email-wrap .email-body .attachment .list-inline .list-inline-item { - padding-right: 5px; - } - .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img { - width: 65px; - height: 65px; - } - .email-wrap .email-right-aside .email-top .dropdown-menu { - left: -58px; - } - .form-builder #components .component .form-group #button1id { - margin-bottom: 15px; - } - .default-according .card .card-header i { - font-size: 14px; - top: 24px; - } - .default-according .card .btn-link { - display: block; - width: 100%; - padding-left: 17px; - } - .star-ratings .stars .title { - line-height: 1; - } - .user-profile .hovercard .social-media a { - padding: 0 6px; - } - .bootstrap-touchspin .touchspin-vertical-tab .input-group { - width: 93% !important; - } - .step-container { - height: 280px !important; - } - .sort-panel .d-inline .btn { - margin-left: 87px; - } - .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page { - padding: 0.5em 0.62em; - } - .chat-box .chat-right-aside { - flex: 0 0 96%; - max-width: 96%; - } - .chat-box .chat-right-aside .chat .chat-message { - width: calc(100% - 20px); - } - .error-wrapper .error-heading .headline { - font-size: 100px; - } - .lg-toolbar .lg-icon { - width: 40px; - } - .calendar-wrap a.fc-more { - font-size: 0.59em; - } - .calendar-wrap .fc th { - font-size: 10px; - } - .modal-footer { - display: block; - text-align: center; - } - .order-box .qty li { - font-size: 14px; - } - .order-box .qty li span { - font-size: 14px; - } - .order-box ul li span { - text-align: right; - } - .order-box ul li label { - text-align: right; - font-size: 14px; - } - .order-box .sub-total li .count { - font-size: 14px; - } - .checkout .text-end { - text-align: left !important; - margin-top: 15px; - } -} -@media only screen and (min-width: 576px) { - .product-wrapper-grid.list-view .col-sm-6 { - flex: 0 0 100%; - max-width: 100%; - } - .sidebar-wrapper .back-btn { - display: none; - } -} -@media (width: 768px) and (height: 1024px) { - .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 210px); - } -} -/**===================== - 62. Responsive CSS Ends -==========================**/ \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index 7f8ccf5..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,36471 +0,0 @@ -/*! ----------------------------------------------------------------------------------- - - Template Name: Eswlnk Admin - Description: This is Admin theme - Author: Eswlnk - Author URI: https://blog.eswlnk.com - - */ -:root { - --theme-deafult: #7366ff; - --theme-secondary: #f73164; - --light-background: rgba(242, 243, 247, 0.7); - --body-font-color: #2F2F3B; - --chart-border: #ECF3FA; - --recent-chart-bg: #FCFCFD; - --light-bg: #F6F7F9; - --white: #fff; - --light2: #F5F6F9; - --sidebar-border: rgba(0, 0, 0, 0.1); - --chart-text-color: rgba(82, 82, 108, 0.8); - --recent-dashed-border: rgba(82, 82, 108, 0.3); - --chart-dashed-border: rgba(82, 82, 108, 0.2); - --chart-progress-light: rgba(82, 82, 108, 0.1); - --recent-box-bg: #F2F4F7; - --recent-border: rgba(97, 101, 122, 0.25); - --course-light-btn: #F2F3F7; - --course-bg: #F7F7F7; - --balance-profie-bg: #E0DFEF; - --view-grid-bg: #ECF3FA80; - --view-border-marker: #cfcdfc; - --fc-button-bg-color: var(--theme-deafult); - --fc-button-active-bg-color: var(--theme-deafult); - --fc-button-active-border-color: var(--theme-deafult); - --fc-button-border-color: var(--theme-deafult); - --fc-button-hover-bg-color: var(--theme-deafult); - --fc-button-hover-border-color: var(--theme-deafult); - --normal: #ECEAF3; - --normal-shadow: #D9D8E3; - --normal-mouth: #9795A4; - --normal-eye: #595861; - --active: #F8DA69; - --active-shadow: #F4B555; - --active-mouth: #F05136; - --active-eye: #313036; - --active-tear: #76b5e7; - --active-shadow-angry: #e94f1d; -} - -body[class=dark-only] { - --light-background: rgba(31, 32, 40, 0.65); - --recent-chart-bg: #262932; - --light-bg: #1d1e26; - --white: #262932; - --sidebar-border: rgba(255, 255, 255, 0.1); - --light2: #1d1e26; - --chart-border: #374558; - --recent-box-bg: #1d1e26; - --recent-border: #374558; - --body-font-color: rgba(255, 255, 255, 0.6); - --course-light-btn: var(--light-bg); - --view-grid-bg: var(--light-bg); - --view-border-marker: #2c2c45d4; -} - -/**===================== - 1.1 Reset CSS start -==========================**/ -.font-roboto { - font-family: Roboto, sans-serif; -} - -.f-light { - color: rgba(82, 82, 108, 0.8); -} - -svg.f-light { - fill: #52526c; - opacity: 0.8; -} - -.light-card { - background-color: var(--light-background); -} - -.light-background { - background-color: var(--light-bg); -} - -.icon-arrow-down.icon-rotate, -.icon-arrow-up.icon-rotate { - transform: rotate(-45deg); - display: inline-block; -} - -/*====== Padding css starts ======*/ -.p-0 { - padding: 0px; -} - -.p-5 { - padding: 5px; -} - -.p-10 { - padding: 10px; -} - -.p-15 { - padding: 15px; -} - -.p-20 { - padding: 20px; -} - -.p-25 { - padding: 25px; -} - -.p-30 { - padding: 30px; -} - -.p-35 { - padding: 35px; -} - -.p-40 { - padding: 40px; -} - -.p-45 { - padding: 45px; -} - -.p-50 { - padding: 50px; -} - -/*====== Padding css ends ======*/ -/*====== Padding-left css starts ======*/ -.p-l-0 { - padding-left: 0px; -} - -.p-l-5 { - padding-left: 5px; -} - -.p-l-10 { - padding-left: 10px; -} - -.p-l-15 { - padding-left: 15px; -} - -.p-l-20 { - padding-left: 20px; -} - -.p-l-25 { - padding-left: 25px; -} - -.p-l-30 { - padding-left: 30px; -} - -.p-l-35 { - padding-left: 35px; -} - -.p-l-40 { - padding-left: 40px; -} - -.p-l-45 { - padding-left: 45px; -} - -.p-l-50 { - padding-left: 50px; -} - -/*====== Padding-left css ends ======*/ -/*====== Padding-top css starts ======*/ -.p-t-0 { - padding-top: 0px !important; -} - -.p-t-5 { - padding-top: 5px !important; -} - -.p-t-10 { - padding-top: 10px !important; -} - -.p-t-15 { - padding-top: 15px !important; -} - -.p-t-20 { - padding-top: 20px !important; -} - -.p-t-25 { - padding-top: 25px !important; -} - -.p-t-30 { - padding-top: 30px !important; -} - -.p-t-35 { - padding-top: 35px !important; -} - -.p-t-40 { - padding-top: 40px !important; -} - -.p-t-45 { - padding-top: 45px !important; -} - -.p-t-50 { - padding-top: 50px !important; -} - -/*====== Padding-top css ends ======*/ -/*====== Padding-bottom css starts ======*/ -.p-b-0 { - padding-bottom: 0px !important; -} - -.p-b-5 { - padding-bottom: 5px !important; -} - -.p-b-10 { - padding-bottom: 10px !important; -} - -.p-b-15 { - padding-bottom: 15px !important; -} - -.p-b-20 { - padding-bottom: 20px !important; -} - -.p-b-25 { - padding-bottom: 25px !important; -} - -.p-b-30 { - padding-bottom: 30px !important; -} - -.p-b-35 { - padding-bottom: 35px !important; -} - -.p-b-40 { - padding-bottom: 40px !important; -} - -.p-b-45 { - padding-bottom: 45px !important; -} - -.p-b-50 { - padding-bottom: 50px !important; -} - -/*====== Padding-bottom css ends ======*/ -/*====== Padding-right css starts ======*/ -.p-r-0 { - padding-right: 0px; -} - -.p-r-5 { - padding-right: 5px; -} - -.p-r-10 { - padding-right: 10px; -} - -.p-r-15 { - padding-right: 15px; -} - -.p-r-20 { - padding-right: 20px; -} - -.p-r-25 { - padding-right: 25px; -} - -.p-r-30 { - padding-right: 30px; -} - -.p-r-35 { - padding-right: 35px; -} - -.p-r-40 { - padding-right: 40px; -} - -.p-r-45 { - padding-right: 45px; -} - -.p-r-50 { - padding-right: 50px; -} - -/*====== Padding-right css ends ======*/ -/*====== Margin css starts ======*/ -.m-0 { - margin: 0px !important; -} - -.m-5 { - margin: 5px !important; -} - -.m-10 { - margin: 10px !important; -} - -.m-15 { - margin: 15px !important; -} - -.m-20 { - margin: 20px !important; -} - -.m-25 { - margin: 25px !important; -} - -.m-30 { - margin: 30px !important; -} - -.m-35 { - margin: 35px !important; -} - -.m-40 { - margin: 40px !important; -} - -.m-45 { - margin: 45px !important; -} - -.m-50 { - margin: 50px !important; -} - -/*====== Margin css ends ======*/ -/*====== Margin-top css starts ======*/ -.m-t-0 { - margin-top: 0px !important; -} - -.m-t-5 { - margin-top: 5px !important; -} - -.m-t-10 { - margin-top: 10px !important; -} - -.m-t-15 { - margin-top: 15px !important; -} - -.m-t-20 { - margin-top: 20px !important; -} - -.m-t-25 { - margin-top: 25px !important; -} - -.m-t-30 { - margin-top: 30px !important; -} - -.m-t-35 { - margin-top: 35px !important; -} - -.m-t-40 { - margin-top: 40px !important; -} - -.m-t-45 { - margin-top: 45px !important; -} - -.m-t-50 { - margin-top: 50px !important; -} - -/*====== Margin-top css ends ======*/ -/*====== Margin-Bottom css starts ======*/ -.m-b-0 { - margin-bottom: 0px !important; -} - -.m-b-5 { - margin-bottom: 5px !important; -} - -.m-b-10 { - margin-bottom: 10px !important; -} - -.m-b-15 { - margin-bottom: 15px !important; -} - -.m-b-20 { - margin-bottom: 20px !important; -} - -.m-b-25 { - margin-bottom: 25px !important; -} - -.m-b-30 { - margin-bottom: 30px !important; -} - -.m-b-35 { - margin-bottom: 35px !important; -} - -.m-b-40 { - margin-bottom: 40px !important; -} - -.m-b-45 { - margin-bottom: 45px !important; -} - -.m-b-50 { - margin-bottom: 50px !important; -} - -/*====== Margin-Bottom css ends ======*/ -/*====== Margin-left css starts ======*/ -.m-l-0 { - margin-left: 0px !important; -} - -.m-l-5 { - margin-left: 5px !important; -} - -.m-l-10 { - margin-left: 10px !important; -} - -.m-l-15 { - margin-left: 15px !important; -} - -.m-l-20 { - margin-left: 20px !important; -} - -.m-l-25 { - margin-left: 25px !important; -} - -.m-l-30 { - margin-left: 30px !important; -} - -.m-l-35 { - margin-left: 35px !important; -} - -.m-l-40 { - margin-left: 40px !important; -} - -.m-l-45 { - margin-left: 45px !important; -} - -.m-l-50 { - margin-left: 50px !important; -} - -/*====== Margin-left css ends ======*/ -/*====== Margin-right css starts ======*/ -.m-r-0 { - margin-right: 0px; -} - -.m-r-5 { - margin-right: 5px; -} - -.m-r-10 { - margin-right: 10px; -} - -.m-r-15 { - margin-right: 15px; -} - -.m-r-20 { - margin-right: 20px; -} - -.m-r-25 { - margin-right: 25px; -} - -.m-r-30 { - margin-right: 30px; -} - -.m-r-35 { - margin-right: 35px; -} - -.m-r-40 { - margin-right: 40px; -} - -.m-r-45 { - margin-right: 45px; -} - -.m-r-50 { - margin-right: 50px; -} - -/*====== Margin-right css ends ======*/ -/*====== Border-radius css starts ======*/ -.b-r-0 { - border-radius: 0px !important; -} - -.b-r-1 { - border-radius: 1px !important; -} - -.b-r-2 { - border-radius: 2px !important; -} - -.b-r-3 { - border-radius: 3px !important; -} - -.b-r-4 { - border-radius: 4px !important; -} - -.b-r-5 { - border-radius: 5px !important; -} - -.b-r-6 { - border-radius: 6px !important; -} - -.b-r-7 { - border-radius: 7px !important; -} - -.b-r-8 { - border-radius: 8px !important; -} - -.b-r-9 { - border-radius: 9px !important; -} - -.b-r-10 { - border-radius: 10px !important; -} - -/*====== Border-radius css ends ======*/ -/*====== Font-size css starts ======*/ -.f-12 { - font-size: 12px !important; -} - -.f-14 { - font-size: 14px !important; -} - -.f-16 { - font-size: 16px !important; -} - -.f-18 { - font-size: 18px !important; -} - -.f-20 { - font-size: 20px !important; -} - -.f-22 { - font-size: 22px !important; -} - -.f-24 { - font-size: 24px !important; -} - -.f-26 { - font-size: 26px !important; -} - -.f-28 { - font-size: 28px !important; -} - -.f-30 { - font-size: 30px !important; -} - -.f-32 { - font-size: 32px !important; -} - -.f-34 { - font-size: 34px !important; -} - -.f-36 { - font-size: 36px !important; -} - -.f-38 { - font-size: 38px !important; -} - -.f-40 { - font-size: 40px !important; -} - -.f-42 { - font-size: 42px !important; -} - -.f-44 { - font-size: 44px !important; -} - -.f-46 { - font-size: 46px !important; -} - -.f-48 { - font-size: 48px !important; -} - -.f-50 { - font-size: 50px !important; -} - -.f-52 { - font-size: 52px !important; -} - -.f-54 { - font-size: 54px !important; -} - -.f-56 { - font-size: 56px !important; -} - -.f-58 { - font-size: 58px !important; -} - -.f-60 { - font-size: 60px !important; -} - -.f-62 { - font-size: 62px !important; -} - -.f-64 { - font-size: 64px !important; -} - -.f-66 { - font-size: 66px !important; -} - -.f-68 { - font-size: 68px !important; -} - -.f-70 { - font-size: 70px !important; -} - -.f-72 { - font-size: 72px !important; -} - -.f-74 { - font-size: 74px !important; -} - -.f-76 { - font-size: 76px !important; -} - -.f-78 { - font-size: 78px !important; -} - -.f-80 { - font-size: 80px !important; -} - -.f-82 { - font-size: 82px !important; -} - -.f-84 { - font-size: 84px !important; -} - -.f-86 { - font-size: 86px !important; -} - -.f-88 { - font-size: 88px !important; -} - -.f-90 { - font-size: 90px !important; -} - -.f-92 { - font-size: 92px !important; -} - -.f-94 { - font-size: 94px !important; -} - -.f-96 { - font-size: 96px !important; -} - -.f-98 { - font-size: 98px !important; -} - -.f-100 { - font-size: 100px !important; -} - -/*====== Font-size css ends ======*/ -/*====== Font-weight css starts ======*/ -.f-w-100 { - font-weight: 100; -} - -.f-w-300 { - font-weight: 300; -} - -.f-w-500 { - font-weight: 500; -} - -.f-w-400 { - font-weight: 400; -} - -.f-w-600 { - font-weight: 600; -} - -.f-w-700 { - font-weight: 700; -} - -.f-w-900 { - font-weight: 900; -} - -/*====== Font-weight css ends ======*/ -/*====== Font-style css starts ======*/ -.f-s-normal { - font-style: normal; -} - -.f-s-italic { - font-style: italic; -} - -.f-s-oblique { - font-style: oblique; -} - -.f-s-initial { - font-style: initial; -} - -.f-s-inherit { - font-style: inherit; -} - -/*====== Font-style css ends ======*/ -/*====== Text-Decoration css starts ======*/ -.text-overline { - text-decoration: overline; -} - -.text-line-through { - text-decoration: line-through; -} - -.text-underline { - text-decoration: underline; -} - -.text-dashed { - text-decoration: dashed; -} - -.text-blink { - text-decoration: blink; -} - -.text-dotted { - text-decoration: dotted; -} - -.text-initial { - text-decoration: initial; -} - -.text-none { - text-decoration: none; -} - -.text-solid { - text-decoration: solid; -} - -.text-wavy { - text-decoration: wavy; -} - -.text-inherit { - text-decoration: inherit; -} - -.text-double { - text-decoration: double; -} - -/*====== Text-Decoration css ends ======*/ -/*====== Vertical-Align css starts ======*/ -.baseline { - vertical-align: baseline; -} - -.sub { - vertical-align: sub; -} - -.super { - vertical-align: super; -} - -.top { - vertical-align: top; -} - -.text-top { - vertical-align: text-top; -} - -.middle { - vertical-align: middle; -} - -.bottom { - vertical-align: bottom; -} - -.text-bottom { - vertical-align: text-bottom; -} - -.initial { - vertical-align: initial; -} - -.inherit { - vertical-align: inherit; -} - -/*====== Vertical-Align css ends ======*/ -/*====== Position css starts ======*/ -.p-static { - position: static; -} - -.p-absolute { - position: absolute; -} - -.p-fixed { - position: fixed; -} - -.p-relative { - position: relative; -} - -.p-initial { - position: initial; -} - -.p-inherit { - position: inherit; -} - -/*====== Position css ends ======*/ -/*====== Float css starts ======*/ -.f-left { - float: left; -} - -.f-right { - float: right; -} - -.f-none { - float: none; -} - -/*====== Float css ends ======*/ -/*====== Overflow css starts ======*/ -.o-hidden { - overflow: hidden; -} - -.o-visible { - overflow: visible; -} - -.o-auto { - overflow: auto; -} - -/*====== Overflow css ends ======*/ -/*====== Image-sizes css starts ======*/ -.img-10 { - width: 10px !important; -} - -.img-h-10 { - height: 10px !important; -} - -.img-20 { - width: 20px !important; -} - -.img-h-20 { - height: 20px !important; -} - -.img-30 { - width: 30px !important; -} - -.img-h-30 { - height: 30px !important; -} - -.img-40 { - width: 40px !important; -} - -.img-h-40 { - height: 40px !important; -} - -.img-50 { - width: 50px !important; -} - -.img-h-50 { - height: 50px !important; -} - -.img-60 { - width: 60px !important; -} - -.img-h-60 { - height: 60px !important; -} - -.img-70 { - width: 70px !important; -} - -.img-h-70 { - height: 70px !important; -} - -.img-80 { - width: 80px !important; -} - -.img-h-80 { - height: 80px !important; -} - -.img-90 { - width: 90px !important; -} - -.img-h-90 { - height: 90px !important; -} - -.img-100 { - width: 100px !important; -} - -.img-h-100 { - height: 100px !important; -} - -/*====== Image-sizes css ends ======*/ -/*======= Text css starts ===========*/ -.font-primary { - color: #7366FF !important; -} - -.font-secondary { - color: #FF3364 !important; -} - -.font-success { - color: #54BA4A !important; -} - -.font-danger { - color: #FC4438 !important; -} - -.font-info { - color: #16C7F9 !important; -} - -.font-light { - color: #f4f4f4 !important; -} - -.font-dark { - color: #2c323f !important; -} - -.font-warning { - color: #FFAA05 !important; -} - -.font-primary { - color: var(--theme-deafult) !important; -} - -.font-secondary { - color: var(--theme-secondary) !important; -} - -/*======= Text css ends ===========*/ -/*======= Label-color css starts ======= */ -.label { - border-radius: 2px; - color: #fff; - font-size: 12px; - line-height: 1; - margin-bottom: 0; - text-transform: capitalize; -} - -.label-theme { - background-color: #7366FF; -} - -.label-primary { - background-color: #7366FF; -} - -.label-secondary { - background-color: #FF3364; -} - -.label-success { - background-color: #54BA4A; -} - -.label-danger { - background-color: #FC4438; -} - -.label-info { - background-color: #16C7F9; -} - -.label-light { - background-color: #f4f4f4; -} - -.label-dark { - background-color: #2c323f; -} - -.label-warning { - background-color: #FFAA05; -} - -/*======= Label-color css ends ======= */ -/*======= Badge-color css starts ======= */ -.badge-primary { - background-color: #7366FF; -} - -.badge-secondary { - background-color: #FF3364; -} - -.badge-success { - background-color: #54BA4A; -} - -.badge-danger { - background-color: #FC4438; -} - -.badge-info { - background-color: #16C7F9; -} - -.badge-light { - background-color: #f4f4f4; -} - -.badge-dark { - background-color: #2c323f; -} - -.badge-warning { - background-color: #FFAA05; -} - -.badge-primary { - background-color: var(--theme-deafult) !important; -} - -.badge-secondary { - background-color: var(--theme-secondary) !important; -} - -/*======= Badge-color css end ======= */ -/*======= Background-color css starts ======= */ -.bg-primary { - background-color: #7366FF !important; - color: #fff; -} - -.bg-light-primary { - background-color: rgba(115, 102, 255, 0.1) !important; - color: #fff; -} - -.bg-secondary { - background-color: #FF3364 !important; - color: #fff; -} - -.bg-light-secondary { - background-color: rgba(255, 51, 100, 0.1) !important; - color: #fff; -} - -.bg-success { - background-color: #54BA4A !important; - color: #fff; -} - -.bg-light-success { - background-color: rgba(84, 186, 74, 0.1) !important; - color: #fff; -} - -.bg-danger { - background-color: #FC4438 !important; - color: #fff; -} - -.bg-light-danger { - background-color: rgba(252, 68, 56, 0.1) !important; - color: #fff; -} - -.bg-info { - background-color: #16C7F9 !important; - color: #fff; -} - -.bg-light-info { - background-color: rgba(22, 199, 249, 0.1) !important; - color: #fff; -} - -.bg-light { - background-color: #f4f4f4 !important; - color: #fff; -} - -.bg-light-light { - background-color: rgba(244, 244, 244, 0.1) !important; - color: #fff; -} - -.bg-dark { - background-color: #2c323f !important; - color: #fff; -} - -.bg-light-dark { - background-color: rgba(44, 50, 63, 0.1) !important; - color: #fff; -} - -.bg-warning { - background-color: #FFAA05 !important; - color: #fff; -} - -.bg-light-warning { - background-color: rgba(255, 170, 5, 0.1) !important; - color: #fff; -} - -.bg-primary { - background-color: var(--theme-deafult) !important; -} - -.bg-secondary { - background-color: var(--theme-secondary) !important; -} - -/*======= Background-color css end ======= */ -/*======= Font-color css starts ======= */ -.txt-primary { - color: #7366FF !important; -} - -.txt-secondary { - color: #FF3364 !important; -} - -.txt-success { - color: #54BA4A !important; -} - -.txt-danger { - color: #FC4438 !important; -} - -.txt-info { - color: #16C7F9 !important; -} - -.txt-light { - color: #f4f4f4 !important; -} - -.txt-dark { - color: #2c323f !important; -} - -.txt-warning { - color: #FFAA05 !important; -} - -.txt-google-plus { - color: #c64e40 !important; -} - -.txt-twitter { - color: #6fa2d8 !important; -} - -.txt-linkedin { - color: #0077B5 !important; -} - -.txt-fb { - color: #50598e !important; -} - -.txt-primary { - color: var(--theme-deafult) !important; -} - -.txt-secondary { - color: var(--theme-secondary) !important; -} - -/*======= Font-color css end ======= */ -/*======= Button-color css starts ======= */ -@keyframes push { - 50% { - transform: scale(0.95); - } - 100% { - transform: scale(1); - } -} -.btn-primary { - background-color: #7366FF !important; - border-color: #7366FF !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-primary.disabled, .btn-primary:disabled { - background-color: #7366FF !important; - border-color: #7366FF !important; -} -.btn-primary:focus { - box-shadow: 0 0 0 0.2rem white; -} - -.btn-secondary { - background-color: #FF3364 !important; - border-color: #FF3364 !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-secondary.disabled, .btn-secondary:disabled { - background-color: #FF3364 !important; - border-color: #FF3364 !important; -} -.btn-secondary:focus { - box-shadow: 0 0 0 0.2rem #ffccd8; -} - -.btn-success { - background-color: #54BA4A !important; - border-color: #54BA4A !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-success.disabled, .btn-success:disabled { - background-color: #54BA4A !important; - border-color: #54BA4A !important; -} -.btn-success:focus { - box-shadow: 0 0 0 0.2rem #bde4b9; -} - -.btn-danger { - background-color: #FC4438 !important; - border-color: #FC4438 !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-danger.disabled, .btn-danger:disabled { - background-color: #FC4438 !important; - border-color: #FC4438 !important; -} -.btn-danger:focus { - box-shadow: 0 0 0 0.2rem #fed2cf; -} - -.btn-info { - background-color: #16C7F9 !important; - border-color: #16C7F9 !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); - color: #fff; -} -.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { - color: #fff; -} -.btn-info.disabled, .btn-info:disabled { - background-color: #16C7F9 !important; - border-color: #16C7F9 !important; -} -.btn-info:focus { - box-shadow: 0 0 0 0.2rem #abebfd; -} - -.btn-light { - background-color: #f4f4f4 !important; - border-color: #f4f4f4 !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-light.disabled, .btn-light:disabled { - background-color: #f4f4f4 !important; - border-color: #f4f4f4 !important; -} -.btn-light:focus { - box-shadow: 0 0 0 0.2rem white; -} - -.btn-dark { - background-color: #2c323f !important; - border-color: #2c323f !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-dark.disabled, .btn-dark:disabled { - background-color: #2c323f !important; - border-color: #2c323f !important; -} -.btn-dark:focus { - box-shadow: 0 0 0 0.2rem #6c7a98; -} - -.btn-warning { - background-color: #FFAA05 !important; - border-color: #FFAA05 !important; - -webkit-tap-highlight-color: transparent; - transform: translateZ(0); -} -.btn-warning.disabled, .btn-warning:disabled { - background-color: #FFAA05 !important; - border-color: #FFAA05 !important; -} -.btn-warning:focus { - box-shadow: 0 0 0 0.2rem #ffde9e; -} - -.btn-light { - background-color: rgba(115, 102, 255, 0.06) !important; - border-color: rgba(115, 102, 255, 0.06) !important; -} -.btn-light:hover { - background-color: rgba(115, 102, 255, 0.1) !important; - border-color: rgba(115, 102, 255, 0.1) !important; -} - -.btn-primary { - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult) !important; -} - -.btn-secondary { - background-color: var(--theme-secondary) !important; - border-color: var(--theme-secondary) !important; -} - -.btn-hover-effect:hover { - animation: push 0.5s linear 1; -} - -/*======= Button-color css ends ======= */ -.btn-outline-primary-2x { - border-width: 2px; - border-color: #7366FF; - color: #7366FF; - background-color: transparent; -} -.btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active { - color: white; - background-color: #4433ff !important; - border-color: #4433ff !important; - box-shadow: none; -} - -.btn-outline-secondary-2x { - border-width: 2px; - border-color: #FF3364; - color: #FF3364; - background-color: transparent; -} -.btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active { - color: white; - background-color: #ff003d !important; - border-color: #ff003d !important; - box-shadow: none; -} - -.btn-outline-success-2x { - border-width: 2px; - border-color: #54BA4A; - color: #54BA4A; - background-color: transparent; -} -.btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active { - color: white; - background-color: #42973a !important; - border-color: #42973a !important; - box-shadow: none; -} - -.btn-outline-danger-2x { - border-width: 2px; - border-color: #FC4438; - color: #FC4438; - background-color: transparent; -} -.btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active { - color: white; - background-color: #fb1506 !important; - border-color: #fb1506 !important; - box-shadow: none; -} - -.btn-outline-info-2x { - border-width: 2px; - border-color: #16C7F9; - color: #16C7F9; - background-color: transparent; -} -.btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active { - color: white; - background-color: #06a8d6 !important; - border-color: #06a8d6 !important; - box-shadow: none; -} - -.btn-outline-light-2x { - border-width: 2px; - border-color: #f4f4f4; - color: #f4f4f4; - background-color: transparent; -} -.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active { - color: white; - background-color: #dbdbdb !important; - border-color: #dbdbdb !important; - box-shadow: none; -} - -.btn-outline-dark-2x { - border-width: 2px; - border-color: #2c323f; - color: #2c323f; - background-color: transparent; -} -.btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active { - color: white; - background-color: #171a21 !important; - border-color: #171a21 !important; - box-shadow: none; -} - -.btn-outline-warning-2x { - border-width: 2px; - border-color: #FFAA05; - color: #FFAA05; - background-color: transparent; -} -.btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active { - color: white; - background-color: #d18a00 !important; - border-color: #d18a00 !important; - box-shadow: none; -} - -.btn-outline-primary { - border-color: #7366FF; - color: #7366FF; - background-color: transparent; -} -.btn-outline-primary.disabled { - color: #7366FF; -} -.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active { - color: white; - background-color: #4433ff !important; - border-color: #4433ff !important; -} - -.btn-outline-secondary { - border-color: #FF3364; - color: #FF3364; - background-color: transparent; -} -.btn-outline-secondary.disabled { - color: #FF3364; -} -.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active { - color: white; - background-color: #ff003d !important; - border-color: #ff003d !important; -} - -.btn-outline-success { - border-color: #54BA4A; - color: #54BA4A; - background-color: transparent; -} -.btn-outline-success.disabled { - color: #54BA4A; -} -.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active { - color: white; - background-color: #42973a !important; - border-color: #42973a !important; -} - -.btn-outline-danger { - border-color: #FC4438; - color: #FC4438; - background-color: transparent; -} -.btn-outline-danger.disabled { - color: #FC4438; -} -.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active { - color: white; - background-color: #fb1506 !important; - border-color: #fb1506 !important; -} - -.btn-outline-info { - border-color: #16C7F9; - color: #16C7F9; - background-color: transparent; -} -.btn-outline-info.disabled { - color: #16C7F9; -} -.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active { - color: white; - background-color: #06a8d6 !important; - border-color: #06a8d6 !important; -} - -.btn-outline-light { - border-color: #f4f4f4; - color: #f4f4f4; - background-color: transparent; - color: #2F2F3B; -} -.btn-outline-light.disabled { - color: #f4f4f4; -} -.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active { - color: white; - background-color: #dbdbdb !important; - border-color: #dbdbdb !important; -} - -.btn-outline-dark { - border-color: #2c323f; - color: #2c323f; - background-color: transparent; -} -.btn-outline-dark.disabled { - color: #2c323f; -} -.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active { - color: white; - background-color: #171a21 !important; - border-color: #171a21 !important; -} - -.btn-outline-warning { - border-color: #FFAA05; - color: #FFAA05; - background-color: transparent; -} -.btn-outline-warning.disabled { - color: #FFAA05; -} -.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active { - color: white; - background-color: #d18a00 !important; - border-color: #d18a00 !important; -} - -.btn-primary:not([disabled]):not(.disabled).active { - background-color: #4433ff; - border-color: #4433ff; - box-shadow: none !important; -} -.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:active, .btn-primary:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #4433ff; - border-color: #4433ff; -} - -.btn-secondary:not([disabled]):not(.disabled).active { - background-color: #ff003d; - border-color: #ff003d; - box-shadow: none !important; -} -.btn-secondary:not([disabled]):not(.disabled).active:hover, .btn-secondary:not([disabled]):not(.disabled).active:focus, .btn-secondary:not([disabled]):not(.disabled).active:active, .btn-secondary:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #ff003d; - border-color: #ff003d; -} - -.btn-success:not([disabled]):not(.disabled).active { - background-color: #42973a; - border-color: #42973a; - box-shadow: none !important; -} -.btn-success:not([disabled]):not(.disabled).active:hover, .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled).active:active, .btn-success:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #42973a; - border-color: #42973a; -} - -.btn-danger:not([disabled]):not(.disabled).active { - background-color: #fb1506; - border-color: #fb1506; - box-shadow: none !important; -} -.btn-danger:not([disabled]):not(.disabled).active:hover, .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled).active:active, .btn-danger:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #fb1506; - border-color: #fb1506; -} - -.btn-info:not([disabled]):not(.disabled).active { - background-color: #06a8d6; - border-color: #06a8d6; - box-shadow: none !important; -} -.btn-info:not([disabled]):not(.disabled).active:hover, .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled).active:active, .btn-info:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #06a8d6; - border-color: #06a8d6; -} - -.btn-light:not([disabled]):not(.disabled).active { - background-color: #dbdbdb; - border-color: #dbdbdb; - box-shadow: none !important; -} -.btn-light:not([disabled]):not(.disabled).active:hover, .btn-light:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled).active:active, .btn-light:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #dbdbdb; - border-color: #dbdbdb; -} - -.btn-dark:not([disabled]):not(.disabled).active { - background-color: #171a21; - border-color: #171a21; - box-shadow: none !important; -} -.btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active:active, .btn-dark:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #171a21; - border-color: #171a21; -} - -.btn-warning:not([disabled]):not(.disabled).active { - background-color: #d18a00; - border-color: #d18a00; - box-shadow: none !important; -} -.btn-warning:not([disabled]):not(.disabled).active:hover, .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled).active:active, .btn-warning:not([disabled]):not(.disabled).active.active { - color: white; - background-color: #d18a00; - border-color: #d18a00; -} - -.btn-outline-primary-2x:not([disabled]):not(.disabled).active { - background-color: #7366FF; - border-color: #7366FF; - box-shadow: none !important; - color: white; -} -.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-primary-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #4433ff !important; - border-color: #4433ff !important; -} - -.btn-outline-secondary-2x:not([disabled]):not(.disabled).active { - background-color: #FF3364; - border-color: #FF3364; - box-shadow: none !important; - color: white; -} -.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #ff003d !important; - border-color: #ff003d !important; -} - -.btn-outline-success-2x:not([disabled]):not(.disabled).active { - background-color: #54BA4A; - border-color: #54BA4A; - box-shadow: none !important; - color: white; -} -.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-success-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-success-2x:not([disabled]):not(.disabled).active:active, .btn-outline-success-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #42973a !important; - border-color: #42973a !important; -} - -.btn-outline-danger-2x:not([disabled]):not(.disabled).active { - background-color: #FC4438; - border-color: #FC4438; - box-shadow: none !important; - color: white; -} -.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:active, .btn-outline-danger-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #fb1506 !important; - border-color: #fb1506 !important; -} - -.btn-outline-info-2x:not([disabled]):not(.disabled).active { - background-color: #16C7F9; - border-color: #16C7F9; - box-shadow: none !important; - color: white; -} -.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-info-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-info-2x:not([disabled]):not(.disabled).active:active, .btn-outline-info-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #06a8d6 !important; - border-color: #06a8d6 !important; -} - -.btn-outline-light-2x:not([disabled]):not(.disabled).active { - background-color: #f4f4f4; - border-color: #f4f4f4; - box-shadow: none !important; - color: white; -} -.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-light-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-light-2x:not([disabled]):not(.disabled).active:active, .btn-outline-light-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #dbdbdb !important; - border-color: #dbdbdb !important; -} - -.btn-outline-dark-2x:not([disabled]):not(.disabled).active { - background-color: #2c323f; - border-color: #2c323f; - box-shadow: none !important; - color: white; -} -.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:active, .btn-outline-dark-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #171a21 !important; - border-color: #171a21 !important; -} - -.btn-outline-warning-2x:not([disabled]):not(.disabled).active { - background-color: #FFAA05; - border-color: #FFAA05; - box-shadow: none !important; - color: white; -} -.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:active, .btn-outline-warning-2x:not([disabled]):not(.disabled).active.active { - color: white; - box-shadow: none !important; - background-color: #d18a00 !important; - border-color: #d18a00 !important; -} - -/*======= Table-Border-Bottom-color css starts ======= */ -table thead .border-bottom-primary th, -table tbody .border-bottom-primary th, -table tbody .border-bottom-primary td { - border-bottom: 1px solid #7366FF !important; -} - -table thead .border-bottom-secondary th, -table tbody .border-bottom-secondary th, -table tbody .border-bottom-secondary td { - border-bottom: 1px solid #FF3364 !important; -} - -table thead .border-bottom-success th, -table tbody .border-bottom-success th, -table tbody .border-bottom-success td { - border-bottom: 1px solid #54BA4A !important; -} - -table thead .border-bottom-danger th, -table tbody .border-bottom-danger th, -table tbody .border-bottom-danger td { - border-bottom: 1px solid #FC4438 !important; -} - -table thead .border-bottom-info th, -table tbody .border-bottom-info th, -table tbody .border-bottom-info td { - border-bottom: 1px solid #16C7F9 !important; -} - -table thead .border-bottom-light th, -table tbody .border-bottom-light th, -table tbody .border-bottom-light td { - border-bottom: 1px solid #f4f4f4 !important; -} - -table thead .border-bottom-dark th, -table tbody .border-bottom-dark th, -table tbody .border-bottom-dark td { - border-bottom: 1px solid #2c323f !important; -} - -table thead .border-bottom-warning th, -table tbody .border-bottom-warning th, -table tbody .border-bottom-warning td { - border-bottom: 1px solid #FFAA05 !important; -} - -/*======= Table-Border-Bottom-color css ends ======= */ -/*======= Table styling css starts ======= */ -.table-styling .table-primary, -.table-styling.table-primary { - background-color: #7366FF; - color: #fff; - border: 3px solid #7366FF; -} -.table-styling .table-primary thead, -.table-styling.table-primary thead { - background-color: #4433ff; - border: 3px solid #4433ff; -} -.table-styling .table-primary th, -.table-styling .table-primary td, -.table-styling.table-primary th, -.table-styling.table-primary td { - background-color: transparent; -} - -.table-styling .table-secondary, -.table-styling.table-secondary { - background-color: #FF3364; - color: #fff; - border: 3px solid #FF3364; -} -.table-styling .table-secondary thead, -.table-styling.table-secondary thead { - background-color: #ff003d; - border: 3px solid #ff003d; -} -.table-styling .table-secondary th, -.table-styling .table-secondary td, -.table-styling.table-secondary th, -.table-styling.table-secondary td { - background-color: transparent; -} - -.table-styling .table-success, -.table-styling.table-success { - background-color: #54BA4A; - color: #fff; - border: 3px solid #54BA4A; -} -.table-styling .table-success thead, -.table-styling.table-success thead { - background-color: #42973a; - border: 3px solid #42973a; -} -.table-styling .table-success th, -.table-styling .table-success td, -.table-styling.table-success th, -.table-styling.table-success td { - background-color: transparent; -} - -.table-styling .table-danger, -.table-styling.table-danger { - background-color: #FC4438; - color: #fff; - border: 3px solid #FC4438; -} -.table-styling .table-danger thead, -.table-styling.table-danger thead { - background-color: #fb1506; - border: 3px solid #fb1506; -} -.table-styling .table-danger th, -.table-styling .table-danger td, -.table-styling.table-danger th, -.table-styling.table-danger td { - background-color: transparent; -} - -.table-styling .table-info, -.table-styling.table-info { - background-color: #16C7F9; - color: #fff; - border: 3px solid #16C7F9; -} -.table-styling .table-info thead, -.table-styling.table-info thead { - background-color: #06a8d6; - border: 3px solid #06a8d6; -} -.table-styling .table-info th, -.table-styling .table-info td, -.table-styling.table-info th, -.table-styling.table-info td { - background-color: transparent; -} - -.table-styling .table-light, -.table-styling.table-light { - background-color: #f4f4f4; - color: #fff; - border: 3px solid #f4f4f4; -} -.table-styling .table-light thead, -.table-styling.table-light thead { - background-color: #dbdbdb; - border: 3px solid #dbdbdb; -} -.table-styling .table-light th, -.table-styling .table-light td, -.table-styling.table-light th, -.table-styling.table-light td { - background-color: transparent; -} - -.table-styling .table-dark, -.table-styling.table-dark { - background-color: #2c323f; - color: #fff; - border: 3px solid #2c323f; -} -.table-styling .table-dark thead, -.table-styling.table-dark thead { - background-color: #171a21; - border: 3px solid #171a21; -} -.table-styling .table-dark th, -.table-styling .table-dark td, -.table-styling.table-dark th, -.table-styling.table-dark td { - background-color: transparent; -} - -.table-styling .table-warning, -.table-styling.table-warning { - background-color: #FFAA05; - color: #fff; - border: 3px solid #FFAA05; -} -.table-styling .table-warning thead, -.table-styling.table-warning thead { - background-color: #d18a00; - border: 3px solid #d18a00; -} -.table-styling .table-warning th, -.table-styling .table-warning td, -.table-styling.table-warning th, -.table-styling.table-warning td { - background-color: transparent; -} - -/*======= Table styling css ends ======= */ -/*======= All-Borders-color css starts ======= */ -.b-primary { - border: 1px solid #7366FF !important; -} - -.b-t-primary { - border-top: 1px solid #7366FF !important; -} - -.border-t-primary { - border-top: 1px solid #7366FF !important; -} - -.b-b-primary { - border-bottom: 1px solid #7366FF !important; -} - -.border-b-primary { - border-bottom: 1px solid #7366FF !important; -} - -.b-l-primary { - border-left: 1px solid #7366FF !important; -} - -.border-l-primary { - border-left: 1px solid #7366FF !important; -} - -.b-r-primary { - border-right: 1px solid #7366FF !important; -} - -.border-r-primary { - border-right: 1px solid #7366FF !important; -} - -.b-secondary { - border: 1px solid #FF3364 !important; -} - -.b-t-secondary { - border-top: 1px solid #FF3364 !important; -} - -.border-t-secondary { - border-top: 1px solid #FF3364 !important; -} - -.b-b-secondary { - border-bottom: 1px solid #FF3364 !important; -} - -.border-b-secondary { - border-bottom: 1px solid #FF3364 !important; -} - -.b-l-secondary { - border-left: 1px solid #FF3364 !important; -} - -.border-l-secondary { - border-left: 1px solid #FF3364 !important; -} - -.b-r-secondary { - border-right: 1px solid #FF3364 !important; -} - -.border-r-secondary { - border-right: 1px solid #FF3364 !important; -} - -.b-success { - border: 1px solid #54BA4A !important; -} - -.b-t-success { - border-top: 1px solid #54BA4A !important; -} - -.border-t-success { - border-top: 1px solid #54BA4A !important; -} - -.b-b-success { - border-bottom: 1px solid #54BA4A !important; -} - -.border-b-success { - border-bottom: 1px solid #54BA4A !important; -} - -.b-l-success { - border-left: 1px solid #54BA4A !important; -} - -.border-l-success { - border-left: 1px solid #54BA4A !important; -} - -.b-r-success { - border-right: 1px solid #54BA4A !important; -} - -.border-r-success { - border-right: 1px solid #54BA4A !important; -} - -.b-danger { - border: 1px solid #FC4438 !important; -} - -.b-t-danger { - border-top: 1px solid #FC4438 !important; -} - -.border-t-danger { - border-top: 1px solid #FC4438 !important; -} - -.b-b-danger { - border-bottom: 1px solid #FC4438 !important; -} - -.border-b-danger { - border-bottom: 1px solid #FC4438 !important; -} - -.b-l-danger { - border-left: 1px solid #FC4438 !important; -} - -.border-l-danger { - border-left: 1px solid #FC4438 !important; -} - -.b-r-danger { - border-right: 1px solid #FC4438 !important; -} - -.border-r-danger { - border-right: 1px solid #FC4438 !important; -} - -.b-info { - border: 1px solid #16C7F9 !important; -} - -.b-t-info { - border-top: 1px solid #16C7F9 !important; -} - -.border-t-info { - border-top: 1px solid #16C7F9 !important; -} - -.b-b-info { - border-bottom: 1px solid #16C7F9 !important; -} - -.border-b-info { - border-bottom: 1px solid #16C7F9 !important; -} - -.b-l-info { - border-left: 1px solid #16C7F9 !important; -} - -.border-l-info { - border-left: 1px solid #16C7F9 !important; -} - -.b-r-info { - border-right: 1px solid #16C7F9 !important; -} - -.border-r-info { - border-right: 1px solid #16C7F9 !important; -} - -.b-light { - border: 1px solid #f4f4f4 !important; -} - -.b-t-light { - border-top: 1px solid #f4f4f4 !important; -} - -.border-t-light { - border-top: 1px solid #f4f4f4 !important; -} - -.b-b-light { - border-bottom: 1px solid #f4f4f4 !important; -} - -.border-b-light { - border-bottom: 1px solid #f4f4f4 !important; -} - -.b-l-light { - border-left: 1px solid #f4f4f4 !important; -} - -.border-l-light { - border-left: 1px solid #f4f4f4 !important; -} - -.b-r-light { - border-right: 1px solid #f4f4f4 !important; -} - -.border-r-light { - border-right: 1px solid #f4f4f4 !important; -} - -.b-dark { - border: 1px solid #2c323f !important; -} - -.b-t-dark { - border-top: 1px solid #2c323f !important; -} - -.border-t-dark { - border-top: 1px solid #2c323f !important; -} - -.b-b-dark { - border-bottom: 1px solid #2c323f !important; -} - -.border-b-dark { - border-bottom: 1px solid #2c323f !important; -} - -.b-l-dark { - border-left: 1px solid #2c323f !important; -} - -.border-l-dark { - border-left: 1px solid #2c323f !important; -} - -.b-r-dark { - border-right: 1px solid #2c323f !important; -} - -.border-r-dark { - border-right: 1px solid #2c323f !important; -} - -.b-warning { - border: 1px solid #FFAA05 !important; -} - -.b-t-warning { - border-top: 1px solid #FFAA05 !important; -} - -.border-t-warning { - border-top: 1px solid #FFAA05 !important; -} - -.b-b-warning { - border-bottom: 1px solid #FFAA05 !important; -} - -.border-b-warning { - border-bottom: 1px solid #FFAA05 !important; -} - -.b-l-warning { - border-left: 1px solid #FFAA05 !important; -} - -.border-l-warning { - border-left: 1px solid #FFAA05 !important; -} - -.b-r-warning { - border-right: 1px solid #FFAA05 !important; -} - -.border-r-warning { - border-right: 1px solid #FFAA05 !important; -} - -/*======= All-Borders-color css ends ======= */ -/*====== Border width css starts ======*/ -.border-1 { - border-width: 1px !important; -} - -.border-2 { - border-width: 2px !important; -} - -.border-3 { - border-width: 3px !important; -} - -.border-4 { - border-width: 4px !important; -} - -.border-5 { - border-width: 5px !important; -} - -.border-6 { - border-width: 6px !important; -} - -.border-7 { - border-width: 7px !important; -} - -.border-8 { - border-width: 8px !important; -} - -.border-9 { - border-width: 9px !important; -} - -.border-10 { - border-width: 10px !important; -} - -/*====== Border width css ends ======*/ -.opacity-0 { - opacity: 0; -} - -.map-block { - height: 350px; - width: 100%; -} - -.map-js-height { - height: 500px; -} -.map-js-height .btn-group input { - background-color: #7366FF; - color: #fff; -} -.map-js-height .btn-group input + input { - background-color: #FF3364; -} - -/**====== custom scrollbar css start ======**/ -.custom-scrollbar::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px #ecf3fa; -} -.custom-scrollbar::-webkit-scrollbar { - width: 6px; -} -.custom-scrollbar::-webkit-scrollbar-thumb { - background-color: rgba(68, 102, 242, 0.15); -} - -/**====== Custom scrollbar css end ======**/ -/**====== Animation css Start ======**/ -.comment { - color: #9f9ba5; - font-style: italic; -} - -.line { - color: #2c323f; -} -.line pre { - font-size: 100%; -} - -/**====== Animation css end ======**/ -/**====== list style css Start ======**/ -.list-circle { - list-style: circle; -} - -/**====== list style css end ======**/ -/**====== Modal style css Start ======**/ -.theme-close { - opacity: 1; - height: 40px; - width: 40px; - position: absolute; - font-weight: 400; - z-index: 1; - right: 0; - background-color: #fff !important; - border-radius: 5px; -} - -/**====== Modal style css end ======**/ -/**====== Animation css start ======**/ -.options > div { - color: #cccccc; - display: inline-block; - padding: 2px 10px; - border: 1px solid; - margin: 0 8px 8px 0; - transition: all 0.3s ease; -} -.options > div:hover { - background-color: #7366FF; - color: #fff; - transition: all 0.3s ease; -} - -/**====== Animation css Ends ======**/ -.modal-footer { - flex-wrap: wrap; -} - -.img-cropper #putData { - margin-bottom: 0; -} -.img-cropper .img-container { - min-height: auto; - margin-bottom: 0; -} -.img-cropper .docs-data > .input-group:last-child { - margin-bottom: 0; -} -.img-cropper .docs-preview { - margin-top: 20px; - margin-bottom: 10px; -} - -.dropzone .dz-preview .dz-error-message { - background: #fff !important; - color: #7366FF !important; - border: 1px solid #7366FF; -} -.dropzone .dz-preview .dz-error-message:after { - border-bottom: 6px solid #7366FF !important; -} - -.typeahead .theme-form .form-group { - margin-bottom: 0; -} - -.editor-statusbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.125); -} - -.page-builder .ge-canvas.ge-editing .row { - padding: 30px; - margin-bottom: 0; - background-color: rgba(115, 102, 255, 0.02); -} -.page-builder .btn-screen { - padding: 0 18px 0 0; -} - -.bg-overlay.active { - height: 100vh; - width: 100vw; - background-color: rgba(0, 0, 0, 0.2); - position: fixed; - z-index: 8; - top: 0; -} - -button:focus { - outline: none !important; -} - -.primary .svg-fill { - fill: var(--theme-deafult); -} -.primary .svg-fill:not(.half-circle) { - stroke: var(--theme-deafult); -} -.primary .bg-gradient { - background-image: linear-gradient(144.16deg, rgba(115, 102, 255, 0.1) 19.06%, rgba(115, 102, 255, 0) 79.03%) !important; -} - -.secondary .svg-fill { - fill: var(--theme-secondary); -} -.secondary .svg-fill:not(.half-circle) { - stroke: var(--theme-secondary); -} -.secondary .bg-gradient { - background-image: linear-gradient(144.16deg, rgba(255, 51, 100, 0.1) 19.06%, rgba(255, 51, 100, 0) 79.03%) !important; -} - -.success .svg-fill { - fill: #54BA4A; -} -.success .bg-gradient { - background-image: linear-gradient(144.16deg, rgba(84, 186, 74, 0.1) 19.06%, rgba(84, 186, 74, 0) 79.03%) !important; -} - -.warning .svg-fill { - fill: #FFAA05; -} -.warning .bg-gradient { - background-image: linear-gradient(144.16deg, rgba(255, 170, 5, 0.1) 19.06%, rgba(255, 170, 5, 0) 79.03%) !important; -} - -.dotted { - border-style: dotted; -} - -.dashed { - border-style: dashed; -} - -.double { - border-style: double; -} - -.groove { - border-style: groove; -} - -.ridge { - border-style: ridge; -} - -.inset { - border-style: inset; -} - -.outset { - border-style: outset; -} - -@keyframes fadeIncustom { - 0% { - opacity: 0; - top: 50px; - } - 75% { - opacity: 0.6; - top: 0; - } - 100% { - opacity: 1; - } -} -.daterangepicker select.monthselect, .daterangepicker select.yearselect { - border-color: #efefef; - background-color: #fff; - font-size: 14px; - color: #898989; - padding: 5px 10px; - border-radius: 5px; - width: 46%; -} - -.code-box-copy { - width: 100%; - overflow: auto; -} - -/**===================== - 1.1 Reset CSS Ends -==========================**/ -/**===================== - 1.2 Typography CSS start -==========================**/ -body { - font-size: 14px; - overflow-x: hidden; - font-family: Rubik, sans-serif; - color: #2F2F3B; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; -} - -ul { - padding-left: 0px; - list-style-type: none; - margin-bottom: 0; -} - -* a { - color: var(--theme-deafult); - text-decoration: none; - letter-spacing: 1px; -} - -.f-m-light { - margin: 0; -} - -a { - font-size: 0.875rem; - text-decoration: none; - color: var(--theme-deafult); - transition: 0.5s all; -} -a:hover { - color: var(--theme-deafult); - transition: all 0.5s all; -} -a:focus-visible { - outline: none; -} - -.btn { - font-size: 14px; -} - -*.btn:focus { - box-shadow: none !important; -} - -p { - font-size: 14px; - line-height: 1.7; - letter-spacing: 0.7px; -} - -code { - color: var(--theme-deafult) !important; - border-radius: 2px; -} - -span { - display: inline-block; -} - -.media { - display: flex; - align-items: flex-start; -} -.media .media-body { - flex: 1; -} - -blockquote { - border-left: 4px solid #7366FF; - padding: 18px; -} - -.figure.text-center blockquote { - border: none !important; -} -.figure.text-end blockquote { - border-left: none !important; - border-right: 4px solid #7366FF; -} - -.row > div { - position: relative; -} - -:focus { - outline-color: var(--theme-deafult); -} - -.disabled { - cursor: not-allowed; - opacity: 0.5; -} - -svg { - vertical-align: baseline; -} - -input:focus { - outline-color: transparent; -} - -label { - margin-bottom: 0.5rem; -} - -.media-widgets .media-body { - margin-bottom: 30px; -} - -.typography h1, -.typography .h1, -.typography h2, -.typography .h2, -.typography h3, -.typography .h3, -.typography h4, -.typography .h4, -.typography h5, -.typography .h5, -.typography h6, -.typography .h6 { - margin: 18px 0; - margin-top: 0; -} -.typography h1:last-child, -.typography .h1:last-child, -.typography h2:last-child, -.typography .h2:last-child, -.typography h3:last-child, -.typography .h3:last-child, -.typography h4:last-child, -.typography .h4:last-child, -.typography h5:last-child, -.typography .h5:last-child, -.typography h6:last-child, -.typography .h6:last-child { - margin-bottom: 0; -} -.typography small { - padding-left: 10px; - color: #2c323f; -} - -pre { - background-color: rgba(115, 102, 255, 0.03); - padding: 20px 0; -} - -.owl-theme .owl-dots .owl-dot span { - background: #d0ccff; -} -.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - background: var(--theme-deafult); -} -.owl-theme .owl-nav.disabled + .owl-dots { - margin-bottom: -10px; - margin-top: 25px; -} - -.click2edit ~ .note-editor.note-frame { - margin-bottom: 30px; -} - -.note-editor.note-frame { - border-color: #f4f4f4; -} -.note-editor.fullscreen .note-toolbar-wrapper { - height: 0 !important; -} - -.note-editor.note-frame { - border-color: #f4f4f4; -} - -.modal .modal-body .card { - box-shadow: none !important; -} - -.modal-dialog .modal-content .modal-body p a { - margin-right: 0; -} - -.notify-alert .close { - color: #fff; -} -[dir=rtl] .notify-alert .close { - right: unset !important; - left: 10px !important; -} -.notify-alert.alert-light .close { - color: #2F2F3B; -} - -.alert-theme button { - top: 45px !important; - right: 20px !important; - color: var(--theme-deafult); -} -[dir=rtl] .alert-theme button { - right: unset !important; - left: 20px !important; -} -.alert-theme span + span + span { - background-color: #fff; - color: var(--theme-deafult); - border-radius: 4px; - box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); -} -.alert-theme .close { - color: var(--theme-deafult); -} -.alert-theme i { - padding: 20px; - padding-right: 0 !important; - margin-right: 20px !important; -} -.alert-theme .progress { - margin-top: -2px !important; - height: 2px; - width: 100%; -} -.alert-theme .progress .progress-bar { - background-color: var(--theme-deafult); -} - -.alert-copy { - border: 1px solid var(--theme-deafult); - line-height: 1; - display: inline-block; - width: 300px; - color: #fff; - background-color: var(--theme-deafult); -} -.alert-copy .close { - box-shadow: none; - color: #fff; - line-height: 1.4; - font-weight: 100; - top: -15px; -} -[dir=rtl] .alert-copy .close { - right: unset !important; - left: 10px !important; -} -.alert-copy .close:focus { - outline: none; -} - -.ace-editor { - height: 400px; - width: 100%; -} - -.editor-toolbar { - width: 100% !important; -} -.editor-toolbar.fullscreen { - z-index: 100; -} - -.CodeMirror { - top: 0 !important; -} - -.CodeMirror-fullscreen { - top: 50px !important; -} - -.irs-from, -.irs-to, -.irs-single { - background: var(--theme-deafult); -} -.irs-from:after, -.irs-to:after, -.irs-single:after { - border-top-color: var(--theme-deafult); -} - -.irs-line-mid, -.irs-line-left, -.irs-line-right, -.irs-bar, -.irs-bar-edge { - background-color: var(--theme-deafult); -} - -.swal-button { - background-color: var(--theme-deafult); -} -.swal-button:active { - background-color: #5c4dff; -} - -.swal-button--cancel { - background-color: #EFEFEE !important; -} - -.clipboaard-container h6 { - line-height: 1.6; - font-size: 14px; -} - -fieldset .bootstrap-touchspin-postfix, -fieldset .bootstrap-touchspin-prefix { - border-radius: 0; - padding: 0.4rem 0.75rem; -} -fieldset .input-group-lg .touchspin { - height: 50px; -} - -.f1 .f1-steps .f1-step .f1-step-icon { - padding: 12px; -} - -.form-inline .form-group { - display: flex; -} - -.input-group-text i { - line-height: 1.5; -} - -.animated-modal .form-select { - display: inline-block; - width: auto; - vertical-align: middle; -} - -.card-wrapper { - padding: 14px; -} -.card-wrapper dl dt { - font-weight: 500; -} - -/* ===== Scrollbar CSS ===== */ -/* Firefox */ -* { - scrollbar-width: auto; - scrollbar-color: #f1e6f5 #ffffff; -} - -table tbody tr { - vertical-align: middle; -} - -.common-flex { - display: flex; - gap: 12px; - flex-wrap: wrap; -} - -.typography-table thead tr th { - font-size: 16px; -} -.typography-table tbody tr td:last-child { - min-width: 280px; -} -.typography-table tbody tr td:first-child { - min-width: 100px; -} - -/**===================== - 1.2 Typography CSS Ends -==========================**/ -/**===================== - 2.1 According CSS start -==========================**/ -.default-according .avatar-showcase { - margin-bottom: 0; -} -.default-according .card { - margin-bottom: 0; - box-shadow: none; -} -.default-according .card + .card { - margin-top: 10px; -} -.default-according .card .btn-link { - font-weight: 500; - color: #2F2F3B; - text-decoration: none; -} -.default-according .card .btn-link:focus, .default-according .card .btn-link:hover { - text-decoration: none; -} -.default-according .card .card-header { - padding: 0.75rem 1.25rem; - border: 1px solid #ecf3fa; -} -.default-according .card .card-header i { - position: absolute; - left: 18px; - font-size: 20px; - top: 20px; -} -.default-according .card .card-header h5 { - margin-top: 2px; -} -.default-according .card .card-body { - border: 1px solid #ecf3fa; - border-top: none; -} - -.default-according.style-1 button { - width: 100%; - text-align: left; -} -.default-according.style-1 button:before { - right: 20px; - position: absolute; - -webkit-transition: 0.4s; - transition: 0.4s; - font-size: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -@media (max-width: 575px) { - .default-according.style-1 button:before { - right: 15px; - } -} -.default-according.style-1 button[aria-expanded=true]:before { - content: "\eb73"; - font-family: IcoFont; -} -.default-according.style-1 button[aria-expanded=false]:before { - content: "\eb7a"; - font-family: IcoFont; -} - -.accordion-button .svg-color { - position: absolute; - right: 20px; -} -[dir=rtl] .accordion-button .svg-color { - left: 20px; - right: unset; -} -.accordion-button .svg-color::after { - content: ""; - background-image: unset; -} -.accordion-button:not(.collapsed) { - background-color: unset; - box-shadow: none; -} -.accordion-button:not(.collapsed)::after { - background-image: unset; -} -.accordion-button::after { - background-image: unset; -} -.accordion-button:focus { - box-shadow: none; -} - -.accordion-button.accordion-light-primary:not(.collapsed) { - background-color: #E0DDFF; -} -.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active { - background-color: #E0DDFF; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-primary { - background-color: #E0DDFF !important; -} - -.accordion-button.accordion-light-secondary:not(.collapsed) { - background-color: #FFE0E8; -} -.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active { - background-color: #FFE0E8; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-secondary { - background-color: #FFE0E8 !important; -} - -.accordion-button.accordion-light-success:not(.collapsed) { - background-color: #D6EED4; -} -.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active { - background-color: #D6EED4; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-success { - background-color: #D6EED4 !important; -} - -.accordion-button.accordion-light-warning:not(.collapsed) { - background-color: #FFF0D2; -} -.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active { - background-color: #FFF0D2; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-warning { - background-color: #FFF0D2 !important; -} - -.accordion-button.accordion-light-info:not(.collapsed) { - background-color: #D5F5FE; -} -.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active { - background-color: #D5F5FE; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-info { - background-color: #D5F5FE !important; -} - -.accordion-button.accordion-light-light:not(.collapsed) { - background-color: #F9F9FB; -} -.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active { - background-color: #F9F9FB; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-light { - background-color: #F9F9FB !important; -} - -.accordion-button.accordion-light-danger:not(.collapsed) { - background-color: #FEDDDB; -} -.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active { - background-color: #FEDDDB; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-danger { - background-color: #FEDDDB !important; -} - -.accordion-button.accordion-light-dark:not(.collapsed) { - background-color: #EAEBF2; -} -.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active { - background-color: #EAEBF2; - color: #000; -} - -.multi-collapse.show .collapse-wrapper.accordion-light-dark { - background-color: #EAEBF2 !important; -} - -.accordion-item .accordion-button .svg-wrapper { - width: 18px; - height: 18px; -} - -.accordion-wrapper:active { - border: 1px solid #7366FF; - border-top: 1px solid #7366FF !important; -} - -.accordion-border .accordion-item { - border: 0; -} - -/**===================== - 2.1 According CSS Ends -==========================**/ -/**===================== - 2.2 Alert CSS start -==========================**/ -.notify-alert .close { - background: unset; - border: none; - font-size: 25px; -} - -.alert { - border-radius: 0.15rem; - padding: 15px; -} -.alert svg { - vertical-align: middle; -} -.alert .progress { - margin-top: 15px; -} -.alert [data-notify=icon] { - margin-right: 10px; - line-height: 20px; - position: absolute; -} -.alert [data-notify=message] { - display: inline-block; - width: 100%; -} -.alert i { - margin-right: 5px; - font-size: 16px; -} -.alert p { - margin-bottom: 0; -} -.alert .close { - opacity: 1; -} -.alert .close span { - font-size: 24px; - font-weight: 400; - display: inline-block; - border-radius: 3px; - text-shadow: none; - padding: 0 5px; - padding-right: 0; -} - -.alert-dismissible { - padding-right: 2.5rem; -} -[dir=rtl] .alert-dismissible { - padding-right: 15px; - padding-left: 2.5rem; -} -.alert-dismissible .close { - padding: 10px 1.25rem; - top: 4px; - padding-right: 13px; - opacity: 0.5; - transition: all 0.3s ease; -} -.alert-dismissible .close:hover { - transition: all 0.3s ease; - opacity: 1; - color: inherit; -} - -.card-body button:focus { - outline: none; -} -.card-body .alert:last-child { - margin-bottom: 0; -} -.card-body .alert svg { - width: 14px; - height: 14px; - margin-right: 4px; - position: absolute; - top: 18px; -} -.card-body .alert svg ~ p { - padding-left: 20px; -} - -strong { - display: inline-block; -} -strong ~ p { - display: inline-block; -} - -.alert-primary { - background-color: rgba(115, 102, 255, 0.8); - border-color: rgba(115, 102, 255, 0.9); - color: #fff; -} -.alert-primary .progress { - height: 5px; - background-color: #6e61ff; - border-radius: 0; -} -.alert-primary .progress-bar { - background-color: white; -} -.alert-primary .btn-close { - filter: brightness(1) invert(1); -} -.alert-primary .alert-link { - color: #7366FF; -} -.alert-primary hr { - border-top-color: #7366FF; -} - -.border-primary { - border-color: #7366FF !important; -} - -.toast-primary { - color: #7366FF !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary { - border-left: 4px solid #7366FF; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-primary, -.list-group [type=radio].checkbox-primary { - background-color: unset; - border-color: #7366FF; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-primary:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-primary:active, .list-group .form-check-input:checked[type=checkbox].checkbox-primary.active, -.list-group [type=radio].checkbox-primary:focus, -.list-group [type=radio].checkbox-primary:active, -.list-group [type=radio].checkbox-primary.active { - border-color: #7366FF; - outline: 0; - background-color: #7366FF; -} -.list-group .alert-primary.light { - background-color: rgba(115, 102, 255, 0.4); - border-color: rgba(115, 102, 255, 0.7); -} -.list-group .alert-primary.dark { - background-color: #7366FF; - border-color: #7366FF; - color: #fafafa; -} -.list-group .alert-primary.dark .alert-link { - color: #fff; -} -.list-group .alert-primary.outline, -.list-group .alert-primary.outline-2x { - background-color: transparent; - border-color: #7366FF; - color: #7366FF; -} -.list-group .alert-primary.outline .btn-close, -.list-group .alert-primary.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-primary.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #7366FF; - color: #2F2F3B; -} -.list-group .alert-primary.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #7366FF; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-primary.inverse:before { - left: 45px; - } -} -.list-group .alert-primary.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #7366FF; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-primary.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-secondary { - background-color: rgba(255, 51, 100, 0.8); - border-color: rgba(255, 51, 100, 0.9); - color: #fff; -} -.alert-secondary .progress { - height: 5px; - background-color: #ff2e60; - border-radius: 0; -} -.alert-secondary .progress-bar { - background-color: white; -} -.alert-secondary .btn-close { - filter: brightness(1) invert(1); -} -.alert-secondary .alert-link { - color: #FF3364; -} -.alert-secondary hr { - border-top-color: #FF3364; -} - -.border-secondary { - border-color: #FF3364 !important; -} - -.toast-secondary { - color: #FF3364 !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary { - border-left: 4px solid #FF3364; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-secondary, -.list-group [type=radio].checkbox-secondary { - background-color: unset; - border-color: #FF3364; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-secondary:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-secondary:active, .list-group .form-check-input:checked[type=checkbox].checkbox-secondary.active, -.list-group [type=radio].checkbox-secondary:focus, -.list-group [type=radio].checkbox-secondary:active, -.list-group [type=radio].checkbox-secondary.active { - border-color: #FF3364; - outline: 0; - background-color: #FF3364; -} -.list-group .alert-secondary.light { - background-color: rgba(255, 51, 100, 0.4); - border-color: rgba(255, 51, 100, 0.7); -} -.list-group .alert-secondary.dark { - background-color: #FF3364; - border-color: #FF3364; - color: #fafafa; -} -.list-group .alert-secondary.dark .alert-link { - color: #fff; -} -.list-group .alert-secondary.outline, -.list-group .alert-secondary.outline-2x { - background-color: transparent; - border-color: #FF3364; - color: #FF3364; -} -.list-group .alert-secondary.outline .btn-close, -.list-group .alert-secondary.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-secondary.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #FF3364; - color: #2F2F3B; -} -.list-group .alert-secondary.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #FF3364; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-secondary.inverse:before { - left: 45px; - } -} -.list-group .alert-secondary.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #FF3364; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-secondary.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-success { - background-color: rgba(84, 186, 74, 0.8); - border-color: rgba(84, 186, 74, 0.9); - color: #fff; -} -.alert-success .progress { - height: 5px; - background-color: #51b946; - border-radius: 0; -} -.alert-success .progress-bar { - background-color: white; -} -.alert-success .btn-close { - filter: brightness(1) invert(1); -} -.alert-success .alert-link { - color: #54BA4A; -} -.alert-success hr { - border-top-color: #54BA4A; -} - -.border-success { - border-color: #54BA4A !important; -} - -.toast-success { - color: #54BA4A !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success { - border-left: 4px solid #54BA4A; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-success, -.list-group [type=radio].checkbox-success { - background-color: unset; - border-color: #54BA4A; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-success:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-success:active, .list-group .form-check-input:checked[type=checkbox].checkbox-success.active, -.list-group [type=radio].checkbox-success:focus, -.list-group [type=radio].checkbox-success:active, -.list-group [type=radio].checkbox-success.active { - border-color: #54BA4A; - outline: 0; - background-color: #54BA4A; -} -.list-group .alert-success.light { - background-color: rgba(84, 186, 74, 0.4); - border-color: rgba(84, 186, 74, 0.7); -} -.list-group .alert-success.dark { - background-color: #54BA4A; - border-color: #54BA4A; - color: #fafafa; -} -.list-group .alert-success.dark .alert-link { - color: #fff; -} -.list-group .alert-success.outline, -.list-group .alert-success.outline-2x { - background-color: transparent; - border-color: #54BA4A; - color: #54BA4A; -} -.list-group .alert-success.outline .btn-close, -.list-group .alert-success.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-success.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #54BA4A; - color: #2F2F3B; -} -.list-group .alert-success.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #54BA4A; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-success.inverse:before { - left: 45px; - } -} -.list-group .alert-success.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #54BA4A; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-success.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-danger { - background-color: rgba(252, 68, 56, 0.8); - border-color: rgba(252, 68, 56, 0.9); - color: #fff; -} -.alert-danger .progress { - height: 5px; - background-color: #fc3f33; - border-radius: 0; -} -.alert-danger .progress-bar { - background-color: white; -} -.alert-danger .btn-close { - filter: brightness(1) invert(1); -} -.alert-danger .alert-link { - color: #FC4438; -} -.alert-danger hr { - border-top-color: #FC4438; -} - -.border-danger { - border-color: #FC4438 !important; -} - -.toast-danger { - color: #FC4438 !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger { - border-left: 4px solid #FC4438; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-danger, -.list-group [type=radio].checkbox-danger { - background-color: unset; - border-color: #FC4438; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-danger:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-danger:active, .list-group .form-check-input:checked[type=checkbox].checkbox-danger.active, -.list-group [type=radio].checkbox-danger:focus, -.list-group [type=radio].checkbox-danger:active, -.list-group [type=radio].checkbox-danger.active { - border-color: #FC4438; - outline: 0; - background-color: #FC4438; -} -.list-group .alert-danger.light { - background-color: rgba(252, 68, 56, 0.4); - border-color: rgba(252, 68, 56, 0.7); -} -.list-group .alert-danger.dark { - background-color: #FC4438; - border-color: #FC4438; - color: #fafafa; -} -.list-group .alert-danger.dark .alert-link { - color: #fff; -} -.list-group .alert-danger.outline, -.list-group .alert-danger.outline-2x { - background-color: transparent; - border-color: #FC4438; - color: #FC4438; -} -.list-group .alert-danger.outline .btn-close, -.list-group .alert-danger.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-danger.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #FC4438; - color: #2F2F3B; -} -.list-group .alert-danger.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #FC4438; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-danger.inverse:before { - left: 45px; - } -} -.list-group .alert-danger.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #FC4438; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-danger.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-warning { - background-color: rgba(255, 170, 5, 0.8); - border-color: rgba(255, 170, 5, 0.9); - color: #fff; -} -.alert-warning .progress { - height: 5px; - background-color: #ffa800; - border-radius: 0; -} -.alert-warning .progress-bar { - background-color: white; -} -.alert-warning .btn-close { - filter: brightness(1) invert(1); -} -.alert-warning .alert-link { - color: #FFAA05; -} -.alert-warning hr { - border-top-color: #FFAA05; -} - -.border-warning { - border-color: #FFAA05 !important; -} - -.toast-warning { - color: #FFAA05 !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning { - border-left: 4px solid #FFAA05; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-warning, -.list-group [type=radio].checkbox-warning { - background-color: unset; - border-color: #FFAA05; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-warning:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-warning:active, .list-group .form-check-input:checked[type=checkbox].checkbox-warning.active, -.list-group [type=radio].checkbox-warning:focus, -.list-group [type=radio].checkbox-warning:active, -.list-group [type=radio].checkbox-warning.active { - border-color: #FFAA05; - outline: 0; - background-color: #FFAA05; -} -.list-group .alert-warning.light { - background-color: rgba(255, 170, 5, 0.4); - border-color: rgba(255, 170, 5, 0.7); -} -.list-group .alert-warning.dark { - background-color: #FFAA05; - border-color: #FFAA05; - color: #fafafa; -} -.list-group .alert-warning.dark .alert-link { - color: #fff; -} -.list-group .alert-warning.outline, -.list-group .alert-warning.outline-2x { - background-color: transparent; - border-color: #FFAA05; - color: #FFAA05; -} -.list-group .alert-warning.outline .btn-close, -.list-group .alert-warning.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-warning.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #FFAA05; - color: #2F2F3B; -} -.list-group .alert-warning.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #FFAA05; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-warning.inverse:before { - left: 45px; - } -} -.list-group .alert-warning.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #FFAA05; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-warning.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-info { - background-color: rgba(22, 199, 249, 0.8); - border-color: rgba(22, 199, 249, 0.9); - color: #fff; -} -.alert-info .progress { - height: 5px; - background-color: #11c6f9; - border-radius: 0; -} -.alert-info .progress-bar { - background-color: white; -} -.alert-info .btn-close { - filter: brightness(1) invert(1); -} -.alert-info .alert-link { - color: #16C7F9; -} -.alert-info hr { - border-top-color: #16C7F9; -} - -.border-info { - border-color: #16C7F9 !important; -} - -.toast-info { - color: #16C7F9 !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info { - border-left: 4px solid #16C7F9; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-info, -.list-group [type=radio].checkbox-info { - background-color: unset; - border-color: #16C7F9; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-info:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-info:active, .list-group .form-check-input:checked[type=checkbox].checkbox-info.active, -.list-group [type=radio].checkbox-info:focus, -.list-group [type=radio].checkbox-info:active, -.list-group [type=radio].checkbox-info.active { - border-color: #16C7F9; - outline: 0; - background-color: #16C7F9; -} -.list-group .alert-info.light { - background-color: rgba(22, 199, 249, 0.4); - border-color: rgba(22, 199, 249, 0.7); -} -.list-group .alert-info.dark { - background-color: #16C7F9; - border-color: #16C7F9; - color: #fafafa; -} -.list-group .alert-info.dark .alert-link { - color: #fff; -} -.list-group .alert-info.outline, -.list-group .alert-info.outline-2x { - background-color: transparent; - border-color: #16C7F9; - color: #16C7F9; -} -.list-group .alert-info.outline .btn-close, -.list-group .alert-info.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-info.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #16C7F9; - color: #2F2F3B; -} -.list-group .alert-info.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #16C7F9; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-info.inverse:before { - left: 45px; - } -} -.list-group .alert-info.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #16C7F9; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-info.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-light { - background-color: rgba(244, 244, 244, 0.8); - border-color: rgba(244, 244, 244, 0.9); - color: #fff; - color: #2c323f; - background-color: #f4f4f4; -} -.alert-light .progress { - height: 5px; - background-color: #f1f1f1; - border-radius: 0; -} -.alert-light .progress-bar { - background-color: white; -} -.alert-light .btn-close { - filter: brightness(1) invert(1); -} -.alert-light .alert-link { - color: #f4f4f4; - color: #2c323f; -} -.alert-light .btn-close { - filter: unset; -} -.alert-light hr { - border-top-color: #f4f4f4; -} - -.border-light { - border-color: #f4f4f4 !important; -} - -.toast-light { - color: #f4f4f4 !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light { - border-left: 4px solid #f4f4f4; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-light, -.list-group [type=radio].checkbox-light { - background-color: unset; - border-color: #f4f4f4; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-light:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-light:active, .list-group .form-check-input:checked[type=checkbox].checkbox-light.active, -.list-group [type=radio].checkbox-light:focus, -.list-group [type=radio].checkbox-light:active, -.list-group [type=radio].checkbox-light.active { - border-color: #f4f4f4; - outline: 0; - background-color: #f4f4f4; -} -.list-group .alert-light.light { - background-color: rgba(244, 244, 244, 0.4); - border-color: rgba(244, 244, 244, 0.7); -} -.list-group .alert-light.dark { - background-color: #f4f4f4; - border-color: #f4f4f4; - color: #fafafa; - color: #2c323f; -} -.list-group .alert-light.dark .alert-link { - color: #fff; - color: #2c323f; -} -.list-group .alert-light.outline, -.list-group .alert-light.outline-2x { - background-color: transparent; - border-color: #f4f4f4; - color: #f4f4f4; - color: #2c323f; -} -.list-group .alert-light.outline .btn-close, -.list-group .alert-light.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-light.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #f4f4f4; - color: #2F2F3B; -} -.list-group .alert-light.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #f4f4f4; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-light.inverse:before { - left: 45px; - } -} -.list-group .alert-light.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #f4f4f4; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-light.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.alert-dark { - background-color: rgba(44, 50, 63, 0.8); - border-color: rgba(44, 50, 63, 0.9); - color: #fff; -} -.alert-dark .progress { - height: 5px; - background-color: #2a303c; - border-radius: 0; -} -.alert-dark .progress-bar { - background-color: #a8b0c2; -} -.alert-dark .btn-close { - filter: brightness(1) invert(1); -} -.alert-dark .alert-link { - color: #2c323f; -} -.alert-dark hr { - border-top-color: #2c323f; -} - -.border-dark { - border-color: #2c323f !important; -} - -.toast-dark { - color: #2c323f !important; -} - -.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark { - border-left: 4px solid #2c323f; -} - -.list-group .form-check-input:checked[type=checkbox].checkbox-dark, -.list-group [type=radio].checkbox-dark { - background-color: unset; - border-color: #2c323f; - outline: 0; - background-color: unset; -} -.list-group .form-check-input:checked[type=checkbox].checkbox-dark:focus, .list-group .form-check-input:checked[type=checkbox].checkbox-dark:active, .list-group .form-check-input:checked[type=checkbox].checkbox-dark.active, -.list-group [type=radio].checkbox-dark:focus, -.list-group [type=radio].checkbox-dark:active, -.list-group [type=radio].checkbox-dark.active { - border-color: #2c323f; - outline: 0; - background-color: #2c323f; -} -.list-group .alert-dark.light { - background-color: rgba(44, 50, 63, 0.4); - border-color: rgba(44, 50, 63, 0.7); -} -.list-group .alert-dark.dark { - background-color: #2c323f; - border-color: #2c323f; - color: #fafafa; -} -.list-group .alert-dark.dark .alert-link { - color: #fff; -} -.list-group .alert-dark.outline, -.list-group .alert-dark.outline-2x { - background-color: transparent; - border-color: #2c323f; - color: #2c323f; -} -.list-group .alert-dark.outline .btn-close, -.list-group .alert-dark.outline-2x .btn-close { - filter: unset; -} -.list-group .alert-dark.inverse { - background-color: transparent; - padding: 13px 20px 13px 65px; - border-color: #2c323f; - color: #2F2F3B; -} -.list-group .alert-dark.inverse:before { - top: 16px; - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #2c323f; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -@media (max-width: 576px) { - .list-group .alert-dark.inverse:before { - left: 45px; - } -} -.list-group .alert-dark.inverse i { - padding: 17px 20px; - display: inline-block; - background-color: #2c323f; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -@media (max-width: 576px) { - .list-group .alert-dark.inverse i { - padding: 17px 14px; - } -} -.list-group .btn-close { - filter: unset; - top: -3px; -} - -.outline-2x { - border-width: 2px; - padding: 11px 1.25rem; -} - -.alert-icons.outline-2x { - padding: 15px; -} -.alert-icons svg { - position: absolute !important; - top: 18px !important; -} - -.alert-dark .btn-close, -.alert-info .btn-close { - filter: none; -} - -.border-left-wrapper { - border-left: 4px solid #2c323f; -} - -.alert-light-primary { - background-color: #E0DDFF; -} - -.alert-light-secondary { - background-color: #FFE0E8; -} - -.alert-light-success { - background-color: #D6EED4; -} - -.alert-light-warning { - background-color: #FFF0D2; -} - -.alert-light-info { - background-color: #D5F5FE; -} - -.alert-light-light { - background-color: #F9F9FB; -} - -.alert-light-danger { - background-color: #FEDDDB; -} - -.alert-light-dark { - background-color: #EAEBF2; -} - -.alert-arrow { - min-width: 55px; - height: 55px; - display: flex; - justify-content: center; - align-items: center; - position: relative; -} - -@media (max-width: 576px) { - .ellipsis.content { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 294px; - } -} -@media (max-width: 575px) { - .ellipsis.content { - max-width: 180px; - } -} - -.alert-dismissible { - display: flex; - align-items: center; - gap: 8px; -} - -.alert.notify-alert.alert-copy { - display: flex !important; -} - -/**===================== - 2.2 Alert CSS end -==========================**/ -/**===================== - 2.3 Avatars CSS start -==========================**/ -.avatars .avatar { - display: inline-block; - margin-right: 10px; - position: relative; - width: auto; -} -.avatars .avatar:last-child { - margin-right: 0; -} -.avatars .avatar .b-r-30 { - border-radius: 30px; -} -.avatars .avatar .b-r-35 { - border-radius: 35px; -} -.avatars .avatar .b-r-25 { - border-radius: 25px; -} -.avatars .avatar .b-r-15 { - border-radius: 15px; -} -.avatars .avatar.ratio img { - width: auto; -} -.avatars .avatar .status { - position: absolute; - height: 12%; - width: 12%; - border-radius: 100%; - bottom: 12%; - right: 4%; -} -.avatars .avatar .img-100 { - width: calc(75px + 25 * (100vw - 320px) / 1600) !important; - height: calc(75px + 25 * (100vw - 320px) / 1600); -} -.avatars .avatar .img-90 { - width: calc(65px + 25 * (100vw - 320px) / 1600) !important; - height: calc(65px + 25 * (100vw - 320px) / 1600); -} -.avatars .avatar .img-80 { - width: calc(55px + 25 * (100vw - 320px) / 1600) !important; - height: calc(55px + 25 * (100vw - 320px) / 1600); -} -.avatars .avatar .img-70 { - width: calc(45px + 25 * (100vw - 320px) / 1600) !important; - height: calc(45px + 25 * (100vw - 320px) / 1600); -} - -.status-offline { - background-color: #FC4438; -} - -.status-online { - background-color: #54BA4A; -} - -.status-dnd { - background-color: #FFAA05; -} - -.customers ul { - display: inline-block; -} -.customers ul li img { - border: 2px solid #fff; - transition: 0.5s; -} -.customers ul li img:hover { - transform: translateY(-4px) scale(1.02); - transition: 0.5s; -} -.customers ul li + li { - margin-left: -7%; -} -.customers.avatar-group { - margin-right: 30px; -} -.customers.avatar-group:last-child { - margin-right: 0; -} - -.avatar-showcase { - margin-bottom: -10px; -} -.avatar-showcase .avatars .avatar { - margin-bottom: 10px; -} -.avatar-showcase .avatar-group { - margin-bottom: 10px; -} -.avatar-showcase .ratio > * { - position: relative; - top: unset; - left: unset; -} - -/**===================== - 2.3 Avatars CSS Ends -==========================**/ -/**===================== - 2.4 Badge CSS start -==========================**/ -.badge-spacing { - display: flex; - flex-wrap: wrap; - gap: 12px; -} -.badge-spacing .badge { - padding: 6px 12px; - font-size: 12px; -} -.badge-spacing .badge.badge svg { - padding-top: 0px; -} -.badge-spacing .badge.rounded-circle { - padding: 10px 14px; - display: flex; - justify-content: center; - align-items: center; -} -.badge-spacing .badge.badge-p-space { - padding: 10px 13px; -} -.badge-spacing .badge + .badge { - margin-left: 0px; -} -.badge-spacing .badge.btn-p-space { - padding: 8px 10px; -} - -a.badge:hover { - color: inherit; -} -a.badge:hover.badge-dark:hover { - color: #fff; -} - -.badge { - padding: 0.44em 0.7em; - font-family: Roboto, sans-serif; - font-weight: 500; -} -.badge + .badge { - margin-left: 5px; -} -.badge svg { - width: 16px; - height: 16px; - padding-top: 3px; -} - -.b-ln-height { - line-height: 5px; -} - -.pill-badge-primary { - background-color: var(--theme-deafult); - box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-secondary { - background-color: #FF3364; - box-shadow: -0.5px 4.33px 16px 0px rgba(255, 51, 100, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-success { - background-color: #54BA4A; - box-shadow: -0.5px 4.33px 16px 0px rgba(84, 186, 74, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-danger { - background-color: #FC4438; - box-shadow: -0.5px 4.33px 16px 0px rgba(252, 68, 56, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-info { - background-color: #16C7F9; - box-shadow: -0.5px 4.33px 16px 0px rgba(22, 199, 249, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-light { - background-color: #f4f4f4; - box-shadow: -0.5px 4.33px 16px 0px rgba(244, 244, 244, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-dark { - background-color: #2c323f; - box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-warning { - background-color: #FFAA05; - box-shadow: -0.5px 4.33px 16px 0px rgba(255, 170, 5, 0.25); - color: #fff; - border-radius: 0; -} - -.pill-badge-primary { - background-color: var(--theme-deafult); -} - -.pill-badge-secondary { - background-color: var(--theme-secondary); -} - -.round-badge-primary { - border-radius: 6px; - background-color: var(--theme-deafult); - box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18); - color: #fff !important; -} - -.round-badge-secondary { - border-radius: 6px; - background-color: #FF3364; - box-shadow: -0.5px -6.67px 14px 0px rgba(255, 51, 100, 0.18); - color: #fff !important; -} - -.round-badge-success { - border-radius: 6px; - background-color: #54BA4A; - box-shadow: -0.5px -6.67px 14px 0px rgba(84, 186, 74, 0.18); - color: #fff !important; -} - -.round-badge-danger { - border-radius: 6px; - background-color: #FC4438; - box-shadow: -0.5px -6.67px 14px 0px rgba(252, 68, 56, 0.18); - color: #fff !important; -} - -.round-badge-info { - border-radius: 6px; - background-color: #16C7F9; - box-shadow: -0.5px -6.67px 14px 0px rgba(22, 199, 249, 0.18); - color: #fff !important; -} - -.round-badge-light { - border-radius: 6px; - background-color: #f4f4f4; - box-shadow: -0.5px -6.67px 14px 0px rgba(244, 244, 244, 0.18); - color: #fff !important; -} - -.round-badge-dark { - border-radius: 6px; - background-color: #2c323f; - box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18); - color: #fff !important; -} - -.round-badge-warning { - border-radius: 6px; - background-color: #FFAA05; - box-shadow: -0.5px -6.67px 14px 0px rgba(255, 170, 5, 0.18); - color: #fff !important; -} - -.round-badge-primary { - background-color: var(--theme-deafult); -} - -.round-badge-secondary { - background-color: var(--theme-secondary); -} - -/**===================== - 2.4 Badge CSS Ends -==========================**/ -/**===================== - 2.5 Bookmark CSS start -==========================**/ -.bookmark ul li { - display: inline-block; -} -.bookmark ul li .search-form { - position: absolute; - bottom: 53px; - z-index: 1; -} -.bookmark ul li .search-form .form-control-search { - top: 65px; - position: absolute; - transition: all linear 0.3s; - right: -20px; - transform: translateY(-35px) scaleY(0); - opacity: 0; - visibility: hidden; -} -.bookmark ul li .search-form .form-control-search input { - width: 240px; - background-color: #fff; - box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); -} -.bookmark ul li .search-form .form-control-search.open { - transform: translateY(0px) scaleY(1); - opacity: 1; - visibility: visible; - transition: all linear 0.3s; - z-index: 100; -} -.bookmark ul li .search-form .form-control-search:after { - top: 12px; - left: 20px; - z-index: 1; -} -.bookmark ul li .search-form .form-control-search:before { - left: 50px; - top: 9px; - z-index: 2; -} -.bookmark ul li a { - position: relative; - color: #2F2F3B; -} -.bookmark ul li a svg { - vertical-align: middle; - height: 20px; - width: 20px; -} -.bookmark ul li + li { - margin-left: 10px; -} -.bookmark ul li:last-child { - padding-right: 0; -} -.bookmark ul li:last-child a { - border-radius: 5px; -} -.bookmark ul li:last-child a svg { - color: #ff9f40; -} - -.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a { - z-index: 99999; - color: rgba(255, 255, 255, 0.5); -} -.offcanvas-bookmark:before { - position: fixed; - content: ""; - background-color: rgba(0, 0, 0, 0.5); - height: 100%; - width: 100%; - z-index: 1; - right: 0; - left: 0; -} - -body.modal-open .select2-container--open { - width: unset !important; - display: block; -} -body.modal-open .select2-container--open .select2-dropdown { - z-index: 1076; -} - -/**===================== - 2.5 Bookmark CSS Ends -==========================**/ -/**===================== -2.6 Breadcrumb CSS Start -==========================**/ -.breadcrumb-colored { - padding: 12px 16px; - border-radius: 4px; -} -.breadcrumb-colored li a { - color: #fff; -} -.breadcrumb-colored li.active { - color: #fff; - opacity: 0.7; -} -.breadcrumb-colored .breadcrumb-item:before { - color: #fff; -} -.breadcrumb-colored .breadcrumb-item.txt-dark:before { - color: #000; -} - -.breadcrumb-icon { - --bs-breadcrumb-divider: ">"; -} -.breadcrumb-icon li { - display: inline-block; -} - -.breadcrumb-no-divider { - --bs-breadcrumb-divider: ""; -} - -.breadcrumb-item.active { - text-transform: capitalize; -} - -.breadcrumb-space .breadcrumb-item::before { - padding-right: 0; -} - -/**===================== - 2.6 Breadcrumb CSS ends -==========================**/ -/**===================== - 2.7 Basic-card CSS Start -==========================**/ -.dark-color-header { - background-color: unset !important; - color: #7366FF; -} -.dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i { - color: #7366FF !important; -} -.dark-color-header ul li i { - color: #f4f4f4 !important; -} - -/**===================== - 2.7 Basic-card CSS Ends -==========================**/ -/**===================== - 2.8 Builders CSS start -==========================**/ -.form-builder .help-block { - margin-bottom: 0; - color: #cccccc; - text-transform: capitalize; -} -.form-builder .btn-light { - color: #cccccc; -} -.form-builder .copy-btn { - padding: 8px; -} -.form-builder .nav-primary .nav-link.active, -.form-builder .nav-primary .nav-primary .show > .nav-link, -.form-builder .nav-primary .nav-pills.nav-primary .nav-link.active, -.form-builder .nav-primary .nav-pills.nav-primary .show > .nav-link { - border-radius: 5px; -} -.form-builder .nav-primary .nav-link, -.form-builder .nav-primary .nav-pills.nav-primary .nav-link { - color: #000; - font-weight: 500; -} -.form-builder .theme-form { - margin-top: 30px; -} - -/**===================== - 2.8 Builders CSS Ends -==========================**/ -/**===================== - 2.9 Buttons CSS start -==========================**/ -.btn-link { - color: var(--theme-deafult); -} - -.purchase-btn { - background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #563EE0 62.78%); - padding: 12px 20px; - min-width: 200px; - border: none; - transition: 0.5s; -} -.purchase-btn:hover { - background: linear-gradient(90deg, #563EE0 -18.33%, var(--theme-deafult) 62.78%); - transition: 0.5s; -} -@media (max-width: 991px) { - .purchase-btn { - min-width: 160px; - } -} -@media (max-width: 767px) { - .purchase-btn { - min-width: 140px; - padding: 10px 17px; - font-size: 16px; - } -} - -.btn-light:not([disabled]):not(.disabled).active.active { - color: #2F2F3B; - background-color: #efefef !important; -} - -.btn-primary-gradien { - background-image: linear-gradient(to right, #988fff 0%, #4e3dff 51%, #988fff 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; - color: #fff; -} -.btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #988fff, 0%, #4e3dff, 100%, #fff) !important; -} - -.btn-secondary-gradien { - background-image: linear-gradient(to right, #ff5c83 0%, #ff0a45 51%, #ff5c83 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #ff5c83, 0%, #ff0a45, 100%, #fff) !important; -} - -.btn-success-gradien { - background-image: linear-gradient(to right, #70c568 0%, #459f3c 51%, #70c568 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #70c568, 0%, #459f3c, 100%, #fff) !important; -} - -.btn-danger-gradien { - background-image: linear-gradient(to right, #fd6a60 0%, #fb1e10 51%, #fd6a60 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #fd6a60, 0%, #fb1e10, 100%, #fff) !important; -} - -.btn-warning-gradien { - background-image: linear-gradient(to right, #ffb82e 0%, #db9100 51%, #ffb82e 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #ffb82e, 0%, #db9100, 100%, #fff) !important; -} - -.btn-info-gradien { - background-image: linear-gradient(to right, #3ed1fa 0%, #06b0e0 51%, #3ed1fa 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #3ed1fa, 0%, #06b0e0, 100%, #fff) !important; -} - -.btn-light-gradien { - background-image: linear-gradient(to right, white 0%, #e0e0e0 51%, white 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, white, 0%, #e0e0e0, 100%, #fff) !important; -} - -.btn-dark-gradien { - background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%); - border: none; - color: #fff; - background-size: auto 200%; - transition: all 0.3s ease; -} -.btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover { - transition: 1.5s; - background-position: right center; - background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; -} - -.btn { - padding: 0.375rem 1.75rem; -} - -.btn-lg { - font-size: 18px; -} - -.btn-sm { - font-size: 12px; -} - -.btn-xs { - padding: 0.05rem 0.4rem; - font-size: 11px; -} - -.large-btn { - margin-bottom: -20px; -} -.large-btn .btn { - margin-right: 5px; - margin-bottom: 15px; -} - -.btn-outline-white { - border: 1px solid #fff; - color: #fff; -} -.btn-outline-white:hover, .btn-outline-white:focus { - background: #fff; -} - -.btn-air-primary { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active { - background-color: #4433ff; - border-color: #4433ff; -} - -.input-air-primary { - box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important; -} -.input-air-primary:focus { - border-color: #7366FF; -} - -.btn-air-secondary { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active { - background-color: #ff003d; - border-color: #ff003d; -} - -.input-air-secondary { - box-shadow: 0 3px 5px 1px rgba(255, 51, 100, 0.1) !important; -} -.input-air-secondary:focus { - border-color: #FF3364; -} - -.btn-air-success { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active { - background-color: #42973a; - border-color: #42973a; -} - -.input-air-success { - box-shadow: 0 3px 5px 1px rgba(84, 186, 74, 0.1) !important; -} -.input-air-success:focus { - border-color: #54BA4A; -} - -.btn-air-danger { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active { - background-color: #fb1506; - border-color: #fb1506; -} - -.input-air-danger { - box-shadow: 0 3px 5px 1px rgba(252, 68, 56, 0.1) !important; -} -.input-air-danger:focus { - border-color: #FC4438; -} - -.btn-air-info { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active { - background-color: #06a8d6; - border-color: #06a8d6; -} - -.input-air-info { - box-shadow: 0 3px 5px 1px rgba(22, 199, 249, 0.1) !important; -} -.input-air-info:focus { - border-color: #16C7F9; -} - -.btn-air-light { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active { - background-color: #dbdbdb; - border-color: #dbdbdb; -} - -.input-air-light { - box-shadow: 0 3px 5px 1px rgba(244, 244, 244, 0.1) !important; -} -.input-air-light:focus { - border-color: #f4f4f4; -} - -.btn-air-dark { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active { - background-color: #171a21; - border-color: #171a21; -} - -.input-air-dark { - box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; -} -.input-air-dark:focus { - border-color: #2c323f; -} - -.btn-air-warning { - box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; -} -.btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active { - background-color: #d18a00; - border-color: #d18a00; -} - -.input-air-warning { - box-shadow: 0 3px 5px 1px rgba(255, 170, 5, 0.1) !important; -} -.input-air-warning:focus { - border-color: #FFAA05; -} - -.btn-gradient { - color: #fff !important; - font-weight: 500; - padding: 10px 30px; - border-radius: 5px; - background: linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%); - letter-spacing: 0.06rem; -} -.btn-gradient:hover { - background-size: 100% !important; -} - -.btn-warning { - color: #fff; -} -.btn-warning:hover, .btn-warning.disabled { - color: #fff; -} - -[class*=-gradien]:hover { - background-size: 50% 100%; - transition: all 0.3s ease; - color: #fff; -} - -.btn-square { - border-radius: 0px; -} - -.btn-pill { - border-radius: 60px; -} - -.btn-group-pill .btn:first-child { - border-radius: 60px 0 0 60px; -} -.btn-group-pill .btn:last-child { - border-radius: 0 60px 60px 0; -} - -.btn-group-square .btn:first-child { - border-radius: 0px 0 0 0px; -} -.btn-group-square .btn:last-child { - border-radius: 0 0px 0px 0; -} - -.btn-showcase { - margin-bottom: -10px; -} -.btn-showcase .btn { - margin-bottom: 10px; - margin-right: 10px; -} - -.btn-dropdown-showcase { - margin-bottom: -10px; -} -.btn-dropdown-showcase .dropdown { - margin-bottom: 10px; - margin-right: 18px; -} -.btn-dropdown-showcase .btn-group { - margin-bottom: 10px; - margin-right: 18px; -} - -.btn-group .radio label::before { - top: 2px; -} -.btn-group .radio label::after { - top: 7px; -} -.btn-group .checkbox label { - margin-top: 3px; -} - -.btn-group-showcase > div { - margin-bottom: -20px; -} -.btn-group-showcase > div label { - margin-bottom: 0; -} -.btn-group-showcase .btn-group { - margin-right: 20px; - margin-bottom: 20px; -} -.btn-group-showcase .checkbox input[type=checkbox] { - display: none; -} - -.tooltiptext { - visibility: visible; - width: 120px; - background-color: #555; - color: #fff; - text-align: center; - border-radius: 6px; - padding: 5px 0; - position: absolute; - z-index: 1; - bottom: 125%; - left: 50%; - margin-left: -60px; - opacity: 1; - transition: opacity 0.3s; -} -.tooltiptext::after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - margin-left: -5px; - border-width: 5px; - border-style: solid; - border-color: #555 transparent transparent transparent; -} - -/**===================== - 2.9 Buttons CSS end -==========================**/ -/**===================== - 2.10 Card CSS Start -==========================**/ -.card { - margin-bottom: 30px; - border: none; - transition: all 0.3s ease; - letter-spacing: 0.5px; - border-radius: 15px; - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); -} -.card:hover { - box-shadow: 0 0 40px rgba(8, 21, 66, 0.05); - transition: all 0.3s ease; -} -.card .card-header { - background-color: #fff; - padding: 30px; - border-bottom: 1px solid #ecf3fa; - border-top-left-radius: 15px; - border-top-right-radius: 15px; - position: relative; -} -.card .card-header.card-no-border { - border-bottom: none !important; -} -.card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) { - margin-bottom: 0; - text-transform: capitalize; -} -.card .card-header > span { - font-size: 12px; - color: #52526c; - margin-top: 5px; - display: block; - letter-spacing: 1px; -} -.card .card-header .card-header-right { - border-radius: 0 0 0 7px; - right: 35px; - top: 24px; - display: inline-block; - float: right; - padding: 8px 0; - position: absolute; - background-color: #fff; - z-index: 1; -} -.card .card-header .card-header-right .card-option { - text-align: right; - width: 35px; - height: 20px; - overflow: hidden; - transition: 0.3s ease-in-out; -} -.card .card-header .card-header-right .card-option li { - display: inline-block; -} -.card .card-header .card-header-right .card-option li:first-child i { - transition: 1s; - font-size: 16px; - color: var(--theme-deafult); -} -.card .card-header .card-header-right .card-option li:first-child i.icofont { - color: unset; -} -.card .card-header .card-header-right i { - margin: 0 5px; - cursor: pointer; - color: #2c323f; - line-height: 20px; -} -.card .card-header .card-header-right i.icofont-refresh { - font-size: 13px; -} -.card .card-body { - padding: 30px; - background-color: transparent; -} -.card .card-body p:last-child { - margin-bottom: 0; -} -.card .sub-title { - padding-bottom: 12px; - font-size: 18px; -} -.card .card-footer { - background-color: #fff; - border-top: 1px solid #ecf3fa; - padding: 30px; - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; -} -.card.card-load .card-loader { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - background-color: rgba(255, 255, 255, 0.7); - z-index: 8; - align-items: center; - justify-content: center; -} -.card.card-load .card-loader i { - margin: 0 auto; - color: var(--theme-deafult); - font-size: 20px; -} -.card.full-card { - position: fixed; - top: 0; - z-index: 99999; - box-shadow: none; - right: 0; - border-radius: 0; - border: 1px solid #efefef; - width: calc(100vw - 12px); - height: 100vh; -} -.card.full-card .card-body { - overflow: auto; -} - -.page-body-wrapper .card .sub-title { - font-family: Rubik, sans-serif; - font-weight: normal; - color: #52526c; -} - -.card-absolute { - margin-top: 20px; -} -.card-absolute .card-header { - position: absolute; - top: -20px; - left: 15px; - border-radius: 0.25rem; - padding: 10px 15px; -} -.card-absolute .card-header h5 { - font-size: 17px; -} -.card-absolute .card-body { - margin-top: 10px; -} - -.card-header .border-tab { - margin-bottom: -13px; -} - -.custom-card { - overflow: hidden; - padding: 30px; -} -.custom-card .card-header { - padding: 0; -} -.custom-card .card-header img { - border-radius: 50%; - margin-top: -100px; - transform: scale(1.5); -} -.custom-card .card-profile { - text-align: center; -} -.custom-card .card-profile img { - height: 110px; - padding: 7px; - background-color: #fff; - z-index: 1; - position: relative; -} -.custom-card .card-social { - text-align: center; -} -.custom-card .card-social li { - display: inline-block; - padding: 15px 0; -} -.custom-card .card-social li:last-child a { - margin-right: 0; -} -.custom-card .card-social li a { - padding: 0; - margin-right: 15px; - color: rgb(188, 198, 222); - font-size: 16px; - transition: all 0.3s ease; -} -.custom-card .card-social li a:hover { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.custom-card .profile-details h6 { - margin-bottom: 30px; - margin-top: 10px; - color: #52526c; - font-size: 14px; -} -.custom-card .card-footer { - padding: 0; -} -.custom-card .card-footer > div { - padding: 15px; - text-align: center; -} -.custom-card .card-footer > div + div { - border-left: 1px solid #efefef; -} -.custom-card .card-footer > div h3 { - margin-bottom: 0; - font-size: 24px; -} -.custom-card .card-footer > div h6 { - font-size: 14px; - color: #52526c; -} -.custom-card .card-footer > div h5 { - font-size: 16px; - margin-bottom: 0; -} -.custom-card .card-footer > div i { - font-size: 24px; - display: inline-block; - margin-bottom: 15px; -} -.custom-card .card-footer > div .m-b-card { - margin-bottom: 10px; -} - -.social-profile { - text-align: center; - background-image: url(../images/dashboard-5/profile-bg.png); - background-repeat: no-repeat; - background-size: cover; -} -.social-profile .card-body { - padding-left: 20px; - padding-right: 20px; -} -@media (max-width: 1399px) { - .social-profile .card-body { - padding: 23px 15px; - } -} -.social-details { - margin-top: 15px; -} -.social-details h5 a { - color: var(--body-font-color); -} -.social-details .social-follow { - column-count: 3; - column-gap: 30px; - margin-top: 25px; -} -@media (max-width: 1399px) { - .social-details .social-follow { - column-gap: 23px; - } -} -.social-details .social-follow li { - position: relative; -} -.social-details .social-follow li + li::before { - position: absolute; - content: ""; - width: 1px; - height: 14px; - background-color: var(--recent-dashed-border); - left: -15px; - top: 50%; - transform: translateY(-50%); -} -[dir=rtl] .social-details .social-follow li + li::before { - left: unset; - right: -15px; -} -.social-details .card-social { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - margin-top: 15px; -} -.social-img-wrap { - background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%); - display: inline-block; - border-radius: 100%; - padding: 2px; - position: relative; -} -.social-img-wrap .edit-icon { - position: absolute; - right: 0; - bottom: 0; -} -.social-img-wrap .edit-icon svg { - width: 20px; - height: 20px; - border-radius: 100%; - border: 2px solid var(--white); - background: var(--white); -} -.social-img { - padding: 5px; - background: var(--white); - border-radius: 100%; -} -.social-img img { - height: 68px; - border-radius: 100%; -} - -/**===================== - 2.10 Card CSS End -==========================**/ -/**===================== - 2.11 Color CSS Start -==========================**/ -.color-box { - margin-bottom: -10px; -} -.color-box button { - margin-bottom: 10px; -} -.color-box button + button { - margin-left: 5px; -} - -.light-font { - color: #52526c; -} - -/**===================== - 2.11 Color CSS Ends -==========================**/ -/**===================== - 2.12 Datatable CSS Start -==========================**/ -div.dt-button-background { - display: none !important; -} -div.DTS div.dataTables_scrollBody table { - z-index: 1; -} -div .table-avtar { - height: 32px; - margin-right: 10px; -} -[dir=rtl] div .table-avtar { - margin-right: unset; - margin-left: 10px; -} -div .action { - display: flex; -} -div .action i { - font-size: 16px; -} -div .action .pdf i { - font-size: 20px; - color: #FC4438; -} -div .action .edit { - margin-right: 5px; -} -div .action .edit i { - color: #54BA4A; -} -[dir=rtl] div .action .edit { - margin-left: 5px; -} -div .action .delete i { - color: #FC4438; -} - -#auto-generate-content_wrapper.dataTables_wrapper button { - background-color: white; - border: 1px solid var(--theme-deafult); - color: var(--theme-deafult); -} - -.dataTables_wrapper { - width: calc(100% - 1px); - padding: 0; -} -.dataTables_wrapper.no-footer .dataTables_scrollBody { - border-bottom: 1px solid #ecf3fa; -} -.dataTables_wrapper .dt-buttons .btn { - border-radius: 0.25rem !important; -} -.dataTables_wrapper .btn-group button { - margin-right: 5px; -} -.dataTables_wrapper button { - font-weight: 400; - padding: 0.375rem 0.75rem; - font-size: 14px; - border-radius: 0.25rem; - color: #fff; -} -.dataTables_wrapper + .dataTables_wrapper { - margin-top: 20px; -} -.dataTables_wrapper .dataTables_paginate { - margin-left: 15px !important; - border: 1px solid #f4f4f4; - border-radius: 0.25rem; - padding-top: 0; -} -.dataTables_wrapper .dataTables_paginate .paginate_button { - margin: 0; -} -.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active { - background: var(--theme-deafult); - color: #fff !important; - box-shadow: none; -} -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - border: 1px solid var(--theme-deafult); - color: #2c323f !important; - background: transparent !important; -} -.dataTables_wrapper .dataTables_length { - margin-bottom: 30px; -} -.dataTables_wrapper .dataTables_length select { - border-color: #f4f4f4; - color: #2c323f; - padding: 0 10px; - margin: 0 10px; - height: 2.7142em; - background-color: #fff; -} -.dataTables_wrapper table.dataTable { - border: 1px solid #efefef; -} -.dataTables_wrapper table.dataTable tbody td.select-checkbox, -.dataTables_wrapper table.dataTable tbody th.select-checkbox { - padding-right: 40px !important; -} -.dataTables_wrapper table.dataTable tbody td.select-checkbox:before, -.dataTables_wrapper table.dataTable tbody th.select-checkbox:before { - right: 20px; - top: 22px; - left: unset; -} -.dataTables_wrapper table.dataTable tbody td.select-checkbox:after, -.dataTables_wrapper table.dataTable tbody th.select-checkbox:after { - margin-top: -5px; - margin-left: 21px; -} -.dataTables_wrapper table.dataTable thead th, -.dataTables_wrapper table.dataTable thead td { - border-bottom: 2px solid #efefef; -} -.dataTables_wrapper table.dataTable th, -.dataTables_wrapper table.dataTable td { - padding: 0.75rem; -} -.dataTables_wrapper .dataTables_filter { - margin-bottom: 25px; - margin-left: 15px; -} -.dataTables_wrapper .dataTables_filter input[type=search] { - border: 1px solid #efefef; - padding: 0 10px; - margin-left: 10px; - height: 37px; - border-radius: 0; -} - -.dataTables_scrollHeadInner { - width: 100% !important; -} - -table .fixedHeader-floating { - position: fixed !important; - background-color: #fff; -} -table .box > div { - padding: 5px 15px; - background-color: var(--theme-deafult); - display: inline-block; - color: #fff; - border-radius: 5px; - margin-bottom: 15px; - margin-right: 15px; -} -table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating { - width: calc(100vw - 250px) !important; - max-width: calc(100vw - 250px) !important; - overflow: hidden !important; - right: 0 !important; - z-index: 99; - left: 260px !important; -} -table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) { - width: 100% !important; -} -table.dataTable { - border-collapse: collapse !important; - margin-top: 0 !important; -} -table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - bottom: 12px !important; -} -table.dataTable input, -table.dataTable select { - border: 1px solid #efefef; - height: 37px; -} - -.user-datatable tr td:first-child, -.user-datatable tr th:first-child { - min-width: 150px; -} - -.jsgrid .jsgrid-button { - width: 20px; - height: 20px; -} -.jsgrid .jsgrid-delete-button { - background-position: 0 -78px; - width: 22px; - height: 22px; -} -.jsgrid .jsgrid-edit-button { - background-position: -2px -122px; - width: 22px; - height: 22px; -} -.jsgrid .jsgrid-insert-mode-button { - background-position: -2px -160px; - width: 25px; - height: 25px; -} -.jsgrid .jsgrid-insert-button { - background-position: -3px -202px; - width: 16px; - height: 16px; -} - -.toolbar { - padding: 5px 15px; - background-color: var(--theme-deafult); - display: inline-block; - color: #fff; - border-radius: 5px; - margin-bottom: 15px; - margin-right: 15px; -} - -code.option { - color: #FC4438 !important; -} -code.api { - color: #54BA4A !important; -} - -.dt-ext .dataTables_wrapper .page-item.active .page-link { - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult) !important; - color: #fff; -} -.dt-ext .dataTables_wrapper .dataTables_paginate { - border: none; -} -.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button { - padding: 0; - border: none; -} -.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active { - border: none !important; -} -.dt-ext .dataTables_wrapper .dataTables_paginate .page-link { - margin-left: 0px; - color: var(--theme-deafult); -} -.dt-ext .dataTables_wrapper button.dt-button, -.dt-ext .dataTables_wrapper div.dt-button, -.dt-ext .dataTables_wrapper a.dt-button, -.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled), -.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled), -.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled), -.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled), -.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled), -.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled), -.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled), -.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled), -.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) { - background-color: var(--theme-deafult); - border-color: var(--theme-deafult); - border-radius: 2px; - color: #fff; - background-image: none; - font-size: 14px; -} -.dt-ext .dataTables_wrapper button.dt-button.btn-success, -.dt-ext .dataTables_wrapper div.dt-button.btn-success, -.dt-ext .dataTables_wrapper a.dt-button.btn-success { - background-color: #54BA4A; - border-color: #54BA4A; -} -.dt-ext .dataTables_wrapper button.dt-button.btn-primary, -.dt-ext .dataTables_wrapper div.dt-button.btn-primary, -.dt-ext .dataTables_wrapper a.dt-button.btn-primary { - background-color: var(--theme-deafult); - border-color: var(--theme-deafult); -} -.dt-ext .dataTables_wrapper button.dt-button.btn-danger, -.dt-ext .dataTables_wrapper div.dt-button.btn-danger, -.dt-ext .dataTables_wrapper a.dt-button.btn-danger { - background-color: #FC4438; - border-color: #FC4438; -} -.dt-ext .dataTables_wrapper table.dataTable th.focus, -.dt-ext .dataTables_wrapper table.dataTable td.focus { - outline: 3px solid var(--theme-deafult); -} -.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1, -.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { - background-color: white; -} -.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected, -.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected, -.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected, -.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected { - background-color: white; -} -.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1, -.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { - background-color: white; -} -.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected, -.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected { - background-color: white; -} - -td.highlight { - background-color: #f4f4f4 !important; -} - -td.details-control { - background: url("../images/details_open.png") no-repeat center center; - cursor: pointer; -} - -tr.shown td.details-control { - background: url("../images/details_close.png") no-repeat center center; -} - -.dataTables_scroll ~ .dataTables_paginate { - margin-top: 20px !important; -} - -.product-table th:last-child { - min-width: 120px; -} -.product-table h6 { - font-weight: 600; - color: #2c323f; -} - -table.dataTable.display tbody tr.odd > .sorting_1 { - background-color: #fdfeff; -} -table.dataTable.display tbody tr.odd .badge { - line-height: 15px; -} -table.dataTable.display tbody tr.even .badge { - line-height: 15px; -} - -.jsgrid-row .jsgrid-cell .badge, -.jsgrid-alt-row .jsgrid-cell .badge { - line-height: 15px !important; -} - -/**===================== - 2.12 Datatable CSS Ends -==========================**/ -/**===================== - 2.13 Datapicker CSS Start -==========================**/ -.clockpicker-canvas line { - stroke: var(--theme-deafult); -} - -.clockpicker-canvas-fg, -.clockpicker-canvas-bearing { - fill: var(--theme-deafult); -} - -.daterangepicker { - border: none; - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); -} -.daterangepicker td.available:hover, -.daterangepicker th.available:hover { - background-color: var(--theme-deafult); -} - -.datepicker { - z-index: 99; -} - -.datepicker--day-name { - color: #7366FF; - font-weight: bold; -} - -.datepicker--cell.-current- { - color: #000; - border-radius: 5px; - font-weight: bold; - border: 2px solid var(--theme-deafult); -} -.datepicker--cell.-focus- { - background: var(--theme-deafult); - color: #fff; -} -.datepicker--cell.-selected- { - background: var(--theme-deafult) !important; -} -.datepicker--cell-day { - width: 14.2857142857%; -} - -.daterangepicker.ltr { - color: #898989; - z-index: 8; -} -.daterangepicker.ltr tr { - font-size: 13px; -} -.daterangepicker.ltr tr td { - height: 34px; - width: 34px; -} -.daterangepicker.ltr tr td.in-range { - background-color: #fafafa; -} -.daterangepicker.ltr tr td.active { - background-color: var(--theme-deafult); -} -.daterangepicker.ltr .ranges { - float: none; -} -.daterangepicker.ltr .ranges li { - color: var(--theme-deafult); -} -.daterangepicker.ltr .ranges li:hover { - background-color: var(--theme-deafult); - border: 1px solid var(--theme-deafult); - color: #fff; -} -.daterangepicker.ltr .ranges li.active { - background-color: var(--theme-deafult); - border: 1px solid var(--theme-deafult); - color: #fff; -} -.daterangepicker.ltr .calendar-time select { - color: #898989; - border-color: #efefef; - background-color: #fff; - font-size: 14px; - padding: 5px 10px; - border-radius: 5px; - width: 30%; -} - -.datepickers-container, -.bootstrap-datetimepicker-widget { - z-index: 7; -} - -.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu { - width: auto; -} -.datetime-picker .input-group-text i { - line-height: 1.3; -} - -.date-range-picker .theme-form { - margin-bottom: 30px; -} -.date-range-picker > div:last-child .theme-form { - margin-bottom: 0px; -} - -.daterangepicker:before { - border-bottom: 7px solid #efefef; -} -.daterangepicker .daterangepicker_input i { - font-size: 14px; - color: #59667a; -} -.daterangepicker .input-mini { - border-color: #efefef !important; - font-size: 14px; - color: #59667a; -} -.daterangepicker th, -.daterangepicker td { - height: 34px; - width: 34px; -} -.daterangepicker th:hover, -.daterangepicker td:hover { - color: #2c323f; -} -.daterangepicker th.prev, .daterangepicker th.next, -.daterangepicker td.prev, -.daterangepicker td.next { - color: #fff; - height: 34px; - width: 34px; - background-color: var(--theme-deafult); -} -.daterangepicker th.month, -.daterangepicker td.month { - color: var(--theme-deafult); - letter-spacing: 1px; - text-transform: uppercase; -} - -.clockpicker-popover { - border: none; - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); - z-index: 7; -} -.clockpicker-popover .popover-content { - background-color: rgba(115, 102, 255, 0.05); -} - -.clockpicker-canvas-bg { - fill: white; -} - -.clockpicker-tick:hover { - color: inherit; - background-color: white; -} - -.calendar-basic .md-sidebar-aside { - background-color: #fff; -} -.calendar-basic #external-events { - padding: 20px; - border: 1px solid #d7e2e9; -} -.calendar-basic #external-events h4 { - margin-bottom: 14px; -} -.calendar-basic #external-events p { - margin-top: 12px; -} -.calendar-basic #external-events .fc-h-event { - padding: 12px; - background-color: #7366FF; - border: 1px solid #7366FF; -} -.calendar-basic #external-events .fc-h-event + .fc-h-event { - margin-top: 10px; -} -.calendar-basic #external-events .fc-h-event .fc-event-main { - font-size: 13px; -} -.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title { - text-overflow: ellipsis; -} -.calendar-basic .calendar-default .fc td[role=presentation] { - border: 0; -} -.calendar-basic .calendar-default .fc .fc-daygrid-day-number, -.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion { - color: #2F2F3B; -} -.calendar-basic .calendar-default .fc .fc-button .fc-icon { - height: 23px; -} -.calendar-basic .calendar-default .fc-h-event { - padding: 2px; - background-color: #7366FF; - border: 1px solid #7366FF; -} -.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button { - margin: 0 8px; -} - -.fc-event-dragging { - padding: 10px; - background-color: var(--theme-deafult); -} - -.fc .fc-toolbar { - flex-wrap: wrap; - gap: 10px; -} -.fc .fc-button-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(115, 102, 255, 0.5); -} - -/**===================== - 2.13 Datapicker CSS End -==========================**/ -/**===================== - 2.14 Dropdown CSS Start -==========================**/ -.img-cropper .dropup .dropdown-toggle::after { - content: ""; - display: none; -} - -.dropdown-auto { - overflow: auto; -} - -.dropdown-divider { - margin: 0; -} - -.dropdown .dropdown-toggle { - background-color: rgba(115, 102, 255, 0.08); - color: #7366FF; - border-radius: 10px; - padding: 5px 10px; - width: 100px; - text-align: left; -} -.dropdown .dropdown-toggle:after { - position: absolute; - top: 50%; - right: 10px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: "\f107"; - border: none; - font-family: "FontAwesome"; - font-size: 18px; - margin: 0; -} -.dropdown .dropdown-toggle.btn-primary { - color: #fff; -} -.dropdown .dropdown-menu { - font-family: Rubik, sans-serif; -} - -.docs-toggles .dropdown .dropdown-toggle { - width: auto; -} - -.nav-tabs .dropdown .dropdown-toggle { - width: 120px; -} -@media only screen and (max-width: 575.98px) { - .nav-tabs .dropdown .dropdown-toggle { - width: 100%; - text-align: center; - } -} - -.icon-dropdown .dropdown-toggle { - background: transparent; - color: #52526c; - padding: 0; - width: auto; -} -.icon-dropdown .dropdown-toggle i { - font-size: 16px; -} -.icon-dropdown .dropdown-toggle::after { - display: none; -} -.icon-dropdown .dropdown-item { - line-height: 1.5; -} - -.dropdown-basic { - margin-bottom: -10px; -} -.dropdown-basic .btn-group .btn-round { - border-radius: 50px; -} -.dropdown-basic .separated-btn { - margin-left: -6px; -} -[dir=rtl] .dropdown-basic .separated-btn { - margin-left: unset; - margin-right: -6px; -} -.dropdown-basic .separated-btn .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - padding: 10px; -} -.dropdown-basic button { - max-height: 43px; -} -.dropdown-basic .dropdown { - position: relative; - display: inline-block; - margin-bottom: 10px; -} -.dropdown-basic .dropdown .dropbtn { - color: white; - padding: 12px 35px; - border: none; - cursor: pointer; -} -.dropdown-basic .dropdown .dropdown-content { - display: none; - position: absolute; - right: 0; - background-color: #f9f9f9; - min-width: 175px; - box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); - z-index: 1; - left: 0; - top: 45px; -} -.dropdown-basic .dropdown .dropdown-content a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; -} -.dropdown-basic .dropdown .dropdown-content .dropdown-header { - padding: 12px 16px; -} -.dropdown-basic .dropdown-content a:hover { - background-color: #f1f1f1; -} -.dropdown-basic .dropdown:hover .dropdown-content { - display: block; -} - -.dropup-basic .dropup { - position: relative; - display: inline-block; -} -.dropup-basic .dropup .dropbtn { - color: white; - padding: 12px; - border: none; -} -.dropup-basic .dropup .dropup-content { - display: none; - position: absolute; - background-color: #f9f9f9; - min-width: 170px; - bottom: 45px; - z-index: 999; - left: 0; -} -.dropup-basic .dropup .dropup-content a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; -} -.dropup-basic .dropup .dropup-content a:hover { - background-color: #ecf3fa; -} -.dropup-basic .dropup:hover .dropup-content { - display: block; -} -.dropup-basic .dropup:hover .dropup-content a.active { - background-color: #ecf3fa; -} - -.dropdown-block li .dropdown-item:hover { - background-color: #cccccc; -} -.dropdown-block li .helper-truncate:hover { - background-color: unset !important; -} - -.dropdown-basic .dropdown .dropdown-content a:hover { - background-color: #cccccc !important; -} - -.dropdown-menu .input-group { - background-color: unset; - padding: 6px 12px; - border-top: 1px solid #efefef; - background-color: #fff; - opacity: 0.6; -} -.dropdown-menu .input-group:hover, .dropdown-menu .input-group:active { - background-color: #cccccc; -} -.dropdown-menu .input-group .input-group-text { - background-color: unset; - border: none; -} - -.dropdown-toggle::after { - display: inline-block; - margin-left: 8px; - vertical-align: 4px; - content: ""; - border-top: 4px solid; - border-right: 4px solid transparent; - border-bottom: 0; - border-left: 4px solid transparent; -} -[dir=rtl] .dropdown-toggle::after { - margin-left: unset; - margin-right: 8px; -} - -.dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 8px; - content: ""; - border-top: 4px solid transparent; - border-right: 4px solid; - border-bottom: 4px solid transparent; -} -[dir=rtl] .dropstart .dropdown-toggle::before { - margin-left: 8px; - margin-right: unset; -} - -.dropup .dropdown-toggle::after { - content: ""; - display: inline-block; - margin-left: 8px; - vertical-align: 4px; - border-top: 0; - border-right: 4px solid transparent; - border-bottom: 4px solid; - border-left: 4px solid transparent; -} -[dir=rtl] .dropup .dropdown-toggle::after { - margin-left: unset; - margin-right: 8px; -} - -.dropend .dropdown-toggle::after { - content: ""; - display: inline-block; - content: ""; - border-top: 4px solid transparent; - border-right: 0; - border-bottom: 4px solid transparent; - border-left: 4px solid; - margin-left: 8px; -} -[dir=rtl] .dropend .dropdown-toggle::after { - margin-left: unset; - margin-right: 8px; -} - -.form-wrapper { - width: 260px; -} - -@media (max-width: 400px) { - .dropdown-menu .helper-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } -} - -.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active { - background-color: #2c323f; - color: #fff; -} - -btn-group .dropdown-wrapper { - z-index: 2; -} - -[dir=rtl] .rtl-dropdown .dropdown-menu li .dropdown-item { - text-align: right; -} -[dir=rtl] .rtl-dropdown .btn-group .dropdown-menu { - text-align: right; -} - -/**===================== - 2.14 Dropdown CSS Ends -==========================**/ -/**===================== - 2.15 Form-builder CSS Start -==========================**/ -.component { - cursor: pointer; -} -.component label { - padding-top: 8px; -} -.component .form-group input, -.component .form-group textarea, -.component .form-group select { - border-radius: 4px; -} - -input { - cursor: pointer; -} - -textarea { - resize: vertical; -} - -.popover .controls { - margin-left: 0; -} -.popover .control-label { - text-align: left; -} -.popover form { - width: 100%; -} -.popover .fade.left.in { - left: -215px; -} - -.drag form { - padding: 10px 5px; - border: 1px dotted #ecf3fa; - position: absolute; - background: #fff; - box-shadow: 0 0 30px #ecf3fa; - overflow: hidden; -} -.drag form input { - border-radius: 5px; -} - -/**===================== - 2.15 Form-builder CSS Ends -==========================**/ -/**===================== - 2.16 Form-input CSS Start -==========================**/ -.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon { - position: absolute; - z-index: 2; - left: 10px; - font-size: 14px; - width: 20px; - margin-left: -2.5px; - text-align: center; - padding: 10px 0; - top: 1px; -} - -.icon-addon .glyphicon, -.icon-addon .fa { - position: absolute; - z-index: 2; - left: 10px; - font-size: 14px; - width: 20px; - margin-left: -2.5px; - text-align: center; - padding: 10px 0; - top: 1px; -} - -.input-group-square .input-group-text, -.input-group-square .form-control { - border-radius: 0; -} - -.input-group-solid .input-group-text, -.input-group-solid .form-control { - background: #f4f4f4; -} - -.input-group-air { - box-shadow: 0 3px 20px 0 #efefef; -} - -.icon-addon { - position: relative; - color: #4c5667; - display: block; -} -.icon-addon:after { - display: table; - content: ""; - clear: both; -} -.icon-addon:before { - display: table; - content: ""; -} -.icon-addon .addon-md .form-control { - padding-left: 30px; - float: left; - font-weight: normal; -} -.icon-addon .form-control { - padding-left: 30px; - float: left; - font-weight: normal; -} -.pill-input-group span:last-child { - border-top-right-radius: 1.3rem; - border-bottom-right-radius: 1.3rem; -} -.pill-input-group span:first-child { - border-top-left-radius: 1.3rem; - border-bottom-left-radius: 1.3rem; -} - -/**===================== - 2.16 Form-input CSS Ends -==========================**/ -/**===================== - 2.17 Form-wizard CSS Start -==========================**/ -/*Form Wizard One Start*/ -.form-wizard .tab { - display: none; -} -.form-wizard .btn-mb { - margin-bottom: 30px; -} -.form-wizard .step { - height: 10px; - width: 10px; - margin: 0 2px; - background-color: var(--theme-deafult); - border: none; - border-radius: 50%; - display: inline-block; - opacity: 0.5; -} -.form-wizard .step.active { - opacity: 1; -} -.form-wizard .step.finish { - background-color: var(--theme-secondary); -} - -/*Form Wizard One ends*/ -/*Form Wizard Two Start*/ -.stepwizard { - display: table; - width: 100%; - position: relative; - margin-bottom: 30px; -} -.stepwizard .stepwizard-row { - display: table-row; -} -.stepwizard .stepwizard-row:before { - top: 16px; - bottom: 0; - position: absolute; - content: " "; - width: 100%; - height: 1px; - background-color: #ecf3fa; -} -.stepwizard .stepwizard-row .stepwizard-step { - display: table-cell; - text-align: center; - position: relative; -} -.stepwizard .stepwizard-row .stepwizard-step p { - margin-top: 10px; -} -.stepwizard .stepwizard-row .stepwizard-step button[disabled] { - opacity: 1 !important; - filter: alpha(opacity=100) !important; -} - -/*Form Wizard Two Ends*/ -/*Form Wizard Three Start*/ -.f1 fieldset { - display: none; -} -.f1 .input-error { - border-color: #FC4438; -} -.f1 .f1-steps { - overflow: hidden; - position: relative; - margin-top: 30px; - margin-bottom: 30px; -} -.f1 .f1-steps .f1-progress { - position: absolute; - top: 24px; - width: 100%; - height: 1px; - background: #898989; -} -.f1 .f1-steps .f1-progress .f1-progress-line { - height: 1px; - background: var(--theme-deafult); - width: 16%; -} -.f1 .f1-steps .f1-step { - position: relative; - float: left; - width: 33.333333%; - text-align: center; -} -.f1 .f1-steps .f1-step.activated .f1-step-icon { - background: #fff; - border: 1px solid var(--theme-deafult); - color: var(--theme-deafult); -} -.f1 .f1-steps .f1-step.activated p { - color: var(--theme-deafult); -} -.f1 .f1-steps .f1-step.active .f1-step-icon { - width: 48px; - height: 48px; - background: var(--theme-deafult); - font-size: 22px; - line-height: 20px; -} -.f1 .f1-steps .f1-step.active p { - color: var(--theme-deafult); -} -.f1 .f1-steps .f1-step p { - color: #898989; -} -.f1 .f1-steps .f1-step .f1-step-icon { - display: inline-block; - width: 40px; - height: 40px; - background: #898989; - font-size: 16px; - color: #fff; - line-height: 20px; - border-radius: 50%; -} -.f1 .f1-buttons { - text-align: right; -} - -/*Form Wizard Three ends*/ -/*Form Wizard Four Start*/ -.wizard-4 .action-bar { - position: absolute; - bottom: 50px; - right: 50px; -} -[dir=rtl] .wizard-4 .action-bar { - right: unset; - left: 50px; -} -.wizard-4 .action-bar .btn { - float: right; - margin: 0 5px; - background-color: #e3e0ff !important; - border-color: #e3e0ff !important; - color: var(--theme-deafult); -} -.wizard-4 .action-bar .buttonDisabled { - color: #59667a; - background-color: rgba(89, 102, 122, 0.05) !important; - border: 1px solid rgba(89, 102, 122, 0.05) !important; - cursor: text; -} -.wizard-4 .step-container { - background: #f8f9fe; - position: relative; - margin: 0; - padding: 0; - border: 0 solid #e8ebf2; - overflow: hidden; - clear: right; - width: 70%; -} -.wizard-4 .step-container div.content { - display: block; - position: absolute; - float: left; - text-align: left; - overflow: auto; - z-index: 1; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - clear: both; -} -.wizard-4 .step-container div.content .wizard-title { - width: 450px; - margin: 0 auto; -} -.wizard-4 .loader { - display: none; -} -.wizard-4 .msg-box { - position: fixed; - display: none; - padding: 5px 10px; - background-color: #a299ff; - top: 30px; - border-radius: 5px; - right: 60px; - padding: 10px 20px; -} -.wizard-4 .msg-box .content { - padding: 0; - float: left; - padding-top: 3px; - color: #fff; -} -.wizard-4 .msg-box .close { - color: #fff; - margin-left: 10px; - opacity: 1; - font-size: 18px; - line-height: 1.4; -} -.wizard-4 ul.anchor { - float: left; - width: 30%; - height: calc(100vh - 300px); - padding: 40px 30px; - overflow: auto; -} -.wizard-4 ul.anchor .disabled { - opacity: 0.7; - color: #59667a; -} -.wizard-4 ul.anchor .disabled h4 { - background-color: rgba(89, 102, 122, 0.15); -} -.wizard-4 ul.anchor .logo { - padding-bottom: 20px; -} -.wizard-4 ul.anchor li { - position: relative; - display: block; - margin: 0; - padding: 0; - padding-bottom: 19px; - float: left; - clear: both; - width: 100%; - box-sizing: border-box; - z-index: 0; -} -.wizard-4 ul.anchor li + li a { - padding-left: 80px; -} -[dir=rtl] .wizard-4 ul.anchor li + li a { - padding-left: unset; - padding-right: 80px; -} -.wizard-4 ul.anchor li:last-child { - position: absolute; - bottom: 0; - width: auto; - padding-bottom: 0; - left: 9%; -} -[dir=rtl] .wizard-4 ul.anchor li:last-child { - left: unset; - right: 9%; -} -.wizard-4 ul.anchor li:last-child img { - height: 300px; -} -@media (max-width: 1199px) { - .wizard-4 ul.anchor li:last-child img { - height: 220px; - } -} -.wizard-4 ul.anchor li h4 { - display: inline-block; - background-color: rgba(115, 102, 255, 0.2); - padding: 16px 23px; - border-radius: 100%; - position: absolute; - left: 0; - top: 6px; - width: 60px; - display: flex; - align-items: center; - justify-content: center; -} -[dir=rtl] .wizard-4 ul.anchor li h4 { - left: unset; - right: 0; -} -.wizard-4 ul.anchor li a { - display: block; - position: relative; - float: left; - margin: 0; - padding: 10px 20px; - width: 100%; - box-sizing: border-box; - text-decoration: none; - outline-style: none; - z-index: 1; - font-size: 18px; -} -.wizard-4 ul.anchor li a small { - display: block; - font-size: 14px; -} -.wizard-4 ul.anchor li a .stepNumber { - position: relative; - float: left; - width: 30px; - text-align: center; - padding: 5px; - padding-top: 0; -} -.wizard-4 ul.anchor li a.done h4 { - color: #fff; - background: var(--theme-deafult); -} -.wizard-4 ul.anchor li a.done h4:before { - font-size: 12px; - position: absolute; - left: 5px; - top: -3px; - content: "\e64c"; - font-family: "themify"; - background-color: #fff; - color: var(--theme-deafult); - border-radius: 15px; - padding: 2px; - border: 1px solid; -} -.wizard-4 ul.anchor li a.error { - color: #898989; - background: #fe8a7d; - border: 1px solid #FC4438; -} -.wizard-4 ul.anchor li a.error:hover { - color: #000; -} - -/*Form Wizard Four Ends*/ -/**===================== - 2.17 Form-wizard CSS Ends -==========================**/ -/**===================== - 2.18 Form CSS Start -==========================**/ -.form-label { - margin-bottom: 4px; -} - -.col-form-label { - padding-bottom: 4px; -} - -.form-space { - margin-bottom: -10px; -} -.form-space > div { - margin-bottom: 10px; -} - -.theme-form .form-control :focus { - box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); -} -.theme-form textarea { - border-color: #efefef; -} -.theme-form textarea::-webkit-input-placeholder { - color: #898989; - font-size: 14px; - letter-spacing: 1px; - font-weight: 100; -} -.theme-form input[type=text], -.theme-form input[type=email], -.theme-form input[type=search], -.theme-form input[type=password], -.theme-form input[type=number], -.theme-form input[type=tel], -.theme-form input[type=date], -.theme-form input[type=datetime-local], -.theme-form input[type=time], -.theme-form input[type=datetime-local], -.theme-form input[type=month], -.theme-form input[type=week], -.theme-form input[type=url], -.theme-form input[type=file], -.theme-form textarea, -.theme-form select { - border-color: #efefef; - background-color: #fff; - font-size: 14px; - color: #898989; - padding: 12px 10px; - -webkit-box-shadow: none; - box-shadow: none; -} -.theme-form input[type=text]::-webkit-input-placeholder, -.theme-form input[type=email]::-webkit-input-placeholder, -.theme-form input[type=search]::-webkit-input-placeholder, -.theme-form input[type=password]::-webkit-input-placeholder, -.theme-form input[type=number]::-webkit-input-placeholder, -.theme-form input[type=tel]::-webkit-input-placeholder, -.theme-form input[type=date]::-webkit-input-placeholder, -.theme-form input[type=datetime-local]::-webkit-input-placeholder, -.theme-form input[type=time]::-webkit-input-placeholder, -.theme-form input[type=datetime-local]::-webkit-input-placeholder, -.theme-form input[type=month]::-webkit-input-placeholder, -.theme-form input[type=week]::-webkit-input-placeholder, -.theme-form input[type=url]::-webkit-input-placeholder, -.theme-form input[type=file]::-webkit-input-placeholder, -.theme-form textarea::-webkit-input-placeholder, -.theme-form select::-webkit-input-placeholder { - color: #898989; - font-size: 14px; - letter-spacing: 1px; - font-weight: 100; -} -.theme-form input[type=file] { - height: auto; -} -.theme-form select.form-control:not([size]):not([multiple]) { - border-color: #efefef; - font-size: 14px; -} -.theme-form .checkbox label { - padding-left: 10px; -} -.theme-form .form-divider { - position: relative; - clear: both; - height: 0; - margin: 30px 0; - border-top: 1px solid #efefef; -} -.theme-form .form-divider:before { - position: absolute; - top: -11px; - left: 40%; - margin-left: -10px; - padding: 0 5px; - content: "Or Signup With"; - color: #242934; - background: #fff; -} -.theme-form .login-divider { - position: relative; - clear: both; - height: 0; - margin: 30px 0; - border-top: 1px solid #efefef; -} -.theme-form .login-divider:before { - position: absolute; - top: -11px; - left: 40%; - margin-left: -10px; - padding: 0 5px; - color: #242934; - background: #fff; - content: "Or Login With"; -} -.theme-form .btn-fb, -.theme-form .btn-twitter, -.theme-form .btn-google, -.theme-form .btn-linkedin { - color: #fff; - width: 100%; -} -.theme-form .btn-fb { - background-color: #50598e; -} -.theme-form .btn-twitter { - background-color: #6fa2d8; -} -.theme-form .btn-google { - background-color: #c64e40; -} -.theme-form .btn-linkedin { - background-color: #0077B5; -} - -.form-inline { - display: flex; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-flow: row wrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 0; -} -.form-inline .col-form-label { - margin-right: 5px; -} - -.search-form .form-group:before { - position: absolute; - content: ""; - width: 1px; - height: 25px; - background: #e8ebf2; - left: 82px; - top: 50px; -} -.search-form .form-group:after { - position: absolute; - content: "\f002"; - font-family: "FontAwesome"; - top: 53px; - left: 53px; - color: #8e8e8e; -} -.search-form input { - border: 1px solid #efefef; - padding: 10px 10px 10px 70px; - border-radius: 10px; - background-color: rgba(244, 244, 244, 0.3); -} -.search-form input:focus { - outline: none !important; -} - -.form-label-align-right label { - text-align: right; - padding-top: 17px; - font-weight: 500; -} - -/**===================== - 2.18 Form CSS Ends -==========================**/ -/**===================== - 2.19 Icons CSS Start -==========================**/ -.icon-lists div { - cursor: pointer; - line-height: 60px; - white-space: nowrap; - border-radius: 4px; - display: flex; - align-items: center; -} -.icon-lists div:hover { - background-color: #fafafa; -} -.icon-lists div i { - margin: 0 15px 0 10px; - font-size: 24px; -} -.icon-lists.whether-icon svg { - height: 50px; - width: 50px; -} -.icon-lists.feather-icons .media svg { - margin: 0 15px 0 10px; -} -.icon-lists .feather-icon .icon-first h6 { - display: none; -} - -.flag-icons, -.feather-icons { - margin-bottom: -15px; - margin-top: -15px; -} -.flag-icons div, -.feather-icons div { - line-height: 1; - word-wrap: break-word; - overflow: auto; -} -.flag-icons div .flag-icon, -.feather-icons div .flag-icon { - height: 50px; - width: 50px; -} -.flag-icons div .media, -.feather-icons div .media { - padding-top: 15px; - padding-bottom: 15px; - width: 100%; -} -.flag-icons div .media-body h6, -.feather-icons div .media-body h6 { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - max-width: 100%; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.flag-icons div .media-body h5, -.feather-icons div .media-body h5 { - background-color: var(--theme-deafult); - display: inline-block; - padding: 3px 5px; - font-size: 11px; - border-radius: 3px; - margin-bottom: 5px; - margin-right: 5px; - color: #fff; -} - -.icon-hover-bottom { - background-color: #fdfeff; - width: 100%; - bottom: 0; - left: 0; - box-shadow: 0px 0px 1px 1px #f4f4f4; - z-index: 999; -} -.icon-hover-bottom .icon-popup { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - padding: 20px; -} -.icon-hover-bottom .icon-popup .close-icon { - position: absolute; - right: 10px; - top: 10px; - font-size: 20px; - color: #cccccc; - cursor: pointer; -} -[dir=rtl] .icon-hover-bottom .icon-popup .close-icon { - right: unset; - left: 10px; -} -.icon-hover-bottom .icon-popup > div { - display: inline-block; -} -.icon-hover-bottom .icon-popup > div .flag-icon { - width: 60px; - height: 60px; -} -.icon-hover-bottom .icon-popup .icon-class { - margin: 0 20px; - cursor: pointer; -} -.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group { - display: initial; -} -.icon-hover-bottom .icon-title { - display: block; - color: #2c323f; - text-transform: uppercase; - font-weight: 500; -} -.icon-hover-bottom span, -.icon-hover-bottom label, -.icon-hover-bottom .btn { - font-family: Roboto, sans-serif; -} -.icon-hover-bottom .form-group input { - display: inline-block; - width: 300px; - background-color: #fff; - font-family: Roboto, sans-serif; -} - -.fa-fa-icon-show-div, -.icons-show-div { - display: none; -} - -.icon-first i { - color: #898989; -} -.icon-first h6 { - display: none; -} - -/**===================== - 2.19 Icons CSS Ends -==========================**/ -/**===================== - 2.20 List CSS Start -==========================**/ -.list-group-item.active { - background-color: var(--theme-deafult); - border-color: var(--theme-deafult); -} - -.list-group i { - margin-right: 10px; -} -.list-group img { - height: 40px; - width: 40px; - margin-right: 10px; -} - -.list-light-primary { - background-color: #E0DDFF; -} -.list-light-primary:hover, .list-light-primary:active, .list-light-primary:focus { - background-color: #E0DDFF; -} - -.list-hover-primary { - background-color: unset; -} -.list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus { - background-color: #E0DDFF; - color: #2c323f; - z-index: 0; -} - -.list-light-secondary { - background-color: #FFE0E8; -} -.list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary:focus { - background-color: #FFE0E8; -} - -.list-hover-secondary { - background-color: unset; -} -.list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus { - background-color: #FFE0E8; - color: #2c323f; - z-index: 0; -} - -.list-light-success { - background-color: #D6EED4; -} -.list-light-success:hover, .list-light-success:active, .list-light-success:focus { - background-color: #D6EED4; -} - -.list-hover-success { - background-color: unset; -} -.list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus { - background-color: #D6EED4; - color: #2c323f; - z-index: 0; -} - -.list-light-warning { - background-color: #FFF0D2; -} -.list-light-warning:hover, .list-light-warning:active, .list-light-warning:focus { - background-color: #FFF0D2; -} - -.list-hover-warning { - background-color: unset; -} -.list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus { - background-color: #FFF0D2; - color: #2c323f; - z-index: 0; -} - -.list-light-info { - background-color: #D5F5FE; -} -.list-light-info:hover, .list-light-info:active, .list-light-info:focus { - background-color: #D5F5FE; -} - -.list-hover-info { - background-color: unset; -} -.list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus { - background-color: #D5F5FE; - color: #2c323f; - z-index: 0; -} - -.list-light-light { - background-color: #F9F9FB; -} -.list-light-light:hover, .list-light-light:active, .list-light-light:focus { - background-color: #F9F9FB; -} - -.list-hover-light { - background-color: unset; -} -.list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus { - background-color: #F9F9FB; - color: #2c323f; - z-index: 0; -} - -.list-light-danger { - background-color: #FEDDDB; -} -.list-light-danger:hover, .list-light-danger:active, .list-light-danger:focus { - background-color: #FEDDDB; -} - -.list-hover-danger { - background-color: unset; -} -.list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus { - background-color: #FEDDDB; - color: #2c323f; - z-index: 0; -} - -.list-light-dark { - background-color: #EAEBF2; -} -.list-light-dark:hover, .list-light-dark:active, .list-light-dark:focus { - background-color: #EAEBF2; -} - -.list-hover-dark { - background-color: unset; -} -.list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus { - background-color: #EAEBF2; - color: #2c323f; - z-index: 0; -} - -.horizontal-list-wrapper .list-group .list-group-item { - padding: 8px; -} - -.list-wrapper { - display: flex; - align-items: center; - gap: 12px; - flex-wrap: wrap; -} -@media (max-width: 414px) { - .list-wrapper { - flex-wrap: unset; - word-break: break-word; - } -} -@media (max-width: 366px) { - .list-wrapper { - padding-bottom: 8px; - } -} -.list-wrapper .list-img { - width: calc(40px + 15 * (100vw - 320px) / 1600); - height: calc(40px + 15 * (100vw - 320px) / 1600); - margin-bottom: 10px; - border-radius: 50%; -} -.list-wrapper .list-content p { - margin-bottom: 0; -} - -.scrollbar-wrapper { - max-height: 270px; - overflow: auto; -} - -@media (max-width: 480px) { - .main-lists-content small { - display: none; - } -} - -@media (max-width: 1199px) { - .list-behavior-1 { - flex-direction: column; - gap: 12px; - } -} -.list-behavior-1 .flex-grow-1 { - margin-left: 16px; -} -[dir=rtl] .list-behavior-1 .flex-grow-1 { - margin-right: 16px; - margin-left: unset; -} - -@media (max-width: 1199px) { - .list-behavior-2 { - display: none; - } -} -.list-behavior-2 .flex-grow-1 { - margin-right: 16px; -} -[dir=rtl] .list-behavior-2 .flex-grow-1 { - margin-left: 16px; - margin-right: unset; -} - -.list-group .list-group-item { - padding: 11px 16px; -} -.list-group .list-group-item .form-check-input:focus { - box-shadow: unset !important; -} -[dir=rtl] .list-group .list-group-item i { - margin-left: 10px; - margin-right: unset; -} - -/**===================== - 2.20 List CSS Ends -==========================**/ -/**===================== - 2.21 Loader CSS Start -==========================**/ -.loader-wrapper { - height: 100%; - width: 100%; - display: flex; - align-items: center; - justify-content: center; - position: fixed; - background-color: #fff; - z-index: 11; - top: 0; - /*Color Loader*/ - /*Color Loader*/ -} -.loader-wrapper .loader-index { - display: flex; - align-items: center; - justify-content: center; - position: relative; - filter: url("#goo"); -} -.loader-wrapper .loader-index:after { - content: ""; - width: 4em; - height: 4em; - background: var(--theme-deafult); - border-radius: 50%; - position: absolute; - transform: scale(0.5); - animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate; -} -.loader-wrapper .loader-index span { - width: 2em; - height: 2em; - background: var(--theme-secondary); - border-radius: 50%; - margin-right: 2em; - position: relative; - transform: translateX(7em); - animation: move 4s ease-in-out infinite; -} -.loader-wrapper .loader-index span:before { - content: ""; - width: 2em; - height: 2em; - background: var(--theme-deafult); - border-radius: 50%; - position: absolute; - left: 3em; - transform: translateX(0em); - animation: shrink 2s ease-in-out infinite; -} -.loader-wrapper .loader-index span:after { - content: ""; - width: 2em; - height: 2em; - background: #16C7F9; - border-radius: 50%; - position: absolute; - right: 3em; - transform: translateX(0em); - animation: shrink 2s ease-in-out infinite; -} -@keyframes grow { - 0% { - transform: scale(0.5); - background: #16C7F9; - } - 50% { - transform: scale(1); - background: var(--theme-secondary); - } -} -@keyframes move { - 0% { - transform: translateX(7em); - } - 50% { - transform: translateX(-5em); - } -} -@keyframes shrink { - 0% { - transform: translateX(0em); - } - 50% { - transform: translateX(-1em); - } -} -.loader-wrapper svg { - width: 0; - height: 0; -} -.loader-wrapper body { - font-family: sans; - min-height: 100vh; - margin: 0; - display: grid; - place-content: center; - background: black; -} -.loader-wrapper h1 { - color: #fff; - text-align: center; - margin-bottom: 2em; - letter-spacing: 3px; - position: relative; - z-index: 2; -} -.loader-wrapper h1:before { - position: absolute; - content: ""; - height: 1px; - background: linear-gradient(to right, var(--theme-secondary), var(--theme-deafult), #16C7F9); - color: #fff; - top: 2.75em; - left: 0.75em; - width: 2.5em; - font-weight: 400; - font-variant: small-caps; - font-size: 0.5em; -} - -/**===================== - 2.21 Loader CSS Ends -==========================**/ -/**===================== - 2.22 Modal CSS start -==========================**/ -.modal-toggle-wrapper { - padding: 40px; -} -@media (max-width: 768px) { - .modal-toggle-wrapper { - padding: calc(14px + 26 * (100vw - 320px) / 448); - } -} -.modal-toggle-wrapper .form-control::placeholder { - font-size: 13px; -} -.modal-toggle-wrapper .modal-img { - display: flex; - justify-content: center; -} -.modal-toggle-wrapper .modal-img img { - width: 200px; - height: 200px; -} -@media (max-width: 992px) { - .modal-toggle-wrapper .modal-img img { - width: calc(136px + 64 * (100vw - 320px) / 672); - height: calc(136px + 64 * (100vw - 320px) / 672); - } -} -.modal-toggle-wrapper .modal-img li img { - width: 100px; - height: 100px; -} -@media (max-width: 992px) { - .modal-toggle-wrapper .modal-img li img { - width: calc(75px + 25 * (100vw - 320px) / 672); - height: calc(75px + 25 * (100vw - 320px) / 672); - } -} -.modal-toggle-wrapper .modal-img li + li { - margin-left: -39px; -} -.modal-toggle-wrapper button svg { - width: 16px; - height: 16px; -} - -.large-modal-header, -.large-modal-body { - display: flex; - align-items: center; - color: #2c323f; -} -.large-modal-header svg, -.large-modal-body svg { - width: 20px; - height: 20px; -} - -.modal-padding-space { - padding-left: 20px; -} - -.svg-modal { - width: 15px; - height: 15px; - stroke: #FF3364; - vertical-align: middle; -} - -.card-wrapper .modal-heading h5 { - font-size: calc(15px + 3 * (100vw - 320px) / 1080); -} -@media (min-width: 750px) and (max-width: 1200px) { - .card-wrapper .balance-modal { - display: flex; - flex-direction: column; - } -} - -/**===================== - 2.22 Modal CSS end -==========================**/ -/**===================== - 2.23 Popover CSS Start -==========================**/ -.popover-header { - background-color: #2c323f; - color: #fff; -} - -.popover-main .btn-showcase a { - color: #fff; -} -.popover-main .btn-showcase button:last-child { - margin-right: 0; -} - -/**===================== - 2.23 Popover CSS Ends -==========================**/ -/**===================== - 2.24 Print CSS Start -==========================**/ -@media print { - .sidebar-wrapper, - .page-header { - display: none; - } - .page-body { - margin: 0; - } - .page-wrapper .page-title { - visibility: hidden; - } - .page-wrapper .page-body-wrapper .page-title { - display: none; - } - .page-wrapper.compact-wrapper .page-body-wrapper .page-body { - margin: 0; - } - table.fixedHeader-floating { - display: none; - } -} -.invoice-table { - margin-top: 16px; - margin-bottom: 16px; -} - -.invoice .text-right input { - margin-top: 6px; -} -.invoice .media { - align-items: center; -} - -/**===================== - 2.24 Print CSS Ends -==========================**/ -/**===================== - 2.25 Radio CSS Start -==========================**/ -.animate-chk label { - line-height: 1.6; - cursor: pointer; -} -.animate-chk label:last-child { - margin-bottom: 0; -} - -.checkbox_animated { - cursor: pointer; - position: relative; - margin: 0 1rem 0 0; -} -.checkbox_animated:before { - transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); - transform: rotate(-45deg) scale(0, 0); - content: ""; - position: absolute; - left: 0.25rem; - top: 0.225rem; - z-index: 1; - width: 0.75rem; - height: 0.375rem; - border: 2px solid var(--theme-deafult); - border-top-style: none; - border-right-style: none; -} -.checkbox_animated:after { - content: ""; - position: absolute; - top: -0.125rem; - left: 0; - width: 1.3rem; - height: 1.3rem; - background: #fff; - border: 2px solid #ecf3fa; - cursor: pointer; -} -.checkbox_animated:checked:before { - transform: rotate(-45deg) scale(1, 1); -} - -.radio_animated { - position: relative; - margin: 0 1rem 0 0; - cursor: pointer; -} -.radio_animated:before { - transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); - transform: scale(0, 0); - content: ""; - position: absolute; - top: 0; - left: 0.125rem; - z-index: 1; - width: 0.75rem; - height: 0.75rem; - background: var(--theme-deafult); - border-radius: 50%; -} -.radio_animated:after { - content: ""; - position: absolute; - top: -0.25rem; - left: -0.125rem; - width: 1.25rem; - height: 1.25rem; - background: #fff; - border: 2px solid #ecf3fa; - border-radius: 50%; -} -.radio_animated:checked:before { - transform: scale(1, 1); -} - -.checkbox label { - display: inline-block; - position: relative; - padding-left: 16px; - cursor: pointer; - margin-top: 10px; - margin-bottom: 10px; -} -.checkbox label::before { - content: ""; - display: inline-block; - position: absolute; - width: 19px; - height: 19px; - left: 0; - margin-left: -16px; - border: 1px solid #efefef; - border-radius: 3px; - background-color: #fff; - -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; - -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; - transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -} -.checkbox label::after { - display: inline-block; - position: absolute; - width: 16px; - height: 16px; - left: 0; - top: 0; - margin-left: -20px; - padding-left: 3px; - padding-top: 1px; - font-size: 11px; - color: #242934; -} -.checkbox input[type=checkbox] { - opacity: 0; -} -.checkbox input[type=checkbox]:focus { - outline-offset: -2px; -} -.checkbox input[type=checkbox]:focus + label::before { - outline-offset: -2px; -} -.checkbox input[type=checkbox]:checked + label::before { - font-family: themify; - content: "\e64c"; - text-align: center; - line-height: 1.2; -} -.checkbox input[type=checkbox]:disabled + label { - opacity: 0.65; -} -.checkbox input[type=checkbox]:disabled + label::before { - background-color: #f4f4f4; - cursor: not-allowed; -} -.checkbox .checkbox-circle label::before { - border-radius: 50%; -} -.checkbox .checkbox-inline { - margin-top: 0; -} - -.m-squar label::before { - border-radius: 0; -} -.m-squar .checkbox-circle label::before { - border-radius: 50%; -} -.m-squar .checkbox-inline { - margin-top: 0; -} - -.checkbox-primary label::before { - border-color: var(--theme-deafult); -} -.checkbox-primary input[type=checkbox]:checked + label::before { - border-color: var(--theme-deafult); - color: var(--theme-deafult); -} -.checkbox-primary input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-primary label:before { - background-color: var(--theme-deafult); - border-color: var(--theme-deafult); - color: #fff; -} -.checkbox-solid-primary input[type=checkbox]:checked + label::before { - background-color: var(--theme-deafult); - border-color: var(--theme-deafult); - color: #fff; -} -.checkbox-solid-primary input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-primary input[type=radio] + label::before { - border-color: var(--theme-deafult); -} -.radio-primary input[type=radio] + label::after { - background-color: var(--theme-deafult); -} -.radio-primary input[type=radio]:checked + label::before { - border-color: var(--theme-deafult); -} -.radio-primary input[type=radio]:checked + label::after { - background-color: var(--theme-deafult); -} - -.checkbox-secondary label::before { - border-color: #FF3364; -} -.checkbox-secondary input[type=checkbox]:checked + label::before { - border-color: #FF3364; - color: #FF3364; -} -.checkbox-secondary input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-secondary label:before { - background-color: #FF3364; - border-color: #FF3364; - color: #fff; -} -.checkbox-solid-secondary input[type=checkbox]:checked + label::before { - background-color: #FF3364; - border-color: #FF3364; - color: #fff; -} -.checkbox-solid-secondary input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-secondary input[type=radio] + label::before { - border-color: #FF3364; -} -.radio-secondary input[type=radio] + label::after { - background-color: #FF3364; -} -.radio-secondary input[type=radio]:checked + label::before { - border-color: #FF3364; -} -.radio-secondary input[type=radio]:checked + label::after { - background-color: #FF3364; -} - -.checkbox-success label::before { - border-color: #54BA4A; -} -.checkbox-success input[type=checkbox]:checked + label::before { - border-color: #54BA4A; - color: #54BA4A; -} -.checkbox-success input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-success label:before { - background-color: #54BA4A; - border-color: #54BA4A; - color: #fff; -} -.checkbox-solid-success input[type=checkbox]:checked + label::before { - background-color: #54BA4A; - border-color: #54BA4A; - color: #fff; -} -.checkbox-solid-success input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-success input[type=radio] + label::before { - border-color: #54BA4A; -} -.radio-success input[type=radio] + label::after { - background-color: #54BA4A; -} -.radio-success input[type=radio]:checked + label::before { - border-color: #54BA4A; -} -.radio-success input[type=radio]:checked + label::after { - background-color: #54BA4A; -} - -.checkbox-danger label::before { - border-color: #FC4438; -} -.checkbox-danger input[type=checkbox]:checked + label::before { - border-color: #FC4438; - color: #FC4438; -} -.checkbox-danger input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-danger label:before { - background-color: #FC4438; - border-color: #FC4438; - color: #fff; -} -.checkbox-solid-danger input[type=checkbox]:checked + label::before { - background-color: #FC4438; - border-color: #FC4438; - color: #fff; -} -.checkbox-solid-danger input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-danger input[type=radio] + label::before { - border-color: #FC4438; -} -.radio-danger input[type=radio] + label::after { - background-color: #FC4438; -} -.radio-danger input[type=radio]:checked + label::before { - border-color: #FC4438; -} -.radio-danger input[type=radio]:checked + label::after { - background-color: #FC4438; -} - -.checkbox-info label::before { - border-color: #16C7F9; -} -.checkbox-info input[type=checkbox]:checked + label::before { - border-color: #16C7F9; - color: #16C7F9; -} -.checkbox-info input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-info label:before { - background-color: #16C7F9; - border-color: #16C7F9; - color: #fff; -} -.checkbox-solid-info input[type=checkbox]:checked + label::before { - background-color: #16C7F9; - border-color: #16C7F9; - color: #fff; -} -.checkbox-solid-info input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-info input[type=radio] + label::before { - border-color: #16C7F9; -} -.radio-info input[type=radio] + label::after { - background-color: #16C7F9; -} -.radio-info input[type=radio]:checked + label::before { - border-color: #16C7F9; -} -.radio-info input[type=radio]:checked + label::after { - background-color: #16C7F9; -} - -.checkbox-light label::before { - border-color: #f4f4f4; -} -.checkbox-light input[type=checkbox]:checked + label::before { - border-color: #f4f4f4; - color: #f4f4f4; -} -.checkbox-light input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-light label:before { - background-color: #f4f4f4; - border-color: #f4f4f4; - color: #fff; -} -.checkbox-solid-light input[type=checkbox]:checked + label::before { - background-color: #f4f4f4; - border-color: #f4f4f4; - color: #fff; -} -.checkbox-solid-light input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-light input[type=radio] + label::before { - border-color: #f4f4f4; -} -.radio-light input[type=radio] + label::after { - background-color: #f4f4f4; -} -.radio-light input[type=radio]:checked + label::before { - border-color: #f4f4f4; -} -.radio-light input[type=radio]:checked + label::after { - background-color: #f4f4f4; -} - -.checkbox-dark label::before { - border-color: #2c323f; -} -.checkbox-dark input[type=checkbox]:checked + label::before { - border-color: #2c323f; - color: #2c323f; -} -.checkbox-dark input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-dark label:before { - background-color: #2c323f; - border-color: #2c323f; - color: #fff; -} -.checkbox-solid-dark input[type=checkbox]:checked + label::before { - background-color: #2c323f; - border-color: #2c323f; - color: #fff; -} -.checkbox-solid-dark input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-dark input[type=radio] + label::before { - border-color: #2c323f; -} -.radio-dark input[type=radio] + label::after { - background-color: #2c323f; -} -.radio-dark input[type=radio]:checked + label::before { - border-color: #2c323f; -} -.radio-dark input[type=radio]:checked + label::after { - background-color: #2c323f; -} - -.checkbox-warning label::before { - border-color: #FFAA05; -} -.checkbox-warning input[type=checkbox]:checked + label::before { - border-color: #FFAA05; - color: #FFAA05; -} -.checkbox-warning input[type=checkbox]:checked + label::after { - color: #fff; -} - -.checkbox-solid-warning label:before { - background-color: #FFAA05; - border-color: #FFAA05; - color: #fff; -} -.checkbox-solid-warning input[type=checkbox]:checked + label::before { - background-color: #FFAA05; - border-color: #FFAA05; - color: #fff; -} -.checkbox-solid-warning input[type=checkbox]:checked + label::after { - color: #fff; -} - -.radio-warning input[type=radio] + label::before { - border-color: #FFAA05; -} -.radio-warning input[type=radio] + label::after { - background-color: #FFAA05; -} -.radio-warning input[type=radio]:checked + label::before { - border-color: #FFAA05; -} -.radio-warning input[type=radio]:checked + label::after { - background-color: #FFAA05; -} - -.m-checkbox-inline .checkbox { - display: inline-block; -} -.m-checkbox-inline .radio { - display: inline-block; -} -.m-checkbox-inline label { - margin-right: 20px; -} - -.radio label { - display: inline-block; - position: relative; - padding-left: 5px; - cursor: pointer; -} -.radio label::before { - content: ""; - display: inline-block; - position: absolute; - width: 19px; - height: 19px; - left: 0; - margin-left: -20px; - border: 1px solid #efefef; - border-radius: 50%; - background-color: #fff; - -webkit-transition: border 0.15s ease-in-out; - -o-transition: border 0.15s ease-in-out; - transition: border 0.15s ease-in-out; -} -.radio label::after { - display: inline-block; - position: absolute; - content: " "; - width: 9px; - height: 9px; - left: 5px; - top: 5px; - margin-left: -20px; - border-radius: 50%; - background-color: #898989; - -webkit-transform: scale(0, 0); - -ms-transform: scale(0, 0); - -o-transform: scale(0, 0); - transform: scale(0, 0); - -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -} -.radio input[type=radio] { - opacity: 0; -} -.radio input[type=radio]:focus + label::before { - outline-offset: -2px; -} -.radio input[type=radio]:checked + label::after { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.radio input[type=radio]:disabled + label { - opacity: 0.65; -} -.radio input[type=radio]:disabled + label::before { - cursor: not-allowed; -} -.radio .radio-inline { - margin-top: 0; -} - -/**===================== - 2.25 Radio CSS Ends -==========================**/ -/**===================== - 2.26 Ribbon CSS Start -==========================**/ -[class*=ribbon-wrapper] { - position: relative; - padding: 58px 18px 28px 18px; -} - -.ribbon { - padding: 0 20px; - height: 30px; - line-height: 30px; - clear: left; - position: absolute; - top: 12px; - left: 0px; - color: #fff; - z-index: 2; -} - -.ribbon-clip { - left: -14px; -} -.ribbon-clip:before { - position: absolute; - top: 30px; - left: 0; - width: 0; - height: 0; - content: ""; - border: 7px solid transparent; - border-top-color: #2c323f; - border-right-color: #2c323f; -} - -.ribbon-vertical-left-wrapper { - padding-left: 40px; - position: relative; -} - -.ribbon-vertical-right-wrapper { - padding-right: 40px; -} - -.ribbon-wrapper-bottom { - padding-bottom: 40px; - padding-top: 0; -} - -.ribbon-wrapper-right-bottom { - padding-right: 40px; -} - -.ribbon-space-bottom { - top: 0px; -} - -.ribbon-bookmark:before { - position: absolute; - top: 0; - left: 100%; - display: block; - width: 0; - height: 0; - content: ""; - border: 15px solid #2c323f; - border-right: 10px solid transparent; -} - -.ribbon-right { - left: auto; - right: -2px; -} - -.ribbon-clip-right { - right: -14px; -} -.ribbon-clip-right:before { - position: absolute; - top: 30px; - right: 0; - width: 0; - height: 0; - content: ""; - border: 7px solid transparent; - border-top-color: #2c323f; - border-right-color: #2c323f; -} - -.ribbon-clip-bottom { - left: -14px; - bottom: 12px; - top: auto; -} -.ribbon-clip-bottom:before { - position: absolute; - bottom: 30px; - left: 0; - width: 0; - height: 0; - content: ""; - border: 7px solid transparent; - border-top-color: #2c323f; - border-right-color: #2c323f; -} - -.ribbon-clip-bottom-right { - right: -14px; - left: auto; - bottom: 12px; - top: auto; -} -.ribbon-clip-bottom-right:before { - position: absolute; - bottom: 30px; - right: 0; - width: 0; - height: 0; - content: ""; - border: 7px solid transparent; - border-top-color: #2c323f; - border-right-color: #2c323f; -} - -.ribbon-bookmark.ribbon-right:before { - right: 100%; - left: auto; - border-right: 15px solid #2c323f; - border-left: 10px solid transparent; -} - -.ribbon-vertical-left { - clear: none; - padding: 0 5px; - height: 70px; - width: 30px; - line-height: 70px; - text-align: center; - left: 12px; - top: -2px; -} - -.ribbon-vertical-right { - clear: none; - padding: 0 5px; - height: 70px; - width: 30px; - line-height: 70px; - text-align: center; - top: -2px; - left: auto; - right: 20px; -} -[dir=rtl] .ribbon-vertical-right { - left: auto !important; - right: 20px !important; -} - -.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before { - top: 100%; - left: 0; - margin-top: -14px; - border-right: 15px solid #2c323f; - border-bottom: 10px solid transparent; -} - -.ribbon-primary { - background: #7366FF; -} - -.ribbon-primary { - background: #7366FF; -} - -.ribbon-bookmark.ribbon-primary:before { - border-color: #7366FF; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-primary:before { - border-right-color: #7366FF; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before { - border-right-color: #7366FF; - border-bottom-color: transparent; -} - -.ribbon-primary.ribbon-corner:before { - border-top-color: #7366FF; - border-left-color: #7366FF; -} -.ribbon-primary.ribbon-corner.ribbon-right:before { - border-right-color: #7366FF; - border-left-color: transparent; -} -.ribbon-primary.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #7366FF; -} - -.ribbon-primary.ribbon-clip:before { - border-color: transparent; - border-top-color: #4433ff; - border-right-color: #4433ff; -} - -.ribbon-primary.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #4433ff; - border-left-color: #4433ff; -} - -.ribbon-primary.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #4433ff; - border-right-color: #4433ff; -} - -.ribbon-primary.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #4433ff; - border-right-color: transparent; - border-left-color: #4433ff; -} - -.ribbon-secondary { - background: #FF3364; -} - -.ribbon-secondary { - background: #FF3364; -} - -.ribbon-bookmark.ribbon-secondary:before { - border-color: #FF3364; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-secondary:before { - border-right-color: #FF3364; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before { - border-right-color: #FF3364; - border-bottom-color: transparent; -} - -.ribbon-secondary.ribbon-corner:before { - border-top-color: #FF3364; - border-left-color: #FF3364; -} -.ribbon-secondary.ribbon-corner.ribbon-right:before { - border-right-color: #FF3364; - border-left-color: transparent; -} -.ribbon-secondary.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #FF3364; -} - -.ribbon-secondary.ribbon-clip:before { - border-color: transparent; - border-top-color: #ff003d; - border-right-color: #ff003d; -} - -.ribbon-secondary.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #ff003d; - border-left-color: #ff003d; -} - -.ribbon-secondary.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #ff003d; - border-right-color: #ff003d; -} - -.ribbon-secondary.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #ff003d; - border-right-color: transparent; - border-left-color: #ff003d; -} - -.ribbon-success { - background: #54BA4A; -} - -.ribbon-success { - background: #54BA4A; -} - -.ribbon-bookmark.ribbon-success:before { - border-color: #54BA4A; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-success:before { - border-right-color: #54BA4A; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before { - border-right-color: #54BA4A; - border-bottom-color: transparent; -} - -.ribbon-success.ribbon-corner:before { - border-top-color: #54BA4A; - border-left-color: #54BA4A; -} -.ribbon-success.ribbon-corner.ribbon-right:before { - border-right-color: #54BA4A; - border-left-color: transparent; -} -.ribbon-success.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #54BA4A; -} - -.ribbon-success.ribbon-clip:before { - border-color: transparent; - border-top-color: #42973a; - border-right-color: #42973a; -} - -.ribbon-success.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #42973a; - border-left-color: #42973a; -} - -.ribbon-success.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #42973a; - border-right-color: #42973a; -} - -.ribbon-success.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #42973a; - border-right-color: transparent; - border-left-color: #42973a; -} - -.ribbon-danger { - background: #FC4438; -} - -.ribbon-danger { - background: #FC4438; -} - -.ribbon-bookmark.ribbon-danger:before { - border-color: #FC4438; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-danger:before { - border-right-color: #FC4438; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before { - border-right-color: #FC4438; - border-bottom-color: transparent; -} - -.ribbon-danger.ribbon-corner:before { - border-top-color: #FC4438; - border-left-color: #FC4438; -} -.ribbon-danger.ribbon-corner.ribbon-right:before { - border-right-color: #FC4438; - border-left-color: transparent; -} -.ribbon-danger.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #FC4438; -} - -.ribbon-danger.ribbon-clip:before { - border-color: transparent; - border-top-color: #fb1506; - border-right-color: #fb1506; -} - -.ribbon-danger.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #fb1506; - border-left-color: #fb1506; -} - -.ribbon-danger.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #fb1506; - border-right-color: #fb1506; -} - -.ribbon-danger.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #fb1506; - border-right-color: transparent; - border-left-color: #fb1506; -} - -.ribbon-info { - background: #16C7F9; -} - -.ribbon-info { - background: #16C7F9; -} - -.ribbon-bookmark.ribbon-info:before { - border-color: #16C7F9; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-info:before { - border-right-color: #16C7F9; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before { - border-right-color: #16C7F9; - border-bottom-color: transparent; -} - -.ribbon-info.ribbon-corner:before { - border-top-color: #16C7F9; - border-left-color: #16C7F9; -} -.ribbon-info.ribbon-corner.ribbon-right:before { - border-right-color: #16C7F9; - border-left-color: transparent; -} -.ribbon-info.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #16C7F9; -} - -.ribbon-info.ribbon-clip:before { - border-color: transparent; - border-top-color: #06a8d6; - border-right-color: #06a8d6; -} - -.ribbon-info.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #06a8d6; - border-left-color: #06a8d6; -} - -.ribbon-info.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #06a8d6; - border-right-color: #06a8d6; -} - -.ribbon-info.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #06a8d6; - border-right-color: transparent; - border-left-color: #06a8d6; -} - -.ribbon-light { - background: #f4f4f4; -} - -.ribbon-light { - background: #f4f4f4; -} - -.ribbon-bookmark.ribbon-light:before { - border-color: #f4f4f4; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-light:before { - border-right-color: #f4f4f4; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before { - border-right-color: #f4f4f4; - border-bottom-color: transparent; -} - -.ribbon-light.ribbon-corner:before { - border-top-color: #f4f4f4; - border-left-color: #f4f4f4; -} -.ribbon-light.ribbon-corner.ribbon-right:before { - border-right-color: #f4f4f4; - border-left-color: transparent; -} -.ribbon-light.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #f4f4f4; -} - -.ribbon-light.ribbon-clip:before { - border-color: transparent; - border-top-color: #dbdbdb; - border-right-color: #dbdbdb; -} - -.ribbon-light.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #dbdbdb; - border-left-color: #dbdbdb; -} - -.ribbon-light.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #dbdbdb; - border-right-color: #dbdbdb; -} - -.ribbon-light.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #dbdbdb; - border-right-color: transparent; - border-left-color: #dbdbdb; -} - -.ribbon-dark { - background: #2c323f; -} - -.ribbon-dark { - background: #2c323f; -} - -.ribbon-bookmark.ribbon-dark:before { - border-color: #2c323f; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-dark:before { - border-right-color: #2c323f; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before { - border-right-color: #2c323f; - border-bottom-color: transparent; -} - -.ribbon-dark.ribbon-corner:before { - border-top-color: #2c323f; - border-left-color: #2c323f; -} -.ribbon-dark.ribbon-corner.ribbon-right:before { - border-right-color: #2c323f; - border-left-color: transparent; -} -.ribbon-dark.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #2c323f; -} - -.ribbon-dark.ribbon-clip:before { - border-color: transparent; - border-top-color: #171a21; - border-right-color: #171a21; -} - -.ribbon-dark.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #171a21; - border-left-color: #171a21; -} - -.ribbon-dark.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #171a21; - border-right-color: #171a21; -} - -.ribbon-dark.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #171a21; - border-right-color: transparent; - border-left-color: #171a21; -} - -.ribbon-warning { - background: #FFAA05; -} - -.ribbon-warning { - background: #FFAA05; -} - -.ribbon-bookmark.ribbon-warning:before { - border-color: #FFAA05; - border-right-color: transparent; -} -.ribbon-bookmark.ribbon-right.ribbon-warning:before { - border-right-color: #FFAA05; - border-left-color: transparent; -} -.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before { - border-right-color: #FFAA05; - border-bottom-color: transparent; -} - -.ribbon-warning.ribbon-corner:before { - border-top-color: #FFAA05; - border-left-color: #FFAA05; -} -.ribbon-warning.ribbon-corner.ribbon-right:before { - border-right-color: #FFAA05; - border-left-color: transparent; -} -.ribbon-warning.ribbon-corner.ribbon-bottom:before { - border-top-color: transparent; - border-bottom-color: #FFAA05; -} - -.ribbon-warning.ribbon-clip:before { - border-color: transparent; - border-top-color: #d18a00; - border-right-color: #d18a00; -} - -.ribbon-warning.ribbon-clip-right:before { - border-right-color: transparent; - border-top-color: #d18a00; - border-left-color: #d18a00; -} - -.ribbon-warning.ribbon-clip-bottom:before { - border-top-color: transparent; - border-bottom-color: #d18a00; - border-right-color: #d18a00; -} - -.ribbon-warning.ribbon-clip-bottom-right:before { - border-top-color: transparent; - border-bottom-color: #d18a00; - border-right-color: transparent; - border-left-color: #d18a00; -} - -.vertical-lp-space { - padding: 58px 28px 28px 50px; -} - -.vertical-rp-space { - padding: 58px 50px 28px 28px; -} - -.clip-bp-space { - padding: 28px 18px 58px 18px; -} - -/**===================== - 2.26 Ribbon CSS Ends -==========================**/ -/**===================== - 2.27 Range-slider CSS Start -==========================**/ -.irs--flat .irs-from, -.irs--flat .irs-to, -.irs--flat .irs-single, -.irs--flat .irs-bar { - background-color: #7366FF; -} -.irs--flat .irs-from::before, -.irs--flat .irs-to::before, -.irs--flat .irs-single::before, -.irs--flat .irs-bar::before { - border-top-color: #7366FF; -} -.irs--flat .irs-handle i:first-child { - background-color: #7366FF; -} - -.irs--round .irs-single { - background-color: #FF3364; -} -.irs--round .irs-single::before { - border-top-color: #FF3364; -} -.irs--round .irs-handle { - border: 4px solid #FF3364; -} -.irs--round .irs-bar { - background-color: #FF3364; -} - -.irs--square .irs-handle { - border: 3px solid #54BA4A; -} -.irs--square .irs-from, -.irs--square .irs-to, -.irs--square .irs-bar { - background-color: #54BA4A; -} - -.irs--sharp .irs-from::before, -.irs--sharp .irs-to::before { - border-top-color: #16C7F9; -} -.irs--sharp .irs-min, -.irs--sharp .irs-max, -.irs--sharp .irs-from, -.irs--sharp .irs-to, -.irs--sharp .irs-bar { - background-color: #16C7F9; -} -.irs--sharp .irs-line { - background-color: #cccccc; -} -.irs--sharp .irs-handle { - background-color: #16C7F9; -} -.irs--sharp .irs-handle i:first-child { - border-top-color: #16C7F9; -} - -.irs--big .irs-bar { - border: 1px solid #FFAA05; - background: #FFAA05; - box-shadow: unset; -} -.irs--big .irs-from, -.irs--big .irs-to { - background-color: #FFAA05; - background: unset; -} -.irs--big .irs-handle { - background: #FFAA05; -} -.irs--big .irs-grid-pol { - background-color: #FFAA05; -} -.irs--big .irs-grid-text { - color: #FFAA05; -} - -.irs--modern .irs-single { - background-color: #FC4438; -} -.irs--modern .irs-single::before { - border-top-color: #FC4438; -} -.irs--modern .irs-bar { - background: #FC4438; -} -.irs--modern .irs-grid-text { - color: #FC4438; -} - -/**===================== - 2.27 Range-slider CSS Ends -==========================**/ -/**===================== - 2.28 Switch CSS Start -==========================**/ -.switch { - position: relative; - display: inline-block; - width: 60px; - height: 34px; -} -.switch input { - display: none; -} -.switch input:checked + .switch-state { - background-color: var(--theme-deafult); -} -.switch input:checked + .switch-state:before { - transform: translateX(26px); -} -.switch input:focus + .switch-state { - box-shadow: 0 0 1px var(--theme-deafult); -} - -.switch-state { - border-radius: 20px; - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #f4f4f4; - transition: 0.4s; -} -.switch-state:before { - position: absolute; - content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; - background-color: #fff; - transition: 0.4s; - border-radius: 20px; -} - -.icon-state .switch-state:after { - content: "\efb8"; - font-family: IcoFont; - left: 10px; - position: absolute; - top: 10px; - color: #2c323f; - transition: 0.4s; - opacity: 0.3; -} -.icon-state input:checked + .switch-state:after { - content: "\efad"; - left: 36px; - opacity: 1; - transition: 0.4s; -} - -.switch-lg .switch { - width: 75px; - height: 40px; -} -.switch-lg .switch .switch-state:before { - height: 30px; - width: 30px; - left: 7px; - bottom: 5px; - top: 4px; -} - -.switch-lg.icon-state .switch .switch-state:after { - left: 12px; - font-size: 18px; -} -.switch-lg.icon-state .switch input:checked + .switch-state:after { - left: 47px; -} -.switch-lg.icon-state .switch input:checked + .switch-state:before { - transform: translateX(32px); -} - -.switch-sm.icon-state .switch .switch-state:after { - top: 4px; - left: 4px; - font-size: 8px; -} -.switch-sm.icon-state .switch input:checked + .switch-state:after { - left: 13px; - top: 4px; -} -.switch-sm .switch { - width: 25px; - height: 16px; - margin-top: 10px; - margin-bottom: 0px; -} -.switch-sm .switch .switch-state:before { - height: 8px; - width: 8px; - left: 4px; - bottom: 4px; -} -.switch-sm input:checked + .switch-state:before { - left: -13px; -} - -.switch-outline .switch-state { - background-color: #fff; - border: 1px solid var(--theme-deafult); - transition: 0.4s; -} -.switch-outline .switch-state:before { - background-color: #f4f4f4; - bottom: 3px; - color: #fff; -} - -.switch-outline .switch input { - display: none; -} -.switch-outline .switch input:checked + .switch-state { - background-color: transparent; - border: 1px solid var(--theme-deafult); -} -.switch-outline .switch input:checked + .switch-state:before { - background-color: var(--theme-deafult); - bottom: 3px; - transform: translateX(26px); -} -.switch-outline .switch input:checked + .switch-state:after { - color: #fff; -} - -.switch-outline .switch-state.bg-primary { - border: 1px solid var(--theme-deafult); - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-primary { - background-color: transparent !important; - border: 1px solid var(--theme-deafult); -} -.switch-outline .switch input:checked + .switch-state.bg-primary:before { - background-color: var(--theme-deafult); -} -.switch-outline .switch-state.bg-dark { - border: 1px solid #2c323f; - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-dark { - background-color: transparent !important; - border: 1px solid #2c323f; -} -.switch-outline .switch input:checked + .switch-state.bg-dark:before { - background-color: #2c323f; -} -.switch-outline .switch-state.bg-warning { - border: 1px solid #FFAA05; - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-warning { - background-color: transparent !important; - border: 1px solid #FFAA05; -} -.switch-outline .switch input:checked + .switch-state.bg-warning:before { - background-color: #FFAA05; -} -.switch-outline .switch-state.bg-success { - border: 1px solid #54BA4A; - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-success { - background-color: transparent !important; - border: 1px solid #54BA4A; -} -.switch-outline .switch input:checked + .switch-state.bg-success:before { - background-color: #54BA4A; -} -.switch-outline .switch-state.bg-info { - border: 1px solid #16C7F9; - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-info { - background-color: transparent !important; - border: 1px solid #16C7F9; -} -.switch-outline .switch input:checked + .switch-state.bg-info:before { - background-color: #16C7F9; -} -.switch-outline .switch-state.bg-danger { - border: 1px solid #FC4438; - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-danger { - background-color: transparent !important; - border: 1px solid #FC4438; -} -.switch-outline .switch input:checked + .switch-state.bg-danger:before { - background-color: #FC4438; -} -.switch-outline .switch-state.bg-primary { - border: 1px solid var(--theme-deafult); - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-primary { - background-color: transparent !important; - border: 1px solid var(--theme-deafult); -} -.switch-outline .switch input:checked + .switch-state.bg-primary:before { - background-color: var(--theme-deafult); -} -.switch-outline .switch-state.bg-secondary { - border: 1px solid var(--theme-secondary); - background-color: transparent !important; -} -.switch-outline .switch input:checked + .switch-state.bg-secondary { - background-color: transparent !important; - border: 1px solid var(--theme-secondary); -} -.switch-outline .switch input:checked + .switch-state.bg-secondary:before { - background-color: var(--theme-secondary); -} - -.switch-showcase { - margin-bottom: -8px; -} -.switch-showcase .media { - line-height: 1; -} -.switch-showcase .form-check .form-check-input { - float: right; -} - -.form-switch .form-check-input:checked { - background-color: var(--theme-deafult); - border-color: var(--theme-deafult); -} - -/**===================== - 2.28 Switch CSS Ends -==========================**/ -/**===================== - 2.29 Tab CSS Start -==========================**/ -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - background-color: var(--theme-deafult); -} - -.nav i { - margin-right: 10px; -} - -.nav-right { - justify-content: flex-end; -} - -.nav-theme .nav-link, -.nav-pills.nav-theme .nav-link { - color: var(--theme-deafult); -} -.nav-theme .nav-link.active, -.nav-theme .show > .nav-link, -.nav-pills.nav-theme .nav-link.active, -.nav-pills.nav-theme .show > .nav-link { - background-color: var(--theme-deafult); - color: #fff; -} - -.nav-primary .nav-link, -.nav-pills.nav-primary .nav-link { - color: var(--theme-deafult); -} -.nav-primary .nav-link.active, -.nav-primary .show > .nav-link, -.nav-pills.nav-primary .nav-link.active, -.nav-pills.nav-primary .show > .nav-link { - background-color: var(--theme-deafult); - color: #fff; -} - -.nav-secondary .nav-link, -.nav-pills.nav-secondary .nav-link { - color: #FF3364; -} -.nav-secondary .nav-link.active, -.nav-secondary .show > .nav-link, -.nav-pills.nav-secondary .nav-link.active, -.nav-pills.nav-secondary .show > .nav-link { - background-color: #FF3364; - color: #fff; -} - -.nav-success .nav-link, -.nav-pills.nav-success .nav-link { - color: #54BA4A; -} -.nav-success .nav-link.active, -.nav-success .show > .nav-link, -.nav-pills.nav-success .nav-link.active, -.nav-pills.nav-success .show > .nav-link { - background-color: #54BA4A; - color: #fff; -} - -.nav-danger .nav-link, -.nav-pills.nav-danger .nav-link { - color: #FC4438; -} -.nav-danger .nav-link.active, -.nav-danger .show > .nav-link, -.nav-pills.nav-danger .nav-link.active, -.nav-pills.nav-danger .show > .nav-link { - background-color: #FC4438; - color: #fff; -} - -.nav-info .nav-link, -.nav-pills.nav-info .nav-link { - color: #16C7F9; -} -.nav-info .nav-link.active, -.nav-info .show > .nav-link, -.nav-pills.nav-info .nav-link.active, -.nav-pills.nav-info .show > .nav-link { - background-color: #16C7F9; - color: #fff; -} - -.nav-light .nav-link, -.nav-pills.nav-light .nav-link { - color: #f4f4f4; -} -.nav-light .nav-link.active, -.nav-light .show > .nav-link, -.nav-pills.nav-light .nav-link.active, -.nav-pills.nav-light .show > .nav-link { - background-color: #f4f4f4; - color: #fff; -} - -.nav-dark .nav-link, -.nav-pills.nav-dark .nav-link { - color: #2c323f; -} -.nav-dark .nav-link.active, -.nav-dark .show > .nav-link, -.nav-pills.nav-dark .nav-link.active, -.nav-pills.nav-dark .show > .nav-link { - background-color: #2c323f; - color: #fff; -} - -.nav-warning .nav-link, -.nav-pills.nav-warning .nav-link { - color: #FFAA05; -} -.nav-warning .nav-link.active, -.nav-warning .show > .nav-link, -.nav-pills.nav-warning .nav-link.active, -.nav-pills.nav-warning .show > .nav-link { - background-color: #FFAA05; - color: #fff; -} - -.nav-tabs.nav-bottom .nav-item .nav-link.active, -.nav-tabs.nav-bottom .nav-item .nav-link.focus, -.nav-tabs.nav-bottom .nav-item .nav-link.hover { - border-color: #fff #dee2e6 #dee2e6; -} - -.tab-content ~ .nav-tabs.border-tab { - margin-bottom: 0; - margin-top: 30px; -} - -.border-tab.nav-tabs { - display: flex; - align-items: center; - flex-wrap: nowrap; - margin-bottom: 30px; -} -.border-tab.nav-tabs .nav-item .nav-link { - font-size: 16px; - color: #2c323f; - text-align: center; - padding: 10px 25px; - border: none; - border-bottom: none; - transition: 0.3s; -} -@media (min-width: 576px) and (max-width: 1920px) { - .border-tab.nav-tabs .nav-item .nav-link { - padding-top: 0; - } -} -.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover { - color: var(--theme-deafult); -} -.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus { - border-bottom: none; -} - -.border-tab.nav-left .nav-link { - transition: all 0.3s ease; - color: #2c323f; -} -.border-tab.nav-left .nav-link.active, -.border-tab.nav-left .show > .nav-link { - background-color: transparent; - border-left-color: var(--theme-deafult); - color: var(--theme-deafult); - border-radius: 0; - transition: all 0.3s ease; -} - -.border-tab.nav-right .nav-link { - border-right: 2px solid transparent; - transition: all 0.3s ease; - color: #2c323f; - text-align: right; -} -.border-tab.nav-right .nav-link.active, -.border-tab.nav-right .show > .nav-link { - background-color: transparent; - border-right-color: var(--theme-deafult); - color: var(--theme-deafult); - border-radius: 0; - transition: all 0.3s ease; -} - -.border-tab.nav-theme .nav-link.active, -.border-tab.nav-theme .nav-item.show, -.border-tab.nav-theme .nav-link:focus, -.border-tab.nav-theme .nav-link:hover { - color: var(--theme-deafult); - background-color: transparent; -} -.border-tab.nav-theme .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus { - border-bottom: 2px solid var(--theme-deafult); -} -.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover { - color: var(--theme-deafult); -} - -.border-tab.nav-left.nav-theme .nav-link.active, -.border-tab.nav-left.nav-theme .show > .nav-link { - border-left-color: var(--theme-deafult); - color: var(--theme-deafult); -} - -.border-tab.nav-right.nav-theme .nav-link.active, -.border-tab.nav-right.nav-theme .show > .nav-link { - border-right-color: var(--theme-deafult); - color: var(--theme-deafult); -} - -.border-tab.nav-primary .nav-link.active, -.border-tab.nav-primary .nav-item.show, -.border-tab.nav-primary .nav-link:focus, -.border-tab.nav-primary .nav-link:hover { - color: var(--theme-deafult); - background-color: transparent; -} -.border-tab.nav-primary .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus { - border-bottom: 2px solid var(--theme-deafult); -} -.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover { - color: var(--theme-deafult); -} - -.border-tab.nav-left.nav-primary .nav-link.active, -.border-tab.nav-left.nav-primary .show > .nav-link { - border-left-color: var(--theme-deafult); - color: var(--theme-deafult); -} - -.border-tab.nav-right.nav-primary .nav-link.active, -.border-tab.nav-right.nav-primary .show > .nav-link { - border-right-color: var(--theme-deafult); - color: var(--theme-deafult); -} - -.border-tab.nav-secondary .nav-link.active, -.border-tab.nav-secondary .nav-item.show, -.border-tab.nav-secondary .nav-link:focus, -.border-tab.nav-secondary .nav-link:hover { - color: #FF3364; - background-color: transparent; -} -.border-tab.nav-secondary .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus { - border-bottom: 2px solid #FF3364; -} -.border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover { - color: #FF3364; -} - -.border-tab.nav-left.nav-secondary .nav-link.active, -.border-tab.nav-left.nav-secondary .show > .nav-link { - border-left-color: #FF3364; - color: #FF3364; -} - -.border-tab.nav-right.nav-secondary .nav-link.active, -.border-tab.nav-right.nav-secondary .show > .nav-link { - border-right-color: #FF3364; - color: #FF3364; -} - -.border-tab.nav-success .nav-link.active, -.border-tab.nav-success .nav-item.show, -.border-tab.nav-success .nav-link:focus, -.border-tab.nav-success .nav-link:hover { - color: #54BA4A; - background-color: transparent; -} -.border-tab.nav-success .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus { - border-bottom: 2px solid #54BA4A; -} -.border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover { - color: #54BA4A; -} - -.border-tab.nav-left.nav-success .nav-link.active, -.border-tab.nav-left.nav-success .show > .nav-link { - border-left-color: #54BA4A; - color: #54BA4A; -} - -.border-tab.nav-right.nav-success .nav-link.active, -.border-tab.nav-right.nav-success .show > .nav-link { - border-right-color: #54BA4A; - color: #54BA4A; -} - -.border-tab.nav-danger .nav-link.active, -.border-tab.nav-danger .nav-item.show, -.border-tab.nav-danger .nav-link:focus, -.border-tab.nav-danger .nav-link:hover { - color: #FC4438; - background-color: transparent; -} -.border-tab.nav-danger .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus { - border-bottom: 2px solid #FC4438; -} -.border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover { - color: #FC4438; -} - -.border-tab.nav-left.nav-danger .nav-link.active, -.border-tab.nav-left.nav-danger .show > .nav-link { - border-left-color: #FC4438; - color: #FC4438; -} - -.border-tab.nav-right.nav-danger .nav-link.active, -.border-tab.nav-right.nav-danger .show > .nav-link { - border-right-color: #FC4438; - color: #FC4438; -} - -.border-tab.nav-info .nav-link.active, -.border-tab.nav-info .nav-item.show, -.border-tab.nav-info .nav-link:focus, -.border-tab.nav-info .nav-link:hover { - color: #16C7F9; - background-color: transparent; -} -.border-tab.nav-info .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus { - border-bottom: 2px solid #16C7F9; -} -.border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover { - color: #16C7F9; -} - -.border-tab.nav-left.nav-info .nav-link.active, -.border-tab.nav-left.nav-info .show > .nav-link { - border-left-color: #16C7F9; - color: #16C7F9; -} - -.border-tab.nav-right.nav-info .nav-link.active, -.border-tab.nav-right.nav-info .show > .nav-link { - border-right-color: #16C7F9; - color: #16C7F9; -} - -.border-tab.nav-light .nav-link.active, -.border-tab.nav-light .nav-item.show, -.border-tab.nav-light .nav-link:focus, -.border-tab.nav-light .nav-link:hover { - color: #f4f4f4; - background-color: transparent; -} -.border-tab.nav-light .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus { - border-bottom: 2px solid #f4f4f4; -} -.border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover { - color: #f4f4f4; -} - -.border-tab.nav-left.nav-light .nav-link.active, -.border-tab.nav-left.nav-light .show > .nav-link { - border-left-color: #f4f4f4; - color: #f4f4f4; -} - -.border-tab.nav-right.nav-light .nav-link.active, -.border-tab.nav-right.nav-light .show > .nav-link { - border-right-color: #f4f4f4; - color: #f4f4f4; -} - -.border-tab.nav-dark .nav-link.active, -.border-tab.nav-dark .nav-item.show, -.border-tab.nav-dark .nav-link:focus, -.border-tab.nav-dark .nav-link:hover { - color: #2c323f; - background-color: transparent; -} -.border-tab.nav-dark .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus { - border-bottom: 2px solid #2c323f; -} -.border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover { - color: #2c323f; -} - -.border-tab.nav-left.nav-dark .nav-link.active, -.border-tab.nav-left.nav-dark .show > .nav-link { - border-left-color: #2c323f; - color: #2c323f; -} - -.border-tab.nav-right.nav-dark .nav-link.active, -.border-tab.nav-right.nav-dark .show > .nav-link { - border-right-color: #2c323f; - color: #2c323f; -} - -.border-tab.nav-warning .nav-link.active, -.border-tab.nav-warning .nav-item.show, -.border-tab.nav-warning .nav-link:focus, -.border-tab.nav-warning .nav-link:hover { - color: #FFAA05; - background-color: transparent; -} -.border-tab.nav-warning .nav-item .nav-link { - transition: 0.3s; -} -.border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus { - border-bottom: 2px solid #FFAA05; -} -.border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover { - color: #FFAA05; -} - -.border-tab.nav-left.nav-warning .nav-link.active, -.border-tab.nav-left.nav-warning .show > .nav-link { - border-left-color: #FFAA05; - color: #FFAA05; -} - -.border-tab.nav-right.nav-warning .nav-link.active, -.border-tab.nav-right.nav-warning .show > .nav-link { - border-right-color: #FFAA05; - color: #FFAA05; -} - -.tabbed-card ul { - position: absolute; - right: 22px; - top: 23px; - border-bottom: none; -} -.tabbed-card ul.border-tab.nav-tabs { - top: 12px; -} -.tabbed-card ul.border-tab.nav-tabs .nav-item { - float: right; -} -.tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link { - padding: 23px 15px; -} - -.flex-space { - display: flex; - gap: 16px; -} -@media (max-width: 576px) { - .flex-space { - justify-content: center; - } -} - -.tab-img { - height: 100px; -} - -.nav-item .navlink-title { - background-color: unset; - padding: 8px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; -} - -.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active { - background-color: #cccccc !important; -} - -.blog-wrapper .blog-img { - width: 100px; - height: 100px; -} - -.designer-details { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; -} -@media (max-width: 1400px) { - .designer-details { - gap: calc(14px + 21 * (100vw - 320px) / 1080); - } -} -.designer-details .designer-profile { - display: inline-block; -} -.designer-details .designer-profile .designer-wrap { - display: flex; - align-items: center; - gap: 12px; -} -.designer-details .designer-profile .designer-wrap .designer-img { - height: 50px; - border-radius: 100%; -} -.designer-details .designer-profile .designer-wrap .designer-content h6 { - font-weight: 500; -} -.designer-details .designer-profile .designer-wrap .designer-content p { - color: #999999; -} - -.nav-tabs .nav-border { - color: #000; - border: none; -} - -.ico-color { - color: #FFAA05; - font-size: 16px; -} - -.main-inbox .header-inbox { - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #999999; - padding-bottom: 8px; -} -.main-inbox .header-inbox .header-left-inbox { - display: flex; - align-items: center; - gap: 12px; - flex-wrap: wrap; -} -.main-inbox .header-inbox .header-left-inbox .inbox-img img { - width: 50px; - height: 50px; - border-radius: 100%; -} -.main-inbox .header-inbox .header-right-inbox { - display: flex; - gap: 12px; -} -@media (max-width: 560px) { - .main-inbox .header-inbox .header-right-inbox { - display: none; - } -} -.main-inbox .body-inbox .body-h-wrapper { - display: flex; - padding-bottom: 6px; - border-bottom: 1px solid var(--light-border); -} - -.tab-space { - font-size: 14px; -} - -#bottom-tab .nav-border.tab-primary:hover { - color: #7366FF; -} -#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active { - color: #7366FF; - border-bottom: 2px solid #7366FF; -} - -#bottom-tab .nav-border.tab-secondary:hover { - color: #FF3364; -} -#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active { - color: #FF3364; - border-bottom: 2px solid #FF3364; -} - -#bottom-tab .nav-border.tab-success:hover { - color: #54BA4A; -} -#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active { - color: #54BA4A; - border-bottom: 2px solid #54BA4A; -} - -#bottom-tab .nav-border.tab-danger:hover { - color: #FC4438; -} -#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active { - color: #FC4438; - border-bottom: 2px solid #FC4438; -} - -#bottom-tab .nav-border.tab-warning:hover { - color: #FFAA05; -} -#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active { - color: #FFAA05; - border-bottom: 2px solid #FFAA05; -} - -#bottom-tab .nav-border.tab-info:hover { - color: #16C7F9; -} -#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active { - color: #16C7F9; - border-bottom: 2px solid #16C7F9; -} - -#bottom-tab .nav-border.tab-light:hover { - color: #f4f4f4; -} -#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active { - color: #f4f4f4; - border-bottom: 2px solid #f4f4f4; -} - -#bottom-tab .nav-border.tab-dark:hover { - color: #2c323f; -} -#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active { - color: #2c323f; - border-bottom: 2px solid #2c323f; -} - -#sideline-tab .nav-effect { - display: inline-block; - position: relative; -} -#sideline-tab .nav-effect::after { - content: ""; - position: absolute; - left: 0; - display: inline-block; - height: 14px; - width: 80%; - border-bottom: 1px solid; - margin-top: 10px; - opacity: 0; - -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; - transition: opacity 0.35s, transform 0.35s; - -webkit-transform: scale(0, 1); - transform: scale(0, 1); -} -#sideline-tab .nav-effect:hover::after { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active { - background-color: unset; - border-left: none; - border-radius: 0; - transition: none; -} - -@media (max-width: 576px) { - .pills-blogger { - justify-content: center; - flex-wrap: wrap; - } -} - -::placeholder { - font-size: 14px; -} - -.material-wrapper { - display: flex; - gap: 12px; -} -@media (max-width: 576px) { - .material-wrapper { - flex-direction: column; - align-items: center; - } -} - -/**===================== - 2.29 Tab CSS Ends -==========================**/ -/**===================== - 2.30 Table CSS Start -==========================**/ -thead, -tbody, -tfoot, -tr, -td, -th { - border-color: #dee2e6; -} - -.pills-component { - width: 20%; -} - -.table { - margin-bottom: 0px; -} -.table > :not(:last-child) > :last-child > * { - border-bottom-color: #ecf3fa; -} -.table th, -.table td { - padding: 0.75rem; -} -.table.table-primary th { - color: #fff; -} -.table thead.bg-primary tr th { - color: #fff; -} -.table th { - color: #2F2F3B; - font-weight: 500; -} -.table th.f-light { - color: var(--chart-text-color); - opacity: 0.8; -} -.table td { - color: #2F2F3B; -} -.table [class*=bg-] { - color: #fff; -} -.table .bg-light { - color: #2F2F3B; -} -.table tfoot { - font-weight: bold; -} - -.table-dark th { - color: #fff; -} - -.table-inverse { - color: #fff; - background-color: #292b2c; -} -.table-inverse th, -.table-inverse td { - border-color: #fff; - color: #fff; -} -.table-inverse.table-bordered { - border: 0; -} - -.table[class*=bg-] th, -.table[class*=bg-] td { - color: #fff; -} - -.table-hover > tbody > tr:hover { - --bs-table-accent-bg: #f6f6f6; -} -.table-hover tbody tr { - vertical-align: middle; -} -.table-hover tbody tr:hover { - background-color: rgba(115, 102, 255, 0.1); -} -.table-hover tbody tr td svg { - width: 30px; - height: 30px; - padding: 5px; - border-radius: 4px; - margin-right: 10px; -} -[dir=rtl] .table-hover tbody tr td svg { - margin-right: unset; - margin-left: 10px; -} - -.typography-table tr:last-child { - border-bottom: none; -} -.typography-table tr:last-child td { - border-bottom: none; -} - -.table-double { - border-left: 4px double #dee2e6; - border-right: 4px double #dee2e6; -} -.table-double thead, -.table-double tbody, -.table-double tfoot, -.table-double tr, -.table-double td, -.table-double th { - border-style: double; - border-width: 4px; - border-right: 0; - border-left: 0; -} - -.table-dotted { - border-left: 2px dotted #dee2e6; - border-right: 2px dotted #dee2e6; -} -.table-dotted thead, -.table-dotted tbody, -.table-dotted tfoot, -.table-dotted tr, -.table-dotted td, -.table-dotted th { - border-style: dotted !important; - border-width: 2px; - border-right: 0; - border-left: 0; -} - -.table-dashed { - border-left: 2px dashed #dee2e6; - border-right: 2px dashed #dee2e6; -} -.table-dashed thead, -.table-dashed tbody, -.table-dashed tfoot, -.table-dashed tr, -.table-dashed td, -.table-dashed th { - border-style: dashed !important; - border-width: 2px; - border-right: 0; - border-left: 0; -} - -.table-xl td, -.table-xl th { - padding: 1.25rem 2rem; - font-size: 120%; -} - -.table-lg td, -.table-lg th { - padding: 0.9rem 2rem; - font-size: 110%; -} - -.table-de td, -.table-de th { - padding: 0.75rem 2rem; -} - -.table-sm th, -.table-sm td { - padding: 0.5rem 2rem; - font-size: 90%; -} - -.table-xs th, -.table-xs td { - padding: 0.2rem 2rem; - font-size: 80%; -} - -.table-border-horizontal tr, -.table-border-horizontal th, -.table-border-horizontal td { - border-top: 1px solid #f2f4ff; - padding: 0.75rem 2rem; -} - -.table-border-vertical tr, -.table-border-vertical th, -.table-border-vertical td { - border-top: 0; - border-right: 1px solid #f2f4ff; -} -.table-border-vertical tr td { - border-bottom: 0; -} -.table-border-vertical tr td:last-child { - border-right: none; -} -.table-border-vertical tbody tr th { - border-bottom: 0; -} - -.table-bordernone td { - border: none !important; -} -.table-bordernone thead th { - border: none !important; -} -.table-bordernone .u-s-tb { - padding: 11px; -} - -.table-striped tbody tr:nth-of-type(odd) { - background-color: var(--light-background); - --bs-table-accent-bg: unset; -} - -.table-bordered thead, -.table-bordered tbody, -.table-bordered tfoot, -.table-bordered tr, -.table-bordered td, -.table-bordered th { - border-color: rgba(153, 153, 153, 0.3); -} - -/**===================== - 2.30 Table CSS Ends -==========================**/ -/**===================== - 2.31 Toasts CSS Start -==========================**/ -.toast { - width: 350px; - max-width: 100%; - font-size: 0.875rem; - pointer-events: auto; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; -} - -.toast-index { - z-index: 12; -} -.toast-index.toast:not(.showing):not(.show) { - opacity: 0; -} -.toast-index.toast-fade { - transition: opacity 0.15s linear; -} -.toast-index.show { - display: block; -} - -.toast-img img { - width: 30px; - height: 30px; -} - -.bd-example-toasts { - min-height: 400px; -} - -.toast:not(.showing):not(.show) { - opacity: 0; -} - -.toast-content { - display: block; - display: -webkit-box; - max-width: 100%; - height: 65px; - margin: 0 auto; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; -} - -[dir=rtl] .toast-rtl .toast .toast-header strong { - margin-right: unset !important; - margin-left: auto !important; -} -[dir=rtl] .toast-rtl .toast .btn-close { - margin-right: 6px; - margin-left: unset; -} - -@media (max-width: 1920px) { - .toast-dark .btn { - padding: calc(6px + 0 * (100vw - 320px) / 1600) calc(4px + 24 * (100vw - 320px) / 1600); - } -} - -.toast-icons { - margin-right: 6px; - width: 20px; - height: 20px; -} -[dir=rtl] .toast-icons { - margin-right: unset; - margin-left: 6px; -} - -/**===================== - 2.31 Toasts CSS Ends -==========================**/ -/**===================== - 2.32 Touchspin CSS Start -==========================**/ -.bootstrap-touchspin input.touchspin { - padding: 0 12px; -} -.bootstrap-touchspin .input-group .btn { - padding: 0.5rem 1.75rem; -} -.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical { - position: relative; - white-space: nowrap; - width: 1%; - vertical-align: middle; - display: table-cell; -} -.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down { - margin-top: -2px; -} -.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i { - position: absolute; - top: 4px; - left: 7px; - font-size: 10px; - font-weight: normal; -} -.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; - padding: 9px; - margin-left: -1px; - position: relative; -} -.bootstrap-touchspin .input-group { - font-family: Rubik, sans-serif; -} -.bootstrap-touchspin .input-group .btn { - border-radius: 0 !important; -} -.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn { - padding: 9px 30px; -} -.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content { - z-index: 9999; -} - -/**===================== - 2.32 Touchspin CSS Ends -==========================**/ -/**===================== - 2.33 Tour CSS Start -==========================**/ -.introjs-helperLayer { - background-color: rgba(255, 255, 255, 0.9); - border: 1px solid rgba(0, 0, 0, 0.5); - box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); -} - -.introjs-tooltipReferenceLayer { - background-color: transparent; -} - -.introjs-helperNumberLayer { - color: #fff; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); - background: #FC4438; - background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%); - border: 3px solid #fff; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); -} - -.introjs-arrow { - border: 12px solid #fff; -} -.introjs-arrow.top { - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: var(--theme-deafult); - border-left-color: transparent; -} -.introjs-arrow.top-right { - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: var(--theme-deafult); - border-left-color: transparent; -} -.introjs-arrow.top-middle { - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: var(--theme-deafult); - border-left-color: transparent; -} -.introjs-arrow.right { - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: var(--theme-deafult); -} -.introjs-arrow.right-bottom { - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: var(--theme-deafult); -} -.introjs-arrow.bottom { - border-top-color: var(--theme-deafult); - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: transparent; -} -.introjs-arrow.left { - border-top-color: transparent; - border-right-color: var(--theme-deafult); - border-bottom-color: transparent; - border-left-color: transparent; -} -.introjs-arrow.left-bottom { - border-top-color: transparent; - border-right-color: var(--theme-deafult); - border-bottom-color: transparent; - border-left-color: transparent; -} - -.introjs-tooltip { - background-color: var(--theme-deafult); - box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); - color: #fff; - border-color: var(--theme-deafult); - min-width: calc(275px + 35 * (100vw - 320px) / 1600); - max-width: 400px; - min-height: 90px; -} - -.introjs-button { - border: 1px solid #efefef; - text-shadow: 1px 1px 0 #fff; - color: #2F2F3B !important; - background-color: #fff; - background-image: linear-gradient(#fff, #fff); - font-size: 13px; -} -.introjs-button:hover { - border-color: #efefef; -} -.introjs-button:focus, .introjs-button:active { - background-image: linear-gradient(#ecf3fa, #efefef); -} - -.introjs-skipbutton { - color: var(--theme-deafult); -} - -.introjs-prevbutton.introjs-fullbutton { - border: 1px solid #efefef; -} - -.introjs-disabled { - color: var(--theme-deafult); - border-color: #efefef; -} -.introjs-disabled:hover, .introjs-disabled:focus { - color: var(--theme-deafult); - border-color: #efefef; -} - -.introjs-bullets ul li a { - background: #ecf3fa; -} -.introjs-bullets ul li a:hover { - background: #fff; -} -.introjs-bullets ul li a.active { - background: #fff; -} - -.introjs-progress { - background-color: #f4f4f4; -} - -.introjs-progressbar { - background-color: var(--theme-deafult); -} - -.introjs-hint:hover > .introjs-hint-pulse { - border: 5px solid rgba(60, 60, 60, 0.57); -} - -.introjs-hint-pulse { - border: 5px solid rgba(60, 60, 60, 0.27); - background-color: rgba(136, 136, 136, 0.24); -} - -.introjs-hint-dot { - border: 10px solid rgba(146, 146, 146, 0.36); -} - -.media-body .tour-wrapper { - display: flex; - align-items: center; - gap: 8px; -} -.media-body .tour-wrapper .tour-dot { - font-size: 5px; -} - -.tour-blog { - height: 350px; -} -@media (max-width: 992px) { - .tour-blog { - height: calc(200px + 150 * (100vw - 320px) / 672); - } -} -.tour-blog img { - height: 100%; - object-fit: cover; -} - -.info h6 { - font-size: calc(14px + 2 * (100vw - 320px) / 1600); -} -.info span { - font-size: calc(13px + 1 * (100vw - 320px) / 1600); -} - -.tour-email { - display: flex; - flex-direction: column; -} -@media (max-width: 576px) { - .tour-email { - align-items: center; - } -} - -.block-ellipsis { - display: block; - display: -webkit-box; - max-width: 100%; - margin: 0 auto; - font-size: 14px; - line-height: 26px !important; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; -} - -.profile-img-style h5 { - line-height: 25px; -} - -.list-inline .list-inline-item.b-r-gray { - border-right: 1px solid #cccccc; -} - -.social-tour { - display: flex; - justify-content: flex-end; - align-items: center; - gap: 26px; -} -.social-tour .list-inline { - display: flex; - justify-content: center; - gap: calc(12px + 14 * (100vw - 320px) / 1600); -} -.social-tour .list-inline .list-inline-item { - margin-right: 0; -} -.social-tour .list-inline .list-inline-item a { - padding: 0px; -} -.social-tour .list-inline .list-inline-item a i { - font-size: 18px; -} -@media (max-width: 599px) { - .social-tour .list-inline { - display: none; - } -} -.social-tour .float-sm-end { - min-width: 81px; -} - -.tour-mb-space { - margin-bottom: calc(2px + 6 * (100vw - 320px) / 1600); -} - -.like-comment .list-inline { - justify-content: flex-start; -} -@media (max-width: 324px) { - .like-comment .list-inline { - flex-wrap: wrap; - justify-content: flex-start; - gap: 8px; - } -} -[dir=rtl] .like-comment .list-inline .list-inline-item { - border-right: 0; - border-left: 1px solid #cccccc; -} -[dir=rtl] .like-comment .list-inline .list-inline-item:last-child { - border-right: 0; - border-left: unset; -} - -/**===================== - 2.33 Tour CSS Ends -==========================**/ -/**===================== - 2.34 Tree CSS Start -==========================**/ -[dir=rtl] .treejs .treejs-nodes { - padding-left: unset; - padding-right: 20px; -} -[dir=rtl] .treejs .treejs-node.treejs-placeholder { - padding-right: 20px; - padding-left: unset; -} -.treejs .treejs-node__halfchecked > .treejs-checkbox:before { - background-color: #7366FF !important; - border-color: #7366FF !important; -} -[dir=rtl] .treejs .treejs-node__halfchecked > .treejs-checkbox:after { - right: 3px; - left: unset; -} -.treejs .treejs-node__checked > .treejs-checkbox:before { - background-color: #54BA4A !important; - border-color: #2c323f !important; -} -[dir=rtl] .treejs .treejs-node__checked > .treejs-checkbox:after { - right: 5px; - left: unset; -} - -/**===================== - 2.34 Tree CSS Ends -==========================**/ -/**===================== - 2.35 Typeahead-search CSS Start -==========================**/ -.Typeahead { - width: 100%; -} -.Typeahead * { - box-sizing: border-box; -} -.Typeahead *:before { - box-sizing: border-box; -} -.Typeahead *:after { - box-sizing: border-box; -} -.Typeahead .tt-hint { - display: none !important; -} - -.u-cf:before { - content: " "; - display: table; -} -.u-cf:after { - content: " "; - display: table; - clear: both; -} - -.u-hidden { - display: none !important; -} - -.u-posRelative { - position: relative; -} - -.Typeahead-spinner { - position: absolute; - top: 14px; - right: 18px; - display: none; - color: #c5c5c5; -} - -.ProfileCard-avatar svg { - height: 18px; - vertical-align: bottom; -} -.ProfileCard-avatar svg path { - color: #7e7c7c !important; -} -.ProfileCard-avatar svg polygon { - color: #7e7c7c !important; -} - -.Typeahead-hint { - width: 100%; - padding: 5px 8px; - font-size: 24px; - line-height: 30px; - border: 1px solid #024e6a; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - position: absolute; - top: 0; - left: 0; - color: #ccd6dd; - opacity: 1; -} - -.Typeahead-menu { - position: absolute; - top: 100%; - left: 0; - padding: 15px; - z-index: 100; - display: none; - width: 100%; - overflow: hidden; - background-color: #fff; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -} - -.Typeahead-menu.is-open { - display: block; -} - -.Typeahead-selectable { - cursor: pointer; -} -.Typeahead-selectable + .Typeahead-selectable { - border-top: 1px solid #ccd6dd; -} - -.ProfileCard { - position: relative; - padding: 10px; - border: 1px solid #cccccc !important; - margin-bottom: 10px; - border-radius: 10px; -} -.ProfileCard:hover { - color: #414345; - background: #f8f8f8; -} -.ProfileCard:hover .ProfileCard-avatar { - border-color: #f5f8fa; -} -.ProfileCard:hover .ProfileCard-screenName { - color: #fff; -} -.ProfileCard:hover .ProfileCard-stat-label { - color: #fff; -} - -.ProfileCard-avatar { - position: absolute; - border-radius: 5px; -} - -.ProfileCard-details { - padding-left: 35px; - float: left; -} - -.ProfileCard-realName { - display: inline-block; - color: #898989; -} - -.ProfileCard-screenName { - display: inline-block; - color: #898989; -} - -.ProfileCard-description { - margin-top: 5px; - font-size: 14px; - line-height: 18px; -} - -.ProfileCard-stats { - float: right; - text-align: right; -} - -.ProfileCard-stat { - display: inline-block; - font-size: 12px; - line-height: 16px; - text-transform: uppercase; -} -.ProfileCard-stat + .ProfileCard-stat { - margin-left: 5px; -} - -.ProfileCard-stat-label { - color: #898989; - font-weight: 500; -} - -.ProfileCard.is-active { - color: #fff; - background: var(--theme-deafult); -} -.ProfileCard.is-active .ProfileCard-screenName { - color: #fff; -} -.ProfileCard.is-active .ProfileCard-stat-label { - color: #fff; -} - -.EmptyMessage { - position: relative; - padding: 10px; - font-size: 14px; - line-height: 30px; - text-align: center; -} - -.Typeahead-spinner { - width: 1rem; - height: 1rem; -} - -/**===================== - 2.35 Typeahead-search CSS Ends -==========================**/ -/**===================== - 2.36 Scrollbar CSS Start -==========================**/ -[data-simplebar] { - position: unset; -} - -.simplebar-mask { - top: 100px; -} - -.simplebar-track { - right: -2px; -} -.simplebar-track.simplebar-vertical { - top: 100px; - width: 10px; -} -.simplebar-track.simplebar-horizontal { - visibility: hidden !important; -} - -.simplebar-scrollbar:before { - background: rgba(115, 102, 255, 0.2); -} - -.scrollbar-images { - margin-bottom: 12px; -} - -.visible-wrapper img { - width: calc(230px + 100 * (100vw - 320px) / 1600) !important; - height: calc(230px + 100 * (100vw - 320px) / 1600); -} - -.horizontal-scroll .horz-scroll-content .horizontal-img { - height: 100%; - max-width: 240px; -} -@media (max-width: 576px) { - .horizontal-scroll .horz-scroll-content .horizontal-img { - max-width: calc(220px + 20 * (100vw - 320px) / 256); - } -} -.horizontal-scroll .horz-scroll-content .horizontal-img img { - height: 100%; - object-fit: cover; -} - -.scroll-demo.scroll-b-none { - padding: 0; - border: none; -} -[dir=rtl] .scroll-demo .scroll-rtl .list-group-item span { - margin-right: auto; -} - -/**===================== - 2.36 Scrollbar CSS Ends -==========================**/ -/**===================== - 3.1 Blog CSS start -==========================**/ -.blog-box img { - border-radius: 0.25rem; -} -.blog-box .top-radius-blog { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.blog-box h6 { - font-weight: 600; - margin: 15px 0; -} -.blog-box .blog-details { - padding-right: 20px; -} -.blog-box .blog-details .blog-social { - margin-top: 30px; -} -.blog-box .blog-details .blog-social li { - display: inline-block; - font-size: 12px; - color: #52526c; -} -.blog-box .blog-details .blog-social li + li { - padding-left: 20px; - line-height: 1; - padding-right: 0; -} -.blog-box .blog-details .blog-social li i { - padding-right: 5px; - font-weight: 300; -} -.blog-box .blog-details .blog-social li:first-child { - border-right: 1px solid gray; - padding-right: 20px; -} -.blog-box .blog-details-main hr { - background-color: #cccccc; -} -.blog-box .blog-details-main .blog-social { - margin: 20px 0; -} -.blog-box .blog-details-main .blog-social li { - display: inline-block; - font-size: 12px; - color: #52526c; - padding: 0 24px; - border-right: 1px dotted; -} -@media (max-width: 1676px) { - .blog-box .blog-details-main .blog-social li { - padding: 0 10px; - } -} -.blog-box .blog-details-main .blog-social li:last-child { - border-right: 0; -} -.blog-box .blog-details-main .blog-social li i { - padding-right: 5px; -} -.blog-box .blog-details-main .blog-bottom-details { - margin: 20px; - font-size: 14px; - line-height: 1.714; - font-weight: 500; -} -.blog-box .blog-date { - color: #52526c; -} -.blog-box .blog-date span { - font-size: 36px; - font-weight: 500; - padding-right: 5px; -} - -.blog-box.blog-shadow:before { - box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6); - transition: all 0.3s ease; - border-radius: 5px; - content: ""; - position: absolute; - height: 100%; - top: 0; - width: 100%; - bottom: 0; -} -.blog-box.blog-shadow:hover:before { - box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65); - transition: all 0.3s ease; -} -.blog-box.blog-shadow .blog-details { - position: absolute; - bottom: 0; - width: 100%; - padding: 20px; -} -.blog-box.blog-shadow .blog-details h4 { - color: #fff; - margin-bottom: 0; -} -.blog-box.blog-shadow .blog-details p { - font-size: 14px; - color: #fff; - margin-bottom: 10px; -} -.blog-box.blog-shadow .blog-details .blog-social li { - color: #fff; -} - -.blog-list .blog-details .blog-social { - margin-top: 0; -} -.blog-list .blog-details h6 { - margin-top: 0; - color: gray; - font-weight: 500; -} -.blog-list .blog-details hr { - margin-top: 10px; - margin-bottom: 10px; -} -.blog-list img { - padding: 17px; -} - -.blog-grid img { - width: 100%; -} -.blog-grid .blog-details { - padding: 20px; -} -.blog-grid .blog-details h6 { - font-size: 14px; - margin-bottom: 0; - line-height: 1.8; -} - -.blog-box { - position: relative; - max-height: 100%; - align-items: center; -} -.blog-box .blog-details h6 { - text-overflow: ellipsis; - overflow: hidden; - -webkit-line-clamp: 1; - display: -webkit-box; - -webkit-box-orient: vertical; -} -.blog-box .blog-details p { - font-size: 14px; - line-height: 1.8; - letter-spacing: 0.7px; - margin-top: 30px; - margin-bottom: 0; - color: #52526c; - text-overflow: ellipsis; - overflow: hidden; - -webkit-line-clamp: 3; - display: -webkit-box; - -webkit-box-orient: vertical; -} -@media (max-width: 1570px) { - .blog-box .blog-details p { - -webkit-line-clamp: 2; - } -} -.blog-box .blog-details h4 { - font-size: 18px; - font-weight: 500; - line-height: 1.5; - margin-top: 20px; - margin-bottom: 0; -} -.blog-box .blog-details .single-blog-content-top { - margin-top: 20px; - border-top: 1px solid #efefef; -} -.blog-box .blog-details .blog-social li, -.blog-box .blog-details .comment-social li { - font-size: 14px; -} - -.comment-box { - padding-top: 50px; - padding-bottom: 50px; -} -.comment-box hr { - margin-top: 20px; - margin-bottom: 30px; -} -.comment-box li { - margin-bottom: 30px; -} -.comment-box li:last-child { - margin-bottom: 0; -} -.comment-box ul ul { - margin-left: 135px; -} -.comment-box p { - font-size: 14px; - line-height: 2; - color: #52526c; - text-align: justify; - margin-bottom: 0; -} -.comment-box h4 { - font-weight: 600; -} -.comment-box .media img { - margin-right: 30px; - border-radius: 10px; - height: 90px; - padding: 7px; - width: 90px; - border: 1px solid #efefef; -} -.comment-box .media h6 { - font-weight: 500; - margin-bottom: 5px; -} -.comment-box .media h6 span { - padding-left: 10px; - font-size: 13px; - color: #52526c; - font-weight: 400; -} -.comment-box .comment-social li { - display: inline-block; - color: #cccccc; - padding-left: 20px; - margin-bottom: 0; - text-transform: uppercase; -} -.comment-box .comment-social li:first-child { - border-right: 1px solid #efefef; - padding-right: 20px; -} -.comment-box .comment-social li i { - padding-right: 10px; -} - -/**===================== - 3.1 Blog CSS ends -==========================**/ -/**===================== - 3.2 Bookmark-app CSS Start -==========================**/ -.modal-bookmark .modal-body, -.modal-bookmark .modal-header { - padding: 30px; -} - -.bookmark-wrap .details-bookmark .row > div + div { - padding-right: 15px !important; -} -.bookmark-wrap .left-bookmark { - height: 700px; -} -.bookmark-wrap .left-bookmark ul li button { - border: none; - cursor: pointer; -} -.bookmark-wrap .left-bookmark ul li button:focus { - outline: none; -} -.bookmark-wrap .left-bookmark ul li svg { - width: 18px; - height: 18px; - vertical-align: middle; -} -.bookmark-wrap .left-bookmark ul li > .main-title { - color: var(--theme-deafult); - font-weight: 500; - margin-bottom: 5px; - display: block; - font-size: 16px; -} -.bookmark-wrap .left-bookmark ul li > .main-title span a:hover { - background-color: transparent; -} -.bookmark-wrap .left-bookmark ul li > .main-title svg { - color: #898989; - stroke-width: 1px; -} -.bookmark-wrap .left-bookmark ul li a > .title { - text-transform: capitalize; -} -.bookmark-wrap.todo-wrap .left-bookmark { - height: unset; -} - -.form-bookmark a { - text-transform: capitalize !important; - color: var(--theme-deafult) !important; - line-height: 1 !important; - font-weight: 500; -} -.form-bookmark a:hover { - background-color: transparent !important; -} -.form-bookmark input#index_var { - display: none; -} -.form-bookmark input, -.form-bookmark select { - font-size: 14px; -} -.form-bookmark .select2-container .select2-selection--single { - border-color: #ced4da; -} -.form-bookmark .select2 { - width: 100% !important; -} -.form-bookmark .error { - margin: 0 !important; - font-size: 11px; - color: red !important; -} -.form-bookmark button { - margin-top: 10px; -} - -@keyframes displayTransition { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -.bookmark-tabcontent .details-bookmark { - height: auto; - min-height: 359px; -} -.bookmark-tabcontent .details-bookmark .bookmark-card { - position: relative; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon { - padding: 3px; - border-radius: 4px; - background-color: rgba(0, 0, 0, 0.2); - width: 30px; - position: absolute; - right: 15px; - top: 15px; - opacity: 0; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i { - color: #fff; - font-size: 16px; - vertical-align: text-bottom; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i { - color: #fed112; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data { - width: 100%; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general { - display: none; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon { - transition: 0.5s; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark { - text-align: left; - padding: 15px; - border-top: 1px solid #f4f4f4; - position: relative; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 { - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - text-overflow: ellipsis; - overflow: hidden; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p { - animation: displayTransition 1s; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block { - opacity: 0; - position: absolute; - width: 100%; - padding: 15px; - top: 30px; - left: 0; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li { - display: inline-block; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li { - margin-left: 5px; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg { - width: 16px; - height: 16px; - color: #898989; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover { - box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04); - transition: 0.5s; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p { - opacity: 0; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block { - opacity: 1; - animation: displayTransition 2s; -} -.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon { - opacity: 1; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .row > div { - flex: 0 0 100%; - max-width: 100%; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general { - display: block; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website { - display: flex; - align-items: center; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p { - opacity: 1; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block { - position: absolute; - right: 30px; - opacity: 1; - text-align: right; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block { - opacity: 1; - animation: displayTransition 0s; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark { - border-top: none; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p, -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 { - margin-top: 0; - display: inline-block; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 { - position: relative; - padding-right: 15px; - margin-bottom: -5px; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after { - position: absolute; - content: "-"; - right: 0; - color: #898989; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general { - margin-top: 5px; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p { - width: 68%; - margin-right: 20px; -} -.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img { - width: 20%; -} -.bookmark-tabcontent .tab-content .card .d-flex { - justify-content: space-between; -} -.bookmark-tabcontent .tab-content .card .d-flex svg { - width: 18px; - height: 18px; - vertical-align: middle; -} -.bookmark-tabcontent .tab-content .card .d-flex ul li { - display: inline-block; -} -.bookmark-tabcontent .tab-content .card .d-flex ul li + li { - margin-left: 5px; -} -.bookmark-tabcontent .tab-content .tab-pane > .card { - box-shadow: none; -} - -@media only screen and (max-width: 1660px) { - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p { - display: none; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block { - margin-top: 6px; - } -} -@media screen and (min-width: 1200px) and (max-width: 1366px) { - .bookmark-wrap .left-bookmark ul li .btn-block svg { - display: none; - } -} -@media only screen and (max-width: 1366px) { - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img { - width: 40%; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block { - top: 80px; - } -} -@media only screen and (max-width: 1199px) { - .bookmark-wrap .left-bookmark { - height: auto; - } - .bookmark-tabcontent .details-bookmark { - min-height: auto; - } -} -@media only screen and (max-width: 991px) { - .modal-bookmark .modal-body, - .modal-bookmark .modal-header { - padding: 20px; - } -} -@media only screen and (max-width: 767px) { - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 172px; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p { - display: none; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul { - position: relative; - right: unset; - top: unset; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img { - width: 45%; - } -} -@media only screen and (max-width: 575px) { - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img { - width: 100%; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website { - display: block; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark { - padding-left: 15px; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block { - position: relative; - right: unset; - text-align: left; - top: unset; - padding: 0; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general { - display: none; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p, - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 { - display: block; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after { - display: none; - } - .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p { - margin-top: 15px; - } - .modal-bookmark .modal-body, - .modal-bookmark .modal-header { - padding: 15px; - } -} -/**===================== - 3.2 Bookmark-app CSS Ends -==========================**/ -/**===================== - 3.3 Cart CSS start -==========================**/ -.cart .total-amount { - text-align: right !important; - margin-top: 30px; -} -.cart .amount-space { - margin-left: 40px; -} -.cart .cart-btn-transform { - text-transform: capitalize; -} -.cart .qty-box { - width: 25%; - margin: 0 auto; -} -.cart .qty-box .input-group .btn { - background-color: #ddd !important; - border-color: #ddd !important; - padding: 8px 12px; -} - -.cart-buttons { - margin-top: 30px; -} -.cart-buttons .cart-btn { - float: right; - padding-right: 85px; -} - -/**===================== - 3.3 Cart CSS Ends -==========================**/ -/**===================== - 3.5 Chat CSS Start -==========================**/ -.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after { - width: 70px; - height: 70px; - margin-left: 15px; - margin-top: 15px; - line-height: 70px; -} - -.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after { - width: 35px; - height: 35px; - margin-left: 7.5px; - margin-top: 7.5px; - line-height: 35px; -} - -.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after { - width: 20px; - height: 20px; - margin-left: 5.5px; - margin-top: 4.5px; - line-height: 21px; -} - -.chart-block canvas { - width: 100% !important; -} -.chart-block .chart-overflow { - overflow: hidden; - text-align: center; -} - -.candidcahrt { - width: 100%; - height: 470px; -} - -.amcharts-export-canvas { - position: absolute; - display: none; - z-index: 1; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: #fff; -} -.amcharts-export-canvas .canvas-container { - transition: opacity 0.5s ease-out; -} -.amcharts-export-canvas.active { - display: block; -} -.amcharts-export-canvas.dropbox .canvas-container { - opacity: 0.5; -} - -.flot-chart-container { - box-sizing: border-box; - width: 100%; - height: 400px; -} -.flot-chart-container #toggling-series-flot { - width: 79% !important; -} - -.all-chart .flot-chart-container { - height: 350px; -} - -.flot-chart-placeholder { - width: 100%; - height: 100%; - font-size: 14px; - line-height: 1.2em; - text-align: center; -} -.flot-chart-placeholder .legend table { - border-spacing: 5px; -} - -.morris-hover { - position: absolute; - z-index: 1; -} -.morris-hover.morris-default-style { - border-radius: 10px; - padding: 6px; - color: #898989; - background: #fff; - border: solid 1px #ecf3fa; - font-family: sans-serif; - font-size: 12px; - text-align: center; -} -.morris-hover.morris-default-style .morris-hover-row-label { - font-weight: bold; - margin: 0.25em 0; -} -.morris-hover.morris-default-style .morris-hover-point { - white-space: nowrap; - margin: 0.1em 0; -} - -.chart-sparkline { - position: absolute; - left: 0; - top: 0; - visibility: hidden; - background: rgba(49, 49, 49, 0.7); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); - color: #fff; - font: 10px Rubik, sans-serif; - text-align: left; - white-space: nowrap; - padding: 5px; - border: 1px solid rgba(49, 49, 49, 0.75); - box-sizing: content-box; - z-index: 10000; - border-radius: 5px; -} -.chart-sparkline .jqsfield { - color: #fff; - font: 10px Rubik, sans-serif; - text-align: left; -} - -.radial-bar { - position: relative; - display: inline-block; - border-radius: 50%; - background-color: transparent; - box-sizing: content-box; - width: 80px; - height: 80px; - font-size: 18px; - background-clip: content-box; -} -.radial-bar:after { - display: inline-block; - position: absolute; - top: 0; - left: 0; - border-radius: 50%; - text-align: center; - font-weight: 500; - color: #455a64; - content: attr(data-label); - background-color: #fff; - z-index: 1; - width: 56px; - height: 56px; - margin-left: 12px; - margin-top: 12px; - line-height: 56px; -} -.radial-bar > img { - display: inline-block; - position: absolute; - top: 0; - left: 0; - border-radius: 50%; - text-align: center; - font-weight: 500; - color: #455a64; - z-index: 3; - width: 56px; - height: 56px; - margin-left: 12px; - margin-top: 12px; - line-height: 56px; -} - -.radial-bar-danger.radial-bar-20 { - background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FC4438 50%, #efefef 50%, #efefef); -} - -.radial-bar.radial-bar-lg { - width: 100px; - height: 100px; - font-size: 20px; -} -.radial-bar.radial-bar-sm { - width: 50px; - height: 50px; - font-size: 12px; -} -.radial-bar.radial-bar-xs { - width: 30px; - height: 30px; - font-size: 8px; -} -.pieLabel div { - color: #fff !important; -} -.pieLabel div input[type=checkbox] { - margin: 7px; -} - -.knob-chart { - min-height: 255px; -} -.knob-chart .chart-clock-main { - position: relative; - width: 200px; - margin: 45px auto; -} -.knob-chart .chart-clock-main .clock-large { - position: absolute; - left: -48px; - top: -45px; -} -.knob-chart .chart-clock-main .clock-medium { - position: absolute; - left: 2px; - top: 5px; -} -.knob-chart .chart-clock-main .clock-small { - position: absolute; - left: 15px; - top: 55px; -} - -.peity-charts svg { - width: 100%; - height: 250px; -} -.peity-charts.peity-chart-primary svg polygon { - fill: rgba(115, 102, 255, 0.2); -} -.peity-charts.peity-chart-primary svg polyline { - stroke: var(--theme-deafult); -} - -.bar-odd-even svg rect:nth-child(odd) { - fill: var(--theme-deafult); -} -.bar-odd-even svg rect:nth-child(even) { - fill: var(--theme-secondary); -} - -.donut-peity svg path:nth-child(odd) { - fill: var(--theme-deafult); -} -.donut-peity svg path:nth-child(even) { - fill: var(--theme-secondary); -} - -.small-donut ~ svg path:nth-child(odd), -.small-donut svg path:nth-child(odd), -.donut-peity2 ~ svg path:nth-child(odd), -.donut-peity2 svg path:nth-child(odd), -.pie-peity ~ svg path:nth-child(odd), -.pie-peity svg path:nth-child(odd) { - fill: var(--theme-deafult); -} -.small-donut ~ svg path:nth-child(even), -.small-donut svg path:nth-child(even), -.donut-peity2 ~ svg path:nth-child(even), -.donut-peity2 svg path:nth-child(even), -.pie-peity ~ svg path:nth-child(even), -.pie-peity svg path:nth-child(even) { - fill: #efefef; -} - -.small-donut2 ~ svg path:nth-child(odd) { - fill: var(--theme-secondary); -} - -.small-donut3 ~ svg path:nth-child(odd) { - fill: #54BA4A; -} - -.small-donut4 ~ svg path:nth-child(odd) { - fill: #16C7F9; -} - -.small-donut5 ~ svg path:nth-child(odd) { - fill: #FFAA05; -} - -.small-donut6 ~ svg path:nth-child(odd) { - fill: #FC4438; -} - -p.data-attributes svg { - margin-right: 10px; -} - -.knob-block { - position: relative; -} -.knob-block input { - display: flex !important; - align-items: center !important; - justify-content: center !important; - height: 100% !important; - width: 100% !important; - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: -3px !important; -} - -.knob-input-disable input { - display: none !important; -} - -.apex-chart { - margin: 0 auto; -} - -.apexcharts-toolbar { - z-index: 1 !important; -} - -.apexcharts-menu-item { - width: 110px; -} - -.word-tree { - height: 400px; -} - -.ct-series-a .ct-slice-pie, -.ct-series-a .ct-slice-donut-solid, -.ct-series-a .ct-area { - fill: var(--theme-deafult); -} -.ct-series-a .ct-point, -.ct-series-a .ct-line, -.ct-series-a .ct-bar, -.ct-series-a .ct-slice-donut { - stroke: var(--theme-deafult); -} - -.ct-series-b .ct-point, -.ct-series-b .ct-line, -.ct-series-b .ct-bar, -.ct-series-b .ct-slice-donut { - stroke: var(--theme-secondary); -} -.ct-series-b .ct-slice-pie, -.ct-series-b .ct-slice-donut-solid, -.ct-series-b .ct-area { - fill: var(--theme-secondary); -} - -.apache-cotainer { - width: 100%; - height: 350px; - margin: 0; -} - -.boxplot-cotainer { - height: 420px; -} - -.apache-cotainer-large { - width: 100%; - height: 500px; - margin: 0; -} - -.test-buttons button + button { - margin-left: 10px; -} - -.clip-chart-wrapper .test-chart-block { - margin-bottom: -30px; -} - -#echart-gauge .test-chart { - width: 100%; - height: 395px; -} - -.polar-line { - height: 350px; -} - -#dotted { - height: 390px; -} - -.apexcharts-canvas .apexcharts-tooltip, -.apexcharts-canvas .apexcharts-xaxistooltip, -.apexcharts-canvas .apexcharts-yaxistooltip { - z-index: 1; -} - -@media (max-width: 1346px) { - .flot-chart-container .flot-chart-placeholder ~ p.float-end { - float: left !important; - } - [dir=rtl] .flot-chart-container .flot-chart-placeholder ~ p.float-end { - float: right !important; - } -} - -/**===================== - 3.5 Chat CSS End -==========================**/ -/**===================== - 14. Chat CSS Start -==========================**/ -.chat-box .toogle-bar { - display: none; -} -.chat-box .chat-menu { - max-width: 340px; -} -.chat-box .people-list .search { - position: relative; -} -.chat-box .people-list .search .form-control { - background-color: #fafdff; - border: 1px solid #f4f4f4; -} -.chat-box .people-list .search .form-control::placeholder { - color: #59667a; -} -.chat-box .people-list .search i { - position: absolute; - right: 10px; - top: 17px; - font-size: 14px; - color: #ecf3fa; -} -.chat-box .people-list ul { - padding: 0; -} -.chat-box .people-list ul li { - padding-bottom: 20px; -} -.chat-box .people-list ul li:last-child { - padding-bottom: 0; -} -.chat-box .user-image { - float: left; - width: 52px; - height: 52px; - margin-right: 5px; -} -.chat-box .about { - float: left; - margin-top: 5px; - padding-left: 10px; -} -.chat-box .about .name { - color: #2c323f; - letter-spacing: 1px; - font-weight: 500; -} -.chat-box .status { - color: #59667a; - letter-spacing: 1px; - font-size: 12px; - margin-top: 5px; -} -.chat-box .status .chat-status { - font-weight: 600; - color: #2F2F3B; -} -.chat-box .status p { - font-size: 14px; -} -.chat-box .chat-right-aside .chat .chat-header { - padding: 15px; - border-bottom: 1px solid #f4f4f4; - display: flex; - align-items: center; - justify-content: space-between; -} -.chat-box .chat-right-aside .chat .chat-header img { - float: left; - width: 50px; - height: 50px; - box-shadow: 1px 1px 4px 1px #ecf3fa; -} -.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li { - margin-right: 24px; -} -.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i { - color: #52526c; - font-size: 25px; - cursor: pointer; -} -.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons { - margin-left: auto; -} -[dir=rtl] .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons { - margin-right: auto; - margin-left: unset; -} -.chat-box .chat-right-aside .chat .chat-msg-box { - padding: 20px; - overflow-y: auto; - height: 560px; - margin-bottom: 80px; -} -.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img { - margin-top: -35px; -} -.chat-box .chat-right-aside .chat .chat-msg-box .message-data { - margin-bottom: 10px; -} -.chat-box .chat-right-aside .chat .chat-msg-box .message-data-time { - letter-spacing: 1px; - font-size: 12px; - color: #59667a; -} -.chat-box .chat-right-aside .chat .chat-msg-box .message { - color: #2c323f; - padding: 20px; - line-height: 1.9; - letter-spacing: 1px; - font-size: 14px; - margin-bottom: 30px; - width: 50%; - position: relative; -} -.chat-box .chat-right-aside .chat .chat-msg-box .my-message { - border: 1px solid #f4f4f4; - border-radius: 10px; - border-top-left-radius: 0; -} -.chat-box .chat-right-aside .chat .chat-msg-box .other-message { - background-color: #fdfeff; - border-radius: 10px; - border-top-right-radius: 0; -} -.chat-box .chat-right-aside .chat .chat-message { - padding: 20px; - border-top: 1px solid #fafdff; - position: absolute; - width: calc(100% - 15px); - background-color: #fff; - bottom: 0; -} -.chat-box .chat-right-aside .chat .chat-message .smiley-box { - background: #efefef; - padding: 10px; - display: block; - border-radius: 4px; - margin-right: 0.5rem; -} -.chat-box .chat-right-aside .chat .chat-message .text-box { - position: relative; -} -.chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx { - height: 50px; - border: 2px solid var(--theme-deafult); - padding-left: 18px; - font-size: 12px; - letter-spacing: 1px; -} -.chat-box .chat-right-aside .chat .chat-message .text-box i { - position: absolute; - right: 20px; - top: 20px; - font-size: 20px; - color: #ecf3fa; - cursor: pointer; -} -.chat-box .chat-right-aside .chat .chat-message .text-box .btn { - font-size: 16px; - font-weight: 500; - padding: 0.74rem 1.75rem; - border-radius: 0 5px 5px 0; -} -.chat-box .chat-menu { - border-left: 1px solid #f4f4f4; -} -.chat-box .chat-menu .tab-pane { - padding: 0 15px; -} -.chat-box .chat-menu ul li .about .status i { - font-size: 10px; -} -.chat-box .chat-menu .user-profile { - margin-top: 30px; -} -.chat-box .chat-menu .user-profile .user-content h5 { - margin: 25px 0; -} -.chat-box .chat-menu .user-profile .user-content hr { - margin: 25px 0; -} -.chat-box .chat-menu .user-profile .user-content p { - font-size: 16px; -} -.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link.active, .chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link.show, .chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link:focus { - border-bottom: 0; -} -.chat-box .chat-menu .user-profile .image { - position: relative; -} -.chat-box .chat-menu .user-profile .image .icon-wrapper { - position: absolute; - bottom: 0; - left: 55%; - display: flex; - justify-content: center; - align-items: center; - height: 35px; - width: 35px; - border-radius: 50%; - background-color: #fff; - cursor: pointer; - overflow: hidden; - margin: 0 auto; - font-size: 14px; - box-shadow: 1px 1px 3px 1px #f4f4f4; -} -.chat-box .chat-menu .user-profile .image .avatar img { - border-radius: 50%; - border: 5px solid #f4f4f4; -} -.chat-box .chat-menu .user-profile .border-right { - border-right: 1px solid #dee2e6; -} -.chat-box .chat-menu .user-profile .follow { - margin-top: 0; -} -.chat-box .chat-menu .user-profile .follow .follow-num { - font-size: 20px; - color: #000; -} -.chat-box .chat-menu .user-profile .follow span { - color: #242934; - font-size: 14px; - letter-spacing: 1px; -} -.chat-box .chat-menu .user-profile .social-media a { - color: #59667a; - font-size: 15px; - padding: 0 7px; -} -.chat-box .chat-menu .user-profile .chat-profile-contact p { - font-size: 14px; - color: #59667a; -} -.chat-box .chat-menu .nav { - margin-bottom: 20px; -} -.chat-box .chat-menu .nav-tabs .nav-item { - width: 33.33%; -} -.chat-box .chat-menu .nav-tabs .nav-item a { - padding: 15px !important; - color: #59667a !important; - letter-spacing: 1px; - font-size: 14px; - font-weight: 500; - height: 60px; - display: flex; - align-items: center; - justify-content: center; -} -.chat-box .chat-menu .nav-tabs .nav-item .material-border { - border-width: 1px; - border-color: var(--theme-deafult); -} -.chat-box .chat-menu .nav-tabs .nav-item .nav-link.active { - color: #000 !important; -} -.chat-box .chat-history .call-content { - display: flex; - align-items: center; - justify-content: center; - min-width: 300px; -} -.chat-box .chat-history .total-time h2 { - font-size: 50px; - color: #efefef; - font-weight: 600; - margin-bottom: 30px; -} -.chat-box .chat-history .receiver-img { - margin-top: 55px; -} -.chat-box .chat-history .receiver-img img { - border-radius: 5px; -} -.chat-box .chat-history .call-icons { - margin-bottom: 35px; -} -.chat-box .chat-history .call-icons ul li { - width: 60px; - height: 60px; - border: 1px solid #f4f4f4; - border-radius: 50%; - padding: 12px; - cursor: pointer; -} -.chat-box .chat-history .call-icons ul li + li { - margin-left: 10px; -} -.chat-box .chat-history .call-icons ul li a { - color: #999; - font-size: 25px; -} - -.chat-left-aside > .media { - margin-bottom: 15px; -} -.chat-left-aside .people-list { - height: 625px; -} -.chat-left-aside ul li { - position: relative; -} - -.status-circle { - width: 12px; - height: 12px; - position: absolute; - top: 4px; - left: 44px; - border-radius: 50%; - border: 2px solid #fff; -} - -.away { - background-color: #FFAA05; -} - -.online { - background-color: #54BA4A; -} - -.offline { - background-color: #FC4438; -} - -.chat-container .aside-chat-left { - width: 320px; -} -.chat-container .chat-right-aside { - width: 320px; -} - -.call-chat-sidebar { - max-width: 320px; -} - -.call-chat-sidebar .card .card-body, .chat-body .card .card-body { - padding: 15px; -} - -/**===================== - 14. Chat CSS Ends -==========================**/ -/**===================== - 3.6 Checkout CSS start -==========================**/ -.checkout .checkout-details { - background-color: #f9f9f9; - border: 1px solid #dddddd; - padding: 40px; -} -.checkout .checkout-details .order-place { - margin-top: 15px; -} - -.order-box .title-box { - padding-bottom: 20px; - color: #444444; - font-size: 22px; - border-bottom: 1px solid #ededed; - margin-bottom: 20px; -} -.order-box .title-box span { - width: 35%; - float: right; - font-weight: 600; - text-align: right; -} -.order-box .title-box h4 { - font-weight: 600; -} -.order-box .title-box .checkbox-title { - display: flex; - justify-content: space-between; -} -.order-box .sub-total li { - position: relative; - display: inline-block; - font-size: 16px; - font-weight: 600; - color: #333333; - line-height: 20px; - margin-bottom: 20px; - width: 100%; -} -.order-box .sub-total li .count { - position: relative; - font-size: 18px; - line-height: 20px; - font-weight: 400; - width: 35%; - float: right; - text-align: right; -} -.order-box .sub-total .shipping-class { - margin-bottom: 12px; -} -.order-box .sub-total .shipping-class .shopping-checkout-option { - margin-top: -4px; - position: relative; - font-size: 18px; - line-height: 20px; - color: var(--theme-deafult); - font-weight: 400; - width: 35%; - float: right; - text-align: right; -} -.order-box .total { - position: relative; - margin-bottom: 30px; -} -.order-box .total li { - position: relative; - display: block; - font-weight: 400; - color: #333333; - line-height: 20px; - font-size: 18px; -} -.order-box .qty { - position: relative; - border-bottom: 1px solid #ededed; - margin-bottom: 30px; -} -.order-box .qty li { - position: relative; - display: block; - font-size: 15px; - color: #444444; - line-height: 20px; - margin-bottom: 20px; -} -.order-box .qty li span { - float: right; - font-size: 18px; - line-height: 20px; - color: #232323; - font-weight: 400; - width: 35%; - text-align: right; -} - -.radio-option { - position: relative; -} - -.img-paypal { - width: 30%; - margin-left: 15px; -} - -/**===================== - 86. Checkout CSS Ends -==========================**/ -/**===================== - Responsive CSS Start -==========================**/ -@media screen and (max-width: 1199px) { - .checkout .checkout-details { - padding: 25px; - } - .order-box .title-box span { - width: 30%; - } - .order-box .sub-total li .count { - width: 38%; - } - .order-box .sub-total .shipping-class .shopping-checkout-option { - width: 46%; - } - .order-box .qty li span { - width: 38%; - } - .order-box .total li .count { - width: 38%; - } -} -@media screen and (max-width: 991px) { - .order-box .sub-total .shipping-class .shopping-checkout-option { - width: 38%; - } -} -@media screen and (max-width: 575px) { - .checkout .checkout-details { - padding: 15px; - } - .order-box .sub-total .shipping-class .shopping-checkout-option { - width: 50%; - } - .order-box .sub-total li .count { - width: 50%; - } -} -/**===================== - 3.6 Checkout CSS ends -==========================**/ -/**===================== - 3.7 Comingsoon CSS Start -==========================**/ -.comingsoon-bgimg { - background: url(../images/other-images/coming-soon-bg.jpg); - background-position: bottom; - background-size: cover; -} - -.comingsoon { - display: flex; - align-items: center; - justify-content: center; - min-height: 100vh; - padding: 50px 0; -} -.comingsoon .comingsoon-inner h5 { - font-size: 18px; - letter-spacing: 1px; - color: #52526c; - font-weight: 500; - margin-bottom: 30px; - margin-top: 30px; -} -.comingsoon .comingsoon-inner .countdown { - padding: 30px 0; - border-top: 1px solid #f4f4f4; - border-bottom: 1px solid #f4f4f4; -} -.comingsoon .comingsoon-inner .countdown .time { - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - color: #fff; - font-weight: 500; - width: 100px; - height: 100px; - font-size: 36px; - background: var(--theme-deafult); -} -.comingsoon .comingsoon-inner .countdown .title { - padding-top: 13px; - font-size: 14px; - font-weight: 400; - color: #52526c; - text-transform: uppercase; - letter-spacing: 1px; -} -.comingsoon .comingsoon-inner .countdown ul li { - display: inline-block; - text-transform: uppercase; - margin: 0 20px; -} -.comingsoon .comingsoon-inner .countdown ul li span { - display: block; -} -.comingsoon video { - position: fixed; - top: 50%; - left: 50%; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; - z-index: -100; - transform: translateX(-50%) translateY(-50%); - transition: 1s opacity; -} - -/**===================== - 3.7 Comingsoon CSS Ends -==========================**/ -/**===================== - 3.8 Contacts CSS Start -==========================**/ -.alert-contactadd { - background-color: #fff; - border: 1px solid var(--theme-deafult); - width: 12%; - padding: 10px; -} - -.updateimg { - position: absolute; - left: 15px; - width: 100px; - top: 32px; - line-height: 93px; - opacity: 0; -} - -#right-history { - top: 81px; - right: -320px; - height: 100%; - position: fixed; - width: 320px; - z-index: 9; - background-color: #fff; - transition: 0.5s; - box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); -} -[dir=rtl] #right-history { - right: unset; - left: -320px; -} -#right-history h6 span a { - color: #2F2F3B; -} -#right-history.show { - right: 0; - transition: 0.3s; -} -[dir=rtl] #right-history.show { - right: unset; - left: 0; -} - -.history-details > div { - padding: 30px 0; -} -.history-details .media { - padding: 30px 15px; - border-top: 1px solid #f4f4f4; -} -.history-details .media i { - padding: 5px; - background: #fed112; - color: #fff; - border-radius: 100%; -} -.history-details .media h6 { - margin-bottom: 5px; -} - -.delete-contact { - display: none; -} - -.more-data { - animation: displayTransition 1s; -} - -.contact-editform { - padding: 30px; - animation: displayTransition 1s; -} -.contact-editform a { - display: block; -} -.contact-editform button { - margin-top: 30px; -} -.contact-editform .select2-container .select2-selection--single { - height: 39px !important; - border-color: #ced4da !important; -} - -#deletemodal .modal-header { - border-bottom: none; -} -#deletemodal .modal-header .delete-data span svg { - vertical-align: middle; - margin-right: 15px; -} - -.contact-options li .btn-category { - line-height: 39px; - border-radius: 3px; - padding-left: 40px !important; - padding: 0; - color: var(--theme-deafult); - font-weight: 500; -} - -.list-persons p { - font-family: Roboto, sans-serif; -} -.list-persons .profile-mail { - padding: 30px 0; -} -.list-persons .profile-mail .media img { - height: 100px; -} -.list-persons .profile-mail .media .media-body h5 { - margin-bottom: 5px; -} -.list-persons .profile-mail .media .media-body ul { - margin-top: 5px; -} -.list-persons .profile-mail .media .media-body ul li { - display: inline-block; -} -.list-persons .profile-mail .media .media-body ul li a { - font-size: 13px; -} -.list-persons .profile-mail .media .media-body ul li + li { - padding-left: 10px; - margin-left: 5px; - border-left: 2px solid #f4f4f4; -} -.list-persons .profile-mail .email-general { - padding-top: 50px; -} -.list-persons .profile-mail .email-general ul { - padding-right: 20px; -} -.list-persons .profile-mail .email-general ul li { - color: #898989; - padding-bottom: 10px; - margin-bottom: 10px; -} -.list-persons .profile-mail .email-general ul li:last-child { - padding-bottom: 0; - margin-bottom: 0; -} -.list-persons .profile-mail .email-general ul li > span { - float: right; -} -.list-persons .profile-mail .email-general p span { - margin-left: 30px; -} -.list-persons .profile-mail .email-general .gender { - margin-top: 30px; -} - -.contacts-tabs .nav-pills { - border-right: 1px solid #f4f4f4; - height: 100%; -} -.contacts-tabs .nav-pills .nav-link.active, -.contacts-tabs .nav-pills .nav-link > .nav-link, -.contacts-tabs .nav-pills .show.active, -.contacts-tabs .nav-pills .show > .nav-link { - background-color: rgba(115, 102, 255, 0.05); - color: #2F2F3B; -} -.contacts-tabs .nav-pills .nav-link { - color: #2F2F3B; - padding: 0; -} -.contacts-tabs .nav-pills .nav-link .media .img-50 { - height: 50px; -} -.contacts-tabs .nav-pills .nav-link + .nav-link { - border-top: 1px solid #f4f4f4; -} -.contacts-tabs .nav-pills .media { - padding: 20px; -} -.contacts-tabs .tab-content .tab-content-child { - animation: displayTransition 1s; -} - -@media only screen and (max-width: 991px) { - #right-history { - top: 60px; - } - .updateimg { - top: 21px; - } - .list-persons .profile-mail { - padding: 20px; - } - .list-persons .profile-mail .email-general .gender { - margin-top: 20px; - } - .contact-editform button { - margin-top: 20px; - } -} -@media only screen and (max-width: 767px) { - .contact-editform { - padding: 20px; - } - .contact-editform.pl-0 { - padding-left: 20px !important; - } - .contacts-tabs .nav-pills { - border-right: none; - border-bottom: 1px solid #f4f4f4; - } -} -@media only screen and (max-width: 575px) { - #right-history { - width: 270px; - } - .updateimg { - top: 16px; - left: 29px; - } - .contacts-tabs .media img.m-r-20 { - margin-right: 15px; - } - .contacts-tabs .nav-pills .media { - padding: 15px; - } - .list-persons .profile-mail { - padding: 15px; - } - .list-persons .profile-mail .email-general .gender { - margin-top: 15px; - } - .list-persons .nav-pills .nav-link .media .media-body { - text-align: left; - } - .contact-editform { - padding: 15px; - } - .contact-editform button { - margin-top: 15px; - } - .contact-editform.pl-0 { - padding-left: 15px !important; - } - .contact-editform form .row > div .row > div > div, - .contact-options form .row > div .row > div > div { - margin-bottom: 0; - } - .contact-editform form .row > div .row > div + div, - .contact-options form .row > div .row > div + div { - margin-top: 15px; - } -} -@media only screen and (max-width: 360px) { - .updateimg { - line-height: 73px; - width: 80px; - } - .list-persons .profile-mail .email-general p span { - margin-left: 10px; - } - .list-persons .profile-mail .media { - display: block; - } - .list-persons .profile-mail .media img { - height: 80px; - width: 80px !important; - margin-bottom: 15px; - } -} -/**===================== - 3.8 Contacts CSS Ends -==========================**/ -/**===================== - 3.9 Dashboard_2 CSS Start -==========================**/ -.widget-decor { - position: absolute; - height: 60px; - right: 0; - top: 50%; - transform: translateY(-50%); -} - -.balance-widget { - background-image: url(../images/dashboard-2/balance-bg.png); - background-size: cover; - background-repeat: no-repeat; - background-position: right; -} -.balance-widget .mobile-right-img { - position: absolute; - top: 10px; - right: 15px; -} -.balance-widget .mobile-right-img .left-mobile-img { - margin-right: -20px; -} -.balance-widget .mobile-right-img .mobile-img { - height: 130px; -} -[dir=rtl] .balance-widget .mobile-right-img { - right: unset; - left: 15px; -} -@media (max-width: 480px) { - .balance-widget .mobile-right-img { - right: 0; - } - .balance-widget .mobile-right-img .mobile-img { - height: 100px; - } - [dir=rtl] .balance-widget .mobile-right-img { - right: unset; - left: 0; - } -} -[dir=rtl] .balance-widget { - text-align: right; -} -.balance-widget.card-body { - padding: 20px 15px; -} -.balance-widget .purchase-btn { - min-width: 170px; -} - -.small-widget { - overflow: hidden; -} -.small-widget h4 { - margin-bottom: -3px; -} -.small-widget i { - font-weight: 700; - font-size: 11px; -} -.small-widget .card-body { - padding: 24px 15px; -} -.small-widget .bg-gradient { - width: 66px; - height: 67px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100px; - right: -12px; - top: 50%; - position: absolute; - transform: translateY(-50%); -} -[dir=rtl] .small-widget .bg-gradient { - right: unset; - left: -12px; - transform: translateY(-50%) scaleX(-1); -} -@media (max-width: 1399px) { - .small-widget .bg-gradient { - width: 60px; - height: 60px; - } -} -.small-widget .bg-gradient svg { - width: 25px; - height: 25px; -} -@media (max-width: 1399px) { - .small-widget .bg-gradient svg { - width: 22px; - height: 22px; - } -} -.small-widget:hover { - transform: translateY(-5px); - transition: 0.5s; -} -.small-widget:hover .bg-gradient svg { - animation: tada 1.5s ease infinite; -} - -@media (max-width: 1470px) { - .appointment .customer-table { - height: 268px; - } -} -@media (max-width: 1399px) { - .appointment .customer-table { - height: unset; - } -} - -.order-wrapper { - margin: 0 -24px -17px -17px; -} - -.categories-list { - display: flex; - flex-direction: column; - gap: 18px; -} -@media (max-width: 767px) { - .categories-list { - flex-direction: row; - flex-wrap: wrap; - } -} -.categories-list li { - gap: 10px; -} -.categories-list li .bg-light { - min-width: 40px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; -} -.categories-list li .bg-light img { - width: 25px; - height: 25px; - object-fit: contain; - transition: 0.5s; -} -.categories-list li h6 a { - transition: 0.5s; - color: var(--body-font-color); -} -.categories-list li:hover .bg-light img { - transition: 0.5s; - transform: scale(1.1); -} -.categories-list li:hover h6 a { - transition: 0.5s; - color: var(--theme-deafult); -} - -.monthly-profit { - margin-top: -10px; -} -@media (max-width: 1584px) { - .monthly-profit { - margin: -10px -8px 0; - } -} -@media (max-width: 1520px) { - .monthly-profit { - margin: -10px -16px 0; - } -} -@media (max-width: 1500px) { - .monthly-profit { - margin: -10px -14px 0; - } -} -@media (max-width: 1472px) { - .monthly-profit { - margin: -10px -20px 0; - } -} -@media (max-width: 1424px) { - .monthly-profit { - margin: -10px -25px 0; - } -} -.monthly-profit .apexcharts-canvas .apexcharts-legend-marker { - margin-right: 6px; -} -.monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value { - font-size: 14px; - font-weight: 500; - font-family: Rubik, sans-serif !important; - fill: var(--chart-text-color); -} - -.overview-wrapper { - position: relative; - z-index: 1; -} - -.back-bar-container { - position: absolute; - width: calc(100% - 64px); - bottom: -8px; - margin: 0 auto !important; - left: 28px; -} -@media (max-width: 1199px) { - .back-bar-container { - bottom: 22px; - } -} -@media (max-width: 480px) { - .back-bar-container { - width: calc(100% - 34px); - left: 18px; - } -} -@media (max-width: 327px) { - .back-bar-container { - bottom: 42px; - } -} - -.overview-card .balance-data { - right: 12px; -} -[dir=rtl] .overview-card .balance-data { - right: unset; - left: 12px; -} -@media (max-width: 767px) { - .overview-card .balance-data { - right: -40%; - } - [dir=rtl] .overview-card .balance-data { - left: -40%; - } -} - -.order-container .apexcharts-canvas .apexcharts-marker { - stroke-width: 4; -} - -.purchase-card.discover { - margin-top: 102px; -} -.purchase-card.discover img { - width: 224px; - margin: 0 auto; - margin-top: -90px; -} -@media (max-width: 1550px) { - .purchase-card.discover img { - margin-top: -110px; - } -} -@media (max-width: 1399px) { - .purchase-card.discover img { - margin-top: -90px; - } -} -@media (max-width: 991px) { - .purchase-card.discover img { - margin-top: -110px; - } -} -@media (max-width: 618px) { - .purchase-card.discover img { - width: 200px; - } -} - -.visitor-card .card-header svg { - width: 18px; - height: 18px; - fill: var(--theme-deafult); -} - -.visitors-container { - margin: 0 -12px -27px -17px; -} -.visitors-container svg .apexcharts-series path { - clip-path: inset(1% 0% 0% 0% round 3rem); -} -.visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series { - display: flex; -} - -.recent-order .nav { - gap: 8px; - flex-wrap: nowrap; - overflow: auto; - padding-bottom: 5px; - display: flex; -} -.recent-order .frame-box { - border: 1px solid transparent; - padding: 0; - transition: 0.5s; -} -.recent-order .frame-box.active { - border: 1px solid var(--theme-deafult); -} -.recent-order .frame-box:hover { - transform: translateY(-5px); - transition: 0.5s; -} -.recent-order .tab-content { - margin-top: 16px; -} - -.recent-table table thead { - background: var(--light2); -} -.recent-table table thead th { - padding-top: 9px; - padding-bottom: 9px; - border-bottom: none; -} -.recent-table table tr td, -.recent-table table tr th { - padding: 12px 8px; - vertical-align: middle; -} -.recent-table table tr td:first-child, -.recent-table table tr th:first-child { - min-width: 157px; -} -@media (max-width: 1660px) { - .recent-table table tr td:nth-child(2), - .recent-table table tr th:nth-child(2) { - min-width: 97px; - } -} -.recent-table table tr td:last-child, -.recent-table table tr th:last-child { - min-width: 96px; -} -.recent-table table tr td:first-child { - padding-left: 0; -} -[dir=rtl] .recent-table table tr td:first-child { - padding-left: unset; - padding-right: 0; -} -.recent-table table tr td:last-child { - padding-right: 0; -} -[dir=rtl] .recent-table table tr td:last-child { - padding-left: 0; - padding-right: unset; -} -.recent-table table tr:last-child td { - padding-bottom: 0; - border-bottom: none; -} -.recent-table table tr .product-content h6 a { - color: var(--body-font-color); - transition: 0.5s; -} -.recent-table table tr:hover .product-content h6 a { - color: var(--theme-deafult); - transition: 0.5s; -} -.recent-table .product-content { - display: flex; - align-items: center; - gap: 8px; -} -.recent-table .product-content .order-image { - background: var(--light2); - width: 40px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; -} -.recent-table svg { - width: 20px; - height: 20px; -} -.recent-table .recent-status { - display: flex; - align-items: center; -} -.recent-table .recent-status.font-success svg { - fill: #54BA4A; -} -.recent-table .recent-status.font-danger svg { - fill: #FC4438; -} - -.recent-activity h5 { - padding: 30px 0 20px; - margin-bottom: 0; -} -.recent-activity h6 { - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - display: -webkit-box; -} -.recent-activity ul li span { - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - display: -webkit-box; -} - -.notification li .recent-images ul::before { - display: none; -} -.notification li .recent-images li { - padding-bottom: 3px; -} - -.recent-images { - margin-top: 10px; -} -.recent-images ul { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 8px; -} -.recent-images li { - border: 1px dashed var(--recent-dashed-border); - padding: 3px; - border-radius: 2px; -} -.recent-images li .recent-img-wrap { - width: 40px; - height: 40px; - background: var(--light2); - display: flex; - align-items: center; - justify-content: center; -} - -.frame-box { - background: var(--recent-box-bg); - border-radius: 10px; - min-width: 76px; - box-shadow: 2px 2px 2px var(--recent-border); -} -@media (max-width: 575px) { - .frame-box { - min-width: 65px; - } -} -.frame-box .frame-image { - min-width: 62px; - height: 62px; - border-color: var(--recent-border) var(--white) var(--white) var(--recent-border); - border-width: 1px; - border-style: solid; - margin: 6px; - display: flex; - align-items: center; - border-radius: 4px; -} -@media (max-width: 575px) { - .frame-box .frame-image { - min-width: 50px; - height: 50px; - margin: 4px; - } -} -.frame-box img { - margin: 0 auto; -} -@media (max-width: 575px) { - .frame-box img { - height: 30px; - } -} - -.support-ticket-font ul { - font-size: 12px; -} - -.new-update .media .media-body span, -.new-update .media .media-body p { - font-weight: 500; -} - -.activity-dot-primary { - min-width: 6px; - height: 6px; - background-color: #7366FF; - border-radius: 100%; - outline: 5px solid rgba(115, 102, 255, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-primary { - min-width: 12px; - height: 12px; - background-color: #7366FF; - outline: 5px solid rgba(115, 102, 255, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-secondary { - min-width: 6px; - height: 6px; - background-color: #FF3364; - border-radius: 100%; - outline: 5px solid rgba(255, 51, 100, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-secondary { - min-width: 12px; - height: 12px; - background-color: #FF3364; - outline: 5px solid rgba(255, 51, 100, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-success { - min-width: 6px; - height: 6px; - background-color: #54BA4A; - border-radius: 100%; - outline: 5px solid rgba(84, 186, 74, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-success { - min-width: 12px; - height: 12px; - background-color: #54BA4A; - outline: 5px solid rgba(84, 186, 74, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-danger { - min-width: 6px; - height: 6px; - background-color: #FC4438; - border-radius: 100%; - outline: 5px solid rgba(252, 68, 56, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-danger { - min-width: 12px; - height: 12px; - background-color: #FC4438; - outline: 5px solid rgba(252, 68, 56, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-info { - min-width: 6px; - height: 6px; - background-color: #16C7F9; - border-radius: 100%; - outline: 5px solid rgba(22, 199, 249, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-info { - min-width: 12px; - height: 12px; - background-color: #16C7F9; - outline: 5px solid rgba(22, 199, 249, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-light { - min-width: 6px; - height: 6px; - background-color: #f4f4f4; - border-radius: 100%; - outline: 5px solid rgba(244, 244, 244, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-light { - min-width: 12px; - height: 12px; - background-color: #f4f4f4; - outline: 5px solid rgba(244, 244, 244, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-dark { - min-width: 6px; - height: 6px; - background-color: #2c323f; - border-radius: 100%; - outline: 5px solid rgba(44, 50, 63, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-dark { - min-width: 12px; - height: 12px; - background-color: #2c323f; - outline: 5px solid rgba(44, 50, 63, 0.25); - position: relative; - z-index: 2; -} - -.activity-dot-warning { - min-width: 6px; - height: 6px; - background-color: #FFAA05; - border-radius: 100%; - outline: 5px solid rgba(255, 170, 5, 0.25); - position: relative; - z-index: 2; -} - -.timeline-dot-warning { - min-width: 12px; - height: 12px; - background-color: #FFAA05; - outline: 5px solid rgba(255, 170, 5, 0.25); - position: relative; - z-index: 2; -} - -@media only screen and (max-width: 1800px) and (min-width: 1400px) { - .grid-ed-none { - display: none !important; - } - .grid-ed-12 { - width: 100%; - } -} -@media only screen and (max-width: 1660px) and (min-width: 1400px) { - .col-ed-12 { - width: 100%; - } - .col-ed-7 { - width: 58%; - } - .col-ed-5 { - width: 42%; - } - .col-ed-9 { - width: 75%; - } - .col-ed-3 { - width: 25%; - } - .col-ed-6 { - width: 50%; - } - .col-ed-4 { - width: 33.33333333%; - } - .col-ed-8 { - width: 66.66%; - } - .col-ed-none { - display: none !important; - } -} -@media only screen and (max-width: 1660px) and (min-width: 1200px) { - .xl-30 { - max-width: 30%; - flex: 0 0 30%; - } - .xl-70 { - max-width: 70%; - flex: 0 0 70%; - } -} -@media only screen and (max-width: 420px) { - .size-column .col-6 { - width: 100%; - } -} -/**===================== - 3.9 Dashboard_2 CSS End -==========================**/ -/**===================== - 3.10 Dashboard_3 CSS Start -==========================**/ -@keyframes hand-move { - 0% { - transform: rotate(0deg); - } - 20% { - transform: rotate(15deg); - } - 50% { - transform: rotate(0deg); - } - 80% { - transform: rotate(-15deg); - } - 100% { - transform: rotate(0deg); - } -} -.welcome-card { - background-image: url(../images/dashboard-3/bg.jpg); - background-size: cover; - background-repeat: no-repeat; - background-position: center; - color: #fff; -} -.welcome-card h4 img { - margin-top: -6px; - animation: hand-move 5s infinite ease-in; -} -.welcome-card p { - width: 75%; -} -@media (max-width: 1830px) { - .welcome-card p { - width: 62%; - } -} -@media (max-width: 991px) { - .welcome-card p { - width: 70%; - } -} -@media (max-width: 480px) { - .welcome-card p { - width: 100%; - } -} -.welcome-card .welcome-img { - height: 200px; - position: absolute; - right: 0; - bottom: -32px; -} -[dir=rtl] .welcome-card .welcome-img { - right: unset; - left: 0; -} -@media (max-width: 1780px) { - .welcome-card .welcome-img { - height: 180px; - bottom: -28px; - } -} -@media (max-width: 1700px) { - .welcome-card .welcome-img { - bottom: -23px; - } -} -@media (max-width: 767px) { - .welcome-card .welcome-img { - height: 140px; - bottom: -18px; - } -} -@media (max-width: 480px) { - .welcome-card .welcome-img { - display: none; - } -} - -.course-box { - overflow: hidden; -} -.course-box .card-body { - padding: 25px 15px; -} -@media (max-width: 1722px) { - .course-box .card-body { - padding: 20px 15px; - } -} -@media (max-width: 1660px) { - .course-box .card-body { - padding: 16px 15px; - } -} -@media (max-width: 1660px) { - .course-box.widget-course .card-body { - padding: 25px 15px; - } -} -.course-box:hover { - transform: translateY(-5px); - transition: 0.5s; -} -.course-box:hover .course-icon svg { - animation: tada 1.5s ease infinite; -} - -.course-widget { - display: flex; - gap: 8px; -} -.course-widget .course-icon { - position: relative; - width: 54px; - height: 54px; - clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%); - background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%); - display: flex; - align-items: center; - justify-content: center; -} -.course-widget .course-icon svg { - width: 26px; - height: 26px; - fill: #fff; -} -.course-widget .course-icon.warning { - background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); -} -.course-widget .btn-light { - background: var(--course-light-btn) !important; - border: none; -} -.course-widget a { - display: flex; - align-items: center; - padding: 8px 12px; - margin-top: 25px; -} -.course-widget a span { - display: block; - margin-bottom: -5px; -} -.course-widget a svg { - width: 13px; - height: 13px; -} - -.get-card .card-header { - padding-left: 20px; - padding-right: 20px; -} - -.square-group { - position: absolute; - bottom: 0; - right: 0; - transform: scaleX(-1); -} -[dir=rtl] .square-group { - right: unset; - left: 0; -} -.square-group .square-1 { - width: 12px; - height: 18px; -} -.square-group .square-2 { - width: 12px; - height: 10px; - margin-bottom: -10px; -} -.square-group .square-3 { - width: 18px; - height: 10px; - margin-left: 10px; -} -[dir=rtl] .square-group .square-3 { - margin-left: unset; - margin-right: 10px; -} -.square-group .square-4 { - width: 16px; - height: 16px; - position: absolute; - top: 20px; - right: -15px; -} -[dir=rtl] .square-group .square-4 { - right: unset; - left: -15px; -} -.square-group .square-5 { - width: 6px; - height: 6px; - bottom: 22px; - position: absolute; - right: -1px; -} -[dir=rtl] .square-group .square-5 { - right: unset; - left: -1px; -} -.square-group .square-6, -.square-group .square-7 { - position: absolute; - width: 4px; - height: 4px; -} -.square-group .square-6 { - right: -23px; - bottom: 5px; -} -[dir=rtl] .square-group .square-6 { - right: unset; - left: -23px; -} -.square-group .square-7 { - right: 8px; - bottom: 45px; -} -[dir=rtl] .square-group .square-7 { - right: unset; - left: 8px; -} -.square-group .warning1 { - background: #FFD497; -} -.square-group .warning { - background: #FFA73B; -} -.square-group .primary { - background: #7366FF; -} -.square-group .danger { - background: #f54132; -} -.square-group .light { - background: #E6E8EF; -} -.square-group .success { - background: #54BA4A; -} - -.progress-chart-wrap { - margin: -24px 0 -22px; -} -[dir=rtl] .progress-chart-wrap { - direction: ltr; -} -@media (max-width: 991px) { - .progress-chart-wrap { - margin-top: -18px; - } -} -.progress-chart-wrap .apexcharts-canvas { - margin: 0 auto; -} -.progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label { - fill: var(--chart-text-color); -} - -.get-card .btn { - margin-top: 15px; - padding: 8px 15px; -} -.get-card .btn:hover svg { - transform: translateX(5px); - transition: 0.5s; -} -.get-card .btn svg { - width: 13px; - height: 13px; - fill: #fff; - vertical-align: middle; - transition: 0.5s; -} - -.default-datepicker .datepicker-inline .datepicker { - width: auto; - background: #fff; - box-shadow: none; - padding: 0; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content { - padding: 0; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names { - margin: 27px 0 0; - padding: 15px 0; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name { - color: #2b2b2b; - font-size: 14px; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day { - height: 35px; - /* width: 14%; */ - color: #2b2b2b; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- { - color: #2b2b2b; - opacity: 20%; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- { - color: #FC4438; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell { - font-weight: 500; - font-size: 14px; - line-height: 17px; - z-index: 0; - letter-spacing: 2px; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- { - background: var(--theme-deafult); - color: #fff; - position: relative; - box-shadow: 0px 0px 13px 0 rgba(115, 102, 255, 0.5); -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- { - background-color: #54BA4A; - border: none; - color: #fff; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after { - position: absolute; - content: ""; - width: 10px; - height: 10px; - border: 2px solid var(--white); - background: #FC4438; - right: -3px; - top: -2px; - border-radius: 100%; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- { - color: #fff; - box-shadow: none; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- { - background-color: var(--theme-deafult); -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav { - border-bottom: none; - padding: 0; - text-transform: capitalize; - margin-top: 0; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action { - background-color: transparent; - width: 22px; - height: 22px; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action=prev] { - position: absolute; - right: 50px; -} -[dir=rtl] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action=prev] { - right: unset; - left: 50px; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg { - width: 22px; - height: 22px; -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path { - stroke: var(--chart-text-color); -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title { - color: #2b2b2b; - font-size: 20px; - font-weight: 500; -} -@media (max-width: 767px) { - .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title { - font-size: 14px; - } -} -.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i { - margin-left: 10px; - font-weight: 500; - font-size: 20px; - color: #2b2b2b; -} -@media (max-width: 767px) { - .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i { - font-size: 14px; - } -} - -.learning-wrap { - margin: -24px -10px -24px -15px; -} - -.activity-wrap { - margin: -22px 0 -22px -28px; -} -[dir=rtl] .activity-wrap { - margin: -22px -28px -22px 0; -} - -.upcoming-event-wrap { - margin-bottom: -39px; - margin-left: -24px; -} - -.course-card .dropdown .dropdown-toggle { - width: 125px; -} - -.course-wrapper { - text-align: center; -} -.course-wrapper .course-icon-box { - position: relative; - padding: 8px; -} -@media (max-width: 767px) { - .course-wrapper .course-icon-box { - padding: 0; - } -} -.course-wrapper .course-icon-box .icon-wrap { - width: 117px; - height: 92px; - background-color: var(--course-bg); - display: flex; - align-items: center; - justify-content: center; - border-radius: 8px; - margin: 0 auto; - box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); -} -@media (max-width: 1880px) { - .course-wrapper .course-icon-box .icon-wrap { - width: 112px; - } -} -@media (max-width: 767px) { - .course-wrapper .course-icon-box .icon-wrap { - box-shadow: none; - } -} -@media (max-width: 575px) { - .course-wrapper .course-icon-box .icon-wrap { - width: 92px; - height: 82px; - } -} -.course-wrapper .course-icon-box .icon-wrap img { - width: 80px; -} -@media (max-width: 575px) { - .course-wrapper .course-icon-box .icon-wrap img { - width: 70px; - } -} -.course-wrapper .course-icon-box .arrow-bg { - position: absolute; - top: 0; - left: 0; - width: calc(100% + 20px); - height: 100%; -} -[dir=rtl] .course-wrapper .course-icon-box .arrow-bg { - left: unset; - right: 0; - transform: scaleX(-1); -} -@media (max-width: 767px) { - .course-wrapper .course-icon-box .arrow-bg { - display: none; - } -} -.course-wrapper h6 { - margin-top: 25px; - margin-bottom: 0; -} -@media (max-width: 575px) { - .course-wrapper h6 { - margin-top: 15px; - } -} - -.course-main-card { - display: flex; - gap: 20px; - justify-content: center; -} -@media (max-width: 1880px) { - .course-main-card { - flex-wrap: wrap; - } -} -@media (max-width: 767px) { - .course-main-card { - gap: 12px; - flex-wrap: nowrap; - } -} -@media (max-width: 575px) { - .course-main-card { - gap: 20px; - flex-wrap: wrap; - } -} -.course-main-card .course-wrapper:last-child .arrow-bg { - width: 100%; -} - -.schedule-list { - display: flex; - flex-direction: column; - gap: 20px; -} -@media (max-width: 767px) { - .schedule-list { - flex-direction: row; - } -} -@media (max-width: 575px) { - .schedule-list { - flex-direction: column; - } -} -.schedule-list li { - display: flex; - align-items: center; -} -.schedule-list li h6 { - font-size: 14px; -} -.schedule-list li ul { - column-count: 2; - column-rule-style: solid; - column-rule-color: var(--chart-text-color); - column-gap: 20px; - column-rule-width: 1px; -} -@media (max-width: 1712px) { - .schedule-list li ul { - column-gap: 14px; - } -} -@media (max-width: 1199px) { - .schedule-list li ul { - display: flex; - flex-wrap: wrap; - } -} -.schedule-list li ul li { - gap: 6px; -} -.schedule-list li img { - border-radius: 100%; - width: 37px; - height: 37px; - padding: 3px; -} -.schedule-list li svg { - width: 15px; - height: 15px; -} -.schedule-list li svg.f-success { - fill: #54BA4A; -} -.schedule-list > li { - padding: 15px 20px; - box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05); - gap: 10px; - position: relative; - border-radius: 10px; -} -@media (max-width: 1712px) { - .schedule-list > li { - padding: 16px 14px; - } -} -.schedule-list > li::before { - position: absolute; - content: ""; - width: 5px; - height: 100%; - left: 0; - top: 0; - border-radius: 15px 0 0 15px; -} -[dir=rtl] .schedule-list > li::before { - left: unset; - right: 0; - border-radius: 0 15px 15px 0; -} -.schedule-list > li.primary::before { - background-color: var(--theme-deafult); -} -.schedule-list > li.primary img { - border: 1px solid var(--theme-deafult); -} -.schedule-list > li.warning::before { - background-color: #FFAA05; -} -.schedule-list > li.warning img { - border: 1px solid #FFAA05; -} - -.link-only { - display: flex; - align-items: center; - color: #52526c; -} -.link-only svg { - width: 16px; - height: 16px; -} - -.lessons-lists li { - display: flex; - align-items: center; - gap: 10px; - padding: 12px 0; -} -.lessons-lists li img { - transition: 0.5s; -} -.lessons-lists li + li { - border-top: 1px solid var(--chart-dashed-border); -} -.lessons-lists li:first-child { - padding-top: 0; -} -.lessons-lists li:last-child { - padding-bottom: 0; -} -.lessons-lists li:hover img { - transform: scale(1.1); - transition: 0.5s; -} - -.lesson-wrap { - width: 50px; - margin-bottom: -11px; - margin-top: -6px; -} -.lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label { - display: none; -} - -@media only screen and (max-width: 575px) { - .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title { - font-size: 17px; - } - .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i { - font-size: 17px; - margin-left: 10px; - } - .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell { - font-size: 13px; - } -} -@media only screen and (max-width: 360px) { - .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before { - height: 36px; - } - .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day { - height: 36px; - } - .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names { - margin: 13px 0 13px; - } - .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name { - font-size: 12px; - } - .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i { - margin-left: 15px; - font-size: 25px; - } -} -/**===================== - 3.10 Dashboard_3 CSS Ends -==========================**/ -/**===================== - 3.11 Dashboard_4 CSS Start -==========================**/ -.widget-hover:hover { - transform: translateY(-5px); - transition: 0.5s; -} - -.currency-widget .currency-icon-widget { - width: 35px; - height: 35px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 5px; - box-shadow: inset 2.66667px -2.66667px 2.66667px rgba(194, 128, 49, 0.1), inset -2.66667px 2.66667px 2.66667px rgba(255, 255, 255, 0.1); -} -.currency-widget .currency-icon-widget svg { - width: 16px; - height: 16px; - fill: #fff; -} -.currency-widget .card { - margin-top: 14px; -} -.currency-widget .card .card-body { - padding: 15px; - gap: 10px; - justify-content: space-between; -} -@media (max-width: 1660px) { - .currency-widget .card .card-body { - flex-wrap: wrap; - } -} -@media (max-width: 575px) { - .currency-widget .card .card-body { - flex-wrap: unset; - } -} -.currency-widget .card:hover { - transform: translateY(-5px); - transition: 0.5s; -} -.currency-widget h6 { - margin-bottom: 0; -} -.currency-widget .d-flex { - gap: 10px; - align-items: center; -} -.currency-widget span svg { - width: 16px; - height: 16px; - vertical-align: middle; -} -.currency-widget div[class*=bg-light-] { - color: #2F2F3B; - padding: 15px; - border-radius: 10px; - width: 115px; -} -@media (max-width: 1660px) and (min-width: 1200px) { - .currency-widget div[class*=bg-light-] { - display: none; - } -} -@media (max-width: 1199px) { - .currency-widget div[class*=bg-light-] { - width: 100%; - } -} -@media (max-width: 575px) { - .currency-widget div[class*=bg-light-] { - width: 50%; - } -} -@media (max-width: 1199px) and (min-width: 768px) { - .currency-widget.widget-currency .card .card-body { - flex-wrap: unset; - } -} -.currency-widget.warning .currency-icon-widget { - background-image: linear-gradient(to right, #FFAA05 80%, rgba(255, 170, 5, 0.2)); -} -.currency-widget.primary .currency-icon-widget { - background-image: linear-gradient(to right, #7366FF 80%, rgba(115, 102, 255, 0.2)); -} -.currency-widget.success .currency-icon-widget { - background-image: linear-gradient(to right, #54BA4A 80%, rgba(84, 186, 74, 0.2)); -} -@media (max-width: 1399px) { - .currency-widget.height-equal { - min-height: unset !important; - } -} - -.currency-chart-wrap { - margin: -28px -10px -20px -20px; -} -@media (max-width: 575px) { - .currency-chart-wrap { - width: 50%; - } -} -.currency-chart-wrap .apexcharts-canvas .apexcharts-tooltip-text-y-label { - display: none; -} - -.tranaction-card .header-top { - flex-wrap: wrap; - gap: 10px; -} - -.crypto-main-card { - background-image: linear-gradient(to bottom right, #5f3deb, #ad79ff); - color: #fff; -} -@media (max-width: 1199px) { - .crypto-main-card .card-body { - padding: 20px; - } -} -.crypto-main-card .btn { - padding: 8px 20px; -} -@media (max-width: 1660px) { - .crypto-main-card .btn { - padding: 8px 15px; - } -} -.crypto-main-card .deposit-wrap > div { - width: 65%; -} -@media (max-width: 1660px) { - .crypto-main-card .deposit-wrap > div { - width: 90%; - } -} -@media (max-width: 1536px) { - .crypto-main-card .deposit-wrap > div { - width: 100%; - } -} -@media (max-width: 1399px) { - .crypto-main-card .deposit-wrap > div { - width: 75%; - } -} -@media (max-width: 1199px) { - .crypto-main-card .deposit-wrap > div { - width: 95%; - } -} -@media (max-width: 1660px) { - .crypto-main-card .deposit-wrap > div h5 { - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - display: -webkit-box; - } -} -@media (max-width: 767px) { - .crypto-main-card .deposit-wrap > div h5 { - -webkit-line-clamp: 1; - } -} -.crypto-main-card .deposit-wrap img { - position: absolute; - right: 10px; - bottom: 10px; - width: 55%; -} -[dir=rtl] .crypto-main-card .deposit-wrap img { - right: unset; - left: 10px; - transform: scaleX(-1); -} -@media (max-width: 1660px) { - .crypto-main-card .deposit-wrap img { - width: 44%; - } -} -@media (max-width: 1399px) { - .crypto-main-card .deposit-wrap img { - width: 52%; - } -} -@media (max-width: 1199px) { - .crypto-main-card .deposit-wrap img { - width: 30%; - } -} - -.portfolio-card .dropdown-toggle { - width: 80px; -} - -.btn-white { - color: #7366FF; - background-color: #fff; -} - -.radial-progress-card { - display: flex; - align-items: center; - justify-content: space-between; - gap: 6px; -} -.radial-progress-card.card-body { - padding: 23px 20px; -} -@media (max-width: 1199px) { - .radial-progress-card.card-body { - padding: 30px 20px; - } -} -.radial-progress-card p { - -webkit-line-clamp: 1; - overflow: hidden; - text-overflow: ellipsis; - -webkit-box-orient: vertical; - display: -webkit-box; -} -.radial-progress-card h6 { - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 1; - display: -webkit-box; -} -.radial-progress-card .sale-details { - margin: 10px 0; -} -.radial-progress-card .sale-details svg { - width: 15px; - height: 15px; - vertical-align: middle; -} -.radial-progress-card .radial-chart-wrap { - width: 110px; - margin-right: -25px; -} -[dir=rtl] .radial-progress-card .radial-chart-wrap { - margin-right: unset; - margin-left: -25px; -} -@media (max-width: 1820px) { - .radial-progress-card .radial-chart-wrap { - margin-right: -12px; - } - [dir=rtl] .radial-progress-card .radial-chart-wrap { - margin-left: -12px; - } -} -.radial-progress-card .radial-chart-wrap .apexcharts-canvas .apexcharts-datalabel-label { - display: none; -} - -.transaction-table table tr:first-child td { - padding-top: 0; -} -.transaction-table table tr td:first-child { - min-width: unset; -} -@media (max-width: 1775px) { - .transaction-table table tr td:first-child { - min-width: 130px; - } -} -.transaction-table table tr td:last-child { - text-align: right; - min-width: 60px; -} -.transaction-table table tr, -.transaction-table table td { - border-style: dashed; -} - -.custom-tab { - background: var(--light2); - padding: 4px; - border-radius: 5px; -} -.custom-tab.nav-tabs { - border: none; -} -.custom-tab.nav-tabs .nav-link { - border: none; - padding: 6px 12px; - color: var(--chart-text-color); -} -.custom-tab.nav-tabs .nav-link.active { - color: var(--theme-deafult); -} - -.market-chart-container { - margin: -24px 0 -24px -15px; -} -[dir=rtl] .market-chart-container { - margin: -24px -15px -24px 0; -} -@media (max-width: 575px) { - .market-chart-container { - margin-bottom: 0; - } -} - -.market-card .balance-card { - padding: 10px; -} -@media (max-width: 575px) { - .market-card .custom-tab { - display: none; - } -} - -.currency-icon { - width: 34px; - height: 34px; - background-color: var(--light2); - border-radius: 4px; - display: flex; - align-items: center; - justify-content: center; -} -.currency-icon.warning svg { - fill: #FFAA05; -} -.currency-icon.success svg { - fill: #54BA4A; -} -.currency-icon.primary svg { - fill: #7366FF; -} -.currency-icon.secondary svg { - fill: #FF3364; -} -.currency-icon.dark-green svg { - fill: #1BA27A; -} -.currency-icon.light-blue svg { - fill: #038DE7; -} - -.recent-table tr:hover td:first-child h6 { - color: var(--theme-deafult); -} -.recent-table tr:hover .border-icon .social-circle { - transform: scale(1.02); - transition: 0.5s; -} -.recent-table tr:hover .currency-icon svg { - animation: tada 1.5s ease infinite; -} -.recent-table tr:hover .badge-light-primary { - background-color: var(--theme-deafult); - color: #fff; -} - -.currency-table .change-currency svg { - width: 16px; - height: 16px; - vertical-align: sub; -} -.currency-table th:nth-child(3), -.currency-table td:nth-child(3) { - min-width: 110px; -} -.currency-table th:nth-child(4), -.currency-table td:nth-child(4) { - min-width: 115px; -} - -select.crypto-select { - position: absolute; - top: 50%; - transform: translateY(-50%); - font-size: 12px; - right: 7px; - width: 62px; - background-position: right 0.25rem center; - padding: 8px; - border: none; - font-weight: 500; - background-size: 8px; -} -[dir=rtl] select.crypto-select { - right: unset; - left: 7px; -} -select.crypto-select.warning { - background-color: rgba(255, 170, 5, 0.1) !important; - color: #FFAA05 !important; -} -select.crypto-select.primary { - background-color: rgba(115, 102, 255, 0.1) !important; - color: #7366FF !important; -} - -.crypto-form input::-webkit-outer-spin-button, .crypto-form input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} -.crypto-form input[type=number] { - -moz-appearance: textfield; -} - -.balance-box { - text-align: center; - background-image: url(../images/dashboard-4/bg-balance.png); - background-position: right; - background-size: cover; -} -.balance-box .balance-img { - display: inline-block; - padding: 5px; - border: 2px solid var(--chart-border); - border-left-color: #54BA4A; - border-bottom-color: #54BA4A; - border-radius: 100%; - position: relative; - margin-bottom: 15px; -} -.balance-box .balance-img img { - background-color: var(--balance-profie-bg); - border-radius: 100%; -} -.balance-box .balance-img .edit-icon { - width: 26px; - height: 26px; - position: absolute; - display: flex; - align-items: center; - justify-content: center; - border: 2px solid var(--white); - background-color: #DFDFF4; - right: 0; - bottom: 0; - border-radius: 100%; -} -.balance-box .balance-img .edit-icon svg { - width: 11px; - height: 11px; - fill: #7366FF; -} - -.balance-profile ul { - display: flex; - justify-content: center; - gap: 50px; - margin-top: 16px; -} -@media (max-width: 1660px) { - .balance-profile ul { - gap: 25px; - } -} -.balance-profile ul li { - position: relative; -} -.balance-profile ul li + li::before { - position: absolute; - content: ""; - left: -25px; - top: 50%; - height: 40px; - transform: translateY(-50%); - border: 1px dashed var(--recent-dashed-border); -} -[dir=rtl] .balance-profile ul li + li::before { - left: unset; - right: -25px; -} -@media (max-width: 1660px) { - .balance-profile ul li + li::before { - left: -16px; - } - [dir=rtl] .balance-profile ul li + li::before { - right: -16px; - } -} - -@media (max-width: 1399px) { - .activity-card .appointment-table { - height: 180px; - } -} -@media (max-width: 575px) { - .activity-card .appointment-table { - height: unset; - } -} -.activity-card .appointment-table tr td:nth-child(2) { - min-width: 130px; -} - -.balance-item { - display: flex; - gap: 10px; -} -.balance-item .balance-icon-wrap { - width: 40px; - min-width: 40px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 10px; -} -@media (max-width: 1660px) { - .balance-item .balance-icon-wrap { - width: 25px; - min-width: 25px; - height: 25px; - border-radius: 8px; - } -} -.balance-item .balance-icon-wrap .balance-icon { - width: 16px; - height: 16px; - border-radius: 100%; -} -@media (max-width: 1660px) { - .balance-item .balance-icon-wrap .balance-icon { - width: 14px; - height: 14px; - } -} -.balance-item .balance-icon-wrap .balance-icon svg { - color: #fff; - width: 14px; - height: 14px; -} -@media (max-width: 1660px) { - .balance-item .balance-icon-wrap .balance-icon svg { - width: 12px; - height: 12px; - vertical-align: text-top; - } -} -.balance-item .badge { - padding: 8px 10px; -} -.balance-item.danger .balance-icon-wrap { - background-color: rgba(252, 68, 56, 0.1); -} -.balance-item.danger .balance-icon-wrap .balance-icon { - background-color: #FC4438; -} -.balance-item.success .balance-icon-wrap { - background-color: rgba(84, 186, 74, 0.1); -} -.balance-item.success .balance-icon-wrap .balance-icon { - background-color: #54BA4A; -} - -.portfolio-chart-container { - margin-top: -56px; -} -@media (max-width: 1399px) { - .portfolio-chart-container { - margin-top: -20px; - } -} - -.portfolio-table .status { - width: 6px; - height: 6px; - border-radius: 100%; - display: inline-block; -} -.portfolio-table table tr, -.portfolio-table table td { - border-style: dashed; -} -@media (max-width: 1755px) { - .portfolio-table table tr td:first-child, - .portfolio-table table tr th:first-child { - min-width: 100px; - } -} -@media (max-width: 1755px) { - .portfolio-table table tr td:last-child, - .portfolio-table table tr th:last-child { - min-width: 128px; - } -} - -/**===================== - 3.11 Dashboard_4 CSS Ends -==========================**/ -/**===================== - 3.12 Dashboard_5 CSS Start -==========================**/ -.social-img { - padding: 5px; - background: var(--white); - border-radius: 100%; -} -.social-widget .card-body { - padding: 15px; -} -.social-widget .social-icons { - min-width: 55px; - height: 55px; - background: var(--white); - box-shadow: 0px 42.1092px 27.8569px rgba(41, 72, 152, 0.0303704), 0px 8.90772px 7.12618px rgba(41, 72, 152, 0.0196296), 0px 2.02448px 3.44162px rgba(41, 72, 152, 0.012037); - border-radius: 10px; - display: flex; - align-items: center; - justify-content: center; -} -@media (max-width: 1399px) { - .social-widget .social-icons { - min-width: 40px; - height: 40px; - } - .social-widget .social-icons img { - height: 20px; - } -} -.social-widget .social-content { - margin-top: 20px; - display: flex; - justify-content: space-between; -} -.social-widget .social-content .social-chart { - margin: -34px -42px -13px; - width: 150px; -} -.social-widget .social-content .social-chart .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label { - display: none; -} - -.follower-chart { - margin: -20px 0 -20px -34px; -} -@media (max-width: 717px) { - .follower-chart { - margin-left: 0; - } -} - -@keyframes wave-speaker { - 0% { - transform: translateX(5px); - } - 50% { - transform: translateX(0); - } - 100% { - transform: translateX(5px); - } -} -.mobile-app-card .card-header { - background: transparent; - padding: 20px; - width: 68%; -} -@media (max-width: 1693px) { - .mobile-app-card .card-header { - width: 75%; - } -} -@media (max-width: 1316px) { - .mobile-app-card .card-header { - width: 86%; - } -} -@media (max-width: 991px) { - .mobile-app-card .card-header { - width: 64%; - } -} -@media (max-width: 350px) { - .mobile-app-card .card-header { - width: 75%; - } -} -.mobile-app-card .card-body { - margin-top: -10px; -} -@media (max-width: 1199px) { - .mobile-app-card .card-body { - margin-top: 26px; - } -} -@media (max-width: 991px) { - .mobile-app-card .card-body { - margin-top: 20px; - } -} -.mobile-app-card .card-body .wavy { - width: 26px; - margin-right: -37px; - margin-top: -10px; - animation: wave-speaker 2s ease infinite; -} -.mobile-app-card .purchase-btn { - padding: 10px 25px; - min-width: unset; -} - -.subscriber-chart-container { - margin: -22px -10px -24px; -} - -.click-widgets .card-body { - padding: 28px 15px; -} -.click-widgets .click-chart { - margin: -50px 0 -70px -20px; -} - -@media (max-width: 1693px) { - .follower-wrap .card-body, - .follower-wrap .card-header { - padding: 22px; - } -} -.follower-wrap .card-header { - padding-bottom: 20px; -} - -.campaign-list { - column-count: 2; - column-gap: 20px; - margin-bottom: 15px; -} -.campaign-list li { - position: relative; -} -.campaign-list li + li::before { - position: absolute; - content: ""; - width: 1px; - height: 20px; - background-color: var(--chart-text-color); - top: 50%; - transform: translateY(-50%); - left: -10px; - opacity: 0.6; -} -[dir=rtl] .campaign-list li + li::before { - left: unset; - right: -10px; -} -.campaign-list .campaign-box { - background: linear-gradient(180deg, var(--course-light-btn) 0%, rgba(242, 243, 247, 0) 100%); - border-radius: 5px; - padding: 6px 10px; -} - -.social-circle { - width: 34px; - height: 34px; - border-width: 1px; - border-style: solid; - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; - transition: 0.5s; -} - -.campaign-table table tr:hover td:nth-child(2) { - color: var(--theme-deafult); -} -.campaign-table .border-icon > div { - border-left: 2px solid #2F84F4; - padding-left: 15px; -} -[dir=rtl] .campaign-table .border-icon > div { - padding-left: unset; - padding-right: 15px; -} -.campaign-table .facebook > div { - border-left: 2px solid #2F84F4; -} -[dir=rtl] .campaign-table .facebook > div { - border-left: unset; - border-right: 2px solid #2F84F4; -} -.campaign-table .facebook .social-circle { - background-color: rgba(47, 132, 244, 0.1); - border-color: #2F84F4; - color: #2F84F4; -} -.campaign-table .instagram > div { - border-left: 2px solid #FC971E; -} -[dir=rtl] .campaign-table .instagram > div { - border-left: unset; - border-right: 2px solid #FC971E; -} -.campaign-table .instagram .social-circle { - background-color: rgba(252, 151, 30, 0.1); - border-color: #FC971E; - color: #FC971E; -} -.campaign-table .pinterest > div { - border-left: 2px solid #FF3364; -} -[dir=rtl] .campaign-table .pinterest > div { - border-left: unset; - border-right: 2px solid #FF3364; -} -.campaign-table .pinterest .social-circle { - background-color: rgba(255, 51, 100, 0.1); - border-color: #FF3364; - color: #FF3364; -} -.campaign-table .plus-btn { - width: 24px; - border-radius: 5px; - background-color: transparent; - border: 1px solid var(--body-font-color); - color: var(--body-font-color); -} -.campaign-table .plus-btn:hover { - background-color: var(--body-font-color); - color: var(--white); -} -.campaign-table .twitter > div { - border-left: 2px solid #57B9F6; -} -[dir=rtl] .campaign-table .twitter > div { - border-left: unset; - border-right: 2px solid #57B9F6; -} -.campaign-table .twitter .social-circle { - background-color: rgba(87, 185, 246, 0.1); - border-color: #57B9F6; - color: #57B9F6; -} -.campaign-table .you-tube > div { - border-left: 2px solid #F42F2F; -} -[dir=rtl] .campaign-table .you-tube > div { - border-left: unset; - border-right: 2px solid #F42F2F; -} -.campaign-table .you-tube .social-circle { - background-color: rgba(244, 47, 47, 0.1); - border-color: #F42F2F; - color: #F42F2F; -} -.campaign-table .badge-light-primary, -.campaign-table .badge-light-light { - padding: 4px 12px; -} -.campaign-table tr td, -.campaign-table tr th { - border-style: dashed; -} -.campaign-table tr td:nth-child(5), -.campaign-table tr th:nth-child(5) { - min-width: 190px; -} -.campaign-table .recent-table tr td:nth-child(2), -.campaign-table .recent-table tr th:nth-child(2) { - min-width: 120px; -} -.campaign-table .recent-table tr td:first-child, -.campaign-table .recent-table tr th:first-child { - min-width: 110px; -} -.campaign-table .recent-table tr td:nth-child(3), .campaign-table .recent-table tr td:last-child, -.campaign-table .recent-table tr th:nth-child(3), -.campaign-table .recent-table tr th:last-child { - min-width: 50px; -} - -.view-container .apexcharts-canvas .apexcharts-grid-row { - stroke-width: 15px; - stroke: var(--white); -} -.view-container .apexcharts-canvas .apexcharts-gridlines-vertical line, -.view-container .apexcharts-canvas .apexcharts-gridlines-vertical react, -.view-container .apexcharts-canvas .apexcharts-gridlines-horizontal line, -.view-container .apexcharts-canvas .apexcharts-gridlines-horizontal react { - stroke-width: 15px; - stroke: var(--white); -} -.view-container .apexcharts-canvas .apexcharts-point-annotations circle { - outline: 25px solid #f0effd; - border-radius: 100%; -} -@media (max-width: 480px) { - .view-container .apexcharts-canvas .apexcharts-point-annotations circle { - outline-width: 10px; - } -} - -/**===================== - 3.12 Dashboard_5 CSS Ends -==========================**/ -/**===================== - 3.13 Dashboard_default CSS Start -==========================**/ -.form-control-plaintext { - width: auto !important; -} - -@keyframes bounce-effect { - 0% { - transform: translateY(0); - transition: 0.5s; - } - 50% { - transform: translateY(-5px); - transition: 0.5s; - } - 100% { - transform: translateY(0); - transition: 0.5s; - } -} -@keyframes round { - 0% { - transform: scale(1); - } - 50% { - transform: scale(1.2); - } - 100% { - transform: scale(1); - } -} -.badge-light-primary { - background-color: white; - color: #7366FF; -} - -.badge-light-secondary { - background-color: #fff5f7; - color: #FF3364; -} - -.badge-light-success { - background-color: #d9efd6; - color: #54BA4A; -} - -.badge-light-danger { - background-color: #fff7f7; - color: #FC4438; -} - -.badge-light-info { - background-color: #d3f4fe; - color: #16C7F9; -} - -.badge-light-light { - background-color: #b7b7c9; - color: #52526c; -} - -.badge-light-dark { - background-color: #8490a9; - color: #2c323f; -} - -.badge-light-warning { - background-color: #ffecc7; - color: #FFAA05; -} - -.badge-light-light { - background-color: #e9e9ee; -} - -.badge-light-primary { - background-color: rgba(115, 102, 255, 0.1); -} - -.badge-light-success { - background-color: rgba(84, 186, 74, 0.15); -} - -.badge-light-secondary { - background-color: rgba(255, 51, 100, 0.08); -} - -.table thead th { - border-bottom: 2px solid #ecf3fa; -} - -@media (max-width: 1712px) { - .overall-card .balance-card { - padding: 12px; - } -} -@media (max-width: 1662px) and (min-width: 1600px) { - .overall-card .col-xl-9 { - width: 73%; - } - .overall-card .col-xl-3 { - width: 27%; - } -} -@media (max-width: 1650px) and (min-width: 1600px) { - .overall-card .col-xl-9 { - width: 72%; - } - .overall-card .col-xl-3 { - width: 28%; - } -} -@media (max-width: 1600px) and (min-width: 1500px) { - .overall-card .col-xl-9 { - width: 70%; - } - .overall-card .col-xl-3 { - width: 30%; - } -} -@media (max-width: 1500px) and (min-width: 1200px) { - .overall-card .col-xl-9 { - width: 65%; - } - .overall-card .col-xl-3 { - width: 35%; - } -} - -/* Clock styles */ -.clockbox { - margin-bottom: -5px; -} -.clockbox svg { - width: 45px; - height: 45px; -} -@media (max-width: 767px) { - .clockbox svg { - height: 36px; - } -} - -.clockbox, -#clock { - width: 100%; -} - -.circle { - fill: #fff; - stroke: rgba(255, 255, 255, 0.4); - stroke-width: 80px; - stroke-miterlimit: 10; -} - -.mid-circle { - fill: #000; -} - -.hour-marks { - fill: none; - stroke: #52526c; - stroke-width: 9; - stroke-miterlimit: 10; -} - -.hour-hand { - fill: none; - stroke: #ff7e00; - stroke-width: 17; - stroke-miterlimit: 10; -} - -.minute-hand { - fill: none; - stroke: #ff7e00; - stroke-width: 11; - stroke-miterlimit: 10; -} - -.second-hand { - fill: none; - stroke: #FFAA05; - stroke-width: 15px; - stroke-miterlimit: 10; -} - -.sizing-box { - fill: none; -} - -#hour, -#minute, -#second { - transform-origin: 300px 300px; - transition: transform 0.5s ease-in-out; -} - -@media (min-width: 1400px) { - .widget-grid .height-equal { - min-height: unset !important; - } -} -@media (min-width: 1400px) { - .widget-grid > .col-xxl-auto { - width: 22.22%; - } -} - -.order-chart > div { - margin-top: -25px; - margin-bottom: -43px; -} -.order-chart svg path { - clip-path: inset(7% 0% 0% 0% round 0.6rem); -} - -.growth-wrap .card-header { - position: relative; - z-index: 1; -} - -.growth-wrapper > div { - margin-top: -54px; - margin-bottom: -25px; -} -@media (max-width: 1481px) { - .growth-wrapper > div { - margin-top: -50px; - } -} - -.profit-chart > div { - margin-top: -45px; - margin-bottom: -48px; -} -.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label { - display: none; -} - -.widget-1 { - background-image: url(../images/dashboard/widget-bg.png); - background-size: cover; - margin-bottom: 25px; -} -.widget-1 i { - font-weight: 700; - font-size: 12px; -} -.widget-1 .f-w-500 { - display: flex; - align-items: center; -} -@media (max-width: 1580px) and (min-width: 1200px) { - .widget-1 .f-w-500 { - display: none; - } -} -.widget-1 .card-body { - display: flex; - justify-content: space-between; - align-items: flex-end; - padding: 18px 25px; -} -@media (max-width: 1720px) { - .widget-1 .card-body { - padding: 18px; - } -} -.widget-1 .widget-round { - position: relative; - display: inline-block; - border-width: 1px; - border-style: solid; - border-radius: 100%; -} -.widget-1 .widget-round .bg-round { - width: 56px; - height: 56px; - box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83); - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - margin: 6px; - position: relative; - z-index: 1; -} -.widget-1 .widget-round .bg-round svg { - width: 24px; - height: 24px; -} -.widget-1 .widget-round .bg-round .half-circle { - height: 52px; - position: absolute; - left: -9px; - width: 35px; - bottom: -8px; - background: #fff; - z-index: -1; -} -@media (max-width: 1600px) { - .widget-1 .widget-round .bg-round { - width: 40px; - height: 40px; - } - .widget-1 .widget-round .bg-round svg { - width: 22px; - height: 22px; - } - .widget-1 .widget-round .bg-round .half-circle { - height: 40px; - left: -10px; - width: 30px; - bottom: -8px; - } -} -.widget-1 .widget-round.primary { - border-color: var(--theme-deafult); -} -.widget-1 .widget-round.secondary { - border-color: var(--theme-secondary); -} -.widget-1 .widget-round.success { - border-color: #54BA4A; -} -.widget-1 .widget-round.warning { - border-color: #FFAA05; -} -.widget-1 .widget-content { - display: flex; - align-items: center; - gap: 15px; -} -@media (max-width: 1600px) { - .widget-1 .widget-content { - gap: 10px; - } -} -.widget-1 .widget-content h4 { - margin-bottom: 4px; -} -.widget-1:hover { - transform: translateY(-5px); - transition: 0.5s; -} -.widget-1:hover .widget-round .svg-fill:not(.half-circle) { - animation: tada 1.5s ease infinite; -} - -.widget-with-chart .card-body { - align-items: center; -} - -.profile-box { - background: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-deafult) 79.68%); - color: #fff; -} -.profile-box .cartoon { - position: absolute; - bottom: -15px; - right: 20px; - animation: bounce-effect 5s infinite ease-in; -} -[dir=rtl] .profile-box .cartoon { - right: unset !important; - left: 5px; -} -@media (max-width: 1660px) { - .profile-box .cartoon { - right: 30px; - text-align: right; - } - [dir=rtl] .profile-box .cartoon { - left: -6px; - text-align: left; - } - .profile-box .cartoon img { - width: 80%; - } -} -@media (max-width: 1500px) { - .profile-box .cartoon img { - width: 60%; - } -} -@media (max-width: 767px) { - .profile-box .cartoon { - right: 10px; - } - [dir=rtl] .profile-box .cartoon { - left: -10px; - } - .profile-box .cartoon img { - width: 52%; - } -} -@media (max-width: 575px) { - .profile-box .cartoon { - right: 30px; - } - [dir=rtl] .profile-box .cartoon { - left: 10px; - } - .profile-box .cartoon img { - width: 48%; - } -} -.profile-box .greeting-user p { - width: 60%; -} -@media (max-width: 1500px) { - .profile-box .greeting-user p { - width: 70%; - } -} -@media (max-width: 1199px) { - .profile-box .greeting-user p { - width: 80%; - } -} -@media (max-width: 767px) { - .profile-box .greeting-user p { - width: 98%; - } -} -@media (max-width: 600px) { - .profile-box .greeting-user p { - width: 100%; - } -} -@media (max-width: 575px) { - .profile-box .greeting-user p { - width: 98%; - } -} -.profile-box .whatsnew-btn { - margin-top: 3.5rem; -} -@media (max-width: 1500px) { - .profile-box .whatsnew-btn { - margin-top: 1.7rem; - } -} -@media (max-width: 991px) { - .profile-box .whatsnew-btn { - margin-top: 3.5rem; - } -} -@media (max-width: 638px) { - .profile-box .whatsnew-btn { - margin-top: 2rem; - } -} -@media (max-width: 767px) { - .profile-box .whatsnew-btn .btn { - padding: 6px 10px; - } -} - -.header-top { - display: flex; - justify-content: space-between; - align-items: center; - gap: 4px; -} -.header-top a i { - font-size: 14px; - margin-bottom: -2px; -} -.header-top a.btn { - padding: 8px 12px; -} -@media (max-width: 575px) { - .header-top a.btn { - padding: 5px; - } -} -.header-top a.btn.badge-light-primary:hover { - background-color: var(--theme-deafult); -} - -.user-details { - display: flex; - align-items: center; - gap: 15px; -} -@media (max-width: 1399px) { - .user-details { - gap: 6px; - } -} -.user-details .customers { - width: 200px; -} -@media (max-width: 575px) { - .user-details { - flex-wrap: wrap; - } -} - -.papernote-wrap .banner-img { - border-radius: 15px; - width: 100%; -} -.papernote-wrap .note-labels { - display: flex; - align-items: center; -} -.papernote-wrap .note-labels > * { - padding: 3px 0; -} -.papernote-wrap .note-labels ul { - display: flex; - align-items: center; - gap: 10px; - flex-wrap: wrap; -} -@media (max-width: 575px) { - .papernote-wrap .note-labels ul { - gap: 4px; - } -} -.papernote-wrap .note-labels .badge { - font-size: 14px; - padding: 6px 12px; -} -@media (max-width: 575px) { - .papernote-wrap .note-labels .badge { - font-size: 12px; - padding: 5px 6px; - } -} -.papernote-wrap .note-labels .last-label { - padding-left: 16px; - margin-left: 16px; - border-left: 1px dashed rgba(82, 82, 108, 0.7); -} -[dir=rtl] .papernote-wrap .note-labels .last-label { - padding-left: unset; - margin-left: unset; - margin-right: 16px; - padding-right: 16px; - border-left: none; - border-right: 1px dashed rgba(82, 82, 108, 0.7); -} -@media (max-width: 575px) { - .papernote-wrap .note-labels .last-label { - padding-left: 8px; - margin-left: 8px; - } - [dir=rtl] .papernote-wrap .note-labels .last-label { - margin-right: 8px; - padding-right: 8px; - } -} -.papernote-wrap .light-card { - width: 40px; - height: 40px; - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; - background: var(--light2); - border: 1px solid rgba(82, 82, 108, 0.2); -} - -.appointment-sec .card-header-right-icon select { - background-color: rgba(115, 102, 255, 0.08) !important; - border: none; - color: var(--theme-deafult) !important; - width: auto !important; - height: 32px !important; - border-radius: 10px; - padding: 5px 10px; - line-height: 50px !important; - font-weight: 500; - border: none; - outline: none !important; -} -.appointment-sec .card-header-right-icon select:hover { - background-color: rgba(115, 102, 255, 0.08) !important; - color: var(--theme-deafult) !important; -} -.appointment-sec .bottom-btn { - text-align: center; -} -.appointment-sec .bottom-btn a { - font-family: Roboto, sans-serif; - font-weight: bold; - font-size: 14px; - line-height: 16px; - letter-spacing: 0.3px; - text-decoration-line: underline; - text-transform: uppercase; -} - -.notification ul { - position: relative; -} -.notification ul::before { - position: absolute; - content: ""; - border: 1px dashed #52526c; - opacity: 0.3; - top: 12px; - left: 2px; - height: calc(100% - 12px); -} -[dir=rtl] .notification ul::before { - left: unset; - right: 2px; -} -.notification li { - padding-bottom: 22px; -} -.notification div[class*=activity-dot-] { - margin-top: 12px; - animation: round 1.3s ease-in-out infinite; -} -.notification .card .d-flex .w-100 p .badge { - color: #fff; - margin-left: 10px; - font-weight: 500; -} -.notification .card .d-flex .w-100 h6 { - margin-bottom: 5px; - position: relative; -} -.notification .card .d-flex .w-100 h6 ~ p { - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; - text-emphasis: inherit; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: block; - width: 260px; -} -@media (max-width: 767px) { - .notification .card .d-flex .w-100 h6 ~ p { - -webkit-line-clamp: unset; - text-emphasis: unset; - white-space: unset; - text-overflow: unset; - display: block; - width: unset; - overflow: visible; - } -} -@keyframes round { - 0% { - transform: scale(1); - } - 50% { - transform: scale(1.2); - } - 100% { - transform: scale(1); - } -} -.notification .card .d-flex .w-100 span { - color: #52526c; -} -.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification { - background-color: #FFAA05; - border: 5px solid #ffde9e; -} -.notification .card .d-flex:last-child { - margin-bottom: 0 !important; -} -.notification .date-content { - padding: 4px 8px; - border-radius: 5px; -} - -.schedule-container > div { - margin-bottom: -40px; -} -.schedule-container svg path { - clip-path: inset(1% 0% 0% 0% round 1.5rem); -} - -.purchase-card { - text-align: center; - margin-top: 200px; -} -@media (max-width: 1560px) { - .purchase-card { - margin-top: 170px; - } -} -@media (max-width: 1399px) { - .purchase-card { - margin-top: 160px; - } -} -@media (max-width: 500px) { - .purchase-card { - margin-top: 110px; - } -} -@media (max-width: 420px) { - .purchase-card { - margin-top: 90px; - } -} -.purchase-card img { - margin-top: -208px; -} -@media (max-width: 1560px) { - .purchase-card img { - margin-top: -170px; - } -} -@media (max-width: 1399px) { - .purchase-card img { - width: 70%; - margin: -160px auto 0 auto; - } -} -@media (max-width: 1366px) { - .purchase-card img { - width: 76%; - } -} -@media (max-width: 1199px) { - .purchase-card img { - width: 86%; - } -} -@media (max-width: 991px) { - .purchase-card img { - width: 72%; - } -} -@media (max-width: 767px) { - .purchase-card img { - width: 50%; - } -} -@media (max-width: 500px) { - .purchase-card img { - margin-top: -110px; - } -} -@media (max-width: 420px) { - .purchase-card img { - margin-top: -90px; - width: 60%; - } -} -.purchase-card .purchase-btn { - min-width: auto; -} - -.user-list { - column-count: 2; - column-rule-style: dashed; - column-rule-color: rgba(82, 82, 108, 0.7); - column-gap: 120px; - column-rule-width: 1px; -} -@media (max-width: 1780px) { - .user-list { - column-gap: 80px; - } -} -@media (max-width: 1660px) { - .user-list { - column-gap: 40px; - } -} -@media (max-width: 360px) { - .user-list { - column-gap: 25px; - } -} -.user-list li { - display: flex; - align-items: center; - justify-content: center; - gap: 10px; - width: 100%; -} -@media (max-width: 1540px) { - .user-list li { - gap: 5px; - } -} -.user-list li i { - font-size: 12px; - font-weight: 700; -} -@media (max-width: 360px) { - .user-list li h5 { - font-size: 16px; - } -} -@media (max-width: 360px) { - .user-list li span { - font-size: 13px; - } -} -.user-list li:hover .user-box svg { - animation: tada 1.5s ease infinite; -} -.user-list .user-icon { - border-radius: 100%; - display: inline-block; -} -.user-list .user-icon .user-box { - margin: 3px; - width: 47px; - height: 47px; - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; -} -@media (max-width: 1540px) { - .user-list .user-icon .user-box { - width: 30px; - height: 30px; - } - .user-list .user-icon .user-box svg { - width: 18px; - height: 18px; - } -} -.user-list .user-icon.primary { - border: 1px solid #7366FF; -} -.user-list .user-icon.primary .user-box { - background: #e8e6ff; -} -.user-list .user-icon.success { - border: 1px solid #54BA4A; -} -.user-list .user-icon.success .user-box { - background: #e0f2de; -} - -.appointment-table table tr td { - position: relative; - border-top: none; - padding: 15px 0; - vertical-align: middle; -} -.appointment-table table tr td:first-child { - width: 50px; -} -.appointment-table table tr td .status-circle { - top: 1px; - left: 35px; - border-width: 3px; -} -.appointment-table table tr td p, -.appointment-table table tr td .btn { - font-weight: 500; - font-size: 12px; -} -.appointment-table table tr td .btn { - padding: 4px 12px; -} -.appointment-table table tr .img-content-box a { - color: var(--body-font-color); - transition: 0.5s; - display: inline-block !important; -} -.appointment-table table tr .img-content-box span { - display: block; -} -.appointment-table table tr:hover .img-content-box a { - color: var(--theme-deafult); - transition: 0.5s; -} -.appointment-table table tr:first-child td { - padding-top: 0 !important; -} -.appointment-table table tr:last-child td { - padding-bottom: 0 !important; -} -.appointment-table.customer-table table tr td { - padding: 10px 0; -} -.appointment-table.customer-table table tr td img { - min-width: 40px; -} - -.icon-box { - width: 50px; - height: 32px; - background-color: rgba(115, 102, 255, 0.08); - border-radius: 10px; - display: flex; - align-items: center; - justify-content: center; -} -.icon-box i { - color: var(--theme-deafult); - font-size: 22px; -} -.icon-box svg { - stroke: var(--theme-deafult); -} - -.balance-card { - display: flex; - padding: 15px; - border-radius: 5px; - gap: 15px; - transition: 0.5s; -} -@media (max-width: 1199px) { - .balance-card { - gap: 8px; - } -} -.balance-card .svg-box { - width: 43px; - height: 43px; - background: #fff; - box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852); - border-radius: 10px; - display: flex; - align-items: center; - justify-content: center; -} -@media (max-width: 1199px) { - .balance-card .svg-box { - width: 35px; - height: 35px; - } -} -.balance-card .svg-box svg { - height: 20px; - fill: rgba(82, 82, 108, 0.85); -} -@media (max-width: 1199px) { - .balance-card .svg-box svg { - height: 17px; - } -} - -.btn-light-secondary { - background-color: rgba(var(--theme-secondary), 0.1); - font-size: 12px; - padding: 6px 12px; - font-weight: 600; -} - -.crm-activity > li + li { - border-top: 1px solid #efefef; - margin-top: 10px; - padding-top: 10px; -} -.crm-activity > li + li h6 { - font-size: 14px; - line-height: 18px; - margin-bottom: 5px; -} -.crm-activity > li h6 { - font-size: 14px; -} -.crm-activity span { - font-size: 40px; -} -.crm-activity ul.dates h6 { - color: #2F2F3B; -} -.crm-activity ul.dates li { - color: #52526c; - font-size: 12px; - display: inline-block; - line-height: 1; -} -.crm-activity ul.dates li + li { - border-left: 1px solid #efefef; - padding-left: 10px; - margin-left: 5px; -} - -.fill-primary { - fill: #7366FF; -} - -.fill-secondary { - fill: #FF3364; -} - -.fill-success { - fill: #54BA4A; -} - -.fill-warning { - fill: #FFAA05; -} - -.fill-info { - fill: #16C7F9; -} - -.fill-danger { - fill: #FC4438; -} - -.ecommerce-widget { - box-shadow: none; - border: 1px solid #f1f3ff !important; - border-radius: 5px; -} -.ecommerce-widget .total-num { - color: #2F2F3B; - margin: 0; - letter-spacing: 1px; -} -.ecommerce-widget .total-num span { - color: #000; -} -.ecommerce-widget .row { - align-items: center; -} -.ecommerce-widget .progress-showcase { - margin-top: 30px; -} -.ecommerce-widget span { - color: #52526c; - margin: 0; - cursor: pointer; -} -.ecommerce-widget .icon { - color: #efefef; - font-size: 40px; -} -.ecommerce-widget .flot-chart-container { - height: 100px; - padding: 0; - margin: 0; - border: transparent; -} -.ecommerce-widget .morris-default-style { - display: none !important; -} -.ecommerce-widget svg { - -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); - filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); -} - -.redial-social-widget { - border-radius: 100%; - width: 100px; - height: 100px; - display: flex; - align-items: center; - justify-content: center; - font-size: 25px; - margin: 0 auto; - background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #f4f4f4 50%, #f4f4f4); -} -.redial-social-widget i { - background-color: #fff; - height: 80px; - width: 80px; - border-radius: 100%; - text-align: center; - display: flex; - align-items: center; - justify-content: center; -} -.redial-social-widget.radial-bar-70 { - background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #f4f4f4 50%, #f4f4f4); -} - -.browser-widget:hover img { - -webkit-filter: grayscale(0%); - filter: grayscale(0%); - transition: all 0.3s ease; - transform: scale(1.1) rotate(5deg); -} -.browser-widget img { - height: 80px; - filter: grayscale(100%); - transform: scale(1) rotate(0deg); - transition: all 0.3s ease; -} -.browser-widget .media-body { - text-align: center; - column-count: 3; - column-rule: 1px solid #f4f4f4; -} -.browser-widget .media-body p { - margin-bottom: 5px; -} -.browser-widget .media-body span { - margin-bottom: 0; - color: #52526c; -} -.browser-widget .media-body h4 { - color: #2F2F3B; - margin-bottom: 0; - font-size: 18px; -} -.browser-widget .media-body h4 span { - color: #333333; -} - -.testimonial i { - font-size: 60px; - color: rgba(43, 43, 43, 0.7); - position: absolute; - left: 0; - top: 0; - opacity: 0.1; - z-index: -1; -} -.testimonial p { - color: #52526c; - font-style: italic; - margin-bottom: 30px; - margin-top: 30px; -} -.testimonial h5 { - color: #2F2F3B; - padding-top: 10px; -} -.testimonial span { - color: #52526c; -} -.testimonial img { - margin: 0 auto; -} - -.widget-charts .widget-1 .card-body { - padding: 30px 25px; -} - -.chart-widget-top #chart-widget1, -.chart-widget-top #chart-widget2, -.chart-widget-top #chart-widget3 { - margin-bottom: -14px; -} -.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip, -.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip, -.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip { - display: none; -} -.chart-widget-top span { - color: #6C757D; -} - -.bar-chart-widget .apexcharts-legend { - bottom: 0 !important; -} -.bar-chart-widget .apexcharts-legend .apexcharts-legend-series { - margin: 0 10px !important; -} -.bar-chart-widget .apexcharts-legend .apexcharts-legend-marker { - margin-right: 5px; -} -.bar-chart-widget .top-content { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.bar-chart-widget .earning-details { - height: 100%; - align-items: center; - justify-content: center; - text-align: center; - display: flex; - letter-spacing: 1px; -} -.bar-chart-widget .earning-details i { - font-size: 230px; - position: absolute; - opacity: 0.1; - right: -30px; - top: 0; -} -.bar-chart-widget .earning-details i:hover { - transform: rotate(-5deg) scale(1.1); - transition: all 0.3s ease; -} -.bar-chart-widget .num { - font-weight: 600; -} -.bar-chart-widget .num .color-bottom { - color: #000; -} - -.skill-chart { - margin-bottom: -48px; -} -.skill-chart .apexcharts-legend .apexcharts-legend-series span { - display: block; -} -.skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text { - margin: 10px 0 20px; -} - -.progress-chart { - margin: -11px 0 -20px; -} -.progress-chart .apexcharts-canvas svg path, -.progress-chart .apexcharts-canvas svg rect { - clip-path: inset(1% 0% 0% 0% round 1rem); -} - -.bottom-content span { - color: #52526c; -} -.bottom-content .block-bottom { - display: block; -} - -@keyframes am-moving-dashes { - 100% { - stroke-dashoffset: -30px; - } -} -@-webkit-keyframes am-pulsating { - 0% { - stroke-opacity: 1; - stroke-width: 0; - } - 100% { - stroke-opacity: 0; - stroke-width: 50px; - } -} -@keyframes am-pulsating { - 0% { - stroke-opacity: 1; - stroke-width: 0; - } - 100% { - stroke-opacity: 0; - stroke-width: 50px; - } -} -@-webkit-keyframes am-draw { - 0% { - stroke-dashoffset: 500%; - } - 100% { - stroke-dashoffset: 0; - } -} -@keyframes am-draw { - 0% { - stroke-dashoffset: 500%; - } - 100% { - stroke-dashoffset: 0; - } -} -.serial-chart .chart-container { - width: 100%; - height: 500px; -} -.serial-chart .chart-container .lastBullet { - animation: am-pulsating 1s ease-out infinite; -} -.serial-chart .chart-container .amcharts-graph-column-front { - transition: all 0.3s 0.3s ease-out; -} -.serial-chart .chart-container .amcharts-graph-column-front:hover { - fill: var(--theme-secondary); - stroke: var(--theme-secondary); - transition: all 0.3s ease-out; -} -.serial-chart .chart-container .amcharts-graph-g3 { - stroke-linejoin: round; - stroke-linecap: round; - stroke-dasharray: 0; - stroke-dashoffset: 0; - animation: am-draw 40s; -} -.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke { - stroke-dasharray: 3px 3px; - stroke-linejoin: round; - stroke-linecap: round; - animation: am-moving-dashes 1s linear infinite; -} - -.chart-container .apexcharts-xaxis-label, -.chart-container .apexcharts-yaxis-label { - font-size: 14px !important; - color: #6C757D !important; -} -.chart-container .apexcharts-xaxis-annotations rect { - clip-path: inset(1% 0% 0% 0% round 0.2rem); -} - -.crypto-chart { - margin-left: -20px; -} -.crypto-chart .apexcharts-tooltip-title { - display: none; -} -.crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active { - padding-bottom: 0; -} - -.speed-chart .chart-container { - width: 100%; - height: 530px; -} -.speed-chart .content { - margin-top: -200px; - margin-bottom: 20px; -} -.speed-chart .content h4 { - font-weight: 600; - padding-top: 2px; -} - -.status-widget svg { - width: 20px; - height: 20px; - vertical-align: text-top; -} -.status-widget .card .card-header h5 { - line-height: 1.38; -} -.status-widget .status-chart { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - overflow: hidden; -} - -.small-chart-widget .chart-container { - height: 311px; - padding: 0; - margin: 0; - border: none; -} - -.small-chart-widget .card .card-body { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} - -.donut-chart-widget .chart-container { - height: 300px; - border: 0; - margin: 0; - padding: 0; -} - -.status-details h4 { - font-weight: 600; -} -.status-details h4 span { - color: inherit; -} -.status-details span { - color: #52526c; -} - -.status-chart .chart-container { - height: 200px; - border: 0; - padding: 0; - margin: 0; -} - -.map-chart .chart-container { - width: 100%; - height: 500px; -} - -.serial-chart { - width: 100%; -} - -.live-products, -.turnover, -.uses, -.monthly { - height: 300px; -} - -.live-products .ct-series-a .ct-area, -.live-products .ct-series-a .ct-point, -.live-products .ct-series-a .ct-line, -.live-products .ct-series-a .ct-bar, -.live-products .ct-series-a .ct-slice-donut { - stroke: rgba(255, 255, 255, 0.77); -} -.live-products .ct-label { - fill: #fff; - color: #fff; -} -.live-products .ct-grid { - stroke: rgba(255, 255, 255, 0.7); -} - -.turnover .ct-series-a .ct-area, -.turnover .ct-series-a .ct-point, -.turnover .ct-series-a .ct-line, -.turnover .ct-series-a .ct-bar, -.turnover .ct-series-a .ct-slice-donut, -.uses .ct-series-a .ct-area, -.uses .ct-series-a .ct-point, -.uses .ct-series-a .ct-line, -.uses .ct-series-a .ct-bar, -.uses .ct-series-a .ct-slice-donut, -.monthly .ct-series-a .ct-area, -.monthly .ct-series-a .ct-point, -.monthly .ct-series-a .ct-line, -.monthly .ct-series-a .ct-bar, -.monthly .ct-series-a .ct-slice-donut { - stroke: rgb(255, 255, 255); - fill: transparent; -} -.turnover .ct-series-b .ct-area, -.turnover .ct-series-b .ct-point, -.turnover .ct-series-b .ct-line, -.turnover .ct-series-b .ct-bar, -.turnover .ct-series-b .ct-slice-donut, -.uses .ct-series-b .ct-area, -.uses .ct-series-b .ct-point, -.uses .ct-series-b .ct-line, -.uses .ct-series-b .ct-bar, -.uses .ct-series-b .ct-slice-donut, -.monthly .ct-series-b .ct-area, -.monthly .ct-series-b .ct-point, -.monthly .ct-series-b .ct-line, -.monthly .ct-series-b .ct-bar, -.monthly .ct-series-b .ct-slice-donut { - stroke: rgba(255, 255, 255, 0.7); - fill: transparent; -} -.turnover .ct-series-c .ct-area, -.turnover .ct-series-c .ct-point, -.turnover .ct-series-c .ct-line, -.turnover .ct-series-c .ct-bar, -.turnover .ct-series-c .ct-slice-donut, -.uses .ct-series-c .ct-area, -.uses .ct-series-c .ct-point, -.uses .ct-series-c .ct-line, -.uses .ct-series-c .ct-bar, -.uses .ct-series-c .ct-slice-donut, -.monthly .ct-series-c .ct-area, -.monthly .ct-series-c .ct-point, -.monthly .ct-series-c .ct-line, -.monthly .ct-series-c .ct-bar, -.monthly .ct-series-c .ct-slice-donut { - stroke: rgba(255, 255, 255, 0.4); - fill: transparent; -} -.turnover .ct-label, -.uses .ct-label, -.monthly .ct-label { - fill: #fff; - color: #fff; -} -.turnover .ct-grid, -.uses .ct-grid, -.monthly .ct-grid { - stroke: rgba(255, 255, 255, 0.7); -} - -#draggableMultiple .ui-sortable-handle .card { - cursor: move; -} - -.tilt-showcase ul li .line { - padding-top: 10px; -} -.tilt-showcase .pre-mt { - margin-top: 5px; -} - -.wow-title h5 { - display: flex; - align-items: center; - font-size: 18px; -} -.wow-title h5 .badge { - -webkit-text-fill-color: #fff; -} - -.alert-center { - display: flex !important; - align-items: center; -} - -.box-shadow-title .sub-title { - margin: 30px 0; -} - -.hovercard .info .social-media ul li { - padding-top: 3px; -} -.hovercard .cardheader { - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} - -.sticky-header-main .card .card-header h5 { - line-height: 35px; -} -.sticky-header-main .card .card-header h5 a { - color: #fff; - -webkit-text-fill-color: #fff; -} - -.custom-radio-ml { - margin-left: 3px; -} - -.daterangepicker .ltr tr td.active { - color: #fff; -} - -.twitter-typeahead { - display: block !important; -} - -span.twitter-typeahead .league-name { - font-size: 16px; - padding: 6px 10px 0; -} -span.twitter-typeahead .tt-menu { - float: left; - width: 100%; - min-width: 10rem; - margin: 0.125rem 0 0; - font-size: 1rem; - color: #212529; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border-radius: 0.25rem; - -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - border: none; - padding: 0; -} -span.twitter-typeahead .tt-suggestion { - color: #2b2b2b; - opacity: 0.6; - font-size: 13px; - padding: 6px 12px; - border-top: 1px solid #efefef; - background: #fff; - cursor: pointer; -} -span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus { - background-color: #fff; -} -span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active { - color: #fff; - background-color: var(--theme-deafult); -} - -#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset { - max-height: 100px; - overflow-y: auto; -} - -.chart-right { - position: relative; -} - -.balance-data { - display: flex; - gap: 15px; - position: absolute; - top: -50px; - right: 2%; -} -[dir=rtl] .balance-data { - right: unset; - left: 2%; -} -@media (max-width: 991px) { - .balance-data { - top: -42px; - right: -65%; - } - [dir=rtl] .balance-data { - left: -65%; - } -} -@media (max-width: 575px) { - .balance-data { - display: none; - } -} -.balance-data li { - display: flex; - align-items: center; - font-weight: 500; -} -.balance-data .circle { - display: inline-block; - width: 6px; - height: 6px; - border-radius: 100%; -} - -.current-sale-container { - padding-right: 12px; -} -[dir=rtl] .current-sale-container { - padding-right: unset; - padding-left: 12px; -} -.current-sale-container > div { - margin: -22px 0 -30px -16px; -} -@media (max-width: 1199px) { - .current-sale-container > div { - margin-bottom: 0; - } -} -@media (max-width: 404px) { - .current-sale-container > div { - margin-bottom: -30px; - } -} -.current-sale-container .apexcharts-xaxistooltip { - color: var(--theme-deafult); - background: rgba(115, 102, 255, 0.1); - border: 1px solid var(--theme-deafult); -} -.current-sale-container .apexcharts-xaxistooltip-bottom:before { - border-bottom-color: var(--theme-deafult); -} -.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title { - background: rgba(115, 102, 255, 0.1); - color: var(--theme-deafult); -} -@media (max-width: 575px) { - .current-sale-container.order-container { - padding-right: 0; - } - [dir=rtl] .current-sale-container.order-container { - padding-left: 0; - } -} -@media (max-width: 404px) { - .current-sale-container.order-container > div { - margin-bottom: 0; - } -} - -.recent-circle { - min-width: 10px; - height: 10px; - border-radius: 100%; - display: inline-block; - margin-top: 5px; -} - -.recent-wrapper { - align-items: center; -} -.recent-wrapper .order-content { - display: flex; - flex-direction: column; - align-items: center; - gap: 36px; -} -@media (max-width: 1199px) { - .recent-wrapper .order-content { - gap: 20px; - } -} -@media (max-width: 575px) { - .recent-wrapper .order-content { - justify-content: center; - flex-wrap: wrap; - flex-direction: row; - } -} -.recent-wrapper .order-content li { - display: flex; - align-items: flex-start; - gap: 8px; -} -@media (max-width: 1660px) { - .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label { - font-size: 15px; - } -} -@media (max-width: 1560px) and (min-width: 1400px) { - .recent-wrapper > div { - width: 100%; - } -} -@media (max-width: 1560px) and (min-width: 1400px) { - .recent-wrapper > div:last-child { - display: none; - } -} - -.apexcharts-series.apexcharts-radial-series { - position: relative; -} -.apexcharts-series.apexcharts-radial-series::after { - position: absolute; - content: ""; - background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%); - width: calc(100% + 10px); - height: calc(100% + 10px); - top: 0; - left: 0; -} - -.card-block .table-responsive .table caption { - padding-left: 10px; -} -.card-block .table-responsive .table-bordered td { - vertical-align: middle; -} -.card-block .table-border-radius { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.card-block .default-checkbox-align #checkbox1 { - margin-right: 10px; -} -.card-block .default-checkbox-align #radio { - margin-right: 5px; -} - -#example-style-3_wrapper #example-style-3 tfoot { - border-top: 2px solid #efefef; -} - -.chart-vertical-center { - display: flex; - justify-content: center; -} -.chart-vertical-center #myDoughnutGraph, -.chart-vertical-center #myPolarGraph { - width: auto !important; -} - -.cke_focus { - padding: 15px; - margin-top: 13px; -} - -#editor .ace_scroller .ace_content .ace_layer .ace_print-margin { - visibility: hidden !important; -} - -.helper-classes { - padding: 30px; - margin-bottom: 0; - white-space: pre-line; -} - -.starter-kit-fix .page-body { - margin-bottom: 52px; -} - -.starter-main .card-body p { - font-size: 14px; -} -.starter-main .card-body ul { - padding-left: 30px; - list-style-type: disc; - margin-bottom: 15px; -} -.starter-main .card-body h5 { - font-size: 18px; -} -.starter-main .card-body pre { - white-space: pre-line; - padding: 30px; -} -.starter-main .card-body .alert-primary.inverse:before { - top: 32px; -} -.starter-main .alert { - background-color: rgba(68, 102, 242, 0.2) !important; -} -.starter-main .alert i { - display: flex; - align-items: center; -} - -footer.blockquote-footer { - bottom: unset; -} - -@media only screen and (max-width: 991px) { - .notification li { - padding-bottom: 20px; - } - .notification .card .card-body .d-flex .w-100 p { - margin: 0; - } - .notification .card .card-body .d-flex .w-100 h6 { - margin-top: 10px; - } -} -@media only screen and (max-width: 767px) { - .footer-fix .pull-right { - float: none !important; - text-align: center !important; - } -} -@media only screen and (max-width: 575px) { - .notification li { - padding-bottom: 15px; - } - .media-dropdown { - display: block; - } - .media-dropdown .media-body { - margin-bottom: 15px; - } -} -@media only screen and (max-width: 360px) { - .footer { - padding-left: 0 !important; - padding-right: 0 !important; - } - .footer p { - font-size: 12px; - } - .appointment-table table tr td { - min-width: 103px; - } - .appointment-table table tr td:first-child { - min-width: 50px; - } - .appointment-table table tr td:nth-child(2) { - min-width: 120px; - } -} -/**===================== - 3.13 Dashboard_default CSS Ends -==========================**/ -/**===================== - 3.14 Ecommerce CSS Start -==========================**/ -/**====== Product Start ======**/ -.toggle-data { - cursor: pointer; -} - -.filter-block ul li { - padding-top: 15px; - opacity: 0.5; -} -@media (max-width: 1500px) { - .filter-block ul li { - padding-top: 10px; - } -} - -.collection-filter-block svg { - width: 50px; - height: 25px; - stroke: var(--theme-deafult); - fill: #e8e5ff; - margin-right: 10px; -} -.collection-filter-block h5 { - margin-bottom: 0; - font-size: 16px; -} -.collection-filter-block p { - font-size: 13px; -} -.collection-filter-block .media-body { - opacity: 0.5; -} -.collection-filter-block li + li { - margin-top: 16px; -} -.collection-filter-block ul.pro-services li svg { - width: auto; -} - -.qty-box .btn { - background-color: transparent !important; - border-color: #ecf3fa !important; - padding: 8px 12px; -} -.qty-box .btn i { - color: #898989; -} -.qty-box .btn svg { - width: 14px !important; - stroke: #2c323f; -} -.qty-box span { - padding: 0 4px; -} -.qty-box .input-group { - background-color: rgba(44, 50, 63, 0.1); -} -.qty-box input { - background-color: rgba(44, 50, 63, 0.1); - color: #2c323f; - max-width: 44px; - padding: 0; - text-align: center; - border: none; - max-height: 37px; -} - -.product-social li a { - color: #898989; - font-size: 15px; - border: 1px solid #cccccc; - border-radius: 100%; - height: 35px; - width: 35px; - display: inline-block; - text-align: center; - line-height: 2.3; - transition: all 0.3s ease; -} -.product-social li a:hover { - border-color: #7366FF; - color: #7366FF; - background-color: rgba(115, 102, 255, 0.1); - transition: all 0.3s ease; -} -.product-social li:nth-child(n+2) { - margin-left: 10px; -} -[dir=rtl] .product-social li:nth-child(n+2) { - margin-left: unset; - margin-right: 10px; -} - -.product-sidebar .filter-section .card .card-header { - padding: 16px 30px; - border-radius: 5px; -} -.product-sidebar .filter-section .card .card-header h6 { - position: relative; -} -.product-sidebar .filter-section .card .card-header h6 .pull-right i { - position: absolute; - top: 4px; - left: 0; - font-size: 10px; - width: 100%; - height: 10px; - text-align: right; - cursor: pointer; -} - -.product-wrapper .product-sidebar .filter-section .card .left-filter { - z-index: 0; - opacity: 0; - visibility: hidden; - height: 0; - transition: 0.3s; - min-width: 320px; -} -.product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid { - margin-bottom: 15px; -} -.product-wrapper .product-grid .product-wrapper-grid { - margin-left: 0; - transition: 0.3s; -} -.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter { - z-index: 3; - opacity: 1; - visibility: visible; - position: absolute; - width: 100%; - background-color: white; - top: 53px; - height: auto; -} - -.d-none-productlist { - display: none; -} -.d-none-productlist svg { - vertical-align: middle; - cursor: pointer; -} - -.product-wrapper-grid.list-view .product-box { - display: flex; - align-items: center; -} -.product-wrapper-grid.list-view .product-box .product-img { - width: 20%; -} -.product-wrapper-grid.list-view .product-box .product-details { - text-align: left; -} - -.slider-product { - padding: 15px 0; - border-top: 1px solid #f4f4f4; - border-bottom: 1px solid #f4f4f4; - margin-bottom: 15px; -} - -.products-total { - display: flex; - align-items: center; -} - -.grid-options { - height: 33px; - margin-left: 10px; -} -.grid-options ul li a { - position: relative; -} -.grid-options ul li a .line-grid { - position: absolute; - width: 4px; - height: 15px; - top: 9px; -} -.grid-options ul li a .line-grid-1 { - left: 12px; -} -.grid-options ul li a .line-grid-2 { - left: 18px; -} -.grid-options ul li a .line-grid-3 { - left: 36px; -} -.grid-options ul li a .line-grid-4 { - left: 42px; -} -.grid-options ul li a .line-grid-5 { - left: 48px; -} -.grid-options ul li a .line-grid-6 { - left: 66px; -} -.grid-options ul li a .line-grid-7 { - left: 72px; -} -.grid-options ul li a .line-grid-8 { - left: 78px; -} -.grid-options ul li a .line-grid-9 { - left: 84px; -} -.grid-options ul li a .line-grid-10 { - left: 103px; -} -.grid-options ul li a .line-grid-11 { - left: 109px; -} -.grid-options ul li a .line-grid-12 { - left: 115px; -} -.grid-options ul li a .line-grid-13 { - left: 121px; -} -.grid-options ul li a .line-grid-14 { - left: 127px; -} -.grid-options ul li a .line-grid-15 { - left: 133px; -} - -.square-product-setting { - height: 36px; - vertical-align: middle; -} -.square-product-setting a { - color: #2F2F3B; -} -.square-product-setting .icon-grid { - padding: 7px; - background-color: #fff; - display: flex; - align-items: center; - margin: 0 10px; -} -.square-product-setting .icon-grid svg { - width: 20px; - height: 20px; -} - -.product-filter .banner-product { - margin-top: 15px; -} -.product-filter h6 { - margin-bottom: 15px; -} -.product-filter .color-selector { - line-height: 0.9; -} -.product-filter .color-selector ul li { - display: inline-block; - width: 20px; - height: 20px; - border: 1px solid #444; - border-radius: 100%; - cursor: pointer; -} -.product-filter .color-selector ul li.white { - background-color: #fff; -} -.product-filter .color-selector ul li.gray { - background-color: #52526c; -} -.product-filter .color-selector ul li.black { - background-color: #000; -} -.product-filter .color-selector ul li.orange { - background-color: #ffb17a; -} -.product-filter .color-selector ul li.green { - background-color: #6fb866; -} -.product-filter .color-selector ul li.pink { - background-color: pink; -} -.product-filter .color-selector ul li.yellow { - background-color: #f2f896; -} -.product-filter .color-selector ul li.blue { - background-color: #63b4f2; -} -.product-filter .color-selector ul li.red { - background-color: #ff647f; -} -.product-filter.new-products { - margin-top: 20px; -} -.product-filter.new-products button { - width: auto; -} -.product-filter.new-products .owl-theme .owl-nav { - margin-top: 0; - position: absolute; - top: -46px; - right: 0; -} -.product-filter.new-products .owl-theme .owl-nav button:focus { - outline: transparent; -} -.product-filter.new-products .owl-theme .owl-nav button span { - font-size: 20px; -} -.product-filter.new-products .owl-theme .owl-nav button span:focus { - outline-color: transparent; -} -.product-filter.new-products .owl-theme .owl-nav [class*=owl-]:hover { - background-color: transparent; - color: inherit; -} -.product-filter.new-products .owl-theme .owl-item .item .product-box .product-details { - padding: 25px 0; -} -.product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box { - margin-top: 15px; -} - -.select2-drpdwn-product .form-control { - border: none; - box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); - margin-bottom: 10px; - height: 36px; -} - -.feature-products form .form-group { - position: relative; -} -.feature-products form .form-group input { - margin-bottom: 15px; - border: none; - box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); - height: 50px; - padding-left: 30px; -} -.feature-products form .form-group i { - position: absolute; - top: 18px; - right: 30px; - color: #898989; -} - -.product-box { - border-radius: 10px; - overflow: hidden; -} -.product-box .product-details { - padding: 15px 25px; -} -.product-box .product-details > a { - color: #2F2F3B; -} -.product-box .product-details p { - margin-bottom: 0; - opacity: 0.8; -} -.product-box .product-details h4 { - margin-bottom: 0; - margin-top: 5px; - font-size: 20px; - font-family: roboto; -} -.product-box .product-details h6 { - color: #2F2F3B; - text-transform: uppercase; - margin-bottom: 10px; -} -.product-box .product-details span { - color: #898989; -} -.product-box .product-details .rating i { - font-size: 16px; - letter-spacing: 3px; - color: #ffa800; -} -.product-box .modal .modal-header .product-box .product-details { - padding: 25px 0; -} -.product-box .modal .modal-header .product-box .product-details h6 { - text-transform: capitalize; -} -.product-box .modal .modal-header .product-box .product-details .product-price { - font-size: 22px; - margin-bottom: 10px; -} -.product-box .modal .modal-header .product-box .product-details .product-view { - padding: 20px 0; - border-top: 1px dotted #59667a; - border-bottom: 1px dotted #59667a; -} -.product-box .modal .modal-header .product-box .product-details .product-size { - margin: 20px 0; -} -.product-box .modal .modal-header .product-box .product-details .product-size ul li { - display: inline-block; -} -.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset { - margin-bottom: 20px; -} -.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group { - width: 35%; -} -.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn { - padding: 5px 12px; -} -.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary { - background-color: #59667a !important; - border: 1px solid #59667a !important; -} -.product-box .modal .modal-header .btn-close { - position: absolute; - right: 15px; - top: 10px; -} -.product-box .product-img { - position: relative; -} -.product-box .product-img .product-hover { - position: absolute; - height: 100%; - width: 100%; - top: 0; - display: flex; - align-items: center; - justify-content: center; - background-color: rgba(0, 0, 0, 0.3); - opacity: 0; - border-radius: 100%; - transform: scale(0); - transition: all 0.3s ease; -} -.product-box .product-img .product-hover ul li { - display: inline-block; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); - padding: 10px 12px; - background-color: #fff; - font-size: 18px; - border-radius: 10px; - height: 45px; - width: 45px; - margin: 0 3px; - cursor: pointer; -} -.product-box .product-img .product-hover ul li i { - color: #59667a; - font-size: 18px; -} -.product-box .product-img .product-hover ul li .btn { - padding: 0; -} -.product-box .product-img .product-hover ul li:hover { - background-color: var(--theme-deafult); - transition: all 0.3s ease; -} -.product-box .product-img .product-hover ul li:hover .btn, -.product-box .product-img .product-hover ul li:hover i { - color: #fff; -} -.product-box:hover .product-hover { - opacity: 1; - border-radius: 0%; - transform: scale(1); - transition: all 0.3s ease; -} - -.product-page-main { - padding: 30px; -} -.product-page-main .owl-item .item { - border: 1px solid #f4f4f4; - border-radius: 5px; - background-color: #f8f8f8; -} -.product-page-main .owl-item.current .item { - border: 1px solid var(--theme-deafult); -} -.product-page-main .product-slider { - margin-bottom: 20px; -} -@media (min-width: 1400px) { - .product-page-main .product-slider img { - height: 520px; - object-fit: cover; - } -} -@media (min-width: 1500px) { - .product-page-main .product-slider img { - height: 400px; - object-fit: cover; - } -} -.product-page-main .product-color { - margin-top: 10px; -} - -.product-page-details h4 { - color: #2F2F3B; - text-transform: uppercase; - font-size: 18px; -} -.product-page-details span { - padding-left: 15px; -} - -.br-theme-fontawesome-stars .br-widget a, -.br-theme-fontawesome-stars .br-widget a.br-selected:after, -.br-theme-fontawesome-stars .br-widget a.br-active:after { - color: #ffa800 !important; - font: normal normal normal 14px/1 FontAwesome; -} - -.product-price { - font-size: 18px; - font-weight: 700; - margin-top: 5px; - color: var(--theme-deafult); -} -.product-price del { - color: rgba(44, 50, 63, 0.4); - padding-left: 10px; - font-size: 80%; -} - -.product-color li { - display: inline-block; - border-radius: 100%; - height: 20px; - width: 20px; - margin: 0 2px; -} - -.product-page-main p { - font-size: 15px; -} -.product-page-main .nav-link { - text-transform: uppercase; - font-weight: 500; -} - -/**====== Product Ends ======**/ -.payment-opt li { - display: inline-block; -} -.payment-opt li img { - height: 20px; - margin: 15px 15px 0 0; -} - -/**===================== - 3.14 Ecommerce CSS End -==========================**/ -@media screen and (max-width: 1660px) and (min-width: 1200px) { - .owl-carousel .owl-item img { - max-width: 420px; - margin: 0 auto; - } -} -/**===================== - 3.15 Email-application CSS Start -==========================**/ -.email-wrap .row .col-xl-3 + .col-xl-3 { - padding-right: 0; -} -.email-wrap .row .col-xl-6 { - padding-left: 0; -} -.email-wrap .dropdown .dropdown-toggle { - background-color: rgba(115, 102, 255, 0.08); - color: #7366FF; - border-radius: 10px; - padding: 5px 10px; - width: 100px; - text-align: left; -} -[dir=rtl] .email-wrap .dropdown .dropdown-toggle { - text-align: right; -} -.email-wrap .dropdown .dropdown-toggle:after { - position: absolute; - top: 50%; - right: 10px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: "\f107"; - border: none; - font-family: "FontAwesome"; - font-size: 18px; - margin: 0; -} -[dir=rtl] .email-wrap .dropdown .dropdown-toggle:after { - right: unset; - left: 10px; -} -.email-wrap .dropdown .dropdown-menu { - -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - border: none; - padding: 0; -} -.email-wrap .dropdown .dropdown-menu .dropdown-item { - color: #2b2b2b; - opacity: 0.6; - font-size: 13px; - padding: 6px 12px; - border-top: 1px solid #f5f5f5; - background: #fff; - line-height: 19px; -} -.email-wrap .dropdown .dropdown-menu .dropdown-item:hover { - background-color: #fff; -} -.email-wrap .email-app-sidebar .media img { - border: 2px solid #ecf3fa; -} -.email-wrap .email-app-sidebar .main-menu > li { - width: 100%; - text-align: left; -} -.email-wrap .email-app-sidebar .main-menu > li a { - line-height: 39px; - text-transform: uppercase; - border-radius: 3px; -} -.email-wrap .email-app-sidebar .main-menu > li a i { - margin-right: 10px; -} -.email-wrap .email-app-sidebar .main-menu > li a.active > a { - color: #000; -} -.email-wrap .email-app-sidebar .main-menu > li a:hover { - background-color: #f5f6f9; - text-decoration: none; -} -.email-wrap .email-app-sidebar ul li a { - display: flex; - padding-left: 20px; - align-items: center; -} -.email-wrap .email-app-sidebar ul li a > .title { - width: 100%; - color: #2c323f; -} -.email-wrap .email-app-sidebar ul li a > .badge { - align-self: center; - color: #898989; -} -.email-wrap .email-left-aside { - float: left; - width: 100%; -} -.email-wrap .email-left-aside .card-body { - padding: 20px; -} -@media (min-width: 1200px) { - .email-wrap .email-right-aside .email-body .pr-0 { - padding-right: 0; - } - [dir=rtl] .email-wrap .email-right-aside .email-body .pr-0 { - padding-right: 12px; - padding-left: 0; - } -} -@media (min-width: 1200px) { - .email-wrap .email-right-aside .email-body .pl-0 { - padding-left: 0; - } - [dir=rtl] .email-wrap .email-right-aside .email-body .pl-0 { - padding-left: 12px; - padding-right: 0; - } -} -.email-wrap .email-right-aside .email-body .inbox { - overflow: auto; -} -@media (max-width: 1199.98px) { - .email-wrap .email-right-aside .email-body .inbox { - display: flex; - flex-wrap: wrap; - } -} -.email-wrap .email-right-aside .email-body .inbox .media { - padding: 20px; -} -.email-wrap .email-right-aside .email-body .inbox .media.active { - background-color: #fefefe; -} -.email-wrap .email-right-aside .radius-left { - border-radius: 8px; - height: 100%; -} -.email-wrap .btn-mail { - border-radius: 2px; - text-align: left; - padding: 13px 15px; - margin: 20px 0 20px; - letter-spacing: 1px; - line-height: 12px !important; -} -.email-wrap p { - margin-bottom: 0; - color: #898989; -} -.email-wrap .media-body { - margin-top: 5px; -} -.email-wrap .media-body h6 { - margin-bottom: 2px; - color: #242934; - margin-top: 3px; -} -.email-wrap .media-body h6 small { - font-size: 12px; -} -.email-wrap .media-body h6 small span { - color: #777777; -} -.email-wrap .media-body p { - color: #52526c; - font-size: 12px; -} -.email-wrap .email-top { - padding: 20px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - line-height: 49px; -} -.email-wrap .email-top i { - cursor: pointer; -} -.email-wrap .email-top h5 { - margin-bottom: 0; - padding: 12px 0; -} -.email-wrap .email-top .d-flex { - padding: 13px 0; -} -.email-wrap .email-wrapper { - padding: 20px; -} -.email-wrap .email-wrapper hr { - margin-top: 0; - margin-bottom: 20px; -} -.email-wrap .email-wrapper .d-inline-block { - width: 100%; -} -.email-wrap .email-wrapper h6 { - margin-bottom: 11px; - float: left; -} -.email-wrap .email-wrapper .right-download { - float: right; -} -.email-wrap .email-wrapper p + p { - margin-bottom: 20px; -} -.email-wrap .email-wrapper h5 { - margin-bottom: 20px; -} -.email-wrap .email-content .email-top .user-emailid:after { - content: ""; - position: relative; - height: 20px; - width: 1px; - right: 0; - top: 3px; - z-index: 2; - border: 1px solid #efefef; - float: right; - padding: 0; - margin: 0 20px; -} -.email-wrap .email-body .attachment ul li img { - margin-bottom: 20px; - width: 80px; - height: 80px; - object-fit: cover; -} -.email-wrap .email-body .attachment .list-inline .list-inline-item { - padding-right: 13px; -} -.email-wrap .email-body .email-compose .cke_contents.cke_reset { - max-height: 178px; - width: 100%; - border: 1px solid #ecf3fa; -} -.email-wrap .email-body .email-compose .email-top h4 { - padding: 11px 0; -} -.email-wrap .email-body .email-compose .compose-border .btn-middle { - padding-top: 5px; -} -.email-wrap .actions li { - display: inline-block; - margin-right: 25px; -} - -/**===================== - 3.15 Email-application CSS Ends -==========================**/ -/**===================== - 3.16 Errorpage CSS Start -==========================**/ -.error-wrapper { - display: flex; - align-items: center; - justify-content: center; - min-height: 100vh; - text-align: center; -} -.error-wrapper.maintenance-bg { - background-image: url(../images/other-images/maintenance-bg.jpg); - background-color: rgba(255, 255, 255, 0.6); - background-blend-mode: overlay; -} -.error-wrapper .maintenance-icons li i { - color: #59667a; - font-size: 50px; - animation: rotate-effect 40s infinite linear reverse; -} -.error-wrapper .maintenance-icons li:nth-child(2) i { - font-size: 100px; - margin-left: 110px; - margin-top: -25px; - animation: rotate-effect 40s linear infinite reverse; -} -.error-wrapper .maintenance-icons li:nth-child(3) i { - animation: rotate-effect 30s infinite linear; - font-size: 150px; - margin-top: -85px; - margin-right: 120px; -} -.error-wrapper .maintenance-heading { - margin-top: 70px; -} -.error-wrapper .maintenance-heading .headline { - font-size: 99px; - font-weight: 900; - letter-spacing: 10px; - color: var(--theme-deafult); - z-index: 2; - position: relative; - margin-top: -70px; -} -.error-wrapper .error-heading { - margin-top: 115px; -} -.error-wrapper .error-heading .headline { - font-size: 285px; - font-weight: 700; - letter-spacing: 1px; - margin-top: -130px; -} -.error-wrapper .sub-content { - font-size: 18px; - color: #2F2F3B; - letter-spacing: 1px; - font-weight: normal; - line-height: 35px; - z-index: 3; - position: relative; - margin-top: 30px; - margin-bottom: 0; -} -.error-wrapper .btn { - margin-top: 40px; -} - -.error { - margin: 70px 0 100px; - color: #000; -} -.error .error-title { - font-size: 9.5rem; - color: #fff; - text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); -} -.error .line-bottom { - width: 10%; - height: 5px; - background-color: #FFAA05; - border: none; -} -.error .c-white { - color: #fff; -} -.error .error-btn { - text-align: center; -} -.error .padd { - padding: 10px 30px 10px 30px; -} -.error .btn-back-home { - background-color: #f4f4f4; - color: #000; -} -.error .btn-back-home:hover { - background-color: #FFAA05; - color: #fff; - box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); -} -.error .btn-adnc-serc { - background-color: #2c323f; - color: #fff; -} -.error .btn-adnc-serc:hover { - background-color: #FFAA05; - color: #fff; - box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); -} - -/**===================== - 3.16 Errorpage CSS Start -==========================**/ -/**===================== - 3.17 Faq CSS start -==========================**/ -.knowledgebase-bg { - height: 500px; - border-radius: 15px; - margin-bottom: 30px; -} - -.knowledgebase-search { - position: absolute; - top: 0; - bottom: 0; - display: flex; - align-items: center; - left: 5%; -} -.knowledgebase-search .form-inline { - background-color: #fff; - width: 500px; - padding: 12px 50px; - border-radius: 10px; - border: 1px solid #e6e6e6; - margin-top: 10px; - position: relative; -} -.knowledgebase-search .form-inline ::placeholder { - color: #cccccc; -} -.knowledgebase-search .form-inline svg { - position: absolute; - left: 20px; - width: 20px; - top: 17px; - stroke: #cccccc; -} - -.faq-widgets { - align-items: center; -} -.faq-widgets .media-body h5 { - font-weight: 600; -} -.faq-widgets .media-body p { - padding-right: 20px; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 4; - overflow: hidden; - text-overflow: ellipsis; -} -.faq-widgets svg { - width: 50px; - height: 50px; - opacity: 0.5; -} - -.header-faq { - margin-bottom: 30px; -} -.header-faq h5 { - font-weight: 600; -} - -.features-faq.card .card-body, -.features-faq.card .card-footer { - padding: 20px 25px; -} -.features-faq .faq-image img { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - width: 100%; -} -.features-faq .card-body h6 { - font-weight: 500; -} - -.add-project.table td { - vertical-align: middle; -} -.add-project .text-inherit { - color: black; -} - -.faq-accordion.default-according { - margin-bottom: 30px; -} -.faq-accordion.default-according .card .btn-link { - display: flex; -} -.faq-accordion.default-according .card .btn-link svg { - width: 20px; - height: 20px; - margin-right: 10px; -} -.faq-accordion.default-according .card .faq-header { - position: relative; - padding: 30px; -} -.faq-accordion.default-according .card .faq-header svg { - position: absolute; - right: 30px; - top: 30px; - width: 20px; - height: 20px; -} -.faq-accordion.default-according .card .faq-header span { - margin-top: 3px; -} -.faq-accordion.default-according .faq-body { - padding: 20px !important; -} -.faq-accordion.default-according .card-mb-faq { - margin-bottom: 30px; -} - -.faq-title { - margin: 30px 0; -} -.faq-title h6 { - color: #999999; - font-weight: 600; -} - -.faq-form { - position: relative; -} -.faq-form .search-icon { - position: absolute; - right: 12px; - top: 9px; - width: 20px; - height: 20px; -} - -.navigation-btn { - margin-bottom: 20px; -} -.navigation-btn a { - display: flex; - align-items: center; - justify-content: center; -} -.navigation-btn a svg { - width: 15px; - height: 15px; -} - -.navigation-option ul li { - position: relative; - padding: 8px 8px 8px 0; -} -.navigation-option ul li:hover { - background-color: #fdfeff; -} -.navigation-option ul li a { - padding-left: 40px; - color: #2F2F3B; -} -.navigation-option ul li a svg { - position: absolute; - width: 15px; - height: 15px; - top: 11px; - left: 15px; -} - -.updates-faq { - width: 40px; - height: 40px; - border: 2px solid var(--theme-deafult); - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; - margin-right: 20px; -} -.updates-faq svg { - width: 18px; - height: 18px; -} - -.updates-bottom-time p { - margin-bottom: 2px; -} -.updates-bottom-time p + p { - color: #999999; -} - -.updates-faq-main { - margin-bottom: 20px; -} -.updates-faq-main a { - font-weight: 500; -} -.updates-faq-main:last-child { - margin-bottom: 0; -} - -@media only screen and (max-width: 1399.98px) { - .faq-widgets svg { - width: 30px; - height: 30px; - } -} -@media only screen and (max-width: 1199px) { - .faq-accordion { - margin-bottom: 30px; - } -} -@media only screen and (max-width: 991px) { - .faq-accordion.default-according .card .faq-header { - padding: 20px !important; - } - .faq-accordion.default-according .card .faq-header svg { - right: 20px; - top: 20px; - } - .navigation-option ul li { - padding: 10px 10px 10px 0; - } - .navigation-option ul li a svg { - top: 12px; - } -} -@media only screen and (max-width: 767px) { - .xs-mt-search { - margin-top: 30px; - } -} -@media only screen and (max-width: 575px) { - .xs-mt-search { - margin-top: 0px; - } - .faq-widgets svg { - width: 30px; - height: 30px; - } - .faq-title { - margin: 15px 0; - } - .header-faq { - margin-bottom: 15px; - margin-top: 10px; - } - .faq-accordion { - margin-bottom: 0px; - } - .faq-accordion .faq-header { - padding: 15px !important; - } - .faq-accordion .faq-header .pull-right { - float: right; - } - .faq-accordion .faq-header svg { - right: 15px; - top: 15px; - } - .navigation-btn, - .updates-faq-main { - margin-bottom: 15px; - } -} -/**===================== - 3.17 Faq CSS end -==========================**/ -/**===================== - 3.18 File CSS -==========================**/ -.file-sidebar .card .card-body, -.file-sidebar .card .card-header, -.file-content .card .card-body, -.file-content .card .card-header { - padding: 20px !important; -} - -.file-sidebar ul li + li { - margin-top: 8px; -} -.file-sidebar .btn { - display: flex; - align-items: center; -} -.file-sidebar .btn.btn-light:hover { - color: var(--theme-deafult) !important; -} -.file-sidebar .btn.btn-light:hover svg { - stroke: var(--theme-deafult); -} -.file-sidebar .btn svg { - width: 15px; - vertical-align: middle; - margin-right: 8px; -} -.file-sidebar .pricing-plan { - border: 1px solid #ecf3fa; - border-radius: 5px; - margin-top: 10px; - padding: 15px; - position: relative; - overflow: hidden; -} -.file-sidebar .pricing-plan h6 { - font-weight: 600; - font-size: 14px; - margin-bottom: 2px; - color: #898989; -} -.file-sidebar .pricing-plan h5 { - font-weight: 800; -} -.file-sidebar .pricing-plan p { - margin-bottom: 5px; - color: #898989; -} -.file-sidebar .pricing-plan .btn { - display: inline-block; -} -.file-sidebar .pricing-plan .bg-img { - position: absolute; - top: 40px; - opacity: 0.1; - transform: rotate(-45deg); - right: -40px; -} - -.file-manager > h6 { - opacity: 0.6; - font-weight: 400 !important; - font-size: 15px; - margin-bottom: 12px; -} -.file-manager .files .file-box:nth-child(1) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 100000ms; -} -.file-manager .files .file-box:nth-child(2) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 200000ms; -} -.file-manager .files .file-box:nth-child(3) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 300000ms; -} -.file-manager .files .file-box:nth-child(4) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 400000ms; -} -.file-manager .files .file-box:nth-child(5) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 500000ms; -} -.file-manager .files .file-box:nth-child(6) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 600000ms; -} -.file-manager .files .file-box:nth-child(7) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 700000ms; -} -.file-manager .files .file-box:nth-child(8) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 800000ms; -} -.file-manager .files .file-box:nth-child(9) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 900000ms; -} -.file-manager .files .file-box:nth-child(10) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1000000ms; -} -.file-manager .files .file-box:nth-child(11) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1100000ms; -} -.file-manager .files .file-box:nth-child(12) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1200000ms; -} -.file-manager .files .file-box:nth-child(13) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1300000ms; -} -.file-manager .files .file-box:nth-child(14) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1400000ms; -} -.file-manager .files .file-box:nth-child(15) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1500000ms; -} -.file-manager .files h6 { - margin-top: 10px; - margin-bottom: 0; -} -.file-manager p { - opacity: 0.9; - font-size: 12px; -} - -.files h6, -.folder h6 { - opacity: 0.9; - font-weight: 500 !important; - font-size: 14px; -} - -.file-content .ellips { - position: absolute; - top: 30px; - right: 30px; - opacity: 0.7; -} -.file-content .form-inline { - border: 1px solid #f4f4f4; - border-radius: 5px; - padding: 0 20px; -} -.file-content .form-inline i { - padding-right: 10px; - color: #898989; - line-height: 3; -} -.file-content .form-inline input::-webkit-input-placeholder { - color: #898989; -} -.file-content .form-inline input:focus { - outline: none !important; -} -.file-content .search-form input { - padding: 5px 10px 5px 70px; - border-radius: 5px; -} -.file-content .search-form .form-group:before { - left: 82px; - top: 37px; -} -.file-content .search-form .form-group:after { - top: 39px; - left: 53px; -} -.file-content .btn svg { - height: 15px; - margin-right: 2px; - vertical-align: middle; -} -.file-content h4 { - font-weight: 500; -} -.file-content .folder .folder-box { - border: 1px solid #f1f1f1; - border-radius: 5px; - padding: 15px; - background-color: #f6f7fb; - width: calc(25% - 15px); - display: inline-block; -} -.file-content .folder .folder-box:nth-child(1) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 100000ms; -} -.file-content .folder .folder-box:nth-child(2) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 200000ms; -} -.file-content .folder .folder-box:nth-child(3) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 300000ms; -} -.file-content .folder .folder-box:nth-child(4) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 400000ms; -} -.file-content .folder .folder-box:nth-child(5) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 500000ms; -} -.file-content .folder .folder-box:nth-child(6) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 600000ms; -} -.file-content .folder .folder-box:nth-child(7) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 700000ms; -} -.file-content .folder .folder-box:nth-child(8) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 800000ms; -} -.file-content .folder .folder-box:nth-child(9) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 900000ms; -} -.file-content .folder .folder-box:nth-child(10) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1000000ms; -} -.file-content .folder .folder-box:nth-child(11) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1100000ms; -} -.file-content .folder .folder-box:nth-child(12) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1200000ms; -} -.file-content .folder .folder-box:nth-child(13) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1300000ms; -} -.file-content .folder .folder-box:nth-child(14) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1400000ms; -} -.file-content .folder .folder-box:nth-child(15) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1500000ms; -} -.file-content .files .file-box { - border: 1px solid #f1f1f1; - border-radius: 5px; - padding: 15px; - background-color: #f6f7fb; - width: calc(25% - 15px); - display: inline-block; - position: relative; -} -.file-content .files .file-box .file-top { - height: 100px; - background-color: #fff; - border: 1px solid #ececec; - border-radius: 5px; - font-size: 36px; - display: flex; - align-items: center; - justify-content: center; -} - -@media screen and (max-width: 1440px) { - .file-content .folder .folder-box .media { - display: block; - } - .file-content .folder .folder-box .media .media-body { - margin-left: 0 !important; - margin-top: 5px; - } -} -@media screen and (max-width: 1366px) { - .file-content .files { - margin-bottom: -10px; - } - .file-content .files .file-box { - width: calc(50% - 15px); - margin-bottom: 10px; - } -} -@media screen and (max-width: 768px) { - .file-content .folder { - margin-bottom: -10px; - } - .file-content .folder .folder-box { - width: calc(50% - 15px); - margin-bottom: 10px; - margin-right: 8px; - } - .file-content .media { - display: block; - text-align: center; - } - .file-content .media .media-body { - margin-top: 20px; - text-align: center !important; - } -} -@media screen and (max-width: 575px) { - .file-content .folder .folder-box, - .file-content .files .file-box { - width: 100%; - } -} -/**===================== - 3.18 File CSS -==========================**/ -/**===================== - 3.19 Gallery CSS Start -==========================**/ -.profile-img-style img, -.scroll-bar-wrap img { - width: 100%; -} - -.gallery { - margin-bottom: -30px; -} -.gallery > a { - margin-bottom: 30px; -} -.gallery > a:before { - content: "\edee"; - font-family: IcoFont; - position: absolute; - height: calc(100% - 10px); - left: 20px; - width: calc(100% - 40px); - background-color: rgba(255, 255, 255, 0.27); - top: 5px; - transform: scale(0); - transition: all 0.3s ease; - display: flex; - align-items: center; - justify-content: center; - font-size: 30px; - color: #000; -} -.gallery > a:hover:before { - transform: scale(1); - transition: all 0.3s ease; -} -.gallery > a .img-thumbnail { - border-radius: 0; -} - -.gallery-with-description { - margin-bottom: -30px; -} -.gallery-with-description a > div { - padding: 10px; - border: 1px solid #e4e6ec; - margin-bottom: 30px; - border-radius: 0 0 5px 5px; -} -.gallery-with-description a:hover { - text-decoration: none !important; -} -.gallery-with-description h4 { - color: #2c323f; - margin-top: 15px; - font-size: 18px; -} -.gallery-with-description p { - color: #a3a3a3; -} - -.lg-backdrop { - background-color: #fff; -} - -.lg-outer .lg-actions .lg-next, -.lg-outer .lg-actions .lg-prev { - background-color: rgb(255, 255, 255); - border: 1px solid #efefef; -} -.lg-outer .lg-actions .lg-next:hover, -.lg-outer .lg-actions .lg-prev:hover { - color: #2c323f; -} -.lg-outer .lg-toolbar { - background-color: rgba(255, 255, 255, 0.45); - border-bottom: 1px solid #2c323f; -} -.lg-outer .lg-toolbar .lg-icon:hover { - color: #2c323f; -} -.lg-outer #lg-counter { - color: #2c323f; -} -.lg-outer .lg-sub-html { - background-color: rgba(255, 255, 255, 0.45); -} -.lg-outer .lg-sub-html h4 { - font-size: inherit; - color: #2c323f; -} -.lg-outer .lg-sub-html p { - color: #2c323f; -} -.lg-outer .lg-thumb-outer { - background-color: #ecf3fa; -} -.lg-outer .lg-thumb-item { - padding: 4px; - border: 1px solid #efefef; - border-radius: 0; -} -.lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover { - border-color: #000; -} - -.gallery a:before, .gallery a:after { - content: none; -} -.gallery .img-hover > div { - overflow: hidden; -} -.gallery .hover-1 img { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-1 img:hover { - -webkit-transform: scale(1.2); - transform: scale(1.2); -} -.gallery .hover-2 img { - width: 100%; - height: auto; - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; - transform: translateX(0px); -} -.gallery .hover-2:hover img { - transform: translateX(40px) scale(1.2); -} -.gallery .hover-3 img { - -webkit-transform: scale(1.2); - transform: scale(1.2); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-3:hover img { - -webkit-transform: scale(1); - transform: scale(1); -} -.gallery .hover-4 img { - -webkit-transform: scale(1.5); - transform: scale(1.5); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-4:hover img { - -webkit-transform: scale(1); - transform: scale(1); -} -.gallery .hover-5 img { - margin-left: 30px; - -webkit-transform: scale(1.3); - transform: scale(1.3); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-5:hover img { - margin-left: 0; -} -.gallery .hover-6 img { - -webkit-transform: rotate(15deg) scale(1.4); - transform: rotate(15deg) scale(1.4); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-6:hover img { - -webkit-transform: rotate(0) scale(1); - transform: rotate(0) scale(1); -} -.gallery .hover-7 img { - -webkit-filter: blur(3px); - filter: blur(3px); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-7:hover img { - -webkit-filter: blur(0); - filter: blur(0); -} -.gallery .hover-8 img { - -webkit-filter: grayscale(100%); - filter: grayscale(100%); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-8:hover img { - -webkit-filter: grayscale(0); - filter: grayscale(0); -} -.gallery .hover-9 img { - -webkit-filter: sepia(100%); - filter: sepia(100%); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-9:hover img { - -webkit-filter: sepia(0); - filter: sepia(0); -} -.gallery .hover-10 img { - -webkit-filter: grayscale(0) blur(0); - filter: grayscale(0) blur(0); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-10:hover img { - -webkit-filter: grayscale(100%) blur(3px); - filter: grayscale(100%) blur(3px); -} -.gallery .hover-11 img { - opacity: 1; - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -.gallery .hover-11:hover img { - opacity: 0.5; -} -@-webkit-keyframes flash { - 0% { - opacity: 0.4; - } - 100% { - opacity: 1; - } -} -@keyframes flash { - 0% { - opacity: 0.4; - } - 100% { - opacity: 1; - } -} -.gallery .hover-13:hover img { - opacity: 1; - -webkit-animation: flash 1.5s; - animation: flash 1.5s; -} -@-webkit-keyframes shine { - 100% { - left: 125%; - } -} -@keyframes shine { - 100% { - left: 125%; - } -} -.gallery .hover-14 div { - position: relative; -} -.gallery .hover-14 div:before { - position: absolute; - top: 0; - left: -75%; - z-index: 2; - display: block; - content: ""; - width: 50%; - height: 100%; - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); - -webkit-transform: skewX(-25deg); - transform: skewX(-25deg); -} -.gallery .hover-14 div:hover:before { - -webkit-animation: shine 0.75s; - animation: shine 0.75s; -} -.gallery .hover-15 div { - position: relative; -} -.gallery .hover-15 div:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 2; - display: block; - content: ""; - width: 0; - height: 0; - background: rgba(255, 255, 255, 0.2); - border-radius: 100%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - opacity: 0; -} -.gallery .hover-15 div:hover:before { - -webkit-animation: circle 0.75s; - animation: circle 0.75s; -} - -@-webkit-keyframes circle { - 0% { - opacity: 1; - } - 40% { - opacity: 1; - } - 100% { - width: 200%; - height: 200%; - opacity: 0; - } -} -@keyframes circle { - 0% { - opacity: 1; - } - 40% { - opacity: 1; - } - 100% { - width: 200%; - height: 200%; - opacity: 0; - } -} -* { - box-sizing: border-box; -} -*:after, *:before { - box-sizing: border-box; -} - -.grid { - position: relative; -} - -/* clear fix */ -.grid:after { - content: ""; - display: block; - clear: both; -} - -/* ---- .grid-item ---- */ -.grid-item img { - max-width: 100%; - padding: 0.25rem; - background-color: #fff; - border: 1px solid #dee2e6; -} - -.gallery-with-description .grid-item img { - border: 0; - padding: 0; -} - -/**===================== - 3.19 Gallery CSS Ends -==========================**/ -/**===================== - 3.20 Helper CSS start -==========================**/ -.border-wrapper { - padding: 20px; -} - -.helper-box { - width: 40px; - height: 40px; - border-radius: 25%; -} -.helper-box.helper-text { - display: flex; - justify-content: center; - align-items: center; - font-weight: 900; -} - -.helper-radius { - width: 60px; - height: 30px; -} - -.fill-wrapper { - background-color: #f4f4f4; -} - -.gradient-border { - display: flex; - gap: 22px; - flex-wrap: wrap; - align-items: center; -} -@media (max-width: 1200px) { - .gradient-border { - gap: calc(13px + 9 * (100vw - 320px) / 880); - } -} - -.radius-wrapper { - background-color: #efefef; -} - -.font-wrapper { - display: flex; - align-items: center; - padding: 12px 20px; -} - -/**===================== - 3.20 Helper CSS end -==========================**/ -/**===================== - 3.21 Internationalization CSS start -==========================**/ -.hdg_main { - position: relative; -} - -.main .langChoice { - position: absolute; - right: 40px; - top: 31px; - padding: 10px 12px; - background-color: transparent; -} - -@media (max-width: 991px) { - .main .langChoice { - right: 20px; - top: 11px; - padding: 8px; - } -} -@media only screen and (max-width: 575px) { - .main .langChoice { - top: 14px; - padding: 4px 7px; - } - .language-xs { - margin-top: 15px; - } -} -@media only screen and (max-width: 360px) { - .language-header { - padding-bottom: 60px !important; - } - .main .langChoice { - left: 0; - margin: 0 auto; - top: 50px; - width: 30%; - right: 0; - } -} -/**===================== - 3.21 Internationalization CSS End -==========================**/ -/**===================== - 3.22 Job-search CSS Start -==========================**/ -.filter-cards-view .job-filter:first-child { - margin-bottom: 30px; -} -.filter-cards-view .checkbox-animated { - margin-top: 30px; - margin-bottom: 30px; -} - -.location-checkbox span { - color: #999999; - padding-left: 33px; -} - -.job-accordion .card { - margin-bottom: 30px; -} -.job-accordion .btn-block { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.job-search p { - margin-top: 30px; -} -.job-search .media .media-body h6 { - margin-bottom: 3px; -} -.job-search .media .media-body h6 span { - font-size: 13px; - color: #999999; - font-weight: normal; -} -.job-search .media .media-body h6 span.badge { - color: #fff; -} -.job-search .media .media-body p { - margin-top: 0; - color: #999999; -} -.job-search .job-description { - margin-top: 30px; -} -.job-search .job-description h6 { - font-weight: 600; -} -.job-search .job-description p { - margin-top: 0; - margin-bottom: 6px; -} -.job-search .job-description ul { - list-style-type: disc; - list-style-position: inside; -} -.job-search .job-description ul li { - margin-bottom: 10px; -} -.job-search .job-description ul li:last-child { - margin-bottom: 0; -} -.job-search .job-description .theme-form { - margin-top: 30px; - margin-bottom: 30px; -} -.job-search .job-description .theme-form .row div[class^=col-] + div[class^=col-] .select2-container { - margin-top: 18px; -} -.job-search .job-description .theme-form .row div[class^=col-] .job-select2 ~ .select2-container { - margin-top: 0 !important; -} -.job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here { - font-size: 14px; - border: 1px solid #efefef; - padding-top: 12px; - padding-bottom: 12px; -} - -.select2-container .select2-selection--single { - border-radius: 0.25rem !important; - border-color: #efefef; - height: 47px !important; - padding: 10px; -} - -.job-pagination { - margin-bottom: 30px; -} -.job-pagination nav ul { - justify-content: center; -} - -@media only screen and (max-width: 1366px) { - .xl-mt-job { - margin-bottom: 20px; - } -} -@media only screen and (max-width: 991px) { - .filter-cards-view { - padding: 20px !important; - } - .filter-cards-view .job-filter:first-child { - margin-bottom: 20px; - } - .filter-cards-view .checkbox-animated { - margin-top: 20px; - margin-bottom: 20px; - } - .job-accordion .animate-chk { - padding: 20px !important; - } - .job-search p { - margin-top: 20px; - } -} -@media only screen and (max-width: 575px) { - .filter-cards-view { - padding: 15px !important; - } - .filter-cards-view .job-filter:first-child { - margin-bottom: 15px; - } - .filter-cards-view .checkbox-animated { - margin-top: 15px; - margin-bottom: 15px; - } - .job-accordion .animate-chk { - padding: 15px !important; - } - .job-search p { - margin-top: 15px; - } - .job-search .media { - display: block; - text-align: center; - } - .job-search .media .media-body h6 .pull-right { - float: none; - margin-top: 3px; - display: block; - } - .job-search .media .media-body h6 a { - display: block; - } - .job-search .media .media-body p span + span { - display: block; - } - .job-search .media img { - margin-bottom: 15px; - } - .job-search .media .m-r-20 { - margin-right: 0; - } - .job-search .job-description { - margin-top: 15px; - } - .job-search .job-description .theme-form { - margin-top: 15px; - margin-bottom: 15px; - } - .job-search .job-description .theme-form .row div[class^=col-] + div[class^=col-] .select2-container { - margin-top: 2px; - } - .job-search .job-description .theme-form .xs-mt-period { - margin-top: 15px; - } - .job-pagination { - margin-bottom: 15px; - } - .xl-mt-job { - margin-bottom: 15px; - } -} -@media only screen and (max-width: 360px) { - .job-search .job-description .btn { - padding: 6px 12px; - } -} -/**===================== - 3.22 Job-search CSS End -==========================**/ -/**===================== - 3.23 Jsgrid CSS Start -==========================**/ -.jsgrid .jsgrid-grid-body .jsgrid-cell { - padding: 0.75rem; -} -.jsgrid .jsgrid-pager-container { - text-align: right; -} -.jsgrid .jsgrid-pager { - padding: 0; - margin-top: 20px; -} -.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button { - margin-right: -5px; -} -.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child { - border-radius: 5px 0 0 5px; -} -.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button { - margin-left: -5px; -} -.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child { - border-radius: 0 5px 5px 0; -} -.jsgrid .jsgrid-pager [class*=jsgrid-pager] { - display: inline-block; - min-width: 1.5em; - padding: 0.5em 1em; - border: 1px solid #f4f4f4; -} -.jsgrid .jsgrid-pager .jsgrid-pager-page a { - color: #2c323f; -} -.jsgrid .jsgrid-pager .jsgrid-pager-current-page { - color: #2c323f; -} -.jsgrid .jsgrid-selected-row > .jsgrid-cell { - background: #f4f4f4; - border-color: #fafafa; -} -.jsgrid .jsgrid-header-row > .jsgrid-header-cell { - padding: 0.75rem; - font-weight: 500; -} - -/**===================== - 3.23 Jsgrid CSS Ends -==========================**/ -/**===================== - 3.24 Kanban CSS start -==========================**/ -.jkanban-container .btn { - margin-bottom: 10px; -} -.jkanban-container .note a { - display: contents; -} - -.kanban-board-header { - height: auto; - width: auto; - line-height: unset; - background: #f8f8f8; - border-bottom: 1px solid #ddd; -} -.kanban-board-header.bg-info ~ .kanban-drag { - background-color: rgba(22, 199, 249, 0.3) !important; -} -.kanban-board-header.bg-warning ~ .kanban-drag { - background-color: rgba(255, 170, 5, 0.3) !important; -} -.kanban-board-header.bg-success ~ .kanban-drag { - background-color: rgba(84, 186, 74, 0.3) !important; -} - -.kanban-container { - display: contents; -} - -.kanban-board { - margin-bottom: 30px; - transition: all 0.3s ease; - letter-spacing: 0.5px; - border-radius: 8px; - box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); - overflow: hidden; - width: calc(33.3333333333% - 30px) !important; -} -.kanban-board .kanban-drag { - background: #f8f8f8; -} - -.kanban-item { - background: transparent; - padding: 0; - margin-bottom: 20px; -} -.kanban-item .kanban-box .badge { - line-height: 13px; -} -.kanban-item p { - opacity: 0.7; -} -.kanban-item:last-child { - margin-bottom: 0; -} -.kanban-item .list { - display: inline-block; - opacity: 0.4; -} -.kanban-item .list li { - display: inline-block; - font-size: 12px; -} -.kanban-item .list li i { - margin-right: 10px; -} -.kanban-item .kanban-box { - border: 1px solid #efefef; - border-radius: 5px; - padding: 20px; - position: relative; - display: block; - color: inherit; - background-color: #fff; -} -.kanban-item .kanban-box:hover { - color: inherit; -} -.kanban-item .kanban-box + .kanban-box { - margin-top: 20px; -} -.kanban-item .kanban-box .badge { - font-weight: 400; -} -.kanban-item .kanban-box h6 { - font-size: 15px; - margin-top: 5px; - font-weight: 500; -} -.kanban-item .kanban-box .dropdown { - display: inline-block; - right: 10px; - position: absolute; - top: 20px; -} -.kanban-item .kanban-box .dropdown .dropdown-item { - font-size: 13px; - font-weight: 500; - padding: 5px 10px; - text-align: left; -} -.kanban-item .kanban-box .dropdown svg { - height: 14px; -} -.kanban-item .kanban-box .d-flex { - justify-content: space-between; -} -.kanban-item .kanban-box .dropdown-toggle:after { - content: none; -} -.kanban-item .kanban-box .customers ul li + li { - margin-left: -10px; -} -.kanban-item .kanban-box .date { - font-size: 11px; - opacity: 0.5; -} - -footer { - margin: 0; - padding: 0; -} - -@media only screen and (max-width: 1199px) { - .jkanban-container .btn { - margin-bottom: 10px; - margin-left: 20px; - } - .kanban-container .kanban-board { - width: 320px !important; - } -} -@media only screen and (max-width: 600px) { - .kanban-board .kanban-drag, - .kanban-container .kanban-item .kanban-box { - padding: 10px 15px; - } - .kanban-container .kanban-board { - margin-left: 10px !important; - margin-right: 10px !important; - } -} -@media only screen and (max-width: 480px) { - .jkanban-container .card-body { - padding: 20px 0 !important; - } - .kanban-board .kanban-drag, - .kanban-container .kanban-item .kanban-box { - padding: 10px 15px; - } - .kanban-container .kanban-board { - width: 270px !important; - } -} -/**===================== - 3.24 Kanban CSS ends -==========================**/ -/**===================== - 3.25 Knowledgebase CSS start -==========================**/ -.browse .browse-articles span { - vertical-align: middle; -} -.browse .browse-articles span:nth-child(2) { - padding-left: 20px; -} -[dir=rtl] .browse .browse-articles span:nth-child(2) { - padding-left: unset; - padding-right: 20px; -} -.browse .browse-articles span svg { - width: 14px; - height: 14px; - vertical-align: text-top; - position: absolute; - left: 0; - top: 0; -} -[dir=rtl] .browse .browse-articles span svg { - left: unset; - right: 0; -} -.browse .browse-articles h6 { - padding-bottom: 10px; - margin-bottom: 0px; - border-bottom: 1px solid #fdfeff; - padding-left: 25px; -} -[dir=rtl] .browse .browse-articles h6 { - padding-left: unset; - padding-right: 25px; -} -.browse .browse-articles h6 span svg { - width: 16px; - height: 16px; - vertical-align: text-top; - top: 0; - left: 7px; -} -[dir=rtl] .browse .browse-articles h6 span svg { - left: unset; - right: -30px; -} -.browse .browse-articles ul li { - padding: 8px; - border-radius: 8px; -} -.browse .browse-articles ul li a { - color: #2F2F3B; - position: relative; - display: flex; - align-items: center; - gap: 10px; -} -.browse .browse-articles ul li:hover { - background-color: #fdfeff; -} - -@media only screen and (max-width: 1366px) { - .browse div[class^=col-]:nth-child(3) { - margin-top: 30px; - } -} -@media only screen and (max-width: 360px) { - .browse .browse-articles ul li a span:nth-child(2) { - width: 158px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - } -} -.badge.pull-right { - padding-top: 6px; -} - -/**===================== - 3.25 Knowledgebase CSS End -==========================**/ -/**===================== - 3.26 Landing CSS Start -==========================**/ -/* MESH LOADER */ -@keyframes mesh { - 0% { - transform-origin: 50% -100%; - transform: rotate(0); - } - 50% { - transform-origin: 50% -100%; - transform: rotate(360deg); - } - 50.1% { - transform-origin: 50% 200%; - transform: rotate(0deg); - } - 100% { - transform-origin: 50% 200%; - transform: rotate(360deg); - } -} -.mesh-loader { - overflow: hidden; - height: inherit; - width: inherit; -} -.mesh-loader .circle { - position: absolute; - background: #7366FF; - border-radius: 50%; - margin: -3px; - animation: mesh 3s ease-in-out infinite -1.5s; - width: 6px; - height: 6px; -} -.mesh-loader > div .circle:last-child { - animation-delay: 0s; -} -.mesh-loader > div { - position: absolute; - top: 50%; - left: 50%; -} -.mesh-loader > div:last-child { - transform: rotate(90deg); -} - -@-webkit-keyframes animloader14 { - 0% { - transform: scale(0); - opacity: 1; - } - 100% { - transform: scale(1); - opacity: 0; - } -} -@keyframes animloader14 { - 0% { - transform: scale(0); - opacity: 1; - } - 100% { - transform: scale(1); - opacity: 0; - } -} -.loader-1 { - width: 76px; - height: 76px; - display: inline-block; - position: relative; -} -.loader-1::after, .loader-1::before { - content: ""; - width: 76px; - height: 76px; - border-radius: 50%; - background: #80a5ff; - position: absolute; - left: 0; - top: 0; - animation: animloader14 2s linear infinite; -} -.loader-1::after { - animation-delay: 1s; -} -@media (max-width: 1199px) { - .loader-1 { - width: 60px; - height: 60px; - } - .loader-1::after, .loader-1::before { - width: 60px; - height: 60px; - } -} -@media (max-width: 575px) { - .loader-1 { - width: 40px; - height: 40px; - } - .loader-1::after, .loader-1::before { - width: 40px; - height: 40px; - } -} - -.landing-page { - color: #000248; -} -.landing-page .accordion-item { - border: none; -} -.landing-page .accordion-button:not(.collapsed) { - box-shadow: none; -} -.landing-page .customization-accordion .accordion-collapse { - border: none; -} -.landing-page .customization-accordion .accordion-button { - font-weight: 500; - position: relative; - border: none; - padding: 10px 10px 10px 30px; - color: #000248; -} -.landing-page .customization-accordion .accordion-button::after { - position: absolute; - top: 50%; - left: 0; - transform: translateY(-50%); - margin-left: 0; - background-image: url(../images/landing/icon/plus.svg); - background-position: center; - background-size: 16px; -} -.landing-page .customization-accordion .accordion-button:focus { - box-shadow: none; -} -.landing-page .customization-accordion .accordion-button:not(.collapsed) { - background-color: transparent; -} -.landing-page .customization-accordion .accordion-button:not(.collapsed)::after { - background-image: url(../images/landing/icon/minus.svg); -} -.landing-page .customization-accordion .accordion-body { - padding-top: 0; - padding-bottom: 10px; - text-align: left; - padding-left: 30px; -} - -.animate-slider .slick-slide img { - width: 100%; -} - -.f-light { - color: #52526C; - opacity: 0.8; -} - -.vector-image { - position: absolute; -} -@media (max-width: 991px) { - .vector-image { - display: none; - } -} - -.line-gif { - left: 20%; - top: 0; - z-index: 1; -} -.line-gif img { - width: 140px; - height: 140px; -} -@media (max-width: 1399px) { - .line-gif img { - width: 100px; - height: 100px; - } -} -@media (max-width: 991px) { - .line-gif img { - width: 80px; - height: 80px; - } -} -@media (max-width: 575px) { - .line-gif img { - width: 60px; - height: 60px; - } -} -@media (max-width: 1460px) { - .line-gif { - left: 14%; - } -} -@media (max-width: 1399px) { - .line-gif { - left: 21%; - } -} -@media (max-width: 575px) { - .line-gif { - left: 7%; - top: -30px; - } -} - -.wavy-line-gif { - right: 0; - top: 3%; -} -@media (max-width: 991px) { - .wavy-line-gif { - top: 1%; - } -} -@media (max-width: 767px) { - .wavy-line-gif { - top: 40px; - } -} -@media (max-width: 575px) { - .wavy-line-gif { - top: 10px; - } -} -.wavy-line-gif img { - width: 200px; -} -@media (max-width: 1199px) { - .wavy-line-gif img { - width: 150px; - } -} -@media (max-width: 767px) { - .wavy-line-gif img { - width: 120px; - } -} -@media (max-width: 575px) { - .wavy-line-gif img { - width: 90px; - } -} - -.round-gif { - left: 5%; - top: 20%; -} -@media (max-width: 1660px) { - .round-gif { - left: 2%; - } -} -@media (max-width: 1399px) { - .round-gif { - left: 0%; - top: 15%; - } -} -@media (max-width: 1199px) { - .round-gif { - top: 20%; - } -} -@media (max-width: 991px) { - .round-gif { - top: 28%; - } -} -@media (max-width: 767px) { - .round-gif { - top: -2%; - } -} -.round-gif img { - width: 147px; - height: 147px; -} -@media (max-width: 1660px) { - .round-gif img { - width: 127px; - height: 127px; - } -} -@media (max-width: 1199px) { - .round-gif img { - width: 100px; - height: 100px; - } -} -@media (max-width: 991px) { - .round-gif img { - width: 70px; - height: 70px; - } -} - -.wavy-gif { - right: 17%; - top: 23%; -} -.wavy-gif svg { - width: 80px; - transform: rotate(90deg); -} -@media (max-width: 1199px) { - .wavy-gif svg { - width: 60px; - } -} -@media (max-width: 575px) { - .wavy-gif svg { - width: 30px; - } -} -.wavy-gif path { - stroke: #f8912b; - stroke-dasharray: 500; - stroke-dashoffset: 500; - animation: dash 1.5s linear infinite; -} -@keyframes dash { - to { - stroke-dashoffset: 0; - } -} -@media (max-width: 1399px) { - .wavy-gif { - right: 3%; - top: 15%; - } -} -@media (max-width: 991px) { - .wavy-gif { - right: 1%; - top: 10%; - } -} -@media (max-width: 767px) { - .wavy-gif { - top: 8%; - } -} -.wavy-gif img { - transform: rotate(90deg); - width: 120px; -} -@media (max-width: 1399px) { - .wavy-gif img { - width: 80px; - } -} -@media (max-width: 767px) { - .wavy-gif img { - width: 60px; - } -} -@media (max-width: 575px) { - .wavy-gif img { - width: 40px; - } -} - -.app-section .wavy-gif { - right: unset; - left: 20%; - top: 7%; -} -@media (max-width: 1660px) { - .app-section .wavy-gif { - left: 8%; - } -} -@media (max-width: 1199px) { - .app-section .wavy-gif { - left: 3%; - top: 3%; - } -} -@media (max-width: 767px) { - .app-section .wavy-gif { - top: 30px; - } -} -.app-section .wavy-gif svg { - width: 50px; -} -@media (max-width: 767px) { - .app-section .wavy-gif svg { - width: 40px; - } -} - -.loader-gif { - right: 5%; - top: 25%; -} -@media (max-width: 1199px) { - .loader-gif { - top: 32%; - } -} -@media (max-width: 991px) { - .loader-gif { - right: 15px; - } -} -@media (max-width: 575px) { - .loader-gif { - top: 28%; - } -} - -.loader-line-gif { - right: 15%; - top: 12%; -} -@media (max-width: 1660px) { - .loader-line-gif { - right: 5%; - } -} -@media (max-width: 1399px) { - .loader-line-gif { - top: 10%; - right: 0; - } -} -@media (max-width: 1199px) { - .loader-line-gif { - top: 9%; - } -} -@media (max-width: 991px) { - .loader-line-gif { - top: 0; - } -} -.loader-line-gif img { - width: 130px; -} -@media (max-width: 575px) { - .loader-line-gif img { - width: 80px; - } -} - -.premium-wrap { - margin-top: -28px; -} -.premium-wrap .vector-image { - top: -50px; - left: -30px; -} -@media (max-width: 1399px) { - .premium-wrap .vector-image { - left: 75px; - } -} -@media (max-width: 1199px) { - .premium-wrap .vector-image { - left: -15px; - } -} -.premium-wrap .vector-image img { - height: 400px; -} -@media (max-width: 1399px) { - .premium-wrap .vector-image img { - height: 220px; - } -} - -.framework-section .wavy-gif { - top: unset; - bottom: 0; - right: 20%; -} -@media (max-width: 1399px) { - .framework-section .wavy-gif { - bottom: -30px; - right: 0; - } -} -@media (max-width: 575px) { - .framework-section .wavy-gif { - bottom: 0; - } -} - -.components-section .flower-gif { - left: unset; - right: 5%; - top: 20%; -} -@media (max-width: 991px) { - .components-section .flower-gif { - right: 10%; - top: 9%; - } -} - -.feature-section .vector-image { - top: 50px; - right: -170px; -} -@media (max-width: 1600px) { - .feature-section .vector-image { - top: 0px; - right: -20px; - } -} -@media (max-width: 1399px) { - .feature-section .vector-image { - top: 10px; - right: -10px; - } -} -@media (max-width: 1199px) { - .feature-section .vector-image { - right: -12px; - } -} -.feature-section .vector-image img { - height: 370px; -} -@media (max-width: 1600px) { - .feature-section .vector-image img { - height: 300px; - } -} -@media (max-width: 1399px) { - .feature-section .vector-image img { - height: 280px; - } -} -.feature-section .round-gif { - top: unset; - bottom: 12%; -} -@media (max-width: 1660px) { - .feature-section .round-gif { - left: 0; - } -} -@media (max-width: 1460px) { - .feature-section .round-gif { - bottom: unset; - top: 6%; - } -} -@media (max-width: 991px) { - .feature-section .round-gif { - top: -3%; - } -} -@media (max-width: 575px) { - .feature-section .round-gif { - top: -2%; - } -} -.feature-section .round-gif img { - width: 105px; - height: 105px; -} -@media (max-width: 1460px) { - .feature-section .round-gif img { - width: 90px; - height: 90px; - } -} -@media (max-width: 575px) { - .feature-section .round-gif img { - width: 70px; - height: 70px; - } -} - -.document-section a { - display: block; - color: #2F2F3B; -} -.document-section .document-box { - display: flex; - align-items: center; - gap: 20px; - box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12); - border-radius: 5px; - padding: 20px; -} -@media (max-width: 767px) { - .document-section .document-box { - gap: 14px; - } -} -@media (max-width: 575px) { - .document-section .document-box { - gap: 10px; - padding: 15px; - } -} -.document-section .document-box .doc-icon { - width: 44px; - height: 44px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; -} -.document-section .document-box .doc-icon img { - height: 20px; - width: 20px; - object-fit: contain; -} -.document-section .document-box h5 { - margin-bottom: 0; -} -@media (max-width: 479px) { - .document-section .row > div { - width: 100%; - } -} -.document-section .bg-icon1 { - background: #F0E9FB; -} -.document-section .bg-icon2 { - background: rgba(222, 77, 89, 0.1); -} -.document-section .bg-icon3 { - background: rgba(77, 186, 135, 0.15); -} -.document-section .bg-icon4 { - background: rgba(103, 190, 253, 0.12); -} -.document-section .bg-icon5 { - background: rgba(255, 227, 225, 0.59); -} -.document-section .bg-icon6 { - background: rgba(65, 184, 131, 0.15); -} -.document-section .bg-icon7 { - background: rgba(158, 149, 255, 0.22); -} -.document-section .bg-icon8 { - background: rgba(238, 67, 35, 0.12); -} -.document-section .bg-icon9 { - background: rgba(154, 214, 183, 0.22); -} -.document-section .bg-icon10 { - background: rgba(255, 153, 33, 0.14); -} -.document-section .bg-icon11 { - background: rgba(195, 164, 245, 0.18); -} - -.rating-title { - font-size: calc(14px + 6 * (100vw - 300px) / 1620); - font-weight: normal; -} - -.layout h5 { - margin-bottom: 10px; - opacity: 0.8; - letter-spacing: 1.2px; -} -.layout .btn { - padding: 0.15rem 0.5rem; -} - -.common-card { - background: #FCFCFD; - border: 2px solid #fff; - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); - border-radius: 10px; -} - -.testimonial-box { - position: relative; - padding: 20px 25px; - text-align: left; - margin-bottom: 33px; -} -.testimonial-box .rating-content { - display: flex; - align-items: center; - gap: 15px; - margin-bottom: 15px; -} -.testimonial-box h5 { - font-size: 16px; - margin-bottom: 0; -} -.testimonial-box .text-end span { - font-size: 13px; -} -.testimonial-box .customer-img { - width: 60px; - height: 60px; - background: #FFFAFA; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - bottom: -25px; -} -.testimonial-box p { - margin-bottom: 0; -} - -.about-section .slick-slide { - padding: 0 14px; -} - -.testimonial-slider .slick-dots li { - width: auto; - height: auto; -} -.testimonial-slider .slick-dots li button { - background: rgba(82, 82, 108, 0.2); - border-radius: 20px; - height: 5px; - width: 11px; - padding: 0; - transition: all 0.5s; -} -.testimonial-slider .slick-dots li button::before { - display: none; -} -.testimonial-slider .slick-dots li.slick-active button { - background: #7366FF; - border-radius: 20px; - width: 20px; - transition: all 0.5s; -} - -.customer-box { - position: relative; - background-color: #f7f7f7; - text-align: center; - padding: 40px 30px; - border-radius: 25px; - box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); -} -@media (max-width: 1399px) { - .customer-box { - padding: 40px 35px; - } -} -@media (max-width: 1199px) { - .customer-box { - padding: 30px 25px; - } -} -@media (max-width: 991px) { - .customer-box { - padding: 17px 13px; - } -} -@media (max-width: 575px) { - .customer-box { - box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); - } -} -.customer-box img { - height: 70px; - width: auto; -} -@media (max-width: 991px) { - .customer-box img { - height: 50px; - } -} - -.customer-wrapper { - position: relative; - padding: 12px; -} -@media (max-width: 767px) { - .customer-wrapper { - padding: 0; - } -} -.customer-wrapper .outline-box { - position: absolute; - bottom: -6px; - left: -5px; -} -@media (max-width: 1399px) { - .customer-wrapper .outline-box { - bottom: -1px; - left: 0px; - } -} -@media (max-width: 1199px) { - .customer-wrapper .outline-box { - bottom: -1px; - left: -2px; - width: 120%; - } -} -@media (max-width: 767px) { - .customer-wrapper .outline-box { - display: none; - } -} - -.customer-wrap { - margin: 0 -28px; -} -@media (max-width: 1199px) { - .customer-wrap { - margin: 0 -15px; - } -} -@media (max-width: 991px) { - .customer-wrap { - margin: 0 -10px; - } -} -@media (max-width: 767px) { - .customer-wrap { - margin: -12px; - } -} -.customer-wrap > div { - padding: 0 28px; -} -@media (max-width: 1199px) { - .customer-wrap > div { - padding: 0 15px; - } -} -@media (max-width: 991px) { - .customer-wrap > div { - padding: 0 10px; - } -} -@media (max-width: 767px) { - .customer-wrap > div { - padding: 12px; - } -} -@media (max-width: 1199px) { - .customer-wrap > div:last-child .outline-box { - width: 100%; - } -} - -.frame-tab { - background: rgba(244, 245, 248, 0.5); - border-radius: 40px; - border: none; - gap: 10px; - display: inline-flex; - padding: 5px; - margin-bottom: 50px; -} -.frame-tab .nav-item img { - width: 21px; - height: 21px; -} -.frame-tab .nav-item .nav-link { - font-size: 18px; - padding: 16px 40px; - border-radius: 40px; - background: transparent; - border: none; - color: rgba(0, 2, 72, 0.5); - font-weight: 500; -} -@media (max-width: 991px) { - .frame-tab .nav-item .nav-link { - font-size: 16px; - padding: 10px 25px; - } -} -.frame-tab .nav-item .nav-link img { - margin-right: 10px; - filter: grayscale(1); -} -.frame-tab .nav-item .nav-link.active { - color: #000248; - background: #fff; - box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); -} -.frame-tab .nav-item .nav-link.active img { - filter: unset; -} -@media (max-width: 575.98px) { - .frame-tab.nav { - display: inline-flex; - background-color: transparent; - } -} - -.framework-box { - position: relative; - display: flex; - align-items: center; - background: #FCFCFD; - border: 2px solid #fff; - box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12); - border-radius: 50px 16px 16px 50px; - padding: 18px 16px; - gap: 16px; - margin-left: 30px; - transition: all 0.5s; -} -.framework-box::after { - position: absolute; - content: ""; - width: 40px; - height: calc(100% + 4px); - border-right: 1px dashed rgba(0, 2, 72, 0.2); - right: -1px; - border-top: 1px dashed rgba(0, 2, 72, 0.2); - border-bottom: 1px dashed rgba(0, 2, 72, 0.2); - border-radius: 10px; - top: -1px; - bottom: 0; -} -.framework-box .frame-icon { - position: relative; - min-width: 55px; - height: 55px; - background: #fff; - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; - margin-left: -48px; -} -@media (max-width: 575px) { - .framework-box .frame-icon { - min-width: 52px; - height: 52px; - } -} -.framework-box .frame-icon::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5); - border-radius: 100%; -} -.framework-box .frame-icon img { - width: 30px; - height: 30px; -} -@media (max-width: 575px) { - .framework-box .frame-icon img { - width: 25px; - height: 25px; - } -} -.framework-box .frame-details { - position: relative; - text-align: left; -} -.framework-box .frame-details p { - opacity: 0.7; - margin-bottom: 0; -} -.framework-box .frame-details::before, .framework-box .frame-details::after { - position: absolute; - content: ""; - width: 8px; - height: 8px; - background: #FEFEFF; - border: 1px solid rgba(0, 2, 72, 0.2); - border-radius: 100%; - right: 17px; -} -.framework-box .frame-details::before { - top: -23px; -} -.framework-box .frame-details::after { - bottom: -24px; -} -@media (min-width: 576px) { - .framework-box:hover { - transform: scale(1.05); - transition: all 0.5s; - } -} -.framework-box:hover .frame-icon::before { - animation-name: rotate; - animation-duration: 5s; - animation-iteration-count: infinite; - animation-timing-function: linear; -} - -@keyframes rotate { - from { - transform: rotate(-360deg); - } - to { - transform: rotate(360deg); - } -} -.customization-wrap .landing-title p { - width: 100%; -} - -.sub-title { - font-size: calc(18px + 8 * (100vw - 300px) / 1620); - font-weight: 700; - font-family: "Caveat", cursive; - color: #FFB905; -} - -.rotate-title { - color: #FF5A82; -} - -.landing-home { - scroll-behavior: smooth; - overflow: hidden; - position: relative; - background-position: bottom; - background-size: cover; - background-image: url(../images/landing/home-bg.jpg); - background-color: #1b1c21; -} -.landing-home .sub-title { - font-size: calc(18px + 12 * (100vw - 300px) / 1620); -} -.landing-home .content h1 { - color: #fff; - line-height: 1.2; - font-size: calc(25px + 35 * (100vw - 300px) / 1620); - text-transform: uppercase; -} -.landing-home .content h1 span { - background: linear-gradient(90deg, #FFB905 20.35%, #6AEBAD 50%), linear-gradient(0deg, #FFFFFF, #FFFFFF); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-home .content p { - font-size: calc(14px + 4 * (100vw - 300px) / 1620); - font-weight: 500; - font-family: roboto; - color: #fff; - opacity: 0.8; - width: 64%; - margin: 0 auto; -} -@media (max-width: 1366px) { - .landing-home .content p { - width: 90%; - } -} -@media (max-width: 767px) { - .landing-home .content p { - width: 100%; - } -} -.landing-home .btn-grp { - display: flex; - gap: 20px; - align-items: center; - justify-content: center; -} -@media (max-width: 767px) { - .landing-home .btn-grp { - gap: 12px; - } -} -@media (max-width: 575px) { - .landing-home .btn-grp { - flex-wrap: wrap; - gap: 10px; - } -} -.landing-home .btn-grp img { - height: 30px; -} -@media (max-width: 767px) { - .landing-home .btn-grp img { - height: 22px; - } -} -@media (max-width: 575px) { - .landing-home .btn-grp img { - height: 20px; - } -} -.landing-home .content { - margin-top: 200px; - display: flex; - justify-content: center; - position: relative; - z-index: 1; -} -@media (max-width: 1366px) { - .landing-home .content { - margin-top: 170px; - } -} -@media (max-width: 1199px) { - .landing-home .content { - margin-top: 140px; - } -} -@media (max-width: 575px) { - .landing-home .content { - margin-top: 100px; - } -} -.landing-home .content-title { - position: relative; - display: inline-block; -} -.landing-home .content-title .arrow-decore { - position: absolute; - left: -203px; - top: -25px; -} -@media (max-width: 1660px) { - .landing-home .content-title .arrow-decore { - left: -166px; - width: 150px; - } -} -@media (max-width: 991px) { - .landing-home .content-title .arrow-decore { - left: -125px; - width: 110px; - top: -14px; - } -} -@media (max-width: 575px) { - .landing-home .content-title .arrow-decore { - left: -61px; - width: 60px; - top: -4px; - } -} -.landing-home .sticky-header header .nav-padding { - padding: 30px 50px; -} - -.build-section { - position: relative; -} -.build-section .landing-title { - display: flex; - align-items: center; -} -.build-section .landing-title h2 { - width: 53%; -} -@media (max-width: 1660px) { - .build-section .landing-title h2 { - width: 58%; - } -} -@media (max-width: 1366px) { - .build-section .landing-title h2 { - width: 59%; - } -} -@media (max-width: 1199px) { - .build-section .landing-title h2 { - width: 63%; - } -} -@media (max-width: 991px) { - .build-section .landing-title h2 { - width: 100%; - } -} -.build-section .landing-title .title-img { - margin-bottom: -14px; -} -@media (max-width: 991px) { - .build-section .landing-title .title-img { - width: 120px; - } -} -@media (max-width: 767px) { - .build-section .landing-title .title-img { - width: 80px; - } -} -.build-section .rotate-title { - width: 14%; - transform: rotate(13.97deg); - text-align: center; - margin-left: -20px; -} -@media (max-width: 1199px) { - .build-section .rotate-title { - width: 17%; - } -} -@media (max-width: 991px) { - .build-section .rotate-title { - width: 30%; - } -} -@media (max-width: 767px) { - .build-section .rotate-title { - width: 42%; - } -} -.build-section .build-image img { - width: calc(100% + 210px); -} -@media (max-width: 991px) { - .build-section .build-image img { - width: calc(100% + 100px); - } -} -@media (max-width: 767px) { - .build-section .build-image img { - width: 100%; - } -} - -@keyframes animationtop { - 0% { - transform: translate(-10px, -5px); - } - 50% { - transform: translate(0, 0); - } - 100% { - transform: translate(-10px, -5px); - } -} -@keyframes animationleft { - 0% { - transform: translate(0, 0px); - } - 50% { - transform: translate(20px, 0); - } - 100% { - transform: translate(0, 0px); - } -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -.navbar { - justify-content: flex-start; -} -.navbar .navbar-toggler { - margin-left: auto; -} - -.navbar-nav { - align-items: center; -} -.navbar-nav .nav-item { - position: relative; -} -.navbar-nav .nav-item .nav-link { - font-size: 18px; - letter-spacing: 1px; - padding: 12px 20px; - transition: all 0.3s ease; -} -.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link.active { - opacity: 1; - transition: all 0.3s ease; -} - -.landing-page .navbar-expand-xl .navbar-collapse { - background-color: transparent; -} -.landing-page .page-body-wrapper { - min-height: 100vh; - background: #eaf4ff; - overflow: hidden; -} -.landing-page .buy-btn { - font-size: 16px; - background: linear-gradient(90deg, #7366FF -18.33%, #563EE0 62.78%); - border-radius: 5px; - padding: 15px 54px; - margin-left: 10px; -} -@media (max-width: 991px) { - .landing-page .buy-btn { - padding: 12px 35px; - } -} -@media (max-width: 767px) { - .landing-page .buy-btn { - padding: 9px 20px; - font-size: 14px; - } -} -.landing-page .buy-btn a { - color: #fff; - padding: 0; -} -.landing-page .navbar-nav .nav-item .nav-link { - letter-spacing: 1.5px; - color: #fff; -} -.landing-page .sticky-header header { - background: transparent; - box-shadow: none; - z-index: 100; - left: 0; - height: auto; -} -.landing-page .sticky-header header.sticky { - margin-top: 0; - background: #1d1f29; -} -.landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link { - font-size: 16px; - padding: 15px 12px; -} - -.navbar-expand-xl .navbar-brand { - padding-left: 18px; -} -.navbar-expand-xl .navbar-collapse { - flex-flow: row nowrap; - justify-content: flex-end; - background-color: #fff; -} - -.section-space { - position: relative; - padding: 80px 0; - text-align: center; -} -.section-space p { - font-size: 15px; - line-height: 1.5; -} - -.landing-title { - margin-bottom: 30px; -} -@media (max-width: 767px) { - .landing-title { - margin-bottom: 20px; - } -} -.landing-title h2 { - font-size: calc(25px + 27 * (100vw - 300px) / 1620); -} -.landing-title .gradient-1 { - background: linear-gradient(90.78deg, #7366FF 49.33%, #FF3364 82.24%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-2 { - background: linear-gradient(90deg, #FF6A5B 4.44%, #1E52B9 50%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-3 { - background: linear-gradient(90deg, #7B5DFE 11.24%, #FFAB2E 50%), linear-gradient(0deg, #FF6A5B, #FF6A5B); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-4 { - background: linear-gradient(90deg, #22AC16 65.06%, #1C97BE 92.34%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-5 { - background: linear-gradient(90deg, #6A2FE7 2%, #46B7D0 40%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-6 { - background: linear-gradient(271deg, #F1305F 30%, #0066FF 80%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-7 { - background: linear-gradient(90deg, #FF7A00 20%, #D72695 89.68%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-8 { - background: linear-gradient(257.2deg, #FF5E51 21.09%, #FFAB6F 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-9 { - background: linear-gradient(90deg, rgba(255, 57, 57, 0.88) 2%, #24D34B 103.68%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-10 { - background: linear-gradient(90deg, #4A86FB 50%, #FF5823 68.37%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-11 { - background: linear-gradient(90deg, #FF1717 22.23%, #0A96E6 68.75%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-12 { - background: linear-gradient(90deg, #89D32B 5.6%, #FF7A00 36.2%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title .gradient-13 { - background: linear-gradient(90deg, #FF6056 31.63%, #7F74FE 67.63%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.landing-title p { - font-size: calc(14px + 4 * (100vw - 300px) / 1620); - width: 65%; - margin: 0 auto; - color: #52526C; - opacity: 0.8; -} -@media (max-width: 1199px) { - .landing-title p { - width: 80%; - } -} -@media (max-width: 991px) { - .landing-title p { - width: 100%; - } -} - -.bottom-section-grad { - position: relative; -} -.bottom-section-grad::before { - position: absolute; - content: ""; - top: 0; - left: 0; - background: linear-gradient(180deg, #EDF7FF -3.32%, rgba(227, 242, 255, 0) 144.14%); - opacity: 0.7; - height: 100%; - width: 100%; -} - -.faq-section .accordion { - display: flex; - flex-direction: column; - gap: 20px; -} -.faq-section .accordion .accordion-item { - background: #FCFCFD; - border: 2px solid #fff; - box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07); - border-radius: 10px; - padding: 22px 30px; -} -@media (max-width: 767px) { - .faq-section .accordion .accordion-item { - padding: 15px 20px; - } -} -.faq-section .accordion-button, .faq-section .accordion-body { - padding: 0; -} -.faq-section .accordion-button:not(.collapsed) { - color: #7366FF; - background: transparent; -} -.faq-section .accordion-button:focus { - box-shadow: unset; - border: none; -} -.faq-section .accordion-button::after { - font-family: "IcoFont"; - content: "\eb25"; - font-size: 24px; - background: unset; - width: auto; - height: auto; - margin-bottom: -4px; -} -.faq-section .accordion-body { - padding-top: 14px; - margin-top: 14px; - border-top: 1px solid rgba(82, 82, 108, 0.5); - text-align: left; -} -.faq-section .vector-image { - left: -160px; - top: 30px; -} -@media (max-width: 1600px) { - .faq-section .vector-image { - left: 60px; - top: -30px; - } -} -@media (max-width: 1199px) { - .faq-section .vector-image { - left: 0px; - top: -30px; - } -} -.faq-section .vector-image img { - height: 400px; -} -@media (max-width: 1600px) { - .faq-section .vector-image img { - height: 270px; - } -} - -.pricing-section .landing-title p { - width: 100%; -} -.pricing-section .loader-gif { - top: -5%; -} -@media (max-width: 1600px) { - .pricing-section .loader-gif { - top: -11%; - right: 2%; - } -} -@media (max-width: 991px) { - .pricing-section .loader-gif { - top: -2%; - right: 2%; - } -} -.pricing-section .loader-gif .loader-1 { - width: 56px; - height: 56px; -} -.pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before { - width: 56px; - height: 56px; -} -@media (max-width: 575px) { - .pricing-section .loader-gif .loader-1 { - width: 40px; - height: 40px; - } - .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before { - width: 40px; - height: 40px; - } -} -.pricing-section .loader-line-gif { - right: unset; - top: unset; - left: 22%; - bottom: 15%; -} -@media (max-width: 1600px) { - .pricing-section .loader-line-gif { - left: 12%; - } -} -@media (max-width: 1600px) { - .pricing-section .loader-line-gif { - left: 16%; - } -} -@media (max-width: 991px) { - .pricing-section .loader-line-gif { - left: 10px; - bottom: -20px; - } - .pricing-section .loader-line-gif img { - width: 90px; - } -} - -.pricing-box { - background: rgba(243, 245, 245, 0.5); - border: 2px solid #fff; - border-radius: 10px; - padding: 30px 20px; -} -.pricing-box img { - width: 23px; - height: 22px; -} -@media (max-width: 767px) { - .pricing-box { - padding: 20px 15px; - } -} -.pricing-box p { - color: #52526C; -} -.pricing-box h4 { - margin-bottom: 20px; -} -@media (max-width: 575px) { - .pricing-box h4 { - margin-bottom: 15px; - } -} -.pricing-box p { - line-height: 1.5; -} -.pricing-box .purchase-details { - background: #FCFCFD; - border: 2px solid #fff; - box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05); - border-radius: 10px; - padding: 24px 40px; - margin-top: 20px; -} -@media (max-width: 1199px) { - .pricing-box .purchase-details { - padding: 24px 20px; - } -} -.pricing-box .purchase-details h2 { - margin-bottom: 14px; -} -.pricing-box .purchase-details .btn-lg { - font-weight: 500; - padding: 12px 20px; - width: 100%; - min-width: auto; -} -@media (max-width: 1199px) { - .pricing-box .purchase-details .btn-lg { - padding: 12px 10px; - font-size: 15px; - } -} - -.license-list { - display: flex; - flex-direction: column; - gap: 15px; -} -@media (max-width: 767px) { - .license-list { - gap: 10px; - } -} -.license-list li { - display: flex; - align-items: center; - text-align: left; - gap: 10px; -} -@media (max-width: 991px) { - .license-list li { - gap: 5px; - } -} -@media (max-width: 575px) { - .license-list li img { - width: 18px; - height: 18px; - } -} -.license-list li h6 { - font-weight: normal; - margin-bottom: 0; -} - -.feature-box { - padding: 30px 20px; - text-align: left; - position: relative; -} -@media (max-width: 575px) { - .feature-box { - padding: 20px; - } -} -.feature-box::after { - position: absolute; - content: ""; - width: 0; - height: 5px; - bottom: 0; - left: 0; - background: #F94646; - border-radius: 0 0 10px 10px; - transition: width 0.5s; -} -.feature-box:hover::after { - width: 100%; - transition: width 0.5s; -} -.feature-box .feature-icon { - width: 44px; - height: 44px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - margin-bottom: 25px; -} -.feature-box.bg-feature-1 .feature-icon { - background: #FBECEC; -} -.feature-box.bg-feature-2 .feature-icon { - background: #F0E9FB; -} -.feature-box.bg-feature-2::after { - background: #6610F2; -} -.feature-box.bg-feature-3 .feature-icon { - background: rgba(41, 156, 252, 0.1); -} -.feature-box.bg-feature-3::after { - background: #43BCFF; -} -.feature-box.bg-feature-4 .feature-icon { - background: rgba(96, 177, 88, 0.15); -} -.feature-box.bg-feature-4::after { - background: #60B158; -} -.feature-box.bg-feature-5 .feature-icon { - background: rgba(255, 150, 39, 0.1); -} -.feature-box.bg-feature-5::after { - background: #FF9414; -} -.feature-box.bg-feature-6 .feature-icon { - background: rgba(222, 77, 89, 0.1); -} -.feature-box.bg-feature-6::after { - background: #FC6773; -} -.feature-box.bg-feature-7 .feature-icon { - background: rgba(255, 132, 62, 0.1); -} -.feature-box.bg-feature-7::after { - background: #FF843E; -} -.feature-box.bg-feature-8 .feature-icon { - background: rgba(221, 84, 255, 0.1); -} -.feature-box.bg-feature-8::after { - background: #FF81FF; -} - -.benefit-box { - position: relative; - background: rgba(241, 242, 242, 0.5); - padding: 40px 10px; - box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3); - border-radius: 30px; -} -@media (max-width: 991px) { - .benefit-box { - padding: 30px 10px; - } -} -@media (max-width: 575px) { - .benefit-box { - padding: 20px 10px; - } -} -.benefit-box svg { - width: 40px; - height: 40px; -} -@media (max-width: 991px) { - .benefit-box svg { - width: 30px; - height: 30px; - } -} -.benefit-box::after { - position: absolute; - content: ""; - width: 54px; - height: 8px; - bottom: 0; - left: 50%; - transform: translateX(-50%); - border-radius: 10px 10px 0 0; -} -@media (max-width: 991px) { - .benefit-box h2 { - font-size: 25px; - } -} -.benefit-box h6 { - font-weight: 400; - color: #52526C; - opacity: 0.7; -} -.benefit-box.pink h2 { - color: #FF3692; -} -.benefit-box.pink::after { - background: #FF3692; -} -.benefit-box.purple h2 { - color: #7238FF; -} -.benefit-box.purple::after { - background: #7238FF; -} -.benefit-box.red h2 { - color: #FF3556; -} -.benefit-box.red::after { - background: #FF3556; -} -.benefit-box.warning h2 { - color: #FFAA05; -} -.benefit-box.warning::after { - background: #FFAA05; -} - -.rating-title { - display: flex; - align-items: center; - justify-content: center; -} -.rating-title .decore-1 { - margin-top: -35px; - animation: animationtop 5s infinite; -} - -@keyframes arrowsvg { - 0% { - transform: scale(0); - transform-origin: left; - } - 100% { - transform: scale(1); - transform-origin: left; - } -} -.title-svg { - animation: arrowsvg 5s infinite; -} - -.ratings li i { - color: #FFAA05; -} - -.components-section { - background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); -} -.components-section .vector-image { - left: 30px; - bottom: 2px; -} -@media (max-width: 1660px) { - .components-section .vector-image { - left: 50px; - top: 80px; - } -} -@media (max-width: 1399px) { - .components-section .vector-image { - left: 30px; - } -} -@media (max-width: 1199px) { - .components-section .vector-image { - left: -16px; - } -} -.components-section .vector-image img { - height: 280px; -} -@media (max-width: 1660px) { - .components-section .vector-image img { - height: 240px; - } -} -@media (max-width: 1399px) { - .components-section .vector-image img { - height: 220px; - } -} -@media (max-width: 1199px) { - .components-section .vector-image img { - height: 190px; - } -} - -.component_responsive { - flex-wrap: initial; -} - -.component-hover-effect { - display: flex; - align-items: center; - gap: 12px; - background: #FCFCFD; - border: 2px solid #fff; - box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07); - border-radius: 5px; - padding: 20px; - justify-content: center; - min-height: 78px; -} -@media (max-width: 767px) { - .component-hover-effect { - padding: 13px; - min-height: 68px; - } -} -.component-hover-effect svg { - width: 26px; - height: 26px; -} - -.ptb50 { - padding: 80px 0; -} -@media (max-width: 991.98px) { - .ptb50 { - padding: 60px 0; - } -} -@media (max-width: 575.98px) { - .ptb50 { - padding: 50px 0; - } -} - -.purchase-btn { - padding: 12px 20px; - min-width: 200px; - border: none; -} -@media (max-width: 991px) { - .purchase-btn { - min-width: 160px; - } -} -@media (max-width: 767px) { - .purchase-btn { - min-width: 140px; - padding: 10px 17px; - font-size: 16px; - } -} - -.footer-bg { - position: relative; - text-align: center; - background: url(../images/landing/footer.jpg); - margin-left: 0; - color: #fff; -} -@media (max-width: 575px) { - .footer-bg { - background-position: center; - } -} - -@keyframes move_wave { - 0% { - transform: translateX(0) translateZ(0) scaleY(1); - } - 50% { - transform: translateX(-25%) translateZ(0) scaleY(0.55); - } - 100% { - transform: translateX(-50%) translateZ(0) scaleY(1); - } -} -footer h2 { - font-size: calc(24px + 46 * (100vw - 300px) / 1620); -} -footer .landing-title p { - color: #fff; - opacity: 0.7; -} -footer .license-list { - display: flex; - flex-direction: row; - justify-content: center; - margin-bottom: calc(15px + 15 * (100vw - 300px) / 1620); - gap: calc(15px + 15 * (100vw - 300px) / 1620); -} -@media (max-width: 991px) { - footer .license-list { - gap: 20px; - } -} -@media (max-width: 767px) { - footer .license-list { - gap: 15px; - } -} -@media (max-width: 575px) { - footer .license-list { - flex-wrap: wrap; - } -} -footer .license-list h6 { - color: #fff; -} -footer .feature-content { - margin-bottom: calc(25px + 35 * (100vw - 300px) / 1620); -} -footer .feature-content ul { - display: flex; - align-items: center; - justify-content: center; - gap: calc(25px + 15 * (100vw - 300px) / 1620); -} -@media (max-width: 767px) { - footer .feature-content ul { - gap: 15px; - } -} -@media (max-width: 575px) { - footer .feature-content ul { - flex-wrap: wrap; - gap: 10px; - } -} -footer .feature-content ul li h4 { - max-width: 205px; - margin: 0 auto; -} -@media (max-width: 1199px) { - footer .feature-content ul li h4 { - max-width: 200px; - } -} -@media (max-width: 991px) { - footer .feature-content ul li h4 { - max-width: 140px; - font-size: 18px; - } -} -@media (max-width: 767px) { - footer .feature-content ul li h4 { - max-width: 116px; - font-size: 16px; - } -} -@media (max-width: 575px) { - footer .feature-content ul li h4 { - max-width: 105px; - font-size: 14px; - } -} -footer .feature-content ul li img { - margin-top: -40px; -} -@media (max-width: 991px) { - footer .feature-content ul li img { - width: 220px; - } -} -@media (max-width: 767px) { - footer .feature-content ul li img { - width: 160px; - margin-top: -25px; - } -} -@media (max-width: 575px) { - footer .feature-content ul li img { - width: 140px; - } -} -footer .sub-footer { - padding: 20px 15px; - border-top: 1px solid rgba(255, 255, 255, 0.1); -} -@media (max-width: 575px) { - footer .sub-footer { - padding: 12px 0px; - } -} -footer .sub-footer h6 { - font-weight: normal; -} -footer .sub-footer ul { - display: flex; - align-items: center; - justify-content: center; - gap: 15px; -} -footer .sub-footer ul li a { - color: #fff; -} -footer .sub-footer ul li a:hover { - color: #7366FF; -} -footer .sub-footer ul li i { - font-size: 20px; -} - -.landing-page .bg-Widget { - background: linear-gradient(180deg, #F7F8F9 69%, rgba(247, 248, 249, 0) 91.83%); -} -.landing-page .bg-Widget:before { - top: 220px !important; - transform: rotate(-40deg); -} -.landing-page .bg-Widget:after { - top: unset !important; - bottom: 0 !important; -} -.landing-page .bg-Widget .cuba-demo-content p { - color: rgba(255, 255, 255, 0.7); -} -.landing-page .bg-Widget .cuba-demo-content .couting h2 { - -webkit-text-fill-color: #fff !important; -} - -.btn-md:hover { - animation: 0.3s pulse 3; -} - -.tap-top { - text-align: center; - cursor: pointer; - display: none; - width: 40px; - height: 40px; - border-radius: 100%; - position: fixed; - bottom: 30px; - right: 30px; - z-index: 5; - color: #fff; - background: var(--theme-deafult); - border: none; - padding: 7px; - box-shadow: 0 0 10px var(--theme-deafult); - opacity: 0.5; - transition: all 0.3s ease; -} -.tap-top:hover { - transition: all 0.3s ease; - opacity: 1; -} -.tap-top svg { - width: 20px; -} - -@keyframes animationFramesOne { - 0% { - transform: translate(0px, 0px) rotate(0deg); - } - 20% { - transform: translate(73px, -1px) rotate(36deg); - } - 40% { - transform: translate(141px, 72px) rotate(72deg); - } - 60% { - transform: translate(83px, 122px) rotate(108deg); - } - 80% { - transform: translate(-40px, 72px) rotate(144deg); - } - 100% { - transform: translate(0px, 0px) rotate(0deg); - } -} -.page-wrapper, -.landing-page { - overflow: hidden; -} -.page-wrapper .section-space, -.landing-page .section-space { - padding: 80px 0; -} -.page-wrapper .customer-support, -.landing-page .customer-support { - padding-top: 21px !important; -} -.page-wrapper .cuba-demo-content, -.landing-page .cuba-demo-content { - text-align: center; - position: relative; - margin-bottom: 50px; -} -@media (max-width: 767px) { - .page-wrapper .cuba-demo-content, - .landing-page .cuba-demo-content { - margin-bottom: 30px; - } -} -.page-wrapper .cuba-demo-content img, -.landing-page .cuba-demo-content img { - margin: 0 auto; - width: 70px; - animation: rotated 50s infinite linear; -} -.page-wrapper .cuba-demo-section, -.landing-page .cuba-demo-section { - position: relative; -} -.page-wrapper .cuba-demo-section .img-effect, -.landing-page .cuba-demo-section .img-effect { - -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.15); - box-shadow: 0 0 37px rgba(8, 21, 66, 0.15); - border-radius: 15px; - padding: 20px; - position: relative; -} -.page-wrapper .cuba-demo-section .img-effect .hover-link, -.landing-page .cuba-demo-section .img-effect .hover-link { - position: absolute; - height: 100%; - width: 100%; - background: linear-gradient(10deg, rgba(44, 50, 63, 0.8) 0%, transparent 80%); - border-radius: 15px; - text-align: center; - display: flex; - flex-wrap: wrap; - align-items: flex-end; - justify-content: center; - padding-bottom: 20px; - opacity: 0; - transition: all 0.3s ease; - left: 0; - top: 0; -} -.page-wrapper .cuba-demo-section .img-effect:hover .hover-link, -.landing-page .cuba-demo-section .img-effect:hover .hover-link { - opacity: 1; - z-index: 1; - transition: all 0.3s ease; -} -.page-wrapper .cuba-demo-section .img-effect img, -.landing-page .cuba-demo-section .img-effect img { - width: 100%; - transition: all 0.3s ease; -} -.page-wrapper .cuba-demo-section .img-effect:hover, -.landing-page .cuba-demo-section .img-effect:hover { - box-shadow: 0 0 37px rgba(8, 21, 66, 0.15); - transition: all 0.3s ease; -} -.page-wrapper .cuba-demo-section .img-effect:hover img, -.landing-page .cuba-demo-section .img-effect:hover img { - transform: scale(1.01); - transition: all 0.3s ease; -} -.page-wrapper .cuba-demo-section .cuba-demo-content .couting, -.landing-page .cuba-demo-section .cuba-demo-content .couting { - margin-bottom: -10px; - margin-top: calc(-15px + -17 * (100vw - 300px) / 1620); -} -.page-wrapper .cuba-demo-section .cuba-demo-content .couting h2, -.landing-page .cuba-demo-section .cuba-demo-content .couting h2 { - color: var(--theme-deafult); - font-weight: 500; - font-size: calc(100px + 150 * (100vw - 300px) / 1620); - background: linear-gradient(180deg, #5456AA 0%, rgba(0, 2, 72, 0) 88.85%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - margin-bottom: 0; - line-height: 1; - opacity: 0.1; -} - -.landing-page { - overflow: unset; -} - -.fluid-space { - padding: 0 calc(10px + 70 * (100vw - 300px) / 1620); -} -@media (max-width: 1399px) { - .fluid-space { - padding: 0 30px; - } -} -@media (max-width: 575px) { - .fluid-space { - padding: 0 12px; - } -} - -ul.dot-group { - display: flex; - gap: 6px; - padding: 15px 10px 0; -} -ul.dot-group li { - width: 8px; - height: 8px; - background: #E8E8EC; - border-radius: 100%; -} - -.demo-imgs { - margin: -15px; -} -.demo-imgs .demo-content .cuba-demo-img { - box-shadow: 0px 9px 40px rgba(46, 35, 94, 0.15); - border-radius: 5px; - position: relative; - height: 100%; -} -.demo-imgs .demo-content .cuba-demo-img .hover-link { - padding: 20px; - display: -ms-flexbox; - display: flex; - flex-wrap: wrap; - gap: 20px; - justify-content: center; - background: #f8f8f8; - border-radius: 0px 0px 5px 5px; -} -@media (max-width: 1640px) { - .demo-imgs .demo-content .cuba-demo-img .hover-link { - padding: 20px 12px; - gap: 10px; - } -} -@media (max-width: 1366px) { - .demo-imgs .demo-content .cuba-demo-img .hover-link { - padding: 20px; - } -} -.demo-imgs .demo-content .cuba-demo-img .hover-link .link-btn { - cursor: not-allowed; -} -.demo-imgs .demo-content .cuba-demo-img .hover-link a { - color: #fff; - display: inline-block; - border-radius: 14px; - background: #f8f8f8; - transition: all 0.3s ease; - width: 56px; - height: 56px; - display: flex; - align-items: center; - justify-content: center; - box-shadow: 7px 7px 5px rgba(192, 202, 216, 0.22); - position: relative; -} -@media (max-width: 1640px) { - .demo-imgs .demo-content .cuba-demo-img .hover-link a { - width: 55px; - height: 55px; - } -} -.demo-imgs .demo-content .cuba-demo-img .hover-link a img { - margin-bottom: -2px; -} -.demo-imgs .demo-content .cuba-demo-img .hover-link .coming-soon { - opacity: 0.4; - pointer-events: none; -} -.demo-imgs .demo-content .cuba-demo-img .overflow-hidden { - padding: 10px; -} -.demo-imgs .demo-content .cuba-demo-img .overflow-hidden img { - width: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.demo-imgs .demo-content .cuba-demo-img:hover .overflow-hidden img { - -webkit-transform: scale(1.01); - transform: scale(1.01); -} -.demo-imgs .demo-content .title-wrapper { - padding: 0 10px 0; -} -.demo-imgs .demo-content .title-wrapper .theme-name { - position: relative; - font-size: calc(15px + 5 * (100vw - 300px) / 1620); - text-transform: capitalize; -} -.demo-imgs .demo-content .title-wrapper .theme-name span { - color: #52526C; -} -@media (max-width: 1670px) { - .demo-imgs > div { - padding: 15px; - margin: 0; - } -} - -.app-box { - padding: 18px 12px 12px; - display: flex; - width: 100%; - align-items: center; - border-radius: 5px; -} -.app-box h6 { - color: #52526C; - margin: 0 12px 0 0; - position: relative; -} -.app-box h6 .app-title { - writing-mode: vertical-rl; - transform: rotate(180deg); -} -.app-box h6 .line { - width: 1px; - background: #52526C; - height: 18px; - position: absolute; - top: -30px; - left: 50%; -} -.app-box .app-image { - flex: auto; -} -.app-box .app-image .img-effect { - box-shadow: 0px 3px 20px rgba(46, 35, 94, 0.1); - border-radius: 5px; -} -.app-box .app-image a { - display: block; -} -.app-box .app-image a img { - width: 100%; -} -.app-box ul.dot-group { - padding: 0 0 13px; -} - -.app-bg-1 { - background: #F9F7F7; -} - -.app-bg-2 { - background: #F3F5F5; -} - -.app-bg-3 { - background: #EFF5F8; -} - -.app-bg-4 { - background: #F0F5F7; -} - -.app-bg-5 { - background: #F5F4F3; -} - -.app-bg-6 { - background: #F8F8FA; -} - -.text-marqee { - height: 230px; -} -@media (max-width: 1199px) { - .text-marqee { - height: 166px; - } -} -@media (max-width: 991px) { - .text-marqee { - height: 130px; - } -} -@media (max-width: 767px) { - .text-marqee { - height: 95px; - } -} -@media (max-width: 575px) { - .text-marqee { - height: 65px; - } -} - -.decoration li { - position: absolute; -} - -.flower-gif { - top: -40px; - left: 19%; -} -@media (max-width: 991px) { - .flower-gif { - top: 0; - left: 15%; - } -} -@media (max-width: 767px) { - .flower-gif { - left: 8%; - } -} -@media (max-width: 575px) { - .flower-gif { - display: none; - } -} - -.big-title { - font-weight: 700; - font-size: 200px; - line-height: 229px; - letter-spacing: -0.045em; - color: rgba(234, 235, 241, 0.5); - margin-bottom: 0; -} -@media (max-width: 1199px) { - .big-title { - font-size: 140px; - line-height: 170px; - } -} -@media (max-width: 991px) { - .big-title { - font-size: 110px; - line-height: 140px; - } -} -@media (max-width: 767px) { - .big-title { - font-size: 80px; - line-height: 100px; - } -} -@media (max-width: 575px) { - .big-title { - font-size: 50px; - line-height: 60px; - } -} - -.navabr_btn-set { - position: relative; -} -.navabr_btn-set:focus { - outline: 0; -} -.navabr_btn-set span { - display: block; - background-color: #fff; - height: 3px; - width: 25px; - margin-top: 4px; - margin-bottom: 4px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - left: 0; - opacity: 1; -} -.navabr_btn-set:not(.custom_nav) span:nth-child(1) { - position: absolute; - left: 12px; - top: 10px; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - opacity: 0.9; -} -.navabr_btn-set:not(.custom_nav) span:nth-child(2) { - height: 12px; - visibility: hidden; - background-color: transparent; -} -.navabr_btn-set:not(.custom_nav) span:nth-child(3) { - position: absolute; - left: 12px; - top: 10px; - -webkit-transform: rotate(-135deg); - transform: rotate(-135deg); - opacity: 0.9; -} - -.navbar-b { - transition: all 0.5s ease-in-out; - background-color: transparent; - padding-top: 1.563rem; - padding-bottom: 1.563rem; -} - -.fixed-top { - position: relative; - top: 0; - right: 0; - width: 100%; - display: flex; - left: 0; - z-index: 1030; -} - -.navbar-toggler span { - display: block; - background-color: transparent; - height: 3px; - width: 25px; - z-index: 112; - margin-top: 4px; - margin-bottom: 4px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - left: 0; - opacity: 1; -} -.navbar-toggler span:nth-child(1) { - transition: transform 0.35s ease-in-out; -} -.navbar-toggler span:nth-child(3) { - transition: transform 0.35s ease-in-out; -} -.navbar-toggler:focus { - box-shadow: none; -} - -.navbar_nav_modify li { - text-align: center; -} - -.sticky-header header { - position: fixed; - width: 100%; - z-index: 6; - text-align: center; - line-height: normal; - height: 80px; - background: var(--theme-deafult); - color: #fff; - box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1); - transition: all 0.4s ease; -} -.sticky-header header .nav-padding { - padding: 14px; -} -.sticky-header header.sticky { - line-height: normal; - background: var(--theme-deafult); - text-align: left; -} -.sticky-header header.sticky .nav-padding { - padding: 7px 14px; -} - -.landing-home .sticky .navbar-brand img { - max-height: 35px; -} - -.title-padding { - padding: 130px 0; -} - -@keyframes mover { - 0% { - transform: translateY(0); - } - 100% { - transform: translateY(-4px); - } -} -@media (max-width: 1440px) { - .navbar-nav .nav-item .nav-link { - font-size: 16px; - padding: 12px 7px; - } -} -/* ========= responsive scss for 1200 screen ========= */ -@media only screen and (max-width: 1199px) { - .sticky-header header.sticky .nav-padding { - padding: 15px 25px; - } - .navbar-toggler span { - background-color: #fff; - } - .landing-home .screen1 { - left: 100px; - margin-top: 0; - } - .sticky-header .navbar-nav .nav-item .nav-link { - color: #000; - padding: 10px 12px !important; - font-size: 15px; - } - .sticky-header .navbar-nav li { - display: block; - width: 100%; - } - .landing-page .navbar-expand-xl .navbar-collapse { - background-color: white; - margin-top: 20px; - position: absolute; - width: calc(100% - 30px); - left: 15px; - top: 70px; - } -} -@media only screen and (max-width: 1199px) and (max-width: 575px) { - .landing-page .navbar-expand-xl .navbar-collapse { - top: 40px; - } -} -@media only screen and (max-width: 1199px) { - .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav { - padding: 20px 30px 30px 30px; - } -} -@media only screen and (max-width: 1199px) { - header.sticky .navbar-expand-xl .navbar-collapse { - top: 50px; - } -} -@media only screen and (max-width: 1199px) { - .landing-main .sticky .navbar-expand-xl .navbar-brand { - top: 8px; - } - .landing-main .sticky .navbar-expand-xl .navabr_btn-set { - top: 16px; - } - .landing-main .navbar-toggler span { - background-color: #fff; - } - .landing-main .navbar_nav_modify { - width: 100vw; - left: 0; - position: fixed; - height: 100vh; - background-color: #293240; - top: 0; - padding: 120px 0px; - } - .landing-main h4 { - font-size: 20px; - } - .landing-main .navbar-expand-xl .navabr_btn-set { - position: fixed; - top: 24px; - z-index: 1; - right: 20px; - } - .landing-main .navbar-expand-xl .navbar-brand { - padding-left: 5px; - z-index: 1; - position: fixed; - top: 14px; - } - .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a { - padding: 28px 60px; - width: 16px; - margin: 0 auto; - text-align: center; - display: flex; - justify-content: center; - } - .landing-main .navbar-expand-lg .navbar-brand { - padding-left: 5px; - } - .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a { - padding: 9px; - } -} -/* ========= responsive scss for 992 screen ========= */ -@media only screen and (max-width: 991px) { - .landing-home .navbar-brand img { - height: 35px; - } - .frameworks-section > .container { - max-width: 100%; - } - .landing-main .navbar-expand-lg .navbar-collapse { - position: absolute; - top: 90px; - background-color: rgb(255, 255, 255); - width: calc(100% - 30px); - border-radius: 5px; - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - padding: 15px; - } - .landing-main .section-space { - padding: 60px 0; - } - .landing-main .section-space p { - font-size: 16px; - } - .landing-main .navbar-expand-lg .navbar-toggler { - background-color: #fff; - } - .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i { - margin-top: 5px; - color: var(--theme-deafult); - } - .landing-main .navbar-expand-lg .navbar-collapse { - background-color: #fff; - z-index: 111; - } - .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a { - color: #000; - } - .landing-main .footer-bg h2 { - font-size: 28px; - } -} -/* ========= responsive scss for 768 screen ========= */ -@media only screen and (max-width: 767px) { - .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link { - font-size: 14px; - padding: 10px 12px; - } -} -/* ========= responsive scss for 575 screen ========= */ -@media only screen and (max-width: 575px) { - .landing-home .sticky-header header .nav-padding { - padding: 15px 30px; - } - .page-wrapper .cuba-demo-content, - .landing-page .cuba-demo-content { - margin-bottom: 20px; - } - .page-wrapper .section-space, - .landing-page .section-space { - padding: 40px 0; - } - .landing-main h4 { - font-size: 17px; - } - .landing-main .footer-bg h2 { - font-size: 21px; - } -} -@media only screen and (max-width: 480px) { - .sticky-header header.sticky { - height: 56px; - } - .landing-home .sticky-header header .nav-padding { - padding: 15px; - } - .landing-home .navbar-toggler { - border: none; - background-color: transparent; - padding: 0; - } - .landing-home .navbar-brand img { - height: 25px; - } -} -@media only screen and (max-width: 380px) { - .component-col-set { - width: 100%; - } -} -/**===================== - 3.26 Landing CSS Ends -==========================**/ -/**===================== - 3.27 Language CSS start -==========================**/ -.current_lang { - cursor: pointer; - text-transform: uppercase; - overflow: hidden; -} - -.lang.selected { - display: none; -} -.lang span.lang-txt { - display: inline-flex; - margin-left: 8px; - font-weight: 500; -} -.lang span span { - color: #999; - font-weight: 400; - margin-left: 5px; -} - -/*more lang*/ -.more_lang { - transform: translateY(-20px); - opacity: 0; - cursor: pointer; - display: none; - transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); -} - -.translate_wrapper.active .more_lang { - display: block; - position: absolute; - background-color: #fff; - top: 47px; - right: 0; - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); -} -.translate_wrapper.active .more_lang:before { - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #fff; - content: ""; - top: -7px; - position: absolute; - right: 20px; - z-index: 2; -} -.translate_wrapper.active .more_lang:after { - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #bdc2c5; - content: ""; - top: -7px; - position: absolute; - right: 20px; - z-index: 1; -} - -.more_lang.active { - opacity: 1; - transform: translateY(0px); -} -.more_lang .lang { - padding: 10px 15px; - display: flex; -} -.more_lang .lang:hover { - background: var(--theme-deafult); - color: #fff; -} -.more_lang .lang:hover span { - color: #fff; -} - -.translate_wrapper.active .more_lang .lang { - border-bottom: 1px solid #eaeaea; -} - -/**===================== - 3.27 Language CSS end -==========================**/ -/**===================== - 3.28 Learning CSS start -==========================**/ -.learning-header { - margin-bottom: 10px; -} - -.categories { - padding: 30px 0; -} -.categories .learning-header { - padding-left: 15px; -} -.categories ul li { - padding: 10px 15px; -} -.categories ul li a { - color: #2F2F3B; -} -.categories ul li:hover { - background-color: #f4f4f4; -} - -.upcoming-course .media + .media { - margin-top: 30px; -} - -.job-accordion { - margin-bottom: 0; -} - -@media screen and (min-width: 1200px) and (max-width: 1366px) { - .learning-comment { - margin-left: -14px !important; - float: left !important; - } - .blog-box .blog-details .blog-social li:first-child { - padding-right: 30px; - } - .blog-box .blog-details .blog-social li + li { - padding-left: 30px; - } -} -@media only screen and (max-width: 991px) { - .categories { - padding: 20px 0; - } - .upcoming-course .media + .media { - margin-top: 20px; - } -} -@media only screen and (max-width: 575px) { - .categories { - padding: 15px 0; - } - .upcoming-course .media + .media { - margin-top: 15px; - } -} -/**===================== - 3.28 Learning CSS end -==========================**/ -/**===================== - 3.29 Login CSS Start -==========================**/ -.login-card { - min-height: 100vh; - display: flex; - align-items: center; - justify-content: center; - margin: 0 auto; - background: url("../images/login/login_bg.jpg"); - background-position: center; - padding: 30px 12px; -} -.login-card .logo { - display: block; - margin-bottom: 30px; - text-align: center; -} -.login-card .btn-showcase .btn { - line-height: 1; - padding: 10px 15px; - margin: 0; -} -.login-card .btn-showcase .btn + .btn { - margin-left: 5px; -} -.login-card .btn-showcase .btn svg { - height: 16px; - vertical-align: bottom; -} -.login-card .login-main { - width: 450px; - padding: 40px; - border-radius: 10px; - box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); - margin: 0 auto; - background-color: #fff; -} -.login-card .login-main .theme-form h4 { - margin-bottom: 5px; -} -.login-card .login-main .theme-form label { - font-size: 15px; - letter-spacing: 0.4px; -} -.login-card .login-main .theme-form .checkbox label::before { - background-color: #f9f9fa; - border: 1px solid #dfdfdf; -} -.login-card .login-main .theme-form .or { - position: relative; -} -.login-card .login-main .theme-form .or:before { - content: ""; - position: absolute; - width: 65%; - height: 2px; - background-color: #f3f3ff; - top: 9px; - z-index: 0; - right: 0; -} -.login-card .login-main .theme-form input { - background-color: #f3f3ff; - transition: all 0.3s ease; -} -.login-card .login-main .theme-form input::-webkit-input-placeholder { - color: #999999; -} -.login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus { - border: 1px solid #b9c1cc; - box-shadow: none !important; - transition: all 0.3s ease; -} -.login-card .login-main .theme-form p { - margin-bottom: 25px; - font-size: 14px; - color: #898989; -} -.login-card .login-main .theme-form .form-group { - margin-bottom: 10px; - position: relative; -} -.login-card .login-main .theme-form .link { - position: absolute; - top: 10px; - right: 0; -} - -.show-hide, .show-hide-confirm{ - position: absolute; - top: 52px; - right: 20px; - transform: translateY(-50%); -} -.show-hide span ,.show-hide-confirm span{ - cursor: pointer; - font-size: 13px; - color: var(--theme-deafult); -} -.show-hide span.show:before,.show-hide-confirm span.show:before { - content: "show"; -} -.show-hide span:before ,.show-hide-confirm span:before{ - content: "hide"; -} - -.needs-validation .invalid-feedback { - color: #898989; -} -.needs-validation .show-hide ,.needs-validation .show-hide-confirm{ - right: 30px; -} -.needs-validation .invalid-tooltip { - top: 10px; - right: 10px; -} - -/**===================== - 3.29 Login CSS Ends -==========================**/ -/**===================== - 3.30 Megaoption CSS Start -==========================**/ -.mega-inline { - margin-bottom: -30px; - display: flex; -} -.mega-inline .card { - border: 1px solid #f3f3f3; - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); -} -.mega-inline .mega-title-badge { - display: table; - width: 100%; - font-size: 14px; - font-weight: 600; - text-transform: uppercase; -} -.mega-inline .media .radio { - margin-left: 3px; -} - -.mega-vertical { - display: flex; - flex-wrap: wrap; -} -.mega-vertical .card { - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); -} -.mega-vertical .mega-title-badge { - display: table; - width: 100%; - font-size: 14px; - font-weight: 600; - text-transform: uppercase; -} -.mega-vertical .media .radio { - margin-left: 3px; -} - -.mega-title { - font-weight: 600; -} - -.mega-horizontal { - display: flex; - flex-wrap: wrap; -} -.mega-horizontal .card { - border: 1px solid #f3f3f3; - box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); -} -.mega-horizontal .mega-title-badge { - display: table; - width: 100%; - font-size: 14px; - font-weight: 600; - text-transform: uppercase; -} -.mega-horizontal .media .radio { - margin-left: 3px; -} - -.plain-style .card { - box-shadow: none; - border: none !important; -} - -.border-style .card { - box-shadow: none; - border: 1px solid #ecf3fa !important; -} - -.offer-style .card { - box-shadow: none; - border: 1px dashed #ecf3fa !important; -} - -.rating-star-wrapper { - color: #797979; -} - -/**===================== - 3.30 Megaoption CSS Ends -==========================**/ -/**===================== - 3.31 Order-history CSS start -==========================**/ -.prooduct-details-box .close { - position: absolute; - top: 10px; - right: 10px; - height: 16px; - cursor: pointer; -} -.prooduct-details-box .btn { - line-height: 13px; -} -.prooduct-details-box .media { - border: 1px solid #d7e2e9; - border-radius: 10px; - padding: 15px 0; - width: 100%; - position: relative; -} -.prooduct-details-box .rating { - color: #ffaf45; - letter-spacing: 3px; -} -.prooduct-details-box .product-name a { - color: gray; -} -.prooduct-details-box .product-name h6 { - margin-bottom: 0; -} -.prooduct-details-box .btn { - position: absolute; - right: 15px; - bottom: 15px; -} - -.order-history .input-group { - text-align: right; - max-width: 300px; -} -.order-history table th, -.order-history table td { - text-align: center; -} -.order-history table thead tr th { - vertical-align: middle; - border-top: none; - background-color: #f8f8f8; - border: 1px solid #ecf3fa; - padding: 1.25rem; - font-size: 16px; -} -.order-history table .qty-box { - width: 120px; - margin: 0 auto; - border-radius: 5px; - overflow: hidden; -} -.order-history table .qty-box input { - width: 44px; - max-width: 44px; - background-color: transparent; - border: none !important; -} -.order-history table .qty-box .input-group { - justify-content: space-between; - align-items: center; - background-color: transparent; - border-radius: 5px; - border: 1px solid #ecf3fa; - overflow: hidden; -} -.order-history table .qty-box .btn { - background-color: transparent; - border: none; -} -.order-history table .qty-box .btn.bootstrap-touchspin-down { - border-right: 1px solid; -} -[dir=rtl] .order-history table .qty-box .btn.bootstrap-touchspin-down { - border-right: unset; - border-left: 1px solid; -} -.order-history table .qty-box .btn.bootstrap-touchspin-up { - border-left: 1px solid; -} -[dir=rtl] .order-history table .qty-box .btn.bootstrap-touchspin-up { - border-left: unset; - border-right: 1px solid; -} -.order-history table tbody tr td { - vertical-align: middle; -} -.order-history table tbody tr td .product-name a { - font-size: 15px; - color: #898989; -} -.order-history table tbody tr td .product-name .order-process { - font-size: 13px; - padding-left: 15px; -} -.order-history table tbody tr td .product-name .order-process .order-process-circle { - position: relative; -} -.order-history table tbody tr td .product-name .order-process .order-process-circle:before { - position: absolute; - content: ""; - width: 4px; - height: 4px; - border-radius: 100%; - background-color: #898989; - left: -15px; - top: 4px; -} -.order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before { - background-color: #54BA4A; -} -.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before { - background-color: #FC4438; -} - -@media only screen and (max-width: 1199px) { - .order-history table { - width: 900px; - overflow: auto; - } -} -/**===================== - 3.31 Order-history CSS End -==========================**/ -/**===================== - 3.32 Page CSS Start -==========================**/ -/*test Nav bar color */ -.pagination-theme .page-item .page-link { - color: var(--theme-deafult) !important; -} -.pagination-theme .page-item.active .page-link { - color: #fff !important; - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult); -} - -.pagination-primary .page-item .page-link { - color: var(--theme-deafult) !important; -} -.pagination-primary .page-item.active .page-link { - color: #fff !important; - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult); -} - -.pagination-secondary .page-item .page-link { - color: #FF3364 !important; -} -.pagination-secondary .page-item.active .page-link { - color: #fff !important; - background-color: #FF3364 !important; - border-color: #FF3364; -} - -.pagination-success .page-item .page-link { - color: #54BA4A !important; -} -.pagination-success .page-item.active .page-link { - color: #fff !important; - background-color: #54BA4A !important; - border-color: #54BA4A; -} - -.pagination-danger .page-item .page-link { - color: #FC4438 !important; -} -.pagination-danger .page-item.active .page-link { - color: #fff !important; - background-color: #FC4438 !important; - border-color: #FC4438; -} - -.pagination-info .page-item .page-link { - color: #16C7F9 !important; -} -.pagination-info .page-item.active .page-link { - color: #fff !important; - background-color: #16C7F9 !important; - border-color: #16C7F9; -} - -.pagination-dark .page-item .page-link { - color: #2c323f !important; -} -.pagination-dark .page-item.active .page-link { - color: #fff !important; - background-color: #2c323f !important; - border-color: #2c323f; -} - -.pagination-warning .page-item .page-link { - color: #FFAA05 !important; -} -.pagination-warning .page-item.active .page-link { - color: #fff !important; - background-color: #FFAA05 !important; - border-color: #FFAA05; -} - -.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active { - background-color: #E0DDFF; -} -.pagin-border-primary .page-item .page-link { - border-color: #E0DDFF; -} -.pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus { - background-color: #E0DDFF; -} -.pagin-border-primary .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active { - background-color: #FFE0E8; -} -.pagin-border-secondary .page-item .page-link { - border-color: #FFE0E8; -} -.pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus { - background-color: #FFE0E8; -} -.pagin-border-secondary .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-success .page-item.active, .pagin-border-success .page-item:active { - background-color: #D6EED4; -} -.pagin-border-success .page-item .page-link { - border-color: #D6EED4; -} -.pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus { - background-color: #D6EED4; -} -.pagin-border-success .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active { - background-color: #FEDDDB; -} -.pagin-border-danger .page-item .page-link { - border-color: #FEDDDB; -} -.pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus { - background-color: #FEDDDB; -} -.pagin-border-danger .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active { - background-color: #FFF0D2; -} -.pagin-border-warning .page-item .page-link { - border-color: #FFF0D2; -} -.pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus { - background-color: #FFF0D2; -} -.pagin-border-warning .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-info .page-item.active, .pagin-border-info .page-item:active { - background-color: #D5F5FE; -} -.pagin-border-info .page-item .page-link { - border-color: #D5F5FE; -} -.pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus { - background-color: #D5F5FE; -} -.pagin-border-info .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-light .page-item.active, .pagin-border-light .page-item:active { - background-color: #F9F9FB; -} -.pagin-border-light .page-item .page-link { - border-color: #F9F9FB; -} -.pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus { - background-color: #F9F9FB; -} -.pagin-border-light .page-item .page-link:focus { - box-shadow: unset; -} - -.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active { - background-color: #EAEBF2; -} -.pagin-border-dark .page-item .page-link { - border-color: #EAEBF2; -} -.pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus { - background-color: #EAEBF2; -} -.pagin-border-dark .page-item .page-link:focus { - box-shadow: unset; -} - -@media (max-width: 576px) { - .pagination-lg .page-item .page-link { - font-size: calc(15px + 5 * (100vw - 320px) / 256); - padding: calc(12px + 0 * (100vw - 320px) / 256) calc(12px + 12 * (100vw - 320px) / 256); - } -} - -@media (max-width: 339px) { - .pagination { - justify-content: center; - } -} -.pagination .page-item:active { - background-color: unset; -} -.pagination .page-item .page-link.rounded-circle { - display: flex; - justify-content: center; - align-items: center; - width: 35px; - height: 35px; -} - -/**===================== - 3.32 Page CSS Ends -==========================**/ -/**===================== - 3.33 Pricing CSS Start -==========================**/ -.pricing-simple { - box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05); - margin-bottom: 0 !important; -} -.pricing-simple .card-body { - border-bottom: none; -} -.pricing-simple .card-body h3 { - position: relative; - margin-bottom: 38px; -} -.pricing-simple .card-body h3:before { - position: absolute; - content: ""; - width: 80px; - height: 1px; - margin: 0 auto; - left: 0; - right: 0; - bottom: -10px; - background-color: #999999; -} -.pricing-simple .card-body h1 { - font-size: 30px; - line-height: 0.9; - margin-bottom: 30px; - font-weight: 400; -} - -.pricingtable { - text-align: center; - padding-top: 45px; - padding-bottom: 45px; - border-radius: 10px; - box-shadow: 0 0 40px rgba(8, 21, 66, 0.05); - overflow: hidden; - position: relative; - z-index: 1; - height: 100%; -} -.pricingtable:before, .pricingtable:after { - content: ""; - background-color: var(--theme-deafult); - width: 300px; - height: 300px; - border-radius: 50%; - position: absolute; - right: -213px; - z-index: -1; - opacity: 0.1; -} - -.pricingtable:after { - background-color: var(--theme-deafult); - height: 300px; - width: 300px; - top: auto; - bottom: -210px; - right: auto; - left: -160px; - opacity: 0.1; -} -.pricingtable .title { - text-transform: uppercase; - margin-bottom: 20px; -} -.pricingtable .price-value { - color: #fff; - background-color: var(--theme-deafult); - width: 130px; - height: 130px; - padding: 45px 0 0; - margin: 0 auto 25px; - border-radius: 50%; -} -.pricingtable .price-value .duration { - margin: 0 0 0 -5px; -} -.pricingtable .price-value .amount { - font-size: 58px; - font-weight: 700; - line-height: 45px; - display: inline-block; -} -.pricingtable .price-value .currency { - vertical-align: top; -} -.pricingtable .pricing-content { - margin: 0 0 25px; - display: inline-block; -} -.pricingtable .pricing-content li { - font-weight: 500; - text-align: left; - margin: 0 0 20px; - position: relative; - padding-left: 30px; -} -.pricingtable .pricing-content li:last-child { - margin: 0; -} -.pricingtable .pricing-content li:before { - content: "\f00c"; - color: var(--theme-deafult); - font-family: FontAwesome; - text-align: center; - width: 20px; - height: 20px; - border-radius: 50%; - position: absolute; - top: 1px; - left: 0; -} - -@media (max-width: 1470px) { - .pricing-block > div { - flex: 50%; - } - .pricing-block > div:nth-child(n+3) { - margin-top: 30px; - } -} -@media only screen and (max-width: 991px) { - .pricing-simple .card-body h1 { - margin-bottom: 20px; - } - .pricing-simple .card-body h3 { - margin-bottom: 28px; - } - .pricing-block > div:nth-child(n+2) { - margin-top: 20px; - } -} -@media only screen and (max-width: 575px) { - .pricing-simple .card-body h1 { - margin-bottom: 15px; - } - .pricing-block > div { - flex: 100%; - } - .pricingtable { - padding-top: 30px; - padding-bottom: 30px; - } -} -/**===================== - 3.33 Pricing CSS Ends -==========================**/ -/**===================== - 3.34 Progress CSS Start -==========================**/ -.progress-showcase .progress { - margin-bottom: 10px; -} -.progress-showcase .progress:last-child { - margin-bottom: 0; -} - -.sm-progress-bar { - height: 8px; -} - -.lg-progress-bar { - height: 20px; -} - -.progress-wrapper { - height: 1px; -} - -.progress-btn { - background-color: #f6f9fd; - border-color: #f6f9fd; -} - -.small-progressbar { - position: relative; - overflow: visible; -} -.small-progressbar::after { - position: absolute; - content: ""; - top: -2px; - right: -9px; - background-color: #7366FF; - width: 12px; - height: 12px; - border-radius: 100%; -} -[dir=rtl] .small-progressbar::after { - left: -9px; - right: unset; -} -.small-progressbar .progress-label { - position: absolute; - top: -26px; - right: -6px; - font-weight: 700; -} -[dir=rtl] .small-progressbar .progress-label { - right: unset; - left: -6px; -} -.small-progressbar .animate-circle { - position: absolute; - top: -11px; - right: -18px; - height: 30px; - width: 30px; - border: 14px solid #7366FF; - border-radius: 70px; - animation: heart 1s ease-in-out; - animation-iteration-count: infinite; -} -[dir=rtl] .small-progressbar .animate-circle { - right: unset; - left: -18px; -} - -@keyframes heart { - 0% { - transform: scale(0); - opacity: 0; - } - 25% { - transform: scale(0.1); - opacity: 1; - } - 50% { - transform: scale(0.5); - opacity: 0.3; - } - 75% { - transform: scale(0.8); - opacity: 0.5; - } - 100% { - transform: scale(1); - opacity: 0; - } -} -.progress-b-space .progress { - margin-bottom: 35px; -} - -/**===================== - 3.34 Progress CSS Ends -==========================**/ -/**===================== - 3.35 Projectlist CSS Start -==========================**/ -.project-list .row { - margin: 15px; -} -.project-list button:focus { - outline: none !important; -} -.project-list .theme-form .form-group { - margin-bottom: 15px; -} -.project-list .border-tab.nav-tabs .nav-item .nav-link { - border: 1px solid transparent; - padding: 5px 30px 5px 0; - border-radius: 5px; - display: flex; - align-items: center; -} -.project-list .btn { - margin-right: 5px; - vertical-align: -12px; - float: right; -} -[dir=rtl] .project-list .btn { - float: left; -} -.project-list .btn svg { - vertical-align: middle; - height: 16px; -} -.project-list ul { - margin-bottom: 0 !important; - border-bottom: 0; -} -.project-list ul li svg { - height: 18px; - vertical-align: middle; - margin-right: 5px; -} - -.tab-content .row > div.col-xl-4:nth-child(1) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 100000ms; -} -.tab-content .row > div.col-xl-4:nth-child(2) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 200000ms; -} -.tab-content .row > div.col-xl-4:nth-child(3) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 300000ms; -} -.tab-content .row > div.col-xl-4:nth-child(4) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 400000ms; -} -.tab-content .row > div.col-xl-4:nth-child(5) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 500000ms; -} -.tab-content .row > div.col-xl-4:nth-child(6) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 600000ms; -} -.tab-content .row > div.col-xl-4:nth-child(7) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 700000ms; -} -.tab-content .row > div.col-xl-4:nth-child(8) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 800000ms; -} -.tab-content .row > div.col-xl-4:nth-child(9) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 900000ms; -} -.tab-content .row > div.col-xl-4:nth-child(10) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1000000ms; -} -.tab-content .row > div.col-xl-4:nth-child(11) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1100000ms; -} -.tab-content .row > div.col-xl-4:nth-child(12) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1200000ms; -} -.tab-content .row > div.col-xl-4:nth-child(13) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1300000ms; -} -.tab-content .row > div.col-xl-4:nth-child(14) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1400000ms; -} -.tab-content .row > div.col-xl-4:nth-child(15) { - animation-fill-mode: both; - animation: fadeIncustom 0.5s linear 1500000ms; -} - -.project-cards .tab-content { - margin-bottom: -30px; -} - -.project-box { - border: 1px solid #efefef; - border-radius: 5px; - padding: 30px; - background-color: white; - margin-bottom: 30px; -} -.project-box h6 { - font-weight: 500 !important; -} -.project-box .badge { - position: absolute; - right: 30px; - top: 15px; - line-height: 13px; -} -.project-box .project-status p { - margin-bottom: 5px; - font-weight: 800; -} -.project-box .media { - margin-bottom: 15px; -} -.project-box .media .media-body { - opacity: 0.5; -} -.project-box .details div { - margin-bottom: 5px; - opacity: 0.7; -} - -.projectdetails .card .card-body { - padding: 20px; -} -.projectdetails .card .card-footer { - padding: 20px; -} -.projectdetails .card select { - width: 90px; - height: 28px; - font-size: 11px; - right: 20px; - top: 20px; -} - -.projectmore .details .col-4 { - margin-bottom: 5px; -} -.projectmore .details .col-4:nth-child(even) { - opacity: 0.5; -} -.projectmore h5 { - font-size: 20px; - font-weight: 600; -} -.projectmore .task-list { - position: relative; -} -.projectmore .task-list ul li { - margin-bottom: 5px; -} -.projectmore .task-list ul + ul { - position: absolute; - left: 50%; - top: 0; -} - -.new-users.activity .gradient-round { - padding: 13px; - font-size: 20px; - line-height: 1.4; - text-align: center; - top: unset !important; -} -.new-users.activity .gradient-round::after { - display: none; -} - -/**===================== - 3.35 Projectlist CSS Ends -==========================**/ -/**===================== - 3.36 Rating CSS Start -==========================**/ -@-webkit-keyframes shake { - 30% { - transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); - } - 60% { - transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); - } - 100% { - transform: perspective(240px) translateZ(4px); - } -} -@keyframes shake { - 30% { - transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); - } - 60% { - transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); - } - 100% { - transform: perspective(240px) translateZ(4px); - } -} -@-webkit-keyframes tear { - 0% { - opacity: 0; - transform: translateY(-2px) scale(0) translateZ(0); - } - 50% { - transform: translateY(12px) scale(0.6, 1.2) translateZ(0); - } - 20%, 80% { - opacity: 1; - } - 100% { - opacity: 0; - transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); - } -} -@keyframes tear { - 0% { - opacity: 0; - transform: translateY(-2px) scale(0) translateZ(0); - } - 50% { - transform: translateY(12px) scale(0.6, 1.2) translateZ(0); - } - 20%, 80% { - opacity: 1; - } - 100% { - opacity: 0; - transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); - } -} -@-webkit-keyframes toggle { - 50% { - transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); - } -} -@keyframes toggle { - 50% { - transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); - } -} -@-webkit-keyframes angry { - 40% { - background: var(--active); - } - 45% { - box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); - } -} -@keyframes angry { - 40% { - background: var(--active); - } - 45% { - box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); - } -} -.feedback { - display: flex; - gap: 10px; - flex-wrap: wrap; -} - -.feedback { - margin: 0; - padding: 0; - list-style: none; - display: flex; -} -.feedback li { - position: relative; - border-radius: 50%; - background: var(--sb, var(--normal)); - box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow)); - transition: background 0.4s, box-shadow 0.4s, transform 0.3s; - -webkit-tap-highlight-color: transparent; -} -.feedback li:not(:last-child) { - margin-right: 20px; -} -.feedback li div { - width: 40px; - height: 40px; - position: relative; - transform: perspective(240px) translateZ(4px); -} -.feedback li div svg { - display: block; - position: absolute; - left: var(--l, 9px); - top: var(--t, 13px); - width: var(--w, 8px); - height: var(--h, 2px); - transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0); - fill: none; - stroke: var(--s); - stroke-width: 2px; - stroke-linecap: round; - stroke-linejoin: round; - transition: stroke 0.4s; -} -.feedback li div:before { - display: block; - position: absolute; - left: var(--l, 9px); - top: var(--t, 13px); - width: var(--w, 8px); - height: var(--h, 2px); - transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0); - content: ""; - z-index: var(--zi, 1); - border-radius: var(--br, 1px); - background: var(--b, var(--e, var(--normal-eye))); - transition: background 0.4s; -} -.feedback li div:after { - display: block; - position: absolute; - left: var(--l, 9px); - top: var(--t, 13px); - width: var(--w, 8px); - height: var(--h, 2px); - transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0); - content: ""; - z-index: var(--zi, 1); - border-radius: var(--br, 1px); - background: var(--b, var(--e, var(--normal-eye))); - transition: background 0.4s; -} -.feedback li div svg.eye { - --s: var(--e, var(--normal-eye)); - --t: 17px; - --w: 7px; - --h: 4px; -} -.feedback li div svg.eye.right { - --l: 23px; -} -.feedback li div svg.mouth { - --s: var(--m, var(--normal-mouth)); - --l: 11px; - --t: 23px; - --w: 18px; - --h: 7px; -} -.feedback li:not(.active) { - cursor: pointer; -} -.feedback li:not(.active):active { - transform: scale(0.925); -} -.feedback li.angry { - --step-1-rx: -24deg; - --step-1-ry: 20deg; - --step-2-rx: -24deg; - --step-2-ry: -20deg; -} -.feedback li.angry div:before { - --r: 20deg; -} -.feedback li.angry div:after { - --l: 23px; - --r: -20deg; -} -.feedback li.angry div svg.eye { - stroke-dasharray: 4.55; - stroke-dashoffset: 8.15; -} -.feedback li.angry.active { - -webkit-animation: angry 1s linear; - animation: angry 1s linear; -} -.feedback li.angry.active div:before { - --middle-y: -2px; - --middle-r: 22deg; - -webkit-animation: toggle 0.8s linear forwards; - animation: toggle 0.8s linear forwards; -} -.feedback li.angry.active div:after { - --middle-y: 1px; - --middle-r: -18deg; - -webkit-animation: toggle 0.8s linear forwards; - animation: toggle 0.8s linear forwards; -} -.feedback li.sad { - --step-1-rx: 20deg; - --step-1-ry: -12deg; - --step-2-rx: -18deg; - --step-2-ry: 14deg; -} -.feedback li.sad div:before { - --b: var(--active-tear); - --sc: 0; - --w: 5px; - --h: 5px; - --t: 15px; - --br: 50%; -} -.feedback li.sad div:after { - --b: var(--active-tear); - --sc: 0; - --w: 5px; - --h: 5px; - --t: 15px; - --br: 50%; - --l: 25px; -} -.feedback li.sad div svg.eye { - --t: 16px; -} -.feedback li.sad div svg.mouth { - --t: 24px; - stroke-dasharray: 9.5; - stroke-dashoffset: 33.25; -} -.feedback li.sad.active div:before { - -webkit-animation: tear 0.6s linear forwards; - animation: tear 0.6s linear forwards; -} -.feedback li.sad.active div:after { - -webkit-animation: tear 0.6s linear forwards; - animation: tear 0.6s linear forwards; -} -.feedback li.ok { - --step-1-rx: 4deg; - --step-1-ry: -22deg; - --step-1-rz: 6deg; - --step-2-rx: 4deg; - --step-2-ry: 22deg; - --step-2-rz: -6deg; -} -.feedback li.ok div:before { - --l: 12px; - --t: 17px; - --h: 4px; - --w: 4px; - --br: 50%; - box-shadow: 12px 0 0 var(--e, var(--normal-eye)); -} -.feedback li.ok div:after { - --l: 13px; - --t: 26px; - --w: 14px; - --h: 2px; - --br: 1px; - --b: var(--m, var(--normal-mouth)); -} -.feedback li.ok.active div:before { - --middle-s-y: .35; - -webkit-animation: toggle 0.2s linear forwards; - animation: toggle 0.2s linear forwards; -} -.feedback li.ok.active div:after { - --middle-s-x: .5; - -webkit-animation: toggle 0.7s linear forwards; - animation: toggle 0.7s linear forwards; -} -.feedback li.good { - --step-1-rx: -14deg; - --step-1-rz: 10deg; - --step-2-rx: 10deg; - --step-2-rz: -8deg; -} -.feedback li.good div:before { - --b: var(--m, var(--normal-mouth)); - --w: 5px; - --h: 5px; - --br: 50%; - --t: 22px; - --zi: 0; - opacity: 0.5; - box-shadow: 16px 0 0 var(--b); - filter: blur(2px); -} -.feedback li.good div:after { - --sc: 0; -} -.feedback li.good div svg.eye { - --t: 15px; - --sc: -1; - stroke-dasharray: 4.55; - stroke-dashoffset: 8.15; -} -.feedback li.good div svg.mouth { - --t: 22px; - --sc: -1; - stroke-dasharray: 13.3; - stroke-dashoffset: 23.75; -} -.feedback li.good.active div svg.mouth { - --middle-y: 1px; - --middle-s: -1; - -webkit-animation: toggle 0.8s linear forwards; - animation: toggle 0.8s linear forwards; -} -.feedback li.happy div { - --step-1-rx: 18deg; - --step-1-ry: 24deg; - --step-2-rx: 18deg; - --step-2-ry: -24deg; -} -.feedback li.happy div:before { - --sc: 0; -} -.feedback li.happy div:after { - --b: var(--m, var(--normal-mouth)); - --l: 11px; - --t: 23px; - --w: 18px; - --h: 8px; - --br: 0 0 8px 8px; -} -.feedback li.happy div svg.eye { - --t: 14px; - --sc: -1; -} -.feedback li.happy.active div:after { - --middle-s-x: .95; - --middle-s-y: .75; - -webkit-animation: toggle 0.8s linear forwards; - animation: toggle 0.8s linear forwards; -} -.feedback li.active { - --sb: var(--active); - --sh: var(--active-shadow); - --m: var(--active-mouth); - --e: var(--active-eye); -} -.feedback li.active div { - -webkit-animation: shake 0.8s linear forwards; - animation: shake 0.8s linear forwards; -} - -html { - box-sizing: border-box; - -webkit-font-smoothing: antialiased; -} - -* { - box-sizing: inherit; -} -*:before { - box-sizing: inherit; -} -*:after { - box-sizing: inherit; -} - -/**===================== - 3.36 Rating CSS Ends -==========================**/ -/**===================== - 3.37 Social-app CSS start -==========================**/ -.user-profile .hovercard .socialheader { - background: url(../images/social-app/social-image.png); -} -.user-profile .hovercard .user-image .share-icons { - position: absolute; - right: 100px; - top: -27px; -} -.user-profile .hovercard .user-image .share-icons li { - display: inline-block; - margin-right: 10px; -} -.user-profile .hovercard .user-image .share-icons li .social-icon { - width: 50px; - height: 50px; - text-align: center; - display: flex; - align-items: center; - vertical-align: middle; - justify-content: center; - border-radius: 100%; -} -.user-profile .hovercard .user-image .share-icons li .social-icon i { - color: #fff; - font-size: 25px; -} -.user-profile .hovercard .user-image .share-icons li:last-child { - margin-right: 0; -} -.user-profile .card-footer > div h3 { - font-size: 16px; -} - -.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active { - border-bottom: none !important; -} -.market-tabs .nav { - flex-wrap: nowrap; - align-items: center; - justify-content: center; -} -.market-tabs .nav .nav-item { - width: 100%; -} -.market-tabs .nav .nav-item .nav-link { - height: 81px; - border-top-left-radius: 0; - border-top-right-radius: 0; - padding-top: 30px; - text-align: center; -} - -.tabs-scoial { - border-bottom: none; - margin-bottom: 20px !important; - margin-top: 20px; -} -.tabs-scoial li a { - font-weight: 600; -} -.tabs-scoial li a svg circle { - color: #999999; -} - -.social-network span { - margin-bottom: 30px; - display: block; -} - -.social-list .media { - margin-bottom: 20px; - display: flex; - justify-content: center; - align-items: center; -} -.social-list .media:last-child { - margin-bottom: 0; -} -.social-list .media .media-body a { - color: #999999; -} -.social-list .media .media-body span { - font-weight: 600; -} -.social-list .media .media-body:hover a { - color: var(--theme-deafult); -} - -.photos { - margin-bottom: -15px; -} -.photos ul li { - display: inline-block; - margin-right: 10px; - margin-bottom: 10px; - width: 70px; -} -.photos ul li:nth-child(4n) { - margin-right: 0; -} - -.new-users-social { - margin-bottom: 30px; -} -.new-users-social svg { - cursor: pointer; -} -.new-users-social .media img { - width: 58px; -} -.new-users-social .media .media-body { - margin-top: 10px; -} -.new-users-social svg circle { - color: #999999; -} - -.like-content span i { - font-size: 14px; -} - -.timeline-content p { - margin-top: 30px; - color: #999999; -} -.timeline-content .comment-number i { - color: #999999; - margin-right: 20px; -} -.timeline-content .comments-box { - margin-top: 30px; -} -.timeline-content .comments-box .input-group { - margin-top: 6px; -} -.timeline-content .comments-box .input-group .input-txt-bx { - border: none; -} -.timeline-content .comments-box .input-group .input-txt-bx::placeholder { - color: #999999; -} -.timeline-content .comments-box .input-group .input-group-append .btn i { - font-size: 20px; - display: flex; - color: #999999; -} - -.social-chat { - margin-top: 30px; -} -.social-chat span span { - font-weight: normal; - color: #999999; - font-size: 12px; -} -.social-chat .media-body { - padding: 30px; - border: 1px solid #f4f4f4; - position: relative; -} -.social-chat .media-body p { - margin-top: 5px; -} -.social-chat .media-body:before { - content: ""; - position: absolute; - top: 19px; - right: 100%; - border: 7px solid transparent; - border-right: 7px solid #59667a; -} -.social-chat .media-body:after { - content: ""; - position: absolute; - top: 19px; - right: 100%; - border: 7px solid transparent; - border-right: 7px solid #fff; -} -.social-chat .your-msg, -.social-chat .other-msg { - margin-bottom: 30px; -} -.social-chat .other-msg { - margin-left: 40px; -} - -.socialprofile span { - color: #999999; -} -.socialprofile .social-btngroup { - margin: 30px 0; -} -.socialprofile .likes-profile h5 span { - color: #2F2F3B; -} -.socialprofile .social-group { - margin-top: 30px; -} -.socialprofile .social-group ul li:nth-child(4) { - margin-left: -22px; -} - -.social-status form .form-group .form-control-social { - border: 1px solid #f4f4f4; - padding-left: 15px; - margin-bottom: 30px; -} -.social-status .media { - position: relative; - margin-bottom: 30px; -} -.social-status .media:last-child { - margin-bottom: 0; -} -.social-status .media .social-status { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background-color: #fff; - bottom: 0; - left: 35px; - border-radius: 100%; -} -.social-status .media .social-online { - border: 3px solid #54BA4A; -} -.social-status .media .social-busy { - border: 3px solid #FFAA05; -} -.social-status .media .social-offline { - border: 3px solid #59667a; -} -.social-status .media .media-body p { - color: #999999; - margin-bottom: 5px; -} -.social-status .media .media-body span + span { - color: #999999; -} -.social-status .media .media-body .light-span { - color: #999999; -} - -.social-header h5 span:first-child { - line-height: 1.48; -} -.social-header h5 span svg circle { - color: #999999; -} - -.details-about + .details-about { - margin-top: 30px; -} -.details-about .your-details p { - color: #999999; -} - -.avatar-showcase .friend-pic { - margin-right: 8px; - margin-bottom: 10px; -} -.avatar-showcase .pepole-knows ul li { - display: inline-block; - margin-right: 20px; - margin-bottom: 10px; -} -.avatar-showcase .pepole-knows ul li:last-child { - margin-right: 0; -} -.avatar-showcase .pepole-knows ul li .add-friend h6 { - margin-top: 3px; -} - -.activity-log .my-activity + .my-activity { - margin-top: 30px; -} -.activity-log .my-activity p { - margin-bottom: 5px; -} -.activity-log .my-activity p span svg { - width: 15px; - height: 15px; -} - -/**===================== - 3.37 Social-app CSS end -==========================**/ -/**===================== - 3.38 Sweet-alert CSS Start -==========================**/ -.swal-modal .swal-title { - font-size: 24px; -} -.swal-modal .swal-text { - font-size: 17px; -} - -/**===================== - 3.38 Sweet-alert CSS ends -==========================**/ -/**===================== - 3.39 Task CSS Start -==========================**/ -.modal-open .datepickers-container { - z-index: 1075; -} - -.date-details { - align-items: center; -} -.date-details > div + div { - margin-left: 10px; -} - -.taskadd table tr td { - border-top: none; -} -.taskadd table tr td:first-child { - padding-left: 30px; -} -.taskadd table tr td:last-child { - padding-right: 30px; -} -.taskadd table tr td svg { - width: 18px; - height: 18px; - color: #59667a; -} -.taskadd table tr:first-child td { - padding-top: 30px; -} -.taskadd table tr:last-child td { - padding-bottom: 30px; -} - -@media only screen and (max-width: 1660px) { - .taskadd table tr td:first-child { - min-width: 160px; - } - .taskadd table tr td:nth-child(3) { - min-width: 70px; - } -} -@media only screen and (max-width: 991px) { - .date-details { - display: block !important; - margin-bottom: -10px; - } - .date-details .d-inline-block { - margin-bottom: 10px; - } - .taskadd table tr td:first-child { - padding-left: 20px; - } - .taskadd table tr:first-child td { - padding-top: 20px; - } - .taskadd table tr:last-child td { - padding-bottom: 20px; - } -} -@media only screen and (max-width: 767px) { - .taskadd table tr td:nth-child(2) { - min-width: 745px; - } -} -@media only screen and (max-width: 575px) { - .taskadd table tr td:first-child { - padding-left: 15px; - } - .taskadd table tr:first-child td { - padding-top: 15px; - } - .taskadd table tr:last-child td { - padding-bottom: 15px; - } -} -/**===================== - 3.39 Task CSS Ends -==========================**/ -/**===================== - 3.40 Timeline-v CSS Start -==========================**/ -.timeline-wrapper { - display: flex; - justify-content: space-between; - align-items: center; - padding-bottom: 12px; -} - -.time-content { - display: flex; - align-items: center; - gap: 4px; -} -.time-content i { - font-size: 18px; -} - -.activity .media { - margin-bottom: 30px; -} -.activity .media:last-child { - margin-bottom: 0; -} -.activity .media .gradient-round { - position: relative; - width: 53px; - height: 53px; - background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%); - border-radius: 100%; - top: -18px; -} -.activity .media .gradient-round svg { - position: absolute; - width: 18px; - height: 18px; - display: flex; - align-items: center; - justify-content: center; - left: 0; - top: 18px; - right: 0; - margin: 0 auto; -} -.activity .media .gradient-round svg path, -.activity .media .gradient-round svg line, -.activity .media .gradient-round svg circle { - color: #fff; -} -.activity .media .gradient-round.gradient-line-1:after { - position: absolute; - content: ""; - background-color: #e9e9e9; - width: 2px; - height: 62px; - bottom: -77px; - left: 0; - right: 0; - margin: 0 auto; -} -.activity .media .gradient-round.small-line:after { - position: absolute; - content: ""; - background-color: #e9e9e9; - width: 2px; - height: 19px; - bottom: -34px; - left: 0; - right: 0; - margin: 0 auto; -} -.activity .media .gradient-round.medium-line:after { - position: absolute; - content: ""; - background-color: #e9e9e9; - width: 2px; - height: 53px; - bottom: -68px; - left: 0; - right: 0; - margin: 0 auto; -} -.activity .media .media-body h6 { - font-weight: 600; - margin-bottom: 30px; -} -.activity .media .media-body h6 span { - font-weight: normal; - color: #999999; -} -.activity .media .media-body p { - width: 80%; -} - -.timeline-small .media { - margin-bottom: 30px; -} -.timeline-small .media:last-child { - margin-bottom: 0; -} -.timeline-small .media .timeline-round { - position: relative; - width: 53px; - height: 53px; - border-radius: 100%; - border-radius: 15px; - top: -18px; -} -.timeline-small .media .timeline-round svg { - position: absolute; - width: 18px; - height: 18px; - display: flex; - align-items: center; - justify-content: center; - left: 0; - top: 18px; - right: 0; - margin: 0 auto; -} -.timeline-small .media .timeline-round svg path, -.timeline-small .media .timeline-round svg line, -.timeline-small .media .timeline-round svg circle { - color: #fff; -} -.timeline-small .media .timeline-round.timeline-line-1:after { - position: absolute; - content: ""; - background-color: #e9e9e9; - width: 2px; - height: 62px; - bottom: -88px; - left: 0; - right: 0; - margin: 0 auto; -} -.timeline-small .media .timeline-round.small-line:after { - position: absolute; - content: ""; - background-color: #e9e9e9; - width: 2px; - height: 19px; - bottom: -34px; - left: 0; - right: 0; - margin: 0 auto; -} -.timeline-small .media .timeline-round.medium-line:after { - position: absolute; - content: ""; - background-color: #e9e9e9; - width: 2px; - height: 53px; - bottom: -68px; - left: 0; - right: 0; - margin: 0 auto; -} -.timeline-small .media .media-body h6 { - margin-bottom: 30px; -} -.timeline-small .media .media-body h6 span { - font-weight: normal; - color: #999999; -} -.timeline-small .media .media-body p { - width: 80%; -} - -.cd-container { - width: 90%; - max-width: 1170px; - margin: 0 auto; -} - -.cd-container::after { - content: ""; - display: table; - clear: both; -} - -@media only screen and (min-width: 1170px) { - #cd-timeline::before { - left: 50% !important; - margin-left: -2px; - } - .cd-timeline-block { - margin: 4em 0; - } - .cd-timeline-block:first-child { - margin-top: 0; - } - .cd-timeline-block:last-child { - margin-bottom: 0; - } - .cd-timeline-block:nth-child(even) .cd-timeline-content { - float: right; - } - .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { - left: auto; - right: 122%; - text-align: right; - } - .cd-timeline-block:nth-child(even) .cd-timeline-content::before { - top: 24px; - left: auto; - right: 100%; - border-color: transparent; - border-right-color: #f4f4f4; - } - .cd-timeline-img { - width: 60px; - height: 60px; - left: 50%; - margin-left: -30px; - } - .cd-timeline-img > i { - font-size: 18px; - top: 50%; - left: 50%; - padding: 3px; - } - .cssanimations .cd-timeline-img.is-hidden { - visibility: hidden; - } - .cssanimations .cd-timeline-img.bounce-in { - visibility: visible; - animation: cd-bounce-1 0.6s; - } - .cssanimations .cd-timeline-content.is-hidden { - visibility: hidden; - } - .cssanimations .cd-timeline-content.bounce-in { - visibility: visible; - animation: cd-bounce-2 0.6s; - } - .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { - animation: cd-bounce-2-inverse 0.6s; - } - .cd-timeline-content { - margin-left: 0; - padding: 1.6em; - width: 45%; - } - .cd-timeline-content .cd-date { - position: absolute; - width: 100%; - left: 122%; - top: 6px; - font-size: 16px; - } - .cd-timeline-content::before { - top: 24px; - left: 100%; - border-color: transparent; - border-left-color: #fff; - } -} -#cd-timeline { - position: relative; - padding: 2em 0; -} - -#cd-timeline::before { - content: ""; - position: absolute; - top: 0; - font-size: 1.5rem; - height: 100%; - width: 2px; - background: #f4f4f4; - left: -15px; -} - -.cd-timeline-block { - position: relative; - margin: 30px 0; -} -.cd-timeline-block:after { - content: ""; - display: table; - clear: both; -} -.cd-timeline-block:first-child { - margin-top: 0; -} -.cd-timeline-block:last-child { - margin-bottom: 0; -} - -.cd-timeline-img { - width: 40px; - height: 40px; - left: 51%; - margin-left: -30px; - -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; - position: absolute; - top: 0; - border-radius: 50px; -} -.cd-timeline-img i { - display: block; - position: relative; - left: 45%; - top: 44%; - margin-left: -12px; - margin-top: -12px; - font-size: 20px; - color: #fff; -} - -@-webkit-keyframes cd-bounce-1 { - 0% { - opacity: 0; - } - 60% { - opacity: 1; - } -} -@-moz-keyframes cd-bounce-1 { - 0% { - opacity: 0; - } - 60% { - opacity: 1; - } -} -@keyframes cd-bounce-1 { - 0% { - opacity: 0; - transform: scale(0.5); - } - 60% { - opacity: 1; - transform: scale(1.2); - } - 100% { - transform: scale(1); - } -} -.cd-timeline-content { - position: relative; - background: #f4f4f4; - border-radius: 4px; - padding: 30px; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); -} -.cd-timeline-content p { - padding-top: 9px; -} -.cd-timeline-content h4 { - margin-bottom: 0; -} -.cd-timeline-content:after { - content: ""; - display: table; - clear: both; -} -.cd-timeline-content audio { - width: 100%; -} -.cd-timeline-content .cd-date { - font-size: 13px; - display: inline-block; - float: left; - padding: 0.8em 0 0; - opacity: 0.7; -} - -.cd-timeline-content::before { - content: ""; - position: absolute; - top: 28px; - right: 100%; - height: 0; - width: 0; - border: 15px solid transparent; - border-left: 15px solid #f4f4f4; -} -[dir=rtl] .cd-timeline-content::before { - border-right: 15px solid #f4f4f4; - border-left: unset; -} -@media (max-width: 1169px) { - .cd-timeline-content::before { - display: none; - } -} - -@media only screen and (min-width: 768px) { - .cd-timeline-content .cd-date { - font-size: 14px; - padding-bottom: 0; - } -} -@-webkit-keyframes cd-bounce-2 { - 0% { - opacity: 0; - } - 60% { - opacity: 1; - } -} -@-moz-keyframes cd-bounce-2 { - 0% { - opacity: 0; - } - 60% { - opacity: 1; - } -} -@keyframes cd-bounce-2 { - 0% { - opacity: 0; - transform: translateX(-100px); - } - 60% { - opacity: 1; - transform: translateX(20px); - } - 100% { - transform: translateX(0); - } -} -@-webkit-keyframes cd-bounce-2-inverse { - 0% { - opacity: 0; - } - 60% { - opacity: 1; - } -} -@-moz-keyframes cd-bounce-2-inverse { - 0% { - opacity: 0; - } - 60% { - opacity: 1; - } -} -@keyframes cd-bounce-2-inverse { - 0% { - opacity: 0; - transform: translateX(100px); - } - 60% { - opacity: 1; - transform: translateX(-20px); - } - 100% { - transform: translateX(0); - } -} -@media only screen and (max-width: 1169px) { - .cd-timeline-block .cd-timeline-img { - left: -2px; - height: 30px; - width: 30px; - margin-left: -30px; - top: 14px; - z-index: 7; - } - .cd-timeline-block .cd-timeline-img > i { - font-size: 15px; - top: 16px; - left: 17px; - padding: 3px; - } - .landing-main #cd-timeline::before { - left: -39px; - } - .landing-main .cd-timeline-block .cd-timeline-img { - left: -34px; - height: 50px; - width: 50px; - top: 1px; - z-index: 8; - } - .landing-main .cd-timeline-block .cd-timeline-img > i { - font-size: 23px; - top: 21px; - left: 7px; - padding: 3px; - } -} -@media only screen and (max-width: 576px) { - .cd-timeline-content { - padding: 15px; - } - .cd-timeline-content h4 { - font-size: 18px; - } -} -.main-timeline ul::before { - left: 5px; -} -[dir=rtl] .main-timeline ul::before { - right: 5px; - left: unset; -} - -.square-timeline { - position: relative; -} -.square-timeline::before { - border: 1px dashed #cccccc; - content: ""; - margin-left: 0px; - position: absolute; - top: 0; - left: 18px; - width: 1px; - height: 100%; -} -[dir=rtl] .square-timeline::before { - margin-left: unset; - margin-right: 0; - left: unset; - right: 18px; -} -.square-timeline .timeline-event { - position: relative; -} -.square-timeline .timeline-event:hover .timeline-event-icon { - transform: rotate(-105deg); - background-color: #52526c; -} -.square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail { - box-shadow: inset 40em 0 0 0 #FFF0D2; -} -.square-timeline .timeline-event .timeline-event-wrapper { - padding: 0 0 0 14px; - position: relative; - top: -7px; - left: 38px; - width: 95%; -} -[dir=rtl] .square-timeline .timeline-event .timeline-event-wrapper { - left: unset; - right: 38px; - padding: 0 14px 0 0; -} -@media (max-width: 1200px) { - .square-timeline .timeline-event .timeline-event-wrapper { - width: calc(84% + 11 * (100vw - 320px) / 880); - } -} -.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail { - transition: box-shadow 0.5s ease-in 0.1s; - color: #2c323f; - background-color: #E0DDFF; - box-shadow: inset 0 0 0 0em #D5F5FE; - display: inline-block; - margin-bottom: 12px; - padding: 2px 25px; -} -.square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus { - background-color: unset; -} -.square-timeline .timeline-event .timeline-event-icon { - transition: 0.2s ease-in; - transform: rotate(45deg); - background-color: #7366FF; - outline: 6px solid #E0DDFF; - display: block; - margin: 0px; - position: absolute; - top: 0; - left: 14px; - width: 10px; - height: 10px; -} -[dir=rtl] .square-timeline .timeline-event .timeline-event-icon { - right: 14px; - left: unset; -} - -.list-inline { - display: flex; - justify-content: center; -} -.list-inline.events .event-list { - display: block; - position: relative; - text-align: center; - padding-top: 70px; - margin-right: 0; -} -.list-inline.events .event-list p { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} -.list-inline.events .event-list .event-date { - position: absolute; - top: 38px; - left: 0; - right: 0; - width: 75px; - margin: 0 auto; - border-radius: 4px; - padding: 2px 4px; -} -.list-inline.events .event-list .event-date p { - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - display: -webkit-box; - overflow: hidden; - line-height: 1.5; - margin-top: 7px; -} - -.timeline-list.timeline-border { - border-bottom: 1px solid #cccccc; -} -.timeline-list.list-inline { - padding-bottom: 0; -} -.timeline-list.list-inline.events .event-list { - padding-top: 35px; -} -.timeline-list.list-inline.events .event-list::before { - content: ""; - height: 0; - border-right: unset; -} -.timeline-list.list-inline.events .event-list .event-date { - top: 2px; -} -.timeline-list.list-inline.events .event-list .event-date p { - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - display: -webkit-box; - overflow: hidden; - line-height: 1.5; - margin-top: 7px; -} -.timeline-list.list-inline.events .event-list .read-more-btn { - position: relative; - margin-bottom: 3px; -} -.timeline-list.list-inline .vertical-line { - height: 45px; - width: 1px; - margin: 0 auto; - position: relative; - border: 1px dashed #7366FF; -} - -@media (max-width: 1218px) { - .list-group .list-group-item .timeline-icon { - display: none; - } -} - -@media (max-width: 1400px) { - .horizontal-timeline { - display: none; - } -} - -/**===================== - 3.40 Timeline-v CSS Ends -==========================**/ -/**===================== - 3.41 User-profile CSS start -==========================**/ -.user-profile .ttl-info h6 { - font-size: 12px; - color: #59667a; -} -.user-profile .border-right { - border-right: 1px solid #f4f4f4; -} -.user-profile hr { - margin: 30px 0; -} -.user-profile .hovercard .cardheader { - background: url(../images/other-images/bg-profile.png); - background-size: cover; - background-position: 10%; - height: 470px; -} -.user-profile .hovercard .user-image { - position: relative; - height: 0; -} -.user-profile .hovercard .user-image .avatar { - margin-top: -80px; -} -.user-profile .hovercard .user-image .avatar img { - width: 100px; - height: 100px; - max-width: 155px; - max-height: 155px; - border-radius: 50%; - border: 7px solid #fff; -} -.user-profile .hovercard .user-image .icon-wrapper { - position: absolute; - bottom: -20px; - left: 51%; - display: flex; - justify-content: center; - align-items: center; - height: 40px; - width: 40px; - border-radius: 50%; - background-color: #fff; - cursor: pointer; - overflow: hidden; - margin: 0 auto; - font-size: 17px; - box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); -} -.user-profile .hovercard .info { - padding: 30px; -} -.user-profile .hovercard .info .title { - margin-bottom: 4px; - font-size: 24px; - line-height: 1; - color: #2c323f; - vertical-align: middle; -} -.user-profile .hovercard .info .title a { - color: #242934; - font-size: 20px; - text-transform: uppercase; - font-weight: 500; -} -.user-profile .hovercard .info .desc { - overflow: hidden; - font-size: 14px; - line-height: 20px; - color: #59667a; - text-overflow: ellipsis; - text-transform: uppercase; -} -.user-profile .follow { - margin-top: 20px; -} -.user-profile .follow .follow-num { - font-size: 20px; - color: #242934; - font-family: Rubik, sans-serif; - font-weight: 500; -} -.user-profile .follow span { - color: #59667a; -} -.user-profile .profile-img-style { - padding: 30px; -} -.user-profile .profile-img-style .img-container { - margin-top: 30px; -} -.user-profile .profile-img-style .user-name { - font-size: 14px; - color: #242934; - margin: 0; - font-weight: 600; -} -.user-profile .profile-img-style p { - line-height: 30px; - font-size: 14px; - color: #898989; - margin-bottom: 0; -} -.user-profile .profile-img-style .media img { - width: 50px; -} -.user-profile .like-comment li a { - color: #898989; -} -.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active { - color: #FC4438; -} -.user-profile .like-comment span { - font-family: Rubik, sans-serif; -} -.user-profile .social-media a { - padding: 0 15px; - color: #59667a; - font-size: 24px; - cursor: pointer; -} -.user-profile .social-media a:hover { - color: var(--theme-deafult); -} - -.edit-profile .profile-title .media { - align-items: center; - margin-bottom: 30px; -} -.edit-profile .profile-title .media .media-body { - margin-left: 14px; -} -[dir=rtl] .edit-profile .profile-title .media .media-body { - margin-left: unset; - margin-right: 14px; -} - -/**===================== - 3.41 User-profile CSS Ends -==========================**/ -/**===================== - 3.42 Wishlist CSS start -==========================**/ -.wishlist table tr td svg { - color: #898989; - cursor: pointer; -} - -/**===================== - 3.42 Wishlist CSS Ends -==========================**/ -/* --------------------- - *** themes *** ------------------------*/ -/**===================== - 4.1. Dark CSS Start -==========================**/ -body.dark-only { - color: rgba(255, 255, 255, 0.6); - background-color: #1d1e26; -} -body.dark-only .page-body .bg-light { - background-color: #1d1e26 !important; -} -body.dark-only .wizard-4 .step-container { - background-color: #262932; - border-color: #374558; -} -body.dark-only .wizard-4 .login-card .login-main { - background-color: #1d1e26; -} -body.dark-only .icon-state .switch-state:after { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .social-widget .social-icons { - box-shadow: 0px 42.1092px 27.8569px #1d1e26, 0px 8.90772px 7.12618px #1d1e26, 0px 2.02448px 3.44162px #1d1e26; -} -body.dark-only .calendar-basic .md-sidebar-aside { - background: #262932; -} -body.dark-only .calendar-basic #external-events { - border-color: #374558; -} -body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number, -body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .clockpicker-popover .popover-title { - background-color: #262932; -} -body.dark-only .clockpicker-popover.bottom > .arrow { - border-bottom-color: #1d1e26; -} -body.dark-only .clockpicker-popover.bottom > .arrow:after { - border-bottom-color: #262932; -} -body.dark-only .clockpicker-popover.top > .arrow { - border-top-color: #1d1e26; -} -body.dark-only .clockpicker-popover.top > .arrow::after { - border-top-color: #262932; -} -body.dark-only .clockpicker-popover.left > .arrow { - border-left-color: #1d1e26; -} -body.dark-only .clockpicker-popover.left > .arrow::after { - border-left-color: #262932; -} -body.dark-only .clockpicker-popover .popover-title { - border-bottom-color: #262932; -} -body.dark-only .fc-theme-standard .fc-scrollgrid, -body.dark-only .fc-theme-standard .fc-list { - border-color: #374558; -} -body.dark-only .fc-theme-standard .fc-list-day-cushion { - background-color: #1d1e26; -} -body.dark-only .fc .fc-list-event:hover td { - background-color: #1d1e26; -} -body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle { - outline: 25px solid rgba(62, 61, 114, 0.3490196078); -} -body.dark-only .currency-widget div[class*=bg-light-] { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .btn.badge-light-primary:hover { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image { - display: none; -} -body.dark-only svg.f-light { - fill: rgba(255, 255, 255, 0.6); - opacity: 1; -} -body.dark-only .course-widget .btn-light { - background-color: #1d1e26 !important; -} -body.dark-only .schedule-list > li { - box-shadow: 4px 7px 17px 5px rgba(29, 30, 38, 0.2); -} -body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect { - fill: none; - stroke: none; -} -body.dark-only .page-wrapper.advance-layout .page-header { - background: #262932; -} -body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper { - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper.only-body { - background: #1d1e26; -} -body.dark-only .balance-card .svg-box { - background: #262932; - box-shadow: none; -} -body.dark-only .balance-card .svg-box svg { - fill: rgba(255, 255, 255, 0.6); -} -body.dark-only .f-light { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title { - background: #262932; - color: #fff; -} -body.dark-only .card { - background-color: #262932; -} -body.dark-only .ecommerce-widget { - border: 1px solid #374558 !important; -} -body.dark-only .btn-light { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .form-select { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .add-project .text-inherit { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .knowledgebase-search { - color: #2F2F3B; -} -body.dark-only .knowledgebase-search .form-control-plaintext { - color: #2F2F3B; -} -body.dark-only .toast { - border: 1px solid #374558; -} -body.dark-only .toast .toast-header { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .toast .toast-dark { - background-color: #262932; - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .btn-close { - filter: brightness(0.8) invert(1); -} -body.dark-only .prooduct-details-box .media { - border: 1px solid #374558; -} -body.dark-only .product-price del { - color: #98a6ad; -} -body.dark-only .ProfileCard { - border: 1px solid #374558 !important; -} -body.dark-only .form-control-plaintext { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .form-select { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .box-layout { - background-color: #1d1e26; -} -body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper { - border: 1px solid #1d1e26; -} -body.dark-only .form-check-input { - background-color: #1d1e26; -} -body.dark-only .switch-state:before { - background-color: #262932; -} -body.dark-only .daterangepicker:before { - border-bottom-color: #262932; -} -body.dark-only .daterangepicker .ranges li { - background-color: #1d1e26; - border-color: #262932; - color: #898989; -} -body.dark-only .daterangepicker .daterangepicker_input .form-control { - background-color: #1d1e26; - border-color: #262932 !important; -} -body.dark-only .daterangepicker .calendar-time select { - border-color: #262932; - background-color: #1d1e26; -} -body.dark-only .daterangepicker.dropdown-menu { - background-color: #262932; - -webkit-box-shadow: 0 0 14px #1d1e26; - box-shadow: 0 0 14px #1d1e26; -} -body.dark-only .daterangepicker .calendar-table { - background-color: #262932; - border-color: #262932; -} -body.dark-only .daterangepicker.ltr td.in-range, body.dark-only .daterangepicker.ltr td.off { - background-color: #1d1e26; - color: #fff; -} -body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before { - border-top-color: #323846; -} -body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before { - border-bottom-color: #323846; - border-top-color: transparent; -} -body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before { - border-left-color: #323846; - border-top-color: transparent; -} -body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before { - border-right-color: #323846; - border-top-color: transparent; -} -body.dark-only .tooltip .tooltip-inner { - background-color: #323846; - color: #fff; -} -body.dark-only .tooltip .tooltip-arrow:before { - border-top-color: #323846; -} -body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 { - color: rgba(255, 255, 255, 0.5); -} -body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span { - color: #fff; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back { - background-color: #1d1e26 !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input { - background-color: #1d1e26; - border: 1px solid #374558; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child { - border-top: 1px solid #374558; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front { - background-color: #1d1e26 !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg { - stroke: #fff; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn { - color: rgba(255, 255, 255, 0.4); - border-color: #262932 !important; - background-color: #262932 !important; -} -body.dark-only .qty-box input { - color: rgba(255, 255, 255, 0.5); -} -body.dark-only .customizer-contain { - color: #1d1e26; -} -body.dark-only .customizer-contain .customizer-body .main-layout .box-layout { - background-color: #fff; -} -body.dark-only .login-dark { - background-color: #262932; - background-blend-mode: overlay; -} -body.dark-only .login-dark .login-main { - background-color: #323846; -} -body.dark-only .login-card .btn-showcase .btn { - background-color: #262932 !important; - color: #fff; - border-color: #262932 !important; -} -body.dark-only .login-card .login-main { - box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); -} -body.dark-only .login-card .login-main .theme-form input { - background-color: #262932 !important; -} -body.dark-only .login-card .login-main .theme-form .or:before { - background-color: #262932; -} -body.dark-only .login-card .login-main .theme-form .checkbox label::before { - background-color: #262932 !important; - border-color: #262932 !important; -} -body.dark-only .H_ui ~ div { - background-color: #1d1e26 !important; -} -body.dark-only .swal-icon--success:after, -body.dark-only .swal-icon--success:before { - background: #262932; -} -body.dark-only .swal-icon--success__hide-corners { - background-color: #262932; -} -body.dark-only .note-editor.note-frame .note-status-output { - border-top: 1px solid #262932; -} -body.dark-only .note-editor.note-frame .note-statusbar { - border-top: 1px solid #262932; -} -body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar { - background-color: #262932; -} -body.dark-only .light-font { - color: rgba(255, 255, 255, 0.7); -} -body.dark-only .page-link { - background-color: #1d1e26; - border: 1px solid #374558; -} -body.dark-only .b-r-light { - border-right: 1px solid #374558 !important; -} -body.dark-only .history-details .media { - border-top: 1px solid #374558; -} -body.dark-only .modal-header { - border-bottom: 1px solid #374558; -} -body.dark-only #right-history { - background-color: #262932; - box-shadow: 0 0 9px #1d1e26; -} -body.dark-only #right-history h6 span a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .ProfileCard:hover { - color: rgba(255, 255, 255, 0.6); - background-color: #262932; -} -body.dark-only .translate_wrapper.active .more_lang:before { - border-bottom: 7px solid #262932; -} -body.dark-only .translate_wrapper.active .more_lang .lang { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .toggle-sidebar svg { - stroke: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-title { - background-color: #262932; - border-bottom: 1px solid #374558; - box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; -} -body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon { - stroke: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon { - fill: rgba(255, 255, 255, 0.5); - stroke: transparent; -} -body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon { - stroke: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon { - fill: var(--theme-deafult); - stroke: transparent; -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon { - stroke: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - background-color: rgba(115, 102, 255, 0.2); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after { - background-color: rgba(255, 255, 255, 0.2); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title { - background-color: transparent; - border: none; -} -body.dark-only .page-wrapper .sidebar-main-title p { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { - background-color: #262932; -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg { - stroke: var(--theme-deafult); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - background-color: rgba(115, 102, 255, 0.2); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after { - background-color: rgba(255, 255, 255, 0.2); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { - background: #262932; - border-top: 1px solid #374558; -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { - background: #262932; -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu { - background: #262932; -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - background: #262932; -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, -body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { - background: #262932; -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { - stroke: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - background-color: #262932; -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a, -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a { - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - background-color: rgba(115, 102, 255, 0.2); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { - color: var(--theme-deafult); - stroke: var(--theme-deafult); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after { - background-color: rgba(255, 255, 255, 0.2); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper.material-type .page-header .header-wrapper { - border-radius: 15px 15px 0 0; -} -body.dark-only .page-wrapper.material-icon .page-header .header-wrapper { - background-color: transparent; -} -body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang { - color: #fff; -} -body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div { - color: #fff; -} -body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input { - border: 1px solid #1d1e26; - background: #1d1e26; - color: #fff; -} -body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper { - background-color: transparent; -} -body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body { - background-color: transparent; -} -body.dark-only .page-wrapper.advance-layout { - background-color: #1d1e26; -} -body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper { - background: transparent; -} -body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper { - background: transparent; -} -body.dark-only .page-wrapper.advance-layout .page-body-wrapper { - background: transparent; -} -body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body { - background: transparent; -} -body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title { - background-color: transparent; - box-shadow: none; - border: none; -} -body.dark-only .page-wrapper .page-header .header-wrapper .search-full { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .search-full input { - color: rgba(255, 255, 255, 0.6); -} -@media only screen and (min-width: 768px) { - body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg { - stroke: #fff; - } -} -body.dark-only ::-webkit-calendar-picker-indicator { - filter: invert(1); -} -body.dark-only .kanban-board-header { - background-color: #1d1e26; - border-bottom: 1px solid #262932; -} -body.dark-only .kanban-board .kanban-drag { - background: #1d1e26; -} -body.dark-only .kanban-container .kanban-item .kanban-box { - border: 1px solid rgba(115, 102, 255, 0.15); - background-color: #1d1e26; -} -body.dark-only .project-box { - border: 1px solid rgba(115, 102, 255, 0.15); - background-color: #1d1e26; -} -body.dark-only .file-content .form-inline { - border: 1px solid #1d1e26; -} -body.dark-only .file-content .files .file-box { - border: 1px solid rgba(115, 102, 255, 0.15); - background-color: #1d1e26; -} -body.dark-only .file-content .files .file-box .file-top { - background-color: #262932; - border: 1px solid rgba(115, 102, 255, 0.15); -} -body.dark-only .file-content .folder .folder-box { - border: 1px solid rgba(115, 102, 255, 0.15); - background-color: #1d1e26; -} -body.dark-only .file-sidebar .pricing-plan { - border: 1px solid rgba(115, 102, 255, 0.15) !important; -} -body.dark-only .file-sidebar .btn-light { - color: rgba(255, 255, 255, 0.6); - background-color: #1d1e26 !important; - border: 1px solid rgba(115, 102, 255, 0.15) !important; -} -body.dark-only #lnb { - border-right: 1px solid #374558; -} -body.dark-only .lnb-new-schedule, -body.dark-only .lnb-calendars > div { - border-bottom: 1px solid #374558; -} -body.dark-only #menu .sidebar-list .btn-default { - color: rgba(255, 255, 255, 0.2); -} -body.dark-only .tui-full-calendar-timegrid-hour { - background-color: #262932; - color: #fff !important; -} -body.dark-only .tui-full-calendar-timegrid-gridline { - border-bottom: 1px solid #374558 !important; -} -body.dark-only .tui-full-calendar-time-date, -body.dark-only .tui-full-calendar-weekday-grid-line, -body.dark-only .tui-full-calendar-left, -body.dark-only .tui-full-calendar-timegrid-timezone { - border-right-color: #374558 !important; -} -body.dark-only .tui-full-calendar-popup { - color: #2F2F3B; -} -body.dark-only #menu .btn-default { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only #menu .btn-default:hover { - color: #2F2F3B; -} -body.dark-only #menu .dropdown-menu { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .tui-full-calendar-dayname-container, -body.dark-only .tui-full-calendar-splitter { - border-top-color: #374558 !important; - border-bottom-color: #374558 !important; -} -body.dark-only span.tui-full-calendar-dayname-date-area { - color: #fff !important; -} -body.dark-only .tui-full-calendar-layout { - background-color: #262932 !important; -} -body.dark-only .blockquote { - border-left: 4px solid #374558; -} -body.dark-only .figure.text-end blockquote { - border-right-color: #374558; -} -body.dark-only .contacts-tabs .nav-pills { - border-right: 1px solid #374558; -} -body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link { - border-top: 1px solid #374558; -} -body.dark-only .list-persons .profile-mail .media .media-body ul li + li { - border-left: 2px solid #374558; -} -body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter { - background-color: #262932; -} -body.dark-only .apexcharts-gridline { - stroke: #1d1e26; -} -body.dark-only .apexcharts-tooltip-title, -body.dark-only .apexcharts-tooltip-series-group, -body.dark-only .apexcharts-tooltip.light, -body.dark-only .apexcharts-menu-item { - color: #000; -} -body.dark-only .small-donut ~ svg path:nth-child(even), -body.dark-only .small-donut svg path:nth-child(even), -body.dark-only .donut-peity2 ~ svg path:nth-child(even), -body.dark-only .donut-peity2 svg path:nth-child(even), -body.dark-only .pie-peity ~ svg path:nth-child(even), -body.dark-only .pie-peity svg path:nth-child(even) { - fill: #1d1e26; -} -body.dark-only .appointment-table table tr td.img-content-box .font-roboto { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .notification .card .d-flex .w-100 p span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .notification .card .d-flex .w-100 span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .datepicker { - background-color: #323846; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .datepicker .datepicker--cell.-current- { - color: #7366FF; -} -body.dark-only .datepicker .datepicker--cell.-current-.-focus- { - color: #fff; -} -body.dark-only .datepicker .datepicker--cell-day.-other-month-, -body.dark-only .datepicker .datepicker--cell-year.-other-decade- { - color: rgba(255, 255, 255, 0.4); -} -body.dark-only .datepicker .datepicker--nav { - border-bottom: 1px solid #374558; -} -body.dark-only .datepicker .datepicker--pointer { - background: #323846; - border-top-color: #323846; - border-right-color: #323846; -} -body.dark-only .default-datepicker .datepicker-inline .datepicker { - background: #262932; -} -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name, -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day, -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name, -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-, -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-, -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-, -body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- { - color: #fff; -} -body.dark-only [class*=activity-dot-] { - background-color: #262932; -} -body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child { - border-top: 1px solid #374558 !important; -} -body.dark-only .alert-primary { - background-color: rgba(115, 102, 255, 0.8) !important; - border-color: rgba(115, 102, 255, 0.9) !important; - color: #fff; -} -body.dark-only .alert-primary .progress { - height: 5px; - background-color: #6e61ff; - border-radius: 0; -} -body.dark-only .alert-primary .progress-bar { - background-color: white; -} -body.dark-only .alert-primary.inverse { - background-color: transparent !important; -} -body.dark-only .alert-primary.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-primary.outline .btn-close, -body.dark-only .alert-primary.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-secondary { - background-color: rgba(255, 51, 100, 0.8) !important; - border-color: rgba(255, 51, 100, 0.9) !important; - color: #fff; -} -body.dark-only .alert-secondary .progress { - height: 5px; - background-color: #ff2e60; - border-radius: 0; -} -body.dark-only .alert-secondary .progress-bar { - background-color: white; -} -body.dark-only .alert-secondary.inverse { - background-color: transparent !important; -} -body.dark-only .alert-secondary.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-secondary.outline .btn-close, -body.dark-only .alert-secondary.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-success { - background-color: rgba(84, 186, 74, 0.8) !important; - border-color: rgba(84, 186, 74, 0.9) !important; - color: #fff; -} -body.dark-only .alert-success .progress { - height: 5px; - background-color: #51b946; - border-radius: 0; -} -body.dark-only .alert-success .progress-bar { - background-color: white; -} -body.dark-only .alert-success.inverse { - background-color: transparent !important; -} -body.dark-only .alert-success.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-success.outline .btn-close, -body.dark-only .alert-success.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-danger { - background-color: rgba(252, 68, 56, 0.8) !important; - border-color: rgba(252, 68, 56, 0.9) !important; - color: #fff; -} -body.dark-only .alert-danger .progress { - height: 5px; - background-color: #fc3f33; - border-radius: 0; -} -body.dark-only .alert-danger .progress-bar { - background-color: white; -} -body.dark-only .alert-danger.inverse { - background-color: transparent !important; -} -body.dark-only .alert-danger.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-danger.outline .btn-close, -body.dark-only .alert-danger.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-warning { - background-color: rgba(255, 170, 5, 0.8) !important; - border-color: rgba(255, 170, 5, 0.9) !important; - color: #fff; -} -body.dark-only .alert-warning .progress { - height: 5px; - background-color: #ffa800; - border-radius: 0; -} -body.dark-only .alert-warning .progress-bar { - background-color: white; -} -body.dark-only .alert-warning.inverse { - background-color: transparent !important; -} -body.dark-only .alert-warning.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-warning.outline .btn-close, -body.dark-only .alert-warning.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-info { - background-color: rgba(22, 199, 249, 0.8) !important; - border-color: rgba(22, 199, 249, 0.9) !important; - color: #fff; -} -body.dark-only .alert-info .progress { - height: 5px; - background-color: #11c6f9; - border-radius: 0; -} -body.dark-only .alert-info .progress-bar { - background-color: white; -} -body.dark-only .alert-info.inverse { - background-color: transparent !important; -} -body.dark-only .alert-info.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-info.outline .btn-close, -body.dark-only .alert-info.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-light { - background-color: rgba(244, 244, 244, 0.8) !important; - border-color: rgba(244, 244, 244, 0.9) !important; - color: #fff; -} -body.dark-only .alert-light .progress { - height: 5px; - background-color: #f1f1f1; - border-radius: 0; -} -body.dark-only .alert-light .progress-bar { - background-color: white; -} -body.dark-only .alert-light.inverse { - background-color: transparent !important; -} -body.dark-only .alert-light.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-light.outline .btn-close, -body.dark-only .alert-light.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .alert-dark { - background-color: rgba(44, 50, 63, 0.8) !important; - border-color: rgba(44, 50, 63, 0.9) !important; - color: #fff; -} -body.dark-only .alert-dark .progress { - height: 5px; - background-color: #2a303c; - border-radius: 0; -} -body.dark-only .alert-dark .progress-bar { - background-color: #a8b0c2; -} -body.dark-only .alert-dark.inverse { - background-color: transparent !important; -} -body.dark-only .alert-dark.inverse .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .alert-dark.outline .btn-close, -body.dark-only .alert-dark.outline-2x .btn-close { - filter: brightness(1) invert(1); -} -body.dark-only .dismiss-text .alert-dismissible .btn-close { - filter: unset; -} -body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { - color: #2F2F3B !important; -} -body.dark-only .options > div { - border: 1px solid #374558; -} -body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before { - background-color: #1d1e26; -} -body.dark-only .pricing-simple { - box-shadow: 1px 1px 2px 1px #1d1e26 !important; -} -body.dark-only .pricing-block { - box-shadow: 0 0 10px 5px rgba(115, 102, 255, 0.05) !important; -} -body.dark-only .search-page ul.search-info li + li { - border-left: 1px solid #1d1e26; -} -body.dark-only .browse .browse-articles h6 { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here { - border: 1px solid #1d1e26; -} -body.dark-only .calendar-wrap .fc-unthemed td, -body.dark-only .calendar-wrap .fc-unthemed th { - border-color: #1d1e26; -} -body.dark-only .mega-inline .card, -body.dark-only .mega-horizontal .card, -body.dark-only .mega-vertical .card { - box-shadow: 1px 1px 7px 0 rgba(55, 69, 88, 0.5) !important; -} -body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card, -body.dark-only .mega-horizontal.plain-style .card, -body.dark-only .mega-horizontal.border-style .card, -body.dark-only .mega-horizontal.offer-style .card, -body.dark-only .mega-vertical.plain-style .card, -body.dark-only .mega-vertical.border-style .card, -body.dark-only .mega-vertical.offer-style .card { - box-shadow: none !important; -} -body.dark-only .mega-inline.border-style .card, -body.dark-only .mega-horizontal.border-style .card, -body.dark-only .mega-vertical.border-style .card { - border: 1px solid #374558 !important; -} -body.dark-only .mega-inline.offer-style .card, -body.dark-only .mega-horizontal.offer-style .card, -body.dark-only .mega-vertical.offer-style .card { - border: 1px dashed #374558 !important; -} -body.dark-only .setting-dot .setting-bg { - background-color: var(--theme-secondary); -} -body.dark-only .bookmark.pull-right { - border: none; -} -body.dark-only .popover { - background-color: #1d1e26; -} -body.dark-only .popover.bs-popover-bottom .popover-arrow:after { - border-bottom-color: #1d1e26; - border-right-color: transparent; -} -body.dark-only .popover.bs-popover-top .popover-arrow:after { - border-right-color: transparent; - border-top-color: #1d1e26; -} -body.dark-only .popover.bs-popover-start .popover-arrow:after { - border-left-color: #1d1e26; -} -body.dark-only .popover .popover-header { - background-color: #262932; -} -body.dark-only .popover .popover-arrow:after { - border-right-color: #1d1e26; -} -body.dark-only .popover .popover-body { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .popover code { - background-color: unset; -} -body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .apexcharts-canvas svg .apexcharts-title-text { - fill: #fff; -} -body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text { - fill: #fff; -} -body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label { - fill: #fff; -} -body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label { - fill: #fff; -} -body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label { - fill: #fff; -} -body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value { - fill: #fff; -} -body.dark-only .Typeahead-menu { - background-color: #1d1e26; -} -body.dark-only .ecommerce-widget { - border: 1px solid #1d1e26; -} -body.dark-only .bookmark ul li .search-form .form-control-search input { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .bookmark ul li .search-form .form-control-search:before { - background: #1d1e26; -} -body.dark-only .cart .qty-box .input-group .btn { - background-color: #2e3648 !important; - border-color: #374558 !important; -} -body.dark-only .checkout .checkout-details { - background-color: #1d1e26; - border: 1px solid #1d1e26; - padding: 40px; -} -body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after { - border: 2px solid #262932; -} -body.dark-only .order-box .title-box { - color: #bfc2c6; - border-bottom: 1px solid #1d1e26; -} -body.dark-only .order-box .qty { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .order-box .qty li { - color: #bfc2c6; -} -body.dark-only .order-box .qty li span { - color: #bfc2c6; -} -body.dark-only .order-box .sub-total li { - color: #bfc2c6; -} -body.dark-only .order-box .total li { - color: #bfc2c6; -} -body.dark-only .shopping-checkout-option .checkbox_animated:after { - border: 2px solid #262932; -} -body.dark-only .animate-chk .radio_animated:after { - border: 2px solid #1d1e26; -} -body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb { - background-color: rgba(41, 50, 64, 0.52); -} -body.dark-only .product-box .product-img .product-hover ul li .btn { - color: #98a6ad; -} -body.dark-only .product-box .product-img .product-hover ul li:hover .btn { - color: #fff; -} -body.dark-only .radio_animated:after, -body.dark-only .checkbox_animated:after { - background: #1d1e26; - border: 2px solid #1d1e26; -} -body.dark-only .slider-product { - border-top: 1px solid #1d1e26; - border-bottom: 1px solid #1d1e26; -} -body.dark-only .square-product-setting .icon-grid { - background-color: #262932; -} -body.dark-only .square-product-setting .icon-grid svg { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .active-order-table table thead tr th, -body.dark-only .market-table table thead tr th { - border-top: none !important; -} -body.dark-only .active-order-table table tbody tr td, -body.dark-only .market-table table tbody tr td { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .active-order-table table tbody tr:last-child td, -body.dark-only .market-table table tbody tr:last-child td { - border-bottom: none; -} -body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .flot-chart-container .legend .table tbody { - background-color: #262932; - color: #fff; -} -body.dark-only .flot-chart-container .legend .table tbody .legendLabel { - padding-left: 5px; -} -body.dark-only .google-visualization-tooltip text { - fill: rgba(0, 0, 0, 0.7) !important; -} -body.dark-only .nav-dark .nav-link, -body.dark-only .nav-pills.nav-dark .nav-link { - color: #fff; -} -body.dark-only .loader-wrapper { - background-color: #1d1e26; -} -body.dark-only .loader-wrapper .loader { - background-color: #1d1e26 !important; -} -body.dark-only .page-wrapper { - /* Main Header start */ - /* Main Header ends */ -} -body.dark-only .page-wrapper .sidebar-main-title h6 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header form { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-header .header-wrapper { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper li i { - color: #f4f4f4; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg { - stroke: #fff; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div { - background-color: #1d1e26; - box-shadow: 0 0 14px #1d1e26; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li { - border-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before { - border-bottom: 7px solid #1d1e26; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after { - border-bottom: 7px solid #1d1e26; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light { - background-color: #282e38 !important; - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path, -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line, -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line, -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path, -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle { - color: var(--theme-deafult) !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div { - background-color: #1d1e26; - box-shadow: 0 0 2px 2px #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before { - border-bottom: 7px solid #1d1e26; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after { - border-bottom: 7px solid #1d1e26; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .notification-dropdown.onhover-show-div li { - border-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .notification-dropdown.onhover-show-div li span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-logo-wrapper { - background-color: #262932; -} -body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark { - display: none; -} -body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light { - display: block; -} -body.dark-only .page-wrapper .page-body-wrapper { - /* body start*/ -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p, -body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p, -body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p, -body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p, -body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td { - border-top: none !important; - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td { - border-bottom: none; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left { - border: 5px solid #334154; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child { - border-bottom: none; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td { - border-top: none !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header { - border-bottom: none !important; -} -body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img { - background-color: #000; - opacity: 0.8; -} -body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg { - stroke: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) { - border: none; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) { - background-color: #262932; - box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08); - border: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 { - background-color: #1b1d24; - background-blend-mode: overlay; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round { - box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round .half-circle { - background: rgba(49, 53, 66, 0); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).social-profile { - background-blend-mode: overlay; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td { - color: #2F2F3B; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td { - border-bottom: 1px solid #374558 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).balance-box { - background-blend-mode: overlay; - background-color: #16171c; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect { - fill: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text { - fill: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect { - fill: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text { - fill: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header { - background-color: transparent; - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6, -body.dark-only .card-body .col-form-label, -body.dark-only .card-body .project-box, -body.dark-only .card-body h4 -{ - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right { - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar { - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p { - color: #98a6ad !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img { - background-color: #262932; - border: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th { - border-color: #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th { - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th { - border-bottom: 1px solid var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td { - color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light { - color: #000; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th { - color: #000; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td { - border-bottom: 1px solid var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*=bg-] th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*=bg-] td { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) { - --bs-table-accent-bg: rgba(0, 0, 0, 0.05); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed { - border-left-color: #374558; - border-right-color: #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered { - border-color: #374558 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th { - border-color: #374558 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td { - border-right: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer { - background-color: #262932; - border-top: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state { - background-color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white { - background-color: #fff !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light { - border-left: 1px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid { - stroke: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr { - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x { - color: #fff !important; - border: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover { - color: #000 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right { - border-right: 1px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text { - fill: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child { - fill: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6) { - fill: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#line-chart rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart1 rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart2 rect { - fill: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect { - fill: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text { - fill: rgb(177, 177, 178); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text { - fill: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light { - border-right: 1px solid #374558 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid { - stroke: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text { - fill: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control { - background-color: #1d1e26; - color: #98a6ad; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail { - background-color: #1d1e26; - border: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button { - color: #000; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type=search] { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr { - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 { - background-color: #1c212b; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd { - background-color: #1f232b; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { - background-color: #1c212b; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { - background-color: #22262f; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td { - border-bottom: 2px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr { - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before { - border: 1px solid #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) { - --bs-table-accent-bg: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active { - border-color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { - color: #98a6ad !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active { - color: #98a6ad !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td { - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 { - background-color: #191e27; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover { - background-color: #1c212b; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td { - border-top: 1px solid #1d1e26; - border-right: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child { - border-left: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot { - border-top: 2px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link { - border: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link { - background-color: #262932; - border-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link { - color: rgba(255, 255, 255, 0.6); - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon { - color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small { - background-color: #262932; - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected { - background-color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a { - border: 2px solid #1d1e26; - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected { - border: 2px solid var(--theme-deafult); - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo { - border: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input { - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before { - background: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before { - border-left-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before { - border-right-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white { - background-color: #262932 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg, -body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg { - opacity: 0.5; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); - border-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled { - color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header { - background-color: #262932; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell { - background: #262932; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input { - background-color: #1d1e26; - border-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus { - outline: none; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select { - background-color: #1d1e26; - border-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell { - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell, -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell { - background-color: #1c212b; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*=jsgrid-pager] { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page { - color: rgba(255, 255, 255, 0.6); - font-weight: 700; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title { - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator { - border-bottom: 1px solid #374558; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover { - color: var(--theme-deafult) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div { - background-color: #1d1e26; - box-shadow: 0 0 14px 0 #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p { - color: #fff; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon, -body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect { - color: var(--theme-deafult) !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before { - border-bottom: 7px solid #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body { - color: #98a6ad; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body { - border: 1px solid #374558; - border-top: none; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border { - border: 1px solid #374558 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 { - border: 1px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 { - border: 2px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 { - border: 3px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 { - border: 4px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 { - border: 5px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 { - border: 6px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 { - border: 7px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 { - border: 8px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 { - border: 9px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 { - border: 10px solid #1d1e26 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary { - border: 1px solid #7366FF !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary { - border: none !important; - border-top: 1px solid #7366FF !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary { - border: 1px solid #7366FF !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary { - border: none !important; - border-bottom: 1px solid #7366FF !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary { - border: 1px solid #7366FF !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary { - border: none !important; - border-left: 1px solid #7366FF !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary { - border: 1px solid #7366FF !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary { - border: none !important; - border-right: 1px solid #7366FF !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary { - border: 1px solid #7366FF !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary { - border: 1px solid #7366FF !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary { - border: 1px solid #FF3364 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary { - border: none !important; - border-top: 1px solid #FF3364 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary { - border: 1px solid #FF3364 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary { - border: none !important; - border-bottom: 1px solid #FF3364 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary { - border: 1px solid #FF3364 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary { - border: none !important; - border-left: 1px solid #FF3364 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary { - border: 1px solid #FF3364 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary { - border: none !important; - border-right: 1px solid #FF3364 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary { - border: 1px solid #FF3364 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary { - border: 1px solid #FF3364 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success { - border: 1px solid #54BA4A !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success { - border: none !important; - border-top: 1px solid #54BA4A !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success { - border: 1px solid #54BA4A !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success { - border: none !important; - border-bottom: 1px solid #54BA4A !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success { - border: 1px solid #54BA4A !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success { - border: none !important; - border-left: 1px solid #54BA4A !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success { - border: 1px solid #54BA4A !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success { - border: none !important; - border-right: 1px solid #54BA4A !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success { - border: 1px solid #54BA4A !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success { - border: 1px solid #54BA4A !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger { - border: 1px solid #FC4438 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger { - border: none !important; - border-top: 1px solid #FC4438 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger { - border: 1px solid #FC4438 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger { - border: none !important; - border-bottom: 1px solid #FC4438 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger { - border: 1px solid #FC4438 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger { - border: none !important; - border-left: 1px solid #FC4438 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger { - border: 1px solid #FC4438 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger { - border: none !important; - border-right: 1px solid #FC4438 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger { - border: 1px solid #FC4438 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger { - border: 1px solid #FC4438 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning { - border: 1px solid #FFAA05 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning { - border: none !important; - border-top: 1px solid #FFAA05 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning { - border: 1px solid #FFAA05 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning { - border: none !important; - border-bottom: 1px solid #FFAA05 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning { - border: 1px solid #FFAA05 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning { - border: none !important; - border-left: 1px solid #FFAA05 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning { - border: 1px solid #FFAA05 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning { - border: none !important; - border-right: 1px solid #FFAA05 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning { - border: 1px solid #FFAA05 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning { - border: 1px solid #FFAA05 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info { - border: 1px solid #16C7F9 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info { - border: none !important; - border-top: 1px solid #16C7F9 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info { - border: 1px solid #16C7F9 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info { - border: none !important; - border-bottom: 1px solid #16C7F9 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info { - border: 1px solid #16C7F9 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info { - border: none !important; - border-left: 1px solid #16C7F9 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info { - border: 1px solid #16C7F9 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info { - border: none !important; - border-right: 1px solid #16C7F9 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info { - border: 1px solid #16C7F9 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info { - border: 1px solid #16C7F9 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light { - border: 1px solid #f4f4f4 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light { - border: none !important; - border-top: 1px solid #f4f4f4 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light { - border: 1px solid #f4f4f4 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light { - border: none !important; - border-bottom: 1px solid #f4f4f4 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light { - border: 1px solid #f4f4f4 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light { - border: none !important; - border-left: 1px solid #f4f4f4 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light { - border: 1px solid #f4f4f4 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light { - border: none !important; - border-right: 1px solid #f4f4f4 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light { - border: 1px solid #f4f4f4 !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light { - border: 1px solid #f4f4f4 !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark { - border: 1px solid #2c323f !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark { - border: none !important; - border-top: 1px solid #2c323f !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark { - border: 1px solid #2c323f !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark { - border: none !important; - border-bottom: 1px solid #2c323f !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark { - border: 1px solid #2c323f !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark { - border: none !important; - border-left: 1px solid #2c323f !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark { - border: 1px solid #2c323f !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark { - border: none !important; - border-right: 1px solid #2c323f !important; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark { - border: 1px solid #2c323f !important; - background-color: #1d1e26; -} -body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark { - border: 1px solid #2c323f !important; -} -body.dark-only .page-wrapper .page-body-wrapper .footer { - border-top: 1px solid #1d1e26; - background-color: #262932; -} -body.dark-only .page-wrapper .page-body-wrapper .footer p { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .custom-select, -body.dark-only .page-wrapper .page-body-wrapper .custom-file-label { - background: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .page-body-wrapper .footer-fix { - background-color: #262932; - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .note textarea { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .dt-button-info { - background-color: #262932; - border: 1px solid #98a6ad; -} -body.dark-only .page-wrapper .dt-button-info h2 { - background-color: #262932; -} -body.dark-only .page-wrapper .chat-box .about .name { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .chat-box .chat-menu { - border-left: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs .nav-item .nav-link.active { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .icon-wrapper { - background-color: #262932; - box-shadow: 1px 1px 3px 1px #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .avatar img { - border: 5px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .social-media a { - color: #98a6ad; -} -body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow span { - color: #98a6ad; -} -body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow .follow-num { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .chat-box .status { - color: #98a6ad; -} -body.dark-only .page-wrapper .chat-box .status p { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i { - color: #98a6ad; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header img { - box-shadow: 1px 1px 4px 1px #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .my-message { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .message { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .other-message { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message { - background-color: #262932; - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message .input-group .form-control { - background-color: #262932; -} -body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li { - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li a { - color: #98a6ad; -} -body.dark-only .page-wrapper pre { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .scorlled { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .input-group-air { - box-shadow: 0 3px 20px 0 #1d1e26; -} -body.dark-only .page-wrapper .input-group-text { - background-color: #262932; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .input-group-text i { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .input-group-solid .input-group-text, -body.dark-only .page-wrapper .input-group-solid .form-control { - background: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .semilight-bg-color, -body.dark-only .page-wrapper .header-bg-color { - background-color: #fff; -} -body.dark-only .page-wrapper .list-group-item { - background-color: #262932; - border: 1px solid rgba(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .list-group-item + .list-group-item { - border-top-width: 0; -} -body.dark-only .page-wrapper .list-group-item.active { - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult); - color: #fff; -} -body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus { - z-index: 1; - text-decoration: none; -} -body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .list-group-flush .list-group-item { - border-left: 0; - border-right: 0; - border-radius: 0; -} -body.dark-only .page-wrapper .dark-list .list-group .border-left-primary { - border-left: 4px solid var(--theme-deafult); -} -body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary { - border-left: 4px solid var(--theme-secondary); -} -body.dark-only .page-wrapper .dark-list .list-group .border-left-warning { - border-left: 4px solid #FFAA05; -} -body.dark-only .page-wrapper .dark-list .list-group .border-left-success { - border-left: 4px solid #54BA4A; -} -body.dark-only .page-wrapper .dark-list .list-group .border-left-info { - border-left: 4px solid #16C7F9; -} -body.dark-only .page-wrapper .list-group-item-primary { - color: #004085; - background-color: #b8daff; -} -body.dark-only .page-wrapper .list-group-item-secondary { - color: #383d41; - background-color: #d6d8db; -} -body.dark-only .page-wrapper .list-group-item-success { - color: #155724; - background-color: #c3e6cb; -} -body.dark-only .page-wrapper .list-group-item-danger { - color: #721c24; - background-color: #f5c6cb; -} -body.dark-only .page-wrapper .list-group-item-warning { - color: #856404; - background-color: #ffeeba; -} -body.dark-only .page-wrapper .list-group-item-info { - color: #0c5460; - background-color: #bee5eb; -} -body.dark-only .page-wrapper .list-group-item-light { - color: #818182; - background-color: #fdfdfe; -} -body.dark-only .page-wrapper .list-group-item-dark { - color: #1b1e21; - background-color: #c6c8ca; -} -body.dark-only .page-wrapper .auth-bg { - background-blend-mode: overlay; - background-color: rgba(54, 64, 74, 0.9); -} -body.dark-only .page-wrapper .auth-bg .authentication-box .card { - background-color: #262932; -} -body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input { - color: rgba(255, 255, 255, 0.6); - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .auth-bg .authentication-box h3, -body.dark-only .page-wrapper .auth-bg .authentication-box h4, -body.dark-only .page-wrapper .auth-bg .authentication-box h6 { - color: #fff; -} -body.dark-only .page-wrapper .auth-bg-video { - background-blend-mode: overlay; - background-color: rgba(54, 64, 74, 0.7); -} -body.dark-only .page-wrapper .auth-bg-video .authentication-box h4, -body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 { - color: #fff; -} -body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 { - color: #98a6ad; -} -body.dark-only .page-wrapper .auth-bg-video .authentication-box .card { - background-color: #262932; -} -body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text], -body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i { - color: #1d1e26; -} -body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i { - color: #1d1e26; -} -body.dark-only .page-wrapper .modal-content { - background-color: #262932; -} -body.dark-only .page-wrapper .modal-content .modal-header { - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .modal-content .modal-header .close { - color: #98a6ad; -} -body.dark-only .page-wrapper .modal-content .modal-footer { - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .comingsoon { - background-blend-mode: overlay; - background-color: rgba(54, 64, 74, 0.9); -} -body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown { - border-top: 1px solid #1d1e26; - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .theme-form .login-divider { - border-top: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .theme-form .login-divider:before { - background: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .authentication-main { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card { - background-color: #262932; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link { - color: #98a6ad; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label { - color: #98a6ad; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border-color: #1d1e26; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box { - background-color: #1d1e26; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 { - color: #98a6ad; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card { - background-color: #262932; -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text], -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .vertical-menu-main { - background-color: #262932; -} -body.dark-only .page-wrapper .mega-menu .title { - color: rgba(255, 255, 255, 0.6); - border-bottom: 1px solid #1d1e26; -} -body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover { - color: var(--theme-deafult); -} -body.dark-only .page-wrapper .default-according .card { - background-color: #262932; -} -body.dark-only .page-wrapper .default-according .card .btn-link { - background-color: #262932; - border: 1px solid #374558; - border-bottom: none; - color: #fff; -} -body.dark-only .page-wrapper .default-according .card .text-muted { - color: #98a6ad !important; -} -body.dark-only .page-wrapper .default-according .bg-primary .btn-link { - background-color: var(--theme-deafult); - border: 1px solid var(--theme-deafult); -} -body.dark-only .page-wrapper .default-according .bg-secondary .btn-link { - background-color: var(--theme-secondary); - border: 1px solid var(--theme-secondary); -} -body.dark-only .page-wrapper .collapse .card-body { - background-color: #262932; -} -body.dark-only .page-wrapper .balance-widget.card-body { - background-color: #262932; - background-blend-mode: overlay; -} -@media screen and (max-width: 1660px) { - body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li { - border: 1px solid #1d1e26; - } - body.dark-only .page-wrapper .chat-box .chat-history .total-time h2 { - color: rgba(255, 255, 255, 0.6); - } - body.dark-only .page-wrapper .caller-img img { - opacity: 0.7; - } - body.dark-only .page-wrapper .chat-box .chat-history .call-content > div { - background-color: rgba(0, 0, 0, 0.75); - background-blend-mode: overlay; - } -} -@media only screen and (max-width: 1199px) { - body.dark-only .page-wrapper .mobile-title.d-none { - border-bottom: 1px solid #374558; - } - body.dark-only .page-wrapper .chat-menu { - border-top: 1px solid #1d1e26; - background-color: #262932; - } - body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i { - color: #2c323f; - } -} -@media only screen and (max-width: 575.98px) { - body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation { - border-top: 1px solid #1d1e26; - border-bottom: 1px solid #1d1e26; - } - body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar { - border-right: 1px solid #374558; - } -} -body.dark-only .lg-backdrop { - background-color: #1d1e26; -} -body.dark-only .lg-outer .lg-thumb-outer { - background-color: #262932; -} -body.dark-only .drag { - background-color: #262932; -} -body.dark-only .drag form { - background: #262932; - box-shadow: 0 0 30px #1d1e26; - border: 1px dotted #1d1e26; -} -body.dark-only .drag form input { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .drag form .help-block { - text-transform: capitalize; - color: #98a6ad; -} -body.dark-only .draggable input { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #1d1e26; -} -body.dark-only .draggable p { - color: #98a6ad; -} -body.dark-only .draggable select { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #1d1e26; -} -body.dark-only .draggable .radio label::before, -body.dark-only .draggable .checkbox label::before { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .select2-container--default .select2-selection--multiple, -body.dark-only .select2-container--default .select2-selection--single { - background-color: #1d1e26; - border: 1px solid #1d1e26 !important; -} -body.dark-only .select2-container--default .select2-search--inline .select2-search__field { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #262932 !important; - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .select2-dropdown { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only .select2-drpdwn .form-control-primary { - border-color: var(--theme-deafult) !important; - color: var(--theme-deafult) !important; -} -body.dark-only .select2-drpdwn .form-control-secondary { - border-color: var(--theme-secondary) !important; - color: var(--theme-secondary) !important; -} -body.dark-only .select2-drpdwn .form-control-success { - border-color: #54BA4A !important; - color: #54BA4A !important; -} -body.dark-only .select2-drpdwn .form-control-info { - border-color: #16C7F9 !important; - color: #16C7F9 !important; -} -body.dark-only .select2-drpdwn .form-control-warning { - border-color: #FFAA05 !important; - color: #FFAA05 !important; -} -body.dark-only .select2-drpdwn .form-control-danger { - border-color: #FC4438 !important; - color: #FC4438 !important; -} -body.dark-only .select2-drpdwn .form-control-inverse { - border-color: #fff !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-primary-fill { - background-color: var(--theme-deafult) !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-secondary-fill { - background-color: var(--theme-secondary) !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-success-fill { - background-color: #54BA4A !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-info-fill { - background-color: #16C7F9 !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-warning-fill { - background-color: #FFAA05 !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-danger-fill { - background-color: #FC4438 !important; - color: #fff !important; -} -body.dark-only .select2-drpdwn .form-control-inverse-fill { - background-color: #fff !important; - color: #000 !important; -} -body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single { - background-color: #1d1e26; -} -body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border-color: #1d1e26; -} -body.dark-only .theme-form .form-group input[type=text], -body.dark-only .theme-form .form-group input[type=email], -body.dark-only .theme-form .form-group input[type=search], -body.dark-only .theme-form .form-group input[type=password], -body.dark-only .theme-form .form-group input[type=number], -body.dark-only .theme-form .form-group input[type=tel], -body.dark-only .theme-form .form-group input[type=date], -body.dark-only .theme-form .form-group input[type=datetime-local], -body.dark-only .theme-form .form-group input[type=time], -body.dark-only .theme-form .form-group input[type=datetime-local], -body.dark-only .theme-form .form-group input[type=month], -body.dark-only .theme-form .form-group input[type=week], -body.dark-only .theme-form .form-group input[type=url], -body.dark-only .theme-form .form-group input[type=file], -body.dark-only .theme-form .form-group select { - border-color: #1d1e26; - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder, -body.dark-only .theme-form .form-group select::-webkit-input-placeholder { - color: #98a6ad; -} -body.dark-only .theme-form .form-group .form-control { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .theme-form .form-group textarea { - border-color: #1d1e26; -} -body.dark-only .theme-form .form-divider { - border-top: 1px solid #1d1e26; -} -body.dark-only .theme-form .form-divider::before { - background: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .CodeMirror { - background: #262932; - border: 1px solid #98a6ad; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .CodeMirror .CodeMirror-code pre { - background: #262932; -} -body.dark-only .editor-toolbar { - border-top: 1px solid #98a6ad; - border-left: 1px solid #98a6ad; - border-right: 1px solid #98a6ad; -} -body.dark-only .editor-toolbar a { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active { - background: #1d1e26; -} -body.dark-only .editor-toolbar i.separator { - border-left: 1px solid #98a6ad; - border-right: 1px solid #98a6ad; -} -body.dark-only .editor-toolbar.fullscreen::before { - background: linear-gradient(to right, #1d1e26 0, rgba(0, 0, 0, 0) 100%); -} -body.dark-only .editor-toolbar.fullscreen::after { - background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1d1e26 100%); -} -body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) { - background: #1d1e26; -} -body.dark-only .editor-preview { - background-color: #262932; -} -body.dark-only .editor-toolbar.fullscreen, -body.dark-only .editor-preview-side { - background: #262932; - border: 1px solid #98a6ad; -} -body.dark-only .u-step { - background: #1d1e26; -} -body.dark-only .u-step.active, body.dark-only .u-step.current { - background: var(--theme-deafult); - color: #fff; -} -body.dark-only .u-step-title, -body.dark-only .u-pearl-title { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .u-step-number { - background-color: #262932; -} -body.dark-only .u-pearl:before { - background-color: #1d1e26; -} -body.dark-only .u-pearl-number, -body.dark-only .u-pearl-icon { - background: #1d1e26; - border: 2px solid #1d1e26; -} -body.dark-only .u-pearl.disabled .u-pearl-icon, -body.dark-only .u-pearl.disabled .u-pearl-number { - background: #1d1e26; - border: 2px solid #1d1e26; -} -body.dark-only .u-pearl.disabled:after { - background-color: #334053; -} -body.dark-only .u-pearl.error:after { - background-color: #1d1e26; -} -body.dark-only .note-editor.note-frame { - border-color: #1d1e26; -} -body.dark-only .note-editor.note-frame .note-editing-area .note-editable { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .swal-modal { - background-color: #262932; -} -body.dark-only .swal-modal .swal-title { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .swal-modal .swal-text { - color: #98a6ad; -} -body.dark-only .swal-modal .swal-content__input { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .nav-tabs { - border-bottom: 1px solid #374558; -} -body.dark-only .nav-tabs .nav-link { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .nav-tabs .nav-link.active { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); - border-color: #374558 #374558 #262932; -} -body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus { - border-color: #374558 #374558 #323846; -} -body.dark-only .nav-tabs .nav-item.show .nav-link { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); - border-color: #1d1e26 #1d1e26 #262932; -} -body.dark-only .nav-primary .nav-link.active { - background-color: var(--theme-deafult); -} -body.dark-only .nav-primary .nav-item.show .nav-link { - background-color: var(--theme-deafult); -} -body.dark-only .custom-tab.nav-tabs { - border-bottom: none; -} -body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover { - border-color: #262932 #1d1e26 #1d1e26; -} -body.dark-only .border-tab .nav-link.active { - background-color: transparent; -} -body.dark-only .border-tab .show > .nav-link { - background-color: transparent; -} -body.dark-only .border-tab.nav-left .nav-link, -body.dark-only .border-tab.nav-right .nav-link { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .border-tab.nav-left .nav-link.active, -body.dark-only .border-tab.nav-right .nav-link.active { - color: var(--theme-deafult); -} -body.dark-only .border-tab.nav-left .show > .nav-link, -body.dark-only .border-tab.nav-right .show > .nav-link { - color: var(--theme-deafult); -} -body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover { - border-left-color: var(--theme-secondary); - color: var(--theme-secondary) !important; -} -body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link { - border-left-color: var(--theme-secondary); - color: var(--theme-secondary) !important; -} -body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show { - color: var(--theme-secondary) !important; - border-left-color: var(--theme-secondary); -} -body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover { - color: #54BA4A !important; -} -body.dark-only .border-tab.nav-left.nav-success .show > .nav-link { - border-left-color: #54BA4A; - color: #54BA4A !important; -} -body.dark-only .border-tab.nav-left.nav-success .nav-item.show { - color: #54BA4A !important; - border-left-color: #54BA4A; -} -body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover { - color: #16C7F9 !important; -} -body.dark-only .border-tab.nav-right.nav-info .show > .nav-link { - border-left-color: #16C7F9; - color: #16C7F9 !important; -} -body.dark-only .border-tab.nav-right.nav-info .nav-item.show { - color: #16C7F9 !important; - border-left-color: #16C7F9; -} -body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover { - color: var(--theme-secondary) !important; -} -body.dark-only .border-tab.nav-secondary .nav-item.show { - color: var(--theme-secondary) !important; -} -body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover { - color: #54BA4A !important; -} -body.dark-only .border-tab.nav-success .nav-item.show { - color: #54BA4A !important; -} -body.dark-only .dropdown-divider { - border-top: 1px solid #1d1e26; -} -body.dark-only .icon-hover-bottom { - background-color: #262932; - box-shadow: 0px 0px 1px 1px #1d1e26; -} -body.dark-only .icon-hover-bottom .icon-title { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .icon-hover-bottom span { - color: #98a6ad; -} -body.dark-only .icon-hover-bottom .form-group input { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #1d1e26; -} -body.dark-only .icon-hover-bottom .icon-first i { - color: #98a6ad; -} -body.dark-only code { - background-color: #1d1e26; - border-radius: 2px; -} -body.dark-only #cd-timeline::before { - background: #1d1e26; -} -body.dark-only .timeliny { - border-top: 1px solid #1d1e26; - border-bottom: 1px solid #1d1e26; -} -body.dark-only .timeliny::before { - background-color: #fff; -} -body.dark-only .timeliny .timeliny-dot { - background-color: #262932; - border: 1px solid #fff; -} -body.dark-only .timeliny .timeliny-dot::before { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); - border: none; -} -body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover { - background-color: #fff; -} -body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after { - background-color: #262932; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .todo .todo-list-wrapper #todo-list li .task-container { - background: #262932; - border-bottom: 1px solid #1d1e26; -} -body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 { - color: #fff; -} -body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) { - background: #262932; - border: 1px solid #1d1e26; -} -body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label { - color: var(--theme-deafult); -} -body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover { - border: 1px solid #54BA4A !important; -} -body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea { - background-color: #262932; - border: 1px solid #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .user-profile .ttl-info h6 { - color: #98a6ad; -} -body.dark-only .user-profile .ttl-info span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .user-profile .hovercard .info .title a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .user-profile .hovercard .user-image .avatar img { - border: 10px solid #262932; -} -body.dark-only .user-profile .hovercard .user-image .icon-wrapper { - background-color: #262932; -} -body.dark-only .user-profile .hovercard .tabs-scoial { - border-bottom: none !important; -} -body.dark-only .user-profile .follow .follow-num { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .user-profile .profile-img-style .user-name { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .user-profile .profile-img-style p { - color: #98a6ad; -} -body.dark-only .introjs-helperLayer { - background-color: rgba(54, 64, 74, 0.9); - border: rgba(255, 255, 255, 0.5); -} -body.dark-only .jstree-default .jstree-node, -body.dark-only .jstree-default .jstree-icon { - color: #455869 !important; -} -body.dark-only .jstree-default .jstree-anchor { - color: #98a6ad; -} -body.dark-only .jstree-default .jstree-clicked { - color: #fff; - background-color: transparent; -} -body.dark-only .jstree-default .jstree-hovered { - background-color: #1d1e26; - border: 1px solid #1d1e26; -} -body.dark-only span.twitter-typeahead .tt-menu { - background-color: #1d1e26; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only span.twitter-typeahead .tt-suggestion { - color: rgba(255, 255, 255, 0.6); - background-color: #1d1e26; - border-top: 1px solid #374558; -} -body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus { - background-color: #262932; -} -body.dark-only .typography small { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .code-box-copy pre { - background-color: #1d1e26; -} -body.dark-only .code-box-copy pre code { - background-color: #1d1e26; -} -body.dark-only .code-box-copy pre[class*=language-] { - border: 1px solid #1d1e26; -} -body.dark-only .code-box-copy .code-box-copy__btn { - background-color: #1d1e26; - border: 1px solid #1d1e26; - color: #fff; -} -body.dark-only .code-box-copy code[class*=language-], -body.dark-only .code-box-copy pre[class*=language-] { - text-shadow: 0px 1px #000; -} -body.dark-only .code-box-copy code[class*=language-] ::selection, -body.dark-only .code-box-copy pre[class*=language-] ::selection { - text-shadow: none; - background: #262932; -} -body.dark-only table.fixedHeader-floating { - background-color: #1d1e26; -} -body.dark-only .note textarea { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .dt-button-info { - background-color: #262932; - border: 1px solid #1d1e26; -} -body.dark-only .dt-button-info h2 { - background-color: #262932; - border-bottom: 1px solid #1d1e26; -} -body.dark-only pre { - background-color: #1d1e26; -} -body.dark-only #keytable_wrapper .dataTables_paginate, -body.dark-only #column-selector_wrapper .dataTables_paginate, -body.dark-only #auto-fill_wrapper .dataTables_paginate, -body.dark-only #custom-button_wrapper .dataTables_paginate, -body.dark-only #class-button_wrapper .dataTables_paginate, -body.dark-only #keyboard-btn_wrapper .dataTables_paginate, -body.dark-only #multilevel-btn_wrapper .dataTables_paginate, -body.dark-only #pagelength-btn_wrapper .dataTables_paginate, -body.dark-only #basic-colreorder_wrapper .dataTables_paginate, -body.dark-only #state-saving_wrapper .dataTables_paginate, -body.dark-only #real-time_wrapper .dataTables_paginate, -body.dark-only #basic-fixed-header_wrapper .dataTables_paginate, -body.dark-only #fixed-header-footer_wrapper .dataTables_paginate, -body.dark-only #export-button_wrapper .dataTables_paginate, -body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate, -body.dark-only #cust-json_wrapper .dataTables_paginate, -body.dark-only #basic-key-table_wrapper .dataTables_paginate, -body.dark-only #focus-cell_wrapper .dataTables_paginate, -body.dark-only #responsive_wrapper .dataTables_paginate, -body.dark-only #new-cons_wrapper .dataTables_paginate, -body.dark-only #show-hidden-row_wrapper .dataTables_paginate, -body.dark-only #basic-row-reorder_wrapper .dataTables_paginate, -body.dark-only #full-row_wrapper .dataTables_paginate, -body.dark-only #rest-column_wrapper .dataTables_paginate { - border: none; -} -body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd, -body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd { - background-color: #1d1e26; -} -body.dark-only .error-wrapper { - background-color: rgba(54, 64, 74, 0.8); -} -body.dark-only .error-wrapper .sub-content { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .b-light { - border: 1px solid #1d1e26 !important; -} -body.dark-only .modal-content { - background-color: #262932; -} -body.dark-only .modal-content .modal-header { - border-bottom: 1px solid #374558; -} -body.dark-only .modal-content .modal-header .close { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -body.dark-only .modal-content .ui-front .form-control { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #374558; -} -body.dark-only .stepwizard .stepwizard-row:before { - background-color: #374558; -} -body.dark-only .modal .theme-close { - color: rgba(255, 255, 255, 0.2); -} -body.dark-only .token.atrule, -body.dark-only .token.attr-value, -body.dark-only .token.keyword { - color: #16C7F9; -} -body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag { - color: #FC4438; -} -body.dark-only .loader-box.card-loader { - background-color: #262932; -} -body.dark-only .my-gallery.gallery-with-description img { - border: 1px solid #1d1e26 !important; - border-bottom: none !important; -} -body.dark-only .alert-primary.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-secondary.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-success.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-danger.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-warning.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-info.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-light.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-dark.inverse { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .alert-theme span + span + span { - border-left: 5px solid var(--theme-deafult); - background-color: #1d1e26; - border-radius: 4px; -} -body.dark-only .alert-theme i { - color: #fff; - padding: 20px; - margin-right: 20px !important; -} -body.dark-only .user-card .user-deatils h6 { - color: #98a6ad; -} -body.dark-only .user-card .card-footer > div:first-child { - border-right: 1px solid #1d1e26; -} -body.dark-only .user-card .card-footer .user-footer h6 { - color: #98a6ad; -} -body.dark-only .user-card .card-footer .user-footer svg path, -body.dark-only .user-card .card-footer .user-footer svg rect { - color: #98a6ad; -} -body.dark-only .order-history table .qty-box button { - background-color: #1d1e26 !important; - border: none !important; -} -body.dark-only .order-history table .qty-box .input-group { - border-color: #374558; -} -body.dark-only .order-history table thead tr th { - background-color: #1d1e26; -} -body.dark-only .order-history table tr td, -body.dark-only .order-history table tr th { - border-top: none !important; -} -body.dark-only .order-history .title-orders { - background-color: #1d1e26; -} -body.dark-only .navigation-option ul li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .navigation-option ul li:hover { - background-color: #1d1e26; -} -body.dark-only .product-box .product-details h6 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .product-box .product-details > a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .product-box .product-details span { - color: #98a6ad; -} -body.dark-only .product-box .product-img .product-hover ul li { - background-color: #262932; -} -body.dark-only .product-box .product-img .product-hover ul li:hover { - background-color: #000; - color: #fff; -} -body.dark-only .browse .browse-articles ul li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .browse .browse-articles ul li:hover { - background-color: #1d1e26; -} -body.dark-only .radio-primary input[type=radio] + label::before { - border-color: var(--theme-deafult) !important; -} -body.dark-only .radio-primary input[type=radio] + label::after { - background-color: var(--theme-deafult); -} -body.dark-only .radio-primary input[type=radio]:checked + label::before { - border-color: var(--theme-deafult) !important; -} -body.dark-only .radio-primary input[type=radio]:checked + label::after { - background-color: var(--theme-deafult); -} -body.dark-only .radio-secondary input[type=radio] + label::before { - border-color: #FF3364 !important; -} -body.dark-only .radio-secondary input[type=radio] + label::after { - background-color: #FF3364; -} -body.dark-only .radio-secondary input[type=radio]:checked + label::before { - border-color: #FF3364 !important; -} -body.dark-only .radio-secondary input[type=radio]:checked + label::after { - background-color: #FF3364; -} -body.dark-only .radio-success input[type=radio] + label::before { - border-color: #54BA4A !important; -} -body.dark-only .radio-success input[type=radio] + label::after { - background-color: #54BA4A; -} -body.dark-only .radio-success input[type=radio]:checked + label::before { - border-color: #54BA4A !important; -} -body.dark-only .radio-success input[type=radio]:checked + label::after { - background-color: #54BA4A; -} -body.dark-only .radio-danger input[type=radio] + label::before { - border-color: #FC4438 !important; -} -body.dark-only .radio-danger input[type=radio] + label::after { - background-color: #FC4438; -} -body.dark-only .radio-danger input[type=radio]:checked + label::before { - border-color: #FC4438 !important; -} -body.dark-only .radio-danger input[type=radio]:checked + label::after { - background-color: #FC4438; -} -body.dark-only .radio-info input[type=radio] + label::before { - border-color: #16C7F9 !important; -} -body.dark-only .radio-info input[type=radio] + label::after { - background-color: #16C7F9; -} -body.dark-only .radio-info input[type=radio]:checked + label::before { - border-color: #16C7F9 !important; -} -body.dark-only .radio-info input[type=radio]:checked + label::after { - background-color: #16C7F9; -} -body.dark-only .radio-light input[type=radio] + label::before { - border-color: #f4f4f4 !important; -} -body.dark-only .radio-light input[type=radio] + label::after { - background-color: #f4f4f4; -} -body.dark-only .radio-light input[type=radio]:checked + label::before { - border-color: #f4f4f4 !important; -} -body.dark-only .radio-light input[type=radio]:checked + label::after { - background-color: #f4f4f4; -} -body.dark-only .radio-dark input[type=radio] + label::before { - border-color: #2c323f !important; -} -body.dark-only .radio-dark input[type=radio] + label::after { - background-color: #2c323f; -} -body.dark-only .radio-dark input[type=radio]:checked + label::before { - border-color: #2c323f !important; -} -body.dark-only .radio-dark input[type=radio]:checked + label::after { - background-color: #2c323f; -} -body.dark-only .radio-warning input[type=radio] + label::before { - border-color: #FFAA05 !important; -} -body.dark-only .radio-warning input[type=radio] + label::after { - background-color: #FFAA05; -} -body.dark-only .radio-warning input[type=radio]:checked + label::before { - border-color: #FFAA05 !important; -} -body.dark-only .radio-warning input[type=radio]:checked + label::after { - background-color: #FFAA05; -} -body.dark-only .checkbox-primary label::before { - border-color: var(--theme-deafult) !important; -} -body.dark-only .checkbox-secondary label::before { - border-color: #FF3364 !important; -} -body.dark-only .checkbox-success label::before { - border-color: #54BA4A !important; -} -body.dark-only .checkbox-danger label::before { - border-color: #FC4438 !important; -} -body.dark-only .checkbox-info label::before { - border-color: #16C7F9 !important; -} -body.dark-only .checkbox-light label::before { - border-color: #f4f4f4 !important; -} -body.dark-only .checkbox-dark label::before { - border-color: #2c323f !important; -} -body.dark-only .checkbox-warning label::before { - border-color: #FFAA05 !important; -} -body.dark-only .checkbox-solid-primary label:before { - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult) !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-primary input[type=checkbox]:checked + label::before { - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult) !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-primary input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-secondary label:before { - background-color: #FF3364 !important; - border-color: #FF3364 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-secondary input[type=checkbox]:checked + label::before { - background-color: #FF3364 !important; - border-color: #FF3364 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-secondary input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-success label:before { - background-color: #54BA4A !important; - border-color: #54BA4A !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-success input[type=checkbox]:checked + label::before { - background-color: #54BA4A !important; - border-color: #54BA4A !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-success input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-danger label:before { - background-color: #FC4438 !important; - border-color: #FC4438 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-danger input[type=checkbox]:checked + label::before { - background-color: #FC4438 !important; - border-color: #FC4438 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-danger input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-info label:before { - background-color: #16C7F9 !important; - border-color: #16C7F9 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-info input[type=checkbox]:checked + label::before { - background-color: #16C7F9 !important; - border-color: #16C7F9 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-info input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-light label:before { - background-color: #f4f4f4 !important; - border-color: #f4f4f4 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-light input[type=checkbox]:checked + label::before { - background-color: #f4f4f4 !important; - border-color: #f4f4f4 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-light input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-dark label:before { - background-color: #2c323f !important; - border-color: #2c323f !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-dark input[type=checkbox]:checked + label::before { - background-color: #2c323f !important; - border-color: #2c323f !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-dark input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .checkbox-solid-warning label:before { - background-color: #FFAA05 !important; - border-color: #FFAA05 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-warning input[type=checkbox]:checked + label::before { - background-color: #FFAA05 !important; - border-color: #FFAA05 !important; - color: #fff !important; -} -body.dark-only .checkbox-solid-warning input[type=checkbox]:checked + label::after { - color: #fff !important; -} -body.dark-only .bootstrap-datetimepicker-widget ul li { - color: rgba(255, 255, 255, 0.6); - border-bottom: 1px solid #1d1e26; -} -body.dark-only .bootstrap-datetimepicker-widget tr th:hover, -body.dark-only .bootstrap-datetimepicker-widget tr td:hover { - background-color: #262932; -} -body.dark-only .bootstrap-datetimepicker-widget tr th span:hover, -body.dark-only .bootstrap-datetimepicker-widget tr td span:hover { - background-color: #262932; -} -body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover, -body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover, -body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover { - background-color: #262932; -} -body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover { - background-color: #262932; -} -body.dark-only .btn-transparent { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after, -body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after { - color: #98a6ad; -} -body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after, -body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after { - color: #98a6ad; -} -body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button { - color: #fff !important; -} -body.dark-only .fc-button-group .fc-basicWeek-button, -body.dark-only .fc-button-group .fc-basicDay-button, -body.dark-only .fc-button-group .fc-agendaWeek-button, -body.dark-only .fc-button-group .fc-agendaDay-button { - color: #000 !important; -} -body.dark-only .fc-button-group .fc-month-button { - color: #fff !important; -} -body.dark-only .btn-light:not([disabled]):not(.disabled).active.active { - background-color: #1d1e26 !important; -} -body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled { - color: rgba(47, 47, 59, 0.5) !important; -} -body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button, -body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light { - color: #000 !important; -} -body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button { - color: #fff !important; -} -body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover { - color: #000 !important; -} -body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, -body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light, -body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, -body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light, -body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, -body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light { - color: #000 !important; -} -body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button, -body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button, -body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button { - color: #fff !important; -} -body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover, -body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover, -body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover { - color: #000 !important; -} -body.dark-only .categories ul li a { - color: #98a6ad; -} -body.dark-only .categories ul li:hover { - background-color: #1d1e26; -} -body.dark-only .socialprofile .likes-profile h5 span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .socialprofile span { - color: #98a6ad; -} -body.dark-only .social-status .media .media-body span + span { - color: #98a6ad; -} -body.dark-only .social-status .media .media-body p, -body.dark-only .social-status .media .media-body .light-span { - color: #98a6ad; -} -body.dark-only .filter-cards-view p, -body.dark-only .timeline-content p { - color: #98a6ad; -} -body.dark-only .filter-cards-view .comment-number i, -body.dark-only .timeline-content .comment-number i { - color: #98a6ad; -} -body.dark-only .filter-cards-view .comments-box .input-group .form-control, -body.dark-only .timeline-content .comments-box .input-group .form-control { - border: none !important; -} -body.dark-only .filter-cards-view .comments-box .input-group .input-group-append, -body.dark-only .timeline-content .comments-box .input-group .input-group-append { - background-color: #1d1e26; -} -body.dark-only .social-chat .media-body { - border: 1px solid #1d1e26; -} -body.dark-only .social-chat .media-body:after { - border-right: 7px solid #262932; -} -body.dark-only .social-chat span span { - color: #98a6ad; -} -body.dark-only .details-about .your-details p { - color: #98a6ad; -} -body.dark-only .activity-log .my-activity p { - color: #98a6ad; -} -body.dark-only .bookmark ul li a { - color: rgba(255, 255, 255, 0.6); -} -@media only screen and (max-width: 991.98px) { - body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar { - border-right: 1px solid #374558; - } -} -@media only screen and (max-width: 767.98px) { - body.dark-only .page-wrapper.material-icon .page-header { - background-color: #262932; - } -} -body.dark-only .apexcharts-tooltip.light { - border-color: #374558; - background-color: #1d1e26; -} -body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title { - border-color: #374558; -} -body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label, -body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value { - color: #fff; -} -body.dark-only .dark-alert .alert p { - color: #1d1e26; -} -body.dark-only .dark-txt p strong { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .live-dark .btn-close { - filter: initial; -} -body.dark-only .alert-light { - color: #1d1e26 !important; -} -body.dark-only .dark-form .form-label { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .dark-form .form-control { - border: 1px solid rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .dark-form .form-check .form-check-input { - border: 1px solid rgba(255, 255, 255, 0.6); -} -body.dark-only .dark-form .form-check .form-check-label { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .dark-form h6 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .dark-form .helper-truncate { - color: rgba(255, 255, 255, 0.6); - background-color: transparent; -} -body.dark-only .dark-input-type .input-group { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .dark-input-type .input-group .input-group-text { - background: transparent; - border: unset; -} -body.dark-only .dark-accordion .accordion-item .accordion-collapse p { - color: #1d1e26; -} -body.dark-only .dark-accordion .collapse-wrapper { - color: #1d1e26; -} -body.dark-only .dark-accordion.card { - border-radius: unset; -} -body.dark-only .dark-list .list-group .list-group-item + .list-group-item { - border-top-width: 1px; -} -body.dark-only .dark-list .list-group .list-group-item .form-check-input { - border: 1px solid rgba(255, 255, 255, 0.6); - background-color: transparent; -} -body.dark-only .dark-list .list-light-dark { - background-color: #1d1e26; -} -body.dark-only .dark-blockquote .blockquote p { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .dark-sign-up h3 { - color: #262932; -} -body.dark-only .dark-sign-up p { - color: #262932; -} -body.dark-only .dark-sign-up .modal-body form .form-label { - color: #1f2533; -} -body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label { - color: #1f2533; -} -body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .modal-toggle-wrapper .dark-toggle-btn { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .social-profile { - background-attachment: fixed; -} -body.dark-only .social-profile .social-details h5 a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-only .dark-helper h6 { - color: #1d1e26; -} -body.dark-only .dark-helper span { - color: #262932; -} -body.dark-only .dark-helper .text-muted { - color: #262932 !important; -} -body.dark-only .font-dark { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .treejs .treejs-node__disabled { - color: rgba(255, 255, 255, 0.2); -} -body.dark-only .treejs .treejs-switcher:before { - border-top: 4px solid rgba(255, 255, 255, 0.6); -} -body.dark-only .irs-min, -body.dark-only .irs-max { - color: #98a6ad; - background-color: #323846; -} -body.dark-only .ribbon-wrapper.alert-light-light, -body.dark-only .ribbon-wrapper-bottom.alert-light-light, -body.dark-only .ribbon-vertical-left-wrapper.alert-light-light, -body.dark-only .ribbon-wrapper-right.alert-light-light, -body.dark-only .ribbon-vertical-right-wrapper.alert-light-light { - background-color: #323846; -} -body.dark-only .pagination .page-item .page-link.rounded-circle { - color: rgba(255, 255, 255, 0.6) !important; -} -body.dark-only .dark-timeline .date-content { - color: rgba(255, 255, 255, 0.6) !important; - background-color: #1d1e26 !important; -} -body.dark-sidebar .toggle-sidebar svg { - stroke: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper .sidebar-main-title p { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { - background-color: #262932; -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { - stroke: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - background-color: rgba(115, 102, 255, 0.2); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { - color: var(--theme-deafult); - stroke: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after { - background-color: rgba(255, 255, 255, 0.2); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { - background: #262932; -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main { - background-color: #262932; -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { - background: #262932; -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { - color: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu { - background: #262932; -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - background: #262932; -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, -body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { - background-color: #262932; - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { - background: #262932; -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { - border-bottom: 1px solid #374558; -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { - stroke: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - background-color: #262932; -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a, -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a { - border-bottom: 1px solid #374558; -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - background-color: rgba(115, 102, 255, 0.2); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { - color: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { - color: var(--theme-deafult); - stroke: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after { - background-color: rgba(255, 255, 255, 0.2); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { - color: rgba(255, 255, 255, 0.6); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i { - color: rgba(255, 255, 255, 0.6); -} -body .for-dark { - display: none; -} -body[class*=dark-] .for-dark { - display: block; -} -body[class*=dark-] .for-light { - display: none; -} - -/**===================== - 4.1. Dark CSS ends -==========================**/ -/**===================== - 4.2 Theme-customizer CSS Start -==========================**/ -.customizer-links { - position: fixed; - right: 0px; - top: 50%; - z-index: 3; - transform: translate(0, -50%); - box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); -} -.customizer-links > .nav { - border-radius: 8px; - padding: 10px; - background-color: #fff; -} -.customizer-links.open { - right: 330px; - border-radius: 8px 0 0 8px; - transition: all 0.3s ease; -} -.customizer-links .nav-link { - padding: 0; - position: relative; -} -.customizer-links .nav-link:before { - content: ""; - position: absolute; - height: 100%; - width: 100%; - background-color: rgba(115, 102, 255, 0.1); - border-radius: 5px; - transform: scale(0); - transition: all 0.3s ease; -} -.customizer-links .nav-link:after { - content: ""; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: 12px; - border-width: 5px 0 5px 5px; - border-left-color: #e8e6ff; - opacity: 0; - transform: scale(0); - color: #fff; - left: -10px; - z-index: 2; - transition: all 0.3s ease; -} -.customizer-links .nav-link:hover i { - color: var(--theme-deafult); -} -.customizer-links .nav-link:hover:before, .customizer-links .nav-link:hover:after { - opacity: 1; - transform: scale(1); - transition: all 0.3s ease; -} -.customizer-links .nav-link:hover span { - opacity: 1; - right: 48px; - transform: scale(1); - transition: all 0.3s ease; -} -.customizer-links .nav-link + .nav-link { - margin-bottom: 5px; -} -.customizer-links .nav-link span { - position: absolute; - right: -60px; - width: max-content; - text-align: right; - padding: 7px 10px; - display: block; - top: 0; - border-radius: 5px; - transform: scale(0); - transition: all 0.3s ease; - opacity: 0; - color: var(--theme-deafult); - background-color: #e8e6ff; - box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); -} -.customizer-links .nav-link i { - font-size: 17px; - padding: 8px 10px; - display: inline-block; - cursor: pointer; - margin: 0; - color: gray; - border-radius: 5px; -} - -.customizer-contain { - direction: ltr; - position: fixed; - height: 100vh; - top: 79px; - width: 333px; - right: -335px; - background-color: #fff; - z-index: 8; - transition: all 0.3s ease; -} -.customizer-contain.open { - right: 0px; - transition: all 0.3s ease; - box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); -} -.customizer-contain li { - position: relative; -} -.customizer-contain li.active { - box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); -} -.customizer-contain h6 { - text-transform: uppercase; - font-weight: 500; - letter-spacing: 0.5px; - margin-top: 12px; - padding-top: 12px; - margin-bottom: 5px; -} -.customizer-contain .customizer-header { - padding: 15px 25px; - border-bottom: 1px solid #f4f4f4; -} -.customizer-contain .customizer-header .icon-close { - position: absolute; - font-size: 18px; - cursor: pointer; - font-weight: 900; - right: 24px; - color: var(--theme-deafult); -} -.customizer-contain .customizer-header h5 { - text-transform: uppercase; -} -.customizer-contain .customizer-body { - padding: 15px 25px; - max-height: calc(100vh - 200px); - overflow-y: scroll; -} -.customizer-contain .customizer-body .fade:not(.show) { - display: none; -} -.customizer-contain .customizer-body .unlimited-color-layout { - display: flex; - align-items: center; -} -.customizer-contain .customizer-body .unlimited-color-layout .btn { - font-size: 15px; - padding: 4px 20px; -} -.customizer-contain .customizer-body .unlimited-color-layout input { - border: 1px solid #cccccc; - height: 35px; - width: 35px; - border-radius: 5px; - background-color: #fff; - margin-right: 5px; -} -.customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout { - height: 70px; - width: 80px; - border: 1px solid #f6f7fb; - border-radius: 5px; -} -.customizer-contain .customizer-body .tab-pane > h6:first-child { - padding-top: 0; - margin-top: 0; -} -.customizer-contain .customizer-body li { - cursor: pointer; - opacity: 0.9; -} -.customizer-contain .customizer-body li.active { - opacity: 1; -} -.customizer-contain .customizer-body .color-layout { - height: 35px; - width: 35px; - border-radius: 6px; - display: inline-block; - margin-right: 3px; - border: 1px solid #b8b8b8; - padding: 3px; -} -.customizer-contain .customizer-body .color-layout > div { - background-color: #7366ff; - height: 100%; - width: 100%; - border-radius: 5px; -} -.customizer-contain .customizer-body .color-layout[data-attr=color-2] div { - background-color: #4831D4; -} -.customizer-contain .customizer-body .color-layout[data-attr=color-3] div { - background-color: #d64dcf; -} -.customizer-contain .customizer-body .color-layout[data-attr=color-4] div { - background-color: #4c2fbf; -} -.customizer-contain .customizer-body .color-layout[data-attr=color-5] div { - background-color: #7c4dff; -} -.customizer-contain .customizer-body .color-layout[data-attr=color-6] div { - background-color: #3949ab; -} -.customizer-contain .customizer-body .dark > li { - background-color: #2f3c4e; -} -.customizer-contain .customizer-body .main-layout > li { - height: 65px; - width: 85px; - border: 1px solid #f4f4f4; - border-radius: 10px; - display: inline-block; -} -.customizer-contain .customizer-body .main-layout > li + li { - margin-left: 7px; -} -.customizer-contain .customizer-body .main-layout .box-layout .body .badge { - left: -14px; -} -.customizer-contain .customizer-body .sidebar-type > li, -.customizer-contain .customizer-body .sidebar-setting > li { - height: 70px; - width: 85px; - border: 1px solid #f4f4f4; - border-radius: 5px; - display: inline-block; -} -.customizer-contain .customizer-body .sidebar-type > li + li, -.customizer-contain .customizer-body .sidebar-setting > li + li { - margin-left: 7px; -} -.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.sidebar { - width: 100%; - height: 10px; - display: block; -} -.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.body { - height: calc(100% - 10px); - width: 100%; -} -.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar].body-compact .body ul li.body { - width: calc(100% - 25px); -} -.customizer-contain .customizer-body .layout-types { - margin-bottom: -30px; -} -.customizer-contain .customizer-body .layout-types > li { - display: block; - width: unset; - height: unset; - margin-bottom: 30px; -} -.customizer-contain .customizer-body .layout-types > li .layout-img h6 { - padding-top: 0; - text-transform: inherit; - text-align: center; -} -.customizer-contain .customizer-body .layout-types .box-layout { - background: unset; -} - -.layout-grid:not(.customizer-color) li { - padding: 5px; -} -.layout-grid:not(.customizer-color) li > .header { - height: 9px; - border-radius: 3px; - position: relative; -} -.layout-grid:not(.customizer-color) li > .header ul { - position: absolute; - top: -8px; - left: 5px; -} -.layout-grid:not(.customizer-color) li > .header ul > li { - display: inline-block; - width: 4px; - height: 4px; - border-radius: 5px; - top: calc(50% - 3px); - background-color: var(--theme-deafult); - margin-right: 2px; - padding: 0; -} -.layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) { - background-color: var(--theme-secondary); -} -.layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) { - background-color: #54BA4A; -} -.layout-grid:not(.customizer-color) li > .body { - background-color: #f4f4f4; - height: calc(100% - 16px); - border-radius: 3px; - position: relative; - margin-top: 5px; - text-align: center; - line-height: 3.1; -} -.layout-grid:not(.customizer-color) li > .body ul { - height: 100%; - background-color: #fff; -} -.layout-grid:not(.customizer-color) li > .body ul .sidebar { - width: 18px; - height: 100%; - border-radius: 3px; - display: inline-block; - margin-right: 3px; - padding: 0; -} -.layout-grid:not(.customizer-color) li > .body ul .sidebar.compact { - width: 12px; -} -.layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body { - width: calc(100% - 19px); -} -.layout-grid:not(.customizer-color) li > .body ul .body { - width: calc(100% - 25px); - padding: 0; - margin: 0; - height: 100%; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 3px; -} -.layout-grid:not(.customizer-color) li > .body ul .body .badge { - position: absolute; -} - -/**===================== - 4.2 Theme-customizer CSS Ends -==========================**/ -/**===================== - 4.3 Update CSS Start -==========================**/ -.jsgrid-filter-row select, -.jsgrid-filter-row input { - padding: 6px 10px; - border: 1px solid #f2f4ff; - background: #fff; -} - -.popover { - background-color: #fff; - border: none; - -webkit-box-shadow: 0 0 20px rgba(115, 102, 255, 0.1); - box-shadow: 0 0 20px rgba(115, 102, 255, 0.1); -} -.popover .popover-header { - background-color: #eae8ff; - color: #7366FF; - border-bottom: none; -} -.popover .popover-body { - color: rgba(43, 43, 43, 0.7); -} - -.tooltip.bs-tooltip-top .tooltip-arrow:before { - border-top-color: #eae8ff; -} -.tooltip.bs-tooltip-bottom .tooltip-arrow:before { - border-bottom-color: #eae8ff; - border-top-color: transparent; -} -.tooltip.bs-tooltip-start .tooltip-arrow:before { - border-left-color: #eae8ff; - border-top-color: transparent; -} -.tooltip.bs-tooltip-end .tooltip-arrow:before { - border-right-color: #eae8ff; - border-top-color: transparent; -} -.tooltip .tooltip-inner { - background-color: #eae8ff; - color: #7366FF; -} -.tooltip .tooltip-arrow:before { - border-top-color: #eae8ff; -} - -.dropdown-basic .dropdown .dropdown-content a { - padding: 6px 16px; - color: #2b2b2b; - opacity: 0.6; - font-size: 13px; - border-top: 1px solid #efefef; - background: #fff; -} -.dropdown-basic .dropdown .dropdown-content a:hover { - background-color: #fff; -} -.dropdown-basic .dropdown .dropdown-content .dropdown-header { - padding: 8px 16px; - font-weight: 400; - color: #2c323f; - font-size: 13px; -} -.dropdown-basic .dropup .dropup-content { - top: auto; -} - -.default-according .card .card-header { - padding: 0; - border: none; - border-radius: 0; - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} -.default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn { - border-color: transparent; -} -.default-according .card .card-header i { - position: initial; - font-size: 20px; - display: inline-block; - vertical-align: text-bottom; - margin-right: 5px; -} -[dir=rtl] .default-according .card .card-header i { - margin-right: unset; - margin-left: 5px; -} -.default-according .card .card-header h5 { - margin-top: 0; -} -.default-according .card .card-header .btn-link { - padding: 12px 20px; - width: 100%; - text-align: left; - letter-spacing: 0.7px; - font-family: Roboto; - border: 1px solid #efefef; - border-radius: 0; - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} -[dir=rtl] .default-according .card .card-header .btn-link { - text-align: right; -} -@media (max-width: 575px) { - .default-according .card .card-header .btn-link { - padding: 12px 15px; - } -} -.default-according .card .card-body { - padding: 15px 20px; - line-height: 22px; - font-size: 13px; - border-color: #efefef; - border-radius: 0; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - color: #2c323f; -} - -.nav-tabs { - border-bottom-color: #efefef; -} -.nav-tabs .nav-bottom .nav-item .nav-link.active { - border-color: #efefef; -} - -.nav-tabs .nav-item.show .nav-link { - font-weight: 500; -} -.nav-tabs .nav-link { - color: #2c323f; -} -.nav-tabs .nav-link.active { - font-weight: 500; -} -.nav-tabs.nav-bottom .nav-item .nav-link.active { - border-color: #ecf3fa #ecf3fa #fff; -} - -.dropdown-menu { - -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - border: none; - padding: 0; - z-index: 1; -} -.dropdown-menu .dropdown-item { - color: #2b2b2b; - opacity: 0.6; - font-size: 13px; - padding: 6px 12px; - border-top: 1px solid #efefef; - background: #fff; -} -.dropdown-menu .dropdown-item:hover { - background-color: #fff; -} -.dropdown-menu .dropdown-divider { - margin: 0; - border-top: 1px solid #cccccc; -} - -.border-tab .nav-tabs .nav-item .nav-link.active { - border-bottom: 2px solid #7366FF; -} -.border-tab .nav-tabs .nav-item .nav-link.show { - border-bottom: 2px solid #7366FF; -} -.border-tab .nav-tabs .nav-item .nav-link:focus { - border-bottom: 2px solid #7366FF; -} - -.tabbed-card .nav-tabs .nav-item .nav-link { - top: 17px; -} - -.timeliny .timeliny-dot::before { - font-size: 18px; -} - -.component .input-group .btn { - line-height: 32px; - text-transform: capitalize; -} - -.login-card .login-main .theme-form label { - font-size: 14px; -} -.login-card .login-main .theme-form .show-hide { - top: 50%; -} -.login-card .login-main .theme-form .show-hide-confirm { - top: 50%; -} - -.faq-accordion .card .btn-link svg { - margin-left: 20px; -} -@media (max-width: 575.98px) { - .faq-accordion .card .btn-link svg { - margin-left: 10px; - } -} - -.job-filter .faq-form .form-control { - font-size: 14px; -} -.job-filter .faq-form .search-icon { - width: 16px; - height: 16px; -} - -button[data-toggle=dropdown]:hover ~ .dropdown-menu { - display: block; - min-width: 300px; - top: 35px; -} - -.carousel .carousel-indicators { - margin-bottom: 3px; -} - -.mouse-wheel .owl-stage-outer .owl-stage { - width: 5600px !important; -} -.mouse-wheel .owl-stage-outer .owl-stage .owl-item { - width: 225.333px !important; -} - -.carousel-item .carousel-caption { - width: 100%; - right: 0; - left: 0; - bottom: 0; - padding: 26px 10px; - background-color: rgba(38, 41, 50, 0.51); -} -.carousel-item .carousel-opacity { - background-color: rgba(244, 244, 244, 0.51); -} - -.carousel .carousel-control-prev-icon { - width: calc(23px + 9 * (100vw - 320px) / 1600); - height: calc(23px + 9 * (100vw - 320px) / 1600); -} -.carousel .carousel-control-next-icon { - width: calc(23px + 9 * (100vw - 320px) / 1600); - height: calc(23px + 9 * (100vw - 320px) / 1600); -} - -[dir=rtl] .rating-header h4 { - direction: ltr; -} - -.animate-img .animate-widget img { - width: 100%; - height: 350px; - margin: 0 auto; - object-fit: cover; -} - -.modal-popup.modal { - top: 20%; - left: 50%; - transform: translate(-50%, 0); -} -.modal-popup.modal .modal-dialog .theme-close { - width: calc(25px + 15 * (100vw - 320px) / 1600); - height: calc(25px + 15 * (100vw - 320px) / 1600); - font-size: calc(12px + 2 * (100vw - 320px) / 1600); -} - -@media (max-width: 442px) { - .animated-modal .form-select { - width: 100% !important; - } -} - -.task-container .badge { - line-height: 13px; -} - -.starter-main .alert-primary.inverse { - padding: 13px 20px 13px 65px; - border-color: #7366FF; - color: #2c323f; -} -[dir=rtl] .starter-main .alert-primary.inverse { - padding: 13px 65px 13px 20px; -} -.starter-main .alert-primary.inverse:before { - content: ""; - position: absolute; - left: 54px; - width: 0; - height: 0; - border-left: 7px solid #7366FF; - border-top: 7px solid transparent; - border-bottom: 7px solid transparent; -} -[dir=rtl] .starter-main .alert-primary.inverse:before { - border-right: 7px solid #7366FF; - border-left: unset; -} -.starter-main .alert-primary.inverse i { - padding: 17px 20px; - display: flex; - align-items: center; - background-color: #7366FF; - color: #fff; - border-radius: 3px 0 0 3px; - position: absolute; - left: 0; - top: 0; - height: 100%; -} -[dir=rtl] .starter-main .alert-primary.inverse i { - right: 0; - left: unset; -} - -.map-z-index { - z-index: 1; -} - -/**===================== - 4.3 Update CSS Ends -==========================**/ -/**===================== - 5.1 Footer CSS Start -==========================**/ -.footer { - background-color: #fff; - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - padding: 15px; - bottom: 0; - left: 0; - transition: 0.5s; -} -.footer.footer-dark { - background-color: #242934; -} -.footer.footer-dark p { - color: #fff; -} - -.footer-fix { - width: calc(100% - 265px); - position: fixed; -} - -/**===================== - 5.1 Footer CSS Ends -==========================**/ -/**===================== - 5.2 Grid CSS Start -==========================**/ -.grid-showcase { - margin-bottom: -10px; -} -.grid-showcase span { - display: block; - padding: 10px; - margin-bottom: 10px; - text-align: center; - background-color: rgba(242, 243, 247, 0.7); -} - -.grid-align { - margin-bottom: -16px; -} -.grid-align .row { - padding: 15px 0; - min-height: 7rem; - margin-bottom: 16px; -} - -.grid-vertical { - min-height: 150px; - padding: 10px; - color: #000; -} - -/**===================== - 5.2 Grid CSS Ends -==========================**/ -/**===================== - 5.3 Header CSS Start -==========================**/ -.left-header .d-flex { - align-items: center; -} -.left-header h6 { - line-height: 1.6; -} -@media (max-width: 1199px) { - .left-header h6 { - width: 160px; - overflow: hidden; - -webkit-line-clamp: 1; - text-overflow: ellipsis; - white-space: nowrap; - } -} -@media (max-width: 991px) { - .left-header h6 { - width: 120px; - } -} -@media (max-width: 767px) { - .left-header h6 { - width: 66px; - } -} -@media (max-width: 755px) { - .left-header { - display: none; - } -} -.left-header img { - margin-top: -12px; - height: 26px; -} -.left-header i { - font-weight: 600; - font-size: 12px; - margin-bottom: -4px; -} - -/*======= Page Header css ends ======= */ -/**======Main Header css Start ======**/ -.offcanvas .page-wrapper .page-body-wrapper .page-body, -.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body { - position: relative; - filter: blur(5px) grayscale(100%); -} - -.offcanvas { - position: unset; - visibility: visible; - background: unset; - z-index: 2; -} - -.toggle-sidebar { - position: absolute; - right: 30px; - top: 30px; - cursor: pointer; -} -.toggle-sidebar svg { - width: 20px; - height: 20px; -} -.toggle-sidebar:before { - content: ""; - position: absolute; - height: 40px; - width: 40px; - background-color: rgba(115, 102, 255, 0.1); - border-radius: 100%; - left: -11px; - z-index: -2; - top: -8px; - transform: scale(0); - transition: all 0.3s ease; -} -.toggle-sidebar:hover:before { - height: 40px; - width: 40px; - transform: scale(1); - transition: all 0.3s ease; -} -.toggle-sidebar:hover > svg { - color: var(--theme-deafult) !important; - stroke: var(--theme-deafult) !important; -} - -.onhover-dropdown { - cursor: pointer; - position: relative; -} -.onhover-show-div { - top: 80px; - position: absolute; - z-index: 8; - background-color: #fff; - transition: all linear 0.3s; -} -.onhover-show-div li a svg { - margin-top: 0 !important; -} -.onhover-show-div li a svg path, -.onhover-show-div li a svg line { - color: #2F2F3B !important; -} - -/**======Main Header css Ends ======**/ -/*=======Mega menu css start=======*/ -.mega-menu .default-according .card .btn-link { - font-weight: 500; - color: gray; -} -.mega-menu .default-according .card .card-body { - font-size: 12px; -} -.mega-menu .onhover-show-div { - width: 1500px; -} -.mega-menu .card-body { - padding: 20px; -} -.mega-menu div > div a { - margin-bottom: 0px; - display: inline-block; - color: #52526c; -} -.mega-menu .list-unstyled div a { - padding: 8px 35px 8px 0; - transition: 0.5s; -} -.mega-menu .list-unstyled div a:hover { - padding: 8px 35px 8px 10px; - transition: 0.5s; -} - -/*=======Mega menu css end=======*/ -/**===================== - 5.3 Header CSS Ends -==========================**/ -/**===================== - 5.4 Navs CSS Start -==========================**/ -#accordionoc #collapseicon, -#accordionoc #collapseicon1 { - padding-top: 0px; -} -#accordionoc li button { - display: flex; - align-items: center; -} - -.navs-icon.default-according.style-1 li button { - position: relative; -} -.navs-icon.default-according.style-1 li button:hover { - color: var(--theme-deafult) !important; -} -.navs-icon.default-according.style-1 li button[aria-expanded=true]:before { - right: 2px; - top: 6px; -} -.navs-icon.default-according.style-1 li button[aria-expanded=false]:before { - right: 2px; - top: 6px; -} - -.navs-icon { - padding: 30px; -} -.navs-icon li { - padding: 9px 0; -} -.navs-icon li a { - color: #2F2F3B; -} -.navs-icon li a:hover { - color: var(--theme-deafult); -} -.navs-icon li ul { - padding-top: 9px; -} - -.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after { - right: 77px; - left: unset; -} - -.icon-lists { - font-family: Rubik, sans-serif; -} - -.pl-navs-inline { - padding-left: 30px !important; -} - -.inline-nav li { - line-height: 1.3; -} - -/**===================== - 5.4 Navs CSS Ends -==========================**/ -/**===================== - 5.5 Search CSS Start -==========================**/ -.search-page .theme-form input { - border: 1px solid var(--theme-deafult); - padding-left: 20px; - border-radius: 10px 0 0 10px; - flex: 1 1 auto; -} -.search-page .theme-form input::placeholder { - color: #7366FF; -} -.search-page .theme-form input:focus { - outline: none; -} -.search-page .theme-form .input-group .btn { - line-height: 32px; - font-size: 16px; -} -.search-page .theme-form .input-group .form-control-plaintext { - background: transparent; -} -.search-page h6 { - line-height: 1.4; -} -.search-page .nav-link { - font-weight: 500; - text-transform: uppercase; -} -.search-page .border-tab.nav-tabs .material-border { - border-bottom-width: 1px; -} -.search-page .border-tab.nav-tabs .nav-item .nav-link { - font-size: 15px; - padding: 10px 18px; -} -.search-page .media .media-body { - overflow: hidden; -} -.search-page .info-block { - padding: 30px; - border-radius: 15px; - border: 1px solid #f4f4f4; -} -.search-page .info-block a { - color: #656565; - margin-bottom: 3px; - display: block; -} -.search-page .info-block h6 { - color: #7366FF; -} -.search-page .info-block + .info-block { - margin-top: 20px; -} -.search-page .border-tab.nav-tabs { - align-items: left; - justify-content: end; -} -.search-page .border-tab.nav-tabs .nav-item { - width: auto; -} -.search-page .search-links h6 { - margin-bottom: 10px; -} -.search-page p { - text-transform: lowercase; - margin-bottom: 0; - color: #a5a2a2; -} -.search-page ul.search-info li { - display: inline-block; - font-size: 12px; - line-height: 1; - color: #586082; -} -.search-page ul.search-info li + li { - border-left: 1px solid #a8b0c2; - padding-left: 8px; - margin-left: 8px; -} -.search-page ul.search-info li i { - color: #FFAA05; -} -.search-page ul.search-info li i:not(:last-child) { - margin-right: 4px; -} -.search-page #video-links .embed-responsive + .embed-responsive { - margin-top: 30px; -} - -.search-list { - margin-bottom: 30px; - width: auto; - display: inline-flex; - border-radius: 10px; - overflow: hidden; - border: 1px solid #7366FF; - border: none; -} -.search-list .nav-item { - background-color: rgba(115, 102, 255, 0.1); -} -.search-list .nav-item .nav-link { - border: none; - padding: 0.7rem 1.5rem; - opacity: 0.5; -} -.search-list .nav-item .nav-link.active { - background-color: rgba(115, 102, 255, 0.1); - color: var(--theme-deafult); - opacity: 1; -} -.search-list .nav-item.show, .search-list .nav-item.active { - background-color: rgba(115, 102, 255, 0.1); -} - -/**===================== - 5.5 Search CSS Ends -==========================**/ -/**===================== - 5.6 Select2 CSS Start -==========================**/ -.dropzone { - background: unset; -} -.dropzone.dropzone-secondary { - border: 2px dashed #FF3364; -} -.dropzone.dropzone-secondary i { - color: #FF3364; -} -@media (max-width: 360px) { - .dropzone .note { - min-width: unset !important; - } -} -.dropzone .dz-preview { - margin: 28px 18px !important; - box-shadow: unset; -} -.dropzone .dz-preview .dz-details { - top: unset; - bottom: -6px; - position: relative; - padding-bottom: 6px; - background-color: unset; -} -[dir=rtl] .dropzone .dz-preview .dz-details { - left: unset; - right: 32px; -} -.dropzone .dz-preview:hover .dz-error-message { - display: none !important; -} -.dropzone .dz-error-mark .dz-remove { - position: relative; -} - -.dz-preview .dz-remove { - cursor: pointer; -} - -.dropzone-secondary .dz-preview .dz-remove { - color: #FF3364; -} - -.select2 { - max-width: 100%; -} - -.add-post #cke_text-box { - border: 1px solid #efefef; -} -.add-post form .m-checkbox-inline label { - margin-bottom: 0; -} -.add-post form .form-control { - border: 1px solid #efefef; -} -.add-post form .col-form-label { - padding-bottom: 0; - padding-top: 0; -} -.add-post form .col-form-label .select2-container--default { - margin-top: 10px; - max-width: 100%; -} -.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field { - padding: 2px; -} -.add-post form .col-form-label .select2-container--default .select2-selection--multiple { - border: 1px solid #efefef; - max-width: 100%; -} -.add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-top: 6px !important; -} -.add-post .dropzone { - margin-bottom: 30px; -} - -.select2-container--open .select2-dropdown { - z-index: 7; -} - -.select2-container { - width: 100% !important; -} -.select2-container.select2 .selection { - display: block !important; -} - -.select2-drpdwn .select2-selection { - border-radius: 0 !important; - border-color: #f4f4f4 !important; - height: 40px !important; - padding: 5px; -} -.select2-drpdwn .form-control { - border-radius: 5px; -} -.select2-drpdwn .form-control-primary { - border-color: var(--theme-deafult); - color: var(--theme-deafult); -} -.select2-drpdwn .form-control-secondary { - border-color: var(--theme-secondary); - color: var(--theme-secondary); -} -.select2-drpdwn .form-control-success { - border-color: #54BA4A; - color: #54BA4A; -} -.select2-drpdwn .form-control-info { - border-color: #16C7F9; - color: #16C7F9; -} -.select2-drpdwn .form-control-warning { - border-color: #FFAA05; - color: #FFAA05; -} -.select2-drpdwn .form-control-danger { - border-color: #FC4438; - color: #FC4438; -} -.select2-drpdwn .form-control-inverse { - border-color: #2c323f; - color: #2c323f; -} -.select2-drpdwn .form-control-primary-fill { - background-color: var(--theme-deafult); - color: #fff; -} -.select2-drpdwn .form-control-secondary-fill { - background-color: var(--theme-secondary); - color: #fff; -} -.select2-drpdwn .form-control-success-fill { - background-color: #54BA4A; - color: #fff; -} -.select2-drpdwn .form-control-info-fill { - background-color: #16C7F9; - color: #fff; -} -.select2-drpdwn .form-control-warning-fill { - background-color: #FFAA05; - color: #fff; -} -.select2-drpdwn .form-control-danger-fill { - background-color: #FC4438; - color: #fff; -} -.select2-drpdwn .form-control-inverse-fill { - background-color: #2c323f; - color: #fff; -} - -.selection .select2-selection { - border-radius: 5px !important; -} -.selection .select2-selection .select2-search__field { - margin-top: 0; - padding: 3px; -} - -.select2-container--classic .select2-selection--multiple .select2-selection__choice { - padding: 2px 6px !important; - margin-top: 0 !important; - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult) !important; - color: #fff; - margin-right: 8px !important; -} -.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { - color: #fff !important; - float: right; - margin-left: 0.5rem; -} -.select2-container--classic .select2-results__option--highlighted[aria-selected] { - background-color: #e0e0e0 !important; - color: #424242 !important; -} -.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true] { - background-color: var(--theme-deafult) !important; - color: #fff !important; -} - -.select2-container--default .select2-selection--single .select2-selection__arrow { - top: 11px !important; - right: 10px !important; -} -[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow { - left: 10px; - right: unset; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - padding: 2px 6px !important; - margin-top: 0 !important; - background-color: var(--theme-deafult) !important; - border-color: var(--theme-deafult) !important; - color: #fff; - margin-right: 8px !important; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: #fff !important; - float: right; - margin-left: 0.5rem; -} -[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - margin-left: unset; - margin-right: 0.5rem; -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #e0e0e0 !important; - color: #424242 !important; -} -.select2-container--default .select2-results__options .select2-results__option[aria-selected=true] { - background-color: var(--theme-deafult) !important; - color: #fff !important; -} - -.filepond--drop-label .filepond--label-action { - color: #FC4438; - text-decoration: none; -} - -.filepond--list .filepond--file { - background-color: #7366FF; -} - -/**===================== - 5.6 Select2 CSS Ends -==========================**/ -/**===================== - 5.7 Sidebar CSS Start -==========================**/ -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { - position: absolute; - content: ""; - top: 48%; - width: 8px; - border-top: 1px solid rgba(82, 82, 108, 0.4); -} - -.media.media-wrapper { - width: 100%; - display: -webkit-flex; -} -.media .media-body { - flex: unset; -} - -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before { - position: absolute; - content: ""; - width: 5px; - height: 5px; - top: 50%; - transform: translateY(-50%); - left: 25px; - border-radius: 100%; - background: var(--theme-deafult); - opacity: 0; - visibility: hidden; -} -[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir=rtl] h5::before, [dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir=rtl] a::before { - left: unset; - right: 25px; -} - -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before { - position: absolute; - content: ""; - width: 1px; - height: 0; - background: rgba(82, 82, 108, 0.4); - top: -10px; - left: 27px; - transition: height 0.5s; -} -[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir=rtl] .mega-menu-container::before, [dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir=rtl] .sidebar-submenu::before { - left: unset; - right: 27px; -} - -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { - position: absolute; - content: ""; - top: 49%; - width: 5px; - height: 1px; - border-radius: 100%; - background-color: #59667a; -} - -.onhover-show-div { - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - transform: translateY(30px); - opacity: 0; - visibility: hidden; - left: 0; -} - -.onhover-dropdown:hover .onhover-show-div { - opacity: 1; - transform: translateY(0px); - visibility: visible; - border-radius: 5px; - overflow: hidden; -} -.onhover-dropdown:hover .onhover-show-div:before { - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #fff; - content: ""; - top: -7px; - position: absolute; - left: 10px; - z-index: 2; -} -.onhover-dropdown:hover .onhover-show-div:after { - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #d7e2e9; - content: ""; - top: -7px; - position: absolute; - left: 10px; - z-index: 1; -} - -.page-wrapper { - position: relative; -} -.page-wrapper .page-header { - max-width: 100vw; - position: fixed; - top: 40px; - z-index: 8; - transition: 0.5s; - background-color: #fff; - box-shadow: 0px 4px 40px rgba(39, 32, 120, 0.1); -} -.page-wrapper .page-header .header-wrapper { - width: 100%; - align-items: center; - padding: 22px 30px; - position: relative; -} -@media (max-width: 1399px) { - .page-wrapper .page-header .header-wrapper { - padding: 22px 20px; - } -} -.page-wrapper .page-header .header-wrapper .search-full { - background-color: #fff; - position: absolute; - right: 0; - z-index: 1; - height: 0; - width: 0; - transform: scale(0); - transition: all 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .search-full.open { - height: 100%; - width: 100%; - animation: zoomIn 0.5s ease-in-out; - transform: scale(1); - transition: all 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .search-full input { - line-height: 65px; - padding-left: 60px; - width: 100% !important; -} -.page-wrapper .page-header .header-wrapper .search-full input:focus { - outline: none !important; -} -.page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { - position: absolute; - font-size: 15px; - right: 30px; - top: 30px; - color: #898989; - cursor: pointer; -} -[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { - left: 30px; - right: unset; -} -.page-wrapper .page-header .header-wrapper .search-full .form-group:before { - position: absolute; - left: 30px; - top: 27px; - content: "\f002"; - font-size: 16px; - color: #898989; - font-family: FontAwesome; -} -[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group:before { - left: unset; - right: 30px; -} -.page-wrapper .page-header .header-wrapper .nav-right { - justify-content: flex-end; -} -.page-wrapper .page-header .header-wrapper .nav-right ul li svg { - vertical-align: middle; - width: 20px; - height: 20px; - stroke: rgba(47, 47, 59, 0.9); - fill: none; -} -.page-wrapper .page-header .header-wrapper .nav-right ul li svg path { - color: #242934; -} -.page-wrapper .page-header .header-wrapper .nav-right ul li .mode.active svg { - fill: #fff; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode { - cursor: pointer; - text-align: center; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i { - font-size: 18px; - font-weight: 600; - transition: all 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o { - font-weight: 500; - font-size: 22px; - transition: all 0.3s ease; - animation: zoomIn 300ms ease-in-out; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search { - cursor: pointer; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body { - margin-left: 15px; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span { - font-weight: 500; -} -.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p { - font-size: 12px; - line-height: 1; - color: rgba(47, 47, 59, 0.7); -} -.page-wrapper .page-header .header-wrapper .nav-right > ul { - display: flex; - align-items: center; - justify-content: flex-end; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li { - padding: 6px 10px; - display: inline-block; - position: relative; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge { - position: absolute; - right: -5px; - top: -6px; - padding: 2px 4px; - font-size: 11px; - font-weight: 700; - font-family: work-Sans, sans-serif; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul { - left: inherit; - right: -10px; - width: 130px; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after { - left: inherit; - right: 10px; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li { - display: block; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a { - font-size: 14px; - color: #2c323f; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i { - margin-left: 10px; - font-size: 13px; - color: #2c323f; -} -.page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon { - font-size: 16px; -} -.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip { - width: unset !important; - box-shadow: unset !important; - background-color: transparent !important; - overflow: initial; -} -.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before { - display: none; -} -.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content { - text-align: center; -} -.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon { - width: 52px; - height: 52px; - background-color: #f9f9f9; - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; - margin: 0 auto; -} -.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span { - font-family: Roboto, sans-serif; - font-size: 12px; - font-weight: 500; - letter-spacing: 0.5px; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card { - width: 300px; - height: 260px; - background-color: transparent; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner { - position: relative; - height: 100%; - text-align: center; - transition: transform 0.6s; - transform-style: preserve-3d; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front, -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back { - position: absolute; - backface-visibility: hidden; - border-radius: 10px; - overflow: hidden; - box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); - width: 300px; - height: 260px; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button, -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button { - background-color: transparent; - color: #7366FF; - border: none; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus, -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus { - outline: transparent; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front { - background-color: #fff; - transition: 0.3s; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg { - stroke: #2c323f; - transition: all 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover { - stroke: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back { - background-color: #fff; - transform: rotateY(180deg); -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child { - margin-top: 20px; - height: 140px !important; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button { - width: 100%; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input { - border-radius: 25px; - padding: 6px 12px; - width: 100%; - border: 1px solid #ddd; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus { - outline: none; -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped { - transform: rotateY(180deg); -} -.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front { - opacity: 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div { - width: 330px; - top: 50px; - right: 0; - left: unset; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title { - padding: 20px; - text-align: center; - border-bottom: 1px solid rgba(145, 142, 153, 0.3); -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul { - padding: 15px; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li { - padding: 15px; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p { - font-size: 14px; - letter-spacing: 0.3px; - margin-bottom: 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a { - text-decoration: underline; - text-transform: uppercase; - letter-spacing: 0.3px; - font-family: Roboto, sans-serif; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li { - margin-top: 15px; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child { - padding-bottom: 15px; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media { - position: relative; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img { - width: 40px; - position: relative; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle { - left: 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span { - letter-spacing: 0.8px; - padding-right: 10px; - display: inline-block; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p { - margin-bottom: 8px; -} -.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after { - right: 10px !important; - left: unset !important; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-box { - position: relative; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-box { - position: relative; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul { - padding: 0 0 15px; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li { - margin: 0 15px; - padding: 10px 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media { - align-items: center; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body { - margin-right: 20px; -} -[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body { - margin-right: unset; - margin-left: 20px; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li { - margin-top: 0; - border-top: 1px solid rgba(145, 142, 153, 0.1); -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child { - padding: 20px 15px; - border-top: none; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p { - line-height: 1.3; - margin-top: 3px; - opacity: 0.6; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle { - position: absolute; - right: 0; - top: 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a { - width: 18px; - height: 18px; - border-radius: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg { - width: 14px; - stroke: #fff; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box { - margin: 5px 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group { - width: 80px; - background-color: transparent; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input { - background-color: transparent; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input, -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn { - font-size: 10px; - font-family: Roboto, sans-serif; - font-weight: 700; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn { - padding: 0px 7px; - background-color: #F7F6FF !important; - border-color: #F7F6FF !important; - border-radius: 100%; - font-size: 14px; - color: #2F2F3B; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total { - margin: 0; - padding: 15px; - background-color: #f9f9f9; - border: none; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 { - font-family: Roboto, sans-serif; - font-weight: 500; - font-size: 12px; - line-height: 14px; - letter-spacing: 0.5px; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span { - font-size: 14px; -} -.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout { - text-decoration: unset; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-box svg { - animation: swing 1.5s ease infinite; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { - top: 52px; - width: 300px; - right: -20px !important; - left: unset; -} -@media (max-width: 575.98px) { - .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { - width: calc(100vw - 30px); - } -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li { - background-color: #f9f9f9; - border-radius: 5px; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child { - text-align: center; - background-color: transparent; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p { - display: flex; - align-items: center; - justify-content: space-between; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span { - font-size: 11px; - vertical-align: middle; -} -.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after { - right: 28px !important; - left: unset !important; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown { - width: 160px; - top: 57px; - left: -12px; - padding: 0 10px; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li { - padding: 10px !important; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a { - text-decoration: unset; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span { - color: var(--theme-deafult); - transition: color 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg { - stroke: var(--theme-deafult); - transition: stroke 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path { - stroke: var(--theme-deafult); - transition: stroke 0.3s ease; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li { - margin-top: 0; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child { - padding-top: 10px !important; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span { - color: #2c323f; -} -.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg { - width: 16px; - vertical-align: bottom; - margin-right: 10px; - stroke: #2c323f; -} -.page-wrapper .page-body-wrapper { - background-color: #F7F8F9; -} -.page-wrapper .page-body-wrapper .page-body { - min-height: calc(100vh - 136px); - margin-top: 136px; - padding: 0 15px 0 15px; - position: relative; - transition: 0.5s; -} -.page-wrapper .page-body-wrapper .page-body:before { - animation: fadeIn 0.5s ease-in-out; -} -.page-wrapper .page-body-wrapper .page-title { - padding: 15px 30px; - margin: 0 -27px 28px; - background-color: #fff; -} -.page-wrapper .page-body-wrapper .page-title > .row { - margin: 0; -} -.page-wrapper .page-body-wrapper .page-title > .row .col-6 { - padding: 0; -} -.page-wrapper .page-body-wrapper .page-title .row { - align-items: center; -} -.page-wrapper .page-body-wrapper .page-title .row h3 { - font-size: 24px; - margin-bottom: 0; - text-transform: capitalize; -} -.page-wrapper .page-body-wrapper .page-title .row h3 small { - display: block; - font-size: 12px; - margin-bottom: 5px; - text-transform: capitalize; - color: #52526c; -} -.page-wrapper .page-body-wrapper .page-title .breadcrumb { - background-color: transparent; - padding: 0; - margin-bottom: 0; - align-items: center; - justify-content: flex-end; -} -.page-wrapper .page-body-wrapper .page-title .breadcrumb li { - font-size: 13px; - letter-spacing: 1px; - font-family: Roboto, sans-serif; -} -.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before { - content: "/"; -} -.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg { - width: 16px; - height: 16px; - stroke: #2c323f; - vertical-align: text-top; -} -.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active { - color: var(--theme-deafult); - font-weight: 500; -} -.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon { - stroke: #2c323f; -} -.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon { - fill: #757589; -} -.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg { - transition: all 0.3s ease; -} -.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon { - stroke: var(--theme-deafult); -} -.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon { - fill: var(--theme-deafult); -} -.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a { - text-transform: capitalize; -} -.page-wrapper .sidebar-wrapper[sidebar-layout=stroke-svg] .stroke-icon { - display: inline-block; -} -.page-wrapper .sidebar-wrapper[sidebar-layout=stroke-svg] .fill-icon { - display: none; -} -.page-wrapper .sidebar-wrapper[sidebar-layout=fill-svg] .stroke-icon { - display: none; -} -.page-wrapper .sidebar-wrapper[sidebar-layout=fill-svg] .fill-icon { - display: inline-block; -} -.page-wrapper.horizontal-wrapper [data-simplebar] { - position: relative; -} -.page-wrapper.horizontal-wrapper .footer { - margin-left: 0; -} -.page-wrapper.horizontal-wrapper .header-logo-wrapper { - width: 150px; -} -.page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar { - display: none; -} -.page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack { - visibility: hidden; - position: absolute; - top: 19px; - right: 0px; - color: #7366FF; -} -[dir=rtl] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack { - left: 0; - right: unset; -} -.page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack { - visibility: hidden; - cursor: pointer; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { - height: 54px; - line-height: inherit; - top: 79px; - background: #fff; - box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05); - overflow-x: hidden; - z-index: 1; - overflow-y: visible; - position: fixed; - width: 100vw; - border-top: 1px solid #efefef; - z-index: 3; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content { - display: flex; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li { - display: inline-block; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge { - position: absolute; - top: 2px; - right: 0px; - z-index: 1; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper { - display: none; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main { - text-align: left; - position: relative; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { - position: absolute; - top: 0px; - padding: 15px; - background-color: #fff; - display: flex; - align-items: center; - justify-content: center; - z-index: 1; - cursor: pointer; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled, -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled { - display: none; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow { - left: 0; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { - right: 0; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { - list-style: none; - margin: 0; - padding: 0; - line-height: normal; - direction: ltr; - text-align: left; - display: -webkit-box !important; - padding: 0 5px; - transition: all 0.5s ease; - white-space: nowrap; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before { - content: "-"; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu { - display: none; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after { - background-color: var(--theme-deafult); -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - position: relative; - padding-top: 10px; - padding-bottom: 10px; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title { - display: none !important; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show { - display: none !important; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a { - background-color: rgba(115, 102, 255, 0.0015); - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon { - stroke: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon { - fill: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child { - display: none !important; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { - display: block; - color: #2F2F3B; - line-height: 23px; - text-decoration: none; - text-transform: capitalize; - padding: 5px 15px; - margin: 0 3px; - letter-spacing: 0.04em; - position: relative; - border-radius: 5px; - font-weight: 500; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active { - background-color: #dad6ff; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg, -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge { - position: absolute; - top: -5px; - margin-left: 1px; - right: 10px; - padding: 0.2em 0.7em; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg { - width: 18px; - height: 18px; - vertical-align: middle; - margin-right: 10px; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { - position: fixed; - z-index: 4; - box-shadow: 0 0 1px 0 #898989; - padding: 15px 0px 15px 0px; - background: white; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li { - border: 0; - float: none; - position: relative; - display: block; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - background: transparent; - padding: 4px 30px; - display: block; - transition: all 0.5s ease; - line-height: 1.9; - color: rgba(43, 43, 43, 0.6); - letter-spacing: 0.06em; - font-weight: 500; - font-family: Roboto; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { - left: 20px; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { - color: var(--theme-deafult); - letter-spacing: 1.5px; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after { - background-color: var(--theme-deafult); -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - position: fixed; - right: 0; - left: 0; - margin: 0 auto; - z-index: 4; - box-shadow: 0 0 1px 0 #898989; - padding: 30px; - background: white; - width: 95%; - border-radius: 4px; - display: block !important; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box { - width: 20%; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - text-transform: uppercase; - font-size: 14px; - margin-left: -13px; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content { - box-shadow: none; - background-color: transparent; - position: relative; - display: block; - padding: 0; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li { - border: 0; - float: none; - position: relative; - display: block; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a { - border: 0 !important; - background: transparent; - color: #2F2F3B; - border-radius: 0 !important; - text-transform: capitalize; - padding: 3px 0; - font-size: 13px; - display: block; - letter-spacing: 0.07em; - line-height: 1.9; - position: relative; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover { - color: var(--theme-deafult); - letter-spacing: 1.5px; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after { - position: absolute; - content: ""; - left: -12px; - top: 50%; - width: 5px; - height: 1px; - background-color: #59667a; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after { - left: 0; - right: 0; - opacity: 1; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu { - position: unset; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white { - background-color: rgba(255, 255, 255, 0.08); -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav { - position: relative; - display: flex; - align-items: center; - cursor: pointer; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i { - font-size: 24px; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body { - margin-top: 135px; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title { - display: none !important; -} -.page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper { - display: none; - transition: all 0.3s ease; -} -.page-wrapper.horizontal-wrapper .page-header { - width: 100%; - box-shadow: none; -} -.page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext { - width: auto !important; -} -.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { - width: 30%; -} -@media (max-width: 1428px) and (min-width: 1324px) { - .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { - width: 32%; - } -} -@media (max-width: 1323px) and (min-width: 1200px) { - .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { - width: 37%; - } -} -@media (max-width: 1199px) and (min-width: 992px) { - .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { - width: 32%; - } -} -@media (max-width: 1428px) and (min-width: 1324px) { - .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right { - width: 55%; - } -} -@media (max-width: 1323px) and (min-width: 1200px) { - .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right { - width: 40%; - } -} -@media (max-width: 1199px) and (min-width: 992px) { - .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right { - width: 50%; - } -} -.page-wrapper.horizontal-wrapper.enterprice-type footer { - margin-left: 0; -} -.page-wrapper.material-icon .card { - border-radius: 30px; - box-shadow: 0 0 20px rgba(115, 102, 255, 0.1); -} -.page-wrapper .sidebar-main-title h6 { - font-size: 14px; - font-weight: 600; - color: #52526c; - text-transform: uppercase; - margin-bottom: 0; - letter-spacing: 0.4px; -} -.page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack { - visibility: hidden; - position: absolute; - top: 11px; - right: -9px; - color: #7366FF; - z-index: 9999; -} -[dir=rtl] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack { - left: -9px; - right: unset; -} -.page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack { - visibility: visible; - cursor: pointer; -} -.page-wrapper.compact-wrapper .sidebar-list.pined { - order: -1; -} -.page-wrapper.compact-wrapper .pin-title { - order: -1; -} -.page-wrapper.compact-wrapper .page-header { - width: calc(100% - 185px); -} -.page-wrapper.compact-wrapper .page-header.close_icon { - margin-left: 90px; - width: calc(100% - 90px); -} -.page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper { - display: none; -} -.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { - position: fixed; - top: 0; - z-index: 9; - height: auto; - line-height: inherit; - background: #fff; - width: 265px; - text-align: left; - transition: 0.3s; - box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper { - padding: 22px 30px; - box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon { - width: auto; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge { - opacity: 0; - width: 0; - padding: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - max-width: 86px; - margin: 0; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { - text-align: center; - padding: 12px 14px; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title { - display: none !important; - opacity: 0; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper { - text-align: right; - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover { - width: 265px; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge { - opacity: 1; - width: auto; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - max-width: unset; - margin: initial; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { - text-align: left; -} -[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { - text-align: right; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a { - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { - padding: 12px 15px; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span { - display: inline-block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title { - opacity: 1; - display: block !important; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper { - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar { - transform: translate(183px); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer { - margin-left: 90px; - transition: 0.5s; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix { - width: calc(100% - 90px); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links { - height: calc(100vh - 118px); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before { - right: 20px; - left: unset; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow, -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack { - visibility: hidden; - position: absolute; - top: 16px; - right: 35px; - color: #7366FF; -} -[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack { - left: 35px; - right: unset; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack { - visibility: visible; - cursor: pointer; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title { - order: -1; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title { - order: -1; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 115px); - left: -300px; - z-index: 99; - transition: color 1s ease; - overflow: auto; - color: rgba(0, 0, 0, 0); - margin-top: 20px; - margin-bottom: 30px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a { - font-weight: 500; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { - width: 18px; - height: 18px; - margin-right: 10px; - vertical-align: -2px; - float: none; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - letter-spacing: 0.7px; - text-transform: capitalize; - color: rgba(82, 82, 108, 0.8); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child { - border-bottom: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav { - left: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn { - display: block; - width: 100%; - padding: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back { - padding: 20px; - color: #242934; - font-weight: 700; - text-transform: uppercase; - border-bottom: 1px solid #efefef; - cursor: pointer; - display: flex; - justify-content: flex-end; - align-items: center; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - display: block; - width: 100%; - position: relative; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title { - padding: 25px 0 6px 20px; - margin-top: 10px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show { - display: block; -} -[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title { - padding: 25px 20px 6px 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before { - position: absolute; - content: ""; - top: 0; - left: 50%; - background: var(--sidebar-border); - width: calc(100% - 40px); - height: 1px; - transform: translateX(-50%); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) { - margin-top: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge { - position: absolute; - right: 50px; - top: 14.5px; - padding: 0.45em 0.8em 0.33em; - z-index: 1; - font-size: 10px; - letter-spacing: 0.7px; - font-weight: 600; - font-family: Roboto, sans-serif; - border-radius: 10px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover { - background-color: rgba(115, 102, 255, 0.07); - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg { - fill: rgba(115, 102, 255, 0.001); - stroke: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon { - fill: var(--theme-deafult); - stroke: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { - padding: 12px 20px; - position: relative; - color: #222222; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow { - right: 20px; - position: absolute; - top: 10px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child { - display: none !important; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { - width: 100%; - padding: 0; - position: relative !important; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a { - padding-left: 48px !important; - font-weight: 400; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu { - top: 7px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu { - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu { - display: none; - position: relative !important; - right: 0; - width: 100%; - padding: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild { - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a { - padding: 6px 45px; - padding-left: 56px !important; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - padding: 7px 25px; - font-size: 14px; - color: rgba(47, 47, 59, 0.6); - display: block; - position: relative; - letter-spacing: 0.06em; - font-weight: 500; - transition: all 0.3s ease; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active { - color: var(--theme-deafult); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before { - opacity: 1; - visibility: visible; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { - left: 27px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { - margin-left: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - padding: 0; - position: relative; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu { - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box { - width: 100%; - padding: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 { - color: var(--theme-deafult) !important; - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title { - position: relative; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - margin-bottom: 0; - line-height: 1.9; - padding: 6px 25px 6px 45px; - font-size: 14px; - position: relative; - color: rgba(43, 43, 43, 0.6); - display: block; - letter-spacing: 0.06em; - font-weight: 500; - font-family: Roboto; - cursor: pointer; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after { - left: 28px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 { - color: var(--theme-deafult); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before { - opacity: 1; - visibility: visible; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu { - top: 8px; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - margin-bottom: 0; - line-height: 1.9; - padding: 6px 25px 6px 45px; - font-size: 14px; - position: relative; - color: rgba(43, 43, 43, 0.6); - display: block; - letter-spacing: 0.06em; - font-weight: 500; - font-family: Roboto; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after { - display: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active { - color: var(--theme-deafult); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a { - line-height: 1.9; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover { - margin-left: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container { - display: block !important; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before { - height: calc(100% - 9px); - transition: height 0.5s; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link { - transition: all 0.5s ease; - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after { - position: absolute; - content: ""; - width: 4px; - height: 35px; - right: 0; - top: 50%; - transform: translateY(-50%); - background-color: #7366FF; - border-radius: 5px 0px 0px 5px; - opacity: 0; - visibility: hidden; -} -[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after { - right: unset; - left: 0; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - transition: all 0.5s ease; - position: relative; - margin-bottom: 10px; - background-color: #f1f0ff; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after { - opacity: 1; - visibility: visible; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before { - height: calc(100% - 8px); - transition: height 0.5s; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i { - color: var(--theme-deafult); -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { - color: var(--theme-deafult); - transition: all 0.3s ease; -} -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content { - display: flex; - flex-direction: column; -} -.page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col { - flex-basis: unset; -} -.page-wrapper.compact-wrapper .page-body-wrapper .according-menu { - position: absolute; - right: 20px; - top: 11px; - display: block; -} -.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i { - vertical-align: middle; - color: rgba(82, 82, 108, 0.8); - font-weight: 500; -} -.page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section { - border: none; -} -.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav { - position: absolute; - z-index: 2; - right: 145px; - top: 6px; -} -.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name { - font-size: 18px; - padding-left: 5px; - text-transform: uppercase; -} -.page-wrapper.compact-wrapper .page-body-wrapper .page-body { - min-height: calc(100vh - 80px); -} -.page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 { - color: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg { - stroke: var(--theme-deafult); -} -.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon { - stroke: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon { - fill: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon { - stroke: var(--theme-deafult); -} -.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon { - fill: var(--theme-deafult); -} -.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before { - background: #374558; -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper { - background-color: #262932; -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - color: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon { - stroke: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon { - fill: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 { - color: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a { - color: rgba(255, 255, 255, 0.6); - font-weight: 400; -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after { - background-color: rgba(255, 255, 255, 0.2); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { - background-color: rgba(115, 102, 255, 0.2); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { - color: var(--theme-deafult); - stroke: var(--theme-deafult); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { - color: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { - color: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { - color: var(--theme-deafult); -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light { - display: none; -} -.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark { - display: block; -} -.page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i { - color: rgba(255, 255, 255, 0.6); -} -.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper { - background-color: #2f3c4e; -} -.page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content { - display: flex; - flex-direction: column; -} -.page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack { - visibility: hidden; - position: absolute; - top: 8px; - right: 54px; - color: #7366FF; - width: 20px; - height: 20px; - background-color: #E0DDFF; - border-radius: 100%; - display: flex; - justify-content: center; - align-items: center; -} -[dir=rtl] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack { - left: 54px; - right: unset; -} -.page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack { - visibility: visible; - cursor: pointer; - z-index: 1; -} -.page-wrapper.compact-sidebar .sidebar-list.pined { - order: -1; -} -.page-wrapper.compact-sidebar .pin-title { - order: -1; -} -.page-wrapper.compact-sidebar ~ .bg-overlay1 { - transition: 0.8s; -} -.page-wrapper.compact-sidebar ~ .bg-overlay1.active { - z-index: 8; - height: 100vh; - width: 100vw; - background-color: rgba(0, 0, 0, 0.2); - position: fixed; - top: 0; -} -.page-wrapper.compact-sidebar .toggle-sidebar { - position: relative; - right: unset; - top: unset; - margin-right: 15px; -} -.page-wrapper.compact-sidebar .sidebar-main-title { - display: none; -} -.page-wrapper.compact-sidebar .logo-wrapper { - display: none; -} -.page-wrapper.compact-sidebar .logo-icon-wrapper { - display: block; - text-align: center; - padding: 24px 30px; - box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); -} -.page-wrapper.compact-sidebar .page-header { - margin-left: 150px; - width: calc(100% - 150px); -} -.page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper { - display: none; -} -.page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { - width: 30%; -} -@media (max-width: 1578px) and (min-width: 1274px) { - .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { - width: 38%; - } -} -@media (max-width: 1273px) and (min-width: 1200px) { - .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { - width: 45%; - } -} -@media (max-width: 991px) and (min-width: 768px) { - .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { - width: 36%; - } -} -@media (max-width: 767px) and (min-width: 756px) { - .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { - width: 28%; - } -} -@media (max-width: 1199px) { - .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 { - width: 132px; - } -} -@media (max-width: 767px) { - .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 { - width: 83px; - } -} -.page-wrapper.compact-sidebar .page-header.close_icon { - margin-left: 0; - width: calc(100% - 0px); -} -.page-wrapper.compact-sidebar .page-body-wrapper .page-body { - margin-top: 80px; - margin-left: 150px; -} -.page-wrapper.compact-sidebar .page-body-wrapper .footer { - margin-left: 150px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper { - position: fixed; - top: 0; - z-index: 9; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { - height: auto; - line-height: inherit; - background: #fff; - width: 150px; - text-align: left; - transition: 0.3s; - box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow { - display: none; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - margin: 30px 0; - height: calc(100vh - 113px); - overflow: auto; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a { - color: #2c323f; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { - text-transform: capitalize; - color: #2c323f; - font-weight: 500; - letter-spacing: 1px; - font-size: 14px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active { - background: rgba(115, 102, 255, 0.1); - color: #7366FF; - border-radius: 20px; - margin: 0 10px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span { - color: #7366FF; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container { - animation: fadeInLeft 300ms ease-in-out; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { - display: block; - padding: 20px 0; - border-bottom: 1px solid #f3f3f3; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - position: fixed; - top: 0px; - height: calc(100vh - 0px); - overflow: auto; - left: 150px; - width: 230px; - background-color: #fff; - box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03); - transition: all 0.5s ease-in-out; - display: none; - padding-top: 20px; - z-index: -1; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a { - padding: 15px 15px 15px 40px; - display: block; - position: relative; - border-bottom: 1px solid #f1f1f1; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow { - display: none; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu { - position: absolute; - right: 20px; - top: 16px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active { - background-color: rgba(115, 102, 255, 0.1); - color: #7366FF; - transition: all 0.3s ease; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active { - background-color: transparent; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after { - position: absolute; - content: ""; - left: 20px; - top: 48%; - width: 8px; - border-top: 2px solid rgba(82, 82, 108, 0.4); -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box { - flex: 0 0 100%; - max-width: 100%; - padding: 0; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section { - text-align: left; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 { - position: relative; - font-size: 14px; - font-weight: 400; - padding: 15px 15px 15px 40px; - letter-spacing: 1px; - margin-bottom: 0; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after { - position: absolute; - content: ""; - left: 20px; - top: 48%; - width: 6px; - border-top: 2px solid #595c60; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list { - position: relative; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge { - position: absolute; - left: 53%; - top: 7px; - font-weight: 500; - font-size: 9px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link { - text-align: center; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg { - margin: 0 auto 6px; - width: 24px; - height: 24px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span { - display: block; - font-weight: 500; - letter-spacing: 1px; - font-size: 14px; - word-break: break-word; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu { - display: none; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu { - text-align: center; - padding: 0; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg { - width: 24px; - height: 24px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu { - position: absolute; - right: 20px; - top: 13px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[sidebar-layout=stroke-svg] .sidebar-links .mega-menu svg.stroke-icon { - display: block; - margin: 0 auto 6px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[sidebar-layout=stroke-svg] .sidebar-links .mega-menu svg.fill-icon { - display: none; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[sidebar-layout=fill-svg] .sidebar-links .mega-menu svg.stroke-icon { - display: none; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[sidebar-layout=fill-svg] .sidebar-links .mega-menu svg.fill-icon { - display: block; - margin: 0 auto 6px; -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon { - transform: translateX(-150px); -} -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, -.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer { - margin-left: 0px; -} -.page-wrapper.compact-small .toggle-sidebar { - position: relative; - right: unset; - top: unset; - margin-right: 15px; -} -.page-wrapper.compact-small .sidebar-list i.fa-thumb-tack { - visibility: hidden; - position: absolute; - top: 8px; - right: 22px; - color: #7366FF; - width: 20px; - height: 20px; - background-color: #E0DDFF; - border-radius: 100%; - display: flex; - justify-content: center; - align-items: center; -} -[dir=rtl] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack { - left: 22px; - right: unset; -} -.page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack { - visibility: visible; -} -.page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title { - order: -1; -} -.page-wrapper.compact-small .sidebar-main-title, -.page-wrapper.compact-small .logo-wrapper { - display: none; -} -.page-wrapper.compact-small .logo-icon-wrapper { - display: block; - text-align: center; - padding: 27px 30px; - box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); -} -.page-wrapper.compact-small .page-header { - margin-left: 90px; - width: calc(100% - 90px); -} -.page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper { - display: none; -} -.page-wrapper.compact-small .page-header.close_icon { - margin-left: 0; - width: calc(100% - 0px); -} -.page-wrapper.compact-small .page-body-wrapper .page-body { - margin-left: 90px; -} -.page-wrapper.compact-small .page-body-wrapper .footer { - margin-left: 90px; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div { - width: 90px; -} -@media (max-width: 420px) { - .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 105px); - } -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { - display: block; - padding: 15px 0; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - left: 90px; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a, -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a { - padding: 10px 15px 10px 40px; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow, -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow { - display: none; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu, -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu { - top: 11px; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge { - display: none; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg { - margin: 0 auto; - width: 20px; - height: 20px; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span { - display: none; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg { - margin: 0 auto; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span { - display: none; -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon { - transform: translateX(-150px); -} -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, -.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer { - margin-left: 0px; -} -.page-wrapper.only-body { - background-color: #f2f0fa; -} -.page-wrapper.only-body .page-body-wrapper { - background-color: #f2f0fa; -} -.page-wrapper.only-body .page-header { - position: relative; -} -.page-wrapper.only-body .page-header .header-logo-wrapper { - display: none; -} -.page-wrapper.only-body .page-header .header-wrapper { - padding: 0 !important; -} -.page-wrapper.only-body .page-header .header-wrapper .left-header { - display: none; -} -.page-wrapper.only-body .page-header .header-wrapper .nav-right { - position: absolute; - right: 60px; - top: 58px; -} -.page-wrapper.only-body .page-header .header-wrapper .search-full { - top: 37px; - width: calc(100% - 50px); - left: 25px; -} -[dir=rtl] .page-wrapper.only-body .page-header .header-wrapper .search-full { - left: unset; - right: 25px; -} -.page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative { - background-color: #fff; - border-radius: 15px; -} -.page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu { - top: 78px; - width: calc(100% - 30px); - margin: 0 auto; - right: 0; -} -.page-wrapper.only-body .page-body-wrapper .page-title { - padding-top: 20px; - padding-bottom: 20px; -} -.page-wrapper.only-body .sidebar-wrapper, -.page-wrapper.only-body footer { - display: none; -} -.page-wrapper.only-body .page-body-wrapper .page-body { - margin-top: 0px; - min-height: calc(100vh - 0px); -} -.page-wrapper.only-body .page-body-wrapper .page-title { - padding-left: 30px; - padding-right: 30px; - margin: 30px 0; - border-radius: 15px; -} -@media (max-width: 991.98px) { - .page-wrapper.only-body .page-body-wrapper .page-title { - padding-left: 20px; - padding-right: 20px; - margin: 20px 0; - } -} -.page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 { - flex: 0 0 100%; - max-width: 100%; -} -.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb { - margin-top: 5px; - justify-content: flex-start; -} -.page-wrapper.modern-type .progress-chart-wrap { - margin-left: -22px; -} -[dir=rtl] .page-wrapper.modern-type .progress-chart-wrap { - margin-left: unset; - margin-right: -22px; -} -.page-wrapper.modern-type .ecommerce-widget { - border: 1px solid #dad6ff !important; -} -.page-wrapper.modern-type .file-sidebar .pricing-plan { - border: 1px solid #dad6ff !important; -} -.page-wrapper.modern-type .alert-primary { - color: #7366FF; -} -.page-wrapper.modern-type .project-box { - background-color: #dad6ff; -} -.page-wrapper.modern-type .nav-tabs .nav-link.active { - background-color: transparent; -} -.page-wrapper.modern-type .simplebar-mask { - top: 10px; -} -.page-wrapper.modern-type .page-header { - margin-left: 0px; - width: calc(100% - 0px); -} -.page-wrapper.modern-type .page-header.close_icon { - margin-left: 0px; - width: calc(100% - 0px); -} -.page-wrapper.modern-type .page-header .header-wrapper .left-header { - width: 30%; -} -@media (max-width: 1428px) and (min-width: 1200px) { - .page-wrapper.modern-type .page-header .header-wrapper .left-header { - width: 37%; - } -} -@media (max-width: 818px) { - .page-wrapper.modern-type .page-header .header-wrapper .left-header { - width: 36%; - } -} -@media (max-width: 1669px) { - .page-wrapper.modern-type .page-header .header-wrapper .nav-right { - width: 50%; - } -} -@media (max-width: 1428px) and (min-width: 1200px) { - .page-wrapper.modern-type .page-header .header-wrapper .nav-right { - width: 40%; - } -} -.page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper { - display: flex; - align-items: center; -} -.page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper { - display: block; - margin-right: 30px; -} -.page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar { - display: block; - position: relative; - top: unset; - right: unset; - margin-right: 15px; -} -.page-wrapper.modern-type .page-body-wrapper .page-title { - background-color: transparent; - padding-bottom: 0; -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper { - margin: 30px !important; - top: 80px; - bottom: 0; - border-radius: 15px; -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper, -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper { - display: none; -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 160px); -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper { - display: none; -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body { - margin-left: 0px; -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer { - margin-left: 0px; - margin-right: 0px; -} -.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper { - display: none; -} -.page-wrapper.modern-type .page-body-wrapper .page-body { - margin-left: 296px; -} -.page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid { - max-width: 1500px; -} -.page-wrapper.modern-type .page-body-wrapper .footer { - margin-left: 360px; - margin-right: 70px; - border-radius: 10px; -} -@media (max-width: 991px) { - .page-wrapper.modern-type .page-body-wrapper .footer { - margin-right: 0; - margin-left: 0; - } -} -.page-wrapper.material-type { - position: relative; -} -.page-wrapper.material-type::before { - position: absolute; - content: ""; - left: 0; - width: 100%; - height: 300px; - background-image: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-deafult) 79.68%); -} -.page-wrapper.material-type .card { - box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -} -.page-wrapper.material-type .page-header { - position: relative; - max-width: 1560px; - margin: 50px auto 0; - border-radius: 15px 15px 0 0; -} -.page-wrapper.material-type .page-header .header-wrapper .left-header { - width: 31%; -} -@media (max-width: 1600px) { - .page-wrapper.material-type .page-header .header-wrapper .left-header { - width: 33%; - } -} -@media (max-width: 1366px) { - .page-wrapper.material-type .page-header .header-wrapper .left-header { - width: 38%; - } -} -@media (max-width: 1199px) { - .page-wrapper.material-type .page-header .header-wrapper .left-header { - width: 30%; - } -} -@media (max-width: 1600px) { - .page-wrapper.material-type .page-header .header-wrapper .nav-right { - width: 40%; - } -} -@media (max-width: 1199px) { - .page-wrapper.material-type .page-header .header-wrapper .nav-right { - width: 45%; - } -} -.page-wrapper.material-type .page-body-wrapper { - background-image: url(../images/other-images/boxbg.jpg); - background-blend-mode: overlay; - background-color: rgba(255, 255, 255, 0.5); -} -.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper { - position: relative; - max-width: 1560px; - margin: 0 auto; - top: unset; - height: 56px; -} -.page-wrapper.material-type .page-body-wrapper .page-body { - margin: 0 auto; - max-width: 1560px; - background-color: #f8f8f8; - box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05); - border-radius: 0 0 15px 15px; -} -.page-wrapper.material-type .footer { - margin-top: 40px; -} -.page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header { - width: 38%; -} -@media (max-width: 991px) { - .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right { - width: 50%; - } -} -.page-wrapper.advance-layout { - background-blend-mode: overlay; - background-color: #F7F8F9; -} -.page-wrapper.advance-layout .card { - border-radius: 5px; - box-shadow: none; - border: 1px solid #ecf3fa; -} -.page-wrapper.advance-layout .page-header { - position: relative; - background-color: #fff; - margin: 0 auto; -} -.page-wrapper.advance-layout .page-body-wrapper { - background: transparent; -} -.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper { - position: relative !important; - top: unset !important; - height: unset; - box-shadow: none; - border-top: 1px solid #efefef; - border-bottom: 1px solid #efefef; -} -.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div { - overflow-x: hidden; -} -.page-wrapper.advance-layout .page-body-wrapper .page-body { - margin-top: 0 !important; -} - -@keyframes pagebody { - from { - opacity: 0; - transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); - } - 50% { - opacity: 1; - } -} -.md-sidebar { - position: relative; -} -.md-sidebar .md-sidebar-toggle { - display: none; - width: fit-content; - text-transform: capitalize; - margin-bottom: 20px; -} - -@media screen and (max-width: 1480px) { - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - right: -18%; - width: 91%; - } -} -@media screen and (max-width: 1460px) { - .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - right: -54%; - width: 75%; - } - .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - margin-right: 8px; - } -} -@media screen and (max-width: 1366px) { - .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - right: -49%; - width: 70%; - } - .profile-dropdown.onhover-show-div { - right: 0; - left: unset !important; - } - .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after { - right: 10px !important; - left: unset !important; - } -} -@media screen and (max-width: 1199px) { - .page-wrapper .page-header .header-wrapper .nav-right > ul > li { - padding: 6px; - } - .mobile-title.d-none { - display: flex !important; - justify-content: space-between; - padding: 20px 30px 17px; - border-bottom: 1px solid #ddd; - margin: 0 -15px; - } - .mobile-title.d-none h5 { - color: var(--theme-deafult); - } - .mobile-title.d-none svg { - stroke: var(--theme-deafult) !important; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - right: -35%; - width: 56%; - } -} -@media screen and (min-width: 992px) { - .page-header .header-wrapper .nav-right .notification-dropdown { - top: 46px; - } - .responsive-btn { - display: none; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask { - top: 0; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { - width: 200px; - opacity: 0; - visibility: hidden; - border-radius: 5px; - transition: all 0.5s ease; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow { - position: absolute; - right: 20px; - top: 5px; - color: #59667a; - font-weight: 100; - transition: all 0.5s ease; - font-size: 15px; - top: 5px; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu { - display: none; - border-radius: 4px; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu { - display: block; - position: absolute; - left: 200px; - background-color: #fff; - top: -10px; - padding: 15px 0px 15px 0px; - box-shadow: 0 0 1px 0 #898989; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow { - right: 16px; - transition: all 0.5s ease; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container { - opacity: 0; - visibility: hidden; - transition: all 0.5s ease; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu { - opacity: 1; - visibility: visible; - margin-top: 8px; - transition: all 0.5s ease; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container { - opacity: 1; - visibility: visible; - margin-top: 20px; - transition: all 0.5s ease; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav { - display: none; - } - .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back { - display: none !important; - } -} -@media only screen and (min-width: 768px) { - .page-wrapper.material-icon { - position: relative; - } - .page-wrapper.material-icon::before { - position: absolute; - content: ""; - left: 0; - width: 100%; - height: 200px; - background: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-deafult) 79.68%); - } - .page-wrapper.material-icon .toggle-sidebar { - color: rgba(255, 255, 255, 0.8); - } - .page-wrapper.material-icon .toggle-sidebar:hover > svg { - color: #fff !important; - stroke: #fff !important; - } - .page-wrapper.material-icon .page-header { - position: relative; - background: transparent; - padding-left: 90px; - max-width: 1660px; - margin: 0 auto; - width: calc(100% - 0px); - box-shadow: none; - } - .page-wrapper.material-icon .page-header .f-light { - color: #fff; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg { - stroke: #fff; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg { - stroke: #2F2F3B; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li { - color: #fff; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg, - .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg { - stroke: #fff; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg { - stroke: #fff; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg { - stroke: #fff; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang { - color: #2F2F3B; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div { - color: #2F2F3B; - } - .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p { - color: rgba(255, 255, 255, 0.7); - } - .page-wrapper.material-icon .page-header.close_icon { - padding-left: 0; - margin: 0 auto !important; - } - .page-wrapper.material-icon .page-body-wrapper .page-body { - margin-top: 0 !important; - padding-left: 90px; - max-width: 1660px; - margin: 0 auto; - } - .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body { - padding-left: 15px; - margin: 0 auto !important; - } - .page-wrapper.material-icon .page-body-wrapper .page-title { - color: #fff; - background-color: transparent; - border-bottom: none; - box-shadow: none; - } - .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg { - stroke: #fff; - } - .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active { - color: rgba(255, 255, 255, 0.6); - } - .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before { - color: rgba(255, 255, 255, 0.8); - } -} -@media only screen and (min-width: 992px) { - .page-wrapper.material-icon::before { - height: 240px; - } -} -@media screen and (max-width: 767px) { - .sidebar-wrapper .menu .brand-logo img { - width: 120px; - } -} -@media screen and (max-width: 576px) { - .toggle-nav i { - font-size: 20px; - } -} -/**===================== - 5.7 Sidebar CSS Ends -==========================**/ -/**===================== - 5.8 Rtl CSS Start -==========================**/ -html[dir=rtl] ul { - padding-right: 0; -} -html[dir=rtl] .ms-auto { - margin-left: unset !important; - margin-right: auto !important; -} -html[dir=rtl] .f-right { - float: left; -} -html[dir=rtl] .papernote-wrap .note-labels ul { - gap: 9px; -} -html[dir=rtl] .form-check-inline { - margin-right: unset; - margin-left: 1rem; -} -html[dir=rtl] .color-box button + button { - margin-left: unset; - margin-right: 5px; -} -html[dir=rtl] .knowledgebase-search .form-inline svg { - left: unset; - right: 20px; -} -html[dir=rtl] .switch-showcase .form-check .form-check-input { - float: left; -} -html[dir=rtl] .pill-input-group span:last-child { - border-top-right-radius: unset !important; - border-bottom-right-radius: unset !important; - border-top-left-radius: 1.3rem !important; - border-bottom-left-radius: 1.3rem !important; -} -html[dir=rtl] .pill-input-group span:first-child { - border-top-left-radius: unset !important; - border-top-right-radius: unset !important; - border-top-right-radius: 1.3rem !important; - border-bottom-right-radius: 1.3rem !important; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper { - text-align: right; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar { - right: unset; - left: 30px; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { - padding: 0; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge { - left: 50px !important; - right: unset !important; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon { - margin-right: 0; - margin-left: unset; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper { - text-align: left; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img { - margin-left: 8px; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body, -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer { - margin-left: 0; - margin-right: 100px; - transition: 0.5s; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg { - margin-left: 0; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu { - display: none !important; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu { - display: none; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg { - margin-left: 13px; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover { - transform: translate(0px); -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu { - display: block !important; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg { - float: none; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu { - display: block; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after { - right: 30px; - left: unset; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a { - padding-right: 45px !important; - padding-left: unset !important; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after { - right: 26px; - left: unset; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .page-body { - margin-left: unset; - margin-right: 265px; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg { - margin-right: unset; - margin-left: 15px; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu { - right: unset; - left: 20px; -} -html[dir=rtl] .page-wrapper.only-body .page-header .header-wrapper .nav-right { - right: unset; - left: 30px; -} -html[dir=rtl] .date-details > div + div { - margin-left: unset; - margin-right: 10px; -} -html[dir=rtl] .contact-editform.ps-0 { - padding-left: 20px !important; -} -html[dir=rtl] .contact-options li .btn-category { - padding-left: unset !important; - padding-right: 40px; -} -html[dir=rtl] .list-persons .profile-mail .email-general ul { - padding-right: unset; - padding-left: 20px; -} -html[dir=rtl] .list-persons .profile-mail .email-general ul li > span { - float: left; -} -html[dir=rtl] .list-persons .profile-mail .media .media-body ul li + li { - padding-left: unset; - padding-right: 10px; - margin-left: unset; - margin-right: 5px; - border-left: unset; - border-right: 1px solid #f4f4f4; -} -html[dir=rtl] .file-content .form-inline i { - padding-right: unset; - padding-left: 10px; -} -html[dir=rtl] .file-sidebar .btn svg { - margin-right: unset; - margin-left: 8px; -} -html[dir=rtl] .form-select { - background-position: left 0.75rem center; -} -html[dir=rtl] .customers ul li + li { - margin-left: unset; - margin-right: -10%; -} -html[dir=rtl] .project-list .border-tab.nav-tabs .nav-item .nav-link { - padding: 5px 0 5px 30px; -} -html[dir=rtl] .project-box .badge { - right: unset; - left: 30px; -} -html[dir=rtl] .kanban-board { - float: right; -} -html[dir=rtl] .kanban-item .kanban-box .customers ul li + li { - margin-left: unset; - margin-right: -10px; -} -html[dir=rtl] .kanban-item .list li i { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] .page-wrapper.horizontal-wrapper .header-logo-wrapper { - text-align: right; -} -html[dir=rtl] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body { - margin-right: 0; -} -html[dir=rtl] .page-wrapper.horizontal-wrapper .page-body-wrapper footer { - margin-right: 0; -} -html[dir=rtl] .page-wrapper.material-type .page-body-wrapper .page-body { - margin-right: auto; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:first-child { - margin-right: 0; -} -html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body { - margin-right: 15px; - margin-left: unset; -} -html[dir=rtl] .page-header .header-wrapper .toggle-sidebar { - margin-left: 2px; - margin-right: unset; -} -html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { - left: -20px !important; - right: unset !important; -} -@media (max-width: 575.98px) { - html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { - left: 12px !important; - } -} -html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full input { - padding-left: unset; - padding-right: 60px; - text-align: right; -} -html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group:before { - left: unset; - right: 30px; -} -html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { - right: unset; - left: 0; -} -html[dir=rtl] .page-wrapper.compact-sidebar .toggle-sidebar { - margin-left: 15px; - margin-right: unset; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-header { - margin-left: unset; - margin-right: 150px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-header.close_icon { - margin-right: 0; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper .page-body { - margin-left: unset; - margin-right: 150px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper .footer { - margin-left: unset; - margin-right: 150px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { - text-align: right; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container { - animation: fadeInRight 1000ms ease-in-out; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - right: 150px; - left: unset; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a { - padding: 15px 40px 15px 15px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu { - right: 20px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after { - left: unset; - right: 20px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section { - text-align: right; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 { - padding: 15px 40px 15px 15px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after { - left: unset; - right: 20px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge { - left: unset; - right: 53%; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link { - text-align: center; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu { - text-align: center; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu { - right: unset; - left: 20px; -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon { - transform: translateX(150px); -} -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, -html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer { - margin-right: 0px; -} -html[dir=rtl] .page-wrapper.compact-small .page-header { - margin-right: 90px; -} -html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, -html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - right: 90px; -} -html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper .footer, -html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper .page-body { - margin-right: 90px; -} -html[dir=rtl] .page-wrapper.material-icon .page-header { - padding-left: unset; - padding-right: 90px; - margin: 0 auto; -} -html[dir=rtl] .page-wrapper.material-icon .page-header.close_icon { - padding-right: 0; -} -html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper .page-body { - padding-left: 15px; - padding-right: 90px; - margin: 0 auto; -} -html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body { - padding-right: 15px; - margin: 0 auto !important; -} -html[dir=rtl] .apexcharts-canvas { - direction: ltr; -} -html[dir=rtl] .email-wrap .btn-mail { - text-align: right; -} -html[dir=rtl] .email-wrap .email-app-sidebar ul li a { - padding-left: unset; - padding-right: 20px; -} -html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon { - text-align: center; -} -html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark { - text-align: right; -} -html[dir=rtl] .bookmark-wrap .details-bookmark .row > div + div { - padding-left: 15px !important; -} -html[dir=rtl] .appointment-table table tr td .status-circle { - left: unset; - right: 35px; -} -html[dir=rtl] .notification .card .d-flex .w-100 p .badge { - margin-left: unset; - margin-right: 10px; -} -html[dir=rtl] .progress-gradient-primary { - background-image: linear-gradient(to right, var(--theme-deafult), transparent); -} -html[dir=rtl] .progress-gradient-primary::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-primary .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-secondary { - background-image: linear-gradient(to right, #FF3364, transparent); -} -html[dir=rtl] .progress-gradient-secondary::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-secondary .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-success { - background-image: linear-gradient(to right, #54BA4A, transparent); -} -html[dir=rtl] .progress-gradient-success::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-success .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-danger { - background-image: linear-gradient(to right, #FC4438, transparent); -} -html[dir=rtl] .progress-gradient-danger::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-danger .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-info { - background-image: linear-gradient(to right, #16C7F9, transparent); -} -html[dir=rtl] .progress-gradient-info::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-info .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-light { - background-image: linear-gradient(to right, #f4f4f4, transparent); -} -html[dir=rtl] .progress-gradient-light::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-light .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-dark { - background-image: linear-gradient(to right, #2c323f, transparent); -} -html[dir=rtl] .progress-gradient-dark::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-dark .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-gradient-warning { - background-image: linear-gradient(to right, #FFAA05, transparent); -} -html[dir=rtl] .progress-gradient-warning::after { - right: unset; - left: -1px; -} -html[dir=rtl] .progress-gradient-warning .animate-circle { - right: unset; - left: -8px; -} -html[dir=rtl] .progress-animate span { - left: -10px; - right: unset; -} -html[dir=rtl] .me-4 { - margin-left: 1.5rem !important; - margin-right: unset !important; -} -html[dir=rtl] .pe-4 { - padding-left: 1.5rem !important; - padding-right: unset !important; -} -html[dir=rtl] .me-1 { - margin-left: 0.25rem !important; - margin-right: unset !important; -} -html[dir=rtl] .navs-dropdown .onhover-show-div { - right: 0; -} -html[dir=rtl] .default-according.style-1 button { - text-align: right; -} -html[dir=rtl] .default-according.style-1 button:before { - left: 20px; - right: unset; -} -@media (max-width: 575px) { - html[dir=rtl] .default-according.style-1 button:before { - left: 15px; - } -} -html[dir=rtl] .default-according.style-1 button i { - right: 18px; - left: unset; -} -html[dir=rtl] .default-according .card .card-header i { - right: 18px; - left: unset; -} -html[dir=rtl] .faq-wrap .faq-accordion .card .card-header .btn-link { - padding-right: 20px !important; -} -@media (max-width: 575.98px) { - html[dir=rtl] .faq-wrap .faq-accordion .card .card-header .btn-link { - padding-right: 10px !important; - } -} -html[dir=rtl] .ProfileCard-details { - padding-right: 30px; - padding-left: unset; - float: right; -} -html[dir=rtl] .starter-main .card-body ul { - padding-right: 30px; - padding-left: unset; -} -html[dir=rtl] .theme-tab .tab-title li a svg { - margin-left: 5px; - margin-right: unset; -} -html[dir=rtl] .spent .spent-graph .project-budget { - margin-left: 30px; - margin-right: unset; -} -html[dir=rtl] .support-table table tbody tr td:first-child { - padding-right: 0; - padding-left: unset; -} -html[dir=rtl] .order-box .sub-total .shipping-class .shopping-checkout-option, -html[dir=rtl] .order-box .sub-total .shipping-class span, -html[dir=rtl] .order-box .sub-total li .shopping-checkout-option, -html[dir=rtl] .order-box .sub-total li span, -html[dir=rtl] .order-box .total .shipping-class .shopping-checkout-option, -html[dir=rtl] .order-box .total .shipping-class span, -html[dir=rtl] .order-box .total li .shopping-checkout-option, -html[dir=rtl] .order-box .total li span, -html[dir=rtl] .order-box .qty .shipping-class .shopping-checkout-option, -html[dir=rtl] .order-box .qty .shipping-class span, -html[dir=rtl] .order-box .qty li .shopping-checkout-option, -html[dir=rtl] .order-box .qty li span { - float: left; -} -html[dir=rtl] .order-box .sub-total li .count, -html[dir=rtl] .order-box .total li .count, -html[dir=rtl] .order-box .qty li .count { - float: left; -} -html[dir=rtl] .img-paypal { - margin-right: 15px; - margin-left: unset; -} -html[dir=rtl] .cart .qty-box .input-group .btn { - border-radius: 0 !important; -} -html[dir=rtl] .product-qnty fieldset .input-group .input-group-prepend .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .grid-options { - margin-right: 10px; - margin-left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-1 { - right: 12px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-2 { - right: 18px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-3 { - right: 36px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-4 { - right: 42px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-5 { - right: 48px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-6 { - right: 66px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-7 { - right: 72px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-8 { - right: 78px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-9 { - right: 84px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-10 { - right: 103px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-11 { - right: 109px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-12 { - right: 115px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-13 { - right: 121px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-14 { - right: 127px; - left: unset; -} -html[dir=rtl] .grid-options ul li a .line-grid-15 { - right: 133px; - left: unset; -} -html[dir=rtl] .product-filter.new-products .owl-theme .owl-nav { - left: 0; - right: unset; -} -html[dir=rtl] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start { - text-align: left !important; -} -html[dir=rtl] .product-sidebar .filter-section .card .card-header h6 .pull-right i { - left: auto; - right: unset; -} -html[dir=rtl] .prooduct-details-box .btn { - right: unset; - left: 15px; -} -html[dir=rtl] .prooduct-details-box .close { - right: unset; - left: 10px; -} -html[dir=rtl] .collection-filter-block svg { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] .feature-products form .form-group i { - left: 30px; - right: unset; -} -html[dir=rtl] .product-wrapper-grid.list-view .product-box .product-details { - text-align: right; -} -html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .breadcrumb { - margin-left: unset; -} -html[dir=rtl] .bookmark ul li + li { - margin-left: unset; - margin-right: 10px; -} -html[dir=rtl] .bookmark ul li .search-form .form-control-search { - left: -50px; - right: unset; -} -html[dir=rtl] .bookmark ul li .search-form .form-control-search:before { - right: 50px; - left: unset; -} -html[dir=rtl] .bookmark ul li .search-form .form-control-search:after { - right: 20px; - left: unset; -} -html[dir=rtl] .me-0 { - margin-left: 0 !important; - margin-right: unset !important; -} -html[dir=rtl] .footer .pull-right { - float: none; -} -html[dir=rtl] .checkbox_animated, -html[dir=rtl] .radio_animated { - margin: 0 8px 0 16px; -} -html[dir=rtl] .button.remove { - left: -10px; - right: unset; -} -html[dir=rtl] .code-box-copy__btn { - left: 11px; - right: unset; -} -html[dir=rtl] ul.nav-menus { - border-bottom: none; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div li { - text-align: right; -} -html[dir=rtl] .badge + .badge { - margin-right: 5px; - margin-left: unset; -} -html[dir=rtl] .offset-xl-3 { - margin-right: 25%; - margin-left: unset; -} -html[dir=rtl] .m-l-10 { - margin-right: 10px !important; - margin-left: unset !important; -} -html[dir=rtl] .m-r-20 { - margin-left: 20px; - margin-right: unset; -} -html[dir=rtl] .m-r-30 { - margin-left: 30px; - margin-right: unset; -} -html[dir=rtl] .m-r-5 { - margin-left: 5px; - margin-right: unset; -} -html[dir=rtl] .text-start { - text-align: right !important; -} -html[dir=rtl] .m-r-10 { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .pe-3 { - padding-left: 1rem !important; - padding-right: unset !important; -} -html[dir=rtl] .p-r-0 { - padding-left: 0; - padding-right: 15px; -} -html[dir=rtl] .m-l-20 { - margin-right: 20px !important; - margin-left: unset !important; -} -html[dir=rtl] .ps-3 { - padding-right: 1rem !important; -} -html[dir=rtl] .b-r-light { - border-left: 1px solid #f4f4f4 !important; - border-right: unset !important; -} -html[dir=rtl] .float-end { - float: left !important; -} -html[dir=rtl] .float-start { - float: right !important; -} -html[dir=rtl] .text-end { - text-align: left !important; -} -html[dir=rtl] .border-right { - border-left: 1px solid #dee2e6 !important; - border-right: unset !important; -} -html[dir=rtl] .pe-0 { - padding-left: 0 !important; - padding-right: 12px !important; -} -html[dir=rtl] .ps-0 { - padding-right: 0 !important; - padding-left: unset !important; -} -html[dir=rtl] .ms-1 { - margin-left: unset !important; - margin-right: 0.25rem !important; -} -html[dir=rtl] .owl-carousel { - direction: ltr; -} -html[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), -html[dir=rtl] .btn-group > :not(:last-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .btn-group > .btn:not(:first-child) { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .btn-group > .btn:nth-child(2) { - border-radius: 0 !important; -} -html[dir=rtl] .btn-group .btn-group > :not(:first-child) > .btn { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .btn-group .btn + .btn, -html[dir=rtl] .btn-group .btn + .btn-group { - margin-right: -1px; - border-right: none; -} -html[dir=rtl] .btn-group .btn-group + .btn, -html[dir=rtl] .btn-group .btn-group + .btn-group { - margin-right: -1px; -} -html[dir=rtl] .btn-group .btn-group-vertical .btn + .btn, -html[dir=rtl] .btn-group .btn-group-vertical .btn + .btn-group { - margin-right: -1px; -} -html[dir=rtl] .btn-group .btn-group-vertical .btn-group + .btn, -html[dir=rtl] .btn-group .btn-group-vertical .btn-group + .btn-group { - margin-right: -1px; -} -html[dir=rtl] .me-3 { - margin-right: unset !important; - margin-left: 1rem !important; -} -html[dir=rtl] .me-5 { - margin-left: 3rem !important; - margin-right: unset !important; -} -html[dir=rtl] .ms-3 { - margin-right: 1rem !important; - margin-left: unset !important; -} -html[dir=rtl] .m-r-15 { - margin-left: 15px; - margin-right: unset; -} -html[dir=rtl] .b-l-light { - border-right: 1px solid #f4f4f4 !important; - border-left: unset !important; -} -html[dir=rtl] .p-l-0 { - padding-left: unset; - padding-right: 0px; -} -html[dir=rtl] .ps-4 { - padding-right: 1.5rem !important; - padding-left: unset !important; -} -html[dir=rtl] .me-2 { - margin-left: 0.5rem !important; - margin-right: unset !important; -} -html[dir=rtl] .ms-2 { - margin-right: 0.5rem !important; - margin-left: unset !important; -} -html[dir=rtl] .pe-2 { - padding-right: unset !important; - padding-left: 0.5rem !important; -} -html[dir=rtl] .prooduct-details-box .media-body { - margin-right: 0 !important; -} -html[dir=rtl] .alert { - text-align: right; -} -html[dir=rtl] .pull-right { - float: left; -} -html[dir=rtl] .form-inline .form-group { - margin-left: 15px; - margin-right: 0; -} -html[dir=rtl] .card { - text-align: right; -} -html[dir=rtl] .card.social-profile { - text-align: center; -} -html[dir=rtl] .card .card-header h5:not(.mb-0) { - float: right; -} -html[dir=rtl] .card .card-header span { - clear: both; -} -html[dir=rtl] .card .card-header .card-header-right { - left: 35px; - right: unset; -} -html[dir=rtl] .card .card-header .card-header-right .card-option { - text-align: left; -} -html[dir=rtl] .card .card-header .card-header-right .card-option.list-unstyled { - padding-right: 0; - padding-left: unset; -} -html[dir=rtl] .card .card-header .pull-left { - float: right; -} -html[dir=rtl] .card.full-card { - left: 0; - right: unset; -} -html[dir=rtl] .card .card-body .alert svg { - margin-left: 4px; - margin-right: unset; -} -html[dir=rtl] .card .card-body .value-left { - margin-left: 30px; - margin-right: unset; -} -html[dir=rtl] .card .card-body .square { - margin-left: 5px; - margin-right: unset; -} -html[dir=rtl] .balance-box { - text-align: center; -} -html[dir=rtl] .purchase-card { - text-align: center; -} -html[dir=rtl] .modal-header .btn-close { - margin: -0.5rem auto -0.5rem -0.5rem; -} -html[dir=rtl] .modal-footer > :not(:first-child) { - margin-right: 0.5rem; - margin-left: 0; -} -html[dir=rtl] .form-inline .form-group .col-form-label { - margin-left: 5px; - margin-right: 0; -} -html[dir=rtl] .breadcrumb-item + .breadcrumb-item { - padding-right: 0.5rem; - padding-left: unset; -} -html[dir=rtl] .breadcrumb-item + .breadcrumb-item::before { - padding-left: 0.5rem; - padding-right: unset; - float: right; -} -html[dir=rtl] code[class*=language-], -html[dir=rtl] pre[class*=language-] { - text-align: right; -} -html[dir=rtl] .input-group-prepend { - margin-left: -1px; - margin-right: unset; -} -html[dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -html[dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -html[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-left: unset; - margin-right: -1px; - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .was-validated .form-control:invalid, -html[dir=rtl] .form-control.is-invalid, -html[dir=rtl] .was-validated .form-control:valid, -html[dir=rtl] .form-control.is-valid { - background-position: left calc(0.375em + 0.1875rem) center; - padding-left: calc(1.5em + 0.75rem); - padding-right: 12px; -} -html[dir=rtl] .input-group > .form-control:not(:last-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .input-group > .input-group-prepend > .btn, -html[dir=rtl] .input-group > .input-group-prepend > .input-group-text, -html[dir=rtl] .input-group > .input-group-append:not(:last-child) > .btn, -html[dir=rtl] .input-group > .input-group-append:not(:last-child) > .input-group-text, -html[dir=rtl] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), -html[dir=rtl] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .input-group > .input-group-append > .btn, -html[dir=rtl] .input-group > .input-group-append > .input-group-text, -html[dir=rtl] .input-group > .input-group-prepend:not(:first-child) > .btn, -html[dir=rtl] .input-group > .input-group-prepend:not(:first-child) > .input-group-text, -html[dir=rtl] .input-group > .input-group-prepend:first-child > .btn:not(:first-child), -html[dir=rtl] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .border-tab.nav-left .nav-link { - text-align: left; -} -html[dir=rtl] .socialprofile .social-group ul li:nth-child(4) { - margin-right: -22px; -} -html[dir=rtl] .social-status form .form-group .form-control-social { - padding-right: 15px; - padding-left: unset; -} -html[dir=rtl] .social-status .media .social-status { - right: 35px; - left: unset; -} -html[dir=rtl] .social-chat .other-msg { - margin-right: 40px; - margin-left: unset; -} -html[dir=rtl] .social-chat .media-body:before { - left: 100%; - right: unset; - border-left: 7px solid var(-semi-dark); - border-right: unset; -} -html[dir=rtl] .social-chat .media-body:after { - left: 100%; - right: unset; - border-left: 7px solid #fff; - border-right: unset; -} -html[dir=rtl] .timeline-content .comment-number i { - margin-left: 20px; - margin-right: unset; -} -html[dir=rtl] .photos ul li { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] .avatar-showcase .friend-pic { - margin-left: 8px; - margin-right: unset; -} -html[dir=rtl] .avatar-showcase .pepole-knows ul li { - margin-left: 21px; - margin-right: unset; -} -html[dir=rtl] .avatar-showcase .pepole-knows ul li:last-child { - margin-left: 0; -} -html[dir=rtl] .user-profile .hovercard .user-image .share-icons { - left: 100px; - right: unset; -} -html[dir=rtl] .user-profile .hovercard .user-image .share-icons li { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .user-profile .hovercard .user-image .share-icons li:last-child { - margin-left: 0; -} -html[dir=rtl] .faq-form .search-icon { - left: 12px; - right: unset; -} -html[dir=rtl] .faq-widgets .media-body p { - padding-left: 20px; - padding-right: unset; -} -html[dir=rtl] .header-faq, -html[dir=rtl] .faq-title { - text-align: right; -} -html[dir=rtl] .faq-accordion.default-according .card .faq-header svg { - left: 30px; - right: unset; -} -html[dir=rtl] .faq-accordion.default-according .card .btn-link svg { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .navigation-option ul li { - padding: 8px 0 8px 8px; -} -html[dir=rtl] .navigation-option ul li a { - padding-right: 40px; - padding-left: unset; -} -html[dir=rtl] .navigation-option ul li a svg { - right: 15px; - left: unset; -} -html[dir=rtl] .updates-faq { - margin-right: unset; - margin-left: 20px; -} -html[dir=rtl] .browse .browse-articles span svg { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .categories .learning-header { - padding-right: 15px; - padding-left: unset; -} -html[dir=rtl] .main .langChoice { - left: 30px; - right: unset; -} -html[dir=rtl] .pricing-block svg { - direction: ltr; -} -html[dir=rtl] p.data-attributes svg { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .avatars .avatar { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .avatars .avatar:last-child { - margin-left: 0; -} -html[dir=rtl] .avatars .avatar .status { - left: 4px; - right: unset; -} -html[dir=rtl] .customers.avatar-group { - margin-left: 30px; - margin-right: unset; -} -html[dir=rtl] .card .card-header h5 { - float: none !important; -} -html[dir=rtl] .knob-chart .chart-clock-main .clock-small { - right: 10px; - left: unset; -} -html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks { - left: 30px; - right: unset; -} -html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks .btn-label { - margin-left: 5px; - margin-right: unset; -} -html[dir=rtl] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn { - text-align: left; -} -html[dir=rtl] .todo .notification-popup { - left: 10px; - right: unset; -} -html[dir=rtl] .todo-options .badges-todo h6 { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .todo-options .badges-todo h6:last-child { - margin-left: 0; -} -html[dir=rtl] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox { - padding-right: 14px; - border-top-right-radius: 25px; - border-bottom-right-radius: 25px; - padding-left: unset; - border-top-left-radius: unset; - border-bottom-left-radius: unset; -} -html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn { - margin-right: -6px; - margin-left: unset; -} -html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn .btn { - border-top-left-radius: 25px; - border-bottom-left-radius: 25px; -} -html[dir=rtl] .search-todo .dropdown-basic .btn-group { - margin-left: 18px; - margin-right: unset; -} -html[dir=rtl] .sticky-note .note { - float: right; -} -html[dir=rtl] .mega-menu .list-unstyled div a { - padding: 8px 0 8px 35px; -} -html[dir=rtl] .mega-menu .list-unstyled div a:hover { - padding: 8px 10px 8px 35px; -} -html[dir=rtl] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 { - margin-right: 1rem !important; - margin-left: unset !important; -} -html[dir=rtl] .needs-validation .input-group > .form-control:not(:last-child), -html[dir=rtl] .needs-validation .input-group > .custom-select:not(:last-child), -html[dir=rtl] .form-row .input-group > .form-control:not(:last-child), -html[dir=rtl] .form-row .input-group > .custom-select:not(:last-child) { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .form-check { - padding-right: 1.25rem; - padding-left: unset; -} -html[dir=rtl] .form-check .form-check-input { - float: right; - margin-left: unset; - margin-right: -1.5em; -} -html[dir=rtl] .mega-menu .default-according .card .btn-link { - text-align: right; -} -html[dir=rtl] .mega-menu .default-according.style-1 button[aria-expanded=true]:before, -html[dir=rtl] .mega-menu .default-according.style-1 button[aria-expanded=false]:before { - right: unset; - left: 20px; -} -html[dir=rtl] .email-wrap .row .col-xl-6 { - padding-right: 0; - padding-left: 15px; -} -html[dir=rtl] .email-wrap .row .col-xl-3 + .col-xl-3 { - padding-left: 0; - padding-right: 15px; -} -html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li { - text-align: right; -} -html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li a i { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] .email-wrap .email-app-sidebar ul { - padding-right: 0; -} -html[dir=rtl] .email-wrap .email-content .email-top .user-emailid:after { - float: left; -} -html[dir=rtl] .email-wrap .email-right-aside .email-body .pe-0 { - padding-right: unset !important; -} -html[dir=rtl] .email-wrap .email-right-aside .radius-left { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-radius: 4px; -} -html[dir=rtl] #renderRange { - float: left; - padding-left: unset; - padding-right: 12px; -} -html[dir=rtl] .event-calendar { - direction: ltr; -} -html[dir=rtl] .calendar-wrap .fc { - direction: rtl; - text-align: right; -} -html[dir=rtl] .calendar-wrap .fc .fc-toolbar .fc-left { - float: right; -} -html[dir=rtl] .calendar-wrap .fc .fc-toolbar .fc-right { - float: left; -} -html[dir=rtl] .calendar-wrap .fc .fc-toolbar > * > * { - margin-left: 0; -} -html[dir=rtl] .calendar-wrap .fc-events-container { - text-align: right; -} -html[dir=rtl] .calendar-wrap .fc-scroller { - margin-right: unset; - margin-left: -17px; -} -html[dir=rtl] .fc-agenda-view .fc-day-grid .fc-row { - margin-right: 0 !important; -} -html[dir=rtl] .fc-unthemed .fc-row { - margin-right: 0 !important; -} -html[dir=rtl] .btn-group-showcase .btn-group { - margin-left: 20px; - margin-right: unset; -} -html[dir=rtl] .btn-showcase .btn { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] .btn-square.dropdown-toggle { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -html[dir=rtl].button-builder ul.the-icons li { - float: right; -} -html[dir=rtl].button-builder .color-slelector { - float: right; -} -html[dir=rtl].button-builder .custom-button-color .form-control { - border-radius: 0 5px 5px 0; -} -html[dir=rtl].button-builder .custom-button-color .form-control.pull-left { - float: right; -} -html[dir=rtl].button-builder .hint-label { - float: right; - padding: 4px 20px 0 0; -} -html[dir=rtl] #customer-review .owl-item img { - order: 2; -} -html[dir=rtl] .options > div { - margin: 0 0 8px 8px; -} -html[dir=rtl] .modal-dialog .modal-content .modal-body p a { - margin-left: 0; -} -html[dir=rtl] .drag-box fieldset .component .form-group .text-lg-left { - text-align: right !important; -} -html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn, -html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right, -html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .drag-box fieldset .component .form-group .input-group #prependedcheckbox { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -html[dir=rtl] .drag-box fieldset .component .form-group .input-group #appendedcheckbox { - border-right-color: #efefef; -} -html[dir=rtl] .drag-box fieldset .component .form-group .input-group #buttondropdown { - margin-right: unset; - margin-left: -1px; -} -html[dir=rtl] .drag form { - text-align: right; -} -html[dir=rtl] .drag form input { - text-align: right; -} -html[dir=rtl] .drag form label { - text-align: right !important; -} -html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .btn, -html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .input-group-text { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .btn-right, -html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .checkbox-radius { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .drag form .form-group .input-group #buttondropdown { - margin-right: unset; - margin-left: -1px; -} -html[dir=rtl] .draggable label { - text-align: right; -} -html[dir=rtl] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown, -html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown { - margin-right: unset; - margin-left: 15px; -} -html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button, -html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button { - border-radius: 4px !important; -} -html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left { - text-align: right !important; -} -html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn, -html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right, -html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .form-builder .component .form-group .input-group #buttondropdown { - margin-right: unset; - margin-left: -1px; -} -html[dir=rtl] .page-wrapper .page-body-wrapper .logo-wrapper { - box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; -} -html[dir=rtl] .page-wrapper .page-body-wrapper .logo-wrapper a { - transform: translate(-64px); -} -html[dir=rtl] .search-page .nav i { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .product-stts { - display: inline-block; -} -html[dir=rtl] .product-stts .ms-1 { - margin-right: 0.25rem !important; - margin-left: unset !important; -} -html[dir=rtl] .search-form input { - padding: 10px 70px 10px 10px; - text-align: right; -} -html[dir=rtl] .icon-hover-bottom .icon-title { - text-align: right; -} -html[dir=rtl] .icon-lists div i { - margin: 0 10px 0 15px; -} -html[dir=rtl] .icon-lists ul { - padding-right: 0; -} -html[dir=rtl] ul.icon-lists { - padding-right: 30px; -} -html[dir=rtl] .floated-customizer-btn.third-floated-btn { - left: 35px; - right: unset; -} -html[dir=rtl] .floated-customizer-btn > span { - margin-right: 10px; -} -html[dir=rtl] .floated-customizer-panel { - text-align: right; - left: -85px; - right: unset; -} -html[dir=rtl] .floated-customizer-panel.active { - left: 35px; - right: unset; -} -html[dir=rtl] .floated-customizer-panel .close-customizer-btn { - left: 30px; - right: unset; -} -html[dir=rtl] .floated-customizer-panel ul { - padding-right: 0; -} -html[dir=rtl] .form-builder-2-header > div nav { - float: left; -} -html[dir=rtl] .radio label { - padding-left: 0; - padding-right: 15px; -} -html[dir=rtl] .radio label::before { - right: 0; - margin-right: -20px; - left: unset; -} -html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .row h3 { - text-align: right; - padding-left: 20px; - padding-right: unset !important; -} -html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .row h6 { - text-align: right; -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-header { - margin-right: 265px; - margin-left: unset; - width: calc(100% - 265px); -} -html[dir=rtl] .page-wrapper.compact-wrapper .page-header.close_icon { - margin-right: 100px; - margin-left: unset; - width: calc(100% - 100px); -} -html[dir=rtl] .page-wrapper.modern-type .page-header { - margin-right: 0; - width: calc(100% - 0px); -} -html[dir=rtl] .page-wrapper.modern-type .page-header.close_icon { - margin-right: 0; - width: calc(100% - 0px); -} -html[dir=rtl] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper { - margin-right: unset; - margin-left: 30px; -} -html[dir=rtl] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar { - margin-right: unset; - margin-left: 15px; -} -html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper .page-body { - margin-right: 310px; -} -html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper .footer { - margin-left: 55px; - margin-right: 360px; -} -html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body { - margin-right: 0px; -} -html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer { - margin-right: 0; -} -html[dir=rtl] .page-header .header-wrapper .nav-right { - text-align: right; -} -html[dir=rtl] .page-header .header-wrapper .nav-right .onhover-show-div { - right: unset; - left: 0; -} -@media (max-width: 575.98px) { - html[dir=rtl] .page-header .header-wrapper .nav-right .onhover-show-div { - left: 12px; - } -} -@media (max-width: 575.98px) { - html[dir=rtl] .page-header .header-wrapper .nav-right .cart-dropdown li { - padding: 10px; - } -} -html[dir=rtl] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle { - right: unset; - left: 0; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li { - text-align: right; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li .lang-txt { - margin-left: 0; - margin-right: 8px; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:before { - right: 0; - left: unset; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li .dot { - left: 17px; - right: unset; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before { - right: 10px; - left: unset; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after { - right: 10px; - left: unset; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:last-child { - padding-left: 0; - padding-right: 0 !important; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:last-child { - padding-right: 20px; - padding-left: 0; -} -html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li i.ms-2 { - margin-right: 0.5rem !important; - margin-left: unset !important; -} -html[dir=rtl] .page-header .header-wrapper .nav-right .profile-dropdown li svg { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] .page-header .header-wrapper .mobile-sidebar { - padding-left: 20px; - padding-right: unset; -} -html[dir=rtl] .page-header.open { - margin-right: 0; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div { - right: initial; - left: -30px; - padding: 0; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div:before { - right: inherit !important; - left: 35px !important; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div:after { - right: inherit !important; - left: 35px !important; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div li { - margin-right: 0 !important; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div li span.badge { - margin-left: unset !important; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div li span svg { - margin-right: unset; - margin-left: 10px; -} -html[dir=rtl] ul.notification-dropdown.onhover-show-div li .notification-icon { - margin-left: 20px; - margin-right: unset; -} -html[dir=rtl] .card-body .alert svg ~ p { - padding-left: unset; - padding-right: 20px; -} -html[dir=rtl] .alert i { - margin-left: 5px; - margin-right: 0; -} -html[dir=rtl] .inverse { - padding: 13px 65px 13px 20px; -} -html[dir=rtl] .inverse i { - left: unset; - right: 0; -} -html[dir=rtl] .alert-primary.inverse:before { - border-right: 7px solid #7366FF; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-secondary.inverse:before { - border-right: 7px solid #FF3364; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-success.inverse:before { - border-right: 7px solid #54BA4A; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-danger.inverse:before { - border-right: 7px solid #FC4438; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-warning.inverse:before { - border-right: 7px solid #FFAA05; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-info.inverse:before { - border-right: 7px solid #16C7F9; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-light.inverse:before { - border-right: 7px solid #f4f4f4; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-dark.inverse:before { - border-right: 7px solid #2c323f; - right: 54px; - left: unset; - border-left: unset; -} -html[dir=rtl] .alert-dismissible .btn-close { - left: 0; - right: unset; -} -html[dir=rtl] .alert-dismissible .btn-close span { - padding-left: 0; - padding-right: unset; -} -html[dir=rtl] .icofont.icofont-truck { - display: inline-block; -} -html[dir=rtl] .blog-box .blog-details { - padding-left: 20px; - text-align: right; -} -html[dir=rtl] .blog-box .blog-details .blog-social { - padding-right: 0; -} -html[dir=rtl] .blog-box .blog-details .blog-social li { - padding-left: 40px; - padding-right: unset; -} -html[dir=rtl] .blog-box .blog-details .blog-social li:first-child { - border-left: 1px solid #777777; - border-right: unset; - padding-left: 40px; - padding-right: unset; -} -html[dir=rtl] .blog-box .blog-details .blog-social li + li { - margin-right: 30px; - margin-left: unset; - padding-left: 0; -} -html[dir=rtl] .blog-box .blog-details-main .blog-social li { - border-left: 1px dotted; - border-right: unset; -} -html[dir=rtl] .blog-box .blog-details-main .blog-social li:last-child { - border-left: none; -} -html[dir=rtl] .blog-box .blog-date span { - font-size: 36px; - font-weight: 500; - padding-left: 5px; -} -html[dir=rtl] .comment-box .media img { - margin-left: 45px; - margin-right: unset; -} -html[dir=rtl] .comment-box .media h6 { - text-align: right; -} -html[dir=rtl] .comment-box ul ul { - margin-right: 135px; - margin-left: unset; - padding-right: 0; -} -@media (max-width: 575.98px) { - html[dir=rtl] .comment-box ul ul { - margin-right: 30px; - } -} -html[dir=rtl] .comment-box .comment-social { - text-align: left; -} -html[dir=rtl] .comment-box .comment-social li { - padding-left: 0; - padding-right: 20px; -} -html[dir=rtl] .comment-box .comment-social li:first-child { - border-left: 1px solid #efefef; - border-right: unset; - padding-right: 0; - padding-left: 20px; -} -html[dir=rtl] .button-builder-wrap .form-group .btn { - margin-left: 15px; - margin-right: 0; - padding: 9px; -} -html[dir=rtl] .button-builder ul.the-icons { - padding-right: 0 !important; -} -html[dir=rtl] .call-chat-body .chat-box .chat-right-aside .chat .chat-history .caller-img.ps-0 { - padding-left: 15px !important; -} -html[dir=rtl] .chat-box .user-image { - float: right; - margin-left: 5px; - margin-right: 0; -} -html[dir=rtl] .chat-box .people-list .search i { - left: 10px; - right: unset; -} -html[dir=rtl] .chat-box .about { - float: right; - padding-right: 10px; - padding-left: unset; - text-align: right; -} -html[dir=rtl] .chat-box .chat-menu { - border-right: 1px solid #f4f4f4; - border-left: unset; -} -html[dir=rtl] .chat-box .chat-menu .nav { - padding-right: 0; -} -html[dir=rtl] .chat-box .chat-menu.ps-0 { - padding-left: 15px !important; -} -html[dir=rtl] .chat-box .chat-right-aside .chat .chat-message .smiley-box { - margin-left: 0.5rem; - margin-right: unset; -} -html[dir=rtl] .chat-box .chat-right-aside .chat .chat-message .text-box .btn { - border-radius: 5px 0 0 5px; -} -html[dir=rtl] .chat-box .chat-right-aside.pe-0 { - padding-right: 15px !important; -} -html[dir=rtl] .chat-box .chat .chat-message .text-box .input-group-append { - margin-right: -2px; -} -html[dir=rtl] .chat-msg-box ul { - padding-right: 0; -} -html[dir=rtl] .chat-left-aside .status-circle { - left: unset; - right: 40px; -} -html[dir=rtl] .chat-right-aside .chat .chat-header .chat-menu-icons { - padding-left: 0; - padding-right: unset; -} -html[dir=rtl] .chat-right-aside .chat .chat-header .chat-menu-icons.float-sm-right { - float: left !important; -} -html[dir=rtl] .chat-right-aside .chat .chat-header img { - float: right; -} -html[dir=rtl] .cke_toolbar, -html[dir=rtl] .cke_toolgroup, -html[dir=rtl] a.cke_button, -html[dir=rtl] .cke_combo_text { - float: right; -} -html[dir=rtl] .cke_reset_all, -html[dir=rtl] .cke_reset_all *, -html[dir=rtl] .cke_reset_all a, -html[dir=rtl] .cke_reset_all textarea { - text-align: right; -} -html[dir=rtl] .cke_combo_text { - padding-left: unset; - padding-right: 10px; -} -html[dir=rtl] #editor1 #cke_editor1 #cke_1_contents iframe html { - direction: rtl !important; -} -html[dir=rtl] #clockdiv ul { - padding-right: 0; -} -html[dir=rtl] .custom-card .card-footer > div + div { - border-right: 1px solid #efefef; - border-left: unset !important; -} -html[dir=rtl] .card-social { - padding-right: 0; -} -html[dir=rtl] .card-absolute .card-header { - right: 15px; - left: unset; -} -html[dir=rtl] .dataTables_wrapper .dataTables_filter input[type=search] { - margin-right: 10px; - margin-left: 0; -} -html[dir=rtl] .dataTables_wrapper .dataTables_length { - float: right; -} -html[dir=rtl] .dataTables_wrapper .dataTables_filter { - margin-left: unset; - margin-right: 15px; - float: left; -} -html[dir=rtl] .dataTables_wrapper .dataTables_info { - float: right; -} -html[dir=rtl] .dataTables_wrapper .advance-5_filter { - margin-left: 0; -} -html[dir=rtl] .dataTables_wrapper .btn-group button { - margin-left: 5px; - margin-right: unset; -} -html[dir=rtl] .dataTables_wrapper .btn-group button:last-child { - margin-left: 0; -} -html[dir=rtl] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after, -html[dir=rtl] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after { - margin-left: 31px; -} -html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate { - margin-right: 15px !important; - margin-left: 0 !important; - float: left; -} -html[dir=rtl] table.dataTable thead > tr > th { - padding-left: 30px; - padding-right: 12px; -} -html[dir=rtl] table.dataTable thead > tr > th:before { - left: 1em !important; - right: unset; -} -html[dir=rtl] table.dataTable thead > tr > th:after { - left: 0.5em !important; - right: unset; -} -html[dir=rtl] table.dataTable thead .sorting:before, -html[dir=rtl] table.dataTable thead .sorting_asc:before, -html[dir=rtl] table.dataTable thead .sorting_desc:before, -html[dir=rtl] table.dataTable thead .sorting_asc_disabled:before, -html[dir=rtl] table.dataTable thead .sorting_desc_disabled:before { - left: 1em !important; - right: unset; -} -html[dir=rtl] .dataTables_scrollHeadInner { - padding-right: unset !important; - padding-left: 0 !important; -} -html[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child { - padding-right: 0; - padding-left: 0; -} -html[dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { - padding-right: 0; - padding-left: 0; -} -html[dir=rtl] .dt-plugin-buttons button.m-r-10 { - margin-left: 10px; - margin-right: 0; -} -html[dir=rtl] .datetime-picker .theme-form .form-group label { - text-align: left !important; -} -html[dir=rtl] .datetime-picker .theme-form .form-group .input-group-text { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .datetime-picker .theme-form .form-group .input-group .form-control { - border-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -html[dir=rtl] .dropdown-basic .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; -} -html[dir=rtl] .dropdown-basic .separated-btn .btn { - border-radius: 0.25rem; - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -html[dir=rtl] .dropdown-basic .btn-group { - margin-right: unset; - margin-left: 18px; -} -html[dir=rtl] .error-wrapper .col-md-8.offset-md-2 { - margin: 0 auto !important; -} -html[dir=rtl] .product-price del { - padding-left: 20px; - padding-right: 0; -} -html[dir=rtl] .product-box .modal .modal-header .btn-close { - right: unset; - left: 15px; -} -html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, -html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before { - border-left-color: #007bff; -} -html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-left:before, -html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-right:before { - right: 0; - left: unset; - border-left: 15px solid #2a3142; -} -html[dir=rtl] .product-box .ribbon-bookmark.ribbon-info:before { - border-left-color: transparent; -} -html[dir=rtl] .product-box .ribbon-warning.ribbon-clip:before { - border-left-color: #ff850d; - border-right-color: unset; -} -html[dir=rtl] .product-box .ribbon-clip { - right: -14px; - left: unset; -} -html[dir=rtl] .product-box .ribbon-clip:before { - right: 0; - left: unset; -} -html[dir=rtl] .product-hover ul { - padding-right: 0; -} -html[dir=rtl] .customer-review .media img { - margin-left: 25px; - margin-right: 0; -} -html[dir=rtl] .nav { - padding-right: 0; -} -html[dir=rtl] .custom-tab { - padding: 4px; -} -html[dir=rtl] .custom-file-label::after { - left: 0; - right: unset; -} -html[dir=rtl] .wizard-4 ul.anchor { - float: right; -} -html[dir=rtl] .wizard-4 .step-container { - clear: unset; -} -html[dir=rtl] .wizard-4 .form-group { - text-align: right; -} -html[dir=rtl] .wizard-4 .action-bar .btn { - float: left; -} -html[dir=rtl] .f1 .f1-buttons { - text-align: left; -} -html[dir=rtl] .f1 .f1-steps .f1-step { - float: right; -} -html[dir=rtl] .jstree-default .jstree-node { - margin-left: unset; - margin-right: 24px; - background-position: -292px -4px; - background-repeat: repeat-y; -} -html[dir=rtl] .img-cropper .btn-group { - margin-right: 0; - margin-left: 10px; -} -html[dir=rtl] .img-cropper .btn-group button:last-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} -html[dir=rtl] .img-cropper .btn-group button:first-child { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -html[dir=rtl] .docs-toggles .btn-group .btn { - border-radius: 0; -} -html[dir=rtl] .docs-toggles .btn-group .btn:last-child { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} -html[dir=rtl] .docs-toggles .btn-group .btn:first-child { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} -html[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .jsgrid-button + .jsgrid-button { - margin-right: 5px; - margin-left: unset; -} -html[dir=rtl] .list-group { - padding-right: 0; -} -html[dir=rtl] .list-group i, -html[dir=rtl] .list-group img { - margin-left: 10px; - margin-right: 0; -} -html[dir=rtl] .authentication-box { - text-align: right; -} -html[dir=rtl] .mega-horizontal .offset-sm-3 { - margin-right: 25%; - margin-left: unset; -} -html[dir=rtl] .navs-icon svg { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .navs-icon .fa { - margin-left: 10px; - margin-right: unset; -} -html[dir=rtl] .nav-list .nav-list-disc { - text-align: right; - padding-right: 0; -} -html[dir=rtl] .pl-navs-inline { - padding-right: 30px !important; - padding-left: 0 !important; -} -html[dir=rtl] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before { - left: 77px; - right: unset; -} -html[dir=rtl] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after { - left: 77px; - right: unset; -} -html[dir=rtl] .navs-dropdown .onhover-show-div .navs-icon li { - text-align: right; -} -html[dir=rtl] .navs-icon.default-according.style-1 li button[aria-expanded=true]:before { - left: 2px; - right: unset; -} -html[dir=rtl] .navs-icon.default-according.style-1 li button[aria-expanded=false]:before { - left: 2px; - right: unset; -} -html[dir=rtl] .search-form .form-group:after { - right: 53px; - left: unset; -} -html[dir=rtl] .search-form .form-group:before { - right: 82px; - left: unset; -} -html[dir=rtl] .order-history table tbody tr td .product-name .order-process .order-process-circle:before { - right: -15px; - left: unset; -} -html[dir=rtl] .order-history table th:first-child, -html[dir=rtl] .order-history table td:first-child { - text-align: right; -} -html[dir=rtl] .product-page-details span { - padding-right: 15px; - padding-left: 0; -} -html[dir=rtl] .m-checkbox-inline label { - margin-left: 20px; - margin-right: 0; -} -html[dir=rtl] .form-label-align-right label { - text-align: left; -} -html[dir=rtl] .br-theme-bars-reversed .br-widget .br-current-rating, -html[dir=rtl] .br-theme-bars-movie .br-widget .br-current-rating, -html[dir=rtl] .br-theme-bars-1to10 .br-widget .br-current-rating, -html[dir=rtl] .br-theme-bars-square .br-widget .br-current-rating { - float: right; -} -html[dir=rtl] .br-theme-bars-reversed .br-widget a, -html[dir=rtl] .br-theme-bars-movie .br-widget a, -html[dir=rtl] .br-theme-bars-1to10 .br-widget a, -html[dir=rtl] .br-theme-bars-square .br-widget a { - float: right; -} -html[dir=rtl] .ribbon-left { - right: auto; - left: -2px; -} -html[dir=rtl] .ribbon-vertical-left { - right: auto; - left: 12px; -} -html[dir=rtl] .ribbon-vertical-right { - right: auto; - left: 12px; -} -html[dir=rtl] .star-ratings ul.search-info { - padding-right: 0; -} -html[dir=rtl] .star-ratings ul.search-info li + li { - border-right: 1px solid #a5afc6; - border-left: unset; - padding-right: 8px; - padding-left: 0; - margin-right: 8px; - margin-left: 0; -} -html[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow { - left: 10px !important; - right: unset !important; -} -html[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice { - float: right; -} -html[dir=rtl] .selection .select2-selection .select2-search__field { - text-align: right; -} -html[dir=rtl] .select2-results__option { - text-align: right; -} -html[dir=rtl] .editor-statusbar { - text-align: left; -} -html[dir=rtl] .editor-statusbar span { - margin-right: 1em; - margin-left: unset; -} -html[dir=rtl] .CodeMirror-scroll { - margin-left: -30px; - margin-right: unset; -} -html[dir=rtl] .primary-color ul, -html[dir=rtl] .yellow-color ul { - padding-right: 0; -} -html[dir=rtl] .u-step-desc { - text-align: right; -} -html[dir=rtl] .u-step-number { - right: 20px; - left: unset; -} -html[dir=rtl] .u-step-number ~ .u-step-desc { - margin-right: 50px; -} -html[dir=rtl] .u-pearl:after { - left: 0; - right: unset; -} -html[dir=rtl] .u-pearl:before { - right: 0; - left: unset; -} -html[dir=rtl] .u-step-icon { - float: right; - margin-left: 0.5em; - margin-right: unset; -} -html[dir=rtl] .list-icons { - padding-right: 0; -} -html[dir=rtl] .card-header.note-toolbar .note-color .dropdown-toggle { - padding-right: 5px; -} -html[dir=rtl] .card-header.note-toolbar .form-group.draggable { - text-align: right; -} -html[dir=rtl] .card-header.note-toolbar .form-check { - padding-right: 24px; - padding-left: unset; -} -html[dir=rtl] .card-header.note-toolbar form .custom-control { - padding-right: 24px; - padding-left: unset; -} -html[dir=rtl] .card-header.note-toolbar form .custom-control .custom-control-label::after { - right: 0; - left: unset; -} -html[dir=rtl] .card-header.note-toolbar form .custom-control .custom-control-label::before { - right: 0; - left: unset; -} -html[dir=rtl] .dropdown-toggle::after { - margin-right: 0.255em; - margin-left: unset; -} -html[dir=rtl] .tabbed-card ul { - left: 22px; - right: unset; -} -html[dir=rtl] .checkbox label { - padding-right: 16px; - padding-left: unset; -} -html[dir=rtl] .checkbox label::before { - right: 0; - left: unset; - margin-right: -16px; - margin-left: unset; -} -html[dir=rtl] .radio label::after { - right: 5px; - left: unset; - margin-right: -20px; - margin-left: unset; -} -html[dir=rtl] .cd-timeline-img i { - right: 40%; - left: unset; - margin-right: -12px; - margin-left: unset; -} -html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content { - float: left; - border-left: 7px solid #eeeeee; - border-right: unset; -} -html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { - right: auto; - left: 122%; - text-align: left; -} -html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content::before { - right: auto; - left: 100%; - border: 15px solid transparent; - border-left: 15px solid #f4f4f4; -} -html[dir=rtl] .cd-timeline-content .cd-date { - right: 122%; - left: unset; -} -html[dir=rtl] .introjs-tooltip { - right: 0; - left: unset; -} -html[dir=rtl] .introjs-helperNumberLayer { - right: -16px; - left: unset; -} -html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext { - text-align: right; -} -html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons { - text-align: left; -} -html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton { - margin-left: 5px; - margin-right: unset; -} -html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton { - -webkit-border-radius: 0.2em 0 0 0.2em; - -moz-border-radius: 0.2em 0 0 0.2em; - border-radius: 0.2em 0 0 0.2em; -} -html[dir=rtl] .list-inline-item:not(:last-child) { - margin-left: 0.5rem; - margin-right: unset; -} -html[dir=rtl] .like-comment ul.list-inline { - padding-right: 0; -} -html[dir=rtl] .typeahead { - text-align: right; -} -html[dir=rtl] .listing ul { - padding-right: 0; -} -html[dir=rtl] .listing ul .icofont { - float: right; -} -html[dir=rtl] .gallery .hover-5 img { - margin-right: 30px; -} -html[dir=rtl] .gallery .hover-5:hover img { - margin-right: 0; -} -html[dir=rtl] .lg-outer { - text-align: right; -} -html[dir=rtl] .lg-toolbar .lg-icon { - float: left; -} -html[dir=rtl] #lg-counter { - padding-right: 20px; - padding-left: unset; - float: right; -} -html[dir=rtl] .chart-widget-top .text-end { - text-align: left !important; -} -html[dir=rtl] .chart-widget-top .num .ms-1 { - margin-right: 0.25rem !important; -} -html[dir=rtl] .bar-chart-widget .earning-details i { - left: -240px; -} -html[dir=rtl] .bar-chart-widget .bottom-content .b-r-light { - border-left: 1px solid #eeeeee !important; - border-right: unset !important; -} -html[dir=rtl] .bar-chart-widget .bottom-content .num .ms-1 { - margin-right: 0.25rem !important; -} -html[dir=rtl] .chart-vertical-center #myDoughnutGraph, -html[dir=rtl] .chart-vertical-center #myPolarGraph { - width: auto !important; -} -html[dir=rtl] .crm-activity ul.dates li + li { - border-right: 1px solid #ddd; - padding-right: 10px; - margin-right: 5px; - border-left: unset; - padding-left: unset; - margin-left: unset; -} -html[dir=rtl] div.dt-buttons { - float: right; -} -html[dir=rtl] .dt-button-collection { - left: -39px !important; -} -html[dir=rtl] .dropzone .dz-preview .dz-error-mark, -html[dir=rtl] .dropzone .dz-preview .dz-success-mark { - right: 50%; - margin-right: -27px; - margin-left: unset; - left: unset; -} -html[dir=rtl] .page-wrapper .page-body-wrapper footer { - margin-right: 265px; - margin-left: unset; -} -html[dir=rtl] .page-wrapper .page-body-wrapper footer p i { - margin-right: 5px; - margin-left: unset; -} -html[dir=rtl] .footer-copyright { - text-align: right; -} -html[dir=rtl] .footer-links { - text-align: left; -} -html[dir=rtl] .page-item:first-child .page-link { - margin-right: 0; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left: none; -} -html[dir=rtl] .page-item:last-child .page-link { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .popover.top > .arrow:after, -html[dir=rtl] .popover.bottom > .arrow:after { - margin-right: -10px; - margin-left: unset; -} -html[dir=rtl] .bootstrap-touchspin > .input-group-append > .btn, -html[dir=rtl] .bootstrap-touchspin > .input-group-append > .input-group-text { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; -} -html[dir=rtl] .bootstrap-touchspin > .form-control:not(:last-child), -html[dir=rtl] .bootstrap-touchspin > .custom-select:not(:last-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -html[dir=rtl] .typeahead span.twitter-typeahead .tt-suggestion { - text-align: right; -} -html[dir=rtl] .typeahead .league-name { - text-align: right; - margin-right: 5px; -} -html[dir=rtl] .follow .text-md-right { - text-align: left !important; -} -html[dir=rtl] .jvectormap-zoomin, -html[dir=rtl] .jvectormap-zoomout, -html[dir=rtl] .jvectormap-goback { - right: 10px; - left: unset; -} -html[dir=rtl] .customizer-links { - right: unset; - left: 0; -} -html[dir=rtl] .customizer-links > .nav { - padding-right: 10px; -} -html[dir=rtl] .customizer-links .nav-link:after { - right: -10px; - left: unset; - border-width: 5px 5px 5px 0; - border-left-color: unset; - border-right-color: #e8e6ff; -} -html[dir=rtl] .customizer-links .nav-link span { - right: unset; - left: -60px; -} -html[dir=rtl] .customizer-links .nav-link:hover span { - left: 48px; -} -html[dir=rtl] .customizer-links.open { - right: unset; - left: 330px; - border-radius: 0 8px 8px 0; -} -html[dir=rtl] .customizer-contain { - width: 330px; - right: unset; - left: -330px; -} -html[dir=rtl] .customizer-contain.open { - right: unset; - left: 0px; -} -html[dir=rtl] .customizer-contain .customizer-header .icon-close { - left: unset; - right: 30px; -} -html[dir=rtl] .box-layout.page-wrapper.horizontal-wrapper .page-header { - padding-right: 250px; - padding-left: unset; -} -html[dir=rtl] .box-layout.page-wrapper.horizontal-wrapper .page-header.open { - padding-right: 0; -} -html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body { - margin-left: unset; - margin-right: 230px; -} -html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer { - width: 1280px; - padding-left: 0; - left: 50%; -} -html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-header { - margin-left: auto; - margin-right: auto; - padding-left: unset; - padding-right: 230px; -} -html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon { - padding-right: 100px; -} -html[dir=rtl] body.dark-only .custom-card .card-footer > div + div { - border-right: 1px solid #374558; -} -html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before { - border-left: none; - border-right-color: #1d1e26; -} -html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before { - border-left-color: #1d1e26; - border-right: unset; -} -html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light, -html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right { - border-right: none !important; - border-left: 1px solid #374558 !important; -} -@media screen and (max-width: 1660px) { - html[dir=rtl] .caller-img { - left: unset; - right: 15px; - } -} -@media only screen and (max-width: 1366px) { - html[dir=rtl] .profile-dropdown.onhover-show-div { - right: unset !important; - left: 0 !important; - } - html[dir=rtl] .product-wrapper .product-grid .feature-products { - margin-right: 0; - } - html[dir=rtl] .product-grid { - margin-right: 0; - } - html[dir=rtl] .d-none-productlist { - margin-left: 10px; - margin-right: unset; - } - html[dir=rtl] .photos ul li:nth-child(3n) { - margin-left: 15px; - margin-right: unset; - } - html[dir=rtl] .chat-left-aside .status-circle { - left: unset; - right: 22px; - } -} -@media (min-width: 1200px) { - html[dir=rtl] .float-xl-end { - float: left !important; - } - html[dir=rtl] .chat-box .pe-xl-0 { - padding-left: 0 !important; - padding-right: 15px !important; - } - html[dir=rtl] .chat-box .ps-xl-0 { - padding-right: 0 !important; - padding-left: 15px !important; - } - html[dir=rtl] .pixelstrap ul a:hover .sub-arrow, html[dir=rtl] .pixelstrap ul a:focus .sub-arrow, html[dir=rtl] .pixelstrap ul a:active .sub-arrow, html[dir=rtl] .pixelstrap ul a.highlighted .sub-arrow { - left: 3px; - right: unset; - } -} -@media (min-width: 992px) { - html[dir=rtl] .text-lg-start { - text-align: right !important; - } -} -@media only screen and (max-width: 1199.98px) { - html[dir=rtl] .jkanban-container .btn { - margin-left: unset; - margin-right: 20px; - } - html[dir=rtl] .link-section > div > h6:before { - right: unset; - left: 10px; - } - html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child { - padding-right: 15px !important; - padding-left: 15px !important; - } - html[dir=rtl] .user-profile .hovercard .user-image .share-icons { - left: 45px; - } - html[dir=rtl] .email-wrap .row .col-xl-6 { - padding-right: 15px; - } - html[dir=rtl] .email-wrap .row .col-xl-3 + .col-xl-3 { - padding-left: 15px; - } - html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li { - text-align: right; - } - html[dir=rtl] .email-wrap .email-app-sidebar .main-menu > li a i { - margin-right: unset; - margin-left: 10px; - } - html[dir=rtl] .email-wrap .email-app-sidebar ul { - padding-right: 0; - } - html[dir=rtl] .email-wrap .email-content .email-top .user-emailid:after { - float: left; - } - html[dir=rtl] .email-wrap .email-right-aside .email-body .pe-0 { - padding-right: unset !important; - } - html[dir=rtl] .email-wrap .email-right-aside .radius-left { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-radius: 4px; - } - html[dir=rtl] .chat-menu-icons { - text-align: left; - } - html[dir=rtl] .chat-box .chat-history .row .col-sm-7 { - padding-left: 0 !important; - padding-right: unset !important; - } - html[dir=rtl] .chat-menu { - left: 0; - right: unset; - } -} -@media only screen and (max-width: 991.98px) { - html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks { - left: 20px; - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon { - transform: translate(285px); - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover { - transform: translate(285px); - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn { - float: left; - transform: rotate(180deg); - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar { - margin-right: 0; - border-right: none; - padding-right: 0; - border-left: 1px solid #ddd; - margin-left: 15px; - padding-left: 15px; - } - html[dir=rtl] .page-wrapper.compact-sidebar .page-header { - margin-right: 0; - } - html[dir=rtl] .page-wrapper.material-icon .page-header { - padding-right: 0; - } - html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper .page-body { - padding-right: 15px; - } - html[dir=rtl] .faq-accordion .faq-header svg { - left: 20px; - } - html[dir=rtl] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img { - margin-left: 15px; - margin-right: unset; - } - html[dir=rtl] .page-body-wrapper .page-body, - html[dir=rtl] .page-body-wrapper footer { - margin-right: 0 !important; - } - html[dir=rtl] .main .langChoice { - left: 20px; - } - html[dir=rtl] .cd-timeline-img i { - right: 50% !important; - } - html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .breadcrumb { - margin-right: 0; - } - html[dir=rtl] .page-wrapper .page-body-wrapper .page-body { - min-height: calc(100vh - 60px); - } - html[dir=rtl] .page-wrapper .page-header { - margin-right: 0; - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-header { - margin-right: 0 !important; - margin-left: unset !important; - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon { - transform: translate(285px); - } - html[dir=rtl] .card-body .value-left { - margin-left: 20px; - } - html[dir=rtl] .bookmark ul li .search-form .form-control-search { - left: -127px; - } - html[dir=rtl] .card .card-header .card-header-right { - left: 15px; - } -} -@media only screen and (max-width: 991px) and (min-width: 768px) { - html[dir=rtl] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper { - left: unset; - right: 0; - } -} -@media (min-width: 768px) { - html[dir=rtl] .float-md-end { - float: left !important; - } - html[dir=rtl] .text-md-end { - text-align: left !important; - } - html[dir=rtl] .offset-md-3 { - margin-right: 25%; - margin-left: unset; - } - html[dir=rtl] .text-md-start { - text-align: right !important; - } - html[dir=rtl] .ecommerce-widget .text-md-end { - text-align: left !important; - } - html[dir=rtl] .ecommerce-widget .text-md-end ul { - text-align: left; - } -} -@media only screen and (max-width: 767.98px) { - html[dir=rtl] .list-persons .profile-mail .email-general ul { - padding-left: 0; - } - html[dir=rtl] .product-wrapper.sidebaron .product-grid .product-wrapper-grid { - margin-right: 0; - } - html[dir=rtl] .product-sidebar { - transform: translateX(300px) scaleX(1); - } - html[dir=rtl] .product-sidebar.open { - transform: translateX(0px) scaleX(1); - } - html[dir=rtl] .feature-products .filter-toggle { - margin-right: 10px; - margin-left: unset; - } - html[dir=rtl] .user-profile .hovercard .user-image .share-icons { - left: 25px !important; - } - html[dir=rtl] .ecommerce-widget .text-md-right { - text-align: left !important; - } - html[dir=rtl] .bar-chart-widget .earning-details i { - left: -147px !important; - } -} -@media (min-width: 576px) { - html[dir=rtl] .offset-sm-3 { - margin-right: 25%; - margin-left: unset; - } - html[dir=rtl] .text-sm-end { - text-align: left !important; - } - html[dir=rtl] .float-sm-end { - float: left !important; - } - html[dir=rtl] .me-sm-2 { - margin-left: 0.5rem !important; - margin-right: unset !important; - } -} -@media only screen and (max-width: 575.98px) { - html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks { - left: 15px; - } - html[dir=rtl] .list-persons .nav-pills .nav-link .media .media-body { - text-align: right; - } - html[dir=rtl] .mega-menu { - padding-left: unset; - padding-right: 15px; - } - html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right > ul li { - margin-right: unset; - margin-left: 1px; - } - html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { - left: 0; - } - html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir=rtl] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar { - margin-left: 8px; - padding-left: 8px; - margin-right: unset; - padding-right: unset; - border-right: unset; - border-left: 1px solid #ddd; - } - html[dir=rtl] .translate_wrapper.active .more_lang.active { - left: unset; - right: 12px; - } - html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:last-child { - padding-right: 10px; - } - html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown { - left: unset !important; - right: 15px !important; - } - html[dir=rtl] .faq-accordion .faq-header svg { - left: 15px; - } - html[dir=rtl] .user-profile .hovercard .user-image .share-icons { - left: 15px !important; - } - html[dir=rtl] .user-profile .hovercard .user-image .share-icons li { - margin-left: 0px; - } - html[dir=rtl] .main .langChoice { - left: 15px; - } - html[dir=rtl] .page-wrapper .search-form .form-group { - margin-left: 0; - } - html[dir=rtl] .card-body .value-left { - margin-left: 15px; - } -} -@media only screen and (max-width: 480px) { - html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div { - right: unset; - left: 20px; - } - html[dir=rtl] .knob-chart .chart-clock-main { - width: unset; - } - html[dir=rtl] .knob-chart .chart-clock-main .clock-small { - right: 32px; - } - html[dir=rtl] .knob-chart .chart-clock-main .clock-large { - right: 0; - left: unset; - } - html[dir=rtl] .knob-chart .chart-clock-main .clock-medium { - right: 32px; - left: unset; - } -} -@media only screen and (max-width: 420px) { - html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - right: 112px; - } - html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - right: 80px; - } -} -@media only screen and (max-width: 360px) { - html[dir=rtl] .prooduct-details-box .close { - left: 0; - } - html[dir=rtl] .social-app-profile .hovercard .user-image .avatar { - margin-top: -47px; - } - html[dir=rtl] .social-app-profile .hovercard .user-image .avatar img { - width: 85px; - height: 85px; - } - html[dir=rtl] .social-chat .other-msg { - margin-right: 15px; - } -} -@media screen and (max-width: 1460px) { - html[dir=rtl] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { - margin-left: 8px; - margin-right: unset; - } -} - -/**===================== - 5.8 Rtl CSS Ends -==========================**/ -/**===================== - 5.9 Box-layout CSS start -==========================**/ -.box-layout { - background-image: url(../images/other-images/boxbg.jpg); - background-blend-mode: overlay; - background-color: rgba(255, 255, 255, 0.5); -} -@media only screen and (min-width: 1280px) { - .box-layout .learning-filter { - order: -1; - } - .box-layout .md-sidebar .md-sidebar-toggle { - display: block; - } - .box-layout .md-sidebar .md-sidebar-aside { - position: absolute; - top: 40px; - left: 0; - opacity: 0; - visibility: hidden; - z-index: 3; - width: 280px; - } - .box-layout .md-sidebar .md-sidebar-aside.open { - opacity: 1; - visibility: visible; - } - .box-layout .job-sidebar { - background-color: var(--white); - padding: 20px; - } - .box-layout .widget-1.mb-xl-0 { - margin-bottom: 25px !important; - } - .box-layout .radial-progress-card .radial-chart-wrap { - margin-right: -10px; - } - .box-layout .currency-widget div[class*=bg-light-] { - display: none; - } - .box-layout .box-order .order-1 { - order: 1 !important; - } - .box-layout .activity-card .appointment-table.customer-table { - height: 187px; - } - .box-layout .transaction-table tr td:first-child { - min-width: 150px; - } - .box-layout .welcome-card .welcome-img { - height: 170px; - bottom: -22px; - } - .box-layout .purchase-card img { - margin: -210px auto 0; - width: 80%; - } - .box-layout .purchase-card.discover { - margin-top: 90px; - } - .box-layout .purchase-card.discover img { - margin-top: -90px; - width: 64%; - } - .box-layout .apache-cotainer-large > div, - .box-layout .apache-cotainer-large canvas, - .box-layout #line-visual > div, - .box-layout #line-visual canvas, - .box-layout #line-visulH > div, - .box-layout #line-visulH canvas { - width: 100% !important; - } - .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout { - padding-top: 40px; - margin-top: 0 !important; - } - .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper { - margin-top: 40px; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper { - width: 230px; - top: 40px; - border-radius: 10px 0 0 10px; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer { - width: 1200px; - left: 47%; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix { - padding-left: 0; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links { - height: calc(100vh - 196px); - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper { - box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { - margin-top: 10px; - margin-bottom: 20px; - height: calc(100vh - 191px); - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body { - min-height: calc(100vh - 130px); - margin-top: 0; - top: 80px; - overflow: scroll; - max-height: calc(100vh - 220px); - padding-bottom: 80px; - margin-left: 230px; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px #ecf3fa; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar { - width: 6px; - } - .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb { - background-color: rgba(68, 102, 242, 0.15); - } - .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header { - padding-left: 148px; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper { - margin-top: 40px; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper { - top: 40px; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon { - display: none; - transition: 0.5s; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 166px); - margin: 0; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - left: 470px; - top: 40px; - height: calc(100vh - 84px); - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu, - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu, - .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container { - animation: unset; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer { - margin-left: 0; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body { - min-height: calc(100vh - 90px); - margin-top: 0; - top: 80px; - overflow: scroll; - max-height: calc(100vh - 170px); - padding-bottom: 80px; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px #ecf3fa; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar { - width: 6px; - } - .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb { - background-color: rgba(68, 102, 242, 0.15); - } - .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header { - padding-left: 90px; - } - .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon { - padding-left: 0; - } - .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, - .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container { - left: 410px; - } - .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before { - display: none; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper { - margin-top: 40px; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body { - margin-top: 80px; - min-height: calc(100vh - 310px); - max-height: calc(100vh - 230px); - overflow: scroll; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px #ecf3fa; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar { - width: 6px; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb { - background-color: rgba(68, 102, 242, 0.15); - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer { - padding-left: 15px; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { - width: 1280px; - top: 80px; - margin: 0; - overflow-x: unset; - position: relative; - } - .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu { - left: 0%; - transform: translate(0, 0); - top: 125px; - background-color: #fff; - } - .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header { - padding-left: 0; - } - .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header { - padding-left: 0px; - } - .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header { - width: 36%; - } - .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right { - width: 46%; - } - .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body { - margin-left: 260px; - } - .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper { - top: 120px; - } - .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { - height: calc(100vh - 311px); - } - .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links { - height: calc(100vh - 316px); - } - .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer { - width: 1280px; - left: 50%; - margin-left: 0; - } - .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer { - margin-left: 0; - } - .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header { - max-width: 1280px; - margin: 0 auto; - left: 0; - right: 0; - transition: 0.5s; - padding-left: 230px; - margin-top: 40px; - border-radius: 10px; - width: unset; - } - .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon { - padding-left: 0; - margin-left: auto; - width: calc(100% - 0px); - transition: 0.5s; - } - .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper { - border: 1px solid #f8f8f8; - border-radius: 10px 10px 0 0; - } - .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right, - .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right, - .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { - width: 36%; - } - .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper { - margin-top: 0; - } - .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body { - margin-top: 0; - } - .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper { - top: 0; - } - .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon { - margin-top: 40px !important; - } - .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper { - margin-top: 0; - } - .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body { - top: 0; - min-height: calc(100vh - 170px); - padding-bottom: 40px; - } - .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header { - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); - } - .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper { - margin-top: 0; - } - .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper { - width: 1280px; - box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07); - margin: 0 auto; - overflow: hidden; - } - .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive { - min-width: 1087px; - overflow: auto; - } - .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table { - max-width: 443px; - overflow: auto; - } - .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p { - width: 100px; - } - .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after { - height: 57px; - bottom: -64px; - } - .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after { - height: 36px; - bottom: -43px; - } - .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after { - height: 40px; - bottom: -48px; - } - .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer { - width: 1280px; - margin: 0 auto; - padding-left: 230px; - margin-bottom: 40px !important; - position: fixed; - left: 50%; - transform: translate(-50%, 0); - border-radius: 0 0 10px; - } - .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer { - margin-left: 0; - width: 100%; - } - .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix { - padding-left: 230px; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content { - display: flex; - align-items: center; - justify-content: center; - min-width: 300px; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div { - z-index: 8; - background-color: rgba(255, 255, 255, 0.75); - background-blend-mode: overlay; - width: 100%; - padding: 30px; - left: 15px; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button { - width: 40%; - font-size: 14px; - margin: 0 auto; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons { - margin-top: 20px; - margin-bottom: 20px; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li { - border: 1px solid #717171; - width: 50px; - height: 50px; - padding: 8px; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img { - margin-top: 30px; - margin-bottom: 30px; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img { - width: 38%; - } - .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 { - font-size: 28px; - color: #717171; - } - .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts { - width: 100%; - } - .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside { - flex: 0 0 60%; - max-width: 60%; - overflow: hidden; - } - .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img { - position: absolute; - width: 100%; - max-width: 100%; - left: 15px; - } - .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img { - opacity: 0.7; - } - .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img { - height: 65px; - } - .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img { - margin-top: -73px; - } - .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img { - height: 130px; - top: -17px; - } - .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 { - width: 901.781px; - } - .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label { - padding: 0; - } - .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after { - display: none; - } - .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul { - margin-right: -1px; - } - .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn { - padding-left: 20px; - padding-right: 20px; - } - .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type=radio], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type=radio] { - display: none; - } - .box-layout .page-wrapper .media.bitcoin-graph, .box-layout.page-wrapper .media.bitcoin-graph { - display: block; - } - .box-layout .page-wrapper .media.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .media.bitcoin-graph .top-bitcoin { - display: inline-block; - vertical-align: middle; - } - .box-layout .page-wrapper .media.bitcoin-graph .media-body, .box-layout.page-wrapper .media.bitcoin-graph .media-body { - margin-top: 30px; - } - .box-layout .page-wrapper .media.bitcoin-graph .media-body .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .media.bitcoin-graph .media-body .bitcoin-content .bitcoin-numbers h6 { - font-size: 14PX; - } - .box-layout .page-wrapper .media.bitcoin-graph .media-body .bitcoin-content.text-right, .box-layout.page-wrapper .media.bitcoin-graph .media-body .bitcoin-content.text-right { - text-align: center !important; - } - .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p { - max-width: 238px; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect { - left: 55%; - } - .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video { - min-width: 67%; - width: 67%; - } - .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop { - margin-top: 40px; - } - .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup { - margin-bottom: 10px; - } - .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card { - padding: 50px 20px; - } - .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height { - min-height: 400px; - } - .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily { - min-height: 430px; - } - .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris { - min-height: 430px; - } - .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 { - flex: 0 0 100%; - max-width: 100%; - } - .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 { - flex: 0 0 50%; - max-width: 50%; - } - .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 { - flex: 0 0 25%; - max-width: 25%; - } - .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 { - flex: 0 0 60%; - max-width: 60%; - } - .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 { - flex: 0 0 40%; - max-width: 40%; - } - .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 { - flex: 0 0 70%; - max-width: 70%; - } - .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e { - flex: 0 0 30%; - max-width: 30%; - } - .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 { - flex: 0 0 33.33%; - max-width: 33%; - } - .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e { - flex: 0 0 66.67%; - max-width: 66.67%; - } - .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none { - display: none !important; - } - .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside { - flex: 0 0 100%; - max-width: calc(100% - 15px); - overflow: hidden; - } - .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i { - font-size: 19px; - } - .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar { - display: inline-block; - margin-right: 0 !important; - } - .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu { - right: 0; - border-top: 1px solid #ddd; - opacity: 0; - transform: translateY(-30px); - visibility: hidden; - top: 81px; - position: absolute; - z-index: 9; - background-color: #fff; - transition: all linear 0.3s; - } - .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show { - opacity: 1; - visibility: visible; - transform: translateY(0px); - transition: all linear 0.3s; - padding-bottom: 25px; - } - .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar { - stroke-width: 23px !important; - } - .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 { - flex: 0 0 30%; - max-width: 30%; - } - .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset { - max-height: 165px; - } - .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 { - padding-left: 12px; - } - .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 { - padding-right: 12px; - } - .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox { - height: 644px; - } - .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after { - right: -10px; - } - .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup { - right: 320px; - } - .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin { - padding: 0 10px; - } - .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main { - width: 1280px; - margin: 0 auto; - left: 0; - right: 0; - } - .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu { - width: 1050px !important; - max-width: 1050px !important; - left: -320px !important; - } - .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video { - min-width: 67%; - width: 67%; - } -} - - -.force-card{ - margin-top: 0!important; - padding:0 !important; - max-width:100%!important; - -} - - -.signin-error{ - color:#721c24 -} - - - - -/**===================== - 5.9 Box-layout CSS Ends -==========================**/ \ No newline at end of file diff --git a/assets/css/vendors/animate.css b/assets/css/vendors/animate.css deleted file mode 100644 index 88fca17..0000000 --- a/assets/css/vendors/animate.css +++ /dev/null @@ -1,1443 +0,0 @@ -.animated { - animation-duration: 1s; - animation-fill-mode: both; -} -.animated.infinite { - animation-iteration-count: infinite; -} -.animated.hinge { - animation-duration: 2s; -} -.animated.bounceIn { - animation-duration: 0.75s; -} -.animated.bounceOut { - animation-duration: 0.75s; -} -.animated.flipOutX { - animation-duration: 0.75s; -} -.animated.flipOutY { - animation-duration: 0.75s; -} -.animated.flip { - backface-visibility: visible; - animation-name: flip; -} - -@keyframes bounce { - 0% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - 20% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - 53% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - 80% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - 40% { - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -30px, 0); - } - 43% { - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -30px, 0); - } - 70% { - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -15px, 0); - } - 90% { - transform: translate3d(0, -4px, 0); - } -} -.bounce { - animation-name: bounce; - transform-origin: center bottom; -} - -@keyframes flash { - 0% { - opacity: 1; - } - 50% { - opacity: 1; - } - to { - opacity: 1; - } - 25% { - opacity: 0; - } - 75% { - opacity: 0; - } -} -.flash { - animation-name: flash; -} - -@keyframes pulse { - 0% { - transform: scaleX(1); - } - 50% { - transform: scale3d(1.05, 1.05, 1.05); - } - to { - transform: scaleX(1); - } -} -.pulse { - animation-name: pulse; -} - -@keyframes rubberBand { - 0% { - transform: scaleX(1); - } - 30% { - transform: scale3d(1.25, 0.75, 1); - } - 40% { - transform: scale3d(0.75, 1.25, 1); - } - 50% { - transform: scale3d(1.15, 0.85, 1); - } - 65% { - transform: scale3d(0.95, 1.05, 1); - } - 75% { - transform: scale3d(1.05, 0.95, 1); - } - to { - transform: scaleX(1); - } -} -.rubberBand { - animation-name: rubberBand; -} - -@keyframes shake { - 0% { - transform: translateZ(0); - } - to { - transform: translateZ(0); - } - 10% { - transform: translate3d(-10px, 0, 0); - } - 30% { - transform: translate3d(-10px, 0, 0); - } - 50% { - transform: translate3d(-10px, 0, 0); - } - 70% { - transform: translate3d(-10px, 0, 0); - } - 90% { - transform: translate3d(-10px, 0, 0); - } - 20% { - transform: translate3d(10px, 0, 0); - } - 40% { - transform: translate3d(10px, 0, 0); - } - 60% { - transform: translate3d(10px, 0, 0); - } - 80% { - transform: translate3d(10px, 0, 0); - } -} -.shake { - animation-name: shake; -} - -@keyframes headShake { - 0% { - transform: translateX(0); - } - 50% { - transform: translateX(0); - } - 0.5% { - transform: translateX(-6px) rotateY(-9deg); - } - 1.5% { - transform: translateX(5px) rotateY(7deg); - } - 2.5% { - transform: translateX(-3px) rotateY(-5deg); - } - 3.5% { - transform: translateX(2px) rotateY(3deg); - } -} -.headShake { - animation-timing-function: ease-in-out; - animation-name: headShake; -} - -@keyframes swing { - 20% { - transform: rotate(15deg); - } - 40% { - transform: rotate(-10deg); - } - 60% { - transform: rotate(5deg); - } - 80% { - transform: rotate(-5deg); - } - to { - transform: rotate(0deg); - } -} -.swing { - transform-origin: top center; - animation-name: swing; -} - -@keyframes tada { - 0% { - transform: scaleX(1); - } - 10% { - transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); - } - 20% { - transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); - } - 30% { - transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - } - 50% { - transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - } - 70% { - transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - } - 90% { - transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - } - 40% { - transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - } - 60% { - transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - } - 80% { - transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - } - to { - transform: scaleX(1); - } -} -.tada { - animation-name: tada; -} - -@keyframes wobble { - 0% { - transform: none; - } - 15% { - transform: translate3d(-25%, 0, 0) rotate(-5deg); - } - 30% { - transform: translate3d(20%, 0, 0) rotate(3deg); - } - 45% { - transform: translate3d(-15%, 0, 0) rotate(-3deg); - } - 60% { - transform: translate3d(10%, 0, 0) rotate(2deg); - } - 75% { - transform: translate3d(-5%, 0, 0) rotate(-1deg); - } - to { - transform: none; - } -} -.wobble { - animation-name: wobble; -} - -@keyframes jello { - 0% { - transform: none; - } - to { - transform: none; - } - 0.1% { - transform: none; - } - 1.2% { - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 2.3% { - transform: skewX(6.25deg) skewY(6.25deg); - } - 3.4% { - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 4.5% { - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 5.6% { - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 6.7% { - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 7.8% { - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -.jello { - animation-name: jello; - transform-origin: center; -} - -@keyframes bounceIn { - 0% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 1; - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 1; - transform: scaleX(1); - } -} -.bounceIn { - animation-name: bounceIn; -} - -@keyframes bounceInDown { - 0% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 0; - transform: translate3d(0, -3000px, 0); - } - 60% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 1; - transform: translate3d(0, 25px, 0); - } - 75% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, -10px, 0); - } - 90% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, 5px, 0); - } - to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: none; - } -} -.bounceInDown { - animation-name: bounceInDown; -} - -@keyframes bounceInLeft { - 0% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 0; - transform: translate3d(-3000px, 0, 0); - } - 60% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 1; - transform: translate3d(25px, 0, 0); - } - 75% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(-10px, 0, 0); - } - 90% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(5px, 0, 0); - } - to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: none; - } -} -.bounceInLeft { - animation-name: bounceInLeft; -} - -@keyframes bounceInRight { - 0% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 0; - transform: translate3d(3000px, 0, 0); - } - 60% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 1; - transform: translate3d(-25px, 0, 0); - } - 75% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(10px, 0, 0); - } - 90% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(-5px, 0, 0); - } - to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: none; - } -} -.bounceInRight { - animation-name: bounceInRight; -} - -@keyframes bounceInUp { - 0% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 0; - transform: translate3d(0, 3000px, 0); - } - 60% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - opacity: 1; - transform: translate3d(0, -20px, 0); - } - 75% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, 10px, 0); - } - 90% { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, -5px, 0); - } - to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } -} -.bounceInUp { - animation-name: bounceInUp; -} - -@keyframes bounceOut { - 20% { - transform: scale3d(0.9, 0.9, 0.9); - } - 50% { - opacity: 1; - transform: scale3d(1.1, 1.1, 1.1); - } - 55% { - opacity: 1; - transform: scale3d(1.1, 1.1, 1.1); - } - to { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } -} -.bounceOut { - animation-name: bounceOut; -} - -@keyframes bounceOutDown { - 20% { - transform: translate3d(0, 10px, 0); - } - 40% { - opacity: 1; - transform: translate3d(0, -20px, 0); - } - 45% { - opacity: 1; - transform: translate3d(0, -20px, 0); - } - to { - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} -.bounceOutDown { - animation-name: bounceOutDown; -} - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - transform: translate3d(20px, 0, 0); - } - to { - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} -.bounceOutLeft { - animation-name: bounceOutLeft; -} - -@keyframes bounceOutRight { - 20% { - opacity: 1; - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} -.bounceOutRight { - animation-name: bounceOutRight; -} - -@keyframes bounceOutUp { - 20% { - transform: translate3d(0, -10px, 0); - } - 40% { - opacity: 1; - transform: translate3d(0, 20px, 0); - } - 45% { - opacity: 1; - transform: translate3d(0, 20px, 0); - } - to { - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} -.bounceOutUp { - animation-name: bounceOutUp; -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -.fadeIn { - animation-name: fadeIn; -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - transform: translate3d(0, -100%, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInDown { - animation-name: fadeInDown; -} - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - transform: translate3d(0, -2000px, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInDownBig { - animation-name: fadeInDownBig; -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInLeft { - animation-name: fadeInLeft; -} - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInLeftBig { - animation-name: fadeInLeftBig; -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - transform: translate3d(100%, 0, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInRight { - animation-name: fadeInRight; -} - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - transform: translate3d(2000px, 0, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInRightBig { - animation-name: fadeInRightBig; -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInUp { - animation-name: fadeInUp; -} - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - transform: translate3d(0, 2000px, 0); - } - to { - opacity: 1; - transform: none; - } -} -.fadeInUpBig { - animation-name: fadeInUpBig; -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - to { - opacity: 0; - } -} -.fadeOut { - animation-name: fadeOut; -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(0, 100%, 0); - } -} -.fadeOutDown { - animation-name: fadeOutDown; -} - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} -.fadeOutDownBig { - animation-name: fadeOutDownBig; -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(-100%, 0, 0); - } -} -.fadeOutLeft { - animation-name: fadeOutLeft; -} - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} -.fadeOutLeftBig { - animation-name: fadeOutLeftBig; -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(100%, 0, 0); - } -} -.fadeOutRight { - animation-name: fadeOutRight; -} - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} -.fadeOutRightBig { - animation-name: fadeOutRightBig; -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(0, -100%, 0); - } -} -.fadeOutUp { - animation-name: fadeOutUp; -} - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} -.fadeOutUpBig { - animation-name: fadeOutUpBig; -} - -@keyframes flip { - 0% { - transform: perspective(400px) rotateY(-1turn); - animation-timing-function: ease-out; - } - 40% { - transform: perspective(400px) translateZ(150px) rotateY(-190deg); - animation-timing-function: ease-out; - } - 50% { - transform: perspective(400px) translateZ(150px) rotateY(-170deg); - animation-timing-function: ease-in; - } - 80% { - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - animation-timing-function: ease-in; - } - to { - transform: perspective(400px); - animation-timing-function: ease-in; - } -} -@keyframes flipInX { - 0% { - transform: perspective(400px) rotateX(90deg); - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - transform: perspective(400px) rotateX(-20deg); - animation-timing-function: ease-in; - } - 60% { - transform: perspective(400px) rotateX(10deg); - opacity: 1; - } - 80% { - transform: perspective(400px) rotateX(-5deg); - } - to { - transform: perspective(400px); - } -} -.flipInX { - backface-visibility: visible !important; - animation-name: flipInX; -} - -@keyframes flipInY { - 0% { - transform: perspective(400px) rotateY(90deg); - animation-timing-function: ease-in; - opacity: 0; - } - 40% { - transform: perspective(400px) rotateY(-20deg); - animation-timing-function: ease-in; - } - 60% { - transform: perspective(400px) rotateY(10deg); - opacity: 1; - } - 80% { - transform: perspective(400px) rotateY(-5deg); - } - to { - transform: perspective(400px); - } -} -.flipInY { - backface-visibility: visible !important; - animation-name: flipInY; -} - -@keyframes flipOutX { - 0% { - transform: perspective(400px); - } - 30% { - transform: perspective(400px) rotateX(-20deg); - opacity: 1; - } - to { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} -.flipOutX { - animation-name: flipOutX; - backface-visibility: visible !important; -} - -@keyframes flipOutY { - 0% { - transform: perspective(400px); - } - 30% { - transform: perspective(400px) rotateY(-15deg); - opacity: 1; - } - to { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} -.flipOutY { - backface-visibility: visible !important; - animation-name: flipOutY; -} - -@keyframes lightSpeedIn { - 0% { - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - 60% { - transform: skewX(20deg); - opacity: 1; - } - 80% { - transform: skewX(-5deg); - opacity: 1; - } - to { - transform: none; - opacity: 1; - } -} -.lightSpeedIn { - animation-name: lightSpeedIn; - animation-timing-function: ease-out; -} - -@keyframes lightSpeedOut { - 0% { - opacity: 1; - } - to { - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} -.lightSpeedOut { - animation-name: lightSpeedOut; - animation-timing-function: ease-in; -} - -@keyframes rotateIn { - 0% { - transform-origin: center; - transform: rotate(-200deg); - opacity: 0; - } - to { - transform-origin: center; - transform: none; - opacity: 1; - } -} -.rotateIn { - animation-name: rotateIn; -} - -@keyframes rotateInDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(-45deg); - opacity: 0; - } - to { - transform-origin: left bottom; - transform: none; - opacity: 1; - } -} -.rotateInDownLeft { - animation-name: rotateInDownLeft; -} - -@keyframes rotateInDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(45deg); - opacity: 0; - } - to { - transform-origin: right bottom; - transform: none; - opacity: 1; - } -} -.rotateInDownRight { - animation-name: rotateInDownRight; -} - -@keyframes rotateInUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(45deg); - opacity: 0; - } - to { - transform-origin: left bottom; - transform: none; - opacity: 1; - } -} -.rotateInUpLeft { - animation-name: rotateInUpLeft; -} - -@keyframes rotateInUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } - to { - transform-origin: right bottom; - transform: none; - opacity: 1; - } -} -.rotateInUpRight { - animation-name: rotateInUpRight; -} - -@keyframes rotateOut { - 0% { - transform-origin: center; - opacity: 1; - } - to { - transform-origin: center; - transform: rotate(200deg); - opacity: 0; - } -} -.rotateOut { - animation-name: rotateOut; -} - -@keyframes rotateOutDownLeft { - 0% { - transform-origin: left bottom; - opacity: 1; - } - to { - transform-origin: left bottom; - transform: rotate(45deg); - opacity: 0; - } -} -.rotateOutDownLeft { - animation-name: rotateOutDownLeft; -} - -@keyframes rotateOutDownRight { - 0% { - transform-origin: right bottom; - opacity: 1; - } - to { - transform-origin: right bottom; - transform: rotate(-45deg); - opacity: 0; - } -} -.rotateOutDownRight { - animation-name: rotateOutDownRight; -} - -@keyframes rotateOutUpLeft { - 0% { - transform-origin: left bottom; - opacity: 1; - } - to { - transform-origin: left bottom; - transform: rotate(-45deg); - opacity: 0; - } -} -.rotateOutUpLeft { - animation-name: rotateOutUpLeft; -} - -@keyframes rotateOutUpRight { - 0% { - transform-origin: right bottom; - opacity: 1; - } - to { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } -} -.rotateOutUpRight { - animation-name: rotateOutUpRight; -} - -@keyframes hinge { - 0% { - transform-origin: top left; - animation-timing-function: ease-in-out; - } - 20% { - transform: rotate(80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - 60% { - transform: rotate(80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - 40% { - transform: rotate(60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - opacity: 1; - } - 80% { - transform: rotate(60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - opacity: 1; - } - to { - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} -.hinge { - animation-name: hinge; -} - -@keyframes jackInTheBox { - 0% { - opacity: 0; - transform: scale(0.1) rotate(30deg); - transform-origin: center bottom; - } - 50% { - transform: rotate(-10deg); - } - 70% { - transform: rotate(3deg); - } - to { - opacity: 1; - transform: scale(1); - } -} -.jackInTheBox { - animation-name: jackInTheBox; -} - -@keyframes rollIn { - 0% { - opacity: 0; - transform: translate3d(-100%, 0, 0) rotate(-120deg); - } - to { - opacity: 1; - transform: none; - } -} -.rollIn { - animation-name: rollIn; -} - -@keyframes rollOut { - 0% { - opacity: 1; - } - to { - opacity: 0; - transform: translate3d(100%, 0, 0) rotate(120deg); - } -} -.rollOut { - animation-name: rollOut; -} - -@keyframes zoomIn { - 0% { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -.zoomIn { - animation-name: zoomIn; -} - -@keyframes zoomInDown { - 0% { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.zoomInDown { - animation-name: zoomInDown; -} - -@keyframes zoomInLeft { - 0% { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.zoomInLeft { - animation-name: zoomInLeft; -} - -@keyframes zoomInRight { - 0% { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.zoomInRight { - animation-name: zoomInRight; -} - -@keyframes zoomInUp { - 0% { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.zoomInUp { - animation-name: zoomInUp; -} - -@keyframes zoomOut { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -.zoomOut { - animation-name: zoomOut; -} - -@keyframes zoomOutDown { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.zoomOutDown { - animation-name: zoomOutDown; -} - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - opacity: 0; - transform: scale(0.1) translate3d(-2000px, 0, 0); - transform-origin: left center; - } -} -.zoomOutLeft { - animation-name: zoomOutLeft; -} - -@keyframes zoomOutRight { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - opacity: 0; - transform: scale(0.1) translate3d(2000px, 0, 0); - transform-origin: right center; - } -} -.zoomOutRight { - animation-name: zoomOutRight; -} - -@keyframes zoomOutUp { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - to { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.zoomOutUp { - animation-name: zoomOutUp; -} - -@keyframes slideInDown { - 0% { - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - transform: translateZ(0); - } -} -.slideInDown { - animation-name: slideInDown; -} - -@keyframes slideInLeft { - 0% { - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - transform: translateZ(0); - } -} -.slideInLeft { - animation-name: slideInLeft; -} - -@keyframes slideInRight { - 0% { - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - transform: translateZ(0); - } -} -.slideInRight { - animation-name: slideInRight; -} - -@keyframes slideInUp { - 0% { - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - transform: translateZ(0); - } -} -.slideInUp { - animation-name: slideInUp; -} - -@keyframes slideOutDown { - 0% { - transform: translateZ(0); - } - to { - visibility: hidden; - transform: translate3d(0, 100%, 0); - } -} -.slideOutDown { - animation-name: slideOutDown; -} - -@keyframes slideOutLeft { - 0% { - transform: translateZ(0); - } - to { - visibility: hidden; - transform: translate3d(-100%, 0, 0); - } -} -.slideOutLeft { - animation-name: slideOutLeft; -} - -@keyframes slideOutRight { - 0% { - transform: translateZ(0); - } - to { - visibility: hidden; - transform: translate3d(100%, 0, 0); - } -} -.slideOutRight { - animation-name: slideOutRight; -} - -@keyframes slideOutUp { - 0% { - transform: translateZ(0); - } - to { - visibility: hidden; - transform: translate3d(0, -100%, 0); - } -} -.slideOutUp { - animation-name: slideOutUp; -} \ No newline at end of file diff --git a/assets/css/vendors/aos.css b/assets/css/vendors/aos.css deleted file mode 100644 index 800d391..0000000 --- a/assets/css/vendors/aos.css +++ /dev/null @@ -1,765 +0,0 @@ -body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] { - transition-duration: 50ms; -} -body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] { - transition-delay: 0; -} -body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate { - transition-delay: 50ms; -} -body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] { - transition-duration: 100ms; -} -body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] { - transition-delay: 0; -} -body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate { - transition-delay: 100ms; -} -body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] { - transition-duration: 150ms; -} -body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] { - transition-delay: 0; -} -body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate { - transition-delay: 150ms; -} -body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] { - transition-duration: 200ms; -} -body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] { - transition-delay: 0; -} -body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate { - transition-delay: 200ms; -} -body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] { - transition-duration: 250ms; -} -body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] { - transition-delay: 0; -} -body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate { - transition-delay: 250ms; -} -body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] { - transition-duration: 300ms; -} -body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] { - transition-delay: 0; -} -body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate { - transition-delay: 300ms; -} -body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] { - transition-duration: 350ms; -} -body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] { - transition-delay: 0; -} -body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate { - transition-delay: 350ms; -} -body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] { - transition-duration: 400ms; -} -body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] { - transition-delay: 0; -} -body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate { - transition-delay: 400ms; -} -body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] { - transition-duration: 450ms; -} -body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] { - transition-delay: 0; -} -body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate { - transition-delay: 450ms; -} -body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] { - transition-duration: 500ms; -} -body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] { - transition-delay: 0; -} -body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate { - transition-delay: 500ms; -} -body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] { - transition-duration: 550ms; -} -body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] { - transition-delay: 0; -} -body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate { - transition-delay: 550ms; -} -body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] { - transition-duration: 600ms; -} -body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] { - transition-delay: 0; -} -body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate { - transition-delay: 600ms; -} -body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] { - transition-duration: 650ms; -} -body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] { - transition-delay: 0; -} -body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate { - transition-delay: 650ms; -} -body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] { - transition-duration: 700ms; -} -body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] { - transition-delay: 0; -} -body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate { - transition-delay: 700ms; -} -body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] { - transition-duration: 750ms; -} -body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] { - transition-delay: 0; -} -body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate { - transition-delay: 750ms; -} -body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] { - transition-duration: 800ms; -} -body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] { - transition-delay: 0; -} -body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate { - transition-delay: 800ms; -} -body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] { - transition-duration: 850ms; -} -body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] { - transition-delay: 0; -} -body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate { - transition-delay: 850ms; -} -body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] { - transition-duration: 900ms; -} -body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] { - transition-delay: 0; -} -body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate { - transition-delay: 900ms; -} -body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] { - transition-duration: 950ms; -} -body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] { - transition-delay: 0; -} -body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate { - transition-delay: 950ms; -} -body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] { - transition-duration: 1000ms; -} -body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] { - transition-delay: 0; -} -body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate { - transition-delay: 1000ms; -} -body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] { - transition-duration: 1050ms; -} -body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] { - transition-delay: 0; -} -body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate { - transition-delay: 1050ms; -} -body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] { - transition-duration: 1100ms; -} -body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] { - transition-delay: 0; -} -body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate { - transition-delay: 1100ms; -} -body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] { - transition-duration: 1150ms; -} -body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] { - transition-delay: 0; -} -body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate { - transition-delay: 1150ms; -} -body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] { - transition-duration: 1200ms; -} -body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] { - transition-delay: 0; -} -body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate { - transition-delay: 1200ms; -} -body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] { - transition-duration: 1250ms; -} -body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] { - transition-delay: 0; -} -body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate { - transition-delay: 1250ms; -} -body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] { - transition-duration: 1300ms; -} -body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] { - transition-delay: 0; -} -body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate { - transition-delay: 1300ms; -} -body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] { - transition-duration: 1350ms; -} -body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] { - transition-delay: 0; -} -body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate { - transition-delay: 1350ms; -} -body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] { - transition-duration: 1400ms; -} -body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] { - transition-delay: 0; -} -body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate { - transition-delay: 1400ms; -} -body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] { - transition-duration: 1450ms; -} -body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] { - transition-delay: 0; -} -body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate { - transition-delay: 1450ms; -} -body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] { - transition-duration: 1500ms; -} -body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] { - transition-delay: 0; -} -body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate { - transition-delay: 1500ms; -} -body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] { - transition-duration: 1550ms; -} -body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] { - transition-delay: 0; -} -body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate { - transition-delay: 1550ms; -} -body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] { - transition-duration: 1600ms; -} -body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] { - transition-delay: 0; -} -body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate { - transition-delay: 1600ms; -} -body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] { - transition-duration: 1650ms; -} -body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] { - transition-delay: 0; -} -body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate { - transition-delay: 1650ms; -} -body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] { - transition-duration: 1700ms; -} -body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] { - transition-delay: 0; -} -body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate { - transition-delay: 1700ms; -} -body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] { - transition-duration: 1750ms; -} -body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] { - transition-delay: 0; -} -body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate { - transition-delay: 1750ms; -} -body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] { - transition-duration: 1800ms; -} -body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] { - transition-delay: 0; -} -body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate { - transition-delay: 1800ms; -} -body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] { - transition-duration: 1850ms; -} -body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] { - transition-delay: 0; -} -body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate { - transition-delay: 1850ms; -} -body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] { - transition-duration: 1900ms; -} -body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] { - transition-delay: 0; -} -body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate { - transition-delay: 1900ms; -} -body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] { - transition-duration: 1950ms; -} -body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] { - transition-delay: 0; -} -body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate { - transition-delay: 1950ms; -} -body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] { - transition-duration: 2000ms; -} -body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] { - transition-delay: 0; -} -body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate { - transition-delay: 2000ms; -} -body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] { - transition-duration: 2050ms; -} -body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] { - transition-delay: 0; -} -body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate { - transition-delay: 2050ms; -} -body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] { - transition-duration: 2100ms; -} -body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] { - transition-delay: 0; -} -body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate { - transition-delay: 2100ms; -} -body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] { - transition-duration: 2150ms; -} -body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] { - transition-delay: 0; -} -body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate { - transition-delay: 2150ms; -} -body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] { - transition-duration: 2200ms; -} -body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] { - transition-delay: 0; -} -body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate { - transition-delay: 2200ms; -} -body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] { - transition-duration: 2250ms; -} -body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] { - transition-delay: 0; -} -body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate { - transition-delay: 2250ms; -} -body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] { - transition-duration: 2300ms; -} -body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] { - transition-delay: 0; -} -body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate { - transition-delay: 2300ms; -} -body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] { - transition-duration: 2350ms; -} -body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] { - transition-delay: 0; -} -body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate { - transition-delay: 2350ms; -} -body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] { - transition-duration: 2400ms; -} -body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] { - transition-delay: 0; -} -body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate { - transition-delay: 2400ms; -} -body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] { - transition-duration: 2450ms; -} -body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] { - transition-delay: 0; -} -body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate { - transition-delay: 2450ms; -} -body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] { - transition-duration: 2500ms; -} -body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] { - transition-delay: 0; -} -body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate { - transition-delay: 2500ms; -} -body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] { - transition-duration: 2550ms; -} -body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] { - transition-delay: 0; -} -body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate { - transition-delay: 2550ms; -} -body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] { - transition-duration: 2600ms; -} -body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] { - transition-delay: 0; -} -body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate { - transition-delay: 2600ms; -} -body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] { - transition-duration: 2650ms; -} -body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] { - transition-delay: 0; -} -body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate { - transition-delay: 2650ms; -} -body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] { - transition-duration: 2700ms; -} -body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] { - transition-delay: 0; -} -body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate { - transition-delay: 2700ms; -} -body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] { - transition-duration: 2750ms; -} -body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] { - transition-delay: 0; -} -body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate { - transition-delay: 2750ms; -} -body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] { - transition-duration: 2800ms; -} -body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] { - transition-delay: 0; -} -body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate { - transition-delay: 2800ms; -} -body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] { - transition-duration: 2850ms; -} -body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] { - transition-delay: 0; -} -body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate { - transition-delay: 2850ms; -} -body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] { - transition-duration: 2900ms; -} -body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] { - transition-delay: 0; -} -body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate { - transition-delay: 2900ms; -} -body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] { - transition-duration: 2950ms; -} -body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] { - transition-delay: 0; -} -body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate { - transition-delay: 2950ms; -} -body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] { - transition-duration: 3000ms; -} -body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] { - transition-delay: 0; -} -body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate { - transition-delay: 3000ms; -} - -body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] { - transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); -} -body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] { - transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -} -body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] { - transition-timing-function: cubic-bezier(0.42, 0, 1, 1); -} -body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] { - transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -} -body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] { - transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); -} -body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] { - transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); -} -body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] { - transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -} -body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] { - transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -} -body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] { - transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); -} -body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] { - transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -} -body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] { - transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -} -body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] { - transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -} -body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] { - transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] { - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -} -body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] { - transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -} -body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] { - transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] { - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -} -body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] { - transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -} -body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] { - transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] { - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -} - -/** - * Fade animations: - * fade - * fade-up, fade-down, fade-left, fade-right - * fade-up-right, fade-up-left, fade-down-right, fade-down-left - */ -[data-aos^=fade][data-aos^=fade] { - opacity: 0; - transition-property: opacity, transform; -} -[data-aos^=fade][data-aos^=fade].aos-animate { - opacity: 1; - transform: translate(0, 0); -} - -[data-aos=fade-up] { - transform: translate(0, 100px); -} - -[data-aos=fade-down] { - transform: translate(0, -100px); -} - -[data-aos=fade-right] { - transform: translate(-100px, 0); -} - -[data-aos=fade-left] { - transform: translate(100px, 0); -} - -[data-aos=fade-up-right] { - transform: translate(-100px, 100px); -} - -[data-aos=fade-up-left] { - transform: translate(100px, 100px); -} - -[data-aos=fade-down-right] { - transform: translate(-100px, -100px); -} - -[data-aos=fade-down-left] { - transform: translate(100px, -100px); -} - -/** - * Zoom animations: - * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right - * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right - */ -[data-aos^=zoom][data-aos^=zoom] { - opacity: 0; - transition-property: opacity, transform; -} -[data-aos^=zoom][data-aos^=zoom].aos-animate { - opacity: 1; - transform: translate(0, 0) scale(1); -} - -[data-aos=zoom-in] { - transform: scale(0.6); -} - -[data-aos=zoom-in-up] { - transform: translate(0, 100px) scale(0.6); -} - -[data-aos=zoom-in-down] { - transform: translate(0, -100px) scale(0.6); -} - -[data-aos=zoom-in-right] { - transform: translate(-100px, 0) scale(0.6); -} - -[data-aos=zoom-in-left] { - transform: translate(100px, 0) scale(0.6); -} - -[data-aos=zoom-out] { - transform: scale(1.2); -} - -[data-aos=zoom-out-up] { - transform: translate(0, 100px) scale(1.2); -} - -[data-aos=zoom-out-down] { - transform: translate(0, -100px) scale(1.2); -} - -[data-aos=zoom-out-right] { - transform: translate(-100px, 0) scale(1.2); -} - -[data-aos=zoom-out-left] { - transform: translate(100px, 0) scale(1.2); -} - -/** - * Slide animations - */ -[data-aos^=slide][data-aos^=slide] { - transition-property: transform; -} -[data-aos^=slide][data-aos^=slide].aos-animate { - transform: translate(0, 0); -} - -[data-aos=slide-up] { - transform: translateY(100%); -} - -[data-aos=slide-down] { - transform: translateY(-100%); -} - -[data-aos=slide-right] { - transform: translateX(-100%); -} - -[data-aos=slide-left] { - transform: translateX(100%); -} - -/** - * Flip animations: - * flip-left, flip-right, flip-up, flip-down - */ -[data-aos^=flip][data-aos^=flip] { - backface-visibility: hidden; - transition-property: transform; -} - -[data-aos=flip-left] { - transform: perspective(2500px) rotateY(-100deg); -} -[data-aos=flip-left].aos-animate { - transform: perspective(2500px) rotateY(0); -} - -[data-aos=flip-right] { - transform: perspective(2500px) rotateY(100deg); -} -[data-aos=flip-right].aos-animate { - transform: perspective(2500px) rotateY(0); -} - -[data-aos=flip-up] { - transform: perspective(2500px) rotateX(-100deg); -} -[data-aos=flip-up].aos-animate { - transform: perspective(2500px) rotateX(0); -} - -[data-aos=flip-down] { - transform: perspective(2500px) rotateX(100deg); -} -[data-aos=flip-down].aos-animate { - transform: perspective(2500px) rotateX(0); -} \ No newline at end of file diff --git a/assets/css/vendors/bootstrap.css b/assets/css/vendors/bootstrap.css deleted file mode 100644 index 19063e4..0000000 --- a/assets/css/vendors/bootstrap.css +++ /dev/null @@ -1,12078 +0,0 @@ -@charset "UTF-8"; -/*! - * Bootstrap v5.3.0-alpha2 (https://getbootstrap.com/) - * Copyright 2011-2023 The Bootstrap Authors - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - */ -:root, -[data-bs-theme=light] { - --bs-blue: #0d6efd; - --bs-indigo: #6610f2; - --bs-purple: #6f42c1; - --bs-pink: #d63384; - --bs-red: #dc3545; - --bs-orange: #fd7e14; - --bs-yellow: #ffc107; - --bs-green: #198754; - --bs-teal: #20c997; - --bs-cyan: #0dcaf0; - --bs-black: #000; - --bs-white: #fff; - --bs-gray: #6c757d; - --bs-gray-dark: #343a40; - --bs-gray-100: #f8f9fa; - --bs-gray-200: #e9ecef; - --bs-gray-300: #dee2e6; - --bs-gray-400: #ced4da; - --bs-gray-500: #adb5bd; - --bs-gray-600: #6c757d; - --bs-gray-700: #495057; - --bs-gray-800: #343a40; - --bs-gray-900: #212529; - --bs-primary: #0d6efd; - --bs-secondary: #6c757d; - --bs-success: #198754; - --bs-info: #0dcaf0; - --bs-warning: #ffc107; - --bs-danger: #dc3545; - --bs-light: #f8f9fa; - --bs-dark: #212529; - --bs-primary-rgb: 13, 110, 253; - --bs-secondary-rgb: 108, 117, 125; - --bs-success-rgb: 25, 135, 84; - --bs-info-rgb: 13, 202, 240; - --bs-warning-rgb: 255, 193, 7; - --bs-danger-rgb: 220, 53, 69; - --bs-light-rgb: 248, 249, 250; - --bs-dark-rgb: 33, 37, 41; - --bs-primary-text-emphasis: #052c65; - --bs-secondary-text-emphasis: #2b2f32; - --bs-success-text-emphasis: #0a3622; - --bs-info-text-emphasis: #055160; - --bs-warning-text-emphasis: #664d03; - --bs-danger-text-emphasis: #58151c; - --bs-light-text-emphasis: #495057; - --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #cfe2ff; - --bs-secondary-bg-subtle: #e2e3e5; - --bs-success-bg-subtle: #d1e7dd; - --bs-info-bg-subtle: #cff4fc; - --bs-warning-bg-subtle: #fff3cd; - --bs-danger-bg-subtle: #f8d7da; - --bs-light-bg-subtle: #fcfcfd; - --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #9ec5fe; - --bs-secondary-border-subtle: #c4c8cb; - --bs-success-border-subtle: #a3cfbb; - --bs-info-border-subtle: #9eeaf9; - --bs-warning-border-subtle: #ffe69c; - --bs-danger-border-subtle: #f1aeb5; - --bs-light-border-subtle: #e9ecef; - --bs-dark-border-subtle: #adb5bd; - --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 0, 0, 0; - --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; - --bs-body-font-weight: 400; - --bs-body-line-height: 1.5; - --bs-body-color: #212529; - --bs-body-color-rgb: 33, 37, 41; - --bs-body-bg: #fff; - --bs-body-bg-rgb: 255, 255, 255; - --bs-emphasis-color: #000; - --bs-emphasis-color-rgb: 0, 0, 0; - --bs-secondary-color: rgba(33, 37, 41, 0.75); - --bs-secondary-color-rgb: 33, 37, 41; - --bs-secondary-bg: #e9ecef; - --bs-secondary-bg-rgb: 233, 236, 239; - --bs-tertiary-color: rgba(33, 37, 41, 0.5); - --bs-tertiary-color-rgb: 33, 37, 41; - --bs-tertiary-bg: #f8f9fa; - --bs-tertiary-bg-rgb: 248, 249, 250; - --bs-link-color: #0d6efd; - --bs-link-color-rgb: 13, 110, 253; - --bs-link-decoration: underline; - --bs-link-hover-color: #0a58ca; - --bs-link-hover-color-rgb: 10, 88, 202; - --bs-code-color: #d63384; - --bs-highlight-bg: #fff3cd; - --bs-border-width: 1px; - --bs-border-style: solid; - --bs-border-color: #dee2e6; - --bs-border-color-translucent: rgba(0, 0, 0, 0.175); - --bs-border-radius: 0.375rem; - --bs-border-radius-sm: 0.25rem; - --bs-border-radius-lg: 0.5rem; - --bs-border-radius-xl: 1rem; - --bs-border-radius-xxl: 2rem; - --bs-border-radius-2xl: var(--bs-border-radius-xxl); - --bs-border-radius-pill: 50rem; - --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); - --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); - --bs-focus-ring-width: 0.25rem; - --bs-focus-ring-opacity: 0.25; - --bs-focus-ring-color: rgba(13, 110, 253, 0.25); - --bs-form-valid-color: #198754; - --bs-form-valid-border-color: #198754; - --bs-form-invalid-color: #dc3545; - --bs-form-invalid-border-color: #dc3545; -} - -[data-bs-theme=dark] { - color-scheme: dark; - --bs-body-color: #adb5bd; - --bs-body-color-rgb: 173, 181, 189; - --bs-body-bg: #212529; - --bs-body-bg-rgb: 33, 37, 41; - --bs-emphasis-color: #fff; - --bs-emphasis-color-rgb: 255, 255, 255; - --bs-secondary-color: rgba(173, 181, 189, 0.75); - --bs-secondary-color-rgb: 173, 181, 189; - --bs-secondary-bg: #343a40; - --bs-secondary-bg-rgb: 52, 58, 64; - --bs-tertiary-color: rgba(173, 181, 189, 0.5); - --bs-tertiary-color-rgb: 173, 181, 189; - --bs-tertiary-bg: #2b3035; - --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: #6ea8fe; - --bs-secondary-text-emphasis: #a7acb1; - --bs-success-text-emphasis: #75b798; - --bs-info-text-emphasis: #6edff6; - --bs-warning-text-emphasis: #ffda6a; - --bs-danger-text-emphasis: #ea868f; - --bs-light-text-emphasis: #f8f9fa; - --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #031633; - --bs-secondary-bg-subtle: #161719; - --bs-success-bg-subtle: #051b11; - --bs-info-bg-subtle: #032830; - --bs-warning-bg-subtle: #332701; - --bs-danger-bg-subtle: #2c0b0e; - --bs-light-bg-subtle: #343a40; - --bs-dark-bg-subtle: #1a1d20; - --bs-primary-border-subtle: #084298; - --bs-secondary-border-subtle: #41464b; - --bs-success-border-subtle: #0f5132; - --bs-info-border-subtle: #087990; - --bs-warning-border-subtle: #997404; - --bs-danger-border-subtle: #842029; - --bs-light-border-subtle: #495057; - --bs-dark-border-subtle: #343a40; - --bs-link-color: #6ea8fe; - --bs-link-hover-color: #8bb9fe; - --bs-link-color-rgb: 110, 168, 254; - --bs-link-hover-color-rgb: 139, 185, 254; - --bs-code-color: #e685b5; - --bs-border-color: #495057; - --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #75b798; - --bs-form-valid-border-color: #75b798; - --bs-form-invalid-color: #ea868f; - --bs-form-invalid-border-color: #ea868f; -} - -*, -*::before, -*::after { - box-sizing: border-box; -} - -@media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } -} - -body { - margin: 0; - font-family: var(--bs-body-font-family); - font-size: var(--bs-body-font-size); - font-weight: var(--bs-body-font-weight); - line-height: var(--bs-body-line-height); - color: var(--bs-body-color); - text-align: var(--bs-body-text-align); - background-color: var(--bs-body-bg); - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -hr { - margin: 1rem 0; - color: inherit; - border: 0; - border-top: var(--bs-border-width) solid; - opacity: 0.25; -} - -h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { - margin-top: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--bs-heading-color, inherit); -} - -h1, .h1 { - font-size: calc(1.375rem + 1.5vw); -} -@media (min-width: 1200px) { - h1, .h1 { - font-size: 2.5rem; - } -} - -h2, .h2 { - font-size: calc(1.325rem + 0.9vw); -} -@media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; - } -} - -h3, .h3 { - font-size: calc(1.3rem + 0.6vw); -} -@media (min-width: 1200px) { - h3, .h3 { - font-size: 1.75rem; - } -} - -h4, .h4 { - font-size: calc(1.275rem + 0.3vw); -} -@media (min-width: 1200px) { - h4, .h4 { - font-size: 1.5rem; - } -} - -h5, .h5 { - font-size: 1.25rem; -} - -h6, .h6 { - font-size: 1rem; -} - -p { - margin-top: 0; - margin-bottom: 1rem; -} - -abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - cursor: help; - -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; -} - -address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; -} - -ol, -ul { - padding-left: 2rem; -} - -ol, -ul, -dl { - margin-top: 0; - margin-bottom: 1rem; -} - -ol ol, -ul ul, -ol ul, -ul ol { - margin-bottom: 0; -} - -dt { - font-weight: 700; -} - -dd { - margin-bottom: 0.5rem; - margin-left: 0; -} - -blockquote { - margin: 0 0 1rem; -} - -b, -strong { - font-weight: bolder; -} - -small, .small { - font-size: 0.875em; -} - -mark, .mark { - padding: 0.1875em; - background-color: var(--bs-highlight-bg); -} - -sub, -sup { - position: relative; - font-size: 0.75em; - line-height: 0; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -a { - color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); - text-decoration: underline; -} -a:hover { - --bs-link-color-rgb: var(--bs-link-hover-color-rgb); -} - -a:not([href]):not([class]), a:not([href]):not([class]):hover { - color: inherit; - text-decoration: none; -} - -pre, -code, -kbd, -samp { - font-family: var(--bs-font-monospace); - font-size: 1em; -} - -pre { - display: block; - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - font-size: 0.875em; -} -pre code { - font-size: inherit; - color: inherit; - word-break: normal; -} - -code { - font-size: 0.875em; - color: var(--bs-code-color); - word-wrap: break-word; -} -a > code { - color: inherit; -} - -kbd { - padding: 0.1875rem 0.375rem; - font-size: 0.875em; - color: var(--bs-body-bg); - background-color: var(--bs-body-color); - border-radius: 0.25rem; -} -kbd kbd { - padding: 0; - font-size: 1em; -} - -figure { - margin: 0 0 1rem; -} - -img, -svg { - vertical-align: middle; -} - -table { - caption-side: bottom; - border-collapse: collapse; -} - -caption { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - color: var(--bs-secondary-color); - text-align: left; -} - -th { - text-align: inherit; - text-align: -webkit-match-parent; -} - -thead, -tbody, -tfoot, -tr, -td, -th { - border-color: inherit; - border-style: solid; - border-width: 0; -} - -label { - display: inline-block; -} - -button { - border-radius: 0; -} - -button:focus:not(:focus-visible) { - outline: 0; -} - -input, -button, -select, -optgroup, -textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -button, -select { - text-transform: none; -} - -[role=button] { - cursor: pointer; -} - -select { - word-wrap: normal; -} -select:disabled { - opacity: 1; -} - -[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { - display: none !important; -} - -button, -[type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; -} -button:not(:disabled), -[type=button]:not(:disabled), -[type=reset]:not(:disabled), -[type=submit]:not(:disabled) { - cursor: pointer; -} - -::-moz-focus-inner { - padding: 0; - border-style: none; -} - -textarea { - resize: vertical; -} - -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; -} - -legend { - float: left; - width: 100%; - padding: 0; - margin-bottom: 0.5rem; - font-size: calc(1.275rem + 0.3vw); - line-height: inherit; -} -@media (min-width: 1200px) { - legend { - font-size: 1.5rem; - } -} -legend + * { - clear: left; -} - -::-webkit-datetime-edit-fields-wrapper, -::-webkit-datetime-edit-text, -::-webkit-datetime-edit-minute, -::-webkit-datetime-edit-hour-field, -::-webkit-datetime-edit-day-field, -::-webkit-datetime-edit-month-field, -::-webkit-datetime-edit-year-field { - padding: 0; -} - -::-webkit-inner-spin-button { - height: auto; -} - -[type=search] { - outline-offset: -2px; - -webkit-appearance: textfield; -} - -/* rtl:raw: -[type="tel"], -[type="url"], -[type="email"], -[type="number"] { - direction: ltr; -} -*/ -::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-color-swatch-wrapper { - padding: 0; -} - -::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; -} - -::file-selector-button { - font: inherit; - -webkit-appearance: button; -} - -output { - display: inline-block; -} - -iframe { - border: 0; -} - -summary { - display: list-item; - cursor: pointer; -} - -progress { - vertical-align: baseline; -} - -[hidden] { - display: none !important; -} - -.lead { - font-size: 1.25rem; - font-weight: 300; -} - -.display-1 { - font-size: calc(1.625rem + 4.5vw); - font-weight: 300; - line-height: 1.2; -} -@media (min-width: 1200px) { - .display-1 { - font-size: 5rem; - } -} - -.display-2 { - font-size: calc(1.575rem + 3.9vw); - font-weight: 300; - line-height: 1.2; -} -@media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; - } -} - -.display-3 { - font-size: calc(1.525rem + 3.3vw); - font-weight: 300; - line-height: 1.2; -} -@media (min-width: 1200px) { - .display-3 { - font-size: 4rem; - } -} - -.display-4 { - font-size: calc(1.475rem + 2.7vw); - font-weight: 300; - line-height: 1.2; -} -@media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; - } -} - -.display-5 { - font-size: calc(1.425rem + 2.1vw); - font-weight: 300; - line-height: 1.2; -} -@media (min-width: 1200px) { - .display-5 { - font-size: 3rem; - } -} - -.display-6 { - font-size: calc(1.375rem + 1.5vw); - font-weight: 300; - line-height: 1.2; -} -@media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; - } -} - -.list-unstyled { - padding-left: 0; - list-style: none; -} - -.list-inline { - padding-left: 0; - list-style: none; -} - -.list-inline-item { - display: inline-block; -} -.list-inline-item:not(:last-child) { - margin-right: 0.5rem; -} - -.initialism { - font-size: 0.875em; - text-transform: uppercase; -} - -.blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; -} -.blockquote > :last-child { - margin-bottom: 0; -} - -.blockquote-footer { - margin-top: -1rem; - margin-bottom: 1rem; - font-size: 0.875em; - color: #6c757d; -} -.blockquote-footer::before { - content: "— "; -} - -.img-fluid { - max-width: 100%; - height: auto; -} - -.img-thumbnail { - padding: 0.25rem; - background-color: var(--bs-body-bg); - border: var(--bs-border-width) solid var(--bs-border-color); - border-radius: var(--bs-border-radius); - max-width: 100%; - height: auto; -} - -.figure { - display: inline-block; -} - -.figure-img { - margin-bottom: 0.5rem; - line-height: 1; -} - -.figure-caption { - font-size: 0.875em; - color: var(--bs-secondary-color); -} - -.container, -.container-fluid, -.container-xxl, -.container-xl, -.container-lg, -.container-md, -.container-sm { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; - width: 100%; - padding-right: calc(var(--bs-gutter-x) * 0.5); - padding-left: calc(var(--bs-gutter-x) * 0.5); - margin-right: auto; - margin-left: auto; -} - -@media (min-width: 576px) { - .container-sm, .container { - max-width: 540px; - } -} -@media (min-width: 768px) { - .container-md, .container-sm, .container { - max-width: 720px; - } -} -@media (min-width: 992px) { - .container-lg, .container-md, .container-sm, .container { - max-width: 960px; - } -} -@media (min-width: 1200px) { - .container-xl, .container-lg, .container-md, .container-sm, .container { - max-width: 1140px; - } -} -@media (min-width: 1400px) { - .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { - max-width: 1320px; - } -} -:root { - --bs-breakpoint-xs: 0; - --bs-breakpoint-sm: 576px; - --bs-breakpoint-md: 768px; - --bs-breakpoint-lg: 992px; - --bs-breakpoint-xl: 1200px; - --bs-breakpoint-xxl: 1400px; -} - -.row { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; - display: flex; - flex-wrap: wrap; - margin-top: calc(-1 * var(--bs-gutter-y)); - margin-right: calc(-0.5 * var(--bs-gutter-x)); - margin-left: calc(-0.5 * var(--bs-gutter-x)); -} -.row > * { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--bs-gutter-x) * 0.5); - padding-left: calc(var(--bs-gutter-x) * 0.5); - margin-top: var(--bs-gutter-y); -} - -.col { - flex: 1 0 0%; -} - -.row-cols-auto > * { - flex: 0 0 auto; - width: auto; -} - -.row-cols-1 > * { - flex: 0 0 auto; - width: 100%; -} - -.row-cols-2 > * { - flex: 0 0 auto; - width: 50%; -} - -.row-cols-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; -} - -.row-cols-4 > * { - flex: 0 0 auto; - width: 25%; -} - -.row-cols-5 > * { - flex: 0 0 auto; - width: 20%; -} - -.row-cols-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; -} - -.col-auto { - flex: 0 0 auto; - width: auto; -} - -.col-1 { - flex: 0 0 auto; - width: 8.33333333%; -} - -.col-2 { - flex: 0 0 auto; - width: 16.66666667%; -} - -.col-3 { - flex: 0 0 auto; - width: 25%; -} - -.col-4 { - flex: 0 0 auto; - width: 33.33333333%; -} - -.col-5 { - flex: 0 0 auto; - width: 41.66666667%; -} - -.col-6 { - flex: 0 0 auto; - width: 50%; -} - -.col-7 { - flex: 0 0 auto; - width: 58.33333333%; -} - -.col-8 { - flex: 0 0 auto; - width: 66.66666667%; -} - -.col-9 { - flex: 0 0 auto; - width: 75%; -} - -.col-10 { - flex: 0 0 auto; - width: 83.33333333%; -} - -.col-11 { - flex: 0 0 auto; - width: 91.66666667%; -} - -.col-12 { - flex: 0 0 auto; - width: 100%; -} - -.offset-1 { - margin-left: 8.33333333%; -} - -.offset-2 { - margin-left: 16.66666667%; -} - -.offset-3 { - margin-left: 25%; -} - -.offset-4 { - margin-left: 33.33333333%; -} - -.offset-5 { - margin-left: 41.66666667%; -} - -.offset-6 { - margin-left: 50%; -} - -.offset-7 { - margin-left: 58.33333333%; -} - -.offset-8 { - margin-left: 66.66666667%; -} - -.offset-9 { - margin-left: 75%; -} - -.offset-10 { - margin-left: 83.33333333%; -} - -.offset-11 { - margin-left: 91.66666667%; -} - -.g-0, -.gx-0 { - --bs-gutter-x: 0; -} - -.g-0, -.gy-0 { - --bs-gutter-y: 0; -} - -.g-1, -.gx-1 { - --bs-gutter-x: 0.25rem; -} - -.g-1, -.gy-1 { - --bs-gutter-y: 0.25rem; -} - -.g-2, -.gx-2 { - --bs-gutter-x: 0.5rem; -} - -.g-2, -.gy-2 { - --bs-gutter-y: 0.5rem; -} - -.g-3, -.gx-3 { - --bs-gutter-x: 1rem; -} - -.g-3, -.gy-3 { - --bs-gutter-y: 1rem; -} - -.g-4, -.gx-4 { - --bs-gutter-x: 1.5rem; -} - -.g-4, -.gy-4 { - --bs-gutter-y: 1.5rem; -} - -.g-5, -.gx-5 { - --bs-gutter-x: 3rem; -} - -.g-5, -.gy-5 { - --bs-gutter-y: 3rem; -} - -@media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; - } - .row-cols-sm-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-sm-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-sm-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-sm-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-sm-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-sm-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-sm-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-sm-auto { - flex: 0 0 auto; - width: auto; - } - .col-sm-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-sm-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-sm-3 { - flex: 0 0 auto; - width: 25%; - } - .col-sm-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-sm-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-sm-6 { - flex: 0 0 auto; - width: 50%; - } - .col-sm-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-sm-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-sm-9 { - flex: 0 0 auto; - width: 75%; - } - .col-sm-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-sm-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-sm-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-sm-0 { - margin-left: 0; - } - .offset-sm-1 { - margin-left: 8.33333333%; - } - .offset-sm-2 { - margin-left: 16.66666667%; - } - .offset-sm-3 { - margin-left: 25%; - } - .offset-sm-4 { - margin-left: 33.33333333%; - } - .offset-sm-5 { - margin-left: 41.66666667%; - } - .offset-sm-6 { - margin-left: 50%; - } - .offset-sm-7 { - margin-left: 58.33333333%; - } - .offset-sm-8 { - margin-left: 66.66666667%; - } - .offset-sm-9 { - margin-left: 75%; - } - .offset-sm-10 { - margin-left: 83.33333333%; - } - .offset-sm-11 { - margin-left: 91.66666667%; - } - .g-sm-0, - .gx-sm-0 { - --bs-gutter-x: 0; - } - .g-sm-0, - .gy-sm-0 { - --bs-gutter-y: 0; - } - .g-sm-1, - .gx-sm-1 { - --bs-gutter-x: 0.25rem; - } - .g-sm-1, - .gy-sm-1 { - --bs-gutter-y: 0.25rem; - } - .g-sm-2, - .gx-sm-2 { - --bs-gutter-x: 0.5rem; - } - .g-sm-2, - .gy-sm-2 { - --bs-gutter-y: 0.5rem; - } - .g-sm-3, - .gx-sm-3 { - --bs-gutter-x: 1rem; - } - .g-sm-3, - .gy-sm-3 { - --bs-gutter-y: 1rem; - } - .g-sm-4, - .gx-sm-4 { - --bs-gutter-x: 1.5rem; - } - .g-sm-4, - .gy-sm-4 { - --bs-gutter-y: 1.5rem; - } - .g-sm-5, - .gx-sm-5 { - --bs-gutter-x: 3rem; - } - .g-sm-5, - .gy-sm-5 { - --bs-gutter-y: 3rem; - } -} -@media (min-width: 768px) { - .col-md { - flex: 1 0 0%; - } - .row-cols-md-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-md-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-md-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-md-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-md-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-md-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-md-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-md-auto { - flex: 0 0 auto; - width: auto; - } - .col-md-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-md-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-md-3 { - flex: 0 0 auto; - width: 25%; - } - .col-md-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-md-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-md-6 { - flex: 0 0 auto; - width: 50%; - } - .col-md-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-md-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-md-9 { - flex: 0 0 auto; - width: 75%; - } - .col-md-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-md-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-md-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-md-0 { - margin-left: 0; - } - .offset-md-1 { - margin-left: 8.33333333%; - } - .offset-md-2 { - margin-left: 16.66666667%; - } - .offset-md-3 { - margin-left: 25%; - } - .offset-md-4 { - margin-left: 33.33333333%; - } - .offset-md-5 { - margin-left: 41.66666667%; - } - .offset-md-6 { - margin-left: 50%; - } - .offset-md-7 { - margin-left: 58.33333333%; - } - .offset-md-8 { - margin-left: 66.66666667%; - } - .offset-md-9 { - margin-left: 75%; - } - .offset-md-10 { - margin-left: 83.33333333%; - } - .offset-md-11 { - margin-left: 91.66666667%; - } - .g-md-0, - .gx-md-0 { - --bs-gutter-x: 0; - } - .g-md-0, - .gy-md-0 { - --bs-gutter-y: 0; - } - .g-md-1, - .gx-md-1 { - --bs-gutter-x: 0.25rem; - } - .g-md-1, - .gy-md-1 { - --bs-gutter-y: 0.25rem; - } - .g-md-2, - .gx-md-2 { - --bs-gutter-x: 0.5rem; - } - .g-md-2, - .gy-md-2 { - --bs-gutter-y: 0.5rem; - } - .g-md-3, - .gx-md-3 { - --bs-gutter-x: 1rem; - } - .g-md-3, - .gy-md-3 { - --bs-gutter-y: 1rem; - } - .g-md-4, - .gx-md-4 { - --bs-gutter-x: 1.5rem; - } - .g-md-4, - .gy-md-4 { - --bs-gutter-y: 1.5rem; - } - .g-md-5, - .gx-md-5 { - --bs-gutter-x: 3rem; - } - .g-md-5, - .gy-md-5 { - --bs-gutter-y: 3rem; - } -} -@media (min-width: 992px) { - .col-lg { - flex: 1 0 0%; - } - .row-cols-lg-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-lg-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-lg-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-lg-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-lg-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-lg-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-lg-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-lg-auto { - flex: 0 0 auto; - width: auto; - } - .col-lg-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-lg-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-lg-3 { - flex: 0 0 auto; - width: 25%; - } - .col-lg-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-lg-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-lg-6 { - flex: 0 0 auto; - width: 50%; - } - .col-lg-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-lg-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-lg-9 { - flex: 0 0 auto; - width: 75%; - } - .col-lg-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-lg-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-lg-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-lg-0 { - margin-left: 0; - } - .offset-lg-1 { - margin-left: 8.33333333%; - } - .offset-lg-2 { - margin-left: 16.66666667%; - } - .offset-lg-3 { - margin-left: 25%; - } - .offset-lg-4 { - margin-left: 33.33333333%; - } - .offset-lg-5 { - margin-left: 41.66666667%; - } - .offset-lg-6 { - margin-left: 50%; - } - .offset-lg-7 { - margin-left: 58.33333333%; - } - .offset-lg-8 { - margin-left: 66.66666667%; - } - .offset-lg-9 { - margin-left: 75%; - } - .offset-lg-10 { - margin-left: 83.33333333%; - } - .offset-lg-11 { - margin-left: 91.66666667%; - } - .g-lg-0, - .gx-lg-0 { - --bs-gutter-x: 0; - } - .g-lg-0, - .gy-lg-0 { - --bs-gutter-y: 0; - } - .g-lg-1, - .gx-lg-1 { - --bs-gutter-x: 0.25rem; - } - .g-lg-1, - .gy-lg-1 { - --bs-gutter-y: 0.25rem; - } - .g-lg-2, - .gx-lg-2 { - --bs-gutter-x: 0.5rem; - } - .g-lg-2, - .gy-lg-2 { - --bs-gutter-y: 0.5rem; - } - .g-lg-3, - .gx-lg-3 { - --bs-gutter-x: 1rem; - } - .g-lg-3, - .gy-lg-3 { - --bs-gutter-y: 1rem; - } - .g-lg-4, - .gx-lg-4 { - --bs-gutter-x: 1.5rem; - } - .g-lg-4, - .gy-lg-4 { - --bs-gutter-y: 1.5rem; - } - .g-lg-5, - .gx-lg-5 { - --bs-gutter-x: 3rem; - } - .g-lg-5, - .gy-lg-5 { - --bs-gutter-y: 3rem; - } -} -@media (min-width: 1200px) { - .col-xl { - flex: 1 0 0%; - } - .row-cols-xl-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-xl-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-xl-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-xl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-xl-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-xl-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-xl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xl-auto { - flex: 0 0 auto; - width: auto; - } - .col-xl-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-xl-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-xl-3 { - flex: 0 0 auto; - width: 25%; - } - .col-xl-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-xl-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-xl-6 { - flex: 0 0 auto; - width: 50%; - } - .col-xl-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-xl-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-xl-9 { - flex: 0 0 auto; - width: 75%; - } - .col-xl-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-xl-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-xl-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-xl-0 { - margin-left: 0; - } - .offset-xl-1 { - margin-left: 8.33333333%; - } - .offset-xl-2 { - margin-left: 16.66666667%; - } - .offset-xl-3 { - margin-left: 25%; - } - .offset-xl-4 { - margin-left: 33.33333333%; - } - .offset-xl-5 { - margin-left: 41.66666667%; - } - .offset-xl-6 { - margin-left: 50%; - } - .offset-xl-7 { - margin-left: 58.33333333%; - } - .offset-xl-8 { - margin-left: 66.66666667%; - } - .offset-xl-9 { - margin-left: 75%; - } - .offset-xl-10 { - margin-left: 83.33333333%; - } - .offset-xl-11 { - margin-left: 91.66666667%; - } - .g-xl-0, - .gx-xl-0 { - --bs-gutter-x: 0; - } - .g-xl-0, - .gy-xl-0 { - --bs-gutter-y: 0; - } - .g-xl-1, - .gx-xl-1 { - --bs-gutter-x: 0.25rem; - } - .g-xl-1, - .gy-xl-1 { - --bs-gutter-y: 0.25rem; - } - .g-xl-2, - .gx-xl-2 { - --bs-gutter-x: 0.5rem; - } - .g-xl-2, - .gy-xl-2 { - --bs-gutter-y: 0.5rem; - } - .g-xl-3, - .gx-xl-3 { - --bs-gutter-x: 1rem; - } - .g-xl-3, - .gy-xl-3 { - --bs-gutter-y: 1rem; - } - .g-xl-4, - .gx-xl-4 { - --bs-gutter-x: 1.5rem; - } - .g-xl-4, - .gy-xl-4 { - --bs-gutter-y: 1.5rem; - } - .g-xl-5, - .gx-xl-5 { - --bs-gutter-x: 3rem; - } - .g-xl-5, - .gy-xl-5 { - --bs-gutter-y: 3rem; - } -} -@media (min-width: 1400px) { - .col-xxl { - flex: 1 0 0%; - } - .row-cols-xxl-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-xxl-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-xxl-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-xxl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-xxl-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-xxl-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-xxl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xxl-auto { - flex: 0 0 auto; - width: auto; - } - .col-xxl-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-xxl-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-xxl-3 { - flex: 0 0 auto; - width: 25%; - } - .col-xxl-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-xxl-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-xxl-6 { - flex: 0 0 auto; - width: 50%; - } - .col-xxl-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-xxl-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-xxl-9 { - flex: 0 0 auto; - width: 75%; - } - .col-xxl-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-xxl-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-xxl-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-xxl-0 { - margin-left: 0; - } - .offset-xxl-1 { - margin-left: 8.33333333%; - } - .offset-xxl-2 { - margin-left: 16.66666667%; - } - .offset-xxl-3 { - margin-left: 25%; - } - .offset-xxl-4 { - margin-left: 33.33333333%; - } - .offset-xxl-5 { - margin-left: 41.66666667%; - } - .offset-xxl-6 { - margin-left: 50%; - } - .offset-xxl-7 { - margin-left: 58.33333333%; - } - .offset-xxl-8 { - margin-left: 66.66666667%; - } - .offset-xxl-9 { - margin-left: 75%; - } - .offset-xxl-10 { - margin-left: 83.33333333%; - } - .offset-xxl-11 { - margin-left: 91.66666667%; - } - .g-xxl-0, - .gx-xxl-0 { - --bs-gutter-x: 0; - } - .g-xxl-0, - .gy-xxl-0 { - --bs-gutter-y: 0; - } - .g-xxl-1, - .gx-xxl-1 { - --bs-gutter-x: 0.25rem; - } - .g-xxl-1, - .gy-xxl-1 { - --bs-gutter-y: 0.25rem; - } - .g-xxl-2, - .gx-xxl-2 { - --bs-gutter-x: 0.5rem; - } - .g-xxl-2, - .gy-xxl-2 { - --bs-gutter-y: 0.5rem; - } - .g-xxl-3, - .gx-xxl-3 { - --bs-gutter-x: 1rem; - } - .g-xxl-3, - .gy-xxl-3 { - --bs-gutter-y: 1rem; - } - .g-xxl-4, - .gx-xxl-4 { - --bs-gutter-x: 1.5rem; - } - .g-xxl-4, - .gy-xxl-4 { - --bs-gutter-y: 1.5rem; - } - .g-xxl-5, - .gx-xxl-5 { - --bs-gutter-x: 3rem; - } - .g-xxl-5, - .gy-xxl-5 { - --bs-gutter-y: 3rem; - } -} -.table { - --bs-table-color: var(--bs-body-color); - --bs-table-bg: transparent; - --bs-table-border-color: var(--bs-border-color); - --bs-table-accent-bg: transparent; - --bs-table-striped-color: var(--bs-body-color); - --bs-table-striped-bg: rgba(0, 0, 0, 0.05); - --bs-table-active-color: var(--bs-body-color); - --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: var(--bs-body-color); - --bs-table-hover-bg: rgba(0, 0, 0, 0.075); - width: 100%; - margin-bottom: 1rem; - color: var(--bs-table-color); - vertical-align: top; - border-color: var(--bs-table-border-color); -} -.table > :not(caption) > * > * { - padding: 0.5rem 0.5rem; - background-color: var(--bs-table-bg); - border-bottom-width: var(--bs-border-width); - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); -} -.table > tbody { - vertical-align: inherit; -} -.table > thead { - vertical-align: bottom; -} - -.table-group-divider { - border-top: calc(var(--bs-border-width) * 2) solid currentcolor; -} - -.caption-top { - caption-side: top; -} - -.table-sm > :not(caption) > * > * { - padding: 0.25rem 0.25rem; -} - -.table-bordered > :not(caption) > * { - border-width: var(--bs-border-width) 0; -} -.table-bordered > :not(caption) > * > * { - border-width: 0 var(--bs-border-width); -} - -.table-borderless > :not(caption) > * > * { - border-bottom-width: 0; -} -.table-borderless > :not(:first-child) { - border-top-width: 0; -} - -.table-striped > tbody > tr:nth-of-type(odd) > * { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); -} - -.table-striped-columns > :not(caption) > tr > :nth-child(even) { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); -} - -.table-active { - --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); -} - -.table-hover > tbody > tr:hover > * { - --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); -} - -.table-primary { - --bs-table-color: #000; - --bs-table-bg: #cfe2ff; - --bs-table-border-color: #bacbe6; - --bs-table-striped-bg: #c5d7f2; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bacbe6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #bfd1ec; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-secondary { - --bs-table-color: #000; - --bs-table-bg: #e2e3e5; - --bs-table-border-color: #cbccce; - --bs-table-striped-bg: #d7d8da; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cbccce; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d1d2d4; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-success { - --bs-table-color: #000; - --bs-table-bg: #d1e7dd; - --bs-table-border-color: #bcd0c7; - --bs-table-striped-bg: #c7dbd2; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bcd0c7; - --bs-table-active-color: #000; - --bs-table-hover-bg: #c1d6cc; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-info { - --bs-table-color: #000; - --bs-table-bg: #cff4fc; - --bs-table-border-color: #badce3; - --bs-table-striped-bg: #c5e8ef; - --bs-table-striped-color: #000; - --bs-table-active-bg: #badce3; - --bs-table-active-color: #000; - --bs-table-hover-bg: #bfe2e9; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-warning { - --bs-table-color: #000; - --bs-table-bg: #fff3cd; - --bs-table-border-color: #e6dbb9; - --bs-table-striped-bg: #f2e7c3; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e6dbb9; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ece1be; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-danger { - --bs-table-color: #000; - --bs-table-bg: #f8d7da; - --bs-table-border-color: #dfc2c4; - --bs-table-striped-bg: #eccccf; - --bs-table-striped-color: #000; - --bs-table-active-bg: #dfc2c4; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e5c7ca; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-light { - --bs-table-color: #000; - --bs-table-bg: #f8f9fa; - --bs-table-border-color: #dfe0e1; - --bs-table-striped-bg: #ecedee; - --bs-table-striped-color: #000; - --bs-table-active-bg: #dfe0e1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e5e6e7; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-dark { - --bs-table-color: #fff; - --bs-table-bg: #212529; - --bs-table-border-color: #373b3e; - --bs-table-striped-bg: #2c3034; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; - --bs-table-hover-color: #fff; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); -} - -.table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; -} - -@media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} -@media (max-width: 767.98px) { - .table-responsive-md { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} -@media (max-width: 991.98px) { - .table-responsive-lg { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} -@media (max-width: 1199.98px) { - .table-responsive-xl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} -@media (max-width: 1399.98px) { - .table-responsive-xxl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} -.form-label { - margin-bottom: 0.5rem; -} - -.col-form-label { - padding-top: calc(0.375rem + var(--bs-border-width)); - padding-bottom: calc(0.375rem + var(--bs-border-width)); - margin-bottom: 0; - font-size: inherit; - line-height: 1.5; -} - -.col-form-label-lg { - padding-top: calc(0.5rem + var(--bs-border-width)); - padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.25rem; -} - -.col-form-label-sm { - padding-top: calc(0.25rem + var(--bs-border-width)); - padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.875rem; -} - -.form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: var(--bs-secondary-color); -} - -.form-control { - display: block; - width: 100%; - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: var(--bs-body-color); - background-color: var(--bs-body-bg); - background-clip: padding-box; - border: var(--bs-border-width) solid var(--bs-border-color); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: 0.375rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; - } -} -.form-control[type=file] { - overflow: hidden; -} -.form-control[type=file]:not(:disabled):not([readonly]) { - cursor: pointer; -} -.form-control:focus { - color: var(--bs-body-color); - background-color: var(--bs-body-bg); - border-color: #86b7fe; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -} -.form-control::-webkit-date-and-time-value { - min-width: 85px; - height: 1.5em; - margin: 0; -} -.form-control::-webkit-datetime-edit { - display: block; - padding: 0; -} -.form-control::-moz-placeholder { - color: var(--bs-secondary-color); - opacity: 1; -} -.form-control::placeholder { - color: var(--bs-secondary-color); - opacity: 1; -} -.form-control:disabled { - background-color: var(--bs-secondary-bg); - opacity: 1; -} -.form-control::-webkit-file-upload-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; - color: var(--bs-body-color); - background-color: var(--bs-tertiary-bg); - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: var(--bs-border-width); - border-radius: 0; - -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -.form-control::file-selector-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; - color: var(--bs-body-color); - background-color: var(--bs-tertiary-bg); - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: var(--bs-border-width); - border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .form-control::-webkit-file-upload-button { - -webkit-transition: none; - transition: none; - } - .form-control::file-selector-button { - transition: none; - } -} -.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: var(--bs-secondary-bg); -} -.form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: var(--bs-secondary-bg); -} - -.form-control-plaintext { - display: block; - width: 100%; - padding: 0.375rem 0; - margin-bottom: 0; - line-height: 1.5; - color: var(--bs-body-color); - background-color: transparent; - border: solid transparent; - border-width: var(--bs-border-width) 0; -} -.form-control-plaintext:focus { - outline: 0; -} -.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; -} - -.form-control-sm { - min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - border-radius: 0.25rem; -} -.form-control-sm::-webkit-file-upload-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; -} -.form-control-sm::file-selector-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; -} - -.form-control-lg { - min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); - padding: 0.5rem 1rem; - font-size: 1.25rem; - border-radius: 0.5rem; -} -.form-control-lg::-webkit-file-upload-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; -} -.form-control-lg::file-selector-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; -} - -textarea.form-control { - min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); -} -textarea.form-control-sm { - min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); -} -textarea.form-control-lg { - min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); -} - -.form-control-color { - width: 3rem; - height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); - padding: 0.375rem; -} -.form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; -} -.form-control-color::-moz-color-swatch { - border: 0 !important; - border-radius: 0.375rem; -} -.form-control-color::-webkit-color-swatch { - border: 0 !important; - border-radius: 0.375rem; -} -.form-control-color.form-control-sm { - height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); -} -.form-control-color.form-control-lg { - height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); -} - -.form-select { - --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); - display: block; - width: 100%; - padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: var(--bs-body-color); - background-color: var(--bs-body-bg); - background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); - background-repeat: no-repeat; - background-position: right 0.75rem center; - background-size: 16px 12px; - border: var(--bs-border-width) solid var(--bs-border-color); - border-radius: 0.375rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -@media (prefers-reduced-motion: reduce) { - .form-select { - transition: none; - } -} -.form-select:focus { - border-color: #86b7fe; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -} -.form-select[multiple], .form-select[size]:not([size="1"]) { - padding-right: 0.75rem; - background-image: none; -} -.form-select:disabled { - background-color: var(--bs-secondary-bg); -} -.form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 var(--bs-body-color); -} - -.form-select-sm { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 0.5rem; - font-size: 0.875rem; - border-radius: 0.25rem; -} - -.form-select-lg { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 1.25rem; - border-radius: 0.5rem; -} - -[data-bs-theme=dark] .form-select { - --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); -} - -.form-check { - display: block; - min-height: 1.5rem; - padding-left: 1.5em; - margin-bottom: 0.125rem; -} -.form-check .form-check-input { - float: left; - margin-left: -1.5em; -} - -.form-check-reverse { - padding-right: 1.5em; - padding-left: 0; - text-align: right; -} -.form-check-reverse .form-check-input { - float: right; - margin-right: -1.5em; - margin-left: 0; -} - -.form-check-input { - --bs-form-check-bg: var(--bs-body-bg); - width: 1em; - height: 1em; - margin-top: 0.25em; - vertical-align: top; - background-color: var(--bs-form-check-bg); - background-image: var(--bs-form-check-bg-image); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - border: var(--bs-border-width) solid var(--bs-border-color); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - -webkit-print-color-adjust: exact; - color-adjust: exact; - print-color-adjust: exact; -} -.form-check-input[type=checkbox] { - border-radius: 0.25em; -} -.form-check-input[type=radio] { - border-radius: 50%; -} -.form-check-input:active { - filter: brightness(90%); -} -.form-check-input:focus { - border-color: #86b7fe; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -} -.form-check-input:checked { - background-color: #0d6efd; - border-color: #0d6efd; -} -.form-check-input:checked[type=checkbox] { - --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); -} -.form-check-input:checked[type=radio] { - --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); -} -.form-check-input[type=checkbox]:indeterminate { - background-color: #0d6efd; - border-color: #0d6efd; - --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); -} -.form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: 0.5; -} -.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { - cursor: default; - opacity: 0.5; -} - -.form-switch { - padding-left: 2.5em; -} -.form-switch .form-check-input { - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); - width: 2em; - margin-left: -2.5em; - background-image: var(--bs-form-switch-bg); - background-position: left center; - border-radius: 2em; - transition: background-position 0.15s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .form-switch .form-check-input { - transition: none; - } -} -.form-switch .form-check-input:focus { - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); -} -.form-switch .form-check-input:checked { - background-position: right center; - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); -} -.form-switch.form-check-reverse { - padding-right: 2.5em; - padding-left: 0; -} -.form-switch.form-check-reverse .form-check-input { - margin-right: -2.5em; - margin-left: 0; -} - -.form-check-inline { - display: inline-block; - margin-right: 1rem; -} - -.btn-check { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} -.btn-check[disabled] + .btn, .btn-check:disabled + .btn { - pointer-events: none; - filter: none; - opacity: 0.65; -} - -[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); -} - -.form-range { - width: 100%; - height: 1.5rem; - padding: 0; - background-color: transparent; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.form-range:focus { - outline: 0; -} -.form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -} -.form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -} -.form-range::-moz-focus-outer { - border: 0; -} -.form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #0d6efd; - border: 0; - border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; -} -@media (prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - -webkit-transition: none; - transition: none; - } -} -.form-range::-webkit-slider-thumb:active { - background-color: #b6d4fe; -} -.form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: var(--bs-tertiary-bg); - border-color: transparent; - border-radius: 1rem; -} -.form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #0d6efd; - border: 0; - border-radius: 1rem; - -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -moz-appearance: none; - appearance: none; -} -@media (prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - -moz-transition: none; - transition: none; - } -} -.form-range::-moz-range-thumb:active { - background-color: #b6d4fe; -} -.form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: var(--bs-tertiary-bg); - border-color: transparent; - border-radius: 1rem; -} -.form-range:disabled { - pointer-events: none; -} -.form-range:disabled::-webkit-slider-thumb { - background-color: var(--bs-secondary-color); -} -.form-range:disabled::-moz-range-thumb { - background-color: var(--bs-secondary-color); -} - -.form-floating { - position: relative; -} -.form-floating:not(.form-control:disabled)::before { - position: absolute; - top: var(--bs-border-width); - left: var(--bs-border-width); - width: calc(100% - (calc(calc(0.375em + 0.1875rem) + calc(0.75em + 0.375rem)))); - height: 1.875em; - content: ""; - background-color: var(--bs-body-bg); - border-radius: 0.375rem; -} -.form-floating > .form-control, -.form-floating > .form-control-plaintext, -.form-floating > .form-select { - height: calc(3.5rem + calc(var(--bs-border-width) * 2)); - line-height: 1.25; -} -.form-floating > label { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 1rem 0.75rem; - overflow: hidden; - text-align: start; - text-overflow: ellipsis; - white-space: nowrap; - pointer-events: none; - border: var(--bs-border-width) solid transparent; - transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .form-floating > label { - transition: none; - } -} -.form-floating > .form-control, -.form-floating > .form-control-plaintext { - padding: 1rem 0.75rem; -} -.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { - color: transparent; -} -.form-floating > .form-control::placeholder, -.form-floating > .form-control-plaintext::placeholder { - color: transparent; -} -.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} -.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), -.form-floating > .form-control-plaintext:focus, -.form-floating > .form-control-plaintext:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} -.form-floating > .form-control:-webkit-autofill, -.form-floating > .form-control-plaintext:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} -.form-floating > .form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} -.form-floating > .form-control:focus ~ label, -.form-floating > .form-control:not(:placeholder-shown) ~ label, -.form-floating > .form-control-plaintext ~ label, -.form-floating > .form-select ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} -.form-floating > .form-control:-webkit-autofill ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} -.form-floating > .form-control-plaintext ~ label { - border-width: var(--bs-border-width) 0; -} -.form-floating > .form-control:disabled ~ label { - color: #6c757d; -} - -.input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; -} -.input-group > .form-control, -.input-group > .form-select, -.input-group > .form-floating { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; -} -.input-group > .form-control:focus, -.input-group > .form-select:focus, -.input-group > .form-floating:focus-within { - z-index: 5; -} -.input-group .btn { - position: relative; - z-index: 2; -} -.input-group .btn:focus { - z-index: 5; -} - -.input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: var(--bs-body-color); - text-align: center; - white-space: nowrap; - background-color: var(--bs-tertiary-bg); - border: var(--bs-border-width) solid var(--bs-border-color); - border-radius: 0.375rem; -} - -.input-group-lg > .form-control, -.input-group-lg > .form-select, -.input-group-lg > .input-group-text, -.input-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1.25rem; - border-radius: 0.5rem; -} - -.input-group-sm > .form-control, -.input-group-sm > .form-select, -.input-group-sm > .input-group-text, -.input-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - border-radius: 0.25rem; -} - -.input-group-lg > .form-select, -.input-group-sm > .form-select { - padding-right: 3rem; -} - -.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), -.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), -.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, -.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), -.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), -.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, -.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-left: calc(var(--bs-border-width) * -1); - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.input-group > .form-floating:not(:first-child) > .form-control, -.input-group > .form-floating:not(:first-child) > .form-select { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: var(--bs-form-valid-color); -} - -.valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: 0.1rem; - font-size: 0.875rem; - color: #fff; - background-color: var(--bs-success); - border-radius: var(--bs-border-radius); -} - -.was-validated :valid ~ .valid-feedback, -.was-validated :valid ~ .valid-tooltip, -.is-valid ~ .valid-feedback, -.is-valid ~ .valid-tooltip { - display: block; -} - -.was-validated .form-control:valid, .form-control.is-valid { - border-color: var(--bs-form-valid-border-color); - padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); -} -.was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: var(--bs-form-valid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); -} - -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { - padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); -} - -.was-validated .form-select:valid, .form-select.is-valid { - border-color: var(--bs-form-valid-border-color); -} -.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { - --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - padding-right: 4.125rem; - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); -} -.was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: var(--bs-form-valid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); -} - -.was-validated .form-control-color:valid, .form-control-color.is-valid { - width: calc(3rem + calc(1.5em + 0.75rem)); -} - -.was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: var(--bs-form-valid-border-color); -} -.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: var(--bs-form-valid-color); -} -.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); -} -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: var(--bs-form-valid-color); -} - -.form-check-inline .form-check-input ~ .valid-feedback { - margin-left: 0.5em; -} - -.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, -.was-validated .input-group > .form-select:not(:focus):valid, -.input-group > .form-select:not(:focus).is-valid, -.was-validated .input-group > .form-floating:not(:focus-within):valid, -.input-group > .form-floating:not(:focus-within).is-valid { - z-index: 3; -} - -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: var(--bs-form-invalid-color); -} - -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: 0.1rem; - font-size: 0.875rem; - color: #fff; - background-color: var(--bs-danger); - border-radius: var(--bs-border-radius); -} - -.was-validated :invalid ~ .invalid-feedback, -.was-validated :invalid ~ .invalid-tooltip, -.is-invalid ~ .invalid-feedback, -.is-invalid ~ .invalid-tooltip { - display: block; -} - -.was-validated .form-control:invalid, .form-control.is-invalid { - border-color: var(--bs-form-invalid-border-color); - padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); -} -.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: var(--bs-form-invalid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); -} - -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { - padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); -} - -.was-validated .form-select:invalid, .form-select.is-invalid { - border-color: var(--bs-form-invalid-border-color); -} -.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); - padding-right: 4.125rem; - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); -} -.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: var(--bs-form-invalid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); -} - -.was-validated .form-control-color:invalid, .form-control-color.is-invalid { - width: calc(3rem + calc(1.5em + 0.75rem)); -} - -.was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: var(--bs-form-invalid-border-color); -} -.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: var(--bs-form-invalid-color); -} -.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); -} -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: var(--bs-form-invalid-color); -} - -.form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: 0.5em; -} - -.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, -.was-validated .input-group > .form-select:not(:focus):invalid, -.input-group > .form-select:not(:focus).is-invalid, -.was-validated .input-group > .form-floating:not(:focus-within):invalid, -.input-group > .form-floating:not(:focus-within).is-invalid { - z-index: 4; -} - -.btn { - --bs-btn-padding-x: 0.75rem; - --bs-btn-padding-y: 0.375rem; - --bs-btn-font-family: ; - --bs-btn-font-size: 1rem; - --bs-btn-font-weight: 400; - --bs-btn-line-height: 1.5; - --bs-btn-color: var(--bs-body-color); - --bs-btn-bg: transparent; - --bs-btn-border-width: var(--bs-border-width); - --bs-btn-border-color: transparent; - --bs-btn-border-radius: 0.375rem; - --bs-btn-hover-border-color: transparent; - --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); - --bs-btn-disabled-opacity: 0.65; - --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); - display: inline-block; - padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); - font-family: var(--bs-btn-font-family); - font-size: var(--bs-btn-font-size); - font-weight: var(--bs-btn-font-weight); - line-height: var(--bs-btn-line-height); - color: var(--bs-btn-color); - text-align: center; - text-decoration: none; - vertical-align: middle; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); - border-radius: var(--bs-btn-border-radius); - background-color: var(--bs-btn-bg); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } -} -.btn:hover { - color: var(--bs-btn-hover-color); - background-color: var(--bs-btn-hover-bg); - border-color: var(--bs-btn-hover-border-color); -} -.btn-check + .btn:hover { - color: var(--bs-btn-color); - background-color: var(--bs-btn-bg); - border-color: var(--bs-btn-border-color); -} -.btn:focus-visible { - color: var(--bs-btn-hover-color); - background-color: var(--bs-btn-hover-bg); - border-color: var(--bs-btn-hover-border-color); - outline: 0; - box-shadow: var(--bs-btn-focus-box-shadow); -} -.btn-check:focus-visible + .btn { - border-color: var(--bs-btn-hover-border-color); - outline: 0; - box-shadow: var(--bs-btn-focus-box-shadow); -} -.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { - color: var(--bs-btn-active-color); - background-color: var(--bs-btn-active-bg); - border-color: var(--bs-btn-active-border-color); -} -.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { - box-shadow: var(--bs-btn-focus-box-shadow); -} -.btn:disabled, .btn.disabled, fieldset:disabled .btn { - color: var(--bs-btn-disabled-color); - pointer-events: none; - background-color: var(--bs-btn-disabled-bg); - border-color: var(--bs-btn-disabled-border-color); - opacity: var(--bs-btn-disabled-opacity); -} - -.btn-primary { - --bs-btn-color: #fff; - --bs-btn-bg: #0d6efd; - --bs-btn-border-color: #0d6efd; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #0b5ed7; - --bs-btn-hover-border-color: #0a58ca; - --bs-btn-focus-shadow-rgb: 49, 132, 253; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #0a58ca; - --bs-btn-active-border-color: #0a53be; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #0d6efd; - --bs-btn-disabled-border-color: #0d6efd; -} - -.btn-secondary { - --bs-btn-color: #fff; - --bs-btn-bg: #6c757d; - --bs-btn-border-color: #6c757d; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #5c636a; - --bs-btn-hover-border-color: #565e64; - --bs-btn-focus-shadow-rgb: 130, 138, 145; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #565e64; - --bs-btn-active-border-color: #51585e; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #6c757d; - --bs-btn-disabled-border-color: #6c757d; -} - -.btn-success { - --bs-btn-color: #fff; - --bs-btn-bg: #198754; - --bs-btn-border-color: #198754; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #157347; - --bs-btn-hover-border-color: #146c43; - --bs-btn-focus-shadow-rgb: 60, 153, 110; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #146c43; - --bs-btn-active-border-color: #13653f; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #198754; - --bs-btn-disabled-border-color: #198754; -} - -.btn-info { - --bs-btn-color: #000; - --bs-btn-bg: #0dcaf0; - --bs-btn-border-color: #0dcaf0; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #31d2f2; - --bs-btn-hover-border-color: #25cff2; - --bs-btn-focus-shadow-rgb: 11, 172, 204; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #3dd5f3; - --bs-btn-active-border-color: #25cff2; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #0dcaf0; - --bs-btn-disabled-border-color: #0dcaf0; -} - -.btn-warning { - --bs-btn-color: #000; - --bs-btn-bg: #ffc107; - --bs-btn-border-color: #ffc107; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ffca2c; - --bs-btn-hover-border-color: #ffc720; - --bs-btn-focus-shadow-rgb: 217, 164, 6; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ffcd39; - --bs-btn-active-border-color: #ffc720; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #ffc107; - --bs-btn-disabled-border-color: #ffc107; -} - -.btn-danger { - --bs-btn-color: #fff; - --bs-btn-bg: #dc3545; - --bs-btn-border-color: #dc3545; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #bb2d3b; - --bs-btn-hover-border-color: #b02a37; - --bs-btn-focus-shadow-rgb: 225, 83, 97; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #b02a37; - --bs-btn-active-border-color: #a52834; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #dc3545; - --bs-btn-disabled-border-color: #dc3545; -} - -.btn-light { - --bs-btn-color: #000; - --bs-btn-bg: #f8f9fa; - --bs-btn-border-color: #f8f9fa; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #d3d4d5; - --bs-btn-hover-border-color: #c6c7c8; - --bs-btn-focus-shadow-rgb: 211, 212, 213; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #c6c7c8; - --bs-btn-active-border-color: #babbbc; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #f8f9fa; - --bs-btn-disabled-border-color: #f8f9fa; -} - -.btn-dark { - --bs-btn-color: #fff; - --bs-btn-bg: #212529; - --bs-btn-border-color: #212529; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #424649; - --bs-btn-hover-border-color: #373b3e; - --bs-btn-focus-shadow-rgb: 66, 70, 73; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #4d5154; - --bs-btn-active-border-color: #373b3e; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #212529; - --bs-btn-disabled-border-color: #212529; -} - -.btn-outline-primary { - --bs-btn-color: #0d6efd; - --bs-btn-border-color: #0d6efd; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #0d6efd; - --bs-btn-hover-border-color: #0d6efd; - --bs-btn-focus-shadow-rgb: 13, 110, 253; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #0d6efd; - --bs-btn-active-border-color: #0d6efd; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #0d6efd; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #0d6efd; - --bs-gradient: none; -} - -.btn-outline-secondary { - --bs-btn-color: #6c757d; - --bs-btn-border-color: #6c757d; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #6c757d; - --bs-btn-hover-border-color: #6c757d; - --bs-btn-focus-shadow-rgb: 108, 117, 125; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #6c757d; - --bs-btn-active-border-color: #6c757d; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #6c757d; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #6c757d; - --bs-gradient: none; -} - -.btn-outline-success { - --bs-btn-color: #198754; - --bs-btn-border-color: #198754; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #198754; - --bs-btn-hover-border-color: #198754; - --bs-btn-focus-shadow-rgb: 25, 135, 84; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #198754; - --bs-btn-active-border-color: #198754; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #198754; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #198754; - --bs-gradient: none; -} - -.btn-outline-info { - --bs-btn-color: #0dcaf0; - --bs-btn-border-color: #0dcaf0; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #0dcaf0; - --bs-btn-hover-border-color: #0dcaf0; - --bs-btn-focus-shadow-rgb: 13, 202, 240; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #0dcaf0; - --bs-btn-active-border-color: #0dcaf0; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #0dcaf0; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #0dcaf0; - --bs-gradient: none; -} - -.btn-outline-warning { - --bs-btn-color: #ffc107; - --bs-btn-border-color: #ffc107; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ffc107; - --bs-btn-hover-border-color: #ffc107; - --bs-btn-focus-shadow-rgb: 255, 193, 7; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ffc107; - --bs-btn-active-border-color: #ffc107; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #ffc107; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #ffc107; - --bs-gradient: none; -} - -.btn-outline-danger { - --bs-btn-color: #dc3545; - --bs-btn-border-color: #dc3545; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #dc3545; - --bs-btn-hover-border-color: #dc3545; - --bs-btn-focus-shadow-rgb: 220, 53, 69; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #dc3545; - --bs-btn-active-border-color: #dc3545; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #dc3545; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #dc3545; - --bs-gradient: none; -} - -.btn-outline-light { - --bs-btn-color: #f8f9fa; - --bs-btn-border-color: #f8f9fa; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f8f9fa; - --bs-btn-hover-border-color: #f8f9fa; - --bs-btn-focus-shadow-rgb: 248, 249, 250; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f8f9fa; - --bs-btn-active-border-color: #f8f9fa; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #f8f9fa; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #f8f9fa; - --bs-gradient: none; -} - -.btn-outline-dark { - --bs-btn-color: #212529; - --bs-btn-border-color: #212529; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #212529; - --bs-btn-hover-border-color: #212529; - --bs-btn-focus-shadow-rgb: 33, 37, 41; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #212529; - --bs-btn-active-border-color: #212529; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #212529; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #212529; - --bs-gradient: none; -} - -.btn-link { - --bs-btn-font-weight: 400; - --bs-btn-color: var(--bs-link-color); - --bs-btn-bg: transparent; - --bs-btn-border-color: transparent; - --bs-btn-hover-color: var(--bs-link-hover-color); - --bs-btn-hover-border-color: transparent; - --bs-btn-active-color: var(--bs-link-hover-color); - --bs-btn-active-border-color: transparent; - --bs-btn-disabled-color: #6c757d; - --bs-btn-disabled-border-color: transparent; - --bs-btn-box-shadow: 0 0 0 #000; - --bs-btn-focus-shadow-rgb: 49, 132, 253; - text-decoration: underline; -} -.btn-link:focus-visible { - color: var(--bs-btn-color); -} -.btn-link:hover { - color: var(--bs-btn-hover-color); -} - -.btn-lg, .btn-group-lg > .btn { - --bs-btn-padding-y: 0.5rem; - --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.25rem; - --bs-btn-border-radius: 0.5rem; -} - -.btn-sm, .btn-group-sm > .btn { - --bs-btn-padding-y: 0.25rem; - --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.875rem; - --bs-btn-border-radius: 0.25rem; -} - -.fade { - transition: opacity 0.15s linear; -} -@media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } -} -.fade:not(.show) { - opacity: 0; -} - -.collapse:not(.show) { - display: none; -} - -.collapsing { - height: 0; - overflow: hidden; - transition: height 0.35s ease; -} -@media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } -} -.collapsing.collapse-horizontal { - width: 0; - height: auto; - transition: width 0.35s ease; -} -@media (prefers-reduced-motion: reduce) { - .collapsing.collapse-horizontal { - transition: none; - } -} - -.dropup, -.dropend, -.dropdown, -.dropstart, -.dropup-center, -.dropdown-center { - position: relative; -} - -.dropdown-toggle { - white-space: nowrap; -} -.dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; -} -.dropdown-toggle:empty::after { - margin-left: 0; -} - -.dropdown-menu { - --bs-dropdown-zindex: 1000; - --bs-dropdown-min-width: 10rem; - --bs-dropdown-padding-x: 0; - --bs-dropdown-padding-y: 0.5rem; - --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 1rem; - --bs-dropdown-color: var(--bs-body-color); - --bs-dropdown-bg: var(--bs-body-bg); - --bs-dropdown-border-color: var(--bs-border-color-translucent); - --bs-dropdown-border-radius: 0.375rem; - --bs-dropdown-border-width: var(--bs-border-width); - --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width)); - --bs-dropdown-divider-bg: var(--bs-border-color-translucent); - --bs-dropdown-divider-margin-y: 0.5rem; - --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-dropdown-link-color: var(--bs-body-color); - --bs-dropdown-link-hover-color: var(--bs-body-color); - --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); - --bs-dropdown-link-active-color: #fff; - --bs-dropdown-link-active-bg: #0d6efd; - --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); - --bs-dropdown-item-padding-x: 1rem; - --bs-dropdown-item-padding-y: 0.25rem; - --bs-dropdown-header-color: #6c757d; - --bs-dropdown-header-padding-x: 1rem; - --bs-dropdown-header-padding-y: 0.5rem; - position: absolute; - z-index: var(--bs-dropdown-zindex); - display: none; - min-width: var(--bs-dropdown-min-width); - padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); - margin: 0; - font-size: var(--bs-dropdown-font-size); - color: var(--bs-dropdown-color); - text-align: left; - list-style: none; - background-color: var(--bs-dropdown-bg); - background-clip: padding-box; - border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); - border-radius: var(--bs-dropdown-border-radius); -} -.dropdown-menu[data-bs-popper] { - top: 100%; - left: 0; - margin-top: var(--bs-dropdown-spacer); -} - -.dropdown-menu-start { - --bs-position: start; -} -.dropdown-menu-start[data-bs-popper] { - right: auto; - left: 0; -} - -.dropdown-menu-end { - --bs-position: end; -} -.dropdown-menu-end[data-bs-popper] { - right: 0; - left: auto; -} - -@media (min-width: 576px) { - .dropdown-menu-sm-start { - --bs-position: start; - } - .dropdown-menu-sm-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-sm-end { - --bs-position: end; - } - .dropdown-menu-sm-end[data-bs-popper] { - right: 0; - left: auto; - } -} -@media (min-width: 768px) { - .dropdown-menu-md-start { - --bs-position: start; - } - .dropdown-menu-md-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-md-end { - --bs-position: end; - } - .dropdown-menu-md-end[data-bs-popper] { - right: 0; - left: auto; - } -} -@media (min-width: 992px) { - .dropdown-menu-lg-start { - --bs-position: start; - } - .dropdown-menu-lg-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-lg-end { - --bs-position: end; - } - .dropdown-menu-lg-end[data-bs-popper] { - right: 0; - left: auto; - } -} -@media (min-width: 1200px) { - .dropdown-menu-xl-start { - --bs-position: start; - } - .dropdown-menu-xl-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-xl-end { - --bs-position: end; - } - .dropdown-menu-xl-end[data-bs-popper] { - right: 0; - left: auto; - } -} -@media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position: start; - } - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-xxl-end { - --bs-position: end; - } - .dropdown-menu-xxl-end[data-bs-popper] { - right: 0; - left: auto; - } -} -.dropup .dropdown-menu[data-bs-popper] { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: var(--bs-dropdown-spacer); -} -.dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; -} -.dropup .dropdown-toggle:empty::after { - margin-left: 0; -} - -.dropend .dropdown-menu[data-bs-popper] { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: var(--bs-dropdown-spacer); -} -.dropend .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; -} -.dropend .dropdown-toggle:empty::after { - margin-left: 0; -} -.dropend .dropdown-toggle::after { - vertical-align: 0; -} - -.dropstart .dropdown-menu[data-bs-popper] { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: var(--bs-dropdown-spacer); -} -.dropstart .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; -} -.dropstart .dropdown-toggle::after { - display: none; -} -.dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; -} -.dropstart .dropdown-toggle:empty::after { - margin-left: 0; -} -.dropstart .dropdown-toggle::before { - vertical-align: 0; -} - -.dropdown-divider { - height: 0; - margin: var(--bs-dropdown-divider-margin-y) 0; - overflow: hidden; - border-top: 1px solid var(--bs-dropdown-divider-bg); - opacity: 1; -} - -.dropdown-item { - display: block; - width: 100%; - padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); - clear: both; - font-weight: 400; - color: var(--bs-dropdown-link-color); - text-align: inherit; - text-decoration: none; - white-space: nowrap; - background-color: transparent; - border: 0; - border-radius: var(--bs-dropdown-item-border-radius, 0); -} -.dropdown-item:hover, .dropdown-item:focus { - color: var(--bs-dropdown-link-hover-color); - background-color: var(--bs-dropdown-link-hover-bg); -} -.dropdown-item.active, .dropdown-item:active { - color: var(--bs-dropdown-link-active-color); - text-decoration: none; - background-color: var(--bs-dropdown-link-active-bg); -} -.dropdown-item.disabled, .dropdown-item:disabled { - color: var(--bs-dropdown-link-disabled-color); - pointer-events: none; - background-color: transparent; -} - -.dropdown-menu.show { - display: block; -} - -.dropdown-header { - display: block; - padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); - margin-bottom: 0; - font-size: 0.875rem; - color: var(--bs-dropdown-header-color); - white-space: nowrap; -} - -.dropdown-item-text { - display: block; - padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); - color: var(--bs-dropdown-link-color); -} - -.dropdown-menu-dark { - --bs-dropdown-color: #dee2e6; - --bs-dropdown-bg: #343a40; - --bs-dropdown-border-color: var(--bs-border-color-translucent); - --bs-dropdown-box-shadow: ; - --bs-dropdown-link-color: #dee2e6; - --bs-dropdown-link-hover-color: #fff; - --bs-dropdown-divider-bg: var(--bs-border-color-translucent); - --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --bs-dropdown-link-active-color: #fff; - --bs-dropdown-link-active-bg: #0d6efd; - --bs-dropdown-link-disabled-color: #adb5bd; - --bs-dropdown-header-color: #adb5bd; -} - -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; -} -.btn-group > .btn, -.btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; -} -.btn-group > .btn-check:checked + .btn, -.btn-group > .btn-check:focus + .btn, -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn-check:checked + .btn, -.btn-group-vertical > .btn-check:focus + .btn, -.btn-group-vertical > .btn:hover, -.btn-group-vertical > .btn:focus, -.btn-group-vertical > .btn:active, -.btn-group-vertical > .btn.active { - z-index: 1; -} - -.btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; -} -.btn-toolbar .input-group { - width: auto; -} - -.btn-group { - border-radius: 0.375rem; -} -.btn-group > :not(.btn-check:first-child) + .btn, -.btn-group > .btn-group:not(:first-child) { - margin-left: calc(var(--bs-border-width) * -1); -} -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn.dropdown-toggle-split:first-child, -.btn-group > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.btn-group > .btn:nth-child(n+3), -.btn-group > :not(.btn-check) + .btn, -.btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.dropdown-toggle-split { - padding-right: 0.5625rem; - padding-left: 0.5625rem; -} -.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { - margin-left: 0; -} -.dropstart .dropdown-toggle-split::before { - margin-right: 0; -} - -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.375rem; - padding-left: 0.375rem; -} - -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; -} -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group { - width: 100%; -} -.btn-group-vertical > .btn:not(:first-child), -.btn-group-vertical > .btn-group:not(:first-child) { - margin-top: calc(var(--bs-border-width) * -1); -} -.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn ~ .btn, -.btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.nav { - --bs-nav-link-padding-x: 1rem; - --bs-nav-link-padding-y: 0.5rem; - --bs-nav-link-font-weight: ; - --bs-nav-link-color: var(--bs-link-color); - --bs-nav-link-hover-color: var(--bs-link-hover-color); - --bs-nav-link-disabled-color: var(--bs-secondary-color); - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - -.nav-link { - display: block; - padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); - font-size: var(--bs-nav-link-font-size); - font-weight: var(--bs-nav-link-font-weight); - color: var(--bs-nav-link-color); - text-decoration: none; - background: none; - border: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .nav-link { - transition: none; - } -} -.nav-link:hover, .nav-link:focus { - color: var(--bs-nav-link-hover-color); -} -.nav-link:focus-visible { - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -} -.nav-link.disabled { - color: var(--bs-nav-link-disabled-color); - pointer-events: none; - cursor: default; -} - -.nav-tabs { - --bs-nav-tabs-border-width: var(--bs-border-width); - --bs-nav-tabs-border-color: var(--bs-border-color); - --bs-nav-tabs-border-radius: var(--bs-border-radius); - --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); - --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); - --bs-nav-tabs-link-active-bg: var(--bs-body-bg); - --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); - border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); -} -.nav-tabs .nav-link { - margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); - border: var(--bs-nav-tabs-border-width) solid transparent; - border-top-left-radius: var(--bs-nav-tabs-border-radius); - border-top-right-radius: var(--bs-nav-tabs-border-radius); -} -.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - isolation: isolate; - border-color: var(--bs-nav-tabs-link-hover-border-color); -} -.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; -} -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: var(--bs-nav-tabs-link-active-color); - background-color: var(--bs-nav-tabs-link-active-bg); - border-color: var(--bs-nav-tabs-link-active-border-color); -} -.nav-tabs .dropdown-menu { - margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.nav-pills { - --bs-nav-pills-border-radius: 0.375rem; - --bs-nav-pills-link-active-color: #fff; - --bs-nav-pills-link-active-bg: #0d6efd; -} -.nav-pills .nav-link { - border-radius: var(--bs-nav-pills-border-radius); -} -.nav-pills .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; -} -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - color: var(--bs-nav-pills-link-active-color); - background-color: var(--bs-nav-pills-link-active-bg); -} - -.nav-underline { - --bs-nav-underline-gap: 1rem; - --bs-nav-underline-border-width: 0.125rem; - --bs-nav-underline-link-active-color: var(--bs-emphasis-color); - gap: var(--bs-nav-underline-gap); -} -.nav-underline .nav-link { - padding-right: 0; - padding-left: 0; - border-bottom: var(--bs-nav-underline-border-width) solid transparent; -} -.nav-underline .nav-link:hover, .nav-underline .nav-link:focus { - border-bottom-color: currentcolor; -} -.nav-underline .nav-link.active, -.nav-underline .show > .nav-link { - font-weight: 700; - color: var(--bs-nav-underline-link-active-color); - border-bottom-color: currentcolor; -} - -.nav-fill > .nav-link, -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; -} - -.nav-justified > .nav-link, -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; -} - -.nav-fill .nav-item .nav-link, -.nav-justified .nav-item .nav-link { - width: 100%; -} - -.tab-content > .tab-pane { - display: none; -} -.tab-content > .active { - display: block; -} - -.navbar { - --bs-navbar-padding-x: 0; - --bs-navbar-padding-y: 0.5rem; - --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); - --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); - --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); - --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); - --bs-navbar-brand-padding-y: 0.3125rem; - --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.25rem; - --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); - --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); - --bs-navbar-nav-link-padding-x: 0.5rem; - --bs-navbar-toggler-padding-y: 0.25rem; - --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.25rem; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); - --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); - --bs-navbar-toggler-border-radius: 0.375rem; - --bs-navbar-toggler-focus-width: 0.25rem; - --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); -} -.navbar > .container, -.navbar > .container-fluid, -.navbar > .container-sm, -.navbar > .container-md, -.navbar > .container-lg, -.navbar > .container-xl, -.navbar > .container-xxl { - display: flex; - flex-wrap: inherit; - align-items: center; - justify-content: space-between; -} -.navbar-brand { - padding-top: var(--bs-navbar-brand-padding-y); - padding-bottom: var(--bs-navbar-brand-padding-y); - margin-right: var(--bs-navbar-brand-margin-end); - font-size: var(--bs-navbar-brand-font-size); - color: var(--bs-navbar-brand-color); - text-decoration: none; - white-space: nowrap; -} -.navbar-brand:hover, .navbar-brand:focus { - color: var(--bs-navbar-brand-hover-color); -} - -.navbar-nav { - --bs-nav-link-padding-x: 0; - --bs-nav-link-padding-y: 0.5rem; - --bs-nav-link-font-weight: ; - --bs-nav-link-color: var(--bs-navbar-color); - --bs-nav-link-hover-color: var(--bs-navbar-hover-color); - --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} -.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { - color: var(--bs-navbar-active-color); -} -.navbar-nav .dropdown-menu { - position: static; -} - -.navbar-text { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - color: var(--bs-navbar-color); -} -.navbar-text a, -.navbar-text a:hover, -.navbar-text a:focus { - color: var(--bs-navbar-active-color); -} - -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; -} - -.navbar-toggler { - padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); - font-size: var(--bs-navbar-toggler-font-size); - line-height: 1; - color: var(--bs-navbar-color); - background-color: transparent; - border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); - border-radius: var(--bs-navbar-toggler-border-radius); - transition: var(--bs-navbar-toggler-transition); -} -@media (prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none; - } -} -.navbar-toggler:hover { - text-decoration: none; -} -.navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); -} - -.navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-image: var(--bs-navbar-toggler-icon-bg); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; -} - -.navbar-nav-scroll { - max-height: var(--bs-scroll-height, 75vh); - overflow-y: auto; -} - -@media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-sm .navbar-nav { - flex-direction: row; - } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-sm .navbar-toggler { - display: none; - } - .navbar-expand-sm .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-sm .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-sm .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } -} -@media (min-width: 768px) { - .navbar-expand-md { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-md .navbar-nav { - flex-direction: row; - } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-md .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-md .navbar-toggler { - display: none; - } - .navbar-expand-md .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-md .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-md .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } -} -@media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-lg .navbar-toggler { - display: none; - } - .navbar-expand-lg .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-lg .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-lg .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } -} -@media (min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xl .navbar-toggler { - display: none; - } - .navbar-expand-xl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-xl .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-xl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } -} -@media (min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xxl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xxl .navbar-toggler { - display: none; - } - .navbar-expand-xxl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-xxl .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-xxl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } -} -.navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start; -} -.navbar-expand .navbar-nav { - flex-direction: row; -} -.navbar-expand .navbar-nav .dropdown-menu { - position: absolute; -} -.navbar-expand .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); -} -.navbar-expand .navbar-nav-scroll { - overflow: visible; -} -.navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto; -} -.navbar-expand .navbar-toggler { - display: none; -} -.navbar-expand .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; -} -.navbar-expand .offcanvas .offcanvas-header { - display: none; -} -.navbar-expand .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; -} - -.navbar-dark { - --bs-navbar-color: rgba(255, 255, 255, 0.55); - --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); - --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); - --bs-navbar-active-color: #fff; - --bs-navbar-brand-color: #fff; - --bs-navbar-brand-hover-color: #fff; - --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} - -[data-bs-theme=dark] .navbar-toggler-icon { - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} - -.card { - --bs-card-spacer-y: 1rem; - --bs-card-spacer-x: 1rem; - --bs-card-title-spacer-y: 0.5rem; - --bs-card-title-color: ; - --bs-card-subtitle-color: ; - --bs-card-border-width: var(--bs-border-width); - --bs-card-border-color: var(--bs-border-color-translucent); - --bs-card-border-radius: var(--bs-border-radius); - --bs-card-box-shadow: ; - --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); - --bs-card-cap-padding-y: 0.5rem; - --bs-card-cap-padding-x: 1rem; - --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); - --bs-card-cap-color: ; - --bs-card-height: ; - --bs-card-color: ; - --bs-card-bg: var(--bs-body-bg); - --bs-card-img-overlay-padding: 1rem; - --bs-card-group-margin: 0.75rem; - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - height: var(--bs-card-height); - color: var(--bs-body-color); - word-wrap: break-word; - background-color: var(--bs-card-bg); - background-clip: border-box; - border: var(--bs-card-border-width) solid var(--bs-card-border-color); - border-radius: var(--bs-card-border-radius); -} -.card > hr { - margin-right: 0; - margin-left: 0; -} -.card > .list-group { - border-top: inherit; - border-bottom: inherit; -} -.card > .list-group:first-child { - border-top-width: 0; - border-top-left-radius: var(--bs-card-inner-border-radius); - border-top-right-radius: var(--bs-card-inner-border-radius); -} -.card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: var(--bs-card-inner-border-radius); - border-bottom-left-radius: var(--bs-card-inner-border-radius); -} -.card > .card-header + .list-group, -.card > .list-group + .card-footer { - border-top: 0; -} - -.card-body { - flex: 1 1 auto; - padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); - color: var(--bs-card-color); -} - -.card-title { - margin-bottom: var(--bs-card-title-spacer-y); - color: var(--bs-card-title-color); -} - -.card-subtitle { - margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); - margin-bottom: 0; - color: var(--bs-card-subtitle-color); -} - -.card-text:last-child { - margin-bottom: 0; -} - -.card-link + .card-link { - margin-left: var(--bs-card-spacer-x); -} - -.card-header { - padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); - margin-bottom: 0; - color: var(--bs-card-cap-color); - background-color: var(--bs-card-cap-bg); - border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); -} -.card-header:first-child { - border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; -} - -.card-footer { - padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); - color: var(--bs-card-cap-color); - background-color: var(--bs-card-cap-bg); - border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); -} -.card-footer:last-child { - border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); -} - -.card-header-tabs { - margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); - margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); - margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); - border-bottom: 0; -} -.card-header-tabs .nav-link.active { - background-color: var(--bs-card-bg); - border-bottom-color: var(--bs-card-bg); -} - -.card-header-pills { - margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); - margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); -} - -.card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: var(--bs-card-img-overlay-padding); - border-radius: var(--bs-card-inner-border-radius); -} - -.card-img, -.card-img-top, -.card-img-bottom { - width: 100%; -} - -.card-img, -.card-img-top { - border-top-left-radius: var(--bs-card-inner-border-radius); - border-top-right-radius: var(--bs-card-inner-border-radius); -} - -.card-img, -.card-img-bottom { - border-bottom-right-radius: var(--bs-card-inner-border-radius); - border-bottom-left-radius: var(--bs-card-inner-border-radius); -} - -.card-group > .card { - margin-bottom: var(--bs-card-group-margin); -} -@media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; - } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; - } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; - } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; - } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; - } -} - -.accordion { - --bs-accordion-color: var(--bs-body-color); - --bs-accordion-bg: var(--bs-body-bg); - --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; - --bs-accordion-border-color: var(--bs-border-color); - --bs-accordion-border-width: var(--bs-border-width); - --bs-accordion-border-radius: var(--bs-border-radius); - --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); - --bs-accordion-btn-padding-x: 1.25rem; - --bs-accordion-btn-padding-y: 1rem; - --bs-accordion-btn-color: var(--bs-body-color); - --bs-accordion-btn-bg: var(--bs-accordion-bg); - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --bs-accordion-btn-icon-width: 1.25rem; - --bs-accordion-btn-icon-transform: rotate(-180deg); - --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --bs-accordion-btn-focus-border-color: #86b7fe; - --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); - --bs-accordion-body-padding-x: 1.25rem; - --bs-accordion-body-padding-y: 1rem; - --bs-accordion-active-color: var(--bs-primary-text-emphasis); - --bs-accordion-active-bg: var(--bs-primary-bg-subtle); -} - -.accordion-button { - position: relative; - display: flex; - align-items: center; - width: 100%; - padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 1rem; - color: var(--bs-accordion-btn-color); - text-align: left; - background-color: var(--bs-accordion-btn-bg); - border: 0; - border-radius: 0; - overflow-anchor: none; - transition: var(--bs-accordion-transition); -} -@media (prefers-reduced-motion: reduce) { - .accordion-button { - transition: none; - } -} -.accordion-button:not(.collapsed) { - color: var(--bs-accordion-active-color); - background-color: var(--bs-accordion-active-bg); - box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); -} -.accordion-button:not(.collapsed)::after { - background-image: var(--bs-accordion-btn-active-icon); - transform: var(--bs-accordion-btn-icon-transform); -} -.accordion-button::after { - flex-shrink: 0; - width: var(--bs-accordion-btn-icon-width); - height: var(--bs-accordion-btn-icon-width); - margin-left: auto; - content: ""; - background-image: var(--bs-accordion-btn-icon); - background-repeat: no-repeat; - background-size: var(--bs-accordion-btn-icon-width); - transition: var(--bs-accordion-btn-icon-transition); -} -@media (prefers-reduced-motion: reduce) { - .accordion-button::after { - transition: none; - } -} -.accordion-button:hover { - z-index: 2; -} -.accordion-button:focus { - z-index: 3; - border-color: var(--bs-accordion-btn-focus-border-color); - outline: 0; - box-shadow: var(--bs-accordion-btn-focus-box-shadow); -} - -.accordion-header { - margin-bottom: 0; -} - -.accordion-item { - color: var(--bs-accordion-color); - background-color: var(--bs-accordion-bg); - border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); -} -.accordion-item:first-of-type { - border-top-left-radius: var(--bs-accordion-border-radius); - border-top-right-radius: var(--bs-accordion-border-radius); -} -.accordion-item:first-of-type .accordion-button { - border-top-left-radius: var(--bs-accordion-inner-border-radius); - border-top-right-radius: var(--bs-accordion-inner-border-radius); -} -.accordion-item:not(:first-of-type) { - border-top: 0; -} -.accordion-item:last-of-type { - border-bottom-right-radius: var(--bs-accordion-border-radius); - border-bottom-left-radius: var(--bs-accordion-border-radius); -} -.accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: var(--bs-accordion-inner-border-radius); - border-bottom-left-radius: var(--bs-accordion-inner-border-radius); -} -.accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: var(--bs-accordion-border-radius); - border-bottom-left-radius: var(--bs-accordion-border-radius); -} - -.accordion-body { - padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); -} - -.accordion-flush .accordion-collapse { - border-width: 0; -} -.accordion-flush .accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0; -} -.accordion-flush .accordion-item:first-child { - border-top: 0; -} -.accordion-flush .accordion-item:last-child { - border-bottom: 0; -} -.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { - border-radius: 0; -} - -[data-bs-theme=dark] .accordion-button::after { - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} - -.breadcrumb { - --bs-breadcrumb-padding-x: 0; - --bs-breadcrumb-padding-y: 0; - --bs-breadcrumb-margin-bottom: 1rem; - --bs-breadcrumb-bg: ; - --bs-breadcrumb-border-radius: ; - --bs-breadcrumb-divider-color: var(--bs-secondary-color); - --bs-breadcrumb-item-padding-x: 0.5rem; - --bs-breadcrumb-item-active-color: var(--bs-secondary-color); - display: flex; - flex-wrap: wrap; - padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); - margin-bottom: var(--bs-breadcrumb-margin-bottom); - font-size: var(--bs-breadcrumb-font-size); - list-style: none; - background-color: var(--bs-breadcrumb-bg); - border-radius: var(--bs-breadcrumb-border-radius); -} - -.breadcrumb-item + .breadcrumb-item { - padding-left: var(--bs-breadcrumb-item-padding-x); -} -.breadcrumb-item + .breadcrumb-item::before { - float: left; - padding-right: var(--bs-breadcrumb-item-padding-x); - color: var(--bs-breadcrumb-divider-color); - content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; -} -.breadcrumb-item.active { - color: var(--bs-breadcrumb-item-active-color); -} - -.pagination { - --bs-pagination-padding-x: 0.75rem; - --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 1rem; - --bs-pagination-color: var(--bs-link-color); - --bs-pagination-bg: var(--bs-body-bg); - --bs-pagination-border-width: var(--bs-border-width); - --bs-pagination-border-color: var(--bs-border-color); - --bs-pagination-border-radius: var(--bs-border-radius); - --bs-pagination-hover-color: var(--bs-link-hover-color); - --bs-pagination-hover-bg: var(--bs-tertiary-bg); - --bs-pagination-hover-border-color: var(--bs-border-color); - --bs-pagination-focus-color: var(--bs-link-hover-color); - --bs-pagination-focus-bg: var(--bs-secondary-bg); - --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); - --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #0d6efd; - --bs-pagination-active-border-color: #0d6efd; - --bs-pagination-disabled-color: var(--bs-secondary-color); - --bs-pagination-disabled-bg: var(--bs-secondary-bg); - --bs-pagination-disabled-border-color: var(--bs-border-color); - display: flex; - padding-left: 0; - list-style: none; -} - -.page-link { - position: relative; - display: block; - padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); - font-size: var(--bs-pagination-font-size); - color: var(--bs-pagination-color); - text-decoration: none; - background-color: var(--bs-pagination-bg); - border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .page-link { - transition: none; - } -} -.page-link:hover { - z-index: 2; - color: var(--bs-pagination-hover-color); - background-color: var(--bs-pagination-hover-bg); - border-color: var(--bs-pagination-hover-border-color); -} -.page-link:focus { - z-index: 3; - color: var(--bs-pagination-focus-color); - background-color: var(--bs-pagination-focus-bg); - outline: 0; - box-shadow: var(--bs-pagination-focus-box-shadow); -} -.page-link.active, .active > .page-link { - z-index: 3; - color: var(--bs-pagination-active-color); - background-color: var(--bs-pagination-active-bg); - border-color: var(--bs-pagination-active-border-color); -} -.page-link.disabled, .disabled > .page-link { - color: var(--bs-pagination-disabled-color); - pointer-events: none; - background-color: var(--bs-pagination-disabled-bg); - border-color: var(--bs-pagination-disabled-border-color); -} - -.page-item:not(:first-child) .page-link { - margin-left: calc(var(--bs-border-width) * -1); -} -.page-item:first-child .page-link { - border-top-left-radius: var(--bs-pagination-border-radius); - border-bottom-left-radius: var(--bs-pagination-border-radius); -} -.page-item:last-child .page-link { - border-top-right-radius: var(--bs-pagination-border-radius); - border-bottom-right-radius: var(--bs-pagination-border-radius); -} - -.pagination-lg { - --bs-pagination-padding-x: 1.5rem; - --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.25rem; - --bs-pagination-border-radius: 0.5rem; -} - -.pagination-sm { - --bs-pagination-padding-x: 0.5rem; - --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.875rem; - --bs-pagination-border-radius: 0.25rem; -} - -.badge { - --bs-badge-padding-x: 0.65em; - --bs-badge-padding-y: 0.35em; - --bs-badge-font-size: 0.75em; - --bs-badge-font-weight: 700; - --bs-badge-color: #fff; - --bs-badge-border-radius: 0.375rem; - display: inline-block; - padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); - font-size: var(--bs-badge-font-size); - font-weight: var(--bs-badge-font-weight); - line-height: 1; - color: var(--bs-badge-color); - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: var(--bs-badge-border-radius); -} -.badge:empty { - display: none; -} - -.btn .badge { - position: relative; - top: -1px; -} - -.alert { - --bs-alert-bg: transparent; - --bs-alert-padding-x: 1rem; - --bs-alert-padding-y: 1rem; - --bs-alert-margin-bottom: 1rem; - --bs-alert-color: inherit; - --bs-alert-border-color: transparent; - --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); - --bs-alert-border-radius: 0.375rem; - --bs-alert-link-color: inherit; - position: relative; - padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); - margin-bottom: var(--bs-alert-margin-bottom); - color: var(--bs-alert-color); - background-color: var(--bs-alert-bg); - border: var(--bs-alert-border); - border-radius: var(--bs-alert-border-radius); -} - -.alert-heading { - color: inherit; -} - -.alert-link { - font-weight: 700; - color: var(--bs-alert-link-color); -} - -.alert-dismissible { - padding-right: 3rem; -} -.alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; -} - -.alert-primary { - --bs-alert-color: var(--bs-primary-text-emphasis); - --bs-alert-bg: var(--bs-primary-bg-subtle); - --bs-alert-border-color: var(--bs-primary-border-subtle); - --bs-alert-link-color: var(--bs-primary-text-emphasis); -} - -.alert-secondary { - --bs-alert-color: var(--bs-secondary-text-emphasis); - --bs-alert-bg: var(--bs-secondary-bg-subtle); - --bs-alert-border-color: var(--bs-secondary-border-subtle); - --bs-alert-link-color: var(--bs-secondary-text-emphasis); -} - -.alert-success { - --bs-alert-color: var(--bs-success-text-emphasis); - --bs-alert-bg: var(--bs-success-bg-subtle); - --bs-alert-border-color: var(--bs-success-border-subtle); - --bs-alert-link-color: var(--bs-success-text-emphasis); -} - -.alert-info { - --bs-alert-color: var(--bs-info-text-emphasis); - --bs-alert-bg: var(--bs-info-bg-subtle); - --bs-alert-border-color: var(--bs-info-border-subtle); - --bs-alert-link-color: var(--bs-info-text-emphasis); -} - -.alert-warning { - --bs-alert-color: var(--bs-warning-text-emphasis); - --bs-alert-bg: var(--bs-warning-bg-subtle); - --bs-alert-border-color: var(--bs-warning-border-subtle); - --bs-alert-link-color: var(--bs-warning-text-emphasis); -} - -.alert-danger { - --bs-alert-color: var(--bs-danger-text-emphasis); - --bs-alert-bg: var(--bs-danger-bg-subtle); - --bs-alert-border-color: var(--bs-danger-border-subtle); - --bs-alert-link-color: var(--bs-danger-text-emphasis); -} - -.alert-light { - --bs-alert-color: var(--bs-light-text-emphasis); - --bs-alert-bg: var(--bs-light-bg-subtle); - --bs-alert-border-color: var(--bs-light-border-subtle); - --bs-alert-link-color: var(--bs-light-text-emphasis); -} - -.alert-dark { - --bs-alert-color: var(--bs-dark-text-emphasis); - --bs-alert-bg: var(--bs-dark-bg-subtle); - --bs-alert-border-color: var(--bs-dark-border-subtle); - --bs-alert-link-color: var(--bs-dark-text-emphasis); -} - -@keyframes progress-bar-stripes { - 0% { - background-position-x: 1rem; - } -} -.progress, -.progress-stacked { - --bs-progress-height: 1rem; - --bs-progress-font-size: 0.75rem; - --bs-progress-bg: var(--bs-secondary-bg); - --bs-progress-border-radius: var(--bs-border-radius); - --bs-progress-box-shadow: var(--bs-box-shadow-inset); - --bs-progress-bar-color: #fff; - --bs-progress-bar-bg: #0d6efd; - --bs-progress-bar-transition: width 0.6s ease; - display: flex; - height: var(--bs-progress-height); - overflow: hidden; - font-size: var(--bs-progress-font-size); - background-color: var(--bs-progress-bg); - border-radius: var(--bs-progress-border-radius); -} - -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: var(--bs-progress-bar-color); - text-align: center; - white-space: nowrap; - background-color: var(--bs-progress-bar-bg); - transition: var(--bs-progress-bar-transition); -} -@media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; - } -} - -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: var(--bs-progress-height) var(--bs-progress-height); -} - -.progress-stacked > .progress { - overflow: visible; -} - -.progress-stacked > .progress > .progress-bar { - width: 100%; -} - -.progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; -} -@media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; - } -} - -.list-group { - --bs-list-group-color: var(--bs-body-color); - --bs-list-group-bg: var(--bs-body-bg); - --bs-list-group-border-color: var(--bs-border-color); - --bs-list-group-border-width: var(--bs-border-width); - --bs-list-group-border-radius: var(--bs-border-radius); - --bs-list-group-item-padding-x: 1rem; - --bs-list-group-item-padding-y: 0.5rem; - --bs-list-group-action-color: var(--bs-secondary-color); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); - --bs-list-group-action-active-color: var(--bs-body-color); - --bs-list-group-action-active-bg: var(--bs-secondary-bg); - --bs-list-group-disabled-color: var(--bs-secondary-color); - --bs-list-group-disabled-bg: var(--bs-body-bg); - --bs-list-group-active-color: #fff; - --bs-list-group-active-bg: #0d6efd; - --bs-list-group-active-border-color: #0d6efd; - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: var(--bs-list-group-border-radius); -} - -.list-group-numbered { - list-style-type: none; - counter-reset: section; -} -.list-group-numbered > .list-group-item::before { - content: counters(section, ".") ". "; - counter-increment: section; -} - -.list-group-item-action { - width: 100%; - color: var(--bs-list-group-action-color); - text-align: inherit; -} -.list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: var(--bs-list-group-action-hover-color); - text-decoration: none; - background-color: var(--bs-list-group-action-hover-bg); -} -.list-group-item-action:active { - color: var(--bs-list-group-action-active-color); - background-color: var(--bs-list-group-action-active-bg); -} - -.list-group-item { - position: relative; - display: block; - padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); - color: var(--bs-list-group-color); - text-decoration: none; - background-color: var(--bs-list-group-bg); - border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); -} -.list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit; -} -.list-group-item.disabled, .list-group-item:disabled { - color: var(--bs-list-group-disabled-color); - pointer-events: none; - background-color: var(--bs-list-group-disabled-bg); -} -.list-group-item.active { - z-index: 2; - color: var(--bs-list-group-active-color); - background-color: var(--bs-list-group-active-bg); - border-color: var(--bs-list-group-active-border-color); -} -.list-group-item + .list-group-item { - border-top-width: 0; -} -.list-group-item + .list-group-item.active { - margin-top: calc(-1 * var(--bs-list-group-border-width)); - border-top-width: var(--bs-list-group-border-width); -} - -.list-group-horizontal { - flex-direction: row; -} -.list-group-horizontal > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; -} -.list-group-horizontal > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; -} -.list-group-horizontal > .list-group-item.active { - margin-top: 0; -} -.list-group-horizontal > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; -} -.list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); -} - -@media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; - } - .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-sm > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); - } -} -@media (min-width: 768px) { - .list-group-horizontal-md { - flex-direction: row; - } - .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-md > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); - } -} -@media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction: row; - } - .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-lg > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); - } -} -@media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction: row; - } - .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-xl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); - } -} -@media (min-width: 1400px) { - .list-group-horizontal-xxl { - flex-direction: row; - } - .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); - } -} -.list-group-flush { - border-radius: 0; -} -.list-group-flush > .list-group-item { - border-width: 0 0 var(--bs-list-group-border-width); -} -.list-group-flush > .list-group-item:last-child { - border-bottom-width: 0; -} - -.list-group-item-primary { - --bs-list-group-color: var(--bs-primary-text-emphasis); - --bs-list-group-bg: var(--bs-primary-bg-subtle); - --bs-list-group-border-color: var(--bs-primary-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); - --bs-list-group-active-color: var(--bs-primary-bg-subtle); - --bs-list-group-active-bg: var(--bs-primary-text-emphasis); - --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); -} - -.list-group-item-secondary { - --bs-list-group-color: var(--bs-secondary-text-emphasis); - --bs-list-group-bg: var(--bs-secondary-bg-subtle); - --bs-list-group-border-color: var(--bs-secondary-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); - --bs-list-group-active-color: var(--bs-secondary-bg-subtle); - --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); - --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); -} - -.list-group-item-success { - --bs-list-group-color: var(--bs-success-text-emphasis); - --bs-list-group-bg: var(--bs-success-bg-subtle); - --bs-list-group-border-color: var(--bs-success-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-success-border-subtle); - --bs-list-group-active-color: var(--bs-success-bg-subtle); - --bs-list-group-active-bg: var(--bs-success-text-emphasis); - --bs-list-group-active-border-color: var(--bs-success-text-emphasis); -} - -.list-group-item-info { - --bs-list-group-color: var(--bs-info-text-emphasis); - --bs-list-group-bg: var(--bs-info-bg-subtle); - --bs-list-group-border-color: var(--bs-info-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-info-border-subtle); - --bs-list-group-active-color: var(--bs-info-bg-subtle); - --bs-list-group-active-bg: var(--bs-info-text-emphasis); - --bs-list-group-active-border-color: var(--bs-info-text-emphasis); -} - -.list-group-item-warning { - --bs-list-group-color: var(--bs-warning-text-emphasis); - --bs-list-group-bg: var(--bs-warning-bg-subtle); - --bs-list-group-border-color: var(--bs-warning-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); - --bs-list-group-active-color: var(--bs-warning-bg-subtle); - --bs-list-group-active-bg: var(--bs-warning-text-emphasis); - --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); -} - -.list-group-item-danger { - --bs-list-group-color: var(--bs-danger-text-emphasis); - --bs-list-group-bg: var(--bs-danger-bg-subtle); - --bs-list-group-border-color: var(--bs-danger-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); - --bs-list-group-active-color: var(--bs-danger-bg-subtle); - --bs-list-group-active-bg: var(--bs-danger-text-emphasis); - --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); -} - -.list-group-item-light { - --bs-list-group-color: var(--bs-light-text-emphasis); - --bs-list-group-bg: var(--bs-light-bg-subtle); - --bs-list-group-border-color: var(--bs-light-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-light-border-subtle); - --bs-list-group-active-color: var(--bs-light-bg-subtle); - --bs-list-group-active-bg: var(--bs-light-text-emphasis); - --bs-list-group-active-border-color: var(--bs-light-text-emphasis); -} - -.list-group-item-dark { - --bs-list-group-color: var(--bs-dark-text-emphasis); - --bs-list-group-bg: var(--bs-dark-bg-subtle); - --bs-list-group-border-color: var(--bs-dark-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); - --bs-list-group-active-color: var(--bs-dark-bg-subtle); - --bs-list-group-active-bg: var(--bs-dark-text-emphasis); - --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); -} - -.btn-close { - --bs-btn-close-color: #000; - --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); - --bs-btn-close-opacity: 0.5; - --bs-btn-close-hover-opacity: 0.75; - --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); - --bs-btn-close-focus-opacity: 1; - --bs-btn-close-disabled-opacity: 0.25; - --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: var(--bs-btn-close-color); - background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; - border: 0; - border-radius: 0.375rem; - opacity: var(--bs-btn-close-opacity); -} -.btn-close:hover { - color: var(--bs-btn-close-color); - text-decoration: none; - opacity: var(--bs-btn-close-hover-opacity); -} -.btn-close:focus { - outline: 0; - box-shadow: var(--bs-btn-close-focus-shadow); - opacity: var(--bs-btn-close-focus-opacity); -} -.btn-close:disabled, .btn-close.disabled { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - opacity: var(--bs-btn-close-disabled-opacity); -} - -.btn-close-white { - filter: var(--bs-btn-close-white-filter); -} - -[data-bs-theme=dark] .btn-close { - filter: var(--bs-btn-close-white-filter); -} - -.toast { - --bs-toast-zindex: 1090; - --bs-toast-padding-x: 0.75rem; - --bs-toast-padding-y: 0.5rem; - --bs-toast-spacing: 1.5rem; - --bs-toast-max-width: 350px; - --bs-toast-font-size: 0.875rem; - --bs-toast-color: ; - --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); - --bs-toast-border-width: var(--bs-border-width); - --bs-toast-border-color: var(--bs-border-color-translucent); - --bs-toast-border-radius: var(--bs-border-radius); - --bs-toast-box-shadow: var(--bs-box-shadow); - --bs-toast-header-color: var(--bs-secondary-color); - --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); - --bs-toast-header-border-color: var(--bs-border-color-translucent); - width: var(--bs-toast-max-width); - max-width: 100%; - font-size: var(--bs-toast-font-size); - color: var(--bs-toast-color); - pointer-events: auto; - background-color: var(--bs-toast-bg); - background-clip: padding-box; - border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); - box-shadow: var(--bs-toast-box-shadow); - border-radius: var(--bs-toast-border-radius); -} -.toast.showing { - opacity: 0; -} -.toast:not(.show) { - display: none; -} - -.toast-container { - --bs-toast-zindex: 1090; - position: absolute; - z-index: var(--bs-toast-zindex); - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - max-width: 100%; - pointer-events: none; -} -.toast-container > :not(:last-child) { - margin-bottom: var(--bs-toast-spacing); -} - -.toast-header { - display: flex; - align-items: center; - padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); - color: var(--bs-toast-header-color); - background-color: var(--bs-toast-header-bg); - background-clip: padding-box; - border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); - border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); - border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); -} -.toast-header .btn-close { - margin-right: calc(-0.5 * var(--bs-toast-padding-x)); - margin-left: var(--bs-toast-padding-x); -} - -.toast-body { - padding: var(--bs-toast-padding-x); - word-wrap: break-word; -} - -.modal { - --bs-modal-zindex: 1055; - --bs-modal-width: 500px; - --bs-modal-padding: 1rem; - --bs-modal-margin: 0.5rem; - --bs-modal-color: ; - --bs-modal-bg: var(--bs-body-bg); - --bs-modal-border-color: var(--bs-border-color-translucent); - --bs-modal-border-width: var(--bs-border-width); - --bs-modal-border-radius: var(--bs-border-radius-lg); - --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); - --bs-modal-header-padding-x: 1rem; - --bs-modal-header-padding-y: 1rem; - --bs-modal-header-padding: 1rem 1rem; - --bs-modal-header-border-color: var(--bs-border-color); - --bs-modal-header-border-width: var(--bs-border-width); - --bs-modal-title-line-height: 1.5; - --bs-modal-footer-gap: 0.5rem; - --bs-modal-footer-bg: ; - --bs-modal-footer-border-color: var(--bs-border-color); - --bs-modal-footer-border-width: var(--bs-border-width); - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-modal-zindex); - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0; -} - -.modal-dialog { - position: relative; - width: auto; - margin: var(--bs-modal-margin); - pointer-events: none; -} -.modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); -} -@media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } -} -.modal.show .modal-dialog { - transform: none; -} -.modal.modal-static .modal-dialog { - transform: scale(1.02); -} - -.modal-dialog-scrollable { - height: calc(100% - var(--bs-modal-margin) * 2); -} -.modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; -} -.modal-dialog-scrollable .modal-body { - overflow-y: auto; -} - -.modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - var(--bs-modal-margin) * 2); -} - -.modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - color: var(--bs-modal-color); - pointer-events: auto; - background-color: var(--bs-modal-bg); - background-clip: padding-box; - border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); - border-radius: var(--bs-modal-border-radius); - outline: 0; -} - -.modal-backdrop { - --bs-backdrop-zindex: 1050; - --bs-backdrop-bg: #000; - --bs-backdrop-opacity: 0.5; - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-backdrop-zindex); - width: 100vw; - height: 100vh; - background-color: var(--bs-backdrop-bg); -} -.modal-backdrop.fade { - opacity: 0; -} -.modal-backdrop.show { - opacity: var(--bs-backdrop-opacity); -} - -.modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: space-between; - padding: var(--bs-modal-header-padding); - border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); - border-top-left-radius: var(--bs-modal-inner-border-radius); - border-top-right-radius: var(--bs-modal-inner-border-radius); -} -.modal-header .btn-close { - padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); - margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; -} - -.modal-title { - margin-bottom: 0; - line-height: var(--bs-modal-title-line-height); -} - -.modal-body { - position: relative; - flex: 1 1 auto; - padding: var(--bs-modal-padding); -} - -.modal-footer { - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); - background-color: var(--bs-modal-footer-bg); - border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); - border-bottom-right-radius: var(--bs-modal-inner-border-radius); - border-bottom-left-radius: var(--bs-modal-inner-border-radius); -} -.modal-footer > * { - margin: calc(var(--bs-modal-footer-gap) * 0.5); -} - -@media (min-width: 576px) { - .modal { - --bs-modal-margin: 1.75rem; - --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - } - .modal-dialog { - max-width: var(--bs-modal-width); - margin-right: auto; - margin-left: auto; - } - .modal-sm { - --bs-modal-width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg, - .modal-xl { - --bs-modal-width: 800px; - } -} -@media (min-width: 1200px) { - .modal-xl { - --bs-modal-width: 1140px; - } -} -.modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; -} -.modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; -} -.modal-fullscreen .modal-header, -.modal-fullscreen .modal-footer { - border-radius: 0; -} -.modal-fullscreen .modal-body { - overflow-y: auto; -} - -@media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-header, - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-md-down .modal-header, - .modal-fullscreen-md-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-header, - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-header, - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-header, - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; - } -} -.tooltip { - --bs-tooltip-zindex: 1080; - --bs-tooltip-max-width: 200px; - --bs-tooltip-padding-x: 0.5rem; - --bs-tooltip-padding-y: 0.25rem; - --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.875rem; - --bs-tooltip-color: var(--bs-body-bg); - --bs-tooltip-bg: var(--bs-emphasis-color); - --bs-tooltip-border-radius: var(--bs-border-radius); - --bs-tooltip-opacity: 0.9; - --bs-tooltip-arrow-width: 0.8rem; - --bs-tooltip-arrow-height: 0.4rem; - z-index: var(--bs-tooltip-zindex); - display: block; - padding: var(--bs-tooltip-arrow-height); - margin: var(--bs-tooltip-margin); - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--bs-tooltip-font-size); - word-wrap: break-word; - opacity: 0; -} -.tooltip.show { - opacity: var(--bs-tooltip-opacity); -} -.tooltip .tooltip-arrow { - display: block; - width: var(--bs-tooltip-arrow-width); - height: var(--bs-tooltip-arrow-height); -} -.tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; -} - -.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { - bottom: 0; -} -.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { - top: -1px; - border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; - border-top-color: var(--bs-tooltip-bg); -} - -/* rtl:begin:ignore */ -.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { - left: 0; - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width); -} -.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { - right: -1px; - border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; - border-right-color: var(--bs-tooltip-bg); -} - -/* rtl:end:ignore */ -.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { - top: 0; -} -.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); - border-bottom-color: var(--bs-tooltip-bg); -} - -/* rtl:begin:ignore */ -.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { - right: 0; - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width); -} -.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { - left: -1px; - border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); - border-left-color: var(--bs-tooltip-bg); -} - -/* rtl:end:ignore */ -.tooltip-inner { - max-width: var(--bs-tooltip-max-width); - padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); - color: var(--bs-tooltip-color); - text-align: center; - background-color: var(--bs-tooltip-bg); - border-radius: var(--bs-tooltip-border-radius); -} - -.popover { - --bs-popover-zindex: 1070; - --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.875rem; - --bs-popover-bg: var(--bs-body-bg); - --bs-popover-border-width: var(--bs-border-width); - --bs-popover-border-color: var(--bs-border-color-translucent); - --bs-popover-border-radius: var(--bs-border-radius-lg); - --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); - --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-popover-header-padding-x: 1rem; - --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 1rem; - --bs-popover-header-color: ; - --bs-popover-header-bg: var(--bs-secondary-bg); - --bs-popover-body-padding-x: 1rem; - --bs-popover-body-padding-y: 1rem; - --bs-popover-body-color: var(--bs-body-color); - --bs-popover-arrow-width: 1rem; - --bs-popover-arrow-height: 0.5rem; - --bs-popover-arrow-border: var(--bs-popover-border-color); - z-index: var(--bs-popover-zindex); - display: block; - max-width: var(--bs-popover-max-width); - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--bs-popover-font-size); - word-wrap: break-word; - background-color: var(--bs-popover-bg); - background-clip: padding-box; - border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-radius: var(--bs-popover-border-radius); -} -.popover .popover-arrow { - display: block; - width: var(--bs-popover-arrow-width); - height: var(--bs-popover-arrow-height); -} -.popover .popover-arrow::before, .popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; - border-width: 0; -} - -.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { - bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); -} -.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; -} -.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { - bottom: 0; - border-top-color: var(--bs-popover-arrow-border); -} -.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - bottom: var(--bs-popover-border-width); - border-top-color: var(--bs-popover-bg); -} - -/* rtl:begin:ignore */ -.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { - left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width); -} -.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; -} -.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { - left: 0; - border-right-color: var(--bs-popover-arrow-border); -} -.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - left: var(--bs-popover-border-width); - border-right-color: var(--bs-popover-bg); -} - -/* rtl:end:ignore */ -.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { - top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); -} -.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); -} -.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { - top: 0; - border-bottom-color: var(--bs-popover-arrow-border); -} -.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - top: var(--bs-popover-border-width); - border-bottom-color: var(--bs-popover-bg); -} -.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: var(--bs-popover-arrow-width); - margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); - content: ""; - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); -} - -/* rtl:begin:ignore */ -.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { - right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width); -} -.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); -} -.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { - right: 0; - border-left-color: var(--bs-popover-arrow-border); -} -.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - right: var(--bs-popover-border-width); - border-left-color: var(--bs-popover-bg); -} - -/* rtl:end:ignore */ -.popover-header { - padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); - margin-bottom: 0; - font-size: var(--bs-popover-header-font-size); - color: var(--bs-popover-header-color); - background-color: var(--bs-popover-header-bg); - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-top-left-radius: var(--bs-popover-inner-border-radius); - border-top-right-radius: var(--bs-popover-inner-border-radius); -} -.popover-header:empty { - display: none; -} - -.popover-body { - padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); - color: var(--bs-popover-body-color); -} - -.carousel { - position: relative; -} - -.carousel.pointer-event { - touch-action: pan-y; -} - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} -.carousel-inner::after { - display: block; - clear: both; - content: ""; -} - -.carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } -} - -.carousel-item.active, -.carousel-item-next, -.carousel-item-prev { - display: block; -} - -.carousel-item-next:not(.carousel-item-start), -.active.carousel-item-end { - transform: translateX(100%); -} - -.carousel-item-prev:not(.carousel-item-end), -.active.carousel-item-start { - transform: translateX(-100%); -} - -.carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none; -} -.carousel-fade .carousel-item.active, -.carousel-fade .carousel-item-next.carousel-item-start, -.carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1; -} -.carousel-fade .active.carousel-item-start, -.carousel-fade .active.carousel-item-end { - z-index: 0; - opacity: 0; - transition: opacity 0s 0.6s; -} -@media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none; - } -} - -.carousel-control-prev, -.carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 15%; - padding: 0; - color: #fff; - text-align: center; - background: none; - border: 0; - opacity: 0.5; - transition: opacity 0.15s ease; -} -@media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - transition: none; - } -} -.carousel-control-prev:hover, .carousel-control-prev:focus, -.carousel-control-next:hover, -.carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; -} - -.carousel-control-prev { - left: 0; -} - -.carousel-control-next { - right: 0; -} - -.carousel-control-prev-icon, -.carousel-control-next-icon { - display: inline-block; - width: 2rem; - height: 2rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100%; -} - -/* rtl:options: { - "autoRename": true, - "stringMap":[ { - "name" : "prev-next", - "search" : "prev", - "replace" : "next" - } ] -} */ -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); -} - -.carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} - -.carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 15%; - margin-bottom: 1rem; - margin-left: 15%; -} -.carousel-indicators [data-bs-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; -} -@media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target] { - transition: none; - } -} -.carousel-indicators .active { - opacity: 1; -} - -.carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center; -} - -.carousel-dark .carousel-control-prev-icon, -.carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100); -} -.carousel-dark .carousel-indicators [data-bs-target] { - background-color: #000; -} -.carousel-dark .carousel-caption { - color: #000; -} - -[data-bs-theme=dark] .carousel .carousel-control-prev-icon, -[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, -[data-bs-theme=dark].carousel .carousel-control-next-icon { - filter: invert(1) grayscale(100); -} -[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { - background-color: #000; -} -[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { - color: #000; -} - -.spinner-grow, -.spinner-border { - display: inline-block; - width: var(--bs-spinner-width); - height: var(--bs-spinner-height); - vertical-align: var(--bs-spinner-vertical-align); - border-radius: 50%; - animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); -} - -@keyframes spinner-border { - to { - transform: rotate(360deg) /* rtl:ignore */; - } -} -.spinner-border { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-border-width: 0.25em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-border; - border: var(--bs-spinner-border-width) solid currentcolor; - border-right-color: transparent; -} - -.spinner-border-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; - --bs-spinner-border-width: 0.2em; -} - -@keyframes spinner-grow { - 0% { - transform: scale(0); - } - 50% { - opacity: 1; - transform: none; - } -} -.spinner-grow { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-grow; - background-color: currentcolor; - opacity: 0; -} - -.spinner-grow-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; -} - -@media (prefers-reduced-motion: reduce) { - .spinner-border, - .spinner-grow { - --bs-spinner-animation-speed: 1.5s; - } -} -.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { - --bs-offcanvas-zindex: 1045; - --bs-offcanvas-width: 400px; - --bs-offcanvas-height: 30vh; - --bs-offcanvas-padding-x: 1rem; - --bs-offcanvas-padding-y: 1rem; - --bs-offcanvas-color: var(--bs-body-color); - --bs-offcanvas-bg: var(--bs-body-bg); - --bs-offcanvas-border-width: var(--bs-border-width); - --bs-offcanvas-border-color: var(--bs-border-color-translucent); - --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --bs-offcanvas-transition: transform 0.3s ease-in-out; - --bs-offcanvas-title-line-height: 1.5; -} - -@media (max-width: 575.98px) { - .offcanvas-sm { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition); - } -} -@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-sm { - transition: none; - } -} -@media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } -} -@media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } -} -@media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } -} -@media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } -} -@media (max-width: 575.98px) { - .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { - transform: none; - } -} -@media (max-width: 575.98px) { - .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { - visibility: visible; - } -} -@media (min-width: 576px) { - .offcanvas-sm { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-sm .offcanvas-header { - display: none; - } - .offcanvas-sm .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } -} - -@media (max-width: 767.98px) { - .offcanvas-md { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition); - } -} -@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-md { - transition: none; - } -} -@media (max-width: 767.98px) { - .offcanvas-md.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } -} -@media (max-width: 767.98px) { - .offcanvas-md.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } -} -@media (max-width: 767.98px) { - .offcanvas-md.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } -} -@media (max-width: 767.98px) { - .offcanvas-md.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } -} -@media (max-width: 767.98px) { - .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { - transform: none; - } -} -@media (max-width: 767.98px) { - .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { - visibility: visible; - } -} -@media (min-width: 768px) { - .offcanvas-md { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-md .offcanvas-header { - display: none; - } - .offcanvas-md .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } -} - -@media (max-width: 991.98px) { - .offcanvas-lg { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition); - } -} -@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-lg { - transition: none; - } -} -@media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } -} -@media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } -} -@media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } -} -@media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } -} -@media (max-width: 991.98px) { - .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { - transform: none; - } -} -@media (max-width: 991.98px) { - .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { - visibility: visible; - } -} -@media (min-width: 992px) { - .offcanvas-lg { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-lg .offcanvas-header { - display: none; - } - .offcanvas-lg .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } -} - -@media (max-width: 1199.98px) { - .offcanvas-xl { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition); - } -} -@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-xl { - transition: none; - } -} -@media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } -} -@media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } -} -@media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } -} -@media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } -} -@media (max-width: 1199.98px) { - .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { - transform: none; - } -} -@media (max-width: 1199.98px) { - .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { - visibility: visible; - } -} -@media (min-width: 1200px) { - .offcanvas-xl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-xl .offcanvas-header { - display: none; - } - .offcanvas-xl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } -} - -@media (max-width: 1399.98px) { - .offcanvas-xxl { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition); - } -} -@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-xxl { - transition: none; - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { - transform: none; - } -} -@media (max-width: 1399.98px) { - .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { - visibility: visible; - } -} -@media (min-width: 1400px) { - .offcanvas-xxl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-xxl .offcanvas-header { - display: none; - } - .offcanvas-xxl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } -} - -.offcanvas { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition); -} -@media (prefers-reduced-motion: reduce) { - .offcanvas { - transition: none; - } -} -.offcanvas.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); -} -.offcanvas.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); -} -.offcanvas.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); -} -.offcanvas.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); -} -.offcanvas.showing, .offcanvas.show:not(.hiding) { - transform: none; -} -.offcanvas.showing, .offcanvas.hiding, .offcanvas.show { - visibility: visible; -} - -.offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; -} -.offcanvas-backdrop.fade { - opacity: 0; -} -.offcanvas-backdrop.show { - opacity: 0.5; -} - -.offcanvas-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); -} -.offcanvas-header .btn-close { - padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); - margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); - margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); - margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); -} - -.offcanvas-title { - margin-bottom: 0; - line-height: var(--bs-offcanvas-title-line-height); -} - -.offcanvas-body { - flex-grow: 1; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); - overflow-y: auto; -} - -.placeholder { - display: inline-block; - min-height: 1em; - vertical-align: middle; - cursor: wait; - background-color: currentcolor; - opacity: 0.5; -} -.placeholder.btn::before { - display: inline-block; - content: ""; -} - -.placeholder-xs { - min-height: 0.6em; -} - -.placeholder-sm { - min-height: 0.8em; -} - -.placeholder-lg { - min-height: 1.2em; -} - -.placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite; -} - -@keyframes placeholder-glow { - 50% { - opacity: 0.2; - } -} -.placeholder-wave { - -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - -webkit-mask-size: 200% 100%; - mask-size: 200% 100%; - animation: placeholder-wave 2s linear infinite; -} - -@keyframes placeholder-wave { - 100% { - -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; - } -} -.clearfix::after { - display: block; - clear: both; - content: ""; -} - -.text-bg-primary { - color: #fff !important; - background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-secondary { - color: #fff !important; - background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-success { - color: #fff !important; - background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-info { - color: #000 !important; - background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-warning { - color: #000 !important; - background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-danger { - color: #fff !important; - background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-light { - color: #000 !important; - background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; -} - -.text-bg-dark { - color: #fff !important; - background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; -} - -.link-primary { - color: RGBA(var(--bs-primary-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-primary:hover, .link-primary:focus { - color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)); -} - -.link-secondary { - color: RGBA(var(--bs-secondary-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-secondary:hover, .link-secondary:focus { - color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)); -} - -.link-success { - color: RGBA(var(--bs-success-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-success:hover, .link-success:focus { - color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)); -} - -.link-info { - color: RGBA(var(--bs-info-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-info:hover, .link-info:focus { - color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)); -} - -.link-warning { - color: RGBA(var(--bs-warning-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-warning:hover, .link-warning:focus { - color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)); -} - -.link-danger { - color: RGBA(var(--bs-danger-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-danger:hover, .link-danger:focus { - color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)); -} - -.link-light { - color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-light:hover, .link-light:focus { - color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)); -} - -.link-dark { - color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1))); - -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-dark:hover, .link-dark:focus { - color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)); -} - -.link-body-emphasis { - color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)); - -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)); - text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)); -} -.link-body-emphasis:hover, .link-body-emphasis:focus { - color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)); - -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)); - text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)); -} - -.focus-ring:focus { - outline: 0; - box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); -} - -.icon-link { - display: inline-flex; - gap: 0.375rem; - align-items: center; - -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); - text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); - text-underline-offset: 0.25em; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.icon-link > .bi { - flex-shrink: 0; - width: 1em; - height: 1em; - fill: currentcolor; - transition: 0.2s ease-in-out transform; -} -@media (prefers-reduced-motion: reduce) { - .icon-link > .bi { - transition: none; - } -} - -.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { - transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); -} - -.ratio { - position: relative; - width: 100%; -} -.ratio::before { - display: block; - padding-top: var(--bs-aspect-ratio); - content: ""; -} -.ratio > * { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.ratio-1x1 { - --bs-aspect-ratio: 100%; -} - -.ratio-4x3 { - --bs-aspect-ratio: 75%; -} - -.ratio-16x9 { - --bs-aspect-ratio: 56.25%; -} - -.ratio-21x9 { - --bs-aspect-ratio: 42.8571428571%; -} - -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; -} - -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; -} - -.sticky-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; -} - -.sticky-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020; -} - -@media (min-width: 576px) { - .sticky-sm-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-sm-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020; - } -} -@media (min-width: 768px) { - .sticky-md-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-md-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020; - } -} -@media (min-width: 992px) { - .sticky-lg-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-lg-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020; - } -} -@media (min-width: 1200px) { - .sticky-xl-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-xl-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020; - } -} -@media (min-width: 1400px) { - .sticky-xxl-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-xxl-bottom { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: 1020; - } -} -.hstack { - display: flex; - flex-direction: row; - align-items: center; - align-self: stretch; -} - -.vstack { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-self: stretch; -} - -.visually-hidden, -.visually-hidden-focusable:not(:focus):not(:focus-within) { - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; -} -.visually-hidden:not(caption), -.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { - position: absolute !important; -} - -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: ""; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.vr { - display: inline-block; - align-self: stretch; - width: 1px; - min-height: 1em; - background-color: currentcolor; - opacity: 0.25; -} - -.align-baseline { - vertical-align: baseline !important; -} - -.align-top { - vertical-align: top !important; -} - -.align-middle { - vertical-align: middle !important; -} - -.align-bottom { - vertical-align: bottom !important; -} - -.align-text-bottom { - vertical-align: text-bottom !important; -} - -.align-text-top { - vertical-align: text-top !important; -} - -.float-start { - float: left !important; -} - -.float-end { - float: right !important; -} - -.float-none { - float: none !important; -} - -.object-fit-contain { - -o-object-fit: contain !important; - object-fit: contain !important; -} - -.object-fit-cover { - -o-object-fit: cover !important; - object-fit: cover !important; -} - -.object-fit-fill { - -o-object-fit: fill !important; - object-fit: fill !important; -} - -.object-fit-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; -} - -.object-fit-none { - -o-object-fit: none !important; - object-fit: none !important; -} - -.opacity-0 { - opacity: 0 !important; -} - -.opacity-25 { - opacity: 0.25 !important; -} - -.opacity-50 { - opacity: 0.5 !important; -} - -.opacity-75 { - opacity: 0.75 !important; -} - -.opacity-100 { - opacity: 1 !important; -} - -.overflow-auto { - overflow: auto !important; -} - -.overflow-hidden { - overflow: hidden !important; -} - -.overflow-visible { - overflow: visible !important; -} - -.overflow-scroll { - overflow: scroll !important; -} - -.overflow-x-auto { - overflow-x: auto !important; -} - -.overflow-x-hidden { - overflow-x: hidden !important; -} - -.overflow-x-visible { - overflow-x: visible !important; -} - -.overflow-x-scroll { - overflow-x: scroll !important; -} - -.overflow-y-auto { - overflow-y: auto !important; -} - -.overflow-y-hidden { - overflow-y: hidden !important; -} - -.overflow-y-visible { - overflow-y: visible !important; -} - -.overflow-y-scroll { - overflow-y: scroll !important; -} - -.d-inline { - display: inline !important; -} - -.d-inline-block { - display: inline-block !important; -} - -.d-block { - display: block !important; -} - -.d-grid { - display: grid !important; -} - -.d-table { - display: table !important; -} - -.d-table-row { - display: table-row !important; -} - -.d-table-cell { - display: table-cell !important; -} - -.d-flex { - display: flex !important; -} - -.d-inline-flex { - display: inline-flex !important; -} - -.d-none { - display: none !important; -} - -.shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; -} - -.shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; -} - -.shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; -} - -.shadow-none { - box-shadow: none !important; -} - -.focus-ring-primary { - --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-secondary { - --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-success { - --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-info { - --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-warning { - --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-danger { - --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-light { - --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); -} - -.focus-ring-dark { - --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); -} - -.position-static { - position: static !important; -} - -.position-relative { - position: relative !important; -} - -.position-absolute { - position: absolute !important; -} - -.position-fixed { - position: fixed !important; -} - -.position-sticky { - position: -webkit-sticky !important; - position: sticky !important; -} - -.top-0 { - top: 0 !important; -} - -.top-50 { - top: 50% !important; -} - -.top-100 { - top: 100% !important; -} - -.bottom-0 { - bottom: 0 !important; -} - -.bottom-50 { - bottom: 50% !important; -} - -.bottom-100 { - bottom: 100% !important; -} - -.start-0 { - left: 0 !important; -} - -.start-50 { - left: 50% !important; -} - -.start-100 { - left: 100% !important; -} - -.end-0 { - right: 0 !important; -} - -.end-50 { - right: 50% !important; -} - -.end-100 { - right: 100% !important; -} - -.translate-middle { - transform: translate(-50%, -50%) !important; -} - -.translate-middle-x { - transform: translateX(-50%) !important; -} - -.translate-middle-y { - transform: translateY(-50%) !important; -} - -.border { - border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; -} - -.border-0 { - border: 0 !important; -} - -.border-top { - border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; -} - -.border-top-0 { - border-top: 0 !important; -} - -.border-end { - border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; -} - -.border-end-0 { - border-right: 0 !important; -} - -.border-bottom { - border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; -} - -.border-bottom-0 { - border-bottom: 0 !important; -} - -.border-start { - border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; -} - -.border-start-0 { - border-left: 0 !important; -} - -.border-primary { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; -} - -.border-secondary { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; -} - -.border-success { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; -} - -.border-info { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; -} - -.border-warning { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; -} - -.border-danger { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; -} - -.border-light { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; -} - -.border-dark { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; -} - -.border-black { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; -} - -.border-white { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; -} - -.border-primary-subtle { - border-color: var(--bs-primary-border-subtle) !important; -} - -.border-secondary-subtle { - border-color: var(--bs-secondary-border-subtle) !important; -} - -.border-success-subtle { - border-color: var(--bs-success-border-subtle) !important; -} - -.border-info-subtle { - border-color: var(--bs-info-border-subtle) !important; -} - -.border-warning-subtle { - border-color: var(--bs-warning-border-subtle) !important; -} - -.border-danger-subtle { - border-color: var(--bs-danger-border-subtle) !important; -} - -.border-light-subtle { - border-color: var(--bs-light-border-subtle) !important; -} - -.border-dark-subtle { - border-color: var(--bs-dark-border-subtle) !important; -} - -.border-1 { - border-width: 1px !important; -} - -.border-2 { - border-width: 2px !important; -} - -.border-3 { - border-width: 3px !important; -} - -.border-4 { - border-width: 4px !important; -} - -.border-5 { - border-width: 5px !important; -} - -.border-opacity-10 { - --bs-border-opacity: 0.1; -} - -.border-opacity-25 { - --bs-border-opacity: 0.25; -} - -.border-opacity-50 { - --bs-border-opacity: 0.5; -} - -.border-opacity-75 { - --bs-border-opacity: 0.75; -} - -.border-opacity-100 { - --bs-border-opacity: 1; -} - -.w-25 { - width: 25% !important; -} - -.w-50 { - width: 50% !important; -} - -.w-75 { - width: 75% !important; -} - -.w-100 { - width: 100% !important; -} - -.w-auto { - width: auto !important; -} - -.mw-100 { - max-width: 100% !important; -} - -.vw-100 { - width: 100vw !important; -} - -.min-vw-100 { - min-width: 100vw !important; -} - -.h-25 { - height: 25% !important; -} - -.h-50 { - height: 50% !important; -} - -.h-75 { - height: 75% !important; -} - -.h-100 { - height: 100% !important; -} - -.h-auto { - height: auto !important; -} - -.mh-100 { - max-height: 100% !important; -} - -.vh-100 { - height: 100vh !important; -} - -.min-vh-100 { - min-height: 100vh !important; -} - -.flex-fill { - flex: 1 1 auto !important; -} - -.flex-row { - flex-direction: row !important; -} - -.flex-column { - flex-direction: column !important; -} - -.flex-row-reverse { - flex-direction: row-reverse !important; -} - -.flex-column-reverse { - flex-direction: column-reverse !important; -} - -.flex-grow-0 { - flex-grow: 0 !important; -} - -.flex-grow-1 { - flex-grow: 1 !important; -} - -.flex-shrink-0 { - flex-shrink: 0 !important; -} - -.flex-shrink-1 { - flex-shrink: 1 !important; -} - -.flex-wrap { - flex-wrap: wrap !important; -} - -.flex-nowrap { - flex-wrap: nowrap !important; -} - -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; -} - -.justify-content-start { - justify-content: flex-start !important; -} - -.justify-content-end { - justify-content: flex-end !important; -} - -.justify-content-center { - justify-content: center !important; -} - -.justify-content-between { - justify-content: space-between !important; -} - -.justify-content-around { - justify-content: space-around !important; -} - -.justify-content-evenly { - justify-content: space-evenly !important; -} - -.align-items-start { - align-items: flex-start !important; -} - -.align-items-end { - align-items: flex-end !important; -} - -.align-items-center { - align-items: center !important; -} - -.align-items-baseline { - align-items: baseline !important; -} - -.align-items-stretch { - align-items: stretch !important; -} - -.align-content-start { - align-content: flex-start !important; -} - -.align-content-end { - align-content: flex-end !important; -} - -.align-content-center { - align-content: center !important; -} - -.align-content-between { - align-content: space-between !important; -} - -.align-content-around { - align-content: space-around !important; -} - -.align-content-stretch { - align-content: stretch !important; -} - -.align-self-auto { - align-self: auto !important; -} - -.align-self-start { - align-self: flex-start !important; -} - -.align-self-end { - align-self: flex-end !important; -} - -.align-self-center { - align-self: center !important; -} - -.align-self-baseline { - align-self: baseline !important; -} - -.align-self-stretch { - align-self: stretch !important; -} - -.order-first { - order: -1 !important; -} - -.order-0 { - order: 0 !important; -} - -.order-1 { - order: 1 !important; -} - -.order-2 { - order: 2 !important; -} - -.order-3 { - order: 3 !important; -} - -.order-4 { - order: 4 !important; -} - -.order-5 { - order: 5 !important; -} - -.order-last { - order: 6 !important; -} - -.m-0 { - margin: 0 !important; -} - -.m-1 { - margin: 0.25rem !important; -} - -.m-2 { - margin: 0.5rem !important; -} - -.m-3 { - margin: 1rem !important; -} - -.m-4 { - margin: 1.5rem !important; -} - -.m-5 { - margin: 3rem !important; -} - -.m-auto { - margin: auto !important; -} - -.mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; -} - -.mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; -} - -.mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; -} - -.mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; -} - -.mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; -} - -.mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; -} - -.mx-auto { - margin-right: auto !important; - margin-left: auto !important; -} - -.my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; -} - -.my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; -} - -.my-auto { - margin-top: auto !important; - margin-bottom: auto !important; -} - -.mt-0 { - margin-top: 0 !important; -} - -.mt-1 { - margin-top: 0.25rem !important; -} - -.mt-2 { - margin-top: 0.5rem !important; -} - -.mt-3 { - margin-top: 1rem !important; -} - -.mt-4 { - margin-top: 1.5rem !important; -} - -.mt-5 { - margin-top: 3rem !important; -} - -.mt-auto { - margin-top: auto !important; -} - -.me-0 { - margin-right: 0 !important; -} - -.me-1 { - margin-right: 0.25rem !important; -} - -.me-2 { - margin-right: 0.5rem !important; -} - -.me-3 { - margin-right: 1rem !important; -} - -.me-4 { - margin-right: 1.5rem !important; -} - -.me-5 { - margin-right: 3rem !important; -} - -.me-auto { - margin-right: auto !important; -} - -.mb-0 { - margin-bottom: 0 !important; -} - -.mb-1 { - margin-bottom: 0.25rem !important; -} - -.mb-2 { - margin-bottom: 0.5rem !important; -} - -.mb-3 { - margin-bottom: 1rem !important; -} - -.mb-4 { - margin-bottom: 1.5rem !important; -} - -.mb-5 { - margin-bottom: 3rem !important; -} - -.mb-auto { - margin-bottom: auto !important; -} - -.ms-0 { - margin-left: 0 !important; -} - -.ms-1 { - margin-left: 0.25rem !important; -} - -.ms-2 { - margin-left: 0.5rem !important; -} - -.ms-3 { - margin-left: 1rem !important; -} - -.ms-4 { - margin-left: 1.5rem !important; -} - -.ms-5 { - margin-left: 3rem !important; -} - -.ms-auto { - margin-left: auto !important; -} - -.p-0 { - padding: 0 !important; -} - -.p-1 { - padding: 0.25rem !important; -} - -.p-2 { - padding: 0.5rem !important; -} - -.p-3 { - padding: 1rem !important; -} - -.p-4 { - padding: 1.5rem !important; -} - -.p-5 { - padding: 3rem !important; -} - -.px-0 { - padding-right: 0 !important; - padding-left: 0 !important; -} - -.px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; -} - -.px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; -} - -.px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; -} - -.px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; -} - -.px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; -} - -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; -} - -.py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.pt-0 { - padding-top: 0 !important; -} - -.pt-1 { - padding-top: 0.25rem !important; -} - -.pt-2 { - padding-top: 0.5rem !important; -} - -.pt-3 { - padding-top: 1rem !important; -} - -.pt-4 { - padding-top: 1.5rem !important; -} - -.pt-5 { - padding-top: 3rem !important; -} - -.pe-0 { - padding-right: 0 !important; -} - -.pe-1 { - padding-right: 0.25rem !important; -} - -.pe-2 { - padding-right: 0.5rem !important; -} - -.pe-3 { - padding-right: 1rem !important; -} - -.pe-4 { - padding-right: 1.5rem !important; -} - -.pe-5 { - padding-right: 3rem !important; -} - -.pb-0 { - padding-bottom: 0 !important; -} - -.pb-1 { - padding-bottom: 0.25rem !important; -} - -.pb-2 { - padding-bottom: 0.5rem !important; -} - -.pb-3 { - padding-bottom: 1rem !important; -} - -.pb-4 { - padding-bottom: 1.5rem !important; -} - -.pb-5 { - padding-bottom: 3rem !important; -} - -.ps-0 { - padding-left: 0 !important; -} - -.ps-1 { - padding-left: 0.25rem !important; -} - -.ps-2 { - padding-left: 0.5rem !important; -} - -.ps-3 { - padding-left: 1rem !important; -} - -.ps-4 { - padding-left: 1.5rem !important; -} - -.ps-5 { - padding-left: 3rem !important; -} - -.gap-0 { - gap: 0 !important; -} - -.gap-1 { - gap: 0.25rem !important; -} - -.gap-2 { - gap: 0.5rem !important; -} - -.gap-3 { - gap: 1rem !important; -} - -.gap-4 { - gap: 1.5rem !important; -} - -.gap-5 { - gap: 3rem !important; -} - -.row-gap-0 { - row-gap: 0 !important; -} - -.row-gap-1 { - row-gap: 0.25rem !important; -} - -.row-gap-2 { - row-gap: 0.5rem !important; -} - -.row-gap-3 { - row-gap: 1rem !important; -} - -.row-gap-4 { - row-gap: 1.5rem !important; -} - -.row-gap-5 { - row-gap: 3rem !important; -} - -.column-gap-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; -} - -.column-gap-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; -} - -.column-gap-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; -} - -.column-gap-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; -} - -.column-gap-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; -} - -.column-gap-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; -} - -.font-monospace { - font-family: var(--bs-font-monospace) !important; -} - -.fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; -} - -.fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; -} - -.fs-3 { - font-size: calc(1.3rem + 0.6vw) !important; -} - -.fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; -} - -.fs-5 { - font-size: 1.25rem !important; -} - -.fs-6 { - font-size: 1rem !important; -} - -.fst-italic { - font-style: italic !important; -} - -.fst-normal { - font-style: normal !important; -} - -.fw-lighter { - font-weight: lighter !important; -} - -.fw-light { - font-weight: 300 !important; -} - -.fw-normal { - font-weight: 400 !important; -} - -.fw-medium { - font-weight: 500 !important; -} - -.fw-semibold { - font-weight: 600 !important; -} - -.fw-bold { - font-weight: 700 !important; -} - -.fw-bolder { - font-weight: bolder !important; -} - -.lh-1 { - line-height: 1 !important; -} - -.lh-sm { - line-height: 1.25 !important; -} - -.lh-base { - line-height: 1.5 !important; -} - -.lh-lg { - line-height: 2 !important; -} - -.text-start { - text-align: left !important; -} - -.text-end { - text-align: right !important; -} - -.text-center { - text-align: center !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-decoration-underline { - text-decoration: underline !important; -} - -.text-decoration-line-through { - text-decoration: line-through !important; -} - -.text-lowercase { - text-transform: lowercase !important; -} - -.text-uppercase { - text-transform: uppercase !important; -} - -.text-capitalize { - text-transform: capitalize !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -/* rtl:begin:remove */ -.text-break { - word-wrap: break-word !important; - word-break: break-word !important; -} - -/* rtl:end:remove */ -.text-primary { - --bs-text-opacity: 1; - color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; -} - -.text-secondary { - --bs-text-opacity: 1; - color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; -} - -.text-success { - --bs-text-opacity: 1; - color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; -} - -.text-info { - --bs-text-opacity: 1; - color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; -} - -.text-warning { - --bs-text-opacity: 1; - color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; -} - -.text-danger { - --bs-text-opacity: 1; - color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; -} - -.text-light { - --bs-text-opacity: 1; - color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; -} - -.text-dark { - --bs-text-opacity: 1; - color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; -} - -.text-black { - --bs-text-opacity: 1; - color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; -} - -.text-white { - --bs-text-opacity: 1; - color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; -} - -.text-body { - --bs-text-opacity: 1; - color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; -} - -.text-muted { - --bs-text-opacity: 1; - color: var(--bs-secondary-color) !important; -} - -.text-black-50 { - --bs-text-opacity: 1; - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - --bs-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-body-secondary { - --bs-text-opacity: 1; - color: var(--bs-secondary-color) !important; -} - -.text-body-tertiary { - --bs-text-opacity: 1; - color: var(--bs-tertiary-color) !important; -} - -.text-body-emphasis { - --bs-text-opacity: 1; - color: var(--bs-emphasis-color) !important; -} - -.text-reset { - --bs-text-opacity: 1; - color: inherit !important; -} - -.text-opacity-25 { - --bs-text-opacity: 0.25; -} - -.text-opacity-50 { - --bs-text-opacity: 0.5; -} - -.text-opacity-75 { - --bs-text-opacity: 0.75; -} - -.text-opacity-100 { - --bs-text-opacity: 1; -} - -.text-primary-emphasis { - color: var(--bs-primary-text-emphasis) !important; -} - -.text-secondary-emphasis { - color: var(--bs-secondary-text-emphasis) !important; -} - -.text-success-emphasis { - color: var(--bs-success-text-emphasis) !important; -} - -.text-info-emphasis { - color: var(--bs-info-text-emphasis) !important; -} - -.text-warning-emphasis { - color: var(--bs-warning-text-emphasis) !important; -} - -.text-danger-emphasis { - color: var(--bs-danger-text-emphasis) !important; -} - -.text-light-emphasis { - color: var(--bs-light-text-emphasis) !important; -} - -.text-dark-emphasis { - color: var(--bs-dark-text-emphasis) !important; -} - -.link-opacity-10 { - --bs-link-opacity: 0.1; -} - -.link-opacity-10-hover:hover { - --bs-link-opacity: 0.1; -} - -.link-opacity-25 { - --bs-link-opacity: 0.25; -} - -.link-opacity-25-hover:hover { - --bs-link-opacity: 0.25; -} - -.link-opacity-50 { - --bs-link-opacity: 0.5; -} - -.link-opacity-50-hover:hover { - --bs-link-opacity: 0.5; -} - -.link-opacity-75 { - --bs-link-opacity: 0.75; -} - -.link-opacity-75-hover:hover { - --bs-link-opacity: 0.75; -} - -.link-opacity-100 { - --bs-link-opacity: 1; -} - -.link-opacity-100-hover:hover { - --bs-link-opacity: 1; -} - -.link-offset-1 { - text-underline-offset: 0.125em !important; -} - -.link-offset-1-hover:hover { - text-underline-offset: 0.125em !important; -} - -.link-offset-2 { - text-underline-offset: 0.25em !important; -} - -.link-offset-2-hover:hover { - text-underline-offset: 0.25em !important; -} - -.link-offset-3 { - text-underline-offset: 0.375em !important; -} - -.link-offset-3-hover:hover { - text-underline-offset: 0.375em !important; -} - -.link-underline-primary { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-secondary { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-success { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-info { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-warning { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-danger { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-light { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline-dark { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; - text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; -} - -.link-underline { - --bs-link-underline-opacity: 1; - -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; - text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; -} - -.link-underline-opacity-0 { - --bs-link-underline-opacity: 0; -} - -.link-underline-opacity-0-hover:hover { - --bs-link-underline-opacity: 0; -} - -.link-underline-opacity-10 { - --bs-link-underline-opacity: 0.1; -} - -.link-underline-opacity-10-hover:hover { - --bs-link-underline-opacity: 0.1; -} - -.link-underline-opacity-25 { - --bs-link-underline-opacity: 0.25; -} - -.link-underline-opacity-25-hover:hover { - --bs-link-underline-opacity: 0.25; -} - -.link-underline-opacity-50 { - --bs-link-underline-opacity: 0.5; -} - -.link-underline-opacity-50-hover:hover { - --bs-link-underline-opacity: 0.5; -} - -.link-underline-opacity-75 { - --bs-link-underline-opacity: 0.75; -} - -.link-underline-opacity-75-hover:hover { - --bs-link-underline-opacity: 0.75; -} - -.link-underline-opacity-100 { - --bs-link-underline-opacity: 1; -} - -.link-underline-opacity-100-hover:hover { - --bs-link-underline-opacity: 1; -} - -.bg-primary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-secondary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-success { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-info { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-warning { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-danger { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-light { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-dark { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-black { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-white { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-body { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-transparent { - --bs-bg-opacity: 1; - background-color: transparent !important; -} - -.bg-body-secondary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-body-tertiary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; -} - -.bg-opacity-10 { - --bs-bg-opacity: 0.1; -} - -.bg-opacity-25 { - --bs-bg-opacity: 0.25; -} - -.bg-opacity-50 { - --bs-bg-opacity: 0.5; -} - -.bg-opacity-75 { - --bs-bg-opacity: 0.75; -} - -.bg-opacity-100 { - --bs-bg-opacity: 1; -} - -.bg-primary-subtle { - background-color: var(--bs-primary-bg-subtle) !important; -} - -.bg-secondary-subtle { - background-color: var(--bs-secondary-bg-subtle) !important; -} - -.bg-success-subtle { - background-color: var(--bs-success-bg-subtle) !important; -} - -.bg-info-subtle { - background-color: var(--bs-info-bg-subtle) !important; -} - -.bg-warning-subtle { - background-color: var(--bs-warning-bg-subtle) !important; -} - -.bg-danger-subtle { - background-color: var(--bs-danger-bg-subtle) !important; -} - -.bg-light-subtle { - background-color: var(--bs-light-bg-subtle) !important; -} - -.bg-dark-subtle { - background-color: var(--bs-dark-bg-subtle) !important; -} - -.bg-gradient { - background-image: var(--bs-gradient) !important; -} - -.user-select-all { - -webkit-user-select: all !important; - -moz-user-select: all !important; - user-select: all !important; -} - -.user-select-auto { - -webkit-user-select: auto !important; - -moz-user-select: auto !important; - user-select: auto !important; -} - -.user-select-none { - -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; -} - -.pe-none { - pointer-events: none !important; -} - -.pe-auto { - pointer-events: auto !important; -} - -.rounded { - border-radius: var(--bs-border-radius) !important; -} - -.rounded-0 { - border-radius: 0 !important; -} - -.rounded-1 { - border-radius: var(--bs-border-radius-sm) !important; -} - -.rounded-2 { - border-radius: var(--bs-border-radius) !important; -} - -.rounded-3 { - border-radius: var(--bs-border-radius-lg) !important; -} - -.rounded-4 { - border-radius: var(--bs-border-radius-xl) !important; -} - -.rounded-5 { - border-radius: var(--bs-border-radius-xxl) !important; -} - -.rounded-circle { - border-radius: 50% !important; -} - -.rounded-pill { - border-radius: var(--bs-border-radius-pill) !important; -} - -.rounded-top { - border-top-left-radius: var(--bs-border-radius) !important; - border-top-right-radius: var(--bs-border-radius) !important; -} - -.rounded-top-0 { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; -} - -.rounded-top-1 { - border-top-left-radius: var(--bs-border-radius-sm) !important; - border-top-right-radius: var(--bs-border-radius-sm) !important; -} - -.rounded-top-2 { - border-top-left-radius: var(--bs-border-radius) !important; - border-top-right-radius: var(--bs-border-radius) !important; -} - -.rounded-top-3 { - border-top-left-radius: var(--bs-border-radius-lg) !important; - border-top-right-radius: var(--bs-border-radius-lg) !important; -} - -.rounded-top-4 { - border-top-left-radius: var(--bs-border-radius-xl) !important; - border-top-right-radius: var(--bs-border-radius-xl) !important; -} - -.rounded-top-5 { - border-top-left-radius: var(--bs-border-radius-xxl) !important; - border-top-right-radius: var(--bs-border-radius-xxl) !important; -} - -.rounded-top-circle { - border-top-left-radius: 50% !important; - border-top-right-radius: 50% !important; -} - -.rounded-top-pill { - border-top-left-radius: var(--bs-border-radius-pill) !important; - border-top-right-radius: var(--bs-border-radius-pill) !important; -} - -.rounded-end { - border-top-right-radius: var(--bs-border-radius) !important; - border-bottom-right-radius: var(--bs-border-radius) !important; -} - -.rounded-end-0 { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} - -.rounded-end-1 { - border-top-right-radius: var(--bs-border-radius-sm) !important; - border-bottom-right-radius: var(--bs-border-radius-sm) !important; -} - -.rounded-end-2 { - border-top-right-radius: var(--bs-border-radius) !important; - border-bottom-right-radius: var(--bs-border-radius) !important; -} - -.rounded-end-3 { - border-top-right-radius: var(--bs-border-radius-lg) !important; - border-bottom-right-radius: var(--bs-border-radius-lg) !important; -} - -.rounded-end-4 { - border-top-right-radius: var(--bs-border-radius-xl) !important; - border-bottom-right-radius: var(--bs-border-radius-xl) !important; -} - -.rounded-end-5 { - border-top-right-radius: var(--bs-border-radius-xxl) !important; - border-bottom-right-radius: var(--bs-border-radius-xxl) !important; -} - -.rounded-end-circle { - border-top-right-radius: 50% !important; - border-bottom-right-radius: 50% !important; -} - -.rounded-end-pill { - border-top-right-radius: var(--bs-border-radius-pill) !important; - border-bottom-right-radius: var(--bs-border-radius-pill) !important; -} - -.rounded-bottom { - border-bottom-right-radius: var(--bs-border-radius) !important; - border-bottom-left-radius: var(--bs-border-radius) !important; -} - -.rounded-bottom-0 { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; -} - -.rounded-bottom-1 { - border-bottom-right-radius: var(--bs-border-radius-sm) !important; - border-bottom-left-radius: var(--bs-border-radius-sm) !important; -} - -.rounded-bottom-2 { - border-bottom-right-radius: var(--bs-border-radius) !important; - border-bottom-left-radius: var(--bs-border-radius) !important; -} - -.rounded-bottom-3 { - border-bottom-right-radius: var(--bs-border-radius-lg) !important; - border-bottom-left-radius: var(--bs-border-radius-lg) !important; -} - -.rounded-bottom-4 { - border-bottom-right-radius: var(--bs-border-radius-xl) !important; - border-bottom-left-radius: var(--bs-border-radius-xl) !important; -} - -.rounded-bottom-5 { - border-bottom-right-radius: var(--bs-border-radius-xxl) !important; - border-bottom-left-radius: var(--bs-border-radius-xxl) !important; -} - -.rounded-bottom-circle { - border-bottom-right-radius: 50% !important; - border-bottom-left-radius: 50% !important; -} - -.rounded-bottom-pill { - border-bottom-right-radius: var(--bs-border-radius-pill) !important; - border-bottom-left-radius: var(--bs-border-radius-pill) !important; -} - -.rounded-start { - border-bottom-left-radius: var(--bs-border-radius) !important; - border-top-left-radius: var(--bs-border-radius) !important; -} - -.rounded-start-0 { - border-bottom-left-radius: 0 !important; - border-top-left-radius: 0 !important; -} - -.rounded-start-1 { - border-bottom-left-radius: var(--bs-border-radius-sm) !important; - border-top-left-radius: var(--bs-border-radius-sm) !important; -} - -.rounded-start-2 { - border-bottom-left-radius: var(--bs-border-radius) !important; - border-top-left-radius: var(--bs-border-radius) !important; -} - -.rounded-start-3 { - border-bottom-left-radius: var(--bs-border-radius-lg) !important; - border-top-left-radius: var(--bs-border-radius-lg) !important; -} - -.rounded-start-4 { - border-bottom-left-radius: var(--bs-border-radius-xl) !important; - border-top-left-radius: var(--bs-border-radius-xl) !important; -} - -.rounded-start-5 { - border-bottom-left-radius: var(--bs-border-radius-xxl) !important; - border-top-left-radius: var(--bs-border-radius-xxl) !important; -} - -.rounded-start-circle { - border-bottom-left-radius: 50% !important; - border-top-left-radius: 50% !important; -} - -.rounded-start-pill { - border-bottom-left-radius: var(--bs-border-radius-pill) !important; - border-top-left-radius: var(--bs-border-radius-pill) !important; -} - -.visible { - visibility: visible !important; -} - -.invisible { - visibility: hidden !important; -} - -.z-n1 { - z-index: -1 !important; -} - -.z-0 { - z-index: 0 !important; -} - -.z-1 { - z-index: 1 !important; -} - -.z-2 { - z-index: 2 !important; -} - -.z-3 { - z-index: 3 !important; -} - -@media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - .float-sm-end { - float: right !important; - } - .float-sm-none { - float: none !important; - } - .object-fit-sm-contain { - -o-object-fit: contain !important; - object-fit: contain !important; - } - .object-fit-sm-cover { - -o-object-fit: cover !important; - object-fit: cover !important; - } - .object-fit-sm-fill { - -o-object-fit: fill !important; - object-fit: fill !important; - } - .object-fit-sm-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; - } - .object-fit-sm-none { - -o-object-fit: none !important; - object-fit: none !important; - } - .d-sm-inline { - display: inline !important; - } - .d-sm-inline-block { - display: inline-block !important; - } - .d-sm-block { - display: block !important; - } - .d-sm-grid { - display: grid !important; - } - .d-sm-table { - display: table !important; - } - .d-sm-table-row { - display: table-row !important; - } - .d-sm-table-cell { - display: table-cell !important; - } - .d-sm-flex { - display: flex !important; - } - .d-sm-inline-flex { - display: inline-flex !important; - } - .d-sm-none { - display: none !important; - } - .flex-sm-fill { - flex: 1 1 auto !important; - } - .flex-sm-row { - flex-direction: row !important; - } - .flex-sm-column { - flex-direction: column !important; - } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - .flex-sm-wrap { - flex-wrap: wrap !important; - } - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-sm-start { - justify-content: flex-start !important; - } - .justify-content-sm-end { - justify-content: flex-end !important; - } - .justify-content-sm-center { - justify-content: center !important; - } - .justify-content-sm-between { - justify-content: space-between !important; - } - .justify-content-sm-around { - justify-content: space-around !important; - } - .justify-content-sm-evenly { - justify-content: space-evenly !important; - } - .align-items-sm-start { - align-items: flex-start !important; - } - .align-items-sm-end { - align-items: flex-end !important; - } - .align-items-sm-center { - align-items: center !important; - } - .align-items-sm-baseline { - align-items: baseline !important; - } - .align-items-sm-stretch { - align-items: stretch !important; - } - .align-content-sm-start { - align-content: flex-start !important; - } - .align-content-sm-end { - align-content: flex-end !important; - } - .align-content-sm-center { - align-content: center !important; - } - .align-content-sm-between { - align-content: space-between !important; - } - .align-content-sm-around { - align-content: space-around !important; - } - .align-content-sm-stretch { - align-content: stretch !important; - } - .align-self-sm-auto { - align-self: auto !important; - } - .align-self-sm-start { - align-self: flex-start !important; - } - .align-self-sm-end { - align-self: flex-end !important; - } - .align-self-sm-center { - align-self: center !important; - } - .align-self-sm-baseline { - align-self: baseline !important; - } - .align-self-sm-stretch { - align-self: stretch !important; - } - .order-sm-first { - order: -1 !important; - } - .order-sm-0 { - order: 0 !important; - } - .order-sm-1 { - order: 1 !important; - } - .order-sm-2 { - order: 2 !important; - } - .order-sm-3 { - order: 3 !important; - } - .order-sm-4 { - order: 4 !important; - } - .order-sm-5 { - order: 5 !important; - } - .order-sm-last { - order: 6 !important; - } - .m-sm-0 { - margin: 0 !important; - } - .m-sm-1 { - margin: 0.25rem !important; - } - .m-sm-2 { - margin: 0.5rem !important; - } - .m-sm-3 { - margin: 1rem !important; - } - .m-sm-4 { - margin: 1.5rem !important; - } - .m-sm-5 { - margin: 3rem !important; - } - .m-sm-auto { - margin: auto !important; - } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-sm-0 { - margin-top: 0 !important; - } - .mt-sm-1 { - margin-top: 0.25rem !important; - } - .mt-sm-2 { - margin-top: 0.5rem !important; - } - .mt-sm-3 { - margin-top: 1rem !important; - } - .mt-sm-4 { - margin-top: 1.5rem !important; - } - .mt-sm-5 { - margin-top: 3rem !important; - } - .mt-sm-auto { - margin-top: auto !important; - } - .me-sm-0 { - margin-right: 0 !important; - } - .me-sm-1 { - margin-right: 0.25rem !important; - } - .me-sm-2 { - margin-right: 0.5rem !important; - } - .me-sm-3 { - margin-right: 1rem !important; - } - .me-sm-4 { - margin-right: 1.5rem !important; - } - .me-sm-5 { - margin-right: 3rem !important; - } - .me-sm-auto { - margin-right: auto !important; - } - .mb-sm-0 { - margin-bottom: 0 !important; - } - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - .mb-sm-3 { - margin-bottom: 1rem !important; - } - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - .mb-sm-5 { - margin-bottom: 3rem !important; - } - .mb-sm-auto { - margin-bottom: auto !important; - } - .ms-sm-0 { - margin-left: 0 !important; - } - .ms-sm-1 { - margin-left: 0.25rem !important; - } - .ms-sm-2 { - margin-left: 0.5rem !important; - } - .ms-sm-3 { - margin-left: 1rem !important; - } - .ms-sm-4 { - margin-left: 1.5rem !important; - } - .ms-sm-5 { - margin-left: 3rem !important; - } - .ms-sm-auto { - margin-left: auto !important; - } - .p-sm-0 { - padding: 0 !important; - } - .p-sm-1 { - padding: 0.25rem !important; - } - .p-sm-2 { - padding: 0.5rem !important; - } - .p-sm-3 { - padding: 1rem !important; - } - .p-sm-4 { - padding: 1.5rem !important; - } - .p-sm-5 { - padding: 3rem !important; - } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-sm-0 { - padding-top: 0 !important; - } - .pt-sm-1 { - padding-top: 0.25rem !important; - } - .pt-sm-2 { - padding-top: 0.5rem !important; - } - .pt-sm-3 { - padding-top: 1rem !important; - } - .pt-sm-4 { - padding-top: 1.5rem !important; - } - .pt-sm-5 { - padding-top: 3rem !important; - } - .pe-sm-0 { - padding-right: 0 !important; - } - .pe-sm-1 { - padding-right: 0.25rem !important; - } - .pe-sm-2 { - padding-right: 0.5rem !important; - } - .pe-sm-3 { - padding-right: 1rem !important; - } - .pe-sm-4 { - padding-right: 1.5rem !important; - } - .pe-sm-5 { - padding-right: 3rem !important; - } - .pb-sm-0 { - padding-bottom: 0 !important; - } - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - .pb-sm-3 { - padding-bottom: 1rem !important; - } - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - .pb-sm-5 { - padding-bottom: 3rem !important; - } - .ps-sm-0 { - padding-left: 0 !important; - } - .ps-sm-1 { - padding-left: 0.25rem !important; - } - .ps-sm-2 { - padding-left: 0.5rem !important; - } - .ps-sm-3 { - padding-left: 1rem !important; - } - .ps-sm-4 { - padding-left: 1.5rem !important; - } - .ps-sm-5 { - padding-left: 3rem !important; - } - .gap-sm-0 { - gap: 0 !important; - } - .gap-sm-1 { - gap: 0.25rem !important; - } - .gap-sm-2 { - gap: 0.5rem !important; - } - .gap-sm-3 { - gap: 1rem !important; - } - .gap-sm-4 { - gap: 1.5rem !important; - } - .gap-sm-5 { - gap: 3rem !important; - } - .row-gap-sm-0 { - row-gap: 0 !important; - } - .row-gap-sm-1 { - row-gap: 0.25rem !important; - } - .row-gap-sm-2 { - row-gap: 0.5rem !important; - } - .row-gap-sm-3 { - row-gap: 1rem !important; - } - .row-gap-sm-4 { - row-gap: 1.5rem !important; - } - .row-gap-sm-5 { - row-gap: 3rem !important; - } - .column-gap-sm-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; - } - .column-gap-sm-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; - } - .column-gap-sm-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; - } - .column-gap-sm-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; - } - .column-gap-sm-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; - } - .column-gap-sm-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; - } - .text-sm-start { - text-align: left !important; - } - .text-sm-end { - text-align: right !important; - } - .text-sm-center { - text-align: center !important; - } -} -@media (min-width: 768px) { - .float-md-start { - float: left !important; - } - .float-md-end { - float: right !important; - } - .float-md-none { - float: none !important; - } - .object-fit-md-contain { - -o-object-fit: contain !important; - object-fit: contain !important; - } - .object-fit-md-cover { - -o-object-fit: cover !important; - object-fit: cover !important; - } - .object-fit-md-fill { - -o-object-fit: fill !important; - object-fit: fill !important; - } - .object-fit-md-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; - } - .object-fit-md-none { - -o-object-fit: none !important; - object-fit: none !important; - } - .d-md-inline { - display: inline !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-grid { - display: grid !important; - } - .d-md-table { - display: table !important; - } - .d-md-table-row { - display: table-row !important; - } - .d-md-table-cell { - display: table-cell !important; - } - .d-md-flex { - display: flex !important; - } - .d-md-inline-flex { - display: inline-flex !important; - } - .d-md-none { - display: none !important; - } - .flex-md-fill { - flex: 1 1 auto !important; - } - .flex-md-row { - flex-direction: row !important; - } - .flex-md-column { - flex-direction: column !important; - } - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - .flex-md-grow-0 { - flex-grow: 0 !important; - } - .flex-md-grow-1 { - flex-grow: 1 !important; - } - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - .flex-md-wrap { - flex-wrap: wrap !important; - } - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-md-start { - justify-content: flex-start !important; - } - .justify-content-md-end { - justify-content: flex-end !important; - } - .justify-content-md-center { - justify-content: center !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } - .justify-content-md-around { - justify-content: space-around !important; - } - .justify-content-md-evenly { - justify-content: space-evenly !important; - } - .align-items-md-start { - align-items: flex-start !important; - } - .align-items-md-end { - align-items: flex-end !important; - } - .align-items-md-center { - align-items: center !important; - } - .align-items-md-baseline { - align-items: baseline !important; - } - .align-items-md-stretch { - align-items: stretch !important; - } - .align-content-md-start { - align-content: flex-start !important; - } - .align-content-md-end { - align-content: flex-end !important; - } - .align-content-md-center { - align-content: center !important; - } - .align-content-md-between { - align-content: space-between !important; - } - .align-content-md-around { - align-content: space-around !important; - } - .align-content-md-stretch { - align-content: stretch !important; - } - .align-self-md-auto { - align-self: auto !important; - } - .align-self-md-start { - align-self: flex-start !important; - } - .align-self-md-end { - align-self: flex-end !important; - } - .align-self-md-center { - align-self: center !important; - } - .align-self-md-baseline { - align-self: baseline !important; - } - .align-self-md-stretch { - align-self: stretch !important; - } - .order-md-first { - order: -1 !important; - } - .order-md-0 { - order: 0 !important; - } - .order-md-1 { - order: 1 !important; - } - .order-md-2 { - order: 2 !important; - } - .order-md-3 { - order: 3 !important; - } - .order-md-4 { - order: 4 !important; - } - .order-md-5 { - order: 5 !important; - } - .order-md-last { - order: 6 !important; - } - .m-md-0 { - margin: 0 !important; - } - .m-md-1 { - margin: 0.25rem !important; - } - .m-md-2 { - margin: 0.5rem !important; - } - .m-md-3 { - margin: 1rem !important; - } - .m-md-4 { - margin: 1.5rem !important; - } - .m-md-5 { - margin: 3rem !important; - } - .m-md-auto { - margin: auto !important; - } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-md-0 { - margin-top: 0 !important; - } - .mt-md-1 { - margin-top: 0.25rem !important; - } - .mt-md-2 { - margin-top: 0.5rem !important; - } - .mt-md-3 { - margin-top: 1rem !important; - } - .mt-md-4 { - margin-top: 1.5rem !important; - } - .mt-md-5 { - margin-top: 3rem !important; - } - .mt-md-auto { - margin-top: auto !important; - } - .me-md-0 { - margin-right: 0 !important; - } - .me-md-1 { - margin-right: 0.25rem !important; - } - .me-md-2 { - margin-right: 0.5rem !important; - } - .me-md-3 { - margin-right: 1rem !important; - } - .me-md-4 { - margin-right: 1.5rem !important; - } - .me-md-5 { - margin-right: 3rem !important; - } - .me-md-auto { - margin-right: auto !important; - } - .mb-md-0 { - margin-bottom: 0 !important; - } - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - .mb-md-3 { - margin-bottom: 1rem !important; - } - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - .mb-md-5 { - margin-bottom: 3rem !important; - } - .mb-md-auto { - margin-bottom: auto !important; - } - .ms-md-0 { - margin-left: 0 !important; - } - .ms-md-1 { - margin-left: 0.25rem !important; - } - .ms-md-2 { - margin-left: 0.5rem !important; - } - .ms-md-3 { - margin-left: 1rem !important; - } - .ms-md-4 { - margin-left: 1.5rem !important; - } - .ms-md-5 { - margin-left: 3rem !important; - } - .ms-md-auto { - margin-left: auto !important; - } - .p-md-0 { - padding: 0 !important; - } - .p-md-1 { - padding: 0.25rem !important; - } - .p-md-2 { - padding: 0.5rem !important; - } - .p-md-3 { - padding: 1rem !important; - } - .p-md-4 { - padding: 1.5rem !important; - } - .p-md-5 { - padding: 3rem !important; - } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-md-0 { - padding-top: 0 !important; - } - .pt-md-1 { - padding-top: 0.25rem !important; - } - .pt-md-2 { - padding-top: 0.5rem !important; - } - .pt-md-3 { - padding-top: 1rem !important; - } - .pt-md-4 { - padding-top: 1.5rem !important; - } - .pt-md-5 { - padding-top: 3rem !important; - } - .pe-md-0 { - padding-right: 0 !important; - } - .pe-md-1 { - padding-right: 0.25rem !important; - } - .pe-md-2 { - padding-right: 0.5rem !important; - } - .pe-md-3 { - padding-right: 1rem !important; - } - .pe-md-4 { - padding-right: 1.5rem !important; - } - .pe-md-5 { - padding-right: 3rem !important; - } - .pb-md-0 { - padding-bottom: 0 !important; - } - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - .pb-md-3 { - padding-bottom: 1rem !important; - } - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - .pb-md-5 { - padding-bottom: 3rem !important; - } - .ps-md-0 { - padding-left: 0 !important; - } - .ps-md-1 { - padding-left: 0.25rem !important; - } - .ps-md-2 { - padding-left: 0.5rem !important; - } - .ps-md-3 { - padding-left: 1rem !important; - } - .ps-md-4 { - padding-left: 1.5rem !important; - } - .ps-md-5 { - padding-left: 3rem !important; - } - .gap-md-0 { - gap: 0 !important; - } - .gap-md-1 { - gap: 0.25rem !important; - } - .gap-md-2 { - gap: 0.5rem !important; - } - .gap-md-3 { - gap: 1rem !important; - } - .gap-md-4 { - gap: 1.5rem !important; - } - .gap-md-5 { - gap: 3rem !important; - } - .row-gap-md-0 { - row-gap: 0 !important; - } - .row-gap-md-1 { - row-gap: 0.25rem !important; - } - .row-gap-md-2 { - row-gap: 0.5rem !important; - } - .row-gap-md-3 { - row-gap: 1rem !important; - } - .row-gap-md-4 { - row-gap: 1.5rem !important; - } - .row-gap-md-5 { - row-gap: 3rem !important; - } - .column-gap-md-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; - } - .column-gap-md-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; - } - .column-gap-md-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; - } - .column-gap-md-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; - } - .column-gap-md-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; - } - .column-gap-md-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; - } - .text-md-start { - text-align: left !important; - } - .text-md-end { - text-align: right !important; - } - .text-md-center { - text-align: center !important; - } -} -@media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - .float-lg-end { - float: right !important; - } - .float-lg-none { - float: none !important; - } - .object-fit-lg-contain { - -o-object-fit: contain !important; - object-fit: contain !important; - } - .object-fit-lg-cover { - -o-object-fit: cover !important; - object-fit: cover !important; - } - .object-fit-lg-fill { - -o-object-fit: fill !important; - object-fit: fill !important; - } - .object-fit-lg-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; - } - .object-fit-lg-none { - -o-object-fit: none !important; - object-fit: none !important; - } - .d-lg-inline { - display: inline !important; - } - .d-lg-inline-block { - display: inline-block !important; - } - .d-lg-block { - display: block !important; - } - .d-lg-grid { - display: grid !important; - } - .d-lg-table { - display: table !important; - } - .d-lg-table-row { - display: table-row !important; - } - .d-lg-table-cell { - display: table-cell !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-inline-flex { - display: inline-flex !important; - } - .d-lg-none { - display: none !important; - } - .flex-lg-fill { - flex: 1 1 auto !important; - } - .flex-lg-row { - flex-direction: row !important; - } - .flex-lg-column { - flex-direction: column !important; - } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - .flex-lg-wrap { - flex-wrap: wrap !important; - } - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-lg-start { - justify-content: flex-start !important; - } - .justify-content-lg-end { - justify-content: flex-end !important; - } - .justify-content-lg-center { - justify-content: center !important; - } - .justify-content-lg-between { - justify-content: space-between !important; - } - .justify-content-lg-around { - justify-content: space-around !important; - } - .justify-content-lg-evenly { - justify-content: space-evenly !important; - } - .align-items-lg-start { - align-items: flex-start !important; - } - .align-items-lg-end { - align-items: flex-end !important; - } - .align-items-lg-center { - align-items: center !important; - } - .align-items-lg-baseline { - align-items: baseline !important; - } - .align-items-lg-stretch { - align-items: stretch !important; - } - .align-content-lg-start { - align-content: flex-start !important; - } - .align-content-lg-end { - align-content: flex-end !important; - } - .align-content-lg-center { - align-content: center !important; - } - .align-content-lg-between { - align-content: space-between !important; - } - .align-content-lg-around { - align-content: space-around !important; - } - .align-content-lg-stretch { - align-content: stretch !important; - } - .align-self-lg-auto { - align-self: auto !important; - } - .align-self-lg-start { - align-self: flex-start !important; - } - .align-self-lg-end { - align-self: flex-end !important; - } - .align-self-lg-center { - align-self: center !important; - } - .align-self-lg-baseline { - align-self: baseline !important; - } - .align-self-lg-stretch { - align-self: stretch !important; - } - .order-lg-first { - order: -1 !important; - } - .order-lg-0 { - order: 0 !important; - } - .order-lg-1 { - order: 1 !important; - } - .order-lg-2 { - order: 2 !important; - } - .order-lg-3 { - order: 3 !important; - } - .order-lg-4 { - order: 4 !important; - } - .order-lg-5 { - order: 5 !important; - } - .order-lg-last { - order: 6 !important; - } - .m-lg-0 { - margin: 0 !important; - } - .m-lg-1 { - margin: 0.25rem !important; - } - .m-lg-2 { - margin: 0.5rem !important; - } - .m-lg-3 { - margin: 1rem !important; - } - .m-lg-4 { - margin: 1.5rem !important; - } - .m-lg-5 { - margin: 3rem !important; - } - .m-lg-auto { - margin: auto !important; - } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-lg-0 { - margin-top: 0 !important; - } - .mt-lg-1 { - margin-top: 0.25rem !important; - } - .mt-lg-2 { - margin-top: 0.5rem !important; - } - .mt-lg-3 { - margin-top: 1rem !important; - } - .mt-lg-4 { - margin-top: 1.5rem !important; - } - .mt-lg-5 { - margin-top: 3rem !important; - } - .mt-lg-auto { - margin-top: auto !important; - } - .me-lg-0 { - margin-right: 0 !important; - } - .me-lg-1 { - margin-right: 0.25rem !important; - } - .me-lg-2 { - margin-right: 0.5rem !important; - } - .me-lg-3 { - margin-right: 1rem !important; - } - .me-lg-4 { - margin-right: 1.5rem !important; - } - .me-lg-5 { - margin-right: 3rem !important; - } - .me-lg-auto { - margin-right: auto !important; - } - .mb-lg-0 { - margin-bottom: 0 !important; - } - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - .mb-lg-3 { - margin-bottom: 1rem !important; - } - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - .mb-lg-5 { - margin-bottom: 3rem !important; - } - .mb-lg-auto { - margin-bottom: auto !important; - } - .ms-lg-0 { - margin-left: 0 !important; - } - .ms-lg-1 { - margin-left: 0.25rem !important; - } - .ms-lg-2 { - margin-left: 0.5rem !important; - } - .ms-lg-3 { - margin-left: 1rem !important; - } - .ms-lg-4 { - margin-left: 1.5rem !important; - } - .ms-lg-5 { - margin-left: 3rem !important; - } - .ms-lg-auto { - margin-left: auto !important; - } - .p-lg-0 { - padding: 0 !important; - } - .p-lg-1 { - padding: 0.25rem !important; - } - .p-lg-2 { - padding: 0.5rem !important; - } - .p-lg-3 { - padding: 1rem !important; - } - .p-lg-4 { - padding: 1.5rem !important; - } - .p-lg-5 { - padding: 3rem !important; - } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-lg-0 { - padding-top: 0 !important; - } - .pt-lg-1 { - padding-top: 0.25rem !important; - } - .pt-lg-2 { - padding-top: 0.5rem !important; - } - .pt-lg-3 { - padding-top: 1rem !important; - } - .pt-lg-4 { - padding-top: 1.5rem !important; - } - .pt-lg-5 { - padding-top: 3rem !important; - } - .pe-lg-0 { - padding-right: 0 !important; - } - .pe-lg-1 { - padding-right: 0.25rem !important; - } - .pe-lg-2 { - padding-right: 0.5rem !important; - } - .pe-lg-3 { - padding-right: 1rem !important; - } - .pe-lg-4 { - padding-right: 1.5rem !important; - } - .pe-lg-5 { - padding-right: 3rem !important; - } - .pb-lg-0 { - padding-bottom: 0 !important; - } - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - .pb-lg-3 { - padding-bottom: 1rem !important; - } - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - .pb-lg-5 { - padding-bottom: 3rem !important; - } - .ps-lg-0 { - padding-left: 0 !important; - } - .ps-lg-1 { - padding-left: 0.25rem !important; - } - .ps-lg-2 { - padding-left: 0.5rem !important; - } - .ps-lg-3 { - padding-left: 1rem !important; - } - .ps-lg-4 { - padding-left: 1.5rem !important; - } - .ps-lg-5 { - padding-left: 3rem !important; - } - .gap-lg-0 { - gap: 0 !important; - } - .gap-lg-1 { - gap: 0.25rem !important; - } - .gap-lg-2 { - gap: 0.5rem !important; - } - .gap-lg-3 { - gap: 1rem !important; - } - .gap-lg-4 { - gap: 1.5rem !important; - } - .gap-lg-5 { - gap: 3rem !important; - } - .row-gap-lg-0 { - row-gap: 0 !important; - } - .row-gap-lg-1 { - row-gap: 0.25rem !important; - } - .row-gap-lg-2 { - row-gap: 0.5rem !important; - } - .row-gap-lg-3 { - row-gap: 1rem !important; - } - .row-gap-lg-4 { - row-gap: 1.5rem !important; - } - .row-gap-lg-5 { - row-gap: 3rem !important; - } - .column-gap-lg-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; - } - .column-gap-lg-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; - } - .column-gap-lg-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; - } - .column-gap-lg-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; - } - .column-gap-lg-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; - } - .column-gap-lg-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; - } - .text-lg-start { - text-align: left !important; - } - .text-lg-end { - text-align: right !important; - } - .text-lg-center { - text-align: center !important; - } -} -@media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - .float-xl-end { - float: right !important; - } - .float-xl-none { - float: none !important; - } - .object-fit-xl-contain { - -o-object-fit: contain !important; - object-fit: contain !important; - } - .object-fit-xl-cover { - -o-object-fit: cover !important; - object-fit: cover !important; - } - .object-fit-xl-fill { - -o-object-fit: fill !important; - object-fit: fill !important; - } - .object-fit-xl-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; - } - .object-fit-xl-none { - -o-object-fit: none !important; - object-fit: none !important; - } - .d-xl-inline { - display: inline !important; - } - .d-xl-inline-block { - display: inline-block !important; - } - .d-xl-block { - display: block !important; - } - .d-xl-grid { - display: grid !important; - } - .d-xl-table { - display: table !important; - } - .d-xl-table-row { - display: table-row !important; - } - .d-xl-table-cell { - display: table-cell !important; - } - .d-xl-flex { - display: flex !important; - } - .d-xl-inline-flex { - display: inline-flex !important; - } - .d-xl-none { - display: none !important; - } - .flex-xl-fill { - flex: 1 1 auto !important; - } - .flex-xl-row { - flex-direction: row !important; - } - .flex-xl-column { - flex-direction: column !important; - } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xl-wrap { - flex-wrap: wrap !important; - } - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-xl-start { - justify-content: flex-start !important; - } - .justify-content-xl-end { - justify-content: flex-end !important; - } - .justify-content-xl-center { - justify-content: center !important; - } - .justify-content-xl-between { - justify-content: space-between !important; - } - .justify-content-xl-around { - justify-content: space-around !important; - } - .justify-content-xl-evenly { - justify-content: space-evenly !important; - } - .align-items-xl-start { - align-items: flex-start !important; - } - .align-items-xl-end { - align-items: flex-end !important; - } - .align-items-xl-center { - align-items: center !important; - } - .align-items-xl-baseline { - align-items: baseline !important; - } - .align-items-xl-stretch { - align-items: stretch !important; - } - .align-content-xl-start { - align-content: flex-start !important; - } - .align-content-xl-end { - align-content: flex-end !important; - } - .align-content-xl-center { - align-content: center !important; - } - .align-content-xl-between { - align-content: space-between !important; - } - .align-content-xl-around { - align-content: space-around !important; - } - .align-content-xl-stretch { - align-content: stretch !important; - } - .align-self-xl-auto { - align-self: auto !important; - } - .align-self-xl-start { - align-self: flex-start !important; - } - .align-self-xl-end { - align-self: flex-end !important; - } - .align-self-xl-center { - align-self: center !important; - } - .align-self-xl-baseline { - align-self: baseline !important; - } - .align-self-xl-stretch { - align-self: stretch !important; - } - .order-xl-first { - order: -1 !important; - } - .order-xl-0 { - order: 0 !important; - } - .order-xl-1 { - order: 1 !important; - } - .order-xl-2 { - order: 2 !important; - } - .order-xl-3 { - order: 3 !important; - } - .order-xl-4 { - order: 4 !important; - } - .order-xl-5 { - order: 5 !important; - } - .order-xl-last { - order: 6 !important; - } - .m-xl-0 { - margin: 0 !important; - } - .m-xl-1 { - margin: 0.25rem !important; - } - .m-xl-2 { - margin: 0.5rem !important; - } - .m-xl-3 { - margin: 1rem !important; - } - .m-xl-4 { - margin: 1.5rem !important; - } - .m-xl-5 { - margin: 3rem !important; - } - .m-xl-auto { - margin: auto !important; - } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xl-0 { - margin-top: 0 !important; - } - .mt-xl-1 { - margin-top: 0.25rem !important; - } - .mt-xl-2 { - margin-top: 0.5rem !important; - } - .mt-xl-3 { - margin-top: 1rem !important; - } - .mt-xl-4 { - margin-top: 1.5rem !important; - } - .mt-xl-5 { - margin-top: 3rem !important; - } - .mt-xl-auto { - margin-top: auto !important; - } - .me-xl-0 { - margin-right: 0 !important; - } - .me-xl-1 { - margin-right: 0.25rem !important; - } - .me-xl-2 { - margin-right: 0.5rem !important; - } - .me-xl-3 { - margin-right: 1rem !important; - } - .me-xl-4 { - margin-right: 1.5rem !important; - } - .me-xl-5 { - margin-right: 3rem !important; - } - .me-xl-auto { - margin-right: auto !important; - } - .mb-xl-0 { - margin-bottom: 0 !important; - } - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xl-3 { - margin-bottom: 1rem !important; - } - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xl-5 { - margin-bottom: 3rem !important; - } - .mb-xl-auto { - margin-bottom: auto !important; - } - .ms-xl-0 { - margin-left: 0 !important; - } - .ms-xl-1 { - margin-left: 0.25rem !important; - } - .ms-xl-2 { - margin-left: 0.5rem !important; - } - .ms-xl-3 { - margin-left: 1rem !important; - } - .ms-xl-4 { - margin-left: 1.5rem !important; - } - .ms-xl-5 { - margin-left: 3rem !important; - } - .ms-xl-auto { - margin-left: auto !important; - } - .p-xl-0 { - padding: 0 !important; - } - .p-xl-1 { - padding: 0.25rem !important; - } - .p-xl-2 { - padding: 0.5rem !important; - } - .p-xl-3 { - padding: 1rem !important; - } - .p-xl-4 { - padding: 1.5rem !important; - } - .p-xl-5 { - padding: 3rem !important; - } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xl-0 { - padding-top: 0 !important; - } - .pt-xl-1 { - padding-top: 0.25rem !important; - } - .pt-xl-2 { - padding-top: 0.5rem !important; - } - .pt-xl-3 { - padding-top: 1rem !important; - } - .pt-xl-4 { - padding-top: 1.5rem !important; - } - .pt-xl-5 { - padding-top: 3rem !important; - } - .pe-xl-0 { - padding-right: 0 !important; - } - .pe-xl-1 { - padding-right: 0.25rem !important; - } - .pe-xl-2 { - padding-right: 0.5rem !important; - } - .pe-xl-3 { - padding-right: 1rem !important; - } - .pe-xl-4 { - padding-right: 1.5rem !important; - } - .pe-xl-5 { - padding-right: 3rem !important; - } - .pb-xl-0 { - padding-bottom: 0 !important; - } - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xl-3 { - padding-bottom: 1rem !important; - } - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xl-5 { - padding-bottom: 3rem !important; - } - .ps-xl-0 { - padding-left: 0 !important; - } - .ps-xl-1 { - padding-left: 0.25rem !important; - } - .ps-xl-2 { - padding-left: 0.5rem !important; - } - .ps-xl-3 { - padding-left: 1rem !important; - } - .ps-xl-4 { - padding-left: 1.5rem !important; - } - .ps-xl-5 { - padding-left: 3rem !important; - } - .gap-xl-0 { - gap: 0 !important; - } - .gap-xl-1 { - gap: 0.25rem !important; - } - .gap-xl-2 { - gap: 0.5rem !important; - } - .gap-xl-3 { - gap: 1rem !important; - } - .gap-xl-4 { - gap: 1.5rem !important; - } - .gap-xl-5 { - gap: 3rem !important; - } - .row-gap-xl-0 { - row-gap: 0 !important; - } - .row-gap-xl-1 { - row-gap: 0.25rem !important; - } - .row-gap-xl-2 { - row-gap: 0.5rem !important; - } - .row-gap-xl-3 { - row-gap: 1rem !important; - } - .row-gap-xl-4 { - row-gap: 1.5rem !important; - } - .row-gap-xl-5 { - row-gap: 3rem !important; - } - .column-gap-xl-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; - } - .column-gap-xl-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; - } - .column-gap-xl-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; - } - .column-gap-xl-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; - } - .column-gap-xl-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; - } - .column-gap-xl-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; - } - .text-xl-start { - text-align: left !important; - } - .text-xl-end { - text-align: right !important; - } - .text-xl-center { - text-align: center !important; - } -} -@media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - .float-xxl-end { - float: right !important; - } - .float-xxl-none { - float: none !important; - } - .object-fit-xxl-contain { - -o-object-fit: contain !important; - object-fit: contain !important; - } - .object-fit-xxl-cover { - -o-object-fit: cover !important; - object-fit: cover !important; - } - .object-fit-xxl-fill { - -o-object-fit: fill !important; - object-fit: fill !important; - } - .object-fit-xxl-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; - } - .object-fit-xxl-none { - -o-object-fit: none !important; - object-fit: none !important; - } - .d-xxl-inline { - display: inline !important; - } - .d-xxl-inline-block { - display: inline-block !important; - } - .d-xxl-block { - display: block !important; - } - .d-xxl-grid { - display: grid !important; - } - .d-xxl-table { - display: table !important; - } - .d-xxl-table-row { - display: table-row !important; - } - .d-xxl-table-cell { - display: table-cell !important; - } - .d-xxl-flex { - display: flex !important; - } - .d-xxl-inline-flex { - display: inline-flex !important; - } - .d-xxl-none { - display: none !important; - } - .flex-xxl-fill { - flex: 1 1 auto !important; - } - .flex-xxl-row { - flex-direction: row !important; - } - .flex-xxl-column { - flex-direction: column !important; - } - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-xxl-start { - justify-content: flex-start !important; - } - .justify-content-xxl-end { - justify-content: flex-end !important; - } - .justify-content-xxl-center { - justify-content: center !important; - } - .justify-content-xxl-between { - justify-content: space-between !important; - } - .justify-content-xxl-around { - justify-content: space-around !important; - } - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - .align-items-xxl-start { - align-items: flex-start !important; - } - .align-items-xxl-end { - align-items: flex-end !important; - } - .align-items-xxl-center { - align-items: center !important; - } - .align-items-xxl-baseline { - align-items: baseline !important; - } - .align-items-xxl-stretch { - align-items: stretch !important; - } - .align-content-xxl-start { - align-content: flex-start !important; - } - .align-content-xxl-end { - align-content: flex-end !important; - } - .align-content-xxl-center { - align-content: center !important; - } - .align-content-xxl-between { - align-content: space-between !important; - } - .align-content-xxl-around { - align-content: space-around !important; - } - .align-content-xxl-stretch { - align-content: stretch !important; - } - .align-self-xxl-auto { - align-self: auto !important; - } - .align-self-xxl-start { - align-self: flex-start !important; - } - .align-self-xxl-end { - align-self: flex-end !important; - } - .align-self-xxl-center { - align-self: center !important; - } - .align-self-xxl-baseline { - align-self: baseline !important; - } - .align-self-xxl-stretch { - align-self: stretch !important; - } - .order-xxl-first { - order: -1 !important; - } - .order-xxl-0 { - order: 0 !important; - } - .order-xxl-1 { - order: 1 !important; - } - .order-xxl-2 { - order: 2 !important; - } - .order-xxl-3 { - order: 3 !important; - } - .order-xxl-4 { - order: 4 !important; - } - .order-xxl-5 { - order: 5 !important; - } - .order-xxl-last { - order: 6 !important; - } - .m-xxl-0 { - margin: 0 !important; - } - .m-xxl-1 { - margin: 0.25rem !important; - } - .m-xxl-2 { - margin: 0.5rem !important; - } - .m-xxl-3 { - margin: 1rem !important; - } - .m-xxl-4 { - margin: 1.5rem !important; - } - .m-xxl-5 { - margin: 3rem !important; - } - .m-xxl-auto { - margin: auto !important; - } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xxl-0 { - margin-top: 0 !important; - } - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - .mt-xxl-3 { - margin-top: 1rem !important; - } - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - .mt-xxl-5 { - margin-top: 3rem !important; - } - .mt-xxl-auto { - margin-top: auto !important; - } - .me-xxl-0 { - margin-right: 0 !important; - } - .me-xxl-1 { - margin-right: 0.25rem !important; - } - .me-xxl-2 { - margin-right: 0.5rem !important; - } - .me-xxl-3 { - margin-right: 1rem !important; - } - .me-xxl-4 { - margin-right: 1.5rem !important; - } - .me-xxl-5 { - margin-right: 3rem !important; - } - .me-xxl-auto { - margin-right: auto !important; - } - .mb-xxl-0 { - margin-bottom: 0 !important; - } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - .mb-xxl-auto { - margin-bottom: auto !important; - } - .ms-xxl-0 { - margin-left: 0 !important; - } - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - .ms-xxl-3 { - margin-left: 1rem !important; - } - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - .ms-xxl-5 { - margin-left: 3rem !important; - } - .ms-xxl-auto { - margin-left: auto !important; - } - .p-xxl-0 { - padding: 0 !important; - } - .p-xxl-1 { - padding: 0.25rem !important; - } - .p-xxl-2 { - padding: 0.5rem !important; - } - .p-xxl-3 { - padding: 1rem !important; - } - .p-xxl-4 { - padding: 1.5rem !important; - } - .p-xxl-5 { - padding: 3rem !important; - } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xxl-0 { - padding-top: 0 !important; - } - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - .pt-xxl-3 { - padding-top: 1rem !important; - } - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - .pt-xxl-5 { - padding-top: 3rem !important; - } - .pe-xxl-0 { - padding-right: 0 !important; - } - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - .pe-xxl-3 { - padding-right: 1rem !important; - } - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - .pe-xxl-5 { - padding-right: 3rem !important; - } - .pb-xxl-0 { - padding-bottom: 0 !important; - } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - .ps-xxl-0 { - padding-left: 0 !important; - } - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - .ps-xxl-3 { - padding-left: 1rem !important; - } - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - .ps-xxl-5 { - padding-left: 3rem !important; - } - .gap-xxl-0 { - gap: 0 !important; - } - .gap-xxl-1 { - gap: 0.25rem !important; - } - .gap-xxl-2 { - gap: 0.5rem !important; - } - .gap-xxl-3 { - gap: 1rem !important; - } - .gap-xxl-4 { - gap: 1.5rem !important; - } - .gap-xxl-5 { - gap: 3rem !important; - } - .row-gap-xxl-0 { - row-gap: 0 !important; - } - .row-gap-xxl-1 { - row-gap: 0.25rem !important; - } - .row-gap-xxl-2 { - row-gap: 0.5rem !important; - } - .row-gap-xxl-3 { - row-gap: 1rem !important; - } - .row-gap-xxl-4 { - row-gap: 1.5rem !important; - } - .row-gap-xxl-5 { - row-gap: 3rem !important; - } - .column-gap-xxl-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; - } - .column-gap-xxl-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; - } - .column-gap-xxl-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; - } - .column-gap-xxl-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; - } - .column-gap-xxl-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; - } - .column-gap-xxl-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; - } - .text-xxl-start { - text-align: left !important; - } - .text-xxl-end { - text-align: right !important; - } - .text-xxl-center { - text-align: center !important; - } -} -@media (min-width: 1200px) { - .fs-1 { - font-size: 2.5rem !important; - } - .fs-2 { - font-size: 2rem !important; - } - .fs-3 { - font-size: 1.75rem !important; - } - .fs-4 { - font-size: 1.5rem !important; - } -} -@media print { - .d-print-inline { - display: inline !important; - } - .d-print-inline-block { - display: inline-block !important; - } - .d-print-block { - display: block !important; - } - .d-print-grid { - display: grid !important; - } - .d-print-table { - display: table !important; - } - .d-print-table-row { - display: table-row !important; - } - .d-print-table-cell { - display: table-cell !important; - } - .d-print-flex { - display: flex !important; - } - .d-print-inline-flex { - display: inline-flex !important; - } - .d-print-none { - display: none !important; - } -} - -/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/assets/css/vendors/button-builder.css b/assets/css/vendors/button-builder.css deleted file mode 100644 index b00ca93..0000000 --- a/assets/css/vendors/button-builder.css +++ /dev/null @@ -1,471 +0,0 @@ -/**===================== - 65. Button Builder color picker CSS Start -==========================**/ -.button-builder .colorpicker { - width: 325px; - height: 176px; - overflow: hidden; - position: absolute; - display: none; - z-index: 8; - background: #2c323f; - border: 1px solid #ecf3fa; -} -.button-builder .colorpicker input { - background-color: transparent; - border: 1px solid transparent; - position: absolute; - font-size: 10px; - color: #ecf3fa; - top: 4px; - right: 11px; - text-align: right; - margin: 0; - padding: 0; - height: 11px; -} -.button-builder .colorpicker-color { - width: 150px; - height: 150px; - left: 14px; - top: 13px; - position: absolute; - background: #FC4438; - overflow: hidden; - cursor: crosshair; -} -.button-builder .colorpicker-color div { - position: absolute; - top: 0; - left: 0; - width: 150px; - height: 150px; - background: url(../images/button_builder/colorpicker_overlay.png); -} -.button-builder .colorpicker-color div div { - position: absolute; - top: 0; - left: 0; - width: 11px; - height: 11px; - overflow: hidden; - background: url(../images/button_builder/colorpicker_select.gif); - margin: -5px 0 0 -5px; -} -.button-builder .colorpicker-hue { - position: absolute; - top: 13px; - left: 171px; - width: 35px; - height: 150px; - cursor: n-resize; -} -.button-builder .colorpicker-hue div { - position: absolute; - width: 35px; - height: 9px; - overflow: hidden; - margin: -4px 0 0; - left: 0; -} -.button-builder .colorpicker-new-color { - position: absolute; - width: 60px; - height: 30px; - left: 213px; - top: 13px; - background: #FC4438; -} -.button-builder .colorpicker-current-color { - position: absolute; - width: 60px; - height: 30px; - left: 283px; - top: 13px; - background: #FC4438; -} -.button-builder .colorpicker-hex { - position: absolute; - width: 72px; - height: 22px; - left: 212px; - top: 142px; -} -.button-builder .colorpicker-hex input { - right: 6px; -} -.button-builder .colorpicker-hex.colorpicker-focus { - background-position: bottom; -} -.button-builder .colorpicker-field { - height: 22px; - width: 62px; - background-position: top; - position: absolute; -} -.button-builder .colorpicker-field span { - position: absolute; - width: 12px; - height: 22px; - overflow: hidden; - top: 0; - right: 0; - cursor: n-resize; -} -.button-builder .colorpicker-rgb-r { - top: 52px; - left: 212px; -} -.button-builder .colorpicker-rgb-g { - top: 82px; - left: 212px; -} -.button-builder .colorpicker-rgb-b { - top: 112px; - left: 212px; -} -.button-builder .colorpicker_hsb_h { - top: 52px; - left: 282px; -} -.button-builder .colorpicker_hsb_s { - top: 82px; - left: 282px; -} -.button-builder .colorpicker-hsb-b { - top: 112px; - left: 282px; -} -.button-builder .colorpicker-submit { - position: absolute; - width: 22px; - height: 22px; - left: 322px; - top: 142px; - overflow: hidden; -} -.button-builder .colorpicker-submit.colorpicker-focus { - background-position: bottom; -} -.button-builder .colorpicker-focus { - background-position: center; -} -.button-builder .colorpicker-slider { - background-position: bottom; -} - -/**===================== - 65. Button Builder colorpicker CSS start -==========================**/ -/**===================== - 64. Button Builder CSS start Here -==========================**/ -.button-builder .colorpicker-submit:visited { - background-color: #2c323f; - background-image: none; - color: #fff; - text-decoration: none; -} -.button-builder .button-generator-bx { - position: fixed; - width: 340px; - max-height: 500px; - height: 100%; - overflow-y: auto; - overflow-x: hidden; -} -.button-builder .custom-button-color { - display: none; -} -.button-builder .custom-button-color .form-control { - width: 100px; - border-radius: 5px 0 0 5px; -} -.button-builder .color-slelector { - float: left; - height: 39px; - position: relative; - width: 39px; -} -.button-builder .color-slelector div { - height: 33px; - left: 0; - position: absolute; - top: 0; - width: 33px; - transform: scale(1.4); - z-index: 1; - background: url(../images/button_builder/select.png) repeat scroll 0 0 rgba(0, 0, 0, 0); -} -.button-builder .custom-radio { - width: 16px; - height: 16px; - display: inline-block; - position: relative; - z-index: 1; - top: 3px; - border: 1px solid var(--theme-deafult); - border-radius: 100%; -} -.button-builder .custom-radio:hover { - background-position: 0 -16px; -} -.button-builder .custom-radio.selected { - background-color: var(--theme-deafult); -} -.button-builder .custom-radio input[type=radio] { - margin: 1px; - position: absolute; - z-index: 2; - cursor: pointer; - outline: none; - opacity: 0; - filter: alpha(opacity=0); -} -.button-builder .custom-checkbox { - width: 16px; - height: 16px; - display: inline-block; - position: relative; - z-index: 1; - top: 3px; - background: url(../images/button_builder/checkbox-sprite.png) no-repeat 0 0 transparent; -} -.button-builder .custom-checkbox:hover { - background-position: 0 -16px; -} -.button-builder .custom-checkbox.selected { - background-position: 0 -32px; -} -.button-builder .custom-checkbox input[type=checkbox] { - margin: 0; - position: absolute; - z-index: 2; - cursor: pointer; - outline: none; - opacity: 0; - filter: alpha(opacity=0); -} -.button-builder .colorpicker-hex { - background: url(../images/button_builder/hex_bg.gif) no-repeat scroll right center rgba(0, 0, 0, 0); - left: 220px; - padding-left: 15px; - position: absolute; - top: 98px; - width: 75px; - height: 25px; - box-sizing: content-box; -} -.button-builder .colorpicker-hex input { - background: transparent; - border: medium none; - color: #242934; - display: block; - box-shadow: none; - font-size: 13px; - height: 17px; - outline: medium none; - padding: 5px; - top: 0; - right: 1px; - text-align: left; - text-transform: uppercase; - width: 65px; - box-sizing: content-box; -} -.button-builder .colorpicker-hue { - background: url(../images/button_builder/rainbow.png) no-repeat scroll center center rgba(0, 0, 0, 0); - cursor: default; - height: 150px; - left: 171px; - position: absolute; - top: 13px; - width: 35px; -} -.button-builder .colorpicker-hue div { - background: url(../images/button_builder/scroll.png) no-repeat scroll left top rgba(0, 0, 0, 0); - height: 16px; - left: 0; - margin-top: -8px; - overflow: hidden; - position: absolute; - width: 35px; -} -.button-builder .colorpicker-new-color { - height: 75px; - left: 235px; - position: absolute; - top: 12px; - width: 73px; - border: 1px solid #ecf3fa; -} -.button-builder .colorpicker-field { - display: none; -} -.button-builder .colorpicker-current-color { - display: none; -} -.button-builder .colorpicker-submit { - cursor: pointer; - display: block; - height: 25px; - left: 235px; - position: absolute; - top: 133px; - width: 75px; - background-color: var(--theme-deafult); - border-radius: 5px; -} -.button-builder .colorpicker-submit:before { - content: "Ok"; - position: absolute; - width: 100%; - text-align: center; - padding: 3px 10px; - color: #fff; -} -.button-builder .colorpicker-submit:hover { - background-color: #4433ff; -} -.button-builder .box { - background-color: #fff; - margin-bottom: 20px; - padding: 30px; - text-align: center; - border: 1px solid #efefef; - border-radius: 5px; -} -.button-builder .button-preview { - min-height: 145px; -} -.button-builder .button-preview h2 { - color: #2c323f; - font-size: 18px; - font-weight: normal; - margin: 0; -} -.button-builder .button-preview.affix { - top: 58px; - position: fixed; - width: 395px; - z-index: 999; -} -.button-builder #result { - padding-top: 30px; -} -.button-builder .well .language-markup { - word-wrap: break-word; - white-space: normal; -} -.button-builder .well .language-css { - word-wrap: break-word; - white-space: pre-wrap; -} -.button-builder pre.well { - margin: 0; - padding: 0; - background: #fff !important; - overflow: unset; -} -.button-builder .copy { - margin-top: 30px; - position: relative; -} -.button-builder .copy .zclip { - left: 0 !important; - right: 0 !important; - margin: 0 auto !important; -} -.button-builder .copy a { - background-color: var(--theme-deafult); - color: #fff; - font-weight: bold; - display: inline-block; - padding: 0.375rem 1.75rem; - border-radius: 5px; -} -.button-builder .sucess-msg { - height: 30px; - line-height: 30px; - display: none; - font-size: 14px; - width: 100%; - text-align: center; - margin-bottom: -30px; -} -.button-builder .code-wrapper { - position: relative; - width: 100%; - margin: 0; -} -.button-builder .column-left { - float: left; - width: 655px; -} -.button-builder .column-right { - float: right; - width: 395px; - position: relative; - padding-top: 175px; -} -.button-builder code { - font-size: 11.5px !important; -} -.button-builder .hint-label { - float: left; - padding: 4px 0 0 20px; - font-style: italic; -} -.button-builder .button-style { - margin-top: 1px !important; -} -.button-builder .ad-box { - height: 90px; - overflow: hidden; - margin: 0 0 20px; -} -.button-builder ul.the-icons { - margin: 0 0 0 -8px; - padding-left: 0; - font-size: 13px; -} -.button-builder ul.the-icons li { - float: left; - line-height: 15px; - cursor: pointer; - text-align: center; - list-style: none outside none; - padding: 5px; - border: 1px dotted #efefef; - color: #898989; - width: 40px; - transition: all 0.2s ease-in-out 0s; - margin: 2px; -} -.button-builder ul.the-icons li em { - display: none !important; -} -.button-builder ul.the-icons li:hover { - background: #fff; - box-shadow: 0 0 3px #f4f4f4; -} -.button-builder ul.the-icons li:hover.active { - background: #fff; - box-shadow: 0 0 3px #f4f4f4; -} - -.button-builder-wrap .form-group { - margin-bottom: 15px; -} -.button-builder-wrap .form-group .btn { - margin-right: 15px; - margin-bottom: 15px; - min-width: 100px; -} -.button-builder-wrap .grp-btns .btn input { - display: none; -} - -/*============================== - 64. Button Builder CSS End - ===========================*/ \ No newline at end of file diff --git a/assets/css/vendors/calendar.css b/assets/css/vendors/calendar.css deleted file mode 100644 index 810ed66..0000000 --- a/assets/css/vendors/calendar.css +++ /dev/null @@ -1,1407 +0,0 @@ -@charset "UTF-8"; -/* classes attached to
*/ -/* TODO: make fc-event selector work when calender in shadow DOM */ -/* TODO: not attached to body. attached to specific els. move */ -/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */ -/* inner-wrappers are responsible for being absolute */ -/* TODO: best place for this? */ -@font-face { - font-family: "fcicons"; - src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); - font-weight: normal; - font-style: normal; -} -/* -Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css - -These styles only apply when the standard-theme is activated. -When it's NOT activated, the fc-button classes won't even be in the DOM. -*/ -/* link resets */ -/* ---------------------------------------------------------------------------------------------------- */ -/* cursor */ -/* event text content */ -/* ---------------------------------------------------------------------------------------------------- */ -/* dragging */ -/* ---------------------------------------------------------------------------------------------------- */ -/* resizing */ -/* ---------------------------------------------------------------------------------------------------- */ -/* (subclasses should hone positioning for touch and non-touch) */ -/* MOUSE */ -/* selecting (always TOUCH) */ -/* OR, focused by tab-index */ -/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */ -/* ---------------------------------------------------------------------------------------------------- */ -/* -A HORIZONTAL event -*/ -/* adjust border and border-radius (if there is any) for non-start/end */ -/* resizers */ -/* resizers for TOUCH */ -/* help things clear margins of inner content */ -/* --- the rectangle ("block") style of event --- */ -/* --- the dot style of event --- */ -/* --- spacing between time and title --- */ -/* -A VERTICAL event -*/ -/* make the dot closer to the event title */ -.fc-not-allowed { - cursor: not-allowed; -} -.fc-not-allowed .fc-event { - cursor: not-allowed; -} - -.fc-unselectable { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-touch-callout: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -.fc { - display: flex; - flex-direction: column; - font-size: 1em; - box-sizing: border-box; -} -.fc * { - box-sizing: border-box; -} -.fc *:before { - box-sizing: border-box; -} -.fc *:after { - box-sizing: border-box; -} -.fc table { - border-collapse: collapse; - border-spacing: 0; - font-size: 1em; -} -.fc th { - text-align: center; - vertical-align: top; - padding: 0; -} -.fc td { - vertical-align: top; - padding: 0; -} -.fc a[data-navlink] { - cursor: pointer; -} -.fc a[data-navlink]:hover { - text-decoration: underline; -} -.fc .fc-button { - border-radius: 0; - overflow: visible; - text-transform: none; - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; - -webkit-appearance: button; - display: inline-block; - font-weight: 400; - text-align: center; - vertical-align: middle; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.4em 0.65em; - font-size: 1em; - line-height: 1.5; - border-radius: 0.25em; -} -.fc .fc-button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); -} -.fc .fc-button:not(:disabled) { - cursor: pointer; -} -.fc .fc-button::-moz-focus-inner { - padding: 0; - border-style: none; -} -.fc .fc-button:hover { - text-decoration: none; -} -.fc .fc-button:disabled { - opacity: 0.65; -} -.fc .fc-button .fc-icon { - vertical-align: middle; - font-size: 1.5em; -} -.fc .fc-button-primary { - color: #fff; - color: var(--fc-button-text-color, #fff); - background-color: #7366FF; - background-color: var(--fc-button-bg-color, #7366FF); - border-color: #7366FF; - border-color: var(--fc-button-border-color, #7366FF); -} -.fc .fc-button-primary:hover { - color: #fff; - color: var(--fc-button-text-color, #fff); - background-color: #7366FF; - background-color: var(--fc-button-hover-bg-color, #7366FF); - border-color: #7366FF; - border-color: var(--fc-button-hover-border-color, #7366FF); -} -.fc .fc-button-primary:disabled { - color: #fff; - color: var(--fc-button-text-color, #fff); - background-color: #7366FF; - background-color: var(--fc-button-bg-color, #7366FF); - border-color: #7366FF; - border-color: var(--fc-button-border-color, #7366FF); -} -.fc .fc-button-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); -} -.fc .fc-button-primary:not(:disabled):active { - color: #fff; - color: var(--fc-button-text-color, #fff); - background-color: #7366FF; - background-color: var(--fc-button-active-bg-color, #7366FF); - border-color: #534686; - border-color: var(--fc-button-active-border-color, #7366FF); -} -.fc .fc-button-primary:not(:disabled):active:focus { - box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); -} -.fc .fc-button-primary:not(:disabled).fc-button-active { - color: #fff; - color: var(--fc-button-text-color, #fff); - background-color: #7366FF; - background-color: var(--fc-button-active-bg-color, #7366FF); - border-color: #534686; - border-color: var(--fc-button-active-border-color, #7366FF); -} -.fc .fc-button-primary:not(:disabled).fc-button-active:focus { - box-shadow: 0 0 0 0.2rem rgba(115, 102, 255, 0.5); -} -.fc .fc-button-group { - position: relative; - display: inline-flex; - vertical-align: middle; -} -.fc .fc-button-group > .fc-button { - position: relative; - flex: 1 1 auto; -} -.fc .fc-button-group > .fc-button:hover { - z-index: 1; -} -.fc .fc-button-group > .fc-button:focus { - z-index: 1; -} -.fc .fc-button-group > .fc-button:active { - z-index: 1; -} -.fc .fc-button-group > .fc-button.fc-button-active { - z-index: 1; -} -.fc .fc-toolbar { - display: flex; - justify-content: space-between; - align-items: center; -} -.fc .fc-toolbar.fc-header-toolbar { - margin-bottom: 1.5em; -} -.fc .fc-toolbar.fc-footer-toolbar { - margin-top: 1.5em; -} -.fc .fc-toolbar-title { - font-size: 1.75em; - margin: 0; -} -.fc .fc-scroller { - -webkit-overflow-scrolling: touch; - position: relative; -} -.fc .fc-scroller-liquid { - height: 100%; -} -.fc .fc-scroller-liquid-absolute { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; -} -.fc .fc-scroller-harness { - position: relative; - overflow: hidden; - direction: ltr; -} -.fc .fc-scroller-harness-liquid { - height: 100%; -} -.fc .fc-scrollgrid { - width: 100%; - table-layout: fixed; - border-collapse: separate; - border-right-width: 0; - border-bottom-width: 0; -} -.fc .fc-scrollgrid table { - width: 100%; - table-layout: fixed; - border-top-style: hidden; - border-left-style: hidden; - border-right-style: hidden; -} -.fc .fc-scrollgrid-liquid { - height: 100%; -} -.fc .fc-scrollgrid-section { - height: 1px; -} -.fc .fc-scrollgrid-section > td { - height: 1px; -} -.fc .fc-scrollgrid-section table { - height: 1px; -} -.fc .fc-scrollgrid-section > * { - border-top-width: 0; - border-left-width: 0; -} -.fc .fc-scrollgrid-section-liquid > td { - height: 100%; -} -.fc .fc-scrollgrid-section-header > * { - border-bottom-width: 0; -} -.fc .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-scrollgrid-section-footer table { - border-bottom-style: hidden; -} -.fc .fc-scrollgrid-section-body table { - border-bottom-style: hidden; -} -.fc .fc-scrollgrid-section-sticky > * { - background: #fff; - background: var(--fc-page-bg-color, #fff); - position: sticky; - z-index: 3; -} -.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { - top: 0; -} -.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { - bottom: 0; -} -.fc .fc-scrollgrid-sticky-shim { - height: 1px; - margin-bottom: -1px; -} -.fc .fc-view-harness { - flex-grow: 1; - position: relative; -} -.fc .fc-view-harness-active > .fc-view { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.fc .fc-col-header-cell-cushion { - display: inline-block; - padding: 2px 4px; -} -.fc .fc-bg-event { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgb(143, 223, 130); - background: var(--fc-bg-event-color, rgb(143, 223, 130)); - opacity: 0.3; - opacity: var(--fc-bg-event-opacity, 0.3); -} -.fc .fc-bg-event .fc-event-title { - margin: 0.5em; - font-size: 0.85em; - font-size: var(--fc-small-font-size, 0.85em); - font-style: italic; -} -.fc .fc-non-business { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(215, 215, 215, 0.3); - background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); -} -.fc .fc-highlight { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(188, 232, 241, 0.3); - background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); -} -.fc .fc-cell-shaded { - background: rgba(208, 208, 208, 0.3); - background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); -} -.fc .fc-day-disabled { - background: rgba(208, 208, 208, 0.3); - background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); -} -.fc .fc-popover { - position: absolute; - z-index: 9999; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); -} -.fc .fc-popover-header { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 3px 4px; -} -.fc .fc-popover-title { - margin: 0 2px; -} -.fc .fc-popover-close { - cursor: pointer; - opacity: 0.65; - font-size: 1.1em; -} -.fc .fc-daygrid-body { - position: relative; - z-index: 1; -} -.fc .fc-daygrid-day.fc-day-today { - background-color: rgba(255, 220, 40, 0.15); - background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); -} -.fc .fc-daygrid-day-frame { - position: relative; - min-height: 100%; -} -.fc .fc-daygrid-day-top { - display: flex; - flex-direction: row-reverse; -} -.fc .fc-day-other .fc-daygrid-day-top { - opacity: 0.3; -} -.fc .fc-daygrid-day-number { - position: relative; - z-index: 4; - padding: 4px; -} -.fc .fc-daygrid-day-events { - margin-top: 1px; -} -.fc .fc-daygrid-body-balanced .fc-daygrid-day-events { - position: absolute; - left: 0; - right: 0; -} -.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { - position: relative; - min-height: 2em; -} -.fc .fc-daygrid-body-natural .fc-daygrid-day-events { - margin-bottom: 1em; -} -.fc .fc-daygrid-event-harness { - position: relative; -} -.fc .fc-daygrid-event-harness-abs { - position: absolute; - top: 0; - left: 0; - right: 0; -} -.fc .fc-daygrid-bg-harness { - position: absolute; - top: 0; - bottom: 0; -} -.fc .fc-daygrid-day-bg .fc-non-business { - z-index: 1; -} -.fc .fc-daygrid-day-bg .fc-bg-event { - z-index: 2; -} -.fc .fc-daygrid-day-bg .fc-highlight { - z-index: 3; -} -.fc .fc-daygrid-event { - z-index: 6; - margin-top: 1px; -} -.fc .fc-daygrid-event.fc-event-mirror { - z-index: 7; -} -.fc .fc-daygrid-day-bottom { - font-size: 0.85em; - padding: 2px 3px 0; -} -.fc .fc-daygrid-day-bottom:before { - content: ""; - clear: both; - display: table; -} -.fc .fc-daygrid-more-link { - position: relative; - z-index: 4; - cursor: pointer; -} -.fc .fc-daygrid-week-number { - position: absolute; - z-index: 5; - top: 0; - padding: 2px; - min-width: 1.5em; - text-align: center; - background-color: rgba(208, 208, 208, 0.3); - background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); - color: #808080; - color: var(--fc-neutral-text-color, #808080); -} -.fc .fc-more-popover .fc-popover-body { - min-width: 220px; - padding: 10px; -} -.fc .fc-timegrid .fc-daygrid-body { - z-index: 2; -} -.fc .fc-timegrid-divider { - padding: 0 0 2px; -} -.fc .fc-timegrid-body { - position: relative; - z-index: 1; - min-height: 100%; -} -.fc .fc-timegrid-axis-chunk { - position: relative; -} -.fc .fc-timegrid-axis-chunk > table { - position: relative; - z-index: 1; -} -.fc .fc-timegrid-slots { - position: relative; - z-index: 1; -} -.fc .fc-timegrid-slot { - height: 1.5em; - border-bottom: 0; -} -.fc .fc-timegrid-slot:empty:before { - content: " "; -} -.fc .fc-timegrid-slot-minor { - border-top-style: dotted; -} -.fc .fc-timegrid-slot-label-cushion { - display: inline-block; - white-space: nowrap; - padding: 0 4px; -} -.fc .fc-timegrid-slot-label { - vertical-align: middle; -} -.fc .fc-timegrid-axis-cushion { - padding: 0 4px; - max-width: 60px; - flex-shrink: 0; -} -.fc .fc-timegrid-axis-frame-liquid { - height: 100%; -} -.fc .fc-timegrid-axis-frame { - overflow: hidden; - display: flex; - align-items: center; - justify-content: flex-end; -} -.fc .fc-timegrid-col.fc-day-today { - background-color: rgba(255, 220, 40, 0.15); - background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); -} -.fc .fc-timegrid-col-frame { - min-height: 100%; - position: relative; -} -.fc .fc-timegrid-col-bg { - z-index: 2; -} -.fc .fc-timegrid-col-bg .fc-non-business { - z-index: 1; -} -.fc .fc-timegrid-col-bg .fc-bg-event { - z-index: 2; -} -.fc .fc-timegrid-col-bg .fc-highlight { - z-index: 3; -} -.fc .fc-timegrid-bg-harness { - position: absolute; - left: 0; - right: 0; -} -.fc .fc-timegrid-col-events { - z-index: 3; -} -.fc .fc-timegrid-now-indicator-container { - bottom: 0; - overflow: hidden; -} -.fc .fc-timegrid-now-indicator-line { - position: absolute; - z-index: 4; - left: 0; - right: 0; - border-style: solid; - border-color: red; - border-color: var(--fc-now-indicator-color, red); - border-width: 1px 0 0; -} -.fc .fc-timegrid-now-indicator-arrow { - position: absolute; - z-index: 4; - margin-top: -5px; - border-style: solid; - border-color: red; - border-color: var(--fc-now-indicator-color, red); -} -.fc .fc-list-empty { - background-color: rgba(208, 208, 208, 0.3); - background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); - height: 100%; - display: flex; - justify-content: center; - align-items: center; -} -.fc .fc-list-empty-cushion { - margin: 5em 0; -} -.fc .fc-list-table { - width: 100%; - border-style: hidden; -} -.fc .fc-list-table tr > * { - border-left: 0; - border-right: 0; -} -.fc .fc-list-table thead { - position: absolute; - left: -10000px; -} -.fc .fc-list-table tbody > tr:first-child th { - border-top: 0; -} -.fc .fc-list-table th { - padding: 0; -} -.fc .fc-list-table td { - padding: 8px 14px; -} -.fc .fc-list-sticky .fc-list-day > * { - position: sticky; - top: 0; - background: #fff; - background: var(--fc-page-bg-color, #fff); -} -.fc .fc-list-day-cushion { - padding: 8px 14px; -} -.fc .fc-list-day-cushion:after { - content: ""; - clear: both; - display: table; -} -.fc .fc-list-event.fc-event-forced-url { - cursor: pointer; -} -.fc .fc-list-event.fc-event-forced-url:hover a { - text-decoration: underline; -} -.fc .fc-list-event:hover td { - background-color: #f5f5f5; - background-color: var(--fc-list-event-hover-bg-color, #f5f5f5); -} -.fc .fc-list-event-graphic { - white-space: nowrap; - width: 1px; -} -.fc .fc-list-event-time { - white-space: nowrap; - width: 1px; -} -.fc .fc-list-event-dot { - display: inline-block; - box-sizing: content-box; - width: 0; - height: 0; - border: 5px solid #7366FF; - border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #7366FF); - border-radius: 5px; - border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); -} -.fc .fc-list-event-title a { - color: inherit; - text-decoration: none; -} - -.fc-direction-ltr { - direction: ltr; - text-align: left; -} -.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.fc-direction-ltr .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { - margin-left: 0.75em; -} -.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-width: 0; -} -.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-width: 0; -} -.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { - cursor: w-resize; - left: -4px; - left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); -} -.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { - cursor: e-resize; - right: -4px; - right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); -} -.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start { - left: -4px; - left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); -} -.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end { - right: -4px; - right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); -} -.fc-direction-ltr .fc-daygrid-event.fc-event-start { - margin-left: 2px; -} -.fc-direction-ltr .fc-daygrid-event.fc-event-end { - margin-right: 2px; -} -.fc-direction-ltr .fc-daygrid-week-number { - left: 0; - border-radius: 0 0 3px 0; -} -.fc-direction-ltr .fc-daygrid-event .fc-event-time { - margin-right: 3px; -} -.fc-direction-ltr .fc-timegrid-slot-label-frame { - text-align: right; -} -.fc-direction-ltr .fc-timegrid-col-events { - margin: 0 2.5% 0 2px; -} -.fc-direction-ltr .fc-timegrid-more-link { - right: 0; -} -.fc-direction-ltr .fc-timegrid-now-indicator-arrow { - left: 0; - border-width: 5px 0 5px 6px; - border-top-color: transparent; - border-bottom-color: transparent; -} -.fc-direction-ltr .fc-list-day-text { - float: left; -} -.fc-direction-ltr .fc-list-day-side-text { - float: right; -} -.fc-direction-ltr .fc-list-table .fc-list-event-graphic { - padding-right: 0; -} - -.fc-direction-rtl { - direction: rtl; - text-align: right; -} -.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { - margin-right: -1px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.fc-direction-rtl .fc-direction-rtl .fc-toolbar > * > :not(:first-child) { - margin-right: 0.75em; -} -.fc-direction-rtl .fc-toolbar-ltr { - flex-direction: row-reverse; -} -.fc-direction-rtl .fc-scroller-harness > .fc-scroller { - direction: rtl; -} -.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-width: 0; -} -.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-width: 0; -} -.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { - cursor: w-resize; - left: -4px; - left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); -} -.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { - cursor: e-resize; - right: -4px; - right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); -} -.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { - left: -4px; - left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); -} -.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { - right: -4px; - right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); -} -.fc-direction-rtl .fc-daygrid-event.fc-event-end { - margin-left: 2px; -} -.fc-direction-rtl .fc-daygrid-event.fc-event-start { - margin-right: 2px; -} -.fc-direction-rtl .fc-daygrid-week-number { - right: 0; - border-radius: 0 0 0 3px; -} -.fc-direction-rtl .fc-daygrid-event .fc-event-time { - margin-left: 3px; -} -.fc-direction-rtl .fc-timegrid-slot-label-frame { - text-align: left; -} -.fc-direction-rtl .fc-timegrid-col-events { - margin: 0 2px 0 2.5%; -} -.fc-direction-rtl .fc-timegrid-more-link { - left: 0; -} -.fc-direction-rtl .fc-timegrid-now-indicator-arrow { - right: 0; - border-width: 5px 6px 5px 0; - border-top-color: transparent; - border-bottom-color: transparent; -} -.fc-direction-rtl .fc-list-day-side-text { - float: left; -} -.fc-direction-rtl .fc-list-day-text { - float: right; -} -.fc-direction-rtl .fc-list-table .fc-list-event-graphic { - padding-left: 0; -} - -.fc-theme-standard td { - border: 1px solid #ddd; - border: 1px solid var(--fc-border-color, #ddd); -} -.fc-theme-standard th { - border: 1px solid #ddd; - border: 1px solid var(--fc-border-color, #ddd); -} -.fc-theme-standard .fc-scrollgrid { - border: 1px solid #ddd; - border: 1px solid var(--fc-border-color, #ddd); -} -.fc-theme-standard .fc-popover { - border: 1px solid #ddd; - border: 1px solid var(--fc-border-color, #ddd); - background: #fff; - background: var(--fc-page-bg-color, #fff); -} -.fc-theme-standard .fc-popover-header { - background: rgba(208, 208, 208, 0.3); - background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); -} -.fc-theme-standard .fc-list { - border: 1px solid #ddd; - border: 1px solid var(--fc-border-color, #ddd); -} -.fc-theme-standard .fc-list-day-cushion { - background-color: rgba(208, 208, 208, 0.3); - background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); -} - -.fc-liquid-hack td { - position: relative; -} -.fc-liquid-hack th { - position: relative; -} -.fc-liquid-hack .fc-daygrid-day-frame { - position: static; -} -.fc-liquid-hack .fc-timegrid-axis-frame-liquid { - height: auto; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} - -.fc-icon { - display: inline-block; - width: 1em; - height: 1em; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-family: "fcicons" !important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.fc-icon-chevron-left:before { - content: "\e900"; -} - -.fc-icon-chevron-right:before { - content: "\e901"; -} - -.fc-icon-chevrons-left:before { - content: "\e902"; -} - -.fc-icon-chevrons-right:before { - content: "\e903"; -} - -.fc-icon-minus-square:before { - content: "\e904"; -} - -.fc-icon-plus-square:before { - content: "\e905"; -} - -.fc-icon-x:before { - content: "\e906"; -} - -.fc-sticky { - position: sticky; -} - -a.fc-event { - text-decoration: none; -} -a.fc-event:hover { - text-decoration: none; -} - -.fc-event[href] { - cursor: pointer; -} - -.fc-event.fc-event-draggable { - cursor: pointer; -} - -.fc-event .fc-event-main { - position: relative; - z-index: 2; -} -.fc-event .fc-event-resizer { - display: none; - position: absolute; - z-index: 4; -} -.fc-event:hover .fc-event-resizer { - display: block; -} -.fc-event:focus { - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -} -.fc-event:focus:before { - content: ""; - position: absolute; - z-index: 3; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.fc-event:focus:after { - content: ""; - background: rgba(0, 0, 0, 0.25); - background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); - position: absolute; - z-index: 1; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; -} - -.fc-event-dragging:not(.fc-event-selected) { - opacity: 0.75; -} - -.fc-event-dragging.fc-event-selected { - box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); -} - -.fc-event-selected { - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -} -.fc-event-selected .fc-event-resizer { - display: block; - border-radius: 4px; - border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); - border-width: 1px; - border-width: var(--fc-event-resizer-dot-border-width, 1px); - width: 8px; - width: var(--fc-event-resizer-dot-total-width, 8px); - height: 8px; - height: var(--fc-event-resizer-dot-total-width, 8px); - border-style: solid; - border-color: inherit; - background: #fff; - background: var(--fc-page-bg-color, #fff); -} -.fc-event-selected .fc-event-resizer:before { - content: ""; - position: absolute; - top: -20px; - left: -20px; - right: -20px; - bottom: -20px; -} -.fc-event-selected:before { - content: ""; - position: absolute; - z-index: 3; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.fc-event-selected:after { - content: ""; - background: rgba(0, 0, 0, 0.25); - background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); - position: absolute; - z-index: 1; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; -} - -.fc-h-event { - display: block; - border: 1px solid #7366FF; - border: 1px solid var(--fc-event-border-color, #7366FF); - background-color: #7366FF; - background-color: var(--fc-event-bg-color, #7366FF); -} -.fc-h-event .fc-event-main { - color: #fff; - color: var(--fc-event-text-color, #fff); -} -.fc-h-event .fc-event-main-frame { - display: flex; -} -.fc-h-event .fc-event-time { - max-width: 100%; - overflow: hidden; -} -.fc-h-event .fc-event-title-container { - flex-grow: 1; - flex-shrink: 1; - min-width: 0; -} -.fc-h-event .fc-event-title { - display: inline-block; - vertical-align: top; - left: 0; - right: 0; - max-width: 100%; - overflow: hidden; -} -.fc-h-event:not(.fc-event-selected) .fc-event-resizer { - top: 0; - bottom: 0; - width: 8px; - width: var(--fc-event-resizer-thickness, 8px); -} - -.fc-h-event.fc-event-selected:before { - top: -10px; - bottom: -10px; -} -.fc-h-event.fc-event-selected .fc-event-resizer { - top: 50%; - margin-top: -4px; - margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); -} - -:root { - --fc-daygrid-event-dot-width: 8px; - --fc-list-event-dot-width: 10px; - --fc-list-event-hover-bg-color: #f5f5f5; -} - -.fc-daygrid-day-frame:before { - content: ""; - clear: both; - display: table; -} -.fc-daygrid-day-frame:after { - content: ""; - clear: both; - display: table; -} - -.fc-daygrid-day-events:before { - content: ""; - clear: both; - display: table; -} -.fc-daygrid-day-events:after { - content: ""; - clear: both; - display: table; -} - -.fc-daygrid-event-harness:before { - content: ""; - clear: both; - display: table; -} -.fc-daygrid-event-harness:after { - content: ""; - clear: both; - display: table; -} - -.fc-daygrid-event { - position: relative; - white-space: nowrap; - border-radius: 3px; - font-size: 0.85em; - font-size: var(--fc-small-font-size, 0.85em); -} - -.fc-daygrid-block-event .fc-event-time { - font-weight: bold; - padding: 1px; -} -.fc-daygrid-block-event .fc-event-title { - padding: 1px; -} - -.fc-daygrid-dot-event { - display: flex; - align-items: center; - padding: 2px 0; -} -.fc-daygrid-dot-event .fc-event-title { - flex-grow: 1; - flex-shrink: 1; - min-width: 0; - overflow: hidden; - font-weight: bold; -} -.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.1); -} - -.fc-daygrid-dot-event.fc-event-mirror { - background: rgba(0, 0, 0, 0.1); -} - -.fc-daygrid-dot-event.fc-event-selected:before { - top: -10px; - bottom: -10px; -} - -.fc-daygrid-event-dot { - margin: 0 4px; - box-sizing: content-box; - width: 0; - height: 0; - border: 4px solid #7366FF; - border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #7366FF); - border-radius: 4px; - border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); -} - -.fc-v-event { - display: block; - border: 1px solid #7366FF; - border: 1px solid var(--fc-event-border-color, #7366FF); - background-color: #7366FF; - background-color: var(--fc-event-bg-color, #7366FF); -} -.fc-v-event .fc-event-main { - color: #fff; - color: var(--fc-event-text-color, #fff); - height: 100%; -} -.fc-v-event .fc-event-main-frame { - height: 100%; - display: flex; - flex-direction: column; -} -.fc-v-event .fc-event-time { - flex-grow: 0; - flex-shrink: 0; - max-height: 100%; - overflow: hidden; -} -.fc-v-event .fc-event-title-container { - flex-grow: 1; - flex-shrink: 1; - min-height: 0; -} -.fc-v-event .fc-event-title { - top: 0; - bottom: 0; - max-height: 100%; - overflow: hidden; -} -.fc-v-event:not(.fc-event-start) { - border-top-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.fc-v-event:not(.fc-event-end) { - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.fc-v-event .fc-event-resizer-start { - cursor: n-resize; -} -.fc-v-event .fc-event-resizer-end { - cursor: s-resize; -} -.fc-v-event:not(.fc-event-selected) .fc-event-resizer { - height: 8px; - height: var(--fc-event-resizer-thickness, 8px); - left: 0; - right: 0; -} -.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { - top: -4px; - top: calc(var(--fc-event-resizer-thickness, 8px) / -2); -} -.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { - bottom: -4px; - bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); -} - -.fc-v-event.fc-event-selected:before { - left: -10px; - right: -10px; -} -.fc-v-event.fc-event-selected .fc-event-resizer { - left: 50%; - margin-left: -4px; - margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); -} -.fc-v-event.fc-event-selected .fc-event-resizer-start { - top: -4px; - top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); -} -.fc-v-event.fc-event-selected .fc-event-resizer-end { - bottom: -4px; - bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); -} - -.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame { - height: auto; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} - -.fc-media-screen .fc-timegrid-cols { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.fc-media-screen .fc-timegrid-cols > table { - height: 100%; -} -.fc-media-screen .fc-timegrid-col-bg { - position: absolute; - top: 0; - left: 0; - right: 0; -} -.fc-media-screen .fc-timegrid-col-events { - position: absolute; - top: 0; - left: 0; - right: 0; -} -.fc-media-screen .fc-timegrid-now-indicator-container { - position: absolute; - top: 0; - left: 0; - right: 0; -} - -.fc-timegrid-event-harness { - position: absolute; -} -.fc-timegrid-event-harness > .fc-timegrid-event { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -.fc-timegrid-event-harness-inset .fc-timegrid-event { - box-shadow: 0px 0px 0px 1px #fff; - box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); -} - -.fc-timegrid-event.fc-event-mirror { - box-shadow: 0px 0px 0px 1px #fff; - box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); -} - -.fc-timegrid-more-link { - box-shadow: 0px 0px 0px 1px #fff; - box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); - font-size: 0.85em; - font-size: var(--fc-small-font-size, 0.85em); - border-radius: 3px; - position: absolute; - z-index: 9999; - color: inherit; - color: var(--fc-more-link-text-color, inherit); - background: #d0d0d0; - background: var(--fc-more-link-bg-color, #d0d0d0); - cursor: pointer; - margin-bottom: 1px; -} - -.fc-timegrid-event { - font-size: 0.85em; - font-size: var(--fc-small-font-size, 0.85em); - border-radius: 3px; - margin-bottom: 1px; -} -.fc-timegrid-event .fc-event-main { - padding: 1px 1px 0; -} -.fc-timegrid-event .fc-event-time { - white-space: nowrap; - font-size: 0.85em; - font-size: var(--fc-small-font-size, 0.85em); - margin-bottom: 1px; -} - -.fc-timegrid-event-short .fc-event-main-frame { - flex-direction: row; - overflow: hidden; -} -.fc-timegrid-event-short .fc-event-time:after { - content: " - "; -} -.fc-timegrid-event-short .fc-event-title { - font-size: 0.85em; - font-size: var(--fc-small-font-size, 0.85em); -} - -.fc-timegrid-more-link-inner { - padding: 3px 2px; - top: 0; -} - -.fc-theme-bootstrap a:not([href]) { - color: inherit; -} - -.fc-theme-bootstrap5 a:not([href]) { - color: inherit; - text-decoration: inherit; -} -.fc-theme-bootstrap5 .fc-list { - border: 1px solid var(--bs-gray-400); -} -.fc-theme-bootstrap5 .fc-scrollgrid { - border: 1px solid var(--bs-gray-400); - border-right-width: 0; - border-bottom-width: 0; -} -.fc-theme-bootstrap5 td { - border: 1px solid var(--bs-gray-400); -} -.fc-theme-bootstrap5 th { - border: 1px solid var(--bs-gray-400); -} - -.fc-theme-bootstrap5-shaded { - background-color: var(--bs-gray-200); -} \ No newline at end of file diff --git a/assets/css/vendors/chartist.css b/assets/css/vendors/chartist.css deleted file mode 100644 index cd11d1e..0000000 --- a/assets/css/vendors/chartist.css +++ /dev/null @@ -1,716 +0,0 @@ -.ct-label { - fill: rgba(0, 0, 0, 0.4); - color: rgba(0, 0, 0, 0.4); - font-size: 0.75rem; - line-height: 1; -} - -.ct-chart-line .ct-label, -.ct-chart-bar .ct-label { - display: block; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; -} - -.ct-chart-pie .ct-label, -.ct-chart-donut .ct-label { - dominant-baseline: central; -} - -.ct-label.ct-horizontal.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; -} - -.ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; -} - -.ct-label.ct-vertical.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-end; - -webkit-justify-content: flex-end; - -ms-flex-pack: flex-end; - justify-content: flex-end; - text-align: right; - text-anchor: end; -} - -.ct-label.ct-vertical.ct-end { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; -} - -.ct-chart-bar .ct-label.ct-horizontal.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - text-anchor: start; -} - -.ct-chart-bar .ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - text-anchor: start; -} - -.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; -} - -.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; -} - -.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: flex-end; - -webkit-justify-content: flex-end; - -ms-flex-pack: flex-end; - justify-content: flex-end; - text-align: right; - text-anchor: end; -} - -.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: end; -} - -.ct-grid { - stroke: rgba(0, 0, 0, 0.2); - stroke-width: 1px; - stroke-dasharray: 2px; -} - -.ct-grid-background { - fill: none; -} - -.ct-point { - stroke-width: 10px; - stroke-linecap: round; -} - -.ct-line { - fill: none; - stroke-width: 4px; -} - -.ct-area { - stroke: none; - fill-opacity: 0.1; -} - -.ct-bar { - fill: none; - stroke-width: 10px; -} - -.ct-slice-donut { - fill: none; - stroke-width: 60px; -} - -.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { - fill: #7366ff; -} - -.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { - stroke: #f73164; -} -.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { - fill: #f73164; -} - -.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { - stroke: #51bb25; -} -.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { - fill: #51bb25; -} - -.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { - stroke: #f8d62b; -} -.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { - fill: #f8d62b; -} - -.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { - stroke: #f8d62b; -} -.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { - fill: #f8d62b; -} - -.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { - stroke: #dc3545; -} -.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { - fill: #dc3545; -} - -.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { - fill: #7366ff; -} - -.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { - fill: #7366ff; -} - -.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { - fill: #7366ff; -} - -.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { - fill: #7366ff; -} - -.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { - fill: #7366ff; -} - -.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { - fill: #7366ff; -} - -.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { - fill: #7366ff; -} - -.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { - fill: #7366ff; -} - -.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { - stroke: #7366ff; -} -.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { - fill: #7366ff; -} - -.ct-square { - display: block; - position: relative; - width: 100%; -} -.ct-square:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 100%; -} -.ct-square:after { - content: ""; - display: table; - clear: both; -} -.ct-square > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-minor-second { - display: block; - position: relative; - width: 100%; -} -.ct-minor-second:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 93.75%; -} -.ct-minor-second:after { - content: ""; - display: table; - clear: both; -} -.ct-minor-second > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-second { - display: block; - position: relative; - width: 100%; -} -.ct-major-second:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 88.8888888889%; -} -.ct-major-second:after { - content: ""; - display: table; - clear: both; -} -.ct-major-second > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-minor-third { - display: block; - position: relative; - width: 100%; -} -.ct-minor-third:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 83.3333333333%; -} -.ct-minor-third:after { - content: ""; - display: table; - clear: both; -} -.ct-minor-third > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-third { - display: block; - position: relative; - width: 100%; -} -.ct-major-third:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 80%; -} -.ct-major-third:after { - content: ""; - display: table; - clear: both; -} -.ct-major-third > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-perfect-fourth { - display: block; - position: relative; - width: 100%; -} -.ct-perfect-fourth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 75%; -} -.ct-perfect-fourth:after { - content: ""; - display: table; - clear: both; -} -.ct-perfect-fourth > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-perfect-fifth { - display: block; - position: relative; - width: 100%; -} -.ct-perfect-fifth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 66.6666666667%; -} -.ct-perfect-fifth:after { - content: ""; - display: table; - clear: both; -} -.ct-perfect-fifth > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-minor-sixth { - display: block; - position: relative; - width: 100%; -} -.ct-minor-sixth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 62.5%; -} -.ct-minor-sixth:after { - content: ""; - display: table; - clear: both; -} -.ct-minor-sixth > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-golden-section { - display: block; - position: relative; - width: 100%; -} -.ct-golden-section:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 61.804697157%; -} -.ct-golden-section:after { - content: ""; - display: table; - clear: both; -} -.ct-golden-section > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-sixth { - display: block; - position: relative; - width: 100%; -} -.ct-major-sixth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 60%; -} -.ct-major-sixth:after { - content: ""; - display: table; - clear: both; -} -.ct-major-sixth > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-minor-seventh { - display: block; - position: relative; - width: 100%; -} -.ct-minor-seventh:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 56.25%; -} -.ct-minor-seventh:after { - content: ""; - display: table; - clear: both; -} -.ct-minor-seventh > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-seventh { - display: block; - position: relative; - width: 100%; -} -.ct-major-seventh:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 53.3333333333%; -} -.ct-major-seventh:after { - content: ""; - display: table; - clear: both; -} -.ct-major-seventh > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-octave { - display: block; - position: relative; - width: 100%; -} -.ct-octave:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 50%; -} -.ct-octave:after { - content: ""; - display: table; - clear: both; -} -.ct-octave > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-tenth { - display: block; - position: relative; - width: 100%; -} -.ct-major-tenth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 40%; -} -.ct-major-tenth:after { - content: ""; - display: table; - clear: both; -} -.ct-major-tenth > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-eleventh { - display: block; - position: relative; - width: 100%; -} -.ct-major-eleventh:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 37.5%; -} -.ct-major-eleventh:after { - content: ""; - display: table; - clear: both; -} -.ct-major-eleventh > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-major-twelfth { - display: block; - position: relative; - width: 100%; -} -.ct-major-twelfth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 33.3333333333%; -} -.ct-major-twelfth:after { - content: ""; - display: table; - clear: both; -} -.ct-major-twelfth > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} - -.ct-double-octave { - display: block; - position: relative; - width: 100%; -} -.ct-double-octave:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 25%; -} -.ct-double-octave:after { - content: ""; - display: table; - clear: both; -} -.ct-double-octave > svg { - display: block; - position: absolute; - top: 0; - left: 0; -} \ No newline at end of file diff --git a/assets/css/vendors/datatable-extension.css b/assets/css/vendors/datatable-extension.css deleted file mode 100644 index 0919b46..0000000 --- a/assets/css/vendors/datatable-extension.css +++ /dev/null @@ -1,1414 +0,0 @@ -@charset "UTF-8"; -/*button bootstrap4 css*/ -@keyframes dtb-spinner { - 100% { - transform: rotate(360deg); - } -} -@-o-keyframes dtb-spinner { - 100% { - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-ms-keyframes dtb-spinner { - 100% { - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes dtb-spinner { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-moz-keyframes dtb-spinner { - 100% { - -moz-transform: rotate(360deg); - transform: rotate(360deg); - } -} -div.dt-button-info { - position: fixed; - top: 50%; - left: 50%; - width: 400px; - margin-top: -100px; - margin-left: -200px; - background-color: white; - border: 2px solid #111; - box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); - border-radius: 3px; - text-align: center; - z-index: 21; -} -div.dt-button-info h2 { - padding: 0.5em; - margin: 0; - font-weight: normal; - border-bottom: 1px solid #ddd; - background-color: #f3f3f3; -} -div.dt-button-info > div { - padding: 1em; -} - -ul.dt-button-collection.dropdown-menu { - display: block; - z-index: 2002; - -webkit-column-gap: 8px; - -moz-column-gap: 8px; - -ms-column-gap: 8px; - -o-column-gap: 8px; - column-gap: 8px; -} -ul.dt-button-collection.dropdown-menu.fixed { - position: fixed; - top: 50%; - left: 50%; - margin-left: -75px; - border-radius: 0; -} -ul.dt-button-collection.dropdown-menu.fixed.two-column { - margin-left: -150px; -} -ul.dt-button-collection.dropdown-menu.fixed.three-column { - margin-left: -225px; -} -ul.dt-button-collection.dropdown-menu.fixed.four-column { - margin-left: -300px; -} -ul.dt-button-collection.dropdown-menu > * { - -webkit-column-break-inside: avoid; - break-inside: avoid; -} -ul.dt-button-collection.dropdown-menu.two-column { - width: 300px; - padding-bottom: 1px; - -webkit-column-count: 2; - -moz-column-count: 2; - -ms-column-count: 2; - -o-column-count: 2; - column-count: 2; -} -ul.dt-button-collection.dropdown-menu.three-column { - width: 450px; - padding-bottom: 1px; - -webkit-column-count: 3; - -moz-column-count: 3; - -ms-column-count: 3; - -o-column-count: 3; - column-count: 3; -} -ul.dt-button-collection.dropdown-menu.four-column { - width: 600px; - padding-bottom: 1px; - -webkit-column-count: 4; - -moz-column-count: 4; - -ms-column-count: 4; - -o-column-count: 4; - column-count: 4; -} -ul.dt-button-collection.dropdown-menu .dt-button { - border-radius: 0; -} - -ul.dt-button-collection { - -webkit-column-gap: 8px; - -moz-column-gap: 8px; - -ms-column-gap: 8px; - -o-column-gap: 8px; - column-gap: 8px; -} -ul.dt-button-collection.fixed { - position: fixed; - top: 50%; - left: 50%; - margin-left: -75px; - border-radius: 0; -} -ul.dt-button-collection.fixed.two-column { - margin-left: -150px; -} -ul.dt-button-collection.fixed.three-column { - margin-left: -225px; -} -ul.dt-button-collection.fixed.four-column { - margin-left: -300px; -} -ul.dt-button-collection > * { - -webkit-column-break-inside: avoid; - break-inside: avoid; -} -ul.dt-button-collection.two-column { - width: 300px; - padding-bottom: 1px; - -webkit-column-count: 2; - -moz-column-count: 2; - -ms-column-count: 2; - -o-column-count: 2; - column-count: 2; -} -ul.dt-button-collection.three-column { - width: 450px; - padding-bottom: 1px; - -webkit-column-count: 3; - -moz-column-count: 3; - -ms-column-count: 3; - -o-column-count: 3; - column-count: 3; -} -ul.dt-button-collection.four-column { - width: 600px; - padding-bottom: 1px; - -webkit-column-count: 4; - -moz-column-count: 4; - -ms-column-count: 4; - -o-column-count: 4; - column-count: 4; -} -ul.dt-button-collection .dt-button { - border-radius: 0; -} -ul.dt-button-collection.fixed { - max-width: none; -} -ul.dt-button-collection.fixed:before, ul.dt-button-collection.fixed:after { - display: none; -} - -div.dt-button-background { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 999; -} - -@media screen and (max-width: 767px) { - div.dt-buttons { - float: none; - width: 100%; - text-align: center; - margin-bottom: 0.5em; - } - div.dt-buttons a.btn { - float: none; - } -} -div.dt-buttons button.btn.processing, -div.dt-buttons div.btn.processing, -div.dt-buttons a.btn.processing { - color: rgba(0, 0, 0, 0.2); -} -div.dt-buttons button.btn.processing:after, -div.dt-buttons div.btn.processing:after, -div.dt-buttons a.btn.processing:after { - position: absolute; - top: 50%; - left: 50%; - width: 16px; - height: 16px; - margin: -8px 0 0 -8px; - box-sizing: border-box; - display: block; - content: " "; - border: 2px solid rgb(40, 40, 40); - border-radius: 50%; - border-left-color: transparent; - border-right-color: transparent; - animation: dtb-spinner 1500ms infinite linear; - -o-animation: dtb-spinner 1500ms infinite linear; - -ms-animation: dtb-spinner 1500ms infinite linear; - -webkit-animation: dtb-spinner 1500ms infinite linear; - -moz-animation: dtb-spinner 1500ms infinite linear; -} - -/*button bootstrap4 css*/ -/*buttons datatable css*/ -@keyframes dtb-spinner { - 100% { - transform: rotate(360deg); - } -} -@-o-keyframes dtb-spinner { - 100% { - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-ms-keyframes dtb-spinner { - 100% { - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes dtb-spinner { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-moz-keyframes dtb-spinner { - 100% { - -moz-transform: rotate(360deg); - transform: rotate(360deg); - } -} -div.dt-button-info { - position: fixed; - top: 50%; - left: 50%; - width: 400px; - margin-top: -100px; - margin-left: -200px; - background-color: white; - border: 2px solid #111; - box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); - border-radius: 3px; - text-align: center; - z-index: 21; -} -div.dt-button-info h2 { - padding: 0.5em; - margin: 0; - font-weight: normal; - border-bottom: 1px solid #ddd; - background-color: #f3f3f3; -} -div.dt-button-info > div { - padding: 1em; -} - -button.dt-button, -div.dt-button, -a.dt-button { - position: relative; - display: inline-block; - box-sizing: border-box; - margin-right: 0.333em; - margin-bottom: 0.333em; - padding: 0.5em 1em; - border: 1px solid #999; - border-radius: 2px; - cursor: pointer; - font-size: 0.88em; - line-height: 1.6em; - color: black; - white-space: nowrap; - overflow: hidden; - background-color: #e9e9e9; /* Fallback */ - background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%); /* IE10 */ - background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9"); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-decoration: none; - outline: none; -} -button.dt-button.disabled, -div.dt-button.disabled, -a.dt-button.disabled { - color: #999; - border: 1px solid #d0d0d0; - cursor: default; - background-color: #f9f9f9; /* Fallback */ - background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* IE10 */ - background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ffffff", EndColorStr="#f9f9f9"); -} -button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), -div.dt-button:active:not(.disabled), -div.dt-button.active:not(.disabled), -a.dt-button:active:not(.disabled), -a.dt-button.active:not(.disabled) { - background-color: #e2e2e2; /* Fallback */ - background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* IE10 */ - background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2"); - box-shadow: inset 1px 1px 3px #999999; -} -button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), -div.dt-button:active:not(.disabled):hover:not(.disabled), -div.dt-button.active:not(.disabled):hover:not(.disabled), -a.dt-button:active:not(.disabled):hover:not(.disabled), -a.dt-button.active:not(.disabled):hover:not(.disabled) { - box-shadow: inset 1px 1px 3px #999999; - background-color: #cccccc; /* Fallback */ - background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* IE10 */ - background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc"); -} -button.dt-button:hover, -div.dt-button:hover, -a.dt-button:hover { - text-decoration: none; -} -button.dt-button:hover:not(.disabled), -div.dt-button:hover:not(.disabled), -a.dt-button:hover:not(.disabled) { - border: 1px solid #666; - background-color: #e0e0e0; /* Fallback */ - background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* IE10 */ - background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f9f9f9", EndColorStr="#e0e0e0"); -} -button.dt-button:focus:not(.disabled), -div.dt-button:focus:not(.disabled), -a.dt-button:focus:not(.disabled) { - border: 1px solid #426c9e; - text-shadow: 0 1px 0 #c4def1; - outline: none; - background-color: #79ace9; /* Fallback */ - background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* IE10 */ - background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#bddef4", EndColorStr="#79ace9"); -} - -.dt-button embed { - outline: none; -} - -div.dt-buttons { - position: relative; - float: left; -} -div.dt-buttons.buttons-right { - float: right; -} - -div.dt-button-collection { - position: absolute; - top: 0; - left: 0; - width: 150px; - margin-top: 3px; - padding: 8px 8px 4px 8px; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.4); - background-color: white; - overflow: hidden; - z-index: 2002; - border-radius: 5px; - box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); - -webkit-column-gap: 8px; - -moz-column-gap: 8px; - -ms-column-gap: 8px; - -o-column-gap: 8px; - column-gap: 8px; -} -div.dt-button-collection button.dt-button, -div.dt-button-collection div.dt-button, -div.dt-button-collection a.dt-button { - position: relative; - left: 0; - right: 0; - width: 100%; - display: block; - float: none; - margin-bottom: 4px; - margin-right: 0; -} -div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), -div.dt-button-collection div.dt-button:active:not(.disabled), -div.dt-button-collection div.dt-button.active:not(.disabled), -div.dt-button-collection a.dt-button:active:not(.disabled), -div.dt-button-collection a.dt-button.active:not(.disabled) { - background-color: #dadada; /* Fallback */ - background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* FF3.6 */ - background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* IE10 */ - background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada"); - box-shadow: inset 1px 1px 3px #666; -} -div.dt-button-collection.fixed { - position: fixed; - top: 50%; - left: 50%; - margin-left: -75px; - border-radius: 0; -} -div.dt-button-collection.fixed.two-column { - margin-left: -150px; -} -div.dt-button-collection.fixed.three-column { - margin-left: -225px; -} -div.dt-button-collection.fixed.four-column { - margin-left: -300px; -} -div.dt-button-collection > * { - -webkit-column-break-inside: avoid; - break-inside: avoid; -} -div.dt-button-collection.two-column { - width: 300px; - padding-bottom: 1px; - -webkit-column-count: 2; - -moz-column-count: 2; - -ms-column-count: 2; - -o-column-count: 2; - column-count: 2; -} -div.dt-button-collection.three-column { - width: 450px; - padding-bottom: 1px; - -webkit-column-count: 3; - -moz-column-count: 3; - -ms-column-count: 3; - -o-column-count: 3; - column-count: 3; -} -div.dt-button-collection.four-column { - width: 600px; - padding-bottom: 1px; - -webkit-column-count: 4; - -moz-column-count: 4; - -ms-column-count: 4; - -o-column-count: 4; - column-count: 4; -} -div.dt-button-collection .dt-button { - border-radius: 0; -} - -div.dt-button-background { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.7); /* Fallback */ - background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ - background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ - background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ - background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ - background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ - background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ - z-index: 2001; -} - -@media screen and (max-width: 640px) { - div.dt-buttons { - float: none !important; - text-align: center; - } -} -button.dt-button.processing, -div.dt-button.processing, -a.dt-button.processing { - color: rgba(0, 0, 0, 0.2); -} -button.dt-button.processing:after, -div.dt-button.processing:after, -a.dt-button.processing:after { - position: absolute; - top: 50%; - left: 50%; - width: 16px; - height: 16px; - margin: -8px 0 0 -8px; - box-sizing: border-box; - display: block; - content: " "; - border: 2px solid rgb(40, 40, 40); - border-radius: 50%; - border-left-color: transparent; - border-right-color: transparent; - animation: dtb-spinner 1500ms infinite linear; - -o-animation: dtb-spinner 1500ms infinite linear; - -ms-animation: dtb-spinner 1500ms infinite linear; - -webkit-animation: dtb-spinner 1500ms infinite linear; - -moz-animation: dtb-spinner 1500ms infinite linear; -} - -/*buttons datatable css*/ -/*buttons jqueryui css*/ -@keyframes dtb-spinner { - 100% { - transform: rotate(360deg); - } -} -@-o-keyframes dtb-spinner { - 100% { - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-ms-keyframes dtb-spinner { - 100% { - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes dtb-spinner { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-moz-keyframes dtb-spinner { - 100% { - -moz-transform: rotate(360deg); - transform: rotate(360deg); - } -} -div.dt-button-info { - position: fixed; - top: 50%; - left: 50%; - width: 400px; - margin-top: -100px; - margin-left: -200px; - background-color: white; - border: 2px solid #111; - box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); - border-radius: 3px; - text-align: center; - z-index: 21; -} -div.dt-button-info h2 { - padding: 0.5em; - margin: 0; - font-weight: normal; - border-bottom: 1px solid #ddd; - background-color: #f3f3f3; -} -div.dt-button-info > div { - padding: 1em; -} - -div.dt-buttons { - position: relative; - float: left; -} -div.dt-buttons .dt-button { - margin-right: 0; -} -div.dt-buttons .dt-button span.ui-icon { - display: inline-block; - vertical-align: middle; - margin-top: -2px; -} -div.dt-buttons .dt-button:active { - outline: none; -} -div.dt-buttons .dt-button:hover > span { - background-color: rgba(0, 0, 0, 0.05); -} - -div.dt-button-collection { - position: absolute; - top: 0; - left: 0; - width: 150px; - margin-top: 3px; - padding: 8px 8px 4px 8px; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.4); - background-color: #f3f3f3; - background-color: rgba(255, 255, 255, 0.3); - overflow: hidden; - z-index: 2002; - border-radius: 5px; - box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); - z-index: 2002; - -webkit-column-gap: 8px; - -moz-column-gap: 8px; - -ms-column-gap: 8px; - -o-column-gap: 8px; - column-gap: 8px; - -webkit-column-gap: 0; - -moz-column-gap: 0; - -ms-column-gap: 0; - -o-column-gap: 0; - column-gap: 0; -} -div.dt-button-collection .dt-button { - position: relative; - left: 0; - right: 0; - width: 100%; - display: block; - float: none; - margin-right: 0; - margin-bottom: 4px; -} -div.dt-button-collection .dt-button:hover > span { - background-color: rgba(0, 0, 0, 0.05); -} -div.dt-button-collection.fixed { - position: fixed; - top: 50%; - left: 50%; - margin-left: -75px; - border-radius: 0; -} -div.dt-button-collection.fixed.two-column { - margin-left: -150px; -} -div.dt-button-collection.fixed.three-column { - margin-left: -225px; -} -div.dt-button-collection.fixed.four-column { - margin-left: -300px; -} -div.dt-button-collection > * { - -webkit-column-break-inside: avoid; - break-inside: avoid; -} -div.dt-button-collection.two-column { - width: 300px; - padding-bottom: 1px; - -webkit-column-count: 2; - -moz-column-count: 2; - -ms-column-count: 2; - -o-column-count: 2; - column-count: 2; -} -div.dt-button-collection.three-column { - width: 450px; - padding-bottom: 1px; - -webkit-column-count: 3; - -moz-column-count: 3; - -ms-column-count: 3; - -o-column-count: 3; - column-count: 3; -} -div.dt-button-collection.four-column { - width: 600px; - padding-bottom: 1px; - -webkit-column-count: 4; - -moz-column-count: 4; - -ms-column-count: 4; - -o-column-count: 4; - column-count: 4; -} -div.dt-button-collection .dt-button { - border-radius: 0; -} - -div.dt-button-background { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.7); /* Fallback */ - background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ - background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ - background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ - background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ - background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ - background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ - z-index: 2001; -} - -@media screen and (max-width: 640px) { - div.dt-buttons { - float: none !important; - text-align: center; - } -} -button.dt-button.processing, -div.dt-button.processing, -a.dt-button.processing { - color: rgba(0, 0, 0, 0.2); -} -button.dt-button.processing:after, -div.dt-button.processing:after, -a.dt-button.processing:after { - position: absolute; - top: 50%; - left: 50%; - width: 16px; - height: 16px; - margin: -8px 0 0 -8px; - box-sizing: border-box; - display: block; - content: " "; - border: 2px solid rgb(40, 40, 40); - border-radius: 50%; - border-left-color: transparent; - border-right-color: transparent; - animation: dtb-spinner 1500ms infinite linear; - -o-animation: dtb-spinner 1500ms infinite linear; - -ms-animation: dtb-spinner 1500ms infinite linear; - -webkit-animation: dtb-spinner 1500ms infinite linear; - -moz-animation: dtb-spinner 1500ms infinite linear; -} - -/*buttons jqueryui css*/ -/*buttons semanticui css*/ -@keyframes dtb-spinner { - 100% { - transform: rotate(360deg); - } -} -@-o-keyframes dtb-spinner { - 100% { - -o-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-ms-keyframes dtb-spinner { - 100% { - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes dtb-spinner { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-moz-keyframes dtb-spinner { - 100% { - -moz-transform: rotate(360deg); - transform: rotate(360deg); - } -} -div.dt-button-info { - position: fixed; - top: 50%; - left: 50%; - width: 400px; - margin-top: -100px; - margin-left: -200px; - background-color: white; - border: 2px solid #111; - box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); - border-radius: 3px; - text-align: center; - z-index: 21; -} -div.dt-button-info h2 { - padding: 0.5em; - margin: 0; - font-weight: normal; - border-bottom: 1px solid #ddd; - background-color: #f3f3f3; -} -div.dt-button-info > div { - padding: 1em; -} - -div.dt-button-collection { - position: absolute; - top: 0; - left: 0; - width: 150px; - margin-top: 3px !important; - z-index: 2002; - background: white; - -webkit-column-gap: 8px; - -moz-column-gap: 8px; - -ms-column-gap: 8px; - -o-column-gap: 8px; - column-gap: 8px; -} -div.dt-button-collection.fixed { - position: fixed; - top: 50%; - left: 50%; - margin-left: -75px; - border-radius: 0; -} -div.dt-button-collection.fixed.two-column { - margin-left: -150px; -} -div.dt-button-collection.fixed.three-column { - margin-left: -225px; -} -div.dt-button-collection.fixed.four-column { - margin-left: -300px; -} -div.dt-button-collection > * { - -webkit-column-break-inside: avoid; - break-inside: avoid; -} -div.dt-button-collection.two-column { - width: 300px; - padding-bottom: 1px; - -webkit-column-count: 2; - -moz-column-count: 2; - -ms-column-count: 2; - -o-column-count: 2; - column-count: 2; -} -div.dt-button-collection.three-column { - width: 450px; - padding-bottom: 1px; - -webkit-column-count: 3; - -moz-column-count: 3; - -ms-column-count: 3; - -o-column-count: 3; - column-count: 3; -} -div.dt-button-collection.four-column { - width: 600px; - padding-bottom: 1px; - -webkit-column-count: 4; - -moz-column-count: 4; - -ms-column-count: 4; - -o-column-count: 4; - column-count: 4; -} -div.dt-button-collection .dt-button { - border-radius: 0; -} - -button.buttons-collection.ui.button span:after { - display: inline-block; - content: "▾"; - padding-left: 0.5em; -} - -div.dt-button-background { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 2001; -} - -@media screen and (max-width: 767px) { - div.dt-buttons { - float: none; - width: 100%; - text-align: center; - margin-bottom: 0.5em; - } - div.dt-buttons a.btn { - float: none; - } -} -div.dt-buttons button.button.processing, -div.dt-buttons div.button.processing, -div.dt-buttons a.button.processing { - position: relative; - color: rgba(0, 0, 0, 0.2); -} -div.dt-buttons button.button.processing:after, -div.dt-buttons div.button.processing:after, -div.dt-buttons a.button.processing:after { - position: absolute; - top: 50%; - left: 50%; - width: 16px; - height: 16px; - margin: -8px 0 0 -8px; - box-sizing: border-box; - display: block; - content: " "; - border: 2px solid rgb(40, 40, 40); - border-radius: 50%; - border-left-color: transparent; - border-right-color: transparent; - animation: dtb-spinner 1500ms infinite linear; - -o-animation: dtb-spinner 1500ms infinite linear; - -ms-animation: dtb-spinner 1500ms infinite linear; - -webkit-animation: dtb-spinner 1500ms infinite linear; - -moz-animation: dtb-spinner 1500ms infinite linear; -} - -/*buttons semanticui css*/ -/*autofill datatable css*/ -div.dt-autofill-handle { - position: absolute; - height: 8px; - width: 8px; - z-index: 102; - box-sizing: border-box; - border: 1px solid #316ad1; - background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%); -} - -div.dt-autofill-select { - position: absolute; - z-index: 1001; - background-color: #4989de; - background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); -} -div.dt-autofill-select.top, div.dt-autofill-select.bottom { - height: 3px; - margin-top: -1px; -} -div.dt-autofill-select.left, div.dt-autofill-select.right { - width: 3px; - margin-left: -1px; -} - -div.dt-autofill-list { - position: fixed; - top: 50%; - left: 50%; - width: 500px; - margin-left: -250px; - background-color: white; - border-radius: 6px; - box-shadow: 0 0 5px #555; - border: 2px solid #444; - z-index: 11; - box-sizing: border-box; - padding: 1.5em 2em; -} -div.dt-autofill-list ul { - display: table; - margin: 0; - padding: 0; - list-style: none; - width: 100%; -} -div.dt-autofill-list ul li { - display: table-row; -} -div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button { - border-bottom: none; -} -div.dt-autofill-list ul li:hover { - background-color: #f6f6f6; -} -div.dt-autofill-list div.dt-autofill-question { - display: table-cell; - padding: 0.5em 0; - border-bottom: 1px solid #ccc; -} -div.dt-autofill-list div.dt-autofill-question input[type=number] { - padding: 6px; - width: 30px; - margin: -2px 0; -} -div.dt-autofill-list div.dt-autofill-button { - display: table-cell; - padding: 0.5em 0; - border-bottom: 1px solid #ccc; -} -div.dt-autofill-list div.dt-autofill-button button { - color: white; - margin: 0; - padding: 6px 12px; - text-align: center; - border: 1px solid #2e6da4; - background-color: #337ab7; - border-radius: 4px; - cursor: pointer; - vertical-align: middle; -} - -div.dt-autofill-background { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.7); - background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); - z-index: 10; -} - -/*autofill datatable css*/ -/*keytable css*/ -table.dataTable th.focus, -table.dataTable td.focus { - outline: 3px solid #0275d8; - outline-offset: -1px; -} - -/*keytable css*/ -/*select datatable css*/ -table.dataTable tbody > tr.selected, -table.dataTable tbody > tr > .selected { - background-color: #B0BED9; -} -table.dataTable.stripe tbody > tr.odd.selected, -table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, -table.dataTable.display tbody > tr.odd > .selected { - background-color: #acbad4; -} -table.dataTable.hover tbody > tr.selected:hover, -table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, -table.dataTable.display tbody > tr > .selected:hover { - background-color: #aab7d1; -} -table.dataTable.order-column tbody > tr.selected > .sorting_1, -table.dataTable.order-column tbody > tr.selected > .sorting_2, -table.dataTable.order-column tbody > tr.selected > .sorting_3, -table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, -table.dataTable.display tbody > tr.selected > .sorting_2, -table.dataTable.display tbody > tr.selected > .sorting_3, -table.dataTable.display tbody > tr > .selected { - background-color: #acbad5; -} -table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { - background-color: #a6b4cd; -} -table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { - background-color: #a8b5cf; -} -table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 { - background-color: #a9b7d1; -} -table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { - background-color: #acbad5; -} -table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 { - background-color: #aebcd6; -} -table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 { - background-color: #afbdd8; -} -table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected { - background-color: #a6b4cd; -} -table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected { - background-color: #acbad5; -} -table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 { - background-color: #a2aec7; -} -table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 { - background-color: #a3b0c9; -} -table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 { - background-color: #a5b2cb; -} -table.dataTable.display tbody > tr:hover > .selected, -table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, -table.dataTable.order-column.hover tbody > tr > .selected:hover { - background-color: #a2aec7; -} -table.dataTable tbody td.select-checkbox, -table.dataTable tbody th.select-checkbox { - position: relative; -} -table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, -table.dataTable tbody th.select-checkbox:before, -table.dataTable tbody th.select-checkbox:after { - display: block; - position: absolute; - top: 1.2em; - left: 50%; - width: 12px; - height: 12px; - box-sizing: border-box; -} -table.dataTable tbody td.select-checkbox:before, -table.dataTable tbody th.select-checkbox:before { - content: " "; - margin-top: -6px; - margin-left: -6px; - border: 1px solid black; - border-radius: 3px; -} -table.dataTable tr.selected td.select-checkbox:after, -table.dataTable tr.selected th.select-checkbox:after { - content: "✔"; - margin-top: -11px; - margin-left: -4px; - text-align: center; - text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; -} - -div.dataTables_wrapper span.select-info, -div.dataTables_wrapper span.select-item { - margin-left: 0.5em; -} - -@media screen and (max-width: 640px) { - div.dataTables_wrapper span.select-info, - div.dataTables_wrapper span.select-item { - margin-left: 0; - display: block; - } -} -/*select datatable css*/ -/*Fixed columns datatable css*/ -table.DTFC_Cloned thead, -table.DTFC_Cloned tfoot { - background-color: white; -} - -div.DTFC_Blocker { - background-color: white; -} - -div.DTFC_LeftWrapper table.dataTable, -div.DTFC_RightWrapper table.dataTable { - margin-bottom: 0; - z-index: 2; -} -div.DTFC_LeftWrapper table.dataTable.no-footer, -div.DTFC_RightWrapper table.dataTable.no-footer { - border-bottom: none; -} - -/*Fixed columns datatable css*/ -/*fixed haeder datatable css*/ -table.fixedHeader-floating { - position: fixed !important; - background-color: white; -} - -table.fixedHeader-floating.no-footer { - border-bottom-width: 0; -} - -table.fixedHeader-locked { - position: absolute !important; - background-color: white; -} - -/*fixed haeder datatable css*/ -/*Responsive datatable css*/ -table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { - cursor: default !important; -} -table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { - display: none !important; -} -table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, -table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child { - position: relative; - padding-left: 30px; - cursor: pointer; -} -table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, -table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { - top: 9px; - left: 4px; - height: 14px; - width: 14px; - display: block; - position: absolute; - color: white; - border: 2px solid white; - border-radius: 14px; - box-shadow: 0 0 3px #444; - box-sizing: content-box; - text-align: center; - text-indent: 0 !important; - font-family: "Courier New", Courier, monospace; - line-height: 14px; - content: "+"; - background-color: #31b131; -} -table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, -table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { - content: "-"; - background-color: #d33333; -} -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { - padding-left: 27px; -} -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { - top: 5px; - left: 4px; - height: 14px; - width: 14px; - border-radius: 14px; - line-height: 14px; - text-indent: 3px; -} -table.dataTable.dtr-column > tbody > tr > td.control, -table.dataTable.dtr-column > tbody > tr > th.control { - position: relative; - cursor: pointer; -} -table.dataTable.dtr-column > tbody > tr > td.control:before, -table.dataTable.dtr-column > tbody > tr > th.control:before { - top: 50%; - left: 50%; - height: 16px; - width: 16px; - margin-top: -10px; - margin-left: -10px; - display: block; - position: absolute; - color: white; - border: 2px solid white; - border-radius: 14px; - box-shadow: 0 0 3px #444; - box-sizing: content-box; - text-align: center; - text-indent: 0 !important; - font-family: "Courier New", Courier, monospace; - line-height: 14px; - content: "+"; - background-color: #31b131; -} -table.dataTable.dtr-column > tbody > tr.parent td.control:before, -table.dataTable.dtr-column > tbody > tr.parent th.control:before { - content: "-"; - background-color: #d33333; -} -table.dataTable > tbody > tr.child { - padding: 0.5em 1em; -} -table.dataTable > tbody > tr.child:hover { - background: transparent !important; -} -table.dataTable > tbody > tr.child ul.dtr-details { - display: inline-block; - list-style-type: none; - margin: 0; - padding: 0; -} -table.dataTable > tbody > tr.child ul.dtr-details > li { - border-bottom: 1px solid #efefef; - padding: 0.5em 0; -} -table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { - padding-top: 0; -} -table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { - border-bottom: none; -} -table.dataTable > tbody > tr.child span.dtr-title { - display: inline-block; - min-width: 75px; - font-weight: bold; -} -div.dtr-modal { - position: fixed; - box-sizing: border-box; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 100; - padding: 10em 1em; -} -div.dtr-modal div.dtr-modal-display { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 50%; - height: 50%; - overflow: auto; - margin: auto; - z-index: 102; - overflow: auto; - background-color: #f5f5f7; - border: 1px solid black; - border-radius: 0.5em; - box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); -} -div.dtr-modal div.dtr-modal-content { - position: relative; - padding: 1em; -} -div.dtr-modal div.dtr-modal-close { - position: absolute; - top: 6px; - right: 6px; - width: 22px; - height: 22px; - border: 1px solid #eaeaea; - background-color: #f9f9f9; - text-align: center; - border-radius: 3px; - cursor: pointer; - z-index: 12; -} -div.dtr-modal div.dtr-modal-close:hover { - background-color: #eaeaea; -} -div.dtr-modal div.dtr-modal-background { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 101; - background: rgba(0, 0, 0, 0.6); -} - -@media screen and (max-width: 767px) { - div.dtr-modal div.dtr-modal-display { - width: 95%; - } -} -/*Responsive datatable css*/ -/*Row reorder css*/ -table.dt-rowReorder-float { - position: absolute !important; - opacity: 0.8; - table-layout: fixed; - outline: 2px solid #888; - outline-offset: -2px; - z-index: 2001; -} - -tr.dt-rowReorder-moving { - outline: 2px solid #555; - outline-offset: -2px; -} - -body.dt-rowReorder-noOverflow { - overflow-x: hidden; -} - -table.dataTable td.reorder { - text-align: center; - cursor: move; -} - -/*Row reorder css*/ -/*scroller css*/ -div.DTS { - display: block !important; -} -div.DTS tbody th, -div.DTS tbody td { - white-space: nowrap; -} -div.DTS div.DTS_Loading { - z-index: 1; -} -div.DTS div.dataTables_scrollBody { - background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); -} -div.DTS div.dataTables_scrollBody table { - z-index: 2; -} -div.DTS div.dataTables_paginate, -div.DTS div.dataTables_length { - display: none; -} - -/*scroller css*/ \ No newline at end of file diff --git a/assets/css/vendors/datatables.css b/assets/css/vendors/datatables.css deleted file mode 100644 index 811d7ec..0000000 --- a/assets/css/vendors/datatables.css +++ /dev/null @@ -1,1728 +0,0 @@ -@charset "UTF-8"; -table.dataTable { - clear: both; - margin-top: 6px !important; - margin-bottom: 6px !important; - max-width: none !important; - border-collapse: separate !important; -} -table.dataTable td, -table.dataTable th { - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -table.dataTable td.dataTables_empty, -table.dataTable th.dataTables_empty { - text-align: center; -} -table.dataTable.nowrap th, -table.dataTable.nowrap td { - white-space: nowrap; -} - -div.dataTables_wrapper div.dataTables_length label { - font-weight: normal; - text-align: left; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_length select { - width: 75px; - display: inline-block; -} -div.dataTables_wrapper div.dataTables_filter { - text-align: right; -} -div.dataTables_wrapper div.dataTables_filter label { - font-weight: normal; - white-space: nowrap; - text-align: left; -} -div.dataTables_wrapper div.dataTables_filter input { - margin-left: 0.5em; - display: inline-block; - width: auto; -} -div.dataTables_wrapper div.dataTables_info { - padding-top: 8px; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_paginate { - margin: 0; - white-space: nowrap; - text-align: right; -} -div.dataTables_wrapper div.dataTables_paginate ul.pagination { - margin: 2px 0; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - margin-top: -26px; - text-align: center; - padding: 1em 0; -} - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting { - padding-right: 30px; -} -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; -} -table.dataTable thead .sorting, -table.dataTable thead .sorting_asc, -table.dataTable thead .sorting_desc, -table.dataTable thead .sorting_asc_disabled, -table.dataTable thead .sorting_desc_disabled { - cursor: pointer; - position: relative; -} -table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:after { - position: absolute; - bottom: 8px; - right: 8px; - display: block; - font-family: "Glyphicons Halflings"; - opacity: 0.5; -} -table.dataTable thead .sorting:after { - opacity: 0.2; - content: "\e150"; /* sort */ -} -table.dataTable thead .sorting_asc:after { - content: "\e155"; /* sort-by-attributes */ -} -table.dataTable thead .sorting_desc:after { - content: "\e156"; /* sort-by-attributes-alt */ -} -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:after { - color: #eee; -} - -div.dataTables_scrollHead table.dataTable { - margin-bottom: 0 !important; -} - -div.dataTables_scrollBody > table { - border-top: none; - margin-top: 0 !important; - margin-bottom: 0 !important; -} -div.dataTables_scrollBody > table > thead .sorting:after, -div.dataTables_scrollBody > table > thead .sorting_asc:after, -div.dataTables_scrollBody > table > thead .sorting_desc:after { - display: none; -} -div.dataTables_scrollBody > table > tbody > tr:first-child > th, -div.dataTables_scrollBody > table > tbody > tr:first-child > td { - border-top: none; -} - -div.dataTables_scrollFoot > .dataTables_scrollFootInner { - box-sizing: content-box; -} -div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { - margin-top: 0 !important; - border-top: none; -} - -@media screen and (max-width: 767px) { - div.dataTables_wrapper div.dataTables_length, - div.dataTables_wrapper div.dataTables_filter, - div.dataTables_wrapper div.dataTables_info, - div.dataTables_wrapper div.dataTables_paginate { - text-align: center; - } -} -table.dataTable.table-condensed > thead > tr > th { - padding-right: 20px; -} -table.dataTable.table-condensed .sorting:after, -table.dataTable.table-condensed .sorting_asc:after, -table.dataTable.table-condensed .sorting_desc:after { - top: 6px; - right: 6px; -} - -table.table-bordered.dataTable th, -table.table-bordered.dataTable td { - border-left-width: 0; -} -table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, -table.table-bordered.dataTable td:last-child, -table.table-bordered.dataTable td:last-child { - border-right-width: 0; -} -table.table-bordered.dataTable tbody th, -table.table-bordered.dataTable tbody td { - border-bottom-width: 0; -} - -div.dataTables_scrollHead table.table-bordered { - border-bottom-width: 0; -} - -div.table-responsive > div.dataTables_wrapper > div.row { - margin: 0; -} -div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child { - padding-left: 0; -} -div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { - padding-right: 0; -} - -table.dataTable { - clear: both; - margin-top: 6px !important; - margin-bottom: 6px !important; - max-width: none !important; - border-collapse: separate !important; - border-spacing: 0; -} -table.dataTable td, -table.dataTable th { - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -table.dataTable td.dataTables_empty, -table.dataTable th.dataTables_empty { - text-align: center; -} -table.dataTable.nowrap th, -table.dataTable.nowrap td { - white-space: nowrap; -} - -div.dataTables_wrapper div.dataTables_length label { - font-weight: normal; - text-align: left; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_length select { - width: 75px; - display: inline-block; -} -div.dataTables_wrapper div.dataTables_filter { - text-align: right; -} -div.dataTables_wrapper div.dataTables_filter label { - font-weight: normal; - white-space: nowrap; - text-align: left; -} -div.dataTables_wrapper div.dataTables_filter input { - margin-left: 0.5em; - display: inline-block; - width: auto; -} -div.dataTables_wrapper div.dataTables_info { - padding-top: 0.85em; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_paginate { - margin: 0; - white-space: nowrap; - text-align: right; -} -div.dataTables_wrapper div.dataTables_paginate ul.pagination { - margin: 2px 0; - white-space: nowrap; - justify-content: flex-end; -} -div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - margin-top: -26px; - text-align: center; - padding: 1em 0; -} - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting { - padding-right: 30px; -} -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; -} -table.dataTable thead .sorting, -table.dataTable thead .sorting_asc, -table.dataTable thead .sorting_desc, -table.dataTable thead .sorting_asc_disabled, -table.dataTable thead .sorting_desc_disabled { - cursor: pointer; - position: relative; -} -table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - position: absolute; - bottom: 0.9em; - display: block; - opacity: 0.3; -} -table.dataTable thead .sorting:before, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_desc_disabled:before { - right: 1em; - content: "↑"; -} -table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:after { - right: 0.5em; - content: "↓"; -} -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_desc:after { - opacity: 1; -} -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - opacity: 0; -} - -div.dataTables_scrollHead table.dataTable { - margin-bottom: 0 !important; -} - -div.dataTables_scrollBody table { - border-top: none; - margin-top: 0 !important; - margin-bottom: 0 !important; -} -div.dataTables_scrollBody table thead .sorting:before, -div.dataTables_scrollBody table thead .sorting_asc:before, -div.dataTables_scrollBody table thead .sorting_desc:before, -div.dataTables_scrollBody table thead .sorting:after, -div.dataTables_scrollBody table thead .sorting_asc:after, -div.dataTables_scrollBody table thead .sorting_desc:after { - display: none; -} -div.dataTables_scrollBody table tbody tr:first-child th, -div.dataTables_scrollBody table tbody tr:first-child td { - border-top: none; -} - -div.dataTables_scrollFoot > .dataTables_scrollFootInner { - box-sizing: content-box; -} -div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { - margin-top: 0 !important; - border-top: none; -} - -@media screen and (max-width: 767px) { - div.dataTables_wrapper div.dataTables_length, - div.dataTables_wrapper div.dataTables_filter, - div.dataTables_wrapper div.dataTables_info, - div.dataTables_wrapper div.dataTables_paginate { - text-align: center; - } -} -table.dataTable.table-sm > thead > tr > th { - padding-right: 20px; -} -table.dataTable.table-sm .sorting:before, -table.dataTable.table-sm .sorting_asc:before, -table.dataTable.table-sm .sorting_desc:before { - top: 5px; - right: 0.85em; -} -table.dataTable.table-sm .sorting:after, -table.dataTable.table-sm .sorting_asc:after, -table.dataTable.table-sm .sorting_desc:after { - top: 5px; -} - -table.table-bordered.dataTable th, -table.table-bordered.dataTable td { - border-left-width: 0; -} -table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, -table.table-bordered.dataTable td:last-child, -table.table-bordered.dataTable td:last-child { - border-right-width: 0; -} -table.table-bordered.dataTable tbody th, -table.table-bordered.dataTable tbody td { - border-bottom-width: 0; -} - -div.dataTables_scrollHead table.table-bordered { - border-bottom-width: 0; -} - -div.table-responsive > div.dataTables_wrapper > div.row { - margin: 0; -} -div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child { - padding-left: 0; -} -div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child { - padding-right: 0; -} - -table.dataTable { - clear: both; - margin: 0.5em 0 !important; - max-width: none !important; - width: 100%; -} -table.dataTable td, -table.dataTable th { - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -table.dataTable td.dataTables_empty, -table.dataTable th.dataTables_empty { - text-align: center; -} -table.dataTable.nowrap th, table.dataTable.nowrap td { - white-space: nowrap; -} - -div.dataTables_wrapper { - position: relative; - font-family: "Open Sans", sans-serif; -} -div.dataTables_wrapper div.dataTables_length label { - float: left; - text-align: left; - margin-bottom: 0; -} -div.dataTables_wrapper div.dataTables_length select { - width: 75px; - margin-bottom: 0; -} -div.dataTables_wrapper div.dataTables_filter label { - float: right; - margin-bottom: 0; -} -div.dataTables_wrapper div.dataTables_filter input { - display: inline-block !important; - width: auto !important; - margin-bottom: 0; - margin-left: 0.5em; -} -div.dataTables_wrapper div.dataTables_info { - padding-top: 2px; -} -div.dataTables_wrapper div.dataTables_paginate { - float: right; - margin: 0; -} -div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - margin-top: -26px; - text-align: center; - padding: 1rem 0; -} - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting { - padding-right: 1.5rem; -} -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; -} -table.dataTable thead .sorting, -table.dataTable thead .sorting_asc, -table.dataTable thead .sorting_desc, -table.dataTable thead .sorting_asc_disabled, -table.dataTable thead .sorting_desc_disabled { - cursor: pointer; -} -table.dataTable thead .sorting, -table.dataTable thead .sorting_asc, -table.dataTable thead .sorting_desc, -table.dataTable thead .sorting_asc_disabled, -table.dataTable thead .sorting_desc_disabled { - background-repeat: no-repeat; - background-position: center right; -} -table.dataTable thead .sorting { - background-image: url("../../images/sort_both.png"); -} -table.dataTable thead .sorting_asc { - background-image: url("../../images/sort_asc.png"); -} -table.dataTable thead .sorting_desc { - background-image: url("../../images/sort_desc.png"); -} -table.dataTable thead .sorting_asc_disabled { - background-image: url("../../images/sort_asc_disabled.png"); -} -table.dataTable thead .sorting_desc_disabled { - background-image: url("../../images/sort_desc_disabled.png"); -} - -div.dataTables_scrollHead table { - margin-bottom: 0 !important; -} - -div.dataTables_scrollBody table { - border-top: none; - margin-top: 0 !important; - margin-bottom: 0 !important; -} -div.dataTables_scrollBody table tbody tr:first-child th, -div.dataTables_scrollBody table tbody tr:first-child td { - border-top: none; -} - -div.dataTables_scrollFoot table { - margin-top: 0 !important; - border-top: none; -} - -/* - * Table styles - */ -table.dataTable { - width: 100%; - margin: 0 auto; - clear: both; - border-collapse: separate; - border-spacing: 0; - /* - * Header and footer styles - */ - /* - * Body styles - */ -} -table.dataTable thead th, -table.dataTable tfoot th { - font-weight: bold; -} -table.dataTable thead th, -table.dataTable thead td { - padding: 10px 18px; -} -table.dataTable thead th:active, -table.dataTable thead td:active { - outline: none; -} -table.dataTable tfoot th, -table.dataTable tfoot td { - padding: 10px 18px 6px 18px; -} -table.dataTable tbody tr { - background-color: #ffffff; -} -table.dataTable tbody tr.selected { - background-color: #B0BED9; -} -table.dataTable tbody th, -table.dataTable tbody td { - padding: 8px 10px; -} -table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { - border-top: 1px solid #ddd; -} -table.dataTable.row-border tbody tr:first-child th, -table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, -table.dataTable.display tbody tr:first-child td { - border-top: none; -} -table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { - border-top: 1px solid #ddd; - border-right: 1px solid #ddd; -} -table.dataTable.cell-border tbody tr th:first-child, -table.dataTable.cell-border tbody tr td:first-child { - border-left: 1px solid #ddd; -} -table.dataTable.cell-border tbody tr:first-child th, -table.dataTable.cell-border tbody tr:first-child td { - border-top: none; -} -table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { - background-color: #f9f9f9; -} -table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { - background-color: #acbad4; -} -table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { - background-color: #f6f6f6; -} -table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { - background-color: #aab7d1; -} -table.dataTable.order-column tbody tr > .sorting_1, -table.dataTable.order-column tbody tr > .sorting_2, -table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, -table.dataTable.display tbody tr > .sorting_2, -table.dataTable.display tbody tr > .sorting_3 { - background-color: #fafafa; -} -table.dataTable.order-column tbody tr.selected > .sorting_1, -table.dataTable.order-column tbody tr.selected > .sorting_2, -table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, -table.dataTable.display tbody tr.selected > .sorting_2, -table.dataTable.display tbody tr.selected > .sorting_3 { - background-color: #acbad5; -} -table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { - background-color: #f1f1f1; -} -table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { - background-color: #f3f3f3; -} -table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { - background-color: whitesmoke; -} -table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { - background-color: #a6b4cd; -} -table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { - background-color: #a8b5cf; -} -table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { - background-color: #a9b7d1; -} -table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { - background-color: #fafafa; -} -table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { - background-color: #fcfcfc; -} -table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { - background-color: #fefefe; -} -table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { - background-color: #acbad5; -} -table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { - background-color: #aebcd6; -} -table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { - background-color: #afbdd8; -} -table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { - background-color: #eaeaea; -} -table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { - background-color: #ececec; -} -table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { - background-color: #efefef; -} -table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { - background-color: #a2aec7; -} -table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { - background-color: #a3b0c9; -} -table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { - background-color: #a5b2cb; -} -table.dataTable.no-footer { - border-bottom: 1px solid #111; -} -table.dataTable.nowrap th, table.dataTable.nowrap td { - white-space: nowrap; -} -table.dataTable.compact thead th, -table.dataTable.compact thead td { - padding: 4px 17px 4px 4px; -} -table.dataTable.compact tfoot th, -table.dataTable.compact tfoot td { - padding: 4px; -} -table.dataTable.compact tbody th, -table.dataTable.compact tbody td { - padding: 4px; -} -table.dataTable th.dt-left, -table.dataTable td.dt-left { - text-align: left; -} -table.dataTable th.dt-center, -table.dataTable td.dt-center, -table.dataTable td.dataTables_empty { - text-align: center; -} -table.dataTable th.dt-right, -table.dataTable td.dt-right { - text-align: right; -} -table.dataTable th.dt-justify, -table.dataTable td.dt-justify { - text-align: justify; -} -table.dataTable th.dt-nowrap, -table.dataTable td.dt-nowrap { - white-space: nowrap; -} -table.dataTable thead th.dt-head-left, -table.dataTable thead td.dt-head-left, -table.dataTable tfoot th.dt-head-left, -table.dataTable tfoot td.dt-head-left { - text-align: left; -} -table.dataTable thead th.dt-head-center, -table.dataTable thead td.dt-head-center, -table.dataTable tfoot th.dt-head-center, -table.dataTable tfoot td.dt-head-center { - text-align: center; -} -table.dataTable thead th.dt-head-right, -table.dataTable thead td.dt-head-right, -table.dataTable tfoot th.dt-head-right, -table.dataTable tfoot td.dt-head-right { - text-align: right; -} -table.dataTable thead th.dt-head-justify, -table.dataTable thead td.dt-head-justify, -table.dataTable tfoot th.dt-head-justify, -table.dataTable tfoot td.dt-head-justify { - text-align: justify; -} -table.dataTable thead th.dt-head-nowrap, -table.dataTable thead td.dt-head-nowrap, -table.dataTable tfoot th.dt-head-nowrap, -table.dataTable tfoot td.dt-head-nowrap { - white-space: nowrap; -} -table.dataTable tbody th.dt-body-left, -table.dataTable tbody td.dt-body-left { - text-align: left; -} -table.dataTable tbody th.dt-body-center, -table.dataTable tbody td.dt-body-center { - text-align: center; -} -table.dataTable tbody th.dt-body-right, -table.dataTable tbody td.dt-body-right { - text-align: right; -} -table.dataTable tbody th.dt-body-justify, -table.dataTable tbody td.dt-body-justify { - text-align: justify; -} -table.dataTable tbody th.dt-body-nowrap, -table.dataTable tbody td.dt-body-nowrap { - white-space: nowrap; -} - -table.dataTable, -table.dataTable th, -table.dataTable td { - box-sizing: content-box; -} - -/* - * Control feature layout - */ -.dataTables_wrapper { - position: relative; - clear: both; - *zoom: 1; - zoom: 1; -} -.dataTables_wrapper .dataTables_length { - float: left; -} -.dataTables_wrapper .dataTables_filter { - float: right; - text-align: right; -} -.dataTables_wrapper .dataTables_filter input { - margin-left: 0.5em; -} -.dataTables_wrapper .dataTables_info { - clear: both; - float: left; - padding-top: 0.755em; -} -.dataTables_wrapper .dataTables_paginate { - float: right; - text-align: right; - padding-top: 0.25em; -} -.dataTables_wrapper .dataTables_paginate .paginate_button { - box-sizing: border-box; - display: inline-block; - min-width: 1.5em; - padding: 0.5em 1em; - margin-left: 2px; - text-align: center; - text-decoration: none !important; - cursor: pointer; - *cursor: hand; - color: #333 !important; - border: 1px solid transparent; - border-radius: 2px; -} -.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - color: #333 !important; - border: 1px solid #979797; - background-color: white; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ - background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ -} -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { - cursor: default; - color: #666 !important; - border: 1px solid transparent; - background: transparent; - box-shadow: none; -} -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: white !important; - border: 1px solid #111; - background-color: #585858; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ - background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ -} -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - outline: none; - background-color: #2b2b2b; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ - background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ - box-shadow: inset 0 0 3px #111; -} -.dataTables_wrapper .dataTables_paginate .ellipsis { - padding: 0 1em; -} -.dataTables_wrapper .dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 100%; - height: 40px; - margin-left: -50%; - margin-top: -25px; - padding-top: 20px; - text-align: center; - font-size: 1.2em; - background-color: white; - background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); -} -.dataTables_wrapper .dataTables_length, -.dataTables_wrapper .dataTables_filter, -.dataTables_wrapper .dataTables_info, -.dataTables_wrapper .dataTables_processing, -.dataTables_wrapper .dataTables_paginate { - color: #333; -} -.dataTables_wrapper .dataTables_scroll { - clear: both; -} -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { - *margin-top: -1px; - -webkit-overflow-scrolling: touch; -} -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { - vertical-align: middle; -} -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { - height: 0; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; -} -.dataTables_wrapper.no-footer .dataTables_scrollBody { - border-bottom: 1px solid #111; -} -.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, -.dataTables_wrapper.no-footer div.dataTables_scrollBody > table { - border-bottom: none; -} -.dataTables_wrapper:after { - visibility: hidden; - display: block; - content: ""; - clear: both; - height: 0; -} - -@media screen and (max-width: 767px) { - .dataTables_wrapper .dataTables_info, - .dataTables_wrapper .dataTables_paginate { - float: none; - text-align: center; - } - .dataTables_wrapper .dataTables_paginate { - margin-top: 0.5em; - } -} -@media screen and (max-width: 640px) { - .dataTables_wrapper .dataTables_length, - .dataTables_wrapper .dataTables_filter { - float: none; - text-align: center; - } - .dataTables_wrapper .dataTables_filter { - margin-top: 0.5em; - } -} -table.dataTable thead th div.DataTables_sort_wrapper { - position: relative; -} -table.dataTable thead th div.DataTables_sort_wrapper span { - position: absolute; - top: 50%; - margin-top: -8px; - right: -18px; -} -table.dataTable thead th.ui-state-default, -table.dataTable tfoot th.ui-state-default { - border-left-width: 0; -} -table.dataTable thead th.ui-state-default:first-child, -table.dataTable tfoot th.ui-state-default:first-child { - border-left-width: 1px; -} - -/* - * Control feature layout - */ -.dataTables_wrapper .dataTables_paginate .fg-button { - box-sizing: border-box; - display: inline-block; - min-width: 1.5em; - padding: 0.5em; - margin-left: 2px; - text-align: center; - text-decoration: none !important; - cursor: pointer; - *cursor: hand; - border: 1px solid transparent; -} -.dataTables_wrapper .dataTables_paginate .fg-button:active { - outline: none; -} -.dataTables_wrapper .dataTables_paginate .fg-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.dataTables_wrapper .dataTables_paginate .fg-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.dataTables_wrapper .ui-widget-header { - font-weight: normal; -} -.dataTables_wrapper .ui-toolbar { - padding: 8px; -} -.dataTables_wrapper.no-footer .dataTables_scrollBody { - border-bottom: none; -} -.dataTables_wrapper .dataTables_length, -.dataTables_wrapper .dataTables_filter, -.dataTables_wrapper .dataTables_info, -.dataTables_wrapper .dataTables_processing, -.dataTables_wrapper .dataTables_paginate { - color: inherit; -} - -div.dataTables_wrapper div.dataTables_filter { - text-align: right; -} -div.dataTables_wrapper div.dataTables_filter input { - margin-left: 0.5em; -} -div.dataTables_wrapper div.dataTables_info { - padding-top: 10px; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - text-align: center; -} -div.dataTables_wrapper div.dataTables_paginate { - text-align: right; -} -div.dataTables_wrapper div.mdl-grid.dt-table { - padding-top: 0; - padding-bottom: 0; -} -div.dataTables_wrapper div.mdl-grid.dt-table > div.mdl-cell { - margin-top: 0; - margin-bottom: 0; -} - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting { - padding-right: 30px; -} -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; -} -table.dataTable thead .sorting, -table.dataTable thead .sorting_asc, -table.dataTable thead .sorting_desc, -table.dataTable thead .sorting_asc_disabled, -table.dataTable thead .sorting_desc_disabled { - cursor: pointer; - position: relative; -} -table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - position: absolute; - bottom: 11px; - display: block; - opacity: 0.3; - font-size: 1.3em; -} -table.dataTable thead .sorting:before, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_desc_disabled:before { - right: 1em; - content: "↑"; -} -table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:after { - right: 0.5em; - content: "↓"; -} -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_desc:after { - opacity: 1; -} -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - opacity: 0; -} - -/* - * Styling for DataTables with Semantic UI - */ -table.dataTable.table { - margin: 0; -} -table.dataTable.table thead th, -table.dataTable.table thead td { - position: relative; -} -table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc, -table.dataTable.table thead td.sorting, -table.dataTable.table thead td.sorting_asc, -table.dataTable.table thead td.sorting_desc { - padding-right: 20px; -} -table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after, -table.dataTable.table thead td.sorting:after, -table.dataTable.table thead td.sorting_asc:after, -table.dataTable.table thead td.sorting_desc:after { - position: absolute; - top: 12px; - right: 8px; - display: block; - font-family: Icons; -} -table.dataTable.table thead th.sorting:after, -table.dataTable.table thead td.sorting:after { - content: "\f0dc"; - color: #ddd; - font-size: 0.8em; -} -table.dataTable.table td, -table.dataTable.table th { - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -table.dataTable.table td.dataTables_empty, -table.dataTable.table th.dataTables_empty { - text-align: center; -} -table.dataTable.table.nowrap th, -table.dataTable.table.nowrap td { - white-space: nowrap; -} - -div.dataTables_wrapper div.dataTables_length select { - vertical-align: middle; - min-height: 2.7142em; -} -div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown { - min-width: 0; -} -div.dataTables_wrapper div.dataTables_filter span.input { - margin-left: 0.5em; -} -div.dataTables_wrapper div.dataTables_info { - padding-top: 13px; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - text-align: center; -} -div.dataTables_wrapper div.row.dt-table { - padding: 0; -} -div.dataTables_wrapper div.dataTables_scrollHead table.dataTable { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-bottom: none; -} -div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after, -div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after, -div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after { - display: none; -} -div.dataTables_wrapper div.dataTables_scrollBody table.dataTable { - border-radius: 0; - border-top: none; - border-bottom-width: 0; -} -div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer { - border-bottom-width: 1px; -} -div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable { - border-top-right-radius: 0; - border-top-left-radius: 0; - border-top: none; -} - -table.dataTable { - clear: both; -} -table.dataTable td, -table.dataTable th { - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -table.dataTable td.dataTables_empty, -table.dataTable th.dataTables_empty { - text-align: center; -} -table.dataTable.nowrap th, -table.dataTable.nowrap td { - white-space: nowrap; -} - -div.dataTables_wrapper div.row.uk-grid.dt-merge-grid { - margin-top: 5px; -} -div.dataTables_wrapper div.dataTables_length label { - font-weight: normal; - text-align: left; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_length select { - width: 75px; - display: inline-block; -} -div.dataTables_wrapper div.dataTables_filter { - text-align: right; -} -div.dataTables_wrapper div.dataTables_filter label { - font-weight: normal; - white-space: nowrap; - text-align: left; -} -div.dataTables_wrapper div.dataTables_filter input { - margin-left: 0.5em; - display: inline-block; - width: auto; -} -div.dataTables_wrapper div.dataTables_info { - padding-top: 8px; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_paginate { - margin: 0; - white-space: nowrap; - text-align: right; -} -div.dataTables_wrapper div.dataTables_paginate ul.pagination { - margin: 2px 0; - white-space: nowrap; -} -div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - margin-top: -26px; - text-align: center; - padding: 1em 0; -} - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting { - padding-right: 30px; -} -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; -} -table.dataTable thead .sorting, -table.dataTable thead .sorting_asc, -table.dataTable thead .sorting_desc, -table.dataTable thead .sorting_asc_disabled, -table.dataTable thead .sorting_desc_disabled { - cursor: pointer; - position: relative; -} -table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - position: absolute; - bottom: 1.2em; - display: block; - opacity: 0.3; -} -table.dataTable thead .sorting:before, -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_desc:before, -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_desc_disabled:before { - right: 1em; - content: "↑"; -} -table.dataTable thead .sorting:after, -table.dataTable thead .sorting_asc:after, -table.dataTable thead .sorting_desc:after, -table.dataTable thead .sorting_asc_disabled:after, -table.dataTable thead .sorting_desc_disabled:after { - right: 0.5em; - content: "↓"; -} -table.dataTable thead .sorting_asc:before, -table.dataTable thead .sorting_desc:after { - opacity: 1; -} -table.dataTable thead .sorting_asc_disabled:before, -table.dataTable thead .sorting_desc_disabled:after { - opacity: 0; -} - -div.dataTables_scrollHead table.dataTable { - margin-bottom: 0 !important; -} - -div.dataTables_scrollBody table { - border-top: none; - margin-top: 0 !important; - margin-bottom: 0 !important; -} -div.dataTables_scrollBody table thead .sorting:after, -div.dataTables_scrollBody table thead .sorting_asc:after, -div.dataTables_scrollBody table thead .sorting_desc:after { - display: none; -} -div.dataTables_scrollBody table tbody tr:first-child th, -div.dataTables_scrollBody table tbody tr:first-child td { - border-top: none; -} - -div.dataTables_scrollFoot table { - margin-top: 0 !important; - border-top: none; -} - -@media screen and (max-width: 767px) { - div.dataTables_wrapper div.dataTables_length, - div.dataTables_wrapper div.dataTables_filter, - div.dataTables_wrapper div.dataTables_info, - div.dataTables_wrapper div.dataTables_paginate { - text-align: center; - } -} -table.dataTable.uk-table-condensed > thead > tr > th { - padding-right: 20px; -} -table.dataTable.uk-table-condensed .sorting:after, -table.dataTable.uk-table-condensed .sorting_asc:after, -table.dataTable.uk-table-condensed .sorting_desc:after { - top: 6px; - right: 6px; -} - -/* - * Table styles - */ -table.dataTable { - width: 100%; - margin: 0 auto; - clear: both; - border-collapse: separate; - border-spacing: 0; - /* - * Header and footer styles - */ - /* - * Body styles - */ -} -table.dataTable thead th, -table.dataTable tfoot th { - font-weight: bold; -} -table.dataTable thead th, -table.dataTable thead td { - padding: 10px 18px; -} -table.dataTable thead th:active, -table.dataTable thead td:active { - outline: none; -} -table.dataTable tfoot th, -table.dataTable tfoot td { - padding: 10px 18px 6px 18px; -} -table.dataTable tbody tr { - background-color: #ffffff; -} -table.dataTable tbody tr.selected { - background-color: #B0BED9; -} -table.dataTable tbody th, -table.dataTable tbody td { - padding: 8px 10px; -} -table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { - border-top: 1px solid #ddd; -} -table.dataTable.row-border tbody tr:first-child th, -table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, -table.dataTable.display tbody tr:first-child td { - border-top: none; -} -table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { - border-top: 1px solid #ddd; - border-right: 1px solid #ddd; -} -table.dataTable.cell-border tbody tr th:first-child, -table.dataTable.cell-border tbody tr td:first-child { - border-left: 1px solid #ddd; -} -table.dataTable.cell-border tbody tr:first-child th, -table.dataTable.cell-border tbody tr:first-child td { - border-top: none; -} -table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { - background-color: #f9f9f9; -} -table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { - background-color: #acbad4; -} -table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { - background-color: #f6f6f6; -} -table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { - background-color: #aab7d1; -} -table.dataTable.order-column tbody tr > .sorting_1, -table.dataTable.order-column tbody tr > .sorting_2, -table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, -table.dataTable.display tbody tr > .sorting_2, -table.dataTable.display tbody tr > .sorting_3 { - background-color: #fafafa; -} -table.dataTable.order-column tbody tr.selected > .sorting_1, -table.dataTable.order-column tbody tr.selected > .sorting_2, -table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, -table.dataTable.display tbody tr.selected > .sorting_2, -table.dataTable.display tbody tr.selected > .sorting_3 { - background-color: #acbad5; -} -table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { - background-color: #f1f1f1; -} -table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { - background-color: #f3f3f3; -} -table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { - background-color: whitesmoke; -} -table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { - background-color: #a6b4cd; -} -table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { - background-color: #a8b5cf; -} -table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { - background-color: #a9b7d1; -} -table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { - background-color: #fafafa; -} -table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { - background-color: #fcfcfc; -} -table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { - background-color: #fefefe; -} -table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { - background-color: #acbad5; -} -table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { - background-color: #aebcd6; -} -table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { - background-color: #afbdd8; -} -table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { - background-color: #eaeaea; -} -table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { - background-color: #ececec; -} -table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { - background-color: #efefef; -} -table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { - background-color: #a2aec7; -} -table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { - background-color: #a3b0c9; -} -table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { - background-color: #a5b2cb; -} -table.dataTable.no-footer { - border-bottom: 1px solid #111; -} -table.dataTable.nowrap th, table.dataTable.nowrap td { - white-space: nowrap; -} -table.dataTable.compact thead th, -table.dataTable.compact thead td { - padding: 4px 17px 4px 4px; -} -table.dataTable.compact tfoot th, -table.dataTable.compact tfoot td { - padding: 4px; -} -table.dataTable.compact tbody th, -table.dataTable.compact tbody td { - padding: 4px; -} -table.dataTable th.dt-left, -table.dataTable td.dt-left { - text-align: left; -} -table.dataTable th.dt-center, -table.dataTable td.dt-center, -table.dataTable td.dataTables_empty { - text-align: center; -} -table.dataTable th.dt-right, -table.dataTable td.dt-right { - text-align: right; -} -table.dataTable th.dt-justify, -table.dataTable td.dt-justify { - text-align: justify; -} -table.dataTable th.dt-nowrap, -table.dataTable td.dt-nowrap { - white-space: nowrap; -} -table.dataTable thead th.dt-head-left, -table.dataTable thead td.dt-head-left, -table.dataTable tfoot th.dt-head-left, -table.dataTable tfoot td.dt-head-left { - text-align: left; -} -table.dataTable thead th.dt-head-center, -table.dataTable thead td.dt-head-center, -table.dataTable tfoot th.dt-head-center, -table.dataTable tfoot td.dt-head-center { - text-align: center; -} -table.dataTable thead th.dt-head-right, -table.dataTable thead td.dt-head-right, -table.dataTable tfoot th.dt-head-right, -table.dataTable tfoot td.dt-head-right { - text-align: right; -} -table.dataTable thead th.dt-head-justify, -table.dataTable thead td.dt-head-justify, -table.dataTable tfoot th.dt-head-justify, -table.dataTable tfoot td.dt-head-justify { - text-align: justify; -} -table.dataTable thead th.dt-head-nowrap, -table.dataTable thead td.dt-head-nowrap, -table.dataTable tfoot th.dt-head-nowrap, -table.dataTable tfoot td.dt-head-nowrap { - white-space: nowrap; -} -table.dataTable tbody th.dt-body-left, -table.dataTable tbody td.dt-body-left { - text-align: left; -} -table.dataTable tbody th.dt-body-center, -table.dataTable tbody td.dt-body-center { - text-align: center; -} -table.dataTable tbody th.dt-body-right, -table.dataTable tbody td.dt-body-right { - text-align: right; -} -table.dataTable tbody th.dt-body-justify, -table.dataTable tbody td.dt-body-justify { - text-align: justify; -} -table.dataTable tbody th.dt-body-nowrap, -table.dataTable tbody td.dt-body-nowrap { - white-space: nowrap; -} - -table.dataTable, -table.dataTable th, -table.dataTable td { - box-sizing: content-box; -} - -/* - * Control feature layout - */ -.dataTables_wrapper { - position: relative; - clear: both; - *zoom: 1; - zoom: 1; -} -.dataTables_wrapper .dataTables_length { - float: left; -} -.dataTables_wrapper .dataTables_filter { - float: right; - text-align: right; -} -.dataTables_wrapper .dataTables_filter input { - margin-left: 0.5em; -} -.dataTables_wrapper .dataTables_info { - clear: both; - float: left; - padding-top: 0.755em; -} -.dataTables_wrapper .dataTables_paginate { - float: right; - text-align: right; - padding-top: 0.25em; -} -.dataTables_wrapper .dataTables_paginate .paginate_button { - box-sizing: border-box; - display: inline-block; - min-width: 1.5em; - padding: 0.5em 1em; - margin-left: 2px; - text-align: center; - text-decoration: none !important; - cursor: pointer; - *cursor: hand; - color: #333 !important; - border: 1px solid transparent; - border-radius: 2px; -} -.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - color: #333 !important; - border: 1px solid #979797; - background-color: white; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ - background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ -} -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { - cursor: default; - color: #666 !important; - border: 1px solid transparent; - background: transparent; - box-shadow: none; -} -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: white !important; - border: 1px solid #111; - background-color: #585858; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ - background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ -} -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - outline: none; - background-color: #2b2b2b; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ - background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ - box-shadow: inset 0 0 3px #111; -} -.dataTables_wrapper .dataTables_paginate .ellipsis { - padding: 0 1em; -} -.dataTables_wrapper .dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 100%; - height: 40px; - margin-left: -50%; - margin-top: -25px; - padding-top: 20px; - text-align: center; - font-size: 1.2em; - background-color: white; - background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); -} -.dataTables_wrapper .dataTables_length, -.dataTables_wrapper .dataTables_filter, -.dataTables_wrapper .dataTables_info, -.dataTables_wrapper .dataTables_processing, -.dataTables_wrapper .dataTables_paginate { - color: #333; -} -.dataTables_wrapper .dataTables_scroll { - clear: both; -} -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { - *margin-top: -1px; - -webkit-overflow-scrolling: touch; -} -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { - vertical-align: middle; -} -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { - height: 0; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; -} -.dataTables_wrapper.no-footer .dataTables_scrollBody { - border-bottom: 1px solid #111; -} -.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, -.dataTables_wrapper.no-footer div.dataTables_scrollBody > table { - border-bottom: none; -} -.dataTables_wrapper:after { - visibility: hidden; - display: block; - content: ""; - clear: both; - height: 0; -} - -@media screen and (max-width: 767px) { - .dataTables_wrapper .dataTables_info, - .dataTables_wrapper .dataTables_paginate { - float: none; - text-align: center; - } - .dataTables_wrapper .dataTables_paginate { - margin-top: 0.5em; - } -} -@media screen and (max-width: 640px) { - .dataTables_wrapper .dataTables_length, - .dataTables_wrapper .dataTables_filter { - float: none; - text-align: center; - } - .dataTables_wrapper .dataTables_filter { - margin-top: 0.5em; - } -} \ No newline at end of file diff --git a/assets/css/vendors/date-picker.css b/assets/css/vendors/date-picker.css deleted file mode 100644 index d0792ea..0000000 --- a/assets/css/vendors/date-picker.css +++ /dev/null @@ -1,352 +0,0 @@ -.datepicker--cell-year.-other-decade-, .datepicker--cell-day.-other-month- { - color: #dedede; -} -.datepicker--cell-year.-other-decade-:hover, .datepicker--cell-day.-other-month-:hover { - color: #c5c5c5; -} -.-disabled-.-focus-.datepicker--cell-year.-other-decade-, .-disabled-.-focus-.datepicker--cell-day.-other-month- { - color: #dedede; -} -.-selected-.datepicker--cell-year.-other-decade-, .-selected-.datepicker--cell-day.-other-month- { - color: #fff; - background: #a2ddf6; -} -.-selected-.-focus-.datepicker--cell-year.-other-decade-, .-selected-.-focus-.datepicker--cell-day.-other-month- { - background: #8ad5f4; -} -.-in-range-.datepicker--cell-year.-other-decade-, .-in-range-.datepicker--cell-day.-other-month- { - background-color: rgba(92, 196, 239, 0.1); - color: #cccccc; -} -.-in-range-.-focus-.datepicker--cell-year.-other-decade-, .-in-range-.-focus-.datepicker--cell-day.-other-month- { - background-color: rgba(92, 196, 239, 0.2); -} -.datepicker--cell-year.-other-decade-:empty, .datepicker--cell-day.-other-month-:empty { - background: none; - border: none; -} - -/* ------------------------------------------------- - Datepicker cells - ------------------------------------------------- */ -.datepicker--cells { - display: flex; - flex-wrap: wrap; -} - -.datepicker--cell { - border-radius: 5px; - box-sizing: border-box; - cursor: pointer; - display: flex; - position: relative; - align-items: center; - justify-content: center; - height: 32px; - z-index: 1; -} -.datepicker--cell.-focus- { - background: #f0f0f0; -} -.datepicker--cell.-current- { - color: #4EB5E6; - border-color: #4EB5E6; -} -.datepicker--cell.-current-.-focus- { - color: #4a4a4a; -} -.datepicker--cell.-current-.-in-range- { - color: #4EB5E6; -} -.datepicker--cell.-in-range- { - background: rgba(92, 196, 239, 0.1); - color: #4a4a4a; - border-radius: 0; -} -.datepicker--cell.-in-range-.-focus- { - background-color: rgba(92, 196, 239, 0.2); -} -.datepicker--cell.-disabled- { - cursor: default; - color: #aeaeae; -} -.datepicker--cell.-disabled-.-focus- { - color: #aeaeae; -} -.datepicker--cell.-disabled-.-in-range- { - color: #a1a1a1; -} -.datepicker--cell.-disabled-.-current-.-focus- { - color: #aeaeae; -} -.datepicker--cell.-range-from- { - border: 1px solid rgba(92, 196, 239, 0.5); - background-color: rgba(92, 196, 239, 0.1); - border-radius: 8px 0 0 8px; -} -.datepicker--cell.-range-to- { - border: 1px solid rgba(92, 196, 239, 0.5); - background-color: rgba(92, 196, 239, 0.1); - border-radius: 0 8px 8px 0; -} -.datepicker--cell.-range-from-.-range-to- { - border-radius: 8px; -} -.datepicker--cell.-selected- { - color: #fff; - border: none; - background: #5cc4ef; -} -.datepicker--cell.-selected-.-current- { - color: #fff; - background: #5cc4ef; -} -.datepicker--cell.-selected-.-focus- { - background: #45bced; -} -.datepicker--cell:empty { - cursor: default; -} - -.datepicker--days-names { - display: flex; - flex-wrap: wrap; - margin: 8px 0 3px; -} - -.datepicker--day-name { - color: #FF9A19; - display: flex; - align-items: center; - justify-content: center; - flex: 1; - text-align: center; - text-transform: uppercase; - font-size: 0.8em; -} - -.datepicker--cell-day { - width: 14.2857142857 %; - height: 34px; -} -.datepicker--cells-months { - height: 170px; -} - -.datepicker--cell-month { - width: 33.33%; - height: 25%; -} - -.datepicker--years { - height: 170px; -} - -.datepicker--cells-years { - height: 170px; -} - -.datepicker--cell-year { - width: 25%; - height: 33.33%; -} -/* ------------------------------------------------- - Datepicker - ------------------------------------------------- */ -.datepickers-container { - position: absolute; - left: 0; - top: 0; -} -@media print { - .datepickers-container { - display: none; - } -} - -.datepicker { - background: #fff; - border-radius: 8px; - box-sizing: content-box; - font-size: 14px; - color: #4a4a4a; - width: 250px; - position: absolute; - left: -100000px; - opacity: 0; - padding: 10px; - transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; - z-index: 100; - box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); -} -.datepicker.-from-top- { - transform: translateY(-8px); -} -.datepicker.-from-right- { - transform: translateX(8px); -} -.datepicker.-from-bottom- { - transform: translateY(8px); -} -.datepicker.-from-left- { - transform: translateX(-8px); -} -.datepicker.active { - opacity: 1; - transform: translate(0); - transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; -} - -.datepicker-inline .datepicker { - position: static; - left: auto; - right: auto; - opacity: 1; - transform: none; -} -.datepicker-inline .datepicker--pointer { - display: none; -} - -.datepicker--content { - box-sizing: content-box; - padding: 4px; -} -.-only-timepicker- .datepicker--content { - display: none; -} - -.datepicker--pointer { - position: absolute; - background: #fff; - border-top: 1px solid #dbdbdb; - border-right: 1px solid #dbdbdb; - width: 10px; - height: 10px; - z-index: -1; -} -.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { - top: calc(100% - 4px); - transform: rotate(135deg); -} -.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { - right: calc(100% - 4px); - transform: rotate(225deg); -} -.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { - bottom: calc(100% - 4px); - transform: rotate(315deg); -} -.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { - left: calc(100% - 4px); - transform: rotate(45deg); -} -.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { - left: 10px; -} -.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { - right: 10px; -} -.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { - left: calc(50% - 10px / 2); -} -.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { - top: 10px; -} -.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { - bottom: 10px; -} -.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { - top: calc(50% - 10px / 2); -} - -.datepicker--body { - display: none; -} -.datepicker--body.active { - display: block !important; -} - -/* ------------------------------------------------- - Navigation - ------------------------------------------------- */ -.datepicker--nav { - color: var(--theme-deafult); - text-transform: uppercase; - letter-spacing: 2px; - font-weight: 600; - border-radius: 5px; - display: flex; - justify-content: space-between; - border-bottom: 1px solid #efefef; - min-height: 32px; - padding: 4px; -} -.-only-timepicker- .datepicker--nav { - display: none; -} - -.datepicker--nav-title, -.datepicker--nav-action { - display: flex; - cursor: pointer; - align-items: center; - justify-content: center; -} - -.datepicker--nav-action { - width: 32px; - border-radius: 5px; - user-select: none; - background: var(--theme-deafult); -} -.datepicker--nav-action:hover { - background: var(--theme-deafult); -} -.datepicker--nav-action.-disabled- { - visibility: hidden; -} -.datepicker--nav-action svg { - width: 32px; - height: 32px; -} -.datepicker--nav-action path { - fill: none; - stroke: #fff; - stroke-width: 2px; -} - -.datepicker--nav-title { - border-radius: 8px; - padding: 0 8px; -} -.datepicker--nav-title i { - font-style: normal; - color: var(--theme-deafult); - margin-left: 5px; -} -.datepicker--nav-title.-disabled- { - cursor: default; - background: none; -} - -.datepicker--buttons { - display: flex; - padding: 4px; - border-top: 1px solid #efefef; -} - -.datepicker--button { - color: #4EB5E6; - cursor: pointer; - border-radius: 8px; - flex: 1; - display: inline-flex; - justify-content: center; - align-items: center; - height: 32px; -} -.datepicker--button:hover { - color: #4a4a4a; - background: #f0f0f0; -} \ No newline at end of file diff --git a/assets/css/vendors/date-time-picker.css b/assets/css/vendors/date-time-picker.css deleted file mode 100644 index b4c3791..0000000 --- a/assets/css/vendors/date-time-picker.css +++ /dev/null @@ -1,260 +0,0 @@ -.sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action=today]::after, .bootstrap-datetimepicker-widget .btn[data-action=clear]::after, .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after, .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; -} - -.bootstrap-datetimepicker-widget { - list-style: none; -} -.bootstrap-datetimepicker-widget.dropdown-menu { - display: block; - margin: 2px 0; - padding: 4px; - width: 14rem; -} -@media (min-width: 576px) { - .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { - width: 38em; - } -} -@media (min-width: 768px) { - .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { - width: 38em; - } -} -@media (min-width: 1199px) { - .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { - width: 38em; - } -} -.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { - content: ""; - display: inline-block; - position: absolute; -} -.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: rgba(0, 0, 0, 0.2); - top: -7px; - left: 7px; -} -.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid white; - top: -6px; - left: 8px; -} -.bootstrap-datetimepicker-widget.dropdown-menu.top:before { - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-top: 7px solid #ccc; - border-top-color: rgba(0, 0, 0, 0.2); - bottom: -7px; - left: 6px; -} -.bootstrap-datetimepicker-widget.dropdown-menu.top:after { - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-top: 6px solid white; - bottom: -6px; - left: 7px; -} -.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before { - left: auto; - right: 6px; -} -.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after { - left: auto; - right: 7px; -} -.bootstrap-datetimepicker-widget.dropdown-menu.wider { - width: 16rem; -} -.bootstrap-datetimepicker-widget .list-unstyled { - margin: 0; -} -.bootstrap-datetimepicker-widget a[data-action] { - padding: 6px 0; -} -.bootstrap-datetimepicker-widget a[data-action]:active { - box-shadow: none; -} -.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { - width: 54px; - font-weight: bold; - font-size: 1.2em; - margin: 0; -} -.bootstrap-datetimepicker-widget button[data-action] { - padding: 6px; -} -.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after { - content: "Increment Hours"; -} -.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after { - content: "Increment Minutes"; -} -.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after { - content: "Decrement Hours"; -} -.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after { - content: "Decrement Minutes"; -} -.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after { - content: "Show Hours"; -} -.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after { - content: "Show Minutes"; -} -.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after { - content: "Toggle AM/PM"; -} -.bootstrap-datetimepicker-widget .btn[data-action=clear]::after { - content: "Clear the picker"; -} -.bootstrap-datetimepicker-widget .btn[data-action=today]::after { - content: "Set the date to today"; -} -.bootstrap-datetimepicker-widget .picker-switch { - text-align: center; -} -.bootstrap-datetimepicker-widget .picker-switch::after { - content: "Toggle Date and Time Screens"; -} -.bootstrap-datetimepicker-widget .picker-switch td { - padding: 0; - margin: 0; - height: auto; - width: auto; - line-height: inherit; -} -.bootstrap-datetimepicker-widget .picker-switch td span { - line-height: 2.5; - height: 2.5em; - width: 100%; -} -.bootstrap-datetimepicker-widget table { - width: 100%; - margin: 0; -} -.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { - text-align: center; - border-radius: 4px; -} -.bootstrap-datetimepicker-widget table th { - height: 20px; - line-height: 20px; - width: 20px; -} -.bootstrap-datetimepicker-widget table th.picker-switch { - width: 145px; -} -.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { - background: none; - color: #999999; - cursor: not-allowed; -} -.bootstrap-datetimepicker-widget table th.prev::after { - content: "Previous Month"; -} -.bootstrap-datetimepicker-widget table th.next::after { - content: "Next Month"; -} -.bootstrap-datetimepicker-widget table thead tr:first-child th { - cursor: pointer; -} -.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { - background: #fafafa; -} -.bootstrap-datetimepicker-widget table td { - height: 54px; - line-height: 54px; - width: 54px; -} -.bootstrap-datetimepicker-widget table td.cw { - font-size: 0.8em; - height: 20px; - line-height: 20px; - color: #898989; -} -.bootstrap-datetimepicker-widget table td.day { - height: 20px; - line-height: 20px; - width: 20px; -} -.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { - background: #fafafa; - cursor: pointer; -} -.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { - color: #898989; -} -.bootstrap-datetimepicker-widget table td.today { - position: relative; -} -.bootstrap-datetimepicker-widget table td.today:before { - content: ""; - display: inline-block; - border: solid transparent; - border-width: 0 0 7px 7px; - border-bottom-color: #7366FF; - border-top-color: rgba(0, 0, 0, 0.2); - position: absolute; - bottom: 4px; - right: 4px; -} -.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #7366FF; - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.bootstrap-datetimepicker-widget table td.active.today:before { - border-bottom-color: #fff; -} -.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { - background: none; - color: #999999; - cursor: not-allowed; -} -.bootstrap-datetimepicker-widget table td span { - display: inline-block; - width: 54px; - height: 54px; - line-height: 54px; - margin: 2px 1.5px; - cursor: pointer; - border-radius: 4px; -} -.bootstrap-datetimepicker-widget table td span:hover { - background: #fafafa; -} -.bootstrap-datetimepicker-widget table td span.active { - background-color: #7366FF; - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.bootstrap-datetimepicker-widget table td span.old { - color: #898989; -} -.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { - background: none; - color: #999999; - cursor: not-allowed; -} -.bootstrap-datetimepicker-widget.usetwentyfour td.hour { - height: 27px; - line-height: 27px; -} - -.input-group [data-toggle=datetimepicker] { - cursor: pointer; -} \ No newline at end of file diff --git a/assets/css/vendors/daterange-picker.css b/assets/css/vendors/daterange-picker.css deleted file mode 100644 index f29295e..0000000 --- a/assets/css/vendors/daterange-picker.css +++ /dev/null @@ -1,307 +0,0 @@ -.daterangepicker { - position: absolute; - color: inherit; - background-color: #fff; - border-radius: 5px; - width: 278px; - padding: 4px; - margin-top: 1px; - font-family: Rubik, sans-serif; - top: 100px; - left: 20px; - box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5); - border: none; - /* Calendars */ -} -.daterangepicker:before, .daterangepicker:after { - position: absolute; - display: inline-block; - border-bottom-color: rgba(0, 0, 0, 0.2); - content: ""; -} -.daterangepicker:before { - top: -7px; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - border-bottom: 7px solid var(--theme-deafult); -} -.daterangepicker:after { - top: -6px; - border-right: 6px solid transparent; - border-bottom: 6px solid #fff; - border-left: 6px solid transparent; -} -.daterangepicker.opensleft:before { - right: 9px; -} -.daterangepicker.opensleft:after { - right: 10px; -} -.daterangepicker.openscenter:before { - left: 0; - right: 0; - width: 0; - margin-left: auto; - margin-right: auto; -} -.daterangepicker.openscenter:after { - left: 0; - right: 0; - width: 0; - margin-left: auto; - margin-right: auto; -} -.daterangepicker.opensright:before { - left: 9px; -} -.daterangepicker.opensright:after { - left: 10px; -} -.daterangepicker.dropup { - margin-top: -5px; -} -.daterangepicker.dropup:before { - top: initial; - bottom: -7px; - border-bottom: initial; - border-top: 7px solid #ccc; -} -.daterangepicker.dropup:after { - top: initial; - bottom: -6px; - border-bottom: initial; - border-top: 6px solid #fff; -} -.daterangepicker.dropdown-menu { - max-width: none; - z-index: 3001; -} -.daterangepicker.single .ranges, .daterangepicker.single .calendar { - float: none; -} -.daterangepicker.show-calendar .calendar { - display: block; -} -.daterangepicker .calendar { - display: none; - max-width: 270px; - margin: 4px; -} -.daterangepicker .calendar.single .calendar-table { - border: none; -} -.daterangepicker .calendar th, .daterangepicker .calendar td { - white-space: nowrap; - text-align: center; - min-width: 32px; -} -.daterangepicker .calendar-table { - border: 1px solid #fff; - padding: 4px; - border-radius: 5px; - background-color: #fff; -} -.daterangepicker table { - width: 100%; - margin: 0; -} -.daterangepicker td, .daterangepicker th { - text-align: center; - width: 20px; - height: 20px; - border-radius: 5px; - border: 1px solid transparent; - white-space: nowrap; - cursor: pointer; -} -.daterangepicker td.available:hover, .daterangepicker th.available:hover { - border-color: transparent; - background-color: var(--theme-deafult); - color: #fff; -} -.daterangepicker td.week, .daterangepicker th.week { - font-size: 80%; - color: #ccc; -} -.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { - background-color: #fff; - border-color: transparent; - color: #999; -} -.daterangepicker td.off.active { - color: #fff; -} -.daterangepicker td.in-range { - background-color: #ebf4f8; - border-color: transparent; - color: #000; - border-radius: 0; -} -.daterangepicker td.start-date { - border-radius: 5px; -} -.daterangepicker td.end-date { - border-radius: 5px; -} -.daterangepicker td.start-date.end-date { - border-radius: 5px; -} -.daterangepicker td.active, .daterangepicker td.active:hover { - background-color: #357ebd; - border-color: transparent; - color: #fff; -} -.daterangepicker th.month { - width: auto; -} -.daterangepicker td.disabled, .daterangepicker option.disabled { - color: #999; - cursor: not-allowed; - text-decoration: line-through; -} -.daterangepicker select.monthselect, .daterangepicker select.yearselect { - font-size: 12px; - padding: 1px; - height: auto; - margin: 0; - cursor: default; -} -.daterangepicker select.monthselect { - margin-right: 2%; - width: 56%; -} -.daterangepicker select.yearselect { - width: 40%; -} -.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { - width: 50px; - margin-bottom: 0; -} -.daterangepicker .input-mini { - border: 1px solid #ccc; - border-radius: 4px; - color: #555; - height: 30px; - line-height: 30px; - display: block; - vertical-align: middle; - margin: 0 0 5px 0; - padding: 0 6px 0 28px; - width: 100%; -} -.daterangepicker .input-mini.active { - border: 1px solid var(--theme-deafult); - border-radius: 4px; -} -.daterangepicker .daterangepicker_input { - position: relative; -} -.daterangepicker .daterangepicker_input i { - position: absolute; - left: 8px; - top: 8px; -} -.daterangepicker .calendar-time { - text-align: center; - margin: 5px auto; - line-height: 30px; - position: relative; - padding-left: 28px; -} -.daterangepicker .calendar-time select.disabled { - color: #ccc; - cursor: not-allowed; -} - -.ranges { - font-size: 11px; - float: none; - margin: 4px; - text-align: left; -} -.ranges ul { - list-style: none; - margin: 0 auto; - padding: 0; - width: 100%; -} -.ranges li { - font-size: 14px; - background-color: rgba(246, 246, 246, 0.6); - border: 1px solid rgba(246, 246, 246, 0.6); - border-radius: 5px; - color: #08c; - padding: 3px 12px; - margin-bottom: 8px; - cursor: pointer; -} -.ranges li:hover { - background-color: #08c; - border: 1px solid #08c; - color: #fff; -} -.ranges li.active { - background-color: #08c; - border: 1px solid #08c; - color: #fff; -} - -/* Larger Screen Styling */ -@media (min-width: 564px) { - .daterangepicker { - width: auto; - } - .daterangepicker .ranges ul { - width: 160px; - } - .daterangepicker.single .ranges ul { - width: 100%; - } - .daterangepicker.single .calendar.left { - clear: none; - } - .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { - float: left; - } - .daterangepicker.ltr { - direction: ltr; - text-align: left; - } - .daterangepicker.ltr .calendar.left { - clear: left; - margin-right: 0; - } - .daterangepicker.ltr .calendar.left .calendar-table { - border-right: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .daterangepicker.ltr .calendar.right { - margin-left: 0; - } - .daterangepicker.ltr .calendar.right .calendar-table { - border-left: none; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - .daterangepicker.ltr .left .daterangepicker_input { - padding-right: 12px; - } - .daterangepicker.ltr .calendar.left .calendar-table { - padding-right: 12px; - } - .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { - float: left; - } -} -@media (min-width: 730px) { - .daterangepicker .ranges { - width: auto; - } - .daterangepicker.ltr .ranges { - float: left; - } - .daterangepicker .calendar.left { - clear: none !important; - } -} \ No newline at end of file diff --git a/assets/css/vendors/dropzone.css b/assets/css/vendors/dropzone.css deleted file mode 100644 index 6054420..0000000 --- a/assets/css/vendors/dropzone.css +++ /dev/null @@ -1,613 +0,0 @@ -/* The MIT License */ -@-moz-keyframes loading { - 0% { - background-position: 0 -400px; - } - 100% { - background-position: -7px -400px; - } -} -@-webkit-keyframes loading { - 0% { - background-position: 0 -400px; - } - 100% { - background-position: -7px -400px; - } -} -@-o-keyframes loading { - 0% { - background-position: 0 -400px; - } - 100% { - background-position: -7px -400px; - } -} -@-ms-keyframes loading { - 0% { - background-position: 0 -400px; - } - 100% { - background-position: -7px -400px; - } -} -@keyframes loading { - 0% { - background-position: 0 -400px; - } - 100% { - background-position: -7px -400px; - } -} -.dropzone { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.08); - background: rgba(0, 0, 0, 0.02); - padding: 1em; - min-height: 360px; - -webkit-border-radius: 3px; - border-radius: 3px; -} -.dropzone * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.dropzone .dz-message { - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone .dz-preview { - background: rgba(255, 255, 255, 0.8); - position: relative; - display: inline-block; - margin: 17px; - vertical-align: top; - border: 1px solid #acacac; - padding: 6px 6px 6px 6px; - -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); - font-size: 14px; -} -.dropzone .dz-preview .dz-details { - position: absolute; - top: 10px; - background-color: #eeeeee; - width: 50%; - left: 32px; - text-align: center; -} -.dropzone .dz-preview .dz-details .dz-filename { - overflow: hidden; - height: 0; -} -.dropzone .dz-preview .dz-details img { - position: absolute; - top: 0; - left: 0; - width: 100px; - height: 100px; -} -.dropzone .dz-preview:hover .dz-details img { - display: none; -} -.dropzone .dz-preview .dz-success-mark { - display: none; - position: absolute; - width: 40px; - height: 40px; - font-size: 30px; - text-align: center; - right: -10px; - top: -10px; - color: #8cc657; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: no-repeat; - background-position: -268px -163px; -} -.dropzone .dz-preview .dz-success-mark span { - display: none; -} -.dropzone .dz-preview .dz-error-mark { - display: none; - position: absolute; - width: 40px; - height: 40px; - font-size: 30px; - text-align: center; - right: -10px; - top: -10px; - color: #ee162d; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: no-repeat; - background-position: -268px -123px; -} -.dropzone .dz-preview .dz-error-mark span { - display: none; -} -.dropzone .dz-preview .dz-progress { - position: absolute; - top: 100px; - left: 6px; - right: 6px; - height: 6px; - background: #54BA4A; - display: none; -} -.dropzone .dz-preview .dz-progress .dz-upload { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 0%; - background-color: #8cc657; - -webkit-animation: loading 0.4s linear infinite; - -moz-animation: loading 0.4s linear infinite; - -o-animation: loading 0.4s linear infinite; - -ms-animation: loading 0.4s linear infinite; - animation: loading 0.4s linear infinite; - -webkit-transition: width 0.3s ease-in-out; - -moz-transition: width 0.3s ease-in-out; - -o-transition: width 0.3s ease-in-out; - -ms-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; - -webkit-border-radius: 2px; - border-radius: 2px; - position: absolute; - top: 0; - left: 0; - width: 0%; - height: 100%; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: repeat-x; - background-position: 0px -400px; -} -.dropzone .dz-preview .dz-error-message { - display: none; - position: absolute; - top: -5px; - left: -20px; - background: rgba(245, 245, 245, 0.8); - padding: 8px 10px; - color: #800; - min-width: 140px; - max-width: 500px; - z-index: 500; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.3s ease-in-out; - -moz-transition: opacity 0.3s ease-in-out; - -o-transition: opacity 0.3s ease-in-out; - -ms-transition: opacity 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; -} -.dropzone .dz-preview:hover.dz-error .dz-error-message { - display: block; - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail] { - display: none; -} -.dropzone .dz-preview.dz-error .dz-error-mark { - display: block; - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone .dz-preview.dz-error .dz-progress .dz-upload { - background: #54BA4A; -} -.dropzone .dz-preview.dz-success .dz-success-mark { - display: block; - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone .dz-preview.dz-success .dz-progress { - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; -} -.dropzone .dz-preview.dz-processing .dz-progress { - display: block; -} -.dropzone .dz-default.dz-message { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: opacity 0.3s ease-in-out; - -moz-transition: opacity 0.3s ease-in-out; - -o-transition: opacity 0.3s ease-in-out; - -ms-transition: opacity 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: no-repeat; - background-position: 0 0; - position: absolute; - width: 428px; - height: 123px; - margin-left: -214px; - margin-top: -61.5px; - top: 50%; - left: 50%; -} -.dropzone .dz-default.dz-message span { - display: none; -} -.dropzone .dz-preview.dz-image-preview:hover .dz-details img { - display: block; - opacity: 0.1; - filter: alpha(opacity=10); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; -} - -.dropzone-previews { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.dropzone-previews * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.dropzone-previews .dz-preview { - background: rgba(255, 255, 255, 0.8); - position: relative; - display: inline-block; - margin: 17px; - vertical-align: top; - border: 1px solid #acacac; - padding: 6px 6px 6px 6px; - -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); - font-size: 14px; -} -.dropzone-previews .dz-preview .dz-details { - width: 100px; - height: 100px; - position: relative; - background: #ebebeb; - padding: 5px; - margin-bottom: 22px; -} -.dropzone-previews .dz-preview .dz-details .dz-filename { - overflow: hidden; - height: 100%; -} -.dropzone-previews .dz-preview .dz-details img { - position: absolute; - top: 0; - left: 0; - width: 100px; - height: 100px; -} -.dropzone-previews .dz-preview .dz-details .dz-size { - position: absolute; - bottom: -28px; - left: 3px; - height: 28px; - line-height: 28px; -} -.dropzone-previews .dz-preview:hover .dz-details img { - display: none; -} -.dropzone-previews .dz-preview .dz-success-mark { - display: none; - position: absolute; - width: 40px; - height: 40px; - font-size: 30px; - text-align: center; - right: -10px; - top: -10px; - color: #8cc657; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: no-repeat; - background-position: -268px -163px; -} -.dropzone-previews .dz-preview .dz-success-mark span { - display: none; -} -.dropzone-previews .dz-preview .dz-error-mark { - display: none; - position: absolute; - width: 40px; - height: 40px; - font-size: 30px; - text-align: center; - right: -10px; - top: -10px; - color: #ee162d; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: no-repeat; - background-position: -268px -123px; -} -.dropzone-previews .dz-preview .dz-error-mark span { - display: none; -} -.dropzone-previews .dz-preview .dz-progress { - position: absolute; - top: 100px; - left: 6px; - right: 6px; - height: 6px; - background: #54BA4A; - display: none; -} -.dropzone-previews .dz-preview .dz-progress .dz-upload { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 0%; - background-color: #8cc657; - -webkit-animation: loading 0.4s linear infinite; - -moz-animation: loading 0.4s linear infinite; - -o-animation: loading 0.4s linear infinite; - -ms-animation: loading 0.4s linear infinite; - animation: loading 0.4s linear infinite; - -webkit-transition: width 0.3s ease-in-out; - -moz-transition: width 0.3s ease-in-out; - -o-transition: width 0.3s ease-in-out; - -ms-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; - -webkit-border-radius: 2px; - border-radius: 2px; - position: absolute; - top: 0; - left: 0; - width: 0%; - height: 100%; - background-image: image-url("dropzone-spritemap.png"); - background-repeat: repeat-x; - background-position: 0px -400px; -} -.dropzone-previews .dz-preview .dz-error-message { - display: none; - position: absolute; - top: -5px; - left: -20px; - background: rgba(245, 245, 245, 0.8); - padding: 8px 10px; - color: #800; - min-width: 140px; - max-width: 500px; - z-index: 500; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.3s ease-in-out; - -moz-transition: opacity 0.3s ease-in-out; - -o-transition: opacity 0.3s ease-in-out; - -ms-transition: opacity 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; -} -.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { - display: block; - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { - display: none; -} -.dropzone-previews .dz-preview.dz-error .dz-error-mark { - display: block; - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { - background: #ee1e2d; -} -.dropzone-previews .dz-preview.dz-success .dz-success-mark { - display: block; - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone-previews .dz-preview.dz-success .dz-progress { - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; -} -.dropzone-previews .dz-preview.dz-processing .dz-progress { - display: block; -} -.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { - display: block; - opacity: 0.1; - filter: alpha(opacity=10); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; -} - -.dropzone.dz-clickable { - cursor: pointer; - text-align: center; -} -.dropzone.dz-clickable .dz-message { - cursor: pointer; -} -.dropzone.dz-clickable .dz-message * { - cursor: default; -} -.dropzone.dz-clickable .dz-message .dz-message { - cursor: pointer; -} -.dropzone.dz-clickable * { - cursor: default; - border-radius: 5px; -} - -.dropzone.dz-drag-hover { - border-color: rgba(0, 0, 0, 0.15); - background: rgba(0, 0, 0, 0.04); -} -.dropzone.dz-drag-hover .dz-message { - opacity: 0.15; - filter: alpha(opacity=15); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; -} - -.dropzone.dz-started .dz-message { - display: none; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} - -.dropzone.dz-square .dz-default.dz-message { - background-position: 0 -123px; - width: 268px; - margin-left: -134px; - height: 174px; - margin-top: -87px; -} - -/* - * The MIT License - * Copyright (c) 2012 Matias Meno