html {
scroll-behavior:smooth
}
body {
background-color:rgba(246,246,246,0.6);
font-size:14px;
overflow-x:hidden;
font-family:Nunito;
color:#242934
}
ul {
padding-left:0px;
list-style-type:none;
margin-bottom:0;
padding-right:0px
}
* a {
color:#7e37d8
}
*.btn:focus {
-webkit-box-shadow:none !important;
box-shadow:none !important
}
p {
font-size:13px;
line-height:1.7;
letter-spacing:.7px
}
code {
color:#7e37d8 !important;
background-color:#f8f5fd;
padding:3px;
margin:0 3px;
border-radius:2px
}
blockquote {
border-left:4px solid #e8ebf2;
padding:15px
}
blockquote.text-center {
border:none;
padding:15px
}
blockquote.text-right {
border-left:none;
border-right:4px solid #e8ebf2;
padding:15px
}
:focus {
outline-color:#7e37d8
}
.disabled {
cursor:not-allowed;
opacity:0.5
}
svg {
vertical-align:baseline
}
input:focus {
outline-color:rgba(0,0,0,0)
}
.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:20px 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(126,55,216,0.03);
padding:20px 0
}
a:hover {
text-decoration:none;
color:#7e37d8
}
.owl-theme .owl-dots .owl-dot span {
background:#b58ce9
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background:#7e37d8
}
.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:#f8f5fd
}
.note-editor.note-frame {
border-color:#f8f5fd
}
.my-gallery img {
border-radius:15px !important
}
.modal-dialog .modal-content .modal-body p a {
margin-right:0
}
.alert-theme button {
top:33px !important;
right:35px !important;
color:#7e37d8
}
.alert-theme img {
margin-right:10px
}
.alert-theme span+span+span {
padding:15px;
background-color:#f7f3fd;
-webkit-box-shadow:2px 12px 20px -15px rgba(126,55,216,0.3);
box-shadow:2px 12px 20px -15px rgba(126,55,216,0.3);
border:1px solid rgba(126,55,216,0.02);
border-radius:15px;
color:rgba(126,55,216,0.5)
}
.alert-theme span+span+span>strong {
color:rgba(126,55,216,0.9);
padding-right:2px
}
.alert-copy {
border:1px solid #7e37d8;
line-height:1;
display:inline-block;
width:300px;
color:#fff;
background-color:#7e37d8;
-webkit-box-shadow:3px 3px 5px 0 #9b9b9b;
box-shadow:3px 3px 5px 0 #9b9b9b
}
.alert-copy .close {
-webkit-box-shadow:none;
box-shadow:none;
color:#fff;
line-height:1.4;
font-weight:100
}
.ace-editor {
height:400px;
width:100%
}
.editor-toolbar {
width:100% !important
}
.CodeMirror {
top:0 !important
}
.language {
position:relative
}
.js-languageSelect {
position:absolute;
top:18px;
right:30px;
padding:12px
}
.irs-line-mid,.irs-line-left,.irs-line-right,.irs-bar,.irs-bar-edge {
background-color:#7e37d8
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.f-12 {
font-size:12px
}
.f-14 {
font-size:14px
}
.f-16 {
font-size:16px
}
.f-18 {
font-size:18px
}
.f-20 {
font-size:20px
}
.f-22 {
font-size:22px
}
.f-24 {
font-size:24px
}
.f-26 {
font-size:26px
}
.f-28 {
font-size:28px
}
.f-30 {
font-size:30px
}
.f-32 {
font-size:32px
}
.f-34 {
font-size:34px
}
.f-36 {
font-size:36px
}
.f-38 {
font-size:38px
}
.f-40 {
font-size:40px
}
.f-42 {
font-size:42px
}
.f-44 {
font-size:44px
}
.f-46 {
font-size:46px
}
.f-48 {
font-size:48px
}
.f-50 {
font-size:50px
}
.f-52 {
font-size:52px
}
.f-54 {
font-size:54px
}
.f-56 {
font-size:56px
}
.f-58 {
font-size:58px
}
.f-60 {
font-size:60px
}
.f-62 {
font-size:62px
}
.f-64 {
font-size:64px
}
.f-66 {
font-size:66px
}
.f-68 {
font-size:68px
}
.f-70 {
font-size:70px
}
.f-72 {
font-size:72px
}
.f-74 {
font-size:74px
}
.f-76 {
font-size:76px
}
.f-78 {
font-size:78px
}
.f-80 {
font-size:80px
}
.f-82 {
font-size:82px
}
.f-84 {
font-size:84px
}
.f-86 {
font-size:86px
}
.f-88 {
font-size:88px
}
.f-90 {
font-size:90px
}
.f-92 {
font-size:92px
}
.f-94 {
font-size:94px
}
.f-96 {
font-size:96px
}
.f-98 {
font-size:98px
}
.f-100 {
font-size:100px
}
.f-w-100 {
font-weight:100
}
.f-w-300 {
font-weight:300
}
.f-w-400 {
font-weight:400
}
.f-w-600 {
font-weight:600
}
.f-w-700 {
font-weight:700
}
.f-w-900 {
font-weight:900
}
.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
}
.text-overline {
text-decoration:overline
}
.text-line-through {
text-decoration:line-through
}
.text-underline {
text-decoration:underline
}
.text-dashed {
-webkit-text-decoration:dashed;
text-decoration:dashed
}
.text-blink {
text-decoration:blink
}
.text-dotted {
-webkit-text-decoration:dotted;
text-decoration:dotted
}
.text-initial {
text-decoration:initial
}
.text-none {
text-decoration:none
}
.text-solid {
-webkit-text-decoration:solid;
text-decoration:solid
}
.text-wavy {
-webkit-text-decoration:wavy;
text-decoration:wavy
}
.text-inherit {
text-decoration:inherit
}
.text-double {
-webkit-text-decoration:double;
text-decoration:double
}
.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
}
.p-static {
position:static
}
.p-absolute {
position:absolute
}
.p-fixed {
position:fixed
}
.p-relative {
position:relative
}
.p-initial {
position:initial
}
.p-inherit {
position:inherit
}
.f-left {
float:left
}
.f-right {
float:right
}
.f-none {
float:none
}
.o-hidden {
overflow:hidden
}
.o-visible {
overflow:visible
}
.o-auto {
overflow:auto
}
.img-10 {
width:10px !important
}
.img-20 {
width:20px !important
}
.img-30 {
width:30px !important
}
.img-40 {
width:40px !important
}
.img-50 {
width:50px !important
}
.img-60 {
width:60px !important
}
.img-70 {
width:70px !important
}
.img-80 {
width:80px !important
}
.img-90 {
width:90px !important
}
.img-100 {
width:100px !important
}
.font-primary {
color:#7e37d8 !important
}
.font-secondary {
color:#fe80b2 !important
}
.font-success {
color:#80cf00 !important
}
.font-danger {
color:#fd517d !important
}
.font-info {
color:#06b5dd !important
}
.font-light {
color:#f8f5fd !important
}
.font-dark {
color:#2c323f !important
}
.font-warning {
color:#ffc717 !important
}
.label {
border-radius:2px;
color:#fff;
font-size:12px;
line-height:1;
margin-bottom:0;
text-transform:capitalize
}
.label-theme {
background-color:#7e37d8
}
.label-primary {
background-color:#7e37d8
}
.label-secondary {
background-color:#fe80b2
}
.label-success {
background-color:#80cf00
}
.label-danger {
background-color:#fd517d
}
.label-info {
background-color:#06b5dd
}
.label-light {
background-color:#f8f5fd
}
.label-dark {
background-color:#2c323f
}
.label-warning {
background-color:#ffc717
}
.badge-primary {
background-color:#7e37d8;
color:#fff
}
.badge-secondary {
background-color:#fe80b2;
color:#fff
}
.badge-success {
background-color:#80cf00;
color:#fff
}
.badge-danger {
background-color:#fd517d;
color:#fff
}
.badge-info {
background-color:#06b5dd;
color:#fff
}
.badge-dark {
background-color:#2c323f;
color:#fff
}
.badge-warning {
background-color:#ffc717;
color:#fff
}
.bg-primary {
background-color:#7e37d8 !important;
color:#fff
}
.bg-secondary {
background-color:#fe80b2 !important;
color:#fff
}
.bg-success {
background-color:#80cf00 !important;
color:#fff
}
.bg-danger {
background-color:#fd517d !important;
color:#fff
}
.bg-info {
background-color:#06b5dd !important;
color:#fff
}
.bg-light {
background-color:#f8f5fd !important;
color:#fff
}
.bg-dark {
background-color:#2c323f !important;
color:#fff
}
.bg-warning {
background-color:#ffc717 !important;
color:#fff
}
.txt-primary {
color:#7e37d8 !important
}
.txt-secondary {
color:#fe80b2 !important
}
.txt-success {
color:#80cf00 !important
}
.txt-danger {
color:#fd517d !important
}
.txt-info {
color:#06b5dd !important
}
.txt-light {
color:#f8f5fd !important
}
.txt-dark {
color:#2c323f !important
}
.txt-warning {
color:#ffc717 !important
}
.txt-google-plus {
color:#c64e40 !important
}
.txt-twitter {
color:#6fa2d8 !important
}
.txt-linkedin {
color:#0077B5 !important
}
.txt-fb {
color:#50598e !important
}
.txt-white {
color:#fff !important
}
.btn-primary {
background-color:#7e37d8 !important;
border-color:#7e37d8 !important
}
.btn-primary.disabled {
background-color:#7e37d8 !important;
border-color:#7e37d8 !important
}
.btn-primary:disabled {
background-color:#7e37d8 !important;
border-color:#7e37d8 !important
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active {
background-color:#6524b8 !important;
border-color:#6524b8 !important
}
.btn-primary:focus {
-webkit-box-shadow:0 0 0 0.2rem #d1b7f1;
box-shadow:0 0 0 0.2rem #d1b7f1
}
.btn-secondary {
background-color:#fe80b2 !important;
border-color:#fe80b2 !important
}
.btn-secondary.disabled {
background-color:#fe80b2 !important;
border-color:#fe80b2 !important
}
.btn-secondary:disabled {
background-color:#fe80b2 !important;
border-color:#fe80b2 !important
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active {
background-color:#fe4d93 !important;
border-color:#fe4d93 !important
}
.btn-secondary:focus {
-webkit-box-shadow:0 0 0 0.2rem #fff;
box-shadow:0 0 0 0.2rem #fff
}
.btn-success {
background-color:#80cf00 !important;
border-color:#80cf00 !important
}
.btn-success.disabled {
background-color:#80cf00 !important;
border-color:#80cf00 !important
}
.btn-success:disabled {
background-color:#80cf00 !important;
border-color:#80cf00 !important
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active {
background-color:#609c00 !important;
border-color:#609c00 !important
}
.btn-success:focus {
-webkit-box-shadow:0 0 0 0.2rem #c6ff69;
box-shadow:0 0 0 0.2rem #c6ff69
}
.btn-danger {
background-color:#fd517d !important;
border-color:#fd517d !important
}
.btn-danger.disabled {
background-color:#fd517d !important;
border-color:#fd517d !important
}
.btn-danger:disabled {
background-color:#fd517d !important;
border-color:#fd517d !important
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active {
background-color:#fc1f57 !important;
border-color:#fc1f57 !important
}
.btn-danger:focus {
-webkit-box-shadow:0 0 0 0.2rem #ffe8ee;
box-shadow:0 0 0 0.2rem #ffe8ee
}
.btn-info {
background-color:#06b5dd !important;
border-color:#06b5dd !important
}
.btn-info.disabled {
background-color:#06b5dd !important;
border-color:#06b5dd !important
}
.btn-info:disabled {
background-color:#06b5dd !important;
border-color:#06b5dd !important
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active {
background-color:#058cab !important;
border-color:#058cab !important
}
.btn-info:focus {
-webkit-box-shadow:0 0 0 0.2rem #80e5fc;
box-shadow:0 0 0 0.2rem #80e5fc
}
.btn-light {
background-color:#f8f5fd !important;
border-color:#f8f5fd !important
}
.btn-light.disabled {
background-color:#f8f5fd !important;
border-color:#f8f5fd !important
}
.btn-light:disabled {
background-color:#f8f5fd !important;
border-color:#f8f5fd !important
}
.btn-light:hover,.btn-light:focus,.btn-light:active,.btn-light.active {
background-color:#dacbf5 !important;
border-color:#dacbf5 !important
}
.btn-light:focus {
-webkit-box-shadow:0 0 0 0.2rem #fff;
box-shadow:0 0 0 0.2rem #fff
}
.btn-dark {
background-color:#2c323f !important;
border-color:#2c323f !important
}
.btn-dark.disabled {
background-color:#2c323f !important;
border-color:#2c323f !important
}
.btn-dark:disabled {
background-color:#2c323f !important;
border-color:#2c323f !important
}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active {
background-color:#171a21 !important;
border-color:#171a21 !important
}
.btn-dark:focus {
-webkit-box-shadow:0 0 0 0.2rem #6c7a98;
box-shadow:0 0 0 0.2rem #6c7a98
}
.btn-warning {
background-color:#ffc717 !important;
border-color:#ffc717 !important
}
.btn-warning.disabled {
background-color:#ffc717 !important;
border-color:#ffc717 !important
}
.btn-warning:disabled {
background-color:#ffc717 !important;
border-color:#ffc717 !important
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active {
background-color:#e3ac00 !important;
border-color:#e3ac00 !important
}
.btn-warning:focus {
-webkit-box-shadow:0 0 0 0.2rem #ffecb0;
box-shadow:0 0 0 0.2rem #ffecb0
}
.btn-outline-primary-2x {
border-width:2px;
border-color:#7e37d8;
color:#7e37d8;
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:#6524b8 !important;
border-color:#6524b8 !important;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-secondary-2x {
border-width:2px;
border-color:#fe80b2;
color:#fe80b2;
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:#fe4d93 !important;
border-color:#fe4d93 !important;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-success-2x {
border-width:2px;
border-color:#80cf00;
color:#80cf00;
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:#609c00 !important;
border-color:#609c00 !important;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-danger-2x {
border-width:2px;
border-color:#fd517d;
color:#fd517d;
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:#fc1f57 !important;
border-color:#fc1f57 !important;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-info-2x {
border-width:2px;
border-color:#06b5dd;
color:#06b5dd;
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:#058cab !important;
border-color:#058cab !important;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-light-2x {
border-width:2px;
border-color:#f8f5fd;
color:#f8f5fd;
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:#dacbf5 !important;
border-color:#dacbf5 !important;
-webkit-box-shadow:none;
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;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-warning-2x {
border-width:2px;
border-color:#ffc717;
color:#ffc717;
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:#e3ac00 !important;
border-color:#e3ac00 !important;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-outline-primary {
border-color:#7e37d8;
color:#7e37d8;
background-color:transparent
}
.btn-outline-primary.disabled {
color:#7e37d8
}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active {
color:white;
background-color:#6524b8 !important;
border-color:#6524b8 !important
}
.btn-outline-secondary {
border-color:#fe80b2;
color:#fe80b2;
background-color:transparent
}
.btn-outline-secondary.disabled {
color:#fe80b2
}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active,.btn-outline-secondary.active {
color:white;
background-color:#fe4d93 !important;
border-color:#fe4d93 !important
}
.btn-outline-success {
border-color:#80cf00;
color:#80cf00;
background-color:transparent
}
.btn-outline-success.disabled {
color:#80cf00
}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active {
color:white;
background-color:#609c00 !important;
border-color:#609c00 !important
}
.btn-outline-danger {
border-color:#fd517d;
color:#fd517d;
background-color:transparent
}
.btn-outline-danger.disabled {
color:#fd517d
}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active,.btn-outline-danger.active {
color:white;
background-color:#fc1f57 !important;
border-color:#fc1f57 !important
}
.btn-outline-info {
border-color:#06b5dd;
color:#06b5dd;
background-color:transparent
}
.btn-outline-info.disabled {
color:#06b5dd
}
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info:active,.btn-outline-info.active {
color:white;
background-color:#058cab !important;
border-color:#058cab !important
}
.btn-outline-light {
border-color:#f8f5fd;
color:#f8f5fd;
background-color:transparent;
color:#1b3155
}
.btn-outline-light.disabled {
color:#f8f5fd
}
.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active {
color:white;
background-color:#dacbf5 !important;
border-color:#dacbf5 !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:#ffc717;
color:#ffc717;
background-color:transparent
}
.btn-outline-warning.disabled {
color:#ffc717
}
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning.active {
color:white;
background-color:#e3ac00 !important;
border-color:#e3ac00 !important
}
.btn-primary:not([disabled]):not(.disabled).active {
background-color:#6524b8;
border-color:#6524b8;
-webkit-box-shadow:none !important;
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:#6524b8;
border-color:#6524b8
}
.btn-secondary:not([disabled]):not(.disabled).active {
background-color:#fe4d93;
border-color:#fe4d93;
-webkit-box-shadow:none !important;
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:#fe4d93;
border-color:#fe4d93
}
.btn-success:not([disabled]):not(.disabled).active {
background-color:#609c00;
border-color:#609c00;
-webkit-box-shadow:none !important;
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:#609c00;
border-color:#609c00
}
.btn-danger:not([disabled]):not(.disabled).active {
background-color:#fc1f57;
border-color:#fc1f57;
-webkit-box-shadow:none !important;
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:#fc1f57;
border-color:#fc1f57
}
.btn-info:not([disabled]):not(.disabled).active {
background-color:#058cab;
border-color:#058cab;
-webkit-box-shadow:none !important;
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:#058cab;
border-color:#058cab
}
.btn-light:not([disabled]):not(.disabled).active {
background-color:#dacbf5;
border-color:#dacbf5;
-webkit-box-shadow:none !important;
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:#dacbf5;
border-color:#dacbf5;
color:#7e37d8
}
.btn-dark:not([disabled]):not(.disabled).active {
background-color:#171a21;
border-color:#171a21;
-webkit-box-shadow:none !important;
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:#e3ac00;
border-color:#e3ac00;
-webkit-box-shadow:none !important;
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:#e3ac00;
border-color:#e3ac00
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
background-color:#7e37d8;
border-color:#7e37d8;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#6524b8 !important;
border-color:#6524b8 !important
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active {
background-color:#fe80b2;
border-color:#fe80b2;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#fe4d93 !important;
border-color:#fe4d93 !important
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active {
background-color:#80cf00;
border-color:#80cf00;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#609c00 !important;
border-color:#609c00 !important
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active {
background-color:#fd517d;
border-color:#fd517d;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#fc1f57 !important;
border-color:#fc1f57 !important
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active {
background-color:#06b5dd;
border-color:#06b5dd;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#058cab !important;
border-color:#058cab !important
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active {
background-color:#f8f5fd;
border-color:#f8f5fd;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#dacbf5 !important;
border-color:#dacbf5 !important
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active {
background-color:#2c323f;
border-color:#2c323f;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#171a21 !important;
border-color:#171a21 !important
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active {
background-color:#ffc717;
border-color:#ffc717;
-webkit-box-shadow:none !important;
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;
-webkit-box-shadow:none !important;
box-shadow:none !important;
background-color:#e3ac00 !important;
border-color:#e3ac00 !important
}
table thead .border-bottom-primary th,table tbody .border-bottom-primary th,table tbody .border-bottom-primary td {
border-bottom:1px solid #7e37d8
}
table thead .border-bottom-secondary th,table tbody .border-bottom-secondary th,table tbody .border-bottom-secondary td {
border-bottom:1px solid #fe80b2
}
table thead .border-bottom-success th,table tbody .border-bottom-success th,table tbody .border-bottom-success td {
border-bottom:1px solid #80cf00
}
table thead .border-bottom-danger th,table tbody .border-bottom-danger th,table tbody .border-bottom-danger td {
border-bottom:1px solid #fd517d
}
table thead .border-bottom-info th,table tbody .border-bottom-info th,table tbody .border-bottom-info td {
border-bottom:1px solid #06b5dd
}
table thead .border-bottom-light th,table tbody .border-bottom-light th,table tbody .border-bottom-light td {
border-bottom:1px solid #f8f5fd
}
table thead .border-bottom-dark th,table tbody .border-bottom-dark th,table tbody .border-bottom-dark td {
border-bottom:1px solid #2c323f
}
table thead .border-bottom-warning th,table tbody .border-bottom-warning th,table tbody .border-bottom-warning td {
border-bottom:1px solid #ffc717
}
.table-styling .table-primary,.table-styling.table-primary {
background-color:#7e37d8;
color:#fff;
border:3px solid #7e37d8
}
.table-styling .table-primary thead,.table-styling.table-primary thead {
background-color:#6524b8;
border:3px solid #6524b8
}
.table-styling .table-secondary,.table-styling.table-secondary {
background-color:#fe80b2;
color:#fff;
border:3px solid #fe80b2
}
.table-styling .table-secondary thead,.table-styling.table-secondary thead {
background-color:#fe4d93;
border:3px solid #fe4d93
}
.table-styling .table-success,.table-styling.table-success {
background-color:#80cf00;
color:#fff;
border:3px solid #80cf00
}
.table-styling .table-success thead,.table-styling.table-success thead {
background-color:#609c00;
border:3px solid #609c00
}
.table-styling .table-danger,.table-styling.table-danger {
background-color:#fd517d;
color:#fff;
border:3px solid #fd517d
}
.table-styling .table-danger thead,.table-styling.table-danger thead {
background-color:#fc1f57;
border:3px solid #fc1f57
}
.table-styling .table-info,.table-styling.table-info {
background-color:#06b5dd;
color:#fff;
border:3px solid #06b5dd
}
.table-styling .table-info thead,.table-styling.table-info thead {
background-color:#058cab;
border:3px solid #058cab
}
.table-styling .table-light,.table-styling.table-light {
background-color:#f8f5fd;
color:#fff;
border:3px solid #f8f5fd
}
.table-styling .table-light thead,.table-styling.table-light thead {
background-color:#dacbf5;
border:3px solid #dacbf5
}
.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-warning,.table-styling.table-warning {
background-color:#ffc717;
color:#fff;
border:3px solid #ffc717
}
.table-styling .table-warning thead,.table-styling.table-warning thead {
background-color:#e3ac00;
border:3px solid #e3ac00
}
.b-primary {
border:1px solid #7e37d8 !important
}
.b-t-primary {
border-top:1px solid #7e37d8 !important
}
.b-b-primary {
border-bottom:1px solid #7e37d8 !important
}
.b-l-primary {
border-left:1px solid #7e37d8 !important
}
.b-r-primary {
border-right:1px solid #7e37d8 !important
}
.b-secondary {
border:1px solid #fe80b2 !important
}
.b-t-secondary {
border-top:1px solid #fe80b2 !important
}
.b-b-secondary {
border-bottom:1px solid #fe80b2 !important
}
.b-l-secondary {
border-left:1px solid #fe80b2 !important
}
.b-r-secondary {
border-right:1px solid #fe80b2 !important
}
.b-success {
border:1px solid #80cf00 !important
}
.b-t-success {
border-top:1px solid #80cf00 !important
}
.b-b-success {
border-bottom:1px solid #80cf00 !important
}
.b-l-success {
border-left:1px solid #80cf00 !important
}
.b-r-success {
border-right:1px solid #80cf00 !important
}
.b-danger {
border:1px solid #fd517d !important
}
.b-t-danger {
border-top:1px solid #fd517d !important
}
.b-b-danger {
border-bottom:1px solid #fd517d !important
}
.b-l-danger {
border-left:1px solid #fd517d !important
}
.b-r-danger {
border-right:1px solid #fd517d !important
}
.b-info {
border:1px solid #06b5dd !important
}
.b-t-info {
border-top:1px solid #06b5dd !important
}
.b-b-info {
border-bottom:1px solid #06b5dd !important
}
.b-l-info {
border-left:1px solid #06b5dd !important
}
.b-r-info {
border-right:1px solid #06b5dd !important
}
.b-light {
border:1px solid #f8f5fd !important
}
.b-t-light {
border-top:1px solid #f8f5fd !important
}
.b-b-light {
border-bottom:1px solid #f8f5fd !important
}
.b-l-light {
border-left:1px solid #f8f5fd !important
}
.b-r-light {
border-right:1px solid #f8f5fd !important
}
.b-dark {
border:1px solid #2c323f !important
}
.b-t-dark {
border-top:1px solid #2c323f !important
}
.b-b-dark {
border-bottom:1px solid #2c323f !important
}
.b-l-dark {
border-left:1px solid #2c323f !important
}
.b-r-dark {
border-right:1px solid #2c323f !important
}
.b-warning {
border:1px solid #ffc717 !important
}
.b-t-warning {
border-top:1px solid #ffc717 !important
}
.b-b-warning {
border-bottom:1px solid #ffc717 !important
}
.b-l-warning {
border-left:1px solid #ffc717 !important
}
.b-r-warning {
border-right:1px solid #ffc717 !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-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
}
.opacity-0 {
opacity:0
}
.shadow-0 {
-webkit-box-shadow:none;
box-shadow:none
}
.map-block {
height:350px;
width:100%
}
.map-js-height {
height:500px
}
.H_btn,.H_rdo li {
background:#ece2f9
}
.H_btn svg.H_icon,.H_rdo li svg.H_icon {
fill:#7e37d8
}
.digits {
font-family:work-Sans,sans-serif
}
.custom-scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px #e8ebf2
}
.custom-scrollbar::-webkit-scrollbar {
width:2px
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(126,55,216,0.15)
}
.comment {
color:#9f9ba5;
font-style:italic
}
.line {
color:#2c323f
}
.line pre {
font-size:100%
}
.list-circle {
list-style:circle
}
.theme-close {
opacity:1;
height:40px;
width:40px;
position:absolute;
z-index:1;
right:0;
background-color:#fff !important;
border-radius:5px
}
.options>div {
color:#898989;
display:inline-block;
padding:4px 12px;
border:1px solid;
margin:0 8px 8px 0;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
border-radius:15px
}
.options>div:hover {
background-color:#7e37d8;
color:#fff;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.modal-footer {
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.btn-showcase .modal-footer {
margin-bottom:-10px
}
.btn-showcase .modal-footer .btn:last-child {
margin-right:0
}
.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
}
.bootstrap-datetimepicker-widget {
font-family:work-Sans,sans-serif
}
.dropzone .dz-preview .dz-error-message {
background:#fff !important;
color:#7e37d8 !important;
border:1px solid #7e37d8
}
.dropzone .dz-preview .dz-error-message:after {
border-bottom:6px solid #7e37d8 !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
}
.page-builder .ge-canvas.ge-layout-desktop [class*="col-"] {
width:inherit !important
}
.page-builder .btn-screen {
padding:0 18px 0 0
}
.datepicker {
z-index:99
}
.clipboaard-container .form-control {
border-radius:15px
}
.clipboaard-container .btn {
border-radius:15px
}
.clockpicker-plate {
background-color:#faf7fd;
border:none;
border-radius:25px
}
.clockpicker-canvas line {
stroke:#7e37d8
}
.clockpicker-canvas-bearing {
fill:#7e37d8
}
.clockpicker-canvas-bg,.clockpicker-canvas-fg {
fill:rgba(126,55,216,0.2)
}
.clockpicker-tick:hover {
color:#7e37d8;
background-color:rgba(126,55,216,0.2)
}
.jsgrid-filter-row select {
background-color:transparent
}
.card {
margin-bottom:40px;
border:0px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
letter-spacing:0.5px;
border-radius:40px;
-webkit-box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05);
box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05)
}
.card .card-header {
background-color:#fff;
padding:50px;
border-bottom:1px solid #f2f4ff;
border-top-left-radius:40px;
border-top-right-radius:40px;
position:relative;
overflow:hidden
}
.card .card-header ul.creative-dots li {
position:absolute;
border-radius:100%
}
.card .card-header ul.creative-dots li.big-dot {
left:-32px;
top:0;
width:50px;
height:50px;
border-radius:80% !important
}
.card .card-header ul.creative-dots li.semi-big-dot {
width:30px;
height:30px;
left:-14px;
top:42px
}
.card .card-header ul.creative-dots li.medium-dot {
width:20px;
height:20px;
left:18px;
top:-5px
}
.card .card-header ul.creative-dots li.semi-medium-dot {
width:13px;
height:13px;
left:20px;
top:38px
}
.card .card-header ul.creative-dots li.semi-small-dot {
width:8px;
height:8px;
left:32px;
top:23px
}
.card .card-header ul.creative-dots li.small-dot {
width:4px;
height:4px;
left:42px;
top:37px
}
.card .card-header.no-border {
border-bottom:none
}
.card .card-header h5 {
margin-bottom:0;
text-transform:capitalize;
font-weight:800;
line-height:1;
font-family:Nunito
}
.card .card-header>span {
font-size:12px;
color:#6e7e96;
margin-top:5px;
display:block;
letter-spacing:1px
}
.card .card-body {
padding:50px;
background-color:rgba(0,0,0,0)
}
.card .card-body .rounded {
border-radius:50px !important
}
.card .card-body p:last-child {
margin-bottom:0
}
.card .sub-title {
border-bottom:1px solid rgba(0,0,0,0.1);
padding-bottom:5px;
margin-bottom:8px;
font-size:18px
}
.card .card-footer {
background-color:#fff;
border-top:1px solid #f2f4ff;
padding:50px;
border-bottom-left-radius:40px;
border-bottom-right-radius:40px
}
.card .card-header .card-header-right {
border-radius:0 0 0 7px;
right:43px;
top:42px;
display:inline-block;
float:right;
padding:8px 0;
position:absolute;
background-color:#fff
}
.card .card-header .card-header-right .card-option {
text-align:right;
width:35px;
height:20px;
overflow:hidden;
-webkit-transition:0.3s ease-in-out;
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 {
font-size:18px
}
.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-load .card-loader {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background-color:rgba(255,255,255,0.7);
z-index:8;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.card.card-load .card-loader i {
margin:0 auto;
color:#7e37d8;
font-size:20px
}
.card.full-card {
position:fixed;
top:0;
z-index:99999;
-webkit-box-shadow:none;
box-shadow:none;
right:0;
border-radius:0;
border:1px solid #efefef;
width:calc(100vw - 00px);
height:calc(100vh - 00px)
}
.card.full-card .card-body {
overflow:auto
}
.card-absolute {
margin-top:20px
}
.card-absolute .card-header {
position:absolute;
top:-20px;
margin-bottom:30px;
left:15px;
border-radius:15px;
padding:10px 15px
}
.card-absolute .card-header h5 {
font-size:17px
}
.card-absolute .card-body {
margin-top:10px
}
.card-header .nav-material {
margin-bottom:-13px
}
.custom-card {
overflow:hidden
}
.custom-card .card-header {
padding:0
}
.custom-card .card-header img {
border-radius:50%;
margin-top:-100px;
-webkit-transform:scale(1.5);
transform:scale(1.5)
}
.custom-card .card-profile {
text-align:center;
margin-top:-60px
}
.custom-card .card-profile img {
height:150px;
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 a {
padding:13px;
color:#bcc6de;
font-size:16px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.custom-card .card-social li a:hover {
color:#7e37d8;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.custom-card .profile-details h6 {
margin-bottom:30px;
margin-top:10px;
color:#6e7e96;
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-family:work-Sans,sans-serif;
font-size:24px
}
.custom-card .card-footer>div h6 {
font-size:14px;
color:#6e7e96
}
.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
}
.card-g-primary {
background-image:-webkit-gradient(linear, left top, right bottom, from(#8c4cdc), to(#6524b8));
background-image:linear-gradient(to bottom right, #8c4cdc, #6524b8);
-webkit-box-shadow:2px 12px 26px 3px rgba(126,55,216,0.3);
box-shadow:2px 12px 26px 3px rgba(126,55,216,0.3)
}
.card-g-primary .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-primary .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-primary .card-body p {
color:#fff
}
.card-g-secondary {
background-image:-webkit-gradient(linear, left top, right bottom, from(#fe99c1), to(#fe4d93));
background-image:linear-gradient(to bottom right, #fe99c1, #fe4d93);
-webkit-box-shadow:2px 12px 26px 3px rgba(254,128,178,0.3);
box-shadow:2px 12px 26px 3px rgba(254,128,178,0.3)
}
.card-g-secondary .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-secondary .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-secondary .card-body p {
color:#fff
}
.card-g-success {
background-image:-webkit-gradient(linear, left top, right bottom, from(#90e900), to(#609c00));
background-image:linear-gradient(to bottom right, #90e900, #609c00);
-webkit-box-shadow:2px 12px 26px 3px rgba(128,207,0,0.3);
box-shadow:2px 12px 26px 3px rgba(128,207,0,0.3)
}
.card-g-success .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-success .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-success .card-body p {
color:#fff
}
.card-g-danger {
background-image:-webkit-gradient(linear, left top, right bottom, from(#fd6a90), to(#fc1f57));
background-image:linear-gradient(to bottom right, #fd6a90, #fc1f57);
-webkit-box-shadow:2px 12px 26px 3px rgba(253,81,125,0.3);
box-shadow:2px 12px 26px 3px rgba(253,81,125,0.3)
}
.card-g-danger .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-danger .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-danger .card-body p {
color:#fff
}
.card-g-info {
background-image:-webkit-gradient(linear, left top, right bottom, from(#07c9f6), to(#058cab));
background-image:linear-gradient(to bottom right, #07c9f6, #058cab);
-webkit-box-shadow:2px 12px 26px 3px rgba(6,181,221,0.3);
box-shadow:2px 12px 26px 3px rgba(6,181,221,0.3)
}
.card-g-info .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-info .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-info .card-body p {
color:#fff
}
.card-g-light {
background-image:-webkit-gradient(linear, left top, right bottom, from(#fff), to(#dacbf5));
background-image:linear-gradient(to bottom right, #fff, #dacbf5);
-webkit-box-shadow:2px 12px 26px 3px rgba(248,245,253,0.3);
box-shadow:2px 12px 26px 3px rgba(248,245,253,0.3)
}
.card-g-light .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-light .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-light .card-body p {
color:#fff
}
.card-g-dark {
background-image:-webkit-gradient(linear, left top, right bottom, from(#363e4e), to(#171a21));
background-image:linear-gradient(to bottom right, #363e4e, #171a21);
-webkit-box-shadow:2px 12px 26px 3px rgba(44,50,63,0.3);
box-shadow:2px 12px 26px 3px rgba(44,50,63,0.3)
}
.card-g-dark .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-dark .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-dark .card-body p {
color:#fff
}
.card-g-warning {
background-image:-webkit-gradient(linear, left top, right bottom, from(#ffcd31), to(#e3ac00));
background-image:linear-gradient(to bottom right, #ffcd31, #e3ac00);
-webkit-box-shadow:2px 12px 26px 3px rgba(255,199,23,0.3);
box-shadow:2px 12px 26px 3px rgba(255,199,23,0.3)
}
.card-g-warning .card-header {
background-color:transparent;
border-bottom:1px solid rgba(242,244,255,0.1)
}
.card-g-warning .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
.card-g-warning .card-body p {
color:#fff
}
.loader-wrapper {
height:100%;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:fixed;
background-color:#f8f5fd;
z-index:1000;
top:0
}
.loader-wrapper .typewriter h1 {
color:#2c323f;
overflow:hidden;
border-right:0.15em solid #7e37d8;
white-space:nowrap;
margin:0 auto;
letter-spacing:0.15em;
font-weight:700;
font-size:200%;
-webkit-animation:typing 1s steps(30, end),blink-caret 0.5s step-end infinite;
animation:typing 1s steps(30, end),blink-caret 0.5s step-end infinite
}
@-webkit-keyframes typing {
from {
width:0
}
to {
width:100%
}
}
@keyframes typing {
from {
width:0
}
to {
width:100%
}
}
@-webkit-keyframes blink-caret {
from,to {
border-color:transparent
}
50% {
border-color:#7e37d8
}
}
@keyframes blink-caret {
from,to {
border-color:transparent
}
50% {
border-color:#7e37d8
}
}
.loader-box {
height:150px;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
vertical-align:middle;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-transition:.3s color, .3s border, .3s transform, .3s opacity;
transition:.3s color, .3s border, .3s transform, .3s opacity
}
.loader-box [class*="loader-"] {
display:inline-block;
width:50px;
height:50px;
color:inherit;
vertical-align:middle
}
.loader-box .loader-1 {
border:0.2em dotted #7e37d8;
border-radius:50%;
-webkit-animation:1s loader-01 linear infinite;
animation:1s loader-01 linear infinite
}
@-webkit-keyframes loader-01 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-01 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-2 {
border:.2em solid transparent;
border-left-color:#fe80b2;
border-right-color:#fe80b2;
border-radius:50%;
-webkit-animation:1s loader-02 linear infinite;
animation:1s loader-02 linear infinite
}
@-webkit-keyframes loader-02 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-02 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-3 {
border:0.2em solid #80cf00;
border-bottom-color:transparent;
border-radius:50%;
-webkit-animation:1s loader-03 linear infinite;
animation:1s loader-03 linear infinite;
position:relative
}
@-webkit-keyframes loader-03 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-03 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-4 {
border:1px solid #06b5dd;
border-radius:50%;
-webkit-animation:1s loader-04 linear infinite;
animation:1s loader-04 linear infinite;
position:relative
}
.loader-box .loader-4:before {
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:-.2em;
left:50%;
border:0.2em solid #06b5dd;
border-radius:50%
}
@-webkit-keyframes loader-04 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-04 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-5 {
border:.2em solid transparent;
border-top-color:#ffc717;
border-radius:50%;
-webkit-animation:1s loader-05 linear infinite;
animation:1s loader-05 linear infinite;
position:relative
}
.loader-box .loader-5:before {
content:'';
display:block;
width:inherit;
height:inherit;
position:absolute;
top:-.2em;
left:-.2em;
border:0.2em solid #ffc717;
border-radius:50%;
opacity:.5
}
@-webkit-keyframes loader-05 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-05 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-6 {
border:0.2em solid #fd517d;
border-radius:50%;
-webkit-animation:loader-06 1s ease-out infinite;
animation:loader-06 1s ease-out infinite
}
@-webkit-keyframes loader-06 {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes loader-06 {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.loader-box .loader-7 {
border:0 solid transparent;
border-radius:50%;
position:relative
}
.loader-box .loader-7:before,.loader-box .loader-7:after {
content:'';
border:0.2em solid #7e37d8;
border-radius:50%;
width:inherit;
height:inherit;
position:absolute;
top:0;
left:0;
-webkit-animation:loader-07 1s linear infinite;
animation:loader-07 1s linear infinite;
opacity:0
}
.loader-box .loader-7:before {
-webkit-animation-delay:1s;
animation-delay:1s
}
.loader-box .loader-7:after {
-webkit-animation-delay:.5s;
animation-delay:.5s
}
@-webkit-keyframes loader-07 {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes loader-07 {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.loader-box .loader-8 {
position:relative
}
.loader-box .loader-8:before,.loader-box .loader-8:after {
content:'';
width:inherit;
height:inherit;
border-radius:50%;
background-color:#fe80b2;
opacity:0.6;
position:absolute;
top:0;
left:0;
-webkit-animation:loader-08 2.0s infinite ease-in-out;
animation:loader-08 2.0s infinite ease-in-out
}
.loader-box .loader-8:after {
-webkit-animation-delay:-1.0s;
animation-delay:-1.0s
}
@-webkit-keyframes loader-08 {
0%,100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes loader-08 {
0%,100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.loader-box .loader-9 {
background-color:#80cf00;
border-radius:50%;
-webkit-animation:loader-09 1.0s infinite ease-in-out;
animation:loader-09 1.0s infinite ease-in-out
}
@-webkit-keyframes loader-09 {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes loader-09 {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.loader-box .loader-10 {
position:relative;
-webkit-animation:loader-10-1 2.0s infinite linear;
animation:loader-10-1 2.0s infinite linear
}
.loader-box .loader-10:before,.loader-box .loader-10:after {
content:'';
width:0;
height:0;
border:0.5em solid #06b5dd;
display:block;
position:absolute;
border-radius:100%;
-webkit-animation:loader-10-2 2s infinite ease-in-out;
animation:loader-10-2 2s infinite ease-in-out
}
.loader-box .loader-10:before {
top:0;
left:50%
}
.loader-box .loader-10:after {
bottom:0;
right:50%;
-webkit-animation-delay:-1s;
animation-delay:-1s
}
@-webkit-keyframes loader-10-1 {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-10-1 {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes loader-10-2 {
0%,100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes loader-10-2 {
0%,100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.loader-box .loader-11 {
background-color:#ffc717;
-webkit-animation:loader-11 1.2s infinite ease-in-out;
animation:loader-11 1.2s infinite ease-in-out
}
@-webkit-keyframes loader-11 {
0% {
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@keyframes loader-11 {
0% {
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.loader-box .loader-12 {
position:relative
}
.loader-box .loader-12:before,.loader-box .loader-12:after {
content:'';
display:block;
position:absolute;
background-color:#fd517d;
left:50%;
right:0;
top:0;
bottom:50%;
-webkit-box-shadow:-0.5em 0 0 #fd517d;
box-shadow:-0.5em 0 0 #fd517d;
-webkit-animation:loader-12 1s linear infinite;
animation:loader-12 1s linear infinite
}
.loader-box .loader-12:after {
top:50%;
bottom:0;
-webkit-animation-delay:.25s;
animation-delay:.25s
}
@-webkit-keyframes loader-12 {
0%,100% {
-webkit-box-shadow:-.5em 0 0 transparent;
box-shadow:-.5em 0 0 transparent;
background-color:#fd517d
}
50% {
-webkit-box-shadow:-0.5em 0 0 #fd517d;
box-shadow:-0.5em 0 0 #fd517d;
background-color:transparent
}
}
@keyframes loader-12 {
0%,100% {
-webkit-box-shadow:-.5em 0 0 transparent;
box-shadow:-.5em 0 0 transparent;
background-color:#fd517d
}
50% {
-webkit-box-shadow:-0.5em 0 0 #fd517d;
box-shadow:-0.5em 0 0 #fd517d;
background-color:transparent
}
}
.loader-box .loader-13:before,.loader-box .loader-13:after,.loader-box .loader-13 {
border-radius:50%;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation:loader-13 1.8s infinite ease-in-out;
animation:loader-13 1.8s infinite ease-in-out
}
.loader-box .loader-13 {
color:#7e37d8;
position:relative;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation-delay:-0.16s;
animation-delay:-0.16s;
top:-1em
}
.loader-box .loader-13:before {
right:100%;
-webkit-animation-delay:-0.32s;
animation-delay:-0.32s
}
.loader-box .loader-13:after {
left:100%
}
.loader-box .loader-13:before,.loader-box .loader-13:after {
content:'';
display:block;
position:absolute;
top:0;
width:inherit;
height:inherit
}
@-webkit-keyframes loader-13 {
0%,80%,100% {
-webkit-box-shadow:0 1em 0 -1em;
box-shadow:0 1em 0 -1em
}
40% {
-webkit-box-shadow:0 1em 0 -.2em;
box-shadow:0 1em 0 -.2em
}
}
@keyframes loader-13 {
0%,80%,100% {
-webkit-box-shadow:0 1em 0 -1em;
box-shadow:0 1em 0 -1em
}
40% {
-webkit-box-shadow:0 1em 0 -.2em;
box-shadow:0 1em 0 -.2em
}
}
.loader-box .loader-14 {
border-radius:50%;
-webkit-box-shadow:0 1em 0 -0.2em #fe80b2;
box-shadow:0 1em 0 -0.2em #fe80b2;
position:relative;
-webkit-animation:loader-14 0.8s ease-in-out alternate infinite;
animation:loader-14 0.8s ease-in-out alternate infinite;
-webkit-animation-delay:0.32s;
animation-delay:0.32s;
top:-1em
}
.loader-box .loader-14:after,.loader-box .loader-14:before {
content:'';
position:absolute;
width:inherit;
height:inherit;
border-radius:inherit;
-webkit-box-shadow:inherit;
box-shadow:inherit;
-webkit-animation:inherit;
animation:inherit
}
.loader-box .loader-14:before {
left:-1em;
-webkit-animation-delay:0.48s;
animation-delay:0.48s
}
.loader-box .loader-14:after {
right:-1em;
-webkit-animation-delay:0.16s;
animation-delay:0.16s
}
@-webkit-keyframes loader-14 {
0% {
-webkit-box-shadow:0 2em 0 -0.2em #fe80b2;
box-shadow:0 2em 0 -0.2em #fe80b2
}
100% {
-webkit-box-shadow:0 1em 0 -0.2em #fe80b2;
box-shadow:0 1em 0 -0.2em #fe80b2
}
}
@keyframes loader-14 {
0% {
-webkit-box-shadow:0 2em 0 -0.2em #fe80b2;
box-shadow:0 2em 0 -0.2em #fe80b2
}
100% {
-webkit-box-shadow:0 1em 0 -0.2em #fe80b2;
box-shadow:0 1em 0 -0.2em #fe80b2
}
}
.loader-box .loader-15 {
background:#80cf00;
position:relative;
-webkit-animation:loader-15 1s ease-in-out infinite;
animation:loader-15 1s ease-in-out infinite;
-webkit-animation-delay:0.4s;
animation-delay:0.4s;
width:.25em;
height:.5em;
margin:0 .5em
}
.loader-box .loader-15:after,.loader-box .loader-15:before {
content:'';
position:absolute;
width:inherit;
height:inherit;
background:inherit;
-webkit-animation:inherit;
animation:inherit
}
.loader-box .loader-15:before {
right:.5em;
-webkit-animation-delay:0.2s;
animation-delay:0.2s
}
.loader-box .loader-15:after {
left:.5em;
-webkit-animation-delay:0.6s;
animation-delay:0.6s
}
@-webkit-keyframes loader-15 {
0%,100% {
-webkit-box-shadow:0 0 0 #80cf00,0 0 0 #80cf00;
box-shadow:0 0 0 #80cf00,0 0 0 #80cf00
}
50% {
-webkit-box-shadow:0 -0.25em 0 #80cf00,0 0.25em 0 #80cf00;
box-shadow:0 -0.25em 0 #80cf00,0 0.25em 0 #80cf00
}
}
@keyframes loader-15 {
0%,100% {
-webkit-box-shadow:0 0 0 #80cf00,0 0 0 #80cf00;
box-shadow:0 0 0 #80cf00,0 0 0 #80cf00
}
50% {
-webkit-box-shadow:0 -0.25em 0 #80cf00,0 0.25em 0 #80cf00;
box-shadow:0 -0.25em 0 #80cf00,0 0.25em 0 #80cf00
}
}
.loader-box .loader-16 {
-webkit-transform:rotateZ(45deg);
transform:rotateZ(45deg);
-webkit-perspective:1000px;
perspective:1000px;
border-radius:50%
}
.loader-box .loader-16:before,.loader-box .loader-16:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:inherit;
height:inherit;
border-radius:50%;
-webkit-animation:1s spin linear infinite;
animation:1s spin linear infinite
}
.loader-box .loader-16:before {
-webkit-transform:rotateX(70deg);
transform:rotateX(70deg)
}
.loader-box .loader-16:after {
-webkit-transform:rotateY(70deg);
transform:rotateY(70deg);
-webkit-animation-delay:.4s;
animation-delay:.4s
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:translate(-50%, -50%) rotateZ(0deg);
transform:translate(-50%, -50%) rotateZ(0deg)
}
100% {
-webkit-transform:translate(-50%, -50%) rotateZ(360deg);
transform:translate(-50%, -50%) rotateZ(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:translate(-50%, -50%) rotateZ(0deg);
transform:translate(-50%, -50%) rotateZ(0deg)
}
100% {
-webkit-transform:translate(-50%, -50%) rotateZ(360deg);
transform:translate(-50%, -50%) rotateZ(360deg)
}
}
@-webkit-keyframes rotateccw {
0% {
-webkit-transform:translate(-50%, -50%) rotate(0deg);
transform:translate(-50%, -50%) rotate(0deg)
}
100% {
-webkit-transform:translate(-50%, -50%) rotate(-360deg);
transform:translate(-50%, -50%) rotate(-360deg)
}
}
@keyframes rotateccw {
0% {
-webkit-transform:translate(-50%, -50%) rotate(0deg);
transform:translate(-50%, -50%) rotate(0deg)
}
100% {
-webkit-transform:translate(-50%, -50%) rotate(-360deg);
transform:translate(-50%, -50%) rotate(-360deg)
}
}
@-webkit-keyframes spin {
0%,100% {
-webkit-box-shadow:0.2em 0px 0 0px #06b5dd;
box-shadow:0.2em 0px 0 0px #06b5dd
}
12% {
-webkit-box-shadow:0.2em 0.2em 0 0 #06b5dd;
box-shadow:0.2em 0.2em 0 0 #06b5dd
}
25% {
-webkit-box-shadow:0 0.2em 0 0px #06b5dd;
box-shadow:0 0.2em 0 0px #06b5dd
}
37% {
-webkit-box-shadow:-0.2em 0.2em 0 0 #06b5dd;
box-shadow:-0.2em 0.2em 0 0 #06b5dd
}
50% {
-webkit-box-shadow:-0.2em 0 0 0 #06b5dd;
box-shadow:-0.2em 0 0 0 #06b5dd
}
62% {
-webkit-box-shadow:-0.2em -0.2em 0 0 #06b5dd;
box-shadow:-0.2em -0.2em 0 0 #06b5dd
}
75% {
-webkit-box-shadow:0px -0.2em 0 0 #06b5dd;
box-shadow:0px -0.2em 0 0 #06b5dd
}
87% {
-webkit-box-shadow:0.2em -0.2em 0 0 #06b5dd;
box-shadow:0.2em -0.2em 0 0 #06b5dd
}
}
@keyframes spin {
0%,100% {
-webkit-box-shadow:0.2em 0px 0 0px #06b5dd;
box-shadow:0.2em 0px 0 0px #06b5dd
}
12% {
-webkit-box-shadow:0.2em 0.2em 0 0 #06b5dd;
box-shadow:0.2em 0.2em 0 0 #06b5dd
}
25% {
-webkit-box-shadow:0 0.2em 0 0px #06b5dd;
box-shadow:0 0.2em 0 0px #06b5dd
}
37% {
-webkit-box-shadow:-0.2em 0.2em 0 0 #06b5dd;
box-shadow:-0.2em 0.2em 0 0 #06b5dd
}
50% {
-webkit-box-shadow:-0.2em 0 0 0 #06b5dd;
box-shadow:-0.2em 0 0 0 #06b5dd
}
62% {
-webkit-box-shadow:-0.2em -0.2em 0 0 #06b5dd;
box-shadow:-0.2em -0.2em 0 0 #06b5dd
}
75% {
-webkit-box-shadow:0px -0.2em 0 0 #06b5dd;
box-shadow:0px -0.2em 0 0 #06b5dd
}
87% {
-webkit-box-shadow:0.2em -0.2em 0 0 #06b5dd;
box-shadow:0.2em -0.2em 0 0 #06b5dd
}
}
.loader-box .loader-17 {
position:relative;
background-color:#ffc717;
border-radius:50%
}
.loader-box .loader-17:after,.loader-box .loader-17:before {
content:"";
position:absolute;
width:10px;
height:10px;
border-radius:50%;
opacity:.8
}
.loader-box .loader-17:after {
left:-.5em;
top:-.25em;
background-color:#ffc717;
-webkit-transform-origin:30px 35px;
transform-origin:30px 35px;
-webkit-animation:loader-17 1s linear infinite;
animation:loader-17 1s linear infinite;
opacity:.6
}
.loader-box .loader-17:before {
left:-1.25em;
top:-.75em;
background-color:#ffc717;
-webkit-transform-origin:40px 40px;
transform-origin:40px 40px;
-webkit-animation:loader-17 2s linear infinite;
animation:loader-17 2s linear infinite
}
@-webkit-keyframes loader-17 {
0% {
-webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
transform:rotateZ(0deg) translate3d(0, 0, 0)
}
100% {
-webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
transform:rotateZ(360deg) translate3d(0, 0, 0)
}
}
@keyframes loader-17 {
0% {
-webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
transform:rotateZ(0deg) translate3d(0, 0, 0)
}
100% {
-webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
transform:rotateZ(360deg) translate3d(0, 0, 0)
}
}
.loader-box .loader-18 {
position:relative
}
.loader-box .loader-18:before,.loader-box .loader-18:after {
content:'';
display:block;
position:absolute;
border-radius:50%;
border:.1em solid transparent;
border-bottom-color:#fd517d;
top:0;
left:0;
-webkit-animation:1s loader-18 linear infinite;
animation:1s loader-18 linear infinite
}
.loader-box .loader-18:before {
width:40px;
height:40px
}
.loader-box .loader-18:after {
width:30px;
height:30px;
top:.1em;
left:.1em;
animation-direction:reverse
}
@-webkit-keyframes loader-18 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-18 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-19 {
border-top:0.2em solid #7e37d8;
border-right:.2em solid transparent;
-webkit-animation:loader-19 1s linear infinite;
animation:loader-19 1s linear infinite;
border-radius:100%;
position:relative
}
@-webkit-keyframes loader-19 {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-19 {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-20 {
background-color:transparent;
-webkit-box-shadow:inset 0px 0px 0px 0.1em #fe80b2;
box-shadow:inset 0px 0px 0px 0.1em #fe80b2;
border-radius:50%;
position:relative
}
.loader-box .loader-20:after,.loader-box .loader-20:before {
position:absolute;
content:"";
background-color:#fe80b2;
top:24px;
left:24px;
height:.1em;
-webkit-transform-origin:left center;
transform-origin:left center
}
.loader-box .loader-20:after {
width:.4em;
-webkit-animation:loader-20 2s linear infinite;
animation:loader-20 2s linear infinite
}
.loader-box .loader-20:before {
width:20px;
-webkit-animation:loader-20 8s linear infinite;
animation:loader-20 8s linear infinite
}
@-webkit-keyframes loader-20 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-20 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-21 {
position:relative
}
.loader-box .loader-21:before,.loader-box .loader-21:after {
position:absolute;
content:""
}
.loader-box .loader-21:before {
width:80%;
height:80%;
left:10%;
bottom:10%;
border-radius:100% 100% 100% 0;
-webkit-box-shadow:0px 0px 0px 0.1em #80cf00;
box-shadow:0px 0px 0px 0.1em #80cf00;
-webkit-animation:loader-21 1s linear infinite;
animation:loader-21 1s linear infinite;
-webkit-transform:rotate(-46deg);
transform:rotate(-46deg)
}
.loader-box .loader-21:after {
width:1em;
height:.3em;
border-radius:100%;
left:0;
background-color:rgba(255,255,255,0.2);
bottom:-.2em;
z-index:-1
}
@-webkit-keyframes loader-21 {
0% {
top:0
}
50% {
top:-5px
}
100% {
top:0
}
}
@keyframes loader-21 {
0% {
top:0
}
50% {
top:-5px
}
100% {
top:0
}
}
.loader-box .loader-22 {
border:0.1em #06b5dd solid;
border-radius:100%;
position:relative;
overflow:hidden;
z-index:1
}
.loader-box .loader-22:after,.loader-box .loader-22:before {
position:absolute;
content:"";
background-color:#06b5dd
}
.loader-box .loader-22:after {
width:50%;
height:.1em;
left:50%;
top:50%;
-webkit-transform-origin:left center;
transform-origin:left center;
-webkit-animation:loader-22 2s linear infinite alternate;
animation:loader-22 2s linear infinite alternate
}
.loader-box .loader-22:before {
width:100%;
height:40%;
left:0;
bottom:0
}
@-webkit-keyframes loader-22 {
0% {
-webkit-transform:rotate(-160deg);
transform:rotate(-160deg)
}
100% {
-webkit-transform:rotate(-20deg);
transform:rotate(-20deg)
}
}
@keyframes loader-22 {
0% {
-webkit-transform:rotate(-160deg);
transform:rotate(-160deg)
}
100% {
-webkit-transform:rotate(-20deg);
transform:rotate(-20deg)
}
}
.loader-box .loader-23 {
height:.5em;
border:0.1em #ffc717 solid;
border-radius:.1em;
position:relative;
-webkit-animation:loader-23 5s linear infinite;
animation:loader-23 5s linear infinite
}
.loader-box .loader-23:after {
width:.07em;
height:100%;
background-color:#ffc717;
border-radius:0px .5em .5em 0px;
position:absolute;
content:"";
top:0;
left:calc(100% + .1em)
}
@-webkit-keyframes loader-23 {
0% {
-webkit-box-shadow:inset 0px 0px 0px #ffc717;
box-shadow:inset 0px 0px 0px #ffc717
}
100% {
-webkit-box-shadow:inset 1em 0px 0px #ffc717;
box-shadow:inset 1em 0px 0px #ffc717
}
}
@keyframes loader-23 {
0% {
-webkit-box-shadow:inset 0px 0px 0px #ffc717;
box-shadow:inset 0px 0px 0px #ffc717
}
100% {
-webkit-box-shadow:inset 1em 0px 0px #ffc717;
box-shadow:inset 1em 0px 0px #ffc717
}
}
.loader-box .loader-24 {
width:.8em;
height:1em;
border:0.1em #fd517d solid;
border-radius:0px 0px .2em .2em;
position:relative
}
.loader-box .loader-24:after,.loader-box .loader-24:before {
position:absolute;
content:""
}
.loader-box .loader-24:after {
width:.2em;
height:50%;
border:0.1em #fd517d solid;
border-left:none;
border-radius:0px .5em .5em 0px;
left:calc(100% + .1em);
top:.1em
}
.loader-box .loader-24:before {
width:.1em;
height:.3em;
background-color:#fd517d;
top:-.3em;
left:.05em;
-webkit-box-shadow:0.2em 0px 0px 0px #fd517d,0.2em -0.2em 0px 0px #fd517d,0.4em 0px 0px 0px #fd517d;
box-shadow:0.2em 0px 0px 0px #fd517d,0.2em -0.2em 0px 0px #fd517d,0.4em 0px 0px 0px #fd517d;
-webkit-animation:loader-24 1s linear infinite alternate;
animation:loader-24 1s linear infinite alternate
}
@-webkit-keyframes loader-24 {
0% {
height:0px
}
100% {
height:6px
}
}
@keyframes loader-24 {
0% {
height:0px
}
100% {
height:6px
}
}
.loader-box .loader-25 {
border:0.1em #7e37d8 solid;
position:relative;
-webkit-animation:loader-25-1 5s linear infinite;
animation:loader-25-1 5s linear infinite
}
.loader-box .loader-25:after {
width:.2em;
height:.2em;
position:absolute;
content:"";
background-color:#7e37d8;
bottom:calc(100% + .2em);
left:-.4em;
-webkit-animation:loader-25-2 1s ease-in-out infinite;
animation:loader-25-2 1s ease-in-out infinite
}
@-webkit-keyframes loader-25-1 {
0% {
-webkit-box-shadow:inset 0 0 0 0 #7e37d8;
box-shadow:inset 0 0 0 0 #7e37d8
}
100% {
-webkit-box-shadow:inset 0 -1em 0 0 #7e37d8;
box-shadow:inset 0 -1em 0 0 #7e37d8
}
}
@keyframes loader-25-1 {
0% {
-webkit-box-shadow:inset 0 0 0 0 #7e37d8;
box-shadow:inset 0 0 0 0 #7e37d8
}
100% {
-webkit-box-shadow:inset 0 -1em 0 0 #7e37d8;
box-shadow:inset 0 -1em 0 0 #7e37d8
}
}
@-webkit-keyframes loader-25-2 {
25% {
left:calc(100% + .2em);
bottom:calc(100% + .2em)
}
50% {
left:calc(100% + .2em);
bottom:-.4em
}
75% {
left:-.4em;
bottom:-.4em
}
100% {
left:-.4em;
bottom:calc(100% + .2em)
}
}
@keyframes loader-25-2 {
25% {
left:calc(100% + .2em);
bottom:calc(100% + .2em)
}
50% {
left:calc(100% + .2em);
bottom:-.4em
}
75% {
left:-.4em;
bottom:-.4em
}
100% {
left:-.4em;
bottom:calc(100% + .2em)
}
}
.loader-box .loader-26 {
width:.5em;
height:.5em;
background-color:#fe80b2;
-webkit-box-shadow:1em 0px 0px #fe80b2;
box-shadow:1em 0px 0px #fe80b2;
border-radius:50%;
-webkit-animation:loader-26 1s ease-in-out infinite alternate;
animation:loader-26 1s ease-in-out infinite alternate
}
@-webkit-keyframes loader-26 {
0% {
opacity:0.1;
-webkit-transform:rotate(0deg) scale(0.5);
transform:rotate(0deg) scale(0.5)
}
100% {
opacity:1;
-webkit-transform:rotate(360deg) scale(1.2);
transform:rotate(360deg) scale(1.2)
}
}
@keyframes loader-26 {
0% {
opacity:0.1;
-webkit-transform:rotate(0deg) scale(0.5);
transform:rotate(0deg) scale(0.5)
}
100% {
opacity:1;
-webkit-transform:rotate(360deg) scale(1.2);
transform:rotate(360deg) scale(1.2)
}
}
.loader-box .loader-29 {
border-radius:50%;
-webkit-box-shadow:inset 0 0 0 0.1em #80cf00,-0.5em -0.5em 0 -0.4em #80cf00,0 -0.7em 0 -0.4em #80cf00,0.5em -0.5em 0 -0.4em #80cf00,-0.5em 0.5em 0 -0.4em #80cf00,0 0.7em 0 -0.4em #80cf00,0.5em 0.5em 0 -0.4em #80cf00,-0.7em 0 0 -0.4em #80cf00,0.7em 0 0 -0.4em #80cf00;
box-shadow:inset 0 0 0 0.1em #80cf00,-0.5em -0.5em 0 -0.4em #80cf00,0 -0.7em 0 -0.4em #80cf00,0.5em -0.5em 0 -0.4em #80cf00,-0.5em 0.5em 0 -0.4em #80cf00,0 0.7em 0 -0.4em #80cf00,0.5em 0.5em 0 -0.4em #80cf00,-0.7em 0 0 -0.4em #80cf00,0.7em 0 0 -0.4em #80cf00;
-webkit-animation:5s loader-29 linear infinite;
animation:5s loader-29 linear infinite
}
@-webkit-keyframes loader-29 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-29 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-30 {
border:.2em solid transparent;
border-top-color:#06b5dd;
border-bottom-color:#06b5dd;
border-radius:50%;
position:relative;
-webkit-animation:1s loader-30 linear infinite;
animation:1s loader-30 linear infinite
}
.loader-box .loader-30:before,.loader-box .loader-30:after {
content:'';
display:block;
width:0;
height:0;
position:absolute;
border:.2em solid transparent;
border-bottom-color:#06b5dd
}
.loader-box .loader-30:before {
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
right:-.3em;
top:-.05em
}
.loader-box .loader-30:after {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
left:-.3em;
bottom:-.05em
}
@-webkit-keyframes loader-30 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-30 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader-box .loader-31 {
-webkit-box-shadow:0 0 2em #ffc717;
box-shadow:0 0 2em #ffc717;
background-color:#ffc717;
position:relative;
border-radius:50%;
-webkit-transform:rotateX(-60deg) perspective(1000px);
transform:rotateX(-60deg) perspective(1000px)
}
.loader-box .loader-31:before,.loader-box .loader-31:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:inherit;
height:inherit;
border-radius:inherit;
-webkit-animation:1s loader-31 ease-out infinite;
animation:1s loader-31 ease-out infinite
}
.loader-box .loader-31:after {
-webkit-animation-delay:.4s;
animation-delay:.4s
}
@-webkit-keyframes loader-31 {
0% {
opacity:1;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-box-shadow:0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717;
box-shadow:0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717
}
100% {
opacity:0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-box-shadow:-1em -1em 0 -0.35em #ffc717,0 -1.5em 0 -0.35em #ffc717,1em -1em 0 -0.35em #ffc717,-1.5em 0 0 -0.35em #ffc717,1.5em 0 0 -0.35em #ffc717,-1em 1em 0 -0.35em #ffc717,0 1.5em 0 -0.35em #ffc717,1em 1em 0 -0.35em #ffc717;
box-shadow:-1em -1em 0 -0.35em #ffc717,0 -1.5em 0 -0.35em #ffc717,1em -1em 0 -0.35em #ffc717,-1.5em 0 0 -0.35em #ffc717,1.5em 0 0 -0.35em #ffc717,-1em 1em 0 -0.35em #ffc717,0 1.5em 0 -0.35em #ffc717,1em 1em 0 -0.35em #ffc717
}
}
@keyframes loader-31 {
0% {
opacity:1;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-box-shadow:0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717;
box-shadow:0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717,0 0 0 -0.5em #ffc717
}
100% {
opacity:0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-box-shadow:-1em -1em 0 -0.35em #ffc717,0 -1.5em 0 -0.35em #ffc717,1em -1em 0 -0.35em #ffc717,-1.5em 0 0 -0.35em #ffc717,1.5em 0 0 -0.35em #ffc717,-1em 1em 0 -0.35em #ffc717,0 1.5em 0 -0.35em #ffc717,1em 1em 0 -0.35em #ffc717;
box-shadow:-1em -1em 0 -0.35em #ffc717,0 -1.5em 0 -0.35em #ffc717,1em -1em 0 -0.35em #ffc717,-1.5em 0 0 -0.35em #ffc717,1.5em 0 0 -0.35em #ffc717,-1em 1em 0 -0.35em #ffc717,0 1.5em 0 -0.35em #ffc717,1em 1em 0 -0.35em #ffc717
}
}
.loader-box .loader-32 {
position:relative;
border-radius:50%;
-webkit-box-shadow:0 0 1em 0 #fd517d,inset 0 0 1em 0 #fd517d;
box-shadow:0 0 1em 0 #fd517d,inset 0 0 1em 0 #fd517d;
-webkit-animation:1s loader-32 linear infinite;
animation:1s loader-32 linear infinite
}
.loader-box .loader-32:before,.loader-box .loader-32:after {
content:'';
display:block;
width:inherit;
height:inherit;
position:absolute;
border-radius:50%
}
.loader-box .loader-32:before {
border-top:0.2em solid #fd517d;
border-right:.2em solid transparent;
top:.28em;
right:calc(50% - .22em)
}
.loader-box .loader-32:after {
border-bottom:0.2em solid #fd517d;
border-left:.2em solid transparent;
bottom:.28em;
left:calc(50% - .22em)
}
@-webkit-keyframes loader-32 {
0% {
-webkit-transform:rotateX(-60deg) rotateZ(0deg);
transform:rotateX(-60deg) rotateZ(0deg)
}
100% {
-webkit-transform:rotateX(-60deg) rotateZ(360deg);
transform:rotateX(-60deg) rotateZ(360deg)
}
}
@keyframes loader-32 {
0% {
-webkit-transform:rotateX(-60deg) rotateZ(0deg);
transform:rotateX(-60deg) rotateZ(0deg)
}
100% {
-webkit-transform:rotateX(-60deg) rotateZ(360deg);
transform:rotateX(-60deg) rotateZ(360deg)
}
}
.loader-box .loader-34 {
position:relative;
width:1em;
height:.5em
}
.loader-box .loader-34:after,.loader-box .loader-34:before {
position:absolute;
content:"";
height:.4em;
width:.4em;
top:0;
background-color:#7e37d8;
border-radius:50%
}
.loader-box .loader-34:after {
right:0;
-webkit-animation:loader-34-2 0.5s ease-in-out infinite;
animation:loader-34-2 0.5s ease-in-out infinite;
-webkit-animation-direction:alternate;
animation-direction:alternate
}
.loader-box .loader-34:before {
left:0;
-webkit-animation:loader-34-1 0.5s ease-in-out infinite;
animation:loader-34-1 0.5s ease-in-out infinite;
-webkit-animation-direction:alternate;
animation-direction:alternate
}
@-webkit-keyframes loader-34-1 {
0% {
-webkit-transform:translatex(0px);
transform:translatex(0px)
}
65% {
height:.4em;
width:.4em
}
100% {
height:.5em;
width:.3em;
-webkit-transform:translatex(0.2em);
transform:translatex(0.2em)
}
}
@keyframes loader-34-1 {
0% {
-webkit-transform:translatex(0px);
transform:translatex(0px)
}
65% {
height:.4em;
width:.4em
}
100% {
height:.5em;
width:.3em;
-webkit-transform:translatex(0.2em);
transform:translatex(0.2em)
}
}
@-webkit-keyframes loader-34-2 {
0% {
-webkit-transform:translatex(0px);
transform:translatex(0px)
}
65% {
height:.4em;
width:.4em
}
100% {
height:.5em;
width:.3em;
-webkit-transform:translatex(-0.2em);
transform:translatex(-0.2em)
}
}
@keyframes loader-34-2 {
0% {
-webkit-transform:translatex(0px);
transform:translatex(0px)
}
65% {
height:.4em;
width:.4em
}
100% {
height:.5em;
width:.3em;
-webkit-transform:translatex(-0.2em);
transform:translatex(-0.2em)
}
}
.loader-box .loader-35 {
margin:0 .5em;
position:relative
}
.loader-box .loader-35:before {
border-radius:50%;
background-color:#fe80b2;
-webkit-animation:loader-35 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
animation:loader-35 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
content:'';
width:inherit;
height:inherit;
top:0;
left:0;
position:absolute
}
@-webkit-keyframes loader-35 {
0% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
25% {
-webkit-transform:translateX(-100%) scale(0.3);
transform:translateX(-100%) scale(0.3)
}
50% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
75% {
-webkit-transform:translateX(100%) scale(0.3);
transform:translateX(100%) scale(0.3)
}
100% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
}
@keyframes loader-35 {
0% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
25% {
-webkit-transform:translateX(-100%) scale(0.3);
transform:translateX(-100%) scale(0.3)
}
50% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
75% {
-webkit-transform:translateX(100%) scale(0.3);
transform:translateX(100%) scale(0.3)
}
100% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
}
.loader-box .loader-37 {
border-right:0.1em solid #80cf00;
border-radius:100%;
-webkit-animation:loader-37 800ms linear infinite;
animation:loader-37 800ms linear infinite
}
.loader-box .loader-37:before,.loader-box .loader-37:after {
content:'';
width:.8em;
height:.8em;
display:block;
position:absolute;
top:calc(50% - .4em);
left:calc(50% - .4em);
border-left:0.08em solid #80cf00;
border-radius:100%;
animation:loader-37 400ms linear infinite reverse
}
.loader-box .loader-37:after {
width:.6em;
height:.6em;
top:calc(50% - .3em);
left:calc(50% - .3em);
border:0;
border-right:0.05em solid #80cf00;
-webkit-animation:none;
animation:none
}
@-webkit-keyframes loader-37 {
from {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes loader-37 {
from {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.loader-box .loader-38 {
height:0.1em;
width:0.1em;
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
-webkit-animation:loader-38 6s infinite;
animation:loader-38 6s infinite
}
@-webkit-keyframes loader-38 {
0% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd
}
8.33% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd
}
16.66% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd
}
24.99% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
33.32% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd
}
41.65% {
-webkit-box-shadow:0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd
}
49.98% {
-webkit-box-shadow:0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd
}
58.31% {
-webkit-box-shadow:-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
66.64% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
74.97% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
83.3% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
91.63% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
100% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd
}
}
@keyframes loader-38 {
0% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd
}
8.33% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd
}
16.66% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd
}
24.99% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
33.32% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd
}
41.65% {
-webkit-box-shadow:0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd
}
49.98% {
-webkit-box-shadow:0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd
}
58.31% {
-webkit-box-shadow:-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
66.64% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
74.97% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
83.3% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
91.63% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd,-0.2em 0.2em 0 0.1em #06b5dd
}
100% {
-webkit-box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd;
box-shadow:-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd,-0.2em -0.2em 0 0.1em #06b5dd
}
}
.loader-box .loader-39 {
position:relative;
width:.15em;
height:.15em;
background-color:#ffc717;
border-radius:100%;
-webkit-animation:loader-39-1 30s infinite linear;
animation:loader-39-1 30s infinite linear
}
.loader-box .loader-39:before,.loader-box .loader-39:after {
content:'';
border-radius:100%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.loader-box .loader-39:before {
width:20px;
height:60px;
-webkit-animation:loader-39-2 .8s linear infinite;
animation:loader-39-2 .8s linear infinite
}
.loader-box .loader-39:after {
width:60px;
height:20px;
-webkit-animation:loader-39-2 1.2s linear infinite;
animation:loader-39-2 1.2s linear infinite
}
@-webkit-keyframes loader-39-1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loader-39-1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes loader-39-2 {
0% {
-webkit-box-shadow:0.04em -0.04em 0 0.02em #ffc717;
box-shadow:0.04em -0.04em 0 0.02em #ffc717
}
25% {
-webkit-box-shadow:0.04em 0.04em 0 0.02em #ffc717;
box-shadow:0.04em 0.04em 0 0.02em #ffc717
}
50% {
-webkit-box-shadow:-0.04em 0.04em 0 0.02em #ffc717;
box-shadow:-0.04em 0.04em 0 0.02em #ffc717
}
75% {
-webkit-box-shadow:-0.04em -0.04em 0 0.02em #ffc717;
box-shadow:-0.04em -0.04em 0 0.02em #ffc717
}
100% {
-webkit-box-shadow:0.04em -0.04em 0 0.02em #ffc717;
box-shadow:0.04em -0.04em 0 0.02em #ffc717
}
}
@keyframes loader-39-2 {
0% {
-webkit-box-shadow:0.04em -0.04em 0 0.02em #ffc717;
box-shadow:0.04em -0.04em 0 0.02em #ffc717
}
25% {
-webkit-box-shadow:0.04em 0.04em 0 0.02em #ffc717;
box-shadow:0.04em 0.04em 0 0.02em #ffc717
}
50% {
-webkit-box-shadow:-0.04em 0.04em 0 0.02em #ffc717;
box-shadow:-0.04em 0.04em 0 0.02em #ffc717
}
75% {
-webkit-box-shadow:-0.04em -0.04em 0 0.02em #ffc717;
box-shadow:-0.04em -0.04em 0 0.02em #ffc717
}
100% {
-webkit-box-shadow:0.04em -0.04em 0 0.02em #ffc717;
box-shadow:0.04em -0.04em 0 0.02em #ffc717
}
}
.loader-box .loader-40 {
border:0.05em #fd517d solid;
border-radius:.2em;
overflow:hidden;
position:relative
}
.loader-box .loader-40:after,.loader-box .loader-40:before {
content:'';
border-radius:50%;
position:absolute;
width:inherit;
height:inherit;
-webkit-animation:loader-40 2s infinite linear;
animation:loader-40 2s infinite linear
}
.loader-box .loader-40:before {
border-top:0.2em #fd517d solid;
top:-.15em;
left:calc( -50% - .15em);
-webkit-transform-origin:right center;
transform-origin:right center
}
.loader-box .loader-40:after {
border-bottom:0.2em #fd517d solid;
top:.15em;
right:calc( -50% - .15em);
-webkit-transform-origin:left center;
transform-origin:left center
}
@-webkit-keyframes loader-40 {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes loader-40 {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.loader-box .loader-41 {
border:0.05em #7e37d8 solid;
border-radius:.2em;
position:relative;
background:linear-gradient(45deg, transparent 48%, #7e37d8 50%, #7e37d8 50%, transparent 52%, transparent),linear-gradient(-45deg, transparent 48%, #7e37d8 50%, #7e37d8 50%, transparent 52%, transparent);
background-size:.5em .5em;
background-position:0% 0%;
-webkit-animation:loader-41 1s infinite linear;
animation:loader-41 1s infinite linear
}
@-webkit-keyframes loader-41 {
from {
background-position:0 0
}
to {
background-position:-1em 0
}
}
@keyframes loader-41 {
from {
background-position:0 0
}
to {
background-position:-1em 0
}
}
.loader-box .loader-42 {
width:2em;
height:.66em;
border:0.05em #fe80b2 solid;
border-radius:.1em;
background:linear-gradient(-60deg, transparent 0%, transparent 50%, #fe80b2 50%, #fe80b2 75%, transparent 75%, transparent);
background-size:1em 2em;
background-position:0 0;
-webkit-animation:loader-42 0.8s infinite linear;
animation:loader-42 0.8s infinite linear
}
@-webkit-keyframes loader-42 {
from {
background-position:0 0
}
to {
background-position:-2em 0
}
}
@keyframes loader-42 {
from {
background-position:0 0
}
to {
background-position:-2em 0
}
}
@-webkit-keyframes pagebody {
from {
opacity:0;
-webkit-transform:scale3d(0.95, 0.95, 0.95) translate(-20px, -100px);
transform:scale3d(0.95, 0.95, 0.95) translate(-20px, -100px)
}
50% {
opacity:1
}
}
@keyframes pagebody {
from {
opacity:0;
-webkit-transform:scale3d(0.95, 0.95, 0.95) translate(-20px, -100px);
transform:scale3d(0.95, 0.95, 0.95) translate(-20px, -100px)
}
50% {
opacity:1
}
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li:hover>a {
border-left-color:#2c323f;
-webkit-transition:.3s;
transition:.3s
}
.onhover-show-div {
-webkit-box-shadow:0 0 2px 2px #f8f5fd;
box-shadow:0 0 2px 2px #f8f5fd;
-webkit-transform:translateY(30px);
transform:translateY(30px);
opacity:0;
visibility:hidden;
left:0
}
.onhover-dropdown:hover .onhover-show-div {
opacity:1;
-webkit-transform:translateY(0px);
transform:translateY(0px);
visibility:visible
}
.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 #898989;
content:"";
top:-7px;
position:absolute;
left:10px;
z-index:1
}
.img-shadow-primary {
-webkit-filter:drop-shadow(2px 4px 6px rgba(126,55,216,0.5));
filter:drop-shadow(2px 4px 6px rgba(126,55,216,0.5))
}
.img-shadow-secondary {
-webkit-filter:drop-shadow(2px 4px 6px rgba(254,128,178,0.5));
filter:drop-shadow(2px 4px 6px rgba(254,128,178,0.5))
}
.img-shadow-success {
-webkit-filter:drop-shadow(2px 4px 6px rgba(128,207,0,0.5));
filter:drop-shadow(2px 4px 6px rgba(128,207,0,0.5))
}
.img-shadow-danger {
-webkit-filter:drop-shadow(2px 4px 6px rgba(253,81,125,0.5));
filter:drop-shadow(2px 4px 6px rgba(253,81,125,0.5))
}
.img-shadow-info {
-webkit-filter:drop-shadow(2px 4px 6px rgba(6,181,221,0.5));
filter:drop-shadow(2px 4px 6px rgba(6,181,221,0.5))
}
.img-shadow-light {
-webkit-filter:drop-shadow(2px 4px 6px rgba(248,245,253,0.5));
filter:drop-shadow(2px 4px 6px rgba(248,245,253,0.5))
}
.img-shadow-dark {
-webkit-filter:drop-shadow(2px 4px 6px rgba(44,50,63,0.5));
filter:drop-shadow(2px 4px 6px rgba(44,50,63,0.5))
}
.img-shadow-warning {
-webkit-filter:drop-shadow(2px 4px 6px rgba(255,199,23,0.5));
filter:drop-shadow(2px 4px 6px rgba(255,199,23,0.5))
}
.page-wrapper .page-main-header {
background-color:#fff;
position:fixed;
top:0;
z-index:999;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-transition:.3s;
transition:.3s
}
.page-wrapper .page-main-header .main-header-left {
margin-left:30px
}
.page-wrapper .page-body-wrapper {
background-color:#fff
}
.page-wrapper .page-body-wrapper .page-body {
min-height:calc(100vh - 95px);
margin-top:95px;
padding:0 30px;
position:relative;
background-color:#fdfeff;
/*margin-left:300px;*/
-webkit-transition:.6s;
transition:.6s;
-webkit-animation:pagebody 1000ms ease-in-out;
animation:pagebody 1000ms ease-in-out
}
.page-main-header {
max-width:100vw
}
.page-main-header .main-header-right {
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-shadow:2.5px 4.33px 30px 0px rgba(126,55,216,0.035);
box-shadow:2.5px 4.33px 30px 0px rgba(126,55,216,0.035)
}
.page-main-header .main-header-right .mobile-sidebar .switch {
width:40px;
height:40px;
background-color:#f8f5fd;
border-radius:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer;
margin-top:6px
}
.page-main-header .main-header-right .mobile-sidebar .switch svg {
width:20px
}
.page-main-header .main-header-right .nav-left i {
margin-right:20px
}
.page-main-header .main-header-right .nav-left input:focus {
outline:0 !important
}
.page-main-header .main-header-right .nav-right {
text-align:left;
padding:0 30px
}
.page-main-header .main-header-right .nav-right ul li svg {
margin-top:10px;
width:18px;
height:18px
}
.page-main-header .main-header-right .nav-right ul li svg path {
color:#7e37d8
}
.page-main-header .main-header-right .nav-right ul li:last-child {
padding-right:0
}
.page-main-header .main-header-right .nav-right>ul {
padding:0 0
}
.page-main-header .main-header-right .nav-right>ul .search-form .mobile-search svg {
color:#7e37d8
}
.page-main-header .main-header-right .nav-right>ul .search-form input {
border:none;
padding:10px 10px 10px 70px;
border-radius:50px;
background-color:rgba(0,0,0,0);
font-size:16px;
color:rgba(126,55,216,0.5)
}
.page-main-header .main-header-right .nav-right>ul .search-form input::-webkit-input-placeholder {
color:rgba(126,55,216,0.5)
}
.page-main-header .main-header-right .nav-right>ul .search-form input::-moz-placeholder {
color:rgba(126,55,216,0.5)
}
.page-main-header .main-header-right .nav-right>ul .search-form input:-ms-input-placeholder {
color:rgba(126,55,216,0.5)
}
.page-main-header .main-header-right .nav-right>ul .search-form input::-ms-input-placeholder {
color:rgba(126,55,216,0.5)
}
.page-main-header .main-header-right .nav-right>ul .search-form input::placeholder {
color:rgba(126,55,216,0.5)
}
.page-main-header .main-header-right .nav-right>ul .search-form .form-group {
position:relative
}
.page-main-header .main-header-right .nav-right>ul .search-form .form-group:before {
position:absolute;
content:"";
width:1px;
height:20px;
background:rgba(126,55,216,0.2);
left:53px;
top:12px;
z-index:2
}
.page-main-header .main-header-right .nav-right>ul .search-form .form-group:after {
position:absolute;
content:"\e618";
font-family:Pe-icon-7-stroke;
top:7px;
left:22px;
color:#7e37d8;
font-size:20px;
font-weight:600
}
.page-main-header .main-header-right .nav-right>ul>li:first-child {
width:auto;
margin:0
}
.page-main-header .main-header-right .nav-right .flip-card {
width:220px;
height:245px;
top:50%;
left:50%;
margin:-150px;
-webkit-perspective:500px;
perspective:500px;
background-color:transparent
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner {
position:relative;
width:100%;
height:100%;
text-align:center;
-webkit-transition:-webkit-transform 0.6s;
transition:-webkit-transform 0.6s;
transition:transform 0.6s;
transition:transform 0.6s, -webkit-transform 0.6s;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
border-radius:15px
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front,.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back {
position:absolute;
width:100%;
height:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
border-radius:15px;
overflow:hidden
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front button,.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back button {
background-color:rgba(0,0,0,0);
color:#7e37d8;
border:none
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front button:focus,.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back button:focus {
outline:rgba(0,0,0,0)
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front {
background-color:#fff;
color:black;
-webkit-transition:.3s;
transition:.3s
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back {
background-color:#fff;
color:white;
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back li:first-child {
margin-top:20px;
height:161px !important
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back li:last-child {
padding:20px 0;
border-top:1px solid #ddd
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back button {
width:100%
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
border-radius:25px;
padding:6px 12px;
border:1px solid #ddd
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner.flipped {
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg)
}
.page-main-header .main-header-right .nav-right .flip-card .flip-card-inner.flipped .front {
opacity:0
}
.page-main-header .main-header-right .nav-right.right-menu ul {
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.page-main-header .main-header-right .nav-right.right-menu ul li {
position:relative
}
.page-main-header .main-header-right .nav-right.right-menu ul li img {
width:20px
}
.page-main-header .main-header-right .nav-right.right-menu ul li:before {
display:none
}
.page-main-header .main-header-right .nav-right.right-menu ul li .search-icon {
border-radius:100%;
background-image:-webkit-gradient(linear, left top, right bottom, from(#863ee2), to(#571f9e));
background-image:linear-gradient(to bottom right, #863ee2, #571f9e);
width:36px;
height:35px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-shadow:2px 3.464px 8px 0px rgba(126,55,216,0.18);
box-shadow:2px 3.464px 8px 0px rgba(126,55,216,0.18);
cursor:pointer
}
.page-main-header .main-header-right .nav-right.right-menu ul li .search-icon i {
color:#fff
}
.page-main-header .main-header-right .nav-right.right-menu ul li .user-header img {
width:120px !important
}
.page-main-header .main-header-right .nav-right.right-menu ul li .notification {
position:absolute;
top:-2px;
right:-9px;
padding:5px 7px
}
.page-main-header .main-header-right .nav-right .icon-user {
font-size:16px
}
.page-main-header .main-header-right .nav-right>ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.page-main-header .main-header-right .nav-right>ul>li {
position:relative;
padding:30px 20px 21px 20px
}
.page-main-header .main-header-right .nav-right>ul>li .form-group {
width:100%
}
.page-main-header .main-header-right .nav-right>ul>li:first-child {
width:30%;
margin:0 auto
}
.page-main-header .main-header-right .nav-right>ul>li:last-child {
padding-top:10px;
padding-bottom:10px
}
.page-main-header .main-header-right .nav-right>ul>li .badge {
padding:4px 8px
}
.page-main-header .main-header-right .nav-right>ul>li:first-child:before {
top:2px
}
.page-main-header .main-header-right .nav-right>ul>li span {
letter-spacing:0.9px
}
.page-main-header .main-header-right .nav-right>ul>li span .fa {
color:#ccc
}
.page-main-header .main-header-right .nav-right>ul>li span ul {
left:inherit;
right:-10px;
width:130px
}
.page-main-header .main-header-right .nav-right>ul>li span ul:before,.page-main-header .main-header-right .nav-right>ul>li span ul:after {
left:inherit;
right:10px
}
.page-main-header .main-header-right .nav-right>ul>li span ul li {
display:block
}
.page-main-header .main-header-right .nav-right>ul>li span ul li a {
font-size:14px;
color:#2c323f
}
.page-main-header .main-header-right .nav-right>ul>li span ul li a i {
margin-left:10px;
font-size:13px;
color:#2c323f
}
.page-main-header .main-header-right .nav-right>ul .flag-icon {
font-size:16px
}
.page-main-header .main-header-right .nav-right .notification-dropdown {
top:70px;
width:300px;
left:-230px !important;
border-radius:15px;
overflow:hidden
}
.page-main-header .main-header-right .nav-right .notification-dropdown:before,.page-main-header .main-header-right .nav-right .notification-dropdown:after {
right:27px;
left:unset
}
.page-main-header .main-header-right .nav-right .notification-dropdown li {
padding:25px !important
}
.page-main-header .main-header-right .nav-right .notification-dropdown li:first-child {
text-align:center;
color:#fff;
padding:20px !important
}
.page-main-header .main-header-right .nav-right .notification-dropdown li:nth-child(3) {
padding-top:0 !important
}
.page-main-header .main-header-right .nav-right .notification-dropdown li .notification-icons {
width:40px;
height:40px;
border-radius:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.page-main-header .main-header-right .nav-right .notification-dropdown li .notification-icons svg path {
color:#fff
}
.page-main-header .main-header-right .nav-right .notification-dropdown li h6 {
margin-bottom:2px
}
.page-main-header .main-header-right .nav-right .category-dropdown {
text-align:left
}
.page-main-header .main-header-right .nav-right .category-dropdown li a {
color:#2c323f
}
.page-main-header .main-header-right .nav-right .category-dropdown li a i {
margin-right:10px
}
.page-main-header .main-header-right .nav-right .status-dropdown {
width:255px
}
.page-main-header .main-header-right .nav-right .status-dropdown li {
padding:10px !important
}
.page-main-header .main-header-right .nav-right .status-dropdown li:first-child {
background-color:#fe80b2
}
.page-main-header .main-header-right .nav-right .status-dropdown li:nth-child(2) {
padding-top:20px !important
}
.page-main-header .main-header-right .nav-right .status-dropdown li:last-child {
padding-bottom:25px !important
}
.page-main-header .main-header-right .nav-right .status-dropdown li h6 {
color:#fff
}
.page-main-header .main-header-right .nav-right .profile-dropdown {
width:180px;
top:70px;
left:-65px !important
}
.page-main-header .main-header-right .nav-right .profile-dropdown:before,.page-main-header .main-header-right .nav-right .profile-dropdown:after {
right:20px;
left:unset
}
.page-main-header .main-header-right .nav-right .profile-dropdown li {
padding:10px 20px !important
}
.page-main-header .main-header-right .nav-right .profile-dropdown li svg {
vertical-align:text-bottom;
margin-right:10px;
margin-top:0
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:first-child {
padding:20px !important;
text-align:center;
border-radius:15px 15px 0 0
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:first-child span {
font-size:10px
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:nth-child(2) {
padding-top:20px !important
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:last-child {
padding-bottom:20px !important
}
.page-main-header .main-header-right .nav-right .droplet-dropdown {
left:-315px !important;
width:380px;
top:70px
}
.page-main-header .main-header-right .nav-right .droplet-dropdown:before,.page-main-header .main-header-right .nav-right .droplet-dropdown:after {
right:27px;
left:unset
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li {
padding-top:15px !important
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li:first-child {
padding:20px !important;
border-radius:15px 15px 0 0
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li:last-child {
padding-bottom:15px !important
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li .row {
margin-left:0;
margin-right:0
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li .row .droplet-main {
border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
padding:20px;
text-align:center
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li .row .droplet-main svg {
margin-top:0;
margin-bottom:5px
}
.page-main-header .main-header-right .nav-right .droplet-dropdown li .row .droplet-main:nth-child(3n) {
border-right:none
}
.page-main-header .main-header-right .nav-right .onhover-dropdown .onhover-show-div {
top:70px;
left:13px;
border-radius:15px
}
.page-main-header .main-header-right .nav-right .onhover-dropdown .onhover-show-div li {
display:block
}
.page-main-header .main-header-right .nav-right .onhover-dropdown .onhover-show-div svg {
color:#1b3155
}
.page-main-header .main-header-right .nav-right .onhover-dropdown .onhover-show-div svg path {
color:#1b3155
}
.page-main-header .main-header-right .nav-right .onhover-dropdown .onhover-show-div:before {
border-bottom:7px solid #7e37d8
}
.page-main-header .main-header-right .nav-right .onhover-dropdown .gradient-primary {
-webkit-box-shadow:none;
box-shadow:none
}
.page-main-header .main-header-right .nav-right .bookmark-flip {
top:218px !important
}
.page-main-header .main-header-right .nav-right .bookmark-flip:before,.page-main-header .main-header-right .nav-right .bookmark-flip:after {
display:none
}
.page-main-header .main-header-right .nav-right .bookmark-dropdown {
left:unset !important;
right:0;
width:220px;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out
}
.page-main-header .main-header-right .nav-right .bookmark-dropdown li button:focus {
outline-color:rgba(0,0,0,0)
}
.page-main-header .main-header-right .nav-right .bookmark-dropdown li:last-child {
padding-bottom:15px !important;
border-top:1px solid #efefef
}
.page-main-header .main-header-right .nav-right .bookmark-dropdown li:nth-child(2) {
padding-bottom:15px
}
.page-main-header .main-header-right .nav-right .category-dropdown,.page-main-header .main-header-right .nav-right .status-dropdown {
top:50px
}
.page-main-header .main-header-right li {
display:inline-block;
position:relative
}
.onhover-dropdown {
cursor:pointer;
position:relative
}
.onhover-show-div {
top:95px;
position:absolute;
z-index:8;
background-color:#fff;
-webkit-transition:all linear 0.3s;
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:#1b3155 !important
}
.scorlled .page-sidebar {
top:0 !important;
height:100vh !important
}
.page-wrapper .vertical-menu-main {
position:fixed;
top:95px;
width:100%;
z-index:9;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);
box-shadow:0 0 5px 0 rgba(0,0,0,0.1);
background-color:#fff
}
.vertical-menu-mt {
margin-top:133px !important
}
.vertical-menu-mt .custom-card .card-header img {
margin-top:-146px !important
}
.vertical-menu-main #main-nav #main-menu li a svg {
width:15px;
height:15px;
margin-right:8px;
stroke-width:2.5;
margin-top:-5px
}
.vertical-menu-main .mega-menu {
width:1500px !important;
max-width:1500px !important;
padding:0;
left:-120px !important;
top:65px !important
}
.mega-menu-header .main-header-right>.vertical-mobile-sidebar {
display:none !important
}
.compact-switch {
display:none
}
.sidebar-toggle-btn {
font-size:18px;
margin-left:10px;
cursor:pointer
}
.vertical-mobile-sidebar {
display:none
}
.mega-menu {
-webkit-perspective:inherit;
perspective:inherit;
position:static !important;
padding-top:5px;
padding-left:30px
}
.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 .title {
color:#1b3155;
font-weight:600;
border-bottom:1px solid #efefef;
padding-bottom:15px;
margin-bottom:15px;
text-transform:uppercase
}
.mega-menu div>div a {
margin-bottom:0px;
display:inline-block;
color:#6e7e96
}
.mega-menu .custom-nav-img {
position:static
}
.mega-menu .custom-nav-img .desk {
line-height:25px;
font-size:14px;
color:#6e7e96
}
.mega-menu .list-unstyled div a {
padding:8px 35px 8px 0;
-webkit-transition:.3s;
transition:.3s
}
.mega-menu .list-unstyled div a:hover {
padding:8px 35px 8px 10px;
-webkit-transition:.3s;
transition:.3s
}
.mega-menu .galleria div {
margin-bottom:5px
}
.mega-menu .galleria div img {
width:100% !important
}
.mega-menu .galleria div:hover {
-webkit-transform:translateY(4px) scale(1.04);
transform:translateY(4px) scale(1.04)
}
.mega-menu .galleria-list .galleria>div {
width:25%;
font-size:12px;
float:left;
color:#000;
-webkit-transition:ease-in 0.3s;
transition:ease-in 0.3s
}
.mega-menu .galleria-list .galleria>div>a {
display:block;
margin:5px 0 10px;
padding:0 0 !important
}
.mega-menu .galleria-list .galleria>div img {
border-radius:15px;
max-width:100%
}
.mega-menu .galleria-list .galleria>div .username {
font-size:12px;
color:#1b3155;
margin-bottom:5px
}
.mega-menu .galleria-list .galleria>div .username small {
display:block;
font-size:11px;
color:#6e7e96;
margin-top:3px
}
.mega-menu .drilldown {
overflow:hidden;
width:100%;
padding:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.mega-menu .drilldown a {
width:100%
}
.mega-menu .drilldown a:hover {
background-color:transparent;
color:#7e37d8
}
.mega-menu .drilldown-sub {
display:none
}
.mega-menu .drilldown-back {
font-weight:bold
}
@-webkit-keyframes scaleDisappear {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes scaleDisappear {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.page-wrapper .page-body-wrapper .iconsidebar-menu {
position:fixed;
z-index:10;
top:95px;
-webkit-transition:.3s;
transition:.3s
}
.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close .iconMenu-bar {
margin-left:-320px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close .iconMenu-bar .iconbar-mainmenu {
display:none;
margin-left:-320px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close ~ .page-body,.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close ~ footer {
margin-left:0
}
.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close .iconMenu-bar {
display:block
}
.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close .iconMenu-bar .iconbar-mainmenu {
margin-left:-225px;
-webkit-box-shadow:none;
box-shadow:none
}
.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close ~ .page-body,.page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close ~ footer {
margin-left:90px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar {
width:90px;
display:block;
height:calc(100vh - 95px);
overflow:auto;
background-color:#fff;
-webkit-transition:0.3s;
transition:0.3s
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li {
position:relative
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li .badge {
position:absolute;
top:10px;
right:10px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .bar-icons {
display:block;
text-align:center;
padding:20px 15px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
border:1px solid #f8f4fe;
border-top:none;
z-index:999;
letter-spacing:0.6px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .bar-icons a.bar-icons:after {
position:absolute;
content:"";
height:15px;
width:15px;
background-color:#faf8fd;
top:40%;
right:-8px;
border-radius:15px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .bar-icons span {
padding-top:2px;
display:block;
color:#000;
font-weight:600;
line-height:1;
padding-top:7px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .bar-icons i {
font-size:22px;
vertical-align:middle;
color:#242934;
font-weight:600
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .bar-icons svg {
vertical-align:middle
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu {
position:fixed;
top:95px;
height:calc(100vh - 95px);
overflow:auto;
left:90px;
width:210px;
background-color:#fff;
-webkit-box-shadow:0 16px 15px 15px rgba(126,55,216,0.03);
box-shadow:0 16px 15px 15px rgba(126,55,216,0.03);
-webkit-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
display:none;
z-index:-1;
-webkit-animation:fadeInLeft 1000ms ease-in-out;
animation:fadeInLeft 1000ms ease-in-out
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li {
padding-left:20px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li:not(.iconbar-header):hover {
letter-spacing:0.8px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li:last-child {
padding-bottom:25px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li a {
color:#1a1a1a;
padding-top:15px;
display:block;
font-weight:600
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li.active a.active {
color:#7e37d8
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu .iconbar-header {
font-size:18px;
color:#7e37d8;
padding:20px 0 20px 20px;
background-color:#fbf9fe;
font-weight:700
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu .iconbar-header a {
padding-top:0
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu .iconbar-header.sub-header {
margin-top:25px
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:not(.open):hover .bar-icons {
background-color:#ece2f9;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:not(.open):hover .bar-icons svg,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:not(.open):hover .bar-icons i,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:not(.open):hover .bar-icons span {
color:#7e37d8;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-animation:scaleDisappear 0.3s;
animation:scaleDisappear 0.3s
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:active .bar-icons,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:focus .bar-icons,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .bar-icons {
background-color:#7e37d8;
border:1px solid #7e37d8
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:active .bar-icons:before,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:focus .bar-icons:before,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .bar-icons:before {
content:"";
position:absolute;
right:0;
top:0;
height:85px;
width:90px;
-webkit-box-shadow:2px 0px 35px -5px rgba(126,55,216,0.5);
box-shadow:2px 0px 35px -5px rgba(126,55,216,0.5)
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:active .bar-icons svg,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:active .bar-icons i,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:active .bar-icons span,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:focus .bar-icons svg,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:focus .bar-icons i,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:focus .bar-icons span,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .bar-icons svg,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .bar-icons i,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .bar-icons span {
color:#fff
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:active .iconbar-mainmenu,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li:focus .iconbar-mainmenu,.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .iconbar-mainmenu {
display:block;
-webkit-animation:bounceInLeft 1000ms ease-in-out;
animation:bounceInLeft 1000ms ease-in-out
}
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconbar-mainmenu-close {
display:none !important
}
.right-sidebar {
top:97px;
right:-285px;
height:100%;
position:fixed;
width:285px;
z-index:99;
background-color:#fff;
-webkit-transition:.5s;
transition:.5s;
-webkit-box-shadow:0px 0px 10px #d8e5ef;
box-shadow:0px 0px 10px #d8e5ef
}
.right-sidebar.show {
right:0;
-webkit-transition:.3s;
transition:.3s
}
.right-sidebar .modal-header .modal-title {
padding-top:2px
}
.right-sidebar .friend-list-search {
position:relative;
padding:20px
}
.right-sidebar .friend-list-search input {
color:#898989;
width:100%;
background-color:#f8f4fe;
border:1px solid #f8f4fe;
padding:10px 15px;
border-radius:25px;
letter-spacing:1px
}
.right-sidebar .friend-list-search .fa {
position:absolute;
right:35px;
top:34px;
font-size:14px;
color:#242934
}
.right-sidebar .chat-box .people-list ul {
padding-top:20px
}
.right-sidebar .chat-box .people-list ul li {
position:relative
}
.right-sidebar svg {
width:16px;
height:16px;
margin-top:5px
}
.btn {
font-size:14px;
padding:0.375rem 1.75rem;
font-weight:700
}
.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-air-primary {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#6524b8;
border-color:#6524b8
}
.btn-air-secondary {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#fe4d93;
border-color:#fe4d93
}
.btn-air-success {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#609c00;
border-color:#609c00
}
.btn-air-danger {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#fc1f57;
border-color:#fc1f57
}
.btn-air-info {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#058cab;
border-color:#058cab
}
.btn-air-light {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#dacbf5;
border-color:#dacbf5
}
.btn-air-dark {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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
}
.btn-air-warning {
-webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
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:#e3ac00;
border-color:#e3ac00
}
.input-air-primary {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-primary:focus {
border-color:#7e37d8
}
.input-air-secondary {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-secondary:focus {
border-color:#fe80b2
}
.input-air-success {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-success:focus {
border-color:#80cf00
}
.input-air-danger {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-danger:focus {
border-color:#fd517d
}
.input-air-info {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-info:focus {
border-color:#06b5dd
}
.input-air-light {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-light:focus {
border-color:#f8f5fd
}
.input-air-dark {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-dark:focus {
border-color:#2c323f
}
.input-air-warning {
-webkit-box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important;
box-shadow:0 3px 5px 1px rgba(88,103,221,0.15) !important
}
.input-air-warning:focus {
border-color:#ffc717
}
.form-bg-primary {
background:#7e37d8;
border-color:#7e37d8;
color:#fff
}
.form-bg-primary:focus {
border-color:#7e37d8;
background:#7e37d8;
color:#fff
}
.form-bg-primary:focus:active {
border-color:#7e37d8;
background:#7e37d8;
color:#fff
}
.form-bg-secondary {
background:#fe80b2;
border-color:#fe80b2;
color:#fff
}
.form-bg-secondary:focus {
border-color:#fe80b2;
background:#fe80b2;
color:#fff
}
.form-bg-secondary:focus:active {
border-color:#fe80b2;
background:#fe80b2;
color:#fff
}
.form-bg-success {
background:#80cf00;
border-color:#80cf00;
color:#fff
}
.form-bg-success:focus {
border-color:#80cf00;
background:#80cf00;
color:#fff
}
.form-bg-success:focus:active {
border-color:#80cf00;
background:#80cf00;
color:#fff
}
.form-bg-danger {
background:#fd517d;
border-color:#fd517d;
color:#fff
}
.form-bg-danger:focus {
border-color:#fd517d;
background:#fd517d;
color:#fff
}
.form-bg-danger:focus:active {
border-color:#fd517d;
background:#fd517d;
color:#fff
}
.form-bg-info {
background:#06b5dd;
border-color:#06b5dd;
color:#fff
}
.form-bg-info:focus {
border-color:#06b5dd;
background:#06b5dd;
color:#fff
}
.form-bg-info:focus:active {
border-color:#06b5dd;
background:#06b5dd;
color:#fff
}
.form-bg-light {
background:#f8f5fd;
border-color:#f8f5fd;
color:#2c323f
}
.form-bg-light:focus {
border-color:#f8f5fd;
background:#f8f5fd;
color:#2c323f
}
.form-bg-light:focus:active {
border-color:#f8f5fd;
background:#f8f5fd;
color:#2c323f
}
.form-bg-dark {
background:#2c323f;
border-color:#2c323f;
color:#fff
}
.form-bg-dark:focus {
border-color:#2c323f;
background:#2c323f;
color:#fff
}
.form-bg-dark:focus:active {
border-color:#2c323f;
background:#2c323f;
color:#fff
}
.form-bg-warning {
background:#ffc717;
border-color:#ffc717;
color:#fff
}
.form-bg-warning:focus {
border-color:#ffc717;
background:#ffc717;
color:#fff
}
.form-bg-warning:focus:active {
border-color:#ffc717;
background:#ffc717;
color:#fff
}
.btn-warning {
color:#fff
}
.btn-warning:hover,.btn-warning.disabled {
color:#fff
}
.btn-primary-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#9459df), color-stop(51%, #6a26c1), to(#9459df));
background-image:linear-gradient(to right, #9459df 0%, #6a26c1 51%, #9459df 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.btn-primary-gradien:focus,.btn-primary-gradien:active,.btn-primary-gradien.active {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#9459df), color-stop(0%), color-stop(#6a26c1), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #9459df, 0%, #6a26c1, 100%, #fff) !important
}
.btn-secondary-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#fea8cb), color-stop(51%, #fe5899), to(#fea8cb));
background-image:linear-gradient(to right, #fea8cb 0%, #fe5899 51%, #fea8cb 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#fea8cb), color-stop(0%), color-stop(#fe5899), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #fea8cb, 0%, #fe5899, 100%, #fff) !important
}
.btn-success-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#99f800), color-stop(51%, #67a600), to(#99f800));
background-image:linear-gradient(to right, #99f800 0%, #67a600 51%, #99f800 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#99f800), color-stop(0%), color-stop(#67a600), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #99f800, 0%, #67a600, 100%, #fff) !important
}
.btn-danger-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#fd799b), color-stop(51%, #fd295f), to(#fd799b));
background-image:linear-gradient(to right, #fd799b 0%, #fd295f 51%, #fd799b 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#fd799b), color-stop(0%), color-stop(#fd295f), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #fd799b, 0%, #fd295f, 100%, #fff) !important
}
.btn-warning-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#ffd140), color-stop(51%, #edb400), to(#ffd140));
background-image:linear-gradient(to right, #ffd140 0%, #edb400 51%, #ffd140 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#ffd140), color-stop(0%), color-stop(#edb400), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #ffd140, 0%, #edb400, 100%, #fff) !important
}
.btn-info-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#13cef9), color-stop(51%, #0594b5), to(#13cef9));
background-image:linear-gradient(to right, #13cef9 0%, #0594b5 51%, #13cef9 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#13cef9), color-stop(0%), color-stop(#0594b5), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #13cef9, 0%, #0594b5, 100%, #fff) !important
}
.btn-light-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(51%, #e0d3f6), to(#fff));
background-image:linear-gradient(to right, #fff 0%, #e0d3f6 51%, #fff 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(0%), color-stop(#e0d3f6), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #fff, 0%, #e0d3f6, 100%, #fff) !important
}
.btn-dark-gradien {
background-image:-webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(51%, #1b1f27), to(#3d4557));
background-image:linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
border:none;
color:#fff;
background-size:auto 200%;
-webkit-transition:all 0.3s ease;
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 {
-webkit-transition:1.5s;
transition:1.5s;
background-position:right center;
background-image:-webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(0%), color-stop(#1b1f27), color-stop(100%), to(#fff)) !important;
background-image:linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important
}
[class*='-gradien']:hover {
background-size:50% 100%;
-webkit-transition:all 0.3s ease;
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:18px
}
.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
}
.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;
-webkit-transition:opacity 0.3s;
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
}
.btn-rounded-transparent {
width:40px;
height:40px;
background-color:rgba(252,253,255,0.1);
border-radius:100%;
font-size:20px;
color:#fff;
text-align:center;
line-height:2.3
}
.badge-transparent {
background-color:rgba(255,255,255,0.1);
font-size:115%;
padding:8px 20px;
color:#fff
}
.badge-transparent i {
padding-right:5px
}
.color-box {
margin-bottom:-10px
}
.color-box>div>div {
border-radius:15px
}
.bottom-color-space {
margin-bottom:-30px
}
.primary-color ul li:nth-child(13) {
background-color:#823dd9;
padding:10px 15px
}
.primary-color ul li:nth-child(13) span:before {
content:"#823dd9";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(12) {
background-color:#8644da;
padding:10px 15px
}
.primary-color ul li:nth-child(12) span:before {
content:"#8644da";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(11) {
background-color:#8a4adc;
padding:10px 15px
}
.primary-color ul li:nth-child(11) span:before {
content:"#8a4adc";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(10) {
background-color:#8f51dd;
padding:10px 15px
}
.primary-color ul li:nth-child(10) span:before {
content:"#8f51dd";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(9) {
background-color:#9357de;
padding:10px 15px
}
.primary-color ul li:nth-child(9) span:before {
content:"#9357de";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(8) {
background-color:#975ddf;
padding:10px 15px
}
.primary-color ul li:nth-child(8) span:before {
content:"#975ddf";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(7) {
background-color:#9b64e1;
padding:10px 15px
}
.primary-color ul li:nth-child(7) span:before {
content:"#9b64e1";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(6) {
background-color:#9f6ae2;
padding:10px 15px
}
.primary-color ul li:nth-child(6) span:before {
content:"#9f6ae2";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(5) {
background-color:#a371e3;
padding:10px 15px
}
.primary-color ul li:nth-child(5) span:before {
content:"#a371e3";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(4) {
background-color:#a777e4;
padding:10px 15px
}
.primary-color ul li:nth-child(4) span:before {
content:"#a777e4";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(3) {
background-color:#ab7de6;
padding:10px 15px
}
.primary-color ul li:nth-child(3) span:before {
content:"#ab7de6";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(2) {
background-color:#b084e7;
padding:10px 15px
}
.primary-color ul li:nth-child(2) span:before {
content:"#b084e7";
display:block;
color:#fff;
text-align:center
}
.primary-color ul li:nth-child(1) {
background-color:#b48ae8;
padding:10px 15px
}
.primary-color ul li:nth-child(1) span:before {
content:"#b48ae8";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(13) {
background-color:#fe85b5;
padding:10px 15px
}
.secondary-color ul li:nth-child(13) span:before {
content:"#fe85b5";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(12) {
background-color:#fe8ab8;
padding:10px 15px
}
.secondary-color ul li:nth-child(12) span:before {
content:"#fe8ab8";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(11) {
background-color:#fe8fbb;
padding:10px 15px
}
.secondary-color ul li:nth-child(11) span:before {
content:"#fe8fbb";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(10) {
background-color:#fe94be;
padding:10px 15px
}
.secondary-color ul li:nth-child(10) span:before {
content:"#fe94be";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(9) {
background-color:#fe99c1;
padding:10px 15px
}
.secondary-color ul li:nth-child(9) span:before {
content:"#fe99c1";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(8) {
background-color:#fe9ec4;
padding:10px 15px
}
.secondary-color ul li:nth-child(8) span:before {
content:"#fe9ec4";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(7) {
background-color:#fea3c7;
padding:10px 15px
}
.secondary-color ul li:nth-child(7) span:before {
content:"#fea3c7";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(6) {
background-color:#fea8cb;
padding:10px 15px
}
.secondary-color ul li:nth-child(6) span:before {
content:"#fea8cb";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(5) {
background-color:#feaece;
padding:10px 15px
}
.secondary-color ul li:nth-child(5) span:before {
content:"#feaece";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(4) {
background-color:#feb3d1;
padding:10px 15px
}
.secondary-color ul li:nth-child(4) span:before {
content:"#feb3d1";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(3) {
background-color:#feb8d4;
padding:10px 15px
}
.secondary-color ul li:nth-child(3) span:before {
content:"#feb8d4";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(2) {
background-color:#febdd7;
padding:10px 15px
}
.secondary-color ul li:nth-child(2) span:before {
content:"#febdd7";
display:block;
color:#fff;
text-align:center
}
.secondary-color ul li:nth-child(1) {
background-color:#ffc2da;
padding:10px 15px
}
.secondary-color ul li:nth-child(1) span:before {
content:"#ffc2da";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(13) {
background-color:#89de00;
padding:10px 15px
}
.success-color ul li:nth-child(13) span:before {
content:"#89de00";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(12) {
background-color:#93ee00;
padding:10px 15px
}
.success-color ul li:nth-child(12) span:before {
content:"#93ee00";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(11) {
background-color:#9cfd00;
padding:10px 15px
}
.success-color ul li:nth-child(11) span:before {
content:"#9cfd00";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(10) {
background-color:#a3ff0d;
padding:10px 15px
}
.success-color ul li:nth-child(10) span:before {
content:"#a3ff0d";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(9) {
background-color:#a9ff1d;
padding:10px 15px
}
.success-color ul li:nth-child(9) span:before {
content:"#a9ff1d";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(8) {
background-color:#aeff2c;
padding:10px 15px
}
.success-color ul li:nth-child(8) span:before {
content:"#aeff2c";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(7) {
background-color:#b4ff3b;
padding:10px 15px
}
.success-color ul li:nth-child(7) span:before {
content:"#b4ff3b";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(6) {
background-color:#baff4a;
padding:10px 15px
}
.success-color ul li:nth-child(6) span:before {
content:"#baff4a";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(5) {
background-color:#c0ff5a;
padding:10px 15px
}
.success-color ul li:nth-child(5) span:before {
content:"#c0ff5a";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(4) {
background-color:#c6ff69;
padding:10px 15px
}
.success-color ul li:nth-child(4) span:before {
content:"#c6ff69";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(3) {
background-color:#ccff78;
padding:10px 15px
}
.success-color ul li:nth-child(3) span:before {
content:"#ccff78";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(2) {
background-color:#d1ff88;
padding:10px 15px
}
.success-color ul li:nth-child(2) span:before {
content:"#d1ff88";
display:block;
color:#fff;
text-align:center
}
.success-color ul li:nth-child(1) {
background-color:#d7ff97;
padding:10px 15px
}
.success-color ul li:nth-child(1) span:before {
content:"#d7ff97";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(13) {
background-color:#06bfe9;
padding:10px 15px
}
.info-color ul li:nth-child(13) span:before {
content:"#06bfe9";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(12) {
background-color:#07c9f6;
padding:10px 15px
}
.info-color ul li:nth-child(12) span:before {
content:"#07c9f6";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(11) {
background-color:#11cdf9;
padding:10px 15px
}
.info-color ul li:nth-child(11) span:before {
content:"#11cdf9";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(10) {
background-color:#1dd0f9;
padding:10px 15px
}
.info-color ul li:nth-child(10) span:before {
content:"#1dd0f9";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(9) {
background-color:#2ad3f9;
padding:10px 15px
}
.info-color ul li:nth-child(9) span:before {
content:"#2ad3f9";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(8) {
background-color:#36d5fa;
padding:10px 15px
}
.info-color ul li:nth-child(8) span:before {
content:"#36d5fa";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(7) {
background-color:#42d8fa;
padding:10px 15px
}
.info-color ul li:nth-child(7) span:before {
content:"#42d8fa";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(6) {
background-color:#4fdafa;
padding:10px 15px
}
.info-color ul li:nth-child(6) span:before {
content:"#4fdafa";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(5) {
background-color:#5bddfb;
padding:10px 15px
}
.info-color ul li:nth-child(5) span:before {
content:"#5bddfb";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(4) {
background-color:#68dffb;
padding:10px 15px
}
.info-color ul li:nth-child(4) span:before {
content:"#68dffb";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(3) {
background-color:#74e2fb;
padding:10px 15px
}
.info-color ul li:nth-child(3) span:before {
content:"#74e2fb";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(2) {
background-color:#80e5fc;
padding:10px 15px
}
.info-color ul li:nth-child(2) span:before {
content:"#80e5fc";
display:block;
color:#fff;
text-align:center
}
.info-color ul li:nth-child(1) {
background-color:#8de7fc;
padding:10px 15px
}
.info-color ul li:nth-child(1) span:before {
content:"#8de7fc";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(13) {
background-color:#ffcb26;
padding:10px 15px
}
.yellow-color ul li:nth-child(13) span:before {
content:"#ffcb26";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(12) {
background-color:#ffce36;
padding:10px 15px
}
.yellow-color ul li:nth-child(12) span:before {
content:"#ffce36";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(11) {
background-color:#ffd245;
padding:10px 15px
}
.yellow-color ul li:nth-child(11) span:before {
content:"#ffd245";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(10) {
background-color:#ffd654;
padding:10px 15px
}
.yellow-color ul li:nth-child(10) span:before {
content:"#ffd654";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(9) {
background-color:#ffd964;
padding:10px 15px
}
.yellow-color ul li:nth-child(9) span:before {
content:"#ffd964";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(8) {
background-color:#ffdd73;
padding:10px 15px
}
.yellow-color ul li:nth-child(8) span:before {
content:"#ffdd73";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(7) {
background-color:#ffe182;
padding:10px 15px
}
.yellow-color ul li:nth-child(7) span:before {
content:"#ffe182";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(6) {
background-color:#ffe591;
padding:10px 15px
}
.yellow-color ul li:nth-child(6) span:before {
content:"#ffe591";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(5) {
background-color:#ffe8a1;
padding:10px 15px
}
.yellow-color ul li:nth-child(5) span:before {
content:"#ffe8a1";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(4) {
background-color:#ffecb0;
padding:10px 15px
}
.yellow-color ul li:nth-child(4) span:before {
content:"#ffecb0";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(3) {
background-color:#fff0bf;
padding:10px 15px
}
.yellow-color ul li:nth-child(3) span:before {
content:"#fff0bf";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(2) {
background-color:#fff3cf;
padding:10px 15px
}
.yellow-color ul li:nth-child(2) span:before {
content:"#fff3cf";
display:block;
color:#fff;
text-align:center
}
.yellow-color ul li:nth-child(1) {
background-color:#fff7de;
padding:10px 15px
}
.yellow-color ul li:nth-child(1) span:before {
content:"#fff7de";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(13) {
background-color:#fd5b85;
padding:10px 15px
}
.red-color ul li:nth-child(13) span:before {
content:"#fd5b85";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(12) {
background-color:#fd658c;
padding:10px 15px
}
.red-color ul li:nth-child(12) span:before {
content:"#fd658c";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(11) {
background-color:#fd6f94;
padding:10px 15px
}
.red-color ul li:nth-child(11) span:before {
content:"#fd6f94";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(10) {
background-color:#fd799b;
padding:10px 15px
}
.red-color ul li:nth-child(10) span:before {
content:"#fd799b";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(9) {
background-color:#fe83a3;
padding:10px 15px
}
.red-color ul li:nth-child(9) span:before {
content:"#fe83a3";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(8) {
background-color:#fe8eaa;
padding:10px 15px
}
.red-color ul li:nth-child(8) span:before {
content:"#fe8eaa";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(7) {
background-color:#fe98b2;
padding:10px 15px
}
.red-color ul li:nth-child(7) span:before {
content:"#fe98b2";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(6) {
background-color:#fea2b9;
padding:10px 15px
}
.red-color ul li:nth-child(6) span:before {
content:"#fea2b9";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(5) {
background-color:#feacc1;
padding:10px 15px
}
.red-color ul li:nth-child(5) span:before {
content:"#feacc1";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(4) {
background-color:#feb6c8;
padding:10px 15px
}
.red-color ul li:nth-child(4) span:before {
content:"#feb6c8";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(3) {
background-color:#fec0d0;
padding:10px 15px
}
.red-color ul li:nth-child(3) span:before {
content:"#fec0d0";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(2) {
background-color:#fecad7;
padding:10px 15px
}
.red-color ul li:nth-child(2) span:before {
content:"#fecad7";
display:block;
color:#fff;
text-align:center
}
.red-color ul li:nth-child(1) {
background-color:#ffd4df;
padding:10px 15px
}
.red-color ul li:nth-child(1) span:before {
content:"#ffd4df";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(13) {
background-color:#eb2067;
padding:10px 15px
}
.pink-color ul li:nth-child(13) span:before {
content:"#eb2067";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(12) {
background-color:#ec2e70;
padding:10px 15px
}
.pink-color ul li:nth-child(12) span:before {
content:"#ec2e70";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(11) {
background-color:#ed3c7a;
padding:10px 15px
}
.pink-color ul li:nth-child(11) span:before {
content:"#ed3c7a";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(10) {
background-color:#ee4a83;
padding:10px 15px
}
.pink-color ul li:nth-child(10) span:before {
content:"#ee4a83";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(9) {
background-color:#f0588d;
padding:10px 15px
}
.pink-color ul li:nth-child(9) span:before {
content:"#f0588d";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(8) {
background-color:#f16696;
padding:10px 15px
}
.pink-color ul li:nth-child(8) span:before {
content:"#f16696";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(7) {
background-color:#f274a0;
padding:10px 15px
}
.pink-color ul li:nth-child(7) span:before {
content:"#f274a0";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(6) {
background-color:#f482aa;
padding:10px 15px
}
.pink-color ul li:nth-child(6) span:before {
content:"#f482aa";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(5) {
background-color:#f590b3;
padding:10px 15px
}
.pink-color ul li:nth-child(5) span:before {
content:"#f590b3";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(4) {
background-color:#f69ebd;
padding:10px 15px
}
.pink-color ul li:nth-child(4) span:before {
content:"#f69ebd";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(3) {
background-color:#f7acc6;
padding:10px 15px
}
.pink-color ul li:nth-child(3) span:before {
content:"#f7acc6";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(2) {
background-color:#f9bad0;
padding:10px 15px
}
.pink-color ul li:nth-child(2) span:before {
content:"#f9bad0";
display:block;
color:#fff;
text-align:center
}
.pink-color ul li:nth-child(1) {
background-color:#fac8d9;
padding:10px 15px
}
.pink-color ul li:nth-child(1) span:before {
content:"#fac8d9";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(13) {
background-color:#919191;
padding:10px 15px
}
.gray-color ul li:nth-child(13) span:before {
content:"#919191";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(12) {
background-color:#989898;
padding:10px 15px
}
.gray-color ul li:nth-child(12) span:before {
content:"#989898";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(11) {
background-color:#a0a0a0;
padding:10px 15px
}
.gray-color ul li:nth-child(11) span:before {
content:"#a0a0a0";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(10) {
background-color:#a8a8a8;
padding:10px 15px
}
.gray-color ul li:nth-child(10) span:before {
content:"#a8a8a8";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(9) {
background-color:#afafaf;
padding:10px 15px
}
.gray-color ul li:nth-child(9) span:before {
content:"#afafaf";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(8) {
background-color:#b7b7b7;
padding:10px 15px
}
.gray-color ul li:nth-child(8) span:before {
content:"#b7b7b7";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(7) {
background-color:#bfbfbf;
padding:10px 15px
}
.gray-color ul li:nth-child(7) span:before {
content:"#bfbfbf";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(6) {
background-color:#c6c6c6;
padding:10px 15px
}
.gray-color ul li:nth-child(6) span:before {
content:"#c6c6c6";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(5) {
background-color:#cecece;
padding:10px 15px
}
.gray-color ul li:nth-child(5) span:before {
content:"#cecece";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(4) {
background-color:#d6d6d6;
padding:10px 15px
}
.gray-color ul li:nth-child(4) span:before {
content:"#d6d6d6";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(3) {
background-color:#ddd;
padding:10px 15px
}
.gray-color ul li:nth-child(3) span:before {
content:"#ddd";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(2) {
background-color:#e5e5e5;
padding:10px 15px
}
.gray-color ul li:nth-child(2) span:before {
content:"#e5e5e5";
display:block;
color:#fff;
text-align:center
}
.gray-color ul li:nth-child(1) {
background-color:#ececec;
padding:10px 15px
}
.gray-color ul li:nth-child(1) span:before {
content:"#ececec";
display:block;
color:#fff;
text-align:center
}
.default-text {
color:#158df7
}
.gradient-primary {
background-image:-webkit-gradient(linear, left top, right bottom, from(#863ee2), to(#571f9e));
background-image:linear-gradient(to bottom right, #863ee2, #571f9e);
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(126,55,216,0.3);
box-shadow:2px 12px 26px 3px rgba(126,55,216,0.3)
}
.gradient-secondary {
background-image:-webkit-gradient(linear, left top, right bottom, from(#ff9cc3), to(#fd3484));
background-image:linear-gradient(to bottom right, #ff9cc3, #fd3484);
-webkit-box-shadow:2px 12px 26px 3px rgba(254,128,178,0.3);
box-shadow:2px 12px 26px 3px rgba(254,128,178,0.3);
color:#fff
}
.gradient-success {
background-image:-webkit-gradient(linear, left top, right bottom, from(#b9ec68), to(#80cf00));
background-image:linear-gradient(to bottom right, #b9ec68, #80cf00);
-webkit-box-shadow:2px 12px 26px 3px rgba(128,207,0,0.3);
box-shadow:2px 12px 26px 3px rgba(128,207,0,0.3)
}
.gradient-warning {
background-image:-webkit-gradient(linear, left top, right bottom, from(#ffd85d), to(#ffc200));
background-image:linear-gradient(to bottom right, #ffd85d, #ffc200);
-webkit-box-shadow:2px 12px 26px 3px rgba(255,199,23,0.3);
box-shadow:2px 12px 26px 3px rgba(255,199,23,0.3)
}
.gradient-info {
background-image:-webkit-gradient(linear, left top, right bottom, from(#00d2d7), to(#07b2dd));
background-image:linear-gradient(to bottom right, #00d2d7, #07b2dd);
-webkit-box-shadow:2px 12px 26px 3px rgba(6,181,221,0.3);
box-shadow:2px 12px 26px 3px rgba(6,181,221,0.3)
}
.grid-showcase {
margin-bottom:-10px
}
.grid-showcase span {
display:block;
border:1px solid #f8f5fd;
padding:10px;
margin-bottom:10px;
text-align:center;
background-color:#fff
}
.grid-align {
margin-bottom:-30px
}
.grid-align .row {
padding:15px 0;
min-height:10rem;
border:1px solid rgba(126,55,216,0.03);
margin-bottom:30px;
background-color:rgba(126,55,216,0.03)
}
.error-wrapper {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack: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.97);
background-blend-mode:overlay
}
.error-wrapper .maintenance-icons li i {
color:#aaa;
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 {
-webkit-animation:rotate-effect 30s infinite linear;
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:#06b5dd;
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;
font-family:work-Sans,sans-serif
}
.error-wrapper .sub-content {
font-size:18px;
color:#1b3155;
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:#ffc717;
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:#f8f5fd;
color:#000
}
.error .btn-back-home:hover {
background-color:#ffc717;
color:#fff;
-webkit-box-shadow:0 20px 35px 0 rgba(0,0,0,0.21);
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:#ffc717;
color:#fff;
-webkit-box-shadow:0 20px 35px 0 rgba(0,0,0,0.21);
box-shadow:0 20px 35px 0 rgba(0,0,0,0.21)
}
ul.icon-lists {
border-radius:30px
}
.icon-lists div {
cursor:pointer;
line-height:60px;
white-space:nowrap;
border-radius:4px;
font-family:work-Sans,sans-serif;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
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;
font-family:work-Sans,sans-serif
}
.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;
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-left:5px
}
.flag-icons div .media-body h5,.feather-icons div .media-body h5 {
background-color:#7e37d8;
display:inline-block;
padding:3px 5px;
font-size:11px;
border-radius:3px;
margin-bottom:5px;
color:#fff
}
.icon-hover-bottom {
background-color:#fdfeff;
width:100%;
bottom:0;
left:0;
-webkit-box-shadow:0px 0px 1px 1px #f8f5fd;
box-shadow:0px 0px 1px 1px #f8f5fd;
z-index:999
}
.icon-hover-bottom .icon-popup {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack: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:#ccc;
cursor:pointer
}
.icon-hover-bottom .icon-popup>div {
display:inline-block;
font-family:work-Sans,sans-serif
}
.icon-hover-bottom .icon-popup>div .flag-icon {
width:60px;
height:60px
}
.icon-hover-bottom .icon-popup .icon-class {
margin:0 20px;
cursor:pointer;
font-family:work-Sans,sans-serif
}
.icon-hover-bottom .icon-title {
display:block;
color:#2c323f;
text-transform:uppercase;
font-weight:500;
font-family:work-Sans,sans-serif
}
.icon-hover-bottom .form-group input {
min-width:300px;
background-color:#fff
}
.fa-fa-icon-show-div,.icons-show-div {
display:none
}
.icon-first i {
color:#898989
}
.icon-first h6 {
display:none
}
.form-builder .drag-box {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.form-builder .drag-box fieldset {
border:1px dotted #e8ebf2;
min-height:655px;
padding:30px;
width:100%;
overflow:hidden;
margin-top:30px;
border-radius:4px
}
.form-builder .component {
cursor:pointer
}
.form-builder .component label {
padding-top:8px
}
.form-builder .component .form-group input,.form-builder .component .form-group textarea,.form-builder .component .form-group select {
border-radius:4px
}
.form-builder .component .form-group .input-group #prependedcheckbox,.form-builder .component .form-group .input-group #prependedtext {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.form-builder .component .form-group .input-group #appendedcheckbox {
border-top-right-radius:0;
border-bottom-right-radius:0;
border-right-color:transparent
}
.form-builder .component .form-group .input-group #appendedtext,.form-builder .component .form-group .input-group #buttondropdown {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.form-builder .component .form-group .input-group #buttondropdown {
margin-right:-1px
}
.form-builder .component .form-group .input-group .input-group-btn button {
border-radius:4px;
border-top-left-radius:0;
border-bottom-left-radius:0
}
.form-builder .component .form-group .input-group .input-group-prepend .btn-right,.form-builder .component .form-group .input-group .input-group-prepend .checkbox-radius {
border-radius:4px;
border-top-left-radius:0;
border-bottom-left-radius:0
}
.form-builder .component .form-group .pl-md-radios {
padding-left:37px
}
.form-builder input {
cursor:pointer
}
.form-builder textarea {
resize:vertical
}
.form-builder .popover {
z-index:8;
opacity:1;
left:-290px !important;
top:95px !important
}
.form-builder .popover .control-group {
cursor:default
}
.form-builder .popover input {
cursor:pointer
}
.form-builder .render {
min-height:500px;
width:100%;
border-radius:4px
}
.form-builder .popover .controls {
margin-left:0
}
.form-builder .popover .control-label {
text-align:left
}
.form-builder .popover form {
width:100%
}
.form-builder .popover .fade.left.in {
left:-215px
}
.form-builder .target:after {
float:left;
content:" ";
height:77px;
margin-top:3px;
background:#f8f5fd;
width:100%;
border:1px dashed #e8ebf2
}
.drag form {
padding:10px 5px;
border:1px dotted #e8ebf2;
position:absolute;
background:#fff;
-webkit-box-shadow:0 0 30px #e8ebf2;
box-shadow:0 0 30px #e8ebf2;
overflow:hidden
}
.drag form input {
border-radius:5px
}
.form-builder-header-1 {
background-color:#f8f5fd;
padding:15px;
border-radius:5px;
min-height:67px
}
.form-builder-header-1 h6 {
margin-bottom:0;
margin-top:10px
}
.form-builder .help-block {
font-size:12px
}
.form-builder input {
border-radius:4px !important
}
.form-builder .form-group .col-md-12 {
padding:0
}
.form-builder .popover {
width:300px
}
.form-builder .popover-header {
background-color:#7e37d8;
padding:15px
}
.form-builder .popover-body {
padding:15px
}
.form-builder .popover-body .form-group.row {
padding:0 15px
}
.form-builder .popover-body .form-group.row .col-lg-12 {
padding:0
}
.email-wrap .row .col-xl-3+.col-xl-3 {
padding-right:0
}
.email-wrap .row .col-xl-6 {
padding-left:0
}
.email-wrap .email-app-sidebar .media img {
border:2px solid #e8ebf2
}
.email-wrap .email-app-sidebar .main-menu>li {
width:100%;
text-align:left
}
.email-wrap .email-app-sidebar .main-menu>li a {
color:#898989;
line-height:39px;
text-transform:uppercase
}
.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:#f8f5fd;
text-decoration:none
}
.email-wrap .email-app-sidebar ul li a {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:20px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:15px
}
.email-wrap .email-app-sidebar ul li a>.title {
width:100%
}
.email-wrap .email-app-sidebar ul li a>.badge {
-ms-flex-item-align:center;
align-self:center
}
.email-wrap .email-left-aside {
float:left;
width:100%
}
.email-wrap .email-left-aside .card-body {
padding:20px
}
.email-wrap .email-right-aside .email-body {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.email-wrap .email-right-aside .email-body .inbox {
overflow:auto
}
.email-wrap .email-right-aside .email-body .inbox .media {
padding:20px
}
.email-wrap .email-right-aside .email-body .inbox .media.active {
background-color:#fff
}
.email-wrap .email-right-aside .radius-left {
border-top-left-radius:0 !important;
border-bottom-left-radius:0 !important;
border-radius:8px
}
.email-wrap .btn-mail {
text-align:left;
padding:13px 15px;
margin:20px 0 20px;
letter-spacing:1px;
line-height:12px !important;
color:#fff !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 span {
color:#777777
}
.email-wrap .media-body p {
color:#6e7e96;
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 h5 {
margin-bottom:0;
padding:12px 0
}
.email-wrap .email-top .dropdown .dropdown-item {
line-height:1.5
}
.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:139px;
height:139px
}
.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%
}
.email-wrap .email-body .email-compose .email-top h4 {
padding:11px 0
}
.email-wrap .email-body .email-compose .compose-border {
margin:-1px
}
.email-wrap .email-body .email-compose .compose-border .btn-middle {
padding-top:5px
}
.email-wrap .actions li {
display:inline-block;
margin-right:25px
}
.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 #f8f5fd
}
.chat-box .people-list .search .form-control::-webkit-input-placeholder {
color:#aaa
}
.chat-box .people-list .search .form-control::-moz-placeholder {
color:#aaa
}
.chat-box .people-list .search .form-control:-ms-input-placeholder {
color:#aaa
}
.chat-box .people-list .search .form-control::-ms-input-placeholder {
color:#aaa
}
.chat-box .people-list .search .form-control::placeholder {
color:#aaa
}
.chat-box .people-list .search i {
position:absolute;
right:20px;
top:13px;
font-size:14px;
color:#e8ebf2
}
.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:600
}
.chat-box .status {
color:#aaa;
letter-spacing:1px;
font-size:12px;
margin-top:5px
}
.chat-box .status .chat-status {
font-weight:600;
color:#1b3155
}
.chat-box .status p {
font-size:14px
}
.chat-box .chat-right-aside .chat .chat-header {
padding:15px;
border-bottom:1px solid #f8f5fd
}
.chat-box .chat-right-aside .chat .chat-header img {
float:left;
width:50px;
height:50px;
-webkit-box-shadow:1px 1px 4px 1px #e8ebf2;
box-shadow:1px 1px 4px 1px #e8ebf2
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {
margin-top:15px
}
.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:#6e7e96;
font-size:18px;
cursor:pointer
}
.chat-box .chat-right-aside .chat .chat-msg-box {
padding:20px;
overflow-y:auto;
height:560px;
margin-bottom:90px
}
.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:#aaa;
font-family:work-Sans,sans-serif
}
.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 #f8f5fd;
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 #7e37d8;
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:#e8ebf2;
cursor:pointer
}
.chat-box .chat-right-aside .chat .chat-message .text-box .btn {
font-size:16px;
font-weight:500
}
.chat-box .chat-menu {
border-left:1px solid #f8f5fd
}
.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 .image {
position:relative
}
.chat-box .chat-menu .user-profile .image .icon-wrapper {
position:absolute;
bottom:0;
left:55%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:35px;
width:35px;
border-radius:50%;
background-color:#fff;
cursor:pointer;
overflow:hidden;
margin:0 auto;
font-size:14px;
-webkit-box-shadow:1px 1px 3px 1px #f8f5fd;
box-shadow:1px 1px 3px 1px #f8f5fd
}
.chat-box .chat-menu .user-profile .image .avatar img {
border-radius:50%;
border:5px solid #f8f5fd
}
.chat-box .chat-menu .user-profile .border-right {
border-right:1px solid #f8f5fd
}
.chat-box .chat-menu .user-profile .follow {
margin-top:0
}
.chat-box .chat-menu .user-profile .follow .follow-num {
font-size:22px
}
.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:#aaa;
font-size:15px;
padding:0 7px
}
.chat-box .chat-menu .user-profile .chat-profile-contact p {
font-size:14px;
color:#aaa
}
.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:#aaa !important;
letter-spacing:1px;
font-size:14px;
font-weight:600;
height:80px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.chat-box .chat-menu .nav-tabs .nav-item .material-border {
border-width:1px;
border-color:#7e37d8
}
.chat-box .chat-menu .nav-tabs .nav-item .nav-link.active {
color:#000 !important
}
.chat-box .chat-history .call-content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:300px
}
.chat-box .chat-history .total-time h2 {
font-size:50px;
color:#898989;
font-weight:600;
margin-bottom:30px
}
.chat-box .chat-history .receiver-img {
margin-top:55px
}
.chat-box .chat-history .receiver-img img {
border-radius:30px
}
.chat-box .chat-history .call-icons {
margin-bottom:35px
}
.chat-box .chat-history .call-icons ul li {
width:60px;
height:60px;
border:1px solid #f8f5fd;
border-radius:50%;
padding:12px
}
.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:#ffc717
}
.online {
background-color:#80cf00
}
.offline {
background-color:#fd517d
}
.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
}
.alert {
border-radius:.15rem;
padding:15px;
border-radius:20px
}
.alert svg {
vertical-align:middle
}
.alert .progress {
margin-top:15px
}
.alert [data-notify='message'] {
display:block
}
.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 .close {
padding:10px 1.25rem;
top:0px;
padding-right:15px
}
.alert-dismissible .close:hover {
color:#2c323f
}
.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(126,55,216,0.8);
border-color:rgba(126,55,216,0.9);
color:#fff
}
.alert-primary .progress {
height:5px;
background-color:#7b33d7;
border-radius:0
}
.alert-primary .progress-bar {
background-color:#fff
}
.alert-primary .alert-link {
color:#fff
}
.alert-primary hr {
border-top-color:#7e37d8
}
.alert-primary.dark {
background-color:#7e37d8 !important;
border-color:#7e37d8 !important;
color:#fafafa
}
.alert-primary.dark .alert-link {
color:#fff
}
.alert-primary.outline,.alert-primary.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#7e37d8 !important;
color:#7e37d8
}
.alert-primary.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#7e37d8;
color:#1b3155
}
.alert-primary.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #7e37d8;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-primary.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#7e37d8 !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.alert-secondary {
background-color:rgba(254,128,178,0.8);
border-color:rgba(254,128,178,0.9);
color:#fff
}
.alert-secondary .progress {
height:5px;
background-color:#fe7baf;
border-radius:0
}
.alert-secondary .progress-bar {
background-color:#fff
}
.alert-secondary .alert-link {
color:#fff
}
.alert-secondary hr {
border-top-color:#fe80b2
}
.alert-secondary.dark {
background-color:#fe80b2 !important;
border-color:#fe80b2 !important;
color:#fafafa
}
.alert-secondary.dark .alert-link {
color:#fff
}
.alert-secondary.outline,.alert-secondary.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#fe80b2 !important;
color:#fe80b2
}
.alert-secondary.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#fe80b2;
color:#1b3155
}
.alert-secondary.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #fe80b2;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-secondary.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#fe80b2 !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.alert-success {
background-color:rgba(128,207,0,0.8);
border-color:rgba(128,207,0,0.9);
color:#fff
}
.alert-success .progress {
height:5px;
background-color:#7dca00;
border-radius:0
}
.alert-success .progress-bar {
background-color:#edffcf
}
.alert-success .alert-link {
color:#fff
}
.alert-success hr {
border-top-color:#80cf00
}
.alert-success.dark {
background-color:#80cf00 !important;
border-color:#80cf00 !important;
color:#fafafa
}
.alert-success.dark .alert-link {
color:#fff
}
.alert-success.outline,.alert-success.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#80cf00 !important;
color:#80cf00
}
.alert-success.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#80cf00;
color:#1b3155
}
.alert-success.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #80cf00;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-success.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#80cf00 !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.alert-danger {
background-color:rgba(253,81,125,0.8);
border-color:rgba(253,81,125,0.9);
color:#fff
}
.alert-danger .progress {
height:5px;
background-color:#fd4c79;
border-radius:0
}
.alert-danger .progress-bar {
background-color:#fff
}
.alert-danger .alert-link {
color:#fff
}
.alert-danger hr {
border-top-color:#fd517d
}
.alert-danger.dark {
background-color:#fd517d !important;
border-color:#fd517d !important;
color:#fafafa
}
.alert-danger.dark .alert-link {
color:#fff
}
.alert-danger.outline,.alert-danger.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#fd517d !important;
color:#fd517d
}
.alert-danger.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#fd517d;
color:#1b3155
}
.alert-danger.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #fd517d;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-danger.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#fd517d !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.alert-warning {
background-color:rgba(255,199,23,0.8);
border-color:rgba(255,199,23,0.9);
color:#fff
}
.alert-warning .progress {
height:5px;
background-color:#ffc612;
border-radius:0
}
.alert-warning .progress-bar {
background-color:#fff
}
.alert-warning .alert-link {
color:#fff
}
.alert-warning hr {
border-top-color:#ffc717
}
.alert-warning.dark {
background-color:#ffc717 !important;
border-color:#ffc717 !important;
color:#fafafa
}
.alert-warning.dark .alert-link {
color:#fff
}
.alert-warning.outline,.alert-warning.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#ffc717 !important;
color:#ffc717
}
.alert-warning.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#ffc717;
color:#1b3155
}
.alert-warning.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #ffc717;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-warning.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#ffc717 !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.alert-info {
background-color:rgba(6,181,221,0.8);
border-color:rgba(6,181,221,0.9);
color:#fff
}
.alert-info .progress {
height:5px;
background-color:#06b1d8;
border-radius:0
}
.alert-info .progress-bar {
background-color:#e4f9fe
}
.alert-info .alert-link {
color:#fff
}
.alert-info hr {
border-top-color:#06b5dd
}
.alert-info.dark {
background-color:#06b5dd !important;
border-color:#06b5dd !important;
color:#fafafa
}
.alert-info.dark .alert-link {
color:#fff
}
.alert-info.outline,.alert-info.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#06b5dd !important;
color:#06b5dd
}
.alert-info.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#06b5dd;
color:#1b3155
}
.alert-info.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #06b5dd;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-info.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#06b5dd !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.alert-light {
background-color:rgba(248,245,253,0.8);
border-color:rgba(248,245,253,0.9);
color:#fff;
color:#2c323f;
background-color:#f8f5fd
}
.alert-light .progress {
height:5px;
background-color:#f5f1fc;
border-radius:0
}
.alert-light .progress-bar {
background-color:#fff
}
.alert-light .alert-link {
color:#fff;
color:#2c323f
}
.alert-light hr {
border-top-color:#f8f5fd
}
.alert-light.dark {
background-color:#f8f5fd !important;
border-color:#f8f5fd !important;
color:#fafafa;
color:#2c323f
}
.alert-light.dark .alert-link {
color:#fff;
color:#2c323f
}
.alert-light.outline,.alert-light.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#f8f5fd !important;
color:#f8f5fd;
color:#2c323f
}
.alert-light.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#f8f5fd;
color:#1b3155
}
.alert-light.inverse:before {
top:16px;
content:"";
position:absolute;
left:54px;
width:0;
height:0;
border-left:7px solid #f8f5fd;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.alert-light.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#f8f5fd !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.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 .alert-link {
color:#fff
}
.alert-dark hr {
border-top-color:#2c323f
}
.alert-dark.dark {
background-color:#2c323f !important;
border-color:#2c323f !important;
color:#fafafa
}
.alert-dark.dark .alert-link {
color:#fff
}
.alert-dark.outline,.alert-dark.outline-2x {
background-color:rgba(0,0,0,0) !important;
border-color:#2c323f !important;
color:#2c323f
}
.alert-dark.inverse {
background-color:transparent;
padding:13px 20px 13px 65px;
border-color:#2c323f;
color:#1b3155
}
.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
}
.alert-dark.inverse i {
padding:17px 20px;
display:inline-block;
background-color:#2c323f !important;
color:#fff;
border-radius:15px 0 0 15px;
position:absolute;
left:0;
top:0;
height:100%
}
.outline-2x {
border-width:2px;
padding:11px 1.25rem
}
.popover-header {
background-color:#2c323f;
color:#fff
}
.popover-main .btn-showcase a {
color:#fff
}
.popover-main .btn-showcase button:last-child {
margin-right:0
}
.clockpicker-popover {
-webkit-box-shadow:none !important;
box-shadow:none !important;
border:1px solid rgba(0,0,0,0.1)
}
.clockpicker-popover .popover-title {
padding:10px 14px
}
.clockpicker-popover .popover-content {
background-color:#ffffff;
padding:15px
}
.clockpicker-popover button {
border-radius:25px;
width:100px;
margin:0 auto 10px
}
.list-group-item.active {
background-color:#7e37d8;
border-color:#7e37d8
}
.list-group i {
margin-right:10px
}
.list-group img {
height:40px;
width:40px;
margin-right:10px
}
.switch {
position:relative;
display:inline-block;
width:60px;
height:34px
}
.switch input {
display:none
}
.switch input:checked+.switch-state {
background-color:#7e37d8
}
.switch input:checked+.switch-state:before {
-webkit-transform:translateX(26px);
transform:translateX(26px)
}
.switch input:focus+.switch-state {
-webkit-box-shadow:0 0 1px #7e37d8;
box-shadow:0 0 1px #7e37d8
}
.switch-state {
border-radius:20px;
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#f8f5fd;
-webkit-transition:.4s;
transition:.4s
}
.switch-state:before {
position:absolute;
content:"";
height:26px;
width:26px;
left:4px;
bottom:4px;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s;
border-radius:20px
}
.icon-state .switch-state:after {
content:"\efb8";
font-family:IcoFont;
left:10px;
position:absolute;
top:11px;
color:#2c323f;
-webkit-transition:.4s;
transition:.4s;
opacity:0.3
}
.icon-state input:checked+.switch-state:after {
content:"\efad";
left:35px;
opacity:1;
-webkit-transition:.4s;
transition:.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-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-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 {
-webkit-transform:translateX(32px);
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-outline .switch-state {
background-color:#fff;
border:1px solid #7e37d8;
-webkit-transition:.4s;
transition:.4s
}
.switch-outline .switch-state:before {
background-color:#f8f5fd;
bottom:3px;
color:#fff
}
.switch-outline .switch input {
display:none
}
.switch-outline .switch input:checked+.switch-state {
background-color:rgba(0,0,0,0);
border:1px solid #7e37d8
}
.switch-outline .switch input:checked+.switch-state:before {
background-color:#7e37d8;
bottom:3px;
-webkit-transform:translateX(26px);
transform:translateX(26px)
}
.switch-outline .switch input:checked+.switch-state:after {
color:#fff
}
.switch-outline .switch-state.bg-primary {
border:1px solid #7e37d8;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-primary {
background-color:rgba(0,0,0,0) !important;
border:1px solid #7e37d8
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before {
background-color:#7e37d8
}
.switch-outline .switch-state.bg-dark {
border:1px solid #2c323f;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-dark {
background-color:rgba(0,0,0,0) !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 #ffc717;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-warning {
background-color:rgba(0,0,0,0) !important;
border:1px solid #ffc717
}
.switch-outline .switch input:checked+.switch-state.bg-warning:before {
background-color:#ffc717
}
.switch-outline .switch-state.bg-success {
border:1px solid #80cf00;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-success {
background-color:rgba(0,0,0,0) !important;
border:1px solid #80cf00
}
.switch-outline .switch input:checked+.switch-state.bg-success:before {
background-color:#80cf00
}
.switch-outline .switch-state.bg-info {
border:1px solid #06b5dd;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-info {
background-color:rgba(0,0,0,0) !important;
border:1px solid #06b5dd
}
.switch-outline .switch input:checked+.switch-state.bg-info:before {
background-color:#06b5dd
}
.switch-outline .switch-state.bg-danger {
border:1px solid #fd517d;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-danger {
background-color:rgba(0,0,0,0) !important;
border:1px solid #fd517d
}
.switch-outline .switch input:checked+.switch-state.bg-danger:before {
background-color:#fd517d
}
.switch-outline .switch-state.bg-primary {
border:1px solid #7e37d8;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-primary {
background-color:rgba(0,0,0,0) !important;
border:1px solid #7e37d8
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before {
background-color:#7e37d8
}
.switch-outline .switch-state.bg-secondary {
border:1px solid #fe80b2;
background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-secondary {
background-color:rgba(0,0,0,0) !important;
border:1px solid #fe80b2
}
.switch-outline .switch input:checked+.switch-state.bg-secondary:before {
background-color:#fe80b2
}
.switch-showcase {
margin-bottom:-8px
}
.switch-showcase .media {
line-height:1
}
.mega-inline {
margin-bottom:-30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.mega-inline .card {
border:1px solid #f3f3f3
}
.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:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.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:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.mega-horizontal .card {
border:1px solid #f3f3f3
}
.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 {
-webkit-box-shadow:none;
box-shadow:none;
border:none
}
.border-style .card {
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid #e8ebf2
}
.offer-style .card {
-webkit-box-shadow:none;
box-shadow:none;
border:1px dashed #e8ebf2
}
.rating-star-wrapper {
color:#797979
}
.bootstrap-touchspin .input-group-prepend:first-child .input-group {
border-radius:15px 0 0 15px
}
.bootstrap-touchspin input.touchspin {
padding:21px 12px
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group {
width:98% !important
}
.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:work-Sans,sans-serif
}
.bootstrap-touchspin .input-group .btn {
border-radius:0 !important
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
padding:12px 30px
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
z-index:9999
}
.select2 {
max-width:100%
}
.select2-dropdown {
z-index:8
}
.add-post form .m-checkbox-inline label {
margin-bottom:0
}
.add-post form textarea {
width:100%;
border-radius:15px;
border-color:#efefef
}
.add-post form .form-group {
margin-bottom:30px
}
.add-post form .form-group .form-control {
border:1px solid #efefef;
border-radius:15px
}
.add-post form .form-group .col-form-label {
padding-bottom:0;
padding-top:0
}
.add-post form .form-group .col-form-label .select2-container--default {
margin-top:10px;
max-width:100%
}
.add-post form .form-group .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
padding:2px
}
.add-post form .form-group .col-form-label .select2-container--default .select2-selection--multiple {
border:1px solid #efefef;
max-width:100%
}
.add-post form .form-group .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
margin-top:6px !important
}
.add-post .dropzone {
margin-bottom:30px
}
.select2-drpdwn .select2-selection {
border-radius:15px !important;
border-color:#e2dee7 !important;
height:40px !important;
padding:5px
}
.select2-drpdwn .form-control {
border-radius:15px
}
.select2-drpdwn .form-control-primary {
border-color:#7e37d8;
color:#7e37d8
}
.select2-drpdwn .form-control-secondary {
border-color:#fe80b2;
color:#fe80b2
}
.select2-drpdwn .form-control-success {
border-color:#80cf00;
color:#80cf00
}
.select2-drpdwn .form-control-info {
border-color:#06b5dd;
color:#06b5dd
}
.select2-drpdwn .form-control-warning {
border-color:#ffc717;
color:#ffc717
}
.select2-drpdwn .form-control-danger {
border-color:#fd517d;
color:#fd517d
}
.select2-drpdwn .form-control-inverse {
border-color:#2c323f;
color:#2c323f
}
.select2-drpdwn .form-control-primary-fill {
background-color:#7e37d8;
color:#fff
}
.select2-drpdwn .form-control-secondary-fill {
background-color:#fe80b2;
color:#fff
}
.select2-drpdwn .form-control-success-fill {
background-color:#80cf00;
color:#fff
}
.select2-drpdwn .form-control-info-fill {
background-color:#06b5dd;
color:#fff
}
.select2-drpdwn .form-control-warning-fill {
background-color:#ffc717;
color:#fff
}
.select2-drpdwn .form-control-danger-fill {
background-color:#fd517d;
color:#fff
}
.select2-drpdwn .form-control-inverse-fill {
background-color:#2c323f;
color:#fff
}
.selection .select2-selection {
font-family:work-Sans,sans-serif;
border-radius:15px !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:#7e37d8 !important;
border-color:#6524b8 !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:#7e37d8 !important;
color:#fff !important
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top:7px !important;
right:10px !important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding:2px 6px !important;
margin-top:0 !important;
background-color:#7e37d8 !important;
border-color:#6524b8 !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
}
.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:#7e37d8 !important;
color:#fff !important
}
.select2-container .select2-selection--single {
border-color:#e2dee7 !important
}
.user-profile .ttl-info h6 {
font-size:12px;
color:#898989
}
.user-profile .ttl-info span {
font-size:14px;
color:#242934;
font-weight:500
}
.user-profile .border-right {
border-right:1px solid #f8f5fd
}
.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:-100px
}
.user-profile .hovercard .user-image .avatar img {
width:125px;
height:125px;
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:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:40px;
width:40px;
border-radius:50%;
background-color:#fff;
cursor:pointer;
overflow:hidden;
margin:0 auto;
font-size:17px;
-webkit-box-shadow:0 0 6px 3px rgba(68,102,242,0.1);
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:600
}
.user-profile .hovercard .info .desc {
overflow:hidden;
font-size:14px;
line-height:20px;
color:#aaa;
text-overflow:ellipsis;
text-transform:uppercase
}
.user-profile .follow {
margin-top:20px
}
.user-profile .follow .follow-num {
font-size:36px;
color:#242934;
font-family:work-Sans,sans-serif
}
.user-profile .follow span {
color:#aaa
}
.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:1.8;
font-size:14px;
color:#898989;
margin-bottom:0
}
.user-profile .profile-img-style .media img {
width:50px
}
.user-profile .like-comment a {
color:#898989
}
.user-profile .like-comment li:hover a {
color:#7e37d8;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.user-profile .like-comment span {
font-family:work-Sans,sans-serif
}
.user-profile .social-media a {
padding:0 15px;
color:#aaa;
font-size:24px;
cursor:pointer
}
.user-profile .social-media a:hover {
color:#7e37d8
}
.progress-showcase .progress {
margin-bottom:10px
}
.progress-showcase .progress:last-child {
margin-bottom:0
}
.sm-progress-bar {
height:5px
}
.lg-progress-bar {
height:20px
}
.progress-animate {
overflow:inherit;
background-color:rgba(0,0,0,0);
margin-bottom:2px
}
.progress-animate span {
position:absolute;
bottom:15px;
right:-10px;
font-weight:600;
font-size:15px
}
@-webkit-keyframes heartbit {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
25% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:.1
}
50% {
-webkit-transform:scale(0.5);
transform:scale(0.5);
opacity:.3
}
75% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
opacity:.5
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes heartbit {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
25% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:.1
}
50% {
-webkit-transform:scale(0.5);
transform:scale(0.5);
opacity:.3
}
75% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
opacity:.5
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.progress-gradient-primary {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#7e37d8));
background-image:linear-gradient(to right, #fff, #7e37d8);
position:relative
}
.progress-gradient-primary:hover {
background-size:100%
}
.progress-gradient-primary::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#7e37d8;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(126,55,216,0.36);
box-shadow:0 0 17px 4px rgba(126,55,216,0.36)
}
.progress-gradient-primary .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #7e37d8;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-secondary {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#fe80b2));
background-image:linear-gradient(to right, #fff, #fe80b2);
position:relative
}
.progress-gradient-secondary:hover {
background-size:100%
}
.progress-gradient-secondary::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#fe80b2;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(254,128,178,0.36);
box-shadow:0 0 17px 4px rgba(254,128,178,0.36)
}
.progress-gradient-secondary .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #fe80b2;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-success {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#80cf00));
background-image:linear-gradient(to right, #fff, #80cf00);
position:relative
}
.progress-gradient-success:hover {
background-size:100%
}
.progress-gradient-success::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#80cf00;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(128,207,0,0.36);
box-shadow:0 0 17px 4px rgba(128,207,0,0.36)
}
.progress-gradient-success .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #80cf00;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-danger {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#fd517d));
background-image:linear-gradient(to right, #fff, #fd517d);
position:relative
}
.progress-gradient-danger:hover {
background-size:100%
}
.progress-gradient-danger::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#fd517d;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(253,81,125,0.36);
box-shadow:0 0 17px 4px rgba(253,81,125,0.36)
}
.progress-gradient-danger .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #fd517d;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-info {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#06b5dd));
background-image:linear-gradient(to right, #fff, #06b5dd);
position:relative
}
.progress-gradient-info:hover {
background-size:100%
}
.progress-gradient-info::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#06b5dd;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(6,181,221,0.36);
box-shadow:0 0 17px 4px rgba(6,181,221,0.36)
}
.progress-gradient-info .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #06b5dd;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-light {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#f8f5fd));
background-image:linear-gradient(to right, #fff, #f8f5fd);
position:relative
}
.progress-gradient-light:hover {
background-size:100%
}
.progress-gradient-light::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#f8f5fd;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(248,245,253,0.36);
box-shadow:0 0 17px 4px rgba(248,245,253,0.36)
}
.progress-gradient-light .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #f8f5fd;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-dark {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#2c323f));
background-image:linear-gradient(to right, #fff, #2c323f);
position:relative
}
.progress-gradient-dark:hover {
background-size:100%
}
.progress-gradient-dark::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#2c323f;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(44,50,63,0.36);
box-shadow:0 0 17px 4px rgba(44,50,63,0.36)
}
.progress-gradient-dark .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #2c323f;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-gradient-warning {
background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#ffc717));
background-image:linear-gradient(to right, #fff, #ffc717);
position:relative
}
.progress-gradient-warning:hover {
background-size:100%
}
.progress-gradient-warning::after {
position:absolute;
content:'';
top:-3px;
right:-1px;
background-color:#ffc717;
width:10px;
height:10px;
border-radius:100%;
-webkit-box-shadow:0 0 17px 4px rgba(255,199,23,0.36);
box-shadow:0 0 17px 4px rgba(255,199,23,0.36)
}
.progress-gradient-warning .animate-circle {
position:absolute;
top:-11px;
right:-8px;
height:25px;
width:25px;
border:5px solid #ffc717;
border-radius:70px;
-webkit-animation:heartbit 1s ease-out;
animation:heartbit 1s ease-out;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.default-according .card {
margin-bottom:0
}
.default-according .card+.card {
margin-top:10px
}
.default-according .card .btn-link {
font-weight:600;
color:#1b3155
}
.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
}
.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.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
}
.default-according.style-1 button[aria-expanded="true"]:before {
content:"î³";
font-family:IcoFont
}
.default-according.style-1 button[aria-expanded="false"]:before {
content:"îº";
font-family:IcoFont
}
.auth-minibox {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:100vh
}
.authentication-main .auth-innerright .card-body .theme-form {
width:calc(100% - 290px)
}
.authentication-main .auth-innerright .reset-password-box .card-body .theme-form {
width:auto
}
.authentication-main .auth-innerright .authentication-box {
height:100vh;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.auth-minibox1 {
width:460px;
z-index:2;
margin:0 auto
}
.auth-bg {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:100vh;
padding:50px 100px
}
.auth-bg .card-body {
background-color:#f9f9fa
}
.auth-bg .card-body .theme-form {
width:calc(100% - 290px)
}
.auth-bg-video {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:100vh;
background-color:rgba(255,255,255,0.31);
padding:50px 0
}
.auth-bg-video .card-body {
background-color:#f9f9fa;
padding:0
}
.auth-bg-video .card-body .theme-form {
width:calc(100% - 290px)
}
.auth-bg-video video {
position:fixed;
top:50%;
left:50%;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transition:1s opacity;
transition:1s opacity
}
.reset-password-box {
width:645px;
z-index:2
}
.reset-password-box .card {
padding:30px
}
.reset-password-box .theme-form .form-group label {
font-size:12px;
color:#6e7e96
}
.reset-password-box .theme-form .form-group .form-control {
font-size:18px
}
.reset-password-box .theme-form .form-group .btn {
font-size:18px;
padding:6px 24px
}
.reset-password-box .theme-form .opt-box {
background:rgba(126,55,216,0.03)
}
.reset-password-box .theme-form .opt-box .opt-text {
font-size:36px;
padding:25px 0
}
.reset-password-box .reset-password-link {
color:#6e7e96
}
.reset-password-box .reset-password-box h6 {
letter-spacing:1px;
font-size:16px
}
@-webkit-keyframes rotate-effect {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate-effect {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.cont {
overflow:hidden;
position:relative;
width:900px;
margin:0 auto 0;
background:#fff;
padding:30px;
border-radius:12px
}
.cont>div:nth-child(1) {
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.sub-cont {
overflow:hidden;
position:absolute;
left:610px;
top:0;
padding:30px;
height:100%;
padding-left:350px;
background:#fff;
-webkit-transition:-webkit-transform 1.2s ease-in-out;
transition:-webkit-transform 1.2s ease-in-out;
transition:transform 1.2s ease-in-out;
transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
width:calc(100% + 260px)
}
.cont.s--signup .sub-cont {
-webkit-transform:translate3d(-610px, 0, 0);
transform:translate3d(-610px, 0, 0)
}
.img {
overflow:hidden;
z-index:1;
position:absolute;
left:0;
top:0;
width:290px;
height:100%;
padding-top:360px
}
.img:before {
content:'';
position:absolute;
right:0;
top:0;
width:900px;
height:100%;
background-image:url("../images/other-images/login-bg.jpg");
background-size:cover;
-webkit-transition:-webkit-transform 1.2s ease-in-out;
transition:-webkit-transform 1.2s ease-in-out;
transition:transform 1.2s ease-in-out;
transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out
}
.img:after {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6)
}
.cont.s--signup .img:before {
-webkit-transform:translate3d(610px, 0, 0);
transform:translate3d(610px, 0, 0)
}
.img__text {
z-index:2;
position:absolute;
left:0;
top:50px;
width:100%;
padding:0 20px;
text-align:center;
color:#fff;
-webkit-transition:-webkit-transform 1.2s ease-in-out;
transition:-webkit-transform 1.2s ease-in-out;
transition:transform 1.2s ease-in-out;
transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out
}
.cont.s--signup .img__text.m--up {
-webkit-transform:translateX(580px);
transform:translateX(580px)
}
.img__text.m--in {
-webkit-transform:translateX(-580px);
transform:translateX(-580px)
}
.cont.s--signup .img__text.m--in {
-webkit-transform:translateX(0);
transform:translateX(0)
}
.img__btn {
overflow:hidden;
z-index:2;
position:relative;
height:40px;
background:transparent;
color:#fff;
text-transform:uppercase;
font-size:15px;
cursor:pointer;
margin:0 50px
}
.img__btn:after {
content:'';
z-index:2;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border:2px solid #fff;
border-radius:25px
}
.img__btn span {
position:absolute;
left:0;
top:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
height:100%;
-webkit-transition:-webkit-transform 1.2s;
transition:-webkit-transform 1.2s;
transition:transform 1.2s;
transition:transform 1.2s, -webkit-transform 1.2s
}
.img__btn span.m--in {
-webkit-transform:translateY(-72px);
transform:translateY(-72px)
}
.cont.s--signup .img__btn span.m--in {
-webkit-transform:translateY(0);
transform:translateY(0)
}
.cont.s--signup .img__btn span.m--up {
-webkit-transform:translateY(72px);
transform:translateY(72px)
}
.forgot-pass {
margin-top:15px;
text-align:center;
font-size:12px;
color:#cfcfcf
}
.submit {
margin-top:40px;
margin-bottom:20px;
background:#d4af7a;
text-transform:uppercase
}
.fb-btn {
border:2px solid #d3dae9;
color:#8fa1c7
}
.fb-btn span {
font-weight:bold;
color:#455a81
}
.sign-in {
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.cont.s--signup .sign-in {
-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
-webkit-transition-duration:1.2s;
transition-duration:1.2s;
-webkit-transform:translate3d(610px, 0, 0);
transform:translate3d(610px, 0, 0)
}
.sign-up {
-webkit-transform:translate3d(-900px, 0, 0);
transform:translate3d(-900px, 0, 0)
}
.cont.s--signup .sign-up {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.icon-link img {
width:100%;
vertical-align:top
}
.icon-link--twitter {
left:auto;
right:5px
}
@media only screen and (max-width: 991px) {
.auth-bg-video .card-body .theme-form {
width:calc(100%);
margin-bottom:295px
}
.auth-bg-video .card-body .s--signup .theme-form {
margin-top:295px;
margin-bottom:0
}
.auth-bg-video .cont .img:before {
-webkit-transform:translate3d(0, 0px, 0) !important;
transform:translate3d(0, 0px, 0) !important
}
.auth-bg-video .theme-form .login-divider:before,.auth-bg-video .theme-form .form-divider:before {
left:41% !important
}
.sub-cont {
left:0;
padding-left:30px;
-webkit-transform:translate3d(0, 488px, 0) !important;
transform:translate3d(0, 488px, 0) !important;
height:calc(100% + 260px);
width:100%
}
.sub-cont .img {
width:100%;
height:auto
}
.sub-cont .img:before {
width:100%
}
.img__btn {
margin:0 auto 50px;
width:20%
}
.theme-form .login-divider:before,.theme-form .form-divider:before {
left:46% !important
}
.img__text.m--up {
-webkit-transform:translateY(0) !important;
transform:translateY(0) !important
}
.img__text.m--in {
-webkit-transform:translateY(-580px) !important;
transform:translateY(-580px) !important;
-webkit-transform:translatX(0px) !important;
transform:translatX(0px) !important
}
.cont {
width:100%
}
.cont.s--signup .img:before {
-webkit-transform:translate3d(0, 0px, 0) !important;
transform:translate3d(0, 0px, 0) !important
}
.cont.s--signup .sub-cont {
-webkit-transform:translate3d(0, 0, 0) !important;
transform:translate3d(0, 0, 0) !important
}
.cont.s--signup .img__text.m--in {
-webkit-transform:translateX(0px) !important;
transform:translateX(0px) !important;
-webkit-transform:translateY(0) !important;
transform:translateY(0) !important
}
.cont.s--signup .img__text.m--up {
-webkit-transform:translateX(0px) !important;
transform:translateX(0px) !important;
-webkit-transform:translateY(-580px) !important;
transform:translateY(-580px) !important
}
.img {
padding-top:200px
}
.authentication-main {
padding:30px
}
.authentication-main .auth-innerright .card-body .theme-form {
margin-bottom:280px;
width:100%
}
.authentication-main .auth-innerright .card-body .s--signup .theme-form {
margin-top:280px;
margin-bottom:0
}
.authentication-main .auth-innerright .reset-password-box .card-body .theme-form {
margin-bottom:0
}
}
@media only screen and (max-width: 767px) {
.sub-cont {
-webkit-transform:translate3d(0, 535px, 0) !important;
transform:translate3d(0, 535px, 0) !important
}
.auth-bg {
padding:15px !important
}
}
@media only screen and (max-width: 575px) {
.authentication-main {
margin-top:10px
}
.img__btn {
width:32%
}
.sub-cont {
-webkit-transform:translate3d(0, 570px, 0) !important;
transform:translate3d(0, 570px, 0) !important
}
.theme-form .login-divider:before,.theme-form .form-divider:before {
left:39% !important
}
}
@media only screen and (max-width: 360px) {
.auth-bg-video .theme-form .login-divider:before,.auth-bg-video .theme-form .form-divider:before {
left:38% !important
}
.img__btn {
width:43%
}
.sub-cont {
-webkit-transform:translate3d(0, 588px, 0) !important;
transform:translate3d(0, 588px, 0) !important
}
.theme-form .login-divider:before,.theme-form .form-divider:before {
left:32% !important
}
}
.height-35 {
height:35px !important
}
.theme-form label {
font-size:16px
}
.theme-form .form-control :focus {
-webkit-box-shadow:0 0 0 0.2rem rgba(171,140,228,0.05);
box-shadow:0 0 0 0.2rem rgba(171,140,228,0.05)
}
.theme-form.sm-form .form-group {
margin-bottom:14px
}
.theme-form .form-group {
margin-bottom:20px
}
.theme-form .form-group textarea {
border-color:#efefef;
border-radius:20px;
width:100%
}
.theme-form .form-group textarea::-webkit-input-placeholder {
color:#898989;
font-size:14px;
letter-spacing:1px;
font-weight:100
}
.theme-form .form-group input[type=text],.theme-form .form-group input[type=email],.theme-form .form-group input[type=search],.theme-form .form-group input[type=password],.theme-form .form-group input[type=number],.theme-form .form-group input[type=tel],.theme-form .form-group input[type=date],.theme-form .form-group input[type=datetime-local],.theme-form .form-group input[type=time],.theme-form .form-group input[type=datetime-local],.theme-form .form-group input[type=month],.theme-form .form-group input[type=week],.theme-form .form-group input[type=url],.theme-form .form-group input[type=file] {
height:calc(2.2rem + 2px);
padding-left:20px
}
.theme-form .form-group input[type=text],.theme-form .form-group input[type=email],.theme-form .form-group input[type=search],.theme-form .form-group input[type=password],.theme-form .form-group input[type=number],.theme-form .form-group input[type=tel],.theme-form .form-group input[type=date],.theme-form .form-group input[type=datetime-local],.theme-form .form-group input[type=time],.theme-form .form-group input[type=datetime-local],.theme-form .form-group input[type=month],.theme-form .form-group input[type=week],.theme-form .form-group input[type=url],.theme-form .form-group input[type=file],.theme-form .form-group select {
border-color:#efefef;
background-color:#fff;
font-size:14px;
color:#898989;
font-family:work-Sans,sans-serif;
border-radius:20px
}
.theme-form .form-group input[type=text]::-webkit-input-placeholder,.theme-form .form-group input[type=email]::-webkit-input-placeholder,.theme-form .form-group input[type=search]::-webkit-input-placeholder,.theme-form .form-group input[type=password]::-webkit-input-placeholder,.theme-form .form-group input[type=number]::-webkit-input-placeholder,.theme-form .form-group input[type=tel]::-webkit-input-placeholder,.theme-form .form-group input[type=date]::-webkit-input-placeholder,.theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,.theme-form .form-group input[type=time]::-webkit-input-placeholder,.theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,.theme-form .form-group input[type=month]::-webkit-input-placeholder,.theme-form .form-group input[type=week]::-webkit-input-placeholder,.theme-form .form-group input[type=url]::-webkit-input-placeholder,.theme-form .form-group input[type=file]::-webkit-input-placeholder,.theme-form .form-group select::-webkit-input-placeholder {
color:#898989;
font-size:14px;
letter-spacing:1px;
font-weight:100
}
.theme-form .form-group 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 {
background-color:#50598e;
color:#fff;
width:100%
}
.theme-form .btn-twitter {
background-color:#6fa2d8;
color:#fff;
width:100%
}
.theme-form .btn-google {
background-color:#c64e40;
color:#fff;
width:100%
}
input[type=file] {
height:auto !important
}
.form-inline .form-group {
margin-right:15px
}
.form-inline .form-group .col-form-label {
margin-right:5px
}
.bottom-minus {
margin-bottom:-15px
}
.search-form {
position:relative
}
.search-form .form-group:before {
position:absolute;
content:"";
width:1px;
height:25px;
background:#e8ebf2;
left:52px;
top:10px
}
.search-form .form-group:after {
position:absolute;
content:"\f002";
font-family:FontAwesome;
top:11px;
left:25px;
color:#8e8e8e
}
.search-form input {
border:1px solid #efefef;
padding:10px 10px 10px 70px;
border-radius:50px;
background-color:rgba(126,55,216,0.02)
}
.form-label-align-right label {
text-align:right;
padding-top:17px;
font-weight:500
}
.custom-file-label {
line-height:1.8
}
.custom-file-label::after {
line-height:1.8
}
.comingsoon-bgimg {
background:url(../images/other-images/coming-soon-bg.jpg);
background-position:bottom;
background-size:cover
}
.comingsoon {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:100vh;
padding:50px 0
}
.comingsoon .comingsoon-inner h5 {
margin-bottom:30px;
margin-top:30px
}
.comingsoon .comingsoon-inner .countdown {
padding:30px 0;
border-top:1px solid #f8f5fd;
border-bottom:1px solid #f8f5fd
}
.comingsoon .comingsoon-inner .countdown .time {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:50%;
color:#fff;
font-weight:500;
width:100px;
height:100px;
font-size:30px;
background:#7e37d8;
border:8px solid #c3a2ed
}
.comingsoon .comingsoon-inner .countdown .title {
padding-top:13px
}
.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;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transition:1s opacity;
transition:1s opacity
}
.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 {
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
-webkit-transform:rotate(-45deg) scale(0, 0);
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 #7e37d8;
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 #e8ebf2;
cursor:pointer
}
.checkbox_animated:checked:before {
-webkit-transform:rotate(-45deg) scale(1, 1);
transform:rotate(-45deg) scale(1, 1)
}
.radio_animated {
position:relative;
margin:0 1rem 0 0;
cursor:pointer
}
.radio_animated:before {
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
content:"";
position:absolute;
top:0;
left:0.125rem;
z-index:1;
width:0.75rem;
height:0.75rem;
background:#7e37d8;
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 #e8ebf2;
border-radius:50%
}
.radio_animated:checked:before {
-webkit-transform:scale(1, 1);
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 #e8ebf2;
border-radius:3px;
background-color:#fff;
-webkit-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:#f8f5fd;
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 input[type="checkbox"]:checked+label::before {
border-color:#7e37d8;
color:#7e37d8
}
.checkbox-primary input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-secondary input[type="checkbox"]:checked+label::before {
border-color:#fe80b2;
color:#fe80b2
}
.checkbox-secondary input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-success input[type="checkbox"]:checked+label::before {
border-color:#80cf00;
color:#80cf00
}
.checkbox-success input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-danger input[type="checkbox"]:checked+label::before {
border-color:#fd517d;
color:#fd517d
}
.checkbox-danger input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-info input[type="checkbox"]:checked+label::before {
border-color:#06b5dd;
color:#06b5dd
}
.checkbox-info input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-light input[type="checkbox"]:checked+label::before {
border-color:#f8f5fd;
color:#f8f5fd
}
.checkbox-light input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-dark input[type="checkbox"]:checked+label::before {
border-color:#2c323f;
color:#2c323f
}
.checkbox-dark input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-warning input[type="checkbox"]:checked+label::before {
border-color:#ffc717;
color:#ffc717
}
.checkbox-warning input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-solid-primary label:before {
background-color:#7e37d8;
border-color:#7e37d8;
color:#fff
}
.checkbox-solid-primary input[type="checkbox"]:checked+label::before {
background-color:#7e37d8;
border-color:#7e37d8;
color:#fff
}
.checkbox-solid-primary input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-solid-secondary label:before {
background-color:#fe80b2;
border-color:#fe80b2;
color:#fff
}
.checkbox-solid-secondary input[type="checkbox"]:checked+label::before {
background-color:#fe80b2;
border-color:#fe80b2;
color:#fff
}
.checkbox-solid-secondary input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-solid-success label:before {
background-color:#80cf00;
border-color:#80cf00;
color:#fff
}
.checkbox-solid-success input[type="checkbox"]:checked+label::before {
background-color:#80cf00;
border-color:#80cf00;
color:#fff
}
.checkbox-solid-success input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-solid-danger label:before {
background-color:#fd517d;
border-color:#fd517d;
color:#fff
}
.checkbox-solid-danger input[type="checkbox"]:checked+label::before {
background-color:#fd517d;
border-color:#fd517d;
color:#fff
}
.checkbox-solid-danger input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-solid-info label:before {
background-color:#06b5dd;
border-color:#06b5dd;
color:#fff
}
.checkbox-solid-info input[type="checkbox"]:checked+label::before {
background-color:#06b5dd;
border-color:#06b5dd;
color:#fff
}
.checkbox-solid-info input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-solid-light label:before {
background-color:#f8f5fd;
border-color:#f8f5fd;
color:#fff
}
.checkbox-solid-light input[type="checkbox"]:checked+label::before {
background-color:#f8f5fd;
border-color:#f8f5fd;
color:#fff
}
.checkbox-solid-light 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
}
.checkbox-solid-warning label:before {
background-color:#ffc717;
border-color:#ffc717;
color:#fff
}
.checkbox-solid-warning input[type="checkbox"]:checked+label::before {
background-color:#ffc717;
border-color:#ffc717;
color:#fff
}
.checkbox-solid-warning input[type="checkbox"]:checked+label::after {
color:#fff
}
.checkbox-primary label::before {
border-color:#7e37d8
}
.checkbox-secondary label::before {
border-color:#fe80b2
}
.checkbox-success label::before {
border-color:#80cf00
}
.checkbox-danger label::before {
border-color:#fd517d
}
.checkbox-info label::before {
border-color:#06b5dd
}
.checkbox-light label::before {
border-color:#f8f5fd
}
.checkbox-dark label::before {
border-color:#2c323f
}
.checkbox-warning label::before {
border-color:#ffc717
}
.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 #e8ebf2;
border-radius:50%;
background-color:#fff;
-webkit-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);
transform:scale(0, 0);
-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition:-webkit-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);
transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-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);
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
}
.radio-primary input[type="radio"]+label::before {
border-color:#7e37d8
}
.radio-primary input[type="radio"]+label::after {
background-color:#7e37d8
}
.radio-primary input[type="radio"]:checked+label::before {
border-color:#7e37d8
}
.radio-primary input[type="radio"]:checked+label::after {
background-color:#7e37d8
}
.radio-secondary input[type="radio"]+label::before {
border-color:#fe80b2
}
.radio-secondary input[type="radio"]+label::after {
background-color:#fe80b2
}
.radio-secondary input[type="radio"]:checked+label::before {
border-color:#fe80b2
}
.radio-secondary input[type="radio"]:checked+label::after {
background-color:#fe80b2
}
.radio-success input[type="radio"]+label::before {
border-color:#80cf00
}
.radio-success input[type="radio"]+label::after {
background-color:#80cf00
}
.radio-success input[type="radio"]:checked+label::before {
border-color:#80cf00
}
.radio-success input[type="radio"]:checked+label::after {
background-color:#80cf00
}
.radio-danger input[type="radio"]+label::before {
border-color:#fd517d
}
.radio-danger input[type="radio"]+label::after {
background-color:#fd517d
}
.radio-danger input[type="radio"]:checked+label::before {
border-color:#fd517d
}
.radio-danger input[type="radio"]:checked+label::after {
background-color:#fd517d
}
.radio-info input[type="radio"]+label::before {
border-color:#06b5dd
}
.radio-info input[type="radio"]+label::after {
background-color:#06b5dd
}
.radio-info input[type="radio"]:checked+label::before {
border-color:#06b5dd
}
.radio-info input[type="radio"]:checked+label::after {
background-color:#06b5dd
}
.radio-light input[type="radio"]+label::before {
border-color:#f8f5fd
}
.radio-light input[type="radio"]+label::after {
background-color:#f8f5fd
}
.radio-light input[type="radio"]:checked+label::before {
border-color:#f8f5fd
}
.radio-light input[type="radio"]:checked+label::after {
background-color:#f8f5fd
}
.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
}
.radio-warning input[type="radio"]+label::before {
border-color:#ffc717
}
.radio-warning input[type="radio"]+label::after {
background-color:#ffc717
}
.radio-warning input[type="radio"]:checked+label::before {
border-color:#ffc717
}
.radio-warning input[type="radio"]:checked+label::after {
background-color:#ffc717
}
.icon-addon .addon-md .glyphicon,.icon-addon .addon-md .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
}
.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:#f8f5fd
}
.input-group-air {
-webkit-box-shadow:0 3px 20px 0 #efefef;
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 div:last-child span {
border-top-right-radius:1.3rem;
border-bottom-right-radius:1.3rem
}
.pill-input-group div:first-child span {
border-top-left-radius:1.3rem;
border-bottom-left-radius:1.3rem
}
div.dt-button-background {
display:none !important
}
table.dataTable input,table.dataTable select {
border-radius:15px
}
.dataTables_wrapper {
padding:0;
width:100%
}
.dataTables_wrapper div.dataTables_length select {
background-color:rgba(126,55,216,0.05);
color:#7e37d8;
border-radius:15px
}
.dataTables_wrapper .dataTables_info {
padding-top:25px !important
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom:1px solid #e8ebf2
}
.dataTables_wrapper .dt-buttons .btn {
border-radius:20px !important
}
.dataTables_wrapper .btn-group button {
margin-right:5px
}
.dataTables_wrapper button {
font-weight:400;
font-size:1rem;
color:#fff;
background-color:#7e37d8;
border:none;
padding:0.375rem 20px;
border-radius:20px
}
.dataTables_wrapper+.dataTables_wrapper {
margin-top:20px
}
.dataTables_wrapper .dataTables_paginate {
margin-left:15px !important;
border:1px solid #f8f5fd;
border-radius:15px;
padding-top:0;
margin-top:20px !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
margin:0;
border-radius:15px
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:active {
background:#7e37d8;
color:#fff !important;
-webkit-box-shadow:none;
box-shadow:none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
border:1px solid #7e37d8;
color:#2c323f !important;
background:transparent !important
}
.dataTables_wrapper .dataTables_length {
margin-bottom:30px
}
.dataTables_wrapper .dataTables_length select {
border-color:#f8f5fd;
color:#2c323f;
padding:0 10px;
margin:0 10px;
height:2.7142em
}
.dataTables_wrapper table.dataTable {
border:1px solid #efefef
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,.dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
right:0px;
top:22px;
left:unset
}
.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:15px
}
.dataTables_scrollHeadInner {
width:100% !important
}
table .fixedHeader-floating {
position:fixed !important;
background-color:#fff
}
table .box>div {
padding:5px 15px;
background-color:#7e37d8;
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
}
.toolbar {
padding:5px 15px;
background-color:#7e37d8;
display:inline-block;
color:#fff;
border-radius:5px;
margin-bottom:15px;
margin-right:15px
}
code.option {
color:#fd517d !important
}
code.api {
color:#80cf00 !important
}
.dt-ext .dataTables_wrapper .page-item.active .page-link {
background-color:#7e37d8;
border-color:#7e37d8;
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:#7e37d8
}
.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:#7e37d8;
border-color:#7e37d8;
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:#80cf00;
border-color:#80cf00
}
.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:#7e37d8;
border-color:#7e37d8
}
.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:#fd517d;
border-color:#fd517d
}
.dt-ext .dataTables_wrapper table.dataTable th.focus,.dt-ext .dataTables_wrapper table.dataTable td.focus {
outline:3px solid #7e37d8
}
.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:#b58ce9
}
.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:#b58ce9
}
.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:#b58ce9
}
.dt-ext .dataTables_wrapper table.dataTable tbody>tr.selected,.dt-ext .dataTables_wrapper table.dataTable tbody>tr>.selected {
background-color:#b58ce9
}
td.highlight {
background-color:#f8f5fd !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
}
.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 #f8f5fd
}
.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:#f8f5fd;
border-color:#fafafa
}
.jsgrid .jsgrid-header-row>.jsgrid-header-cell {
padding:0.75rem
}
.pagination-theme .page-item .page-link {
color:#7e37d8
}
.pagination-theme .page-item.active .page-link {
color:#fff;
background-color:#7e37d8;
border-color:#7e37d8
}
.pagination-primary .page-item .page-link {
color:#7e37d8
}
.pagination-primary .page-item.active .page-link {
color:#fff;
background-color:#7e37d8;
border-color:#7e37d8
}
.pagination-secondary .page-item .page-link {
color:#fe80b2
}
.pagination-secondary .page-item.active .page-link {
color:#fff;
background-color:#fe80b2;
border-color:#fe80b2
}
.pagination-success .page-item .page-link {
color:#80cf00
}
.pagination-success .page-item.active .page-link {
color:#fff;
background-color:#80cf00;
border-color:#80cf00
}
.pagination-danger .page-item .page-link {
color:#fd517d
}
.pagination-danger .page-item.active .page-link {
color:#fff;
background-color:#fd517d;
border-color:#fd517d
}
.pagination-info .page-item .page-link {
color:#06b5dd
}
.pagination-info .page-item.active .page-link {
color:#fff;
background-color:#06b5dd;
border-color:#06b5dd
}
.pagination-dark .page-item .page-link {
color:#2c323f
}
.pagination-dark .page-item.active .page-link {
color:#fff;
background-color:#2c323f;
border-color:#2c323f
}
.pagination-warning .page-item .page-link {
color:#ffc717
}
.pagination-warning .page-item.active .page-link {
color:#fff;
background-color:#ffc717;
border-color:#ffc717
}
.page-item:first-child .page-link {
border-top-left-radius:15px;
border-bottom-left-radius:15px
}
.page-item:last-child .page-link {
border-top-right-radius:15px;
border-bottom-right-radius:15px
}
.credit-card .text-center img {
margin-bottom:20px
}
.product-box .product-details {
padding:25px;
text-align:center
}
.product-box .product-details p {
margin-bottom:0
}
.product-box .product-details h6 {
color:#1b3155;
text-transform:uppercase;
margin-bottom:10px
}
.product-box .product-details span {
color:#898989
}
.product-box .product-img {
position:relative
}
.product-box .product-img .product-hover {
position:absolute;
height:100%;
width:100%;
top:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:rgba(255,255,255,0.7);
opacity:0;
border-radius:100%;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.product-box .product-img .product-hover ul li {
display:inline-block;
-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
padding:12px 14px;
background-color:#fff;
font-size:18px;
border-radius:100%;
line-height:1.6;
height:45px;
width:45px;
margin:0 3px
}
.product-box .product-img .product-hover ul li i {
vertical-align:text-top
}
.product-box .product-img .product-hover ul li:hover {
background-color:#1b3155;
color:#fff;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.product-box:hover .product-hover {
opacity:1;
border-radius:0%;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.product-page-main {
padding:30px
}
.product-page-main .owl-item .item {
border:1px solid #f8f5fd;
border-radius:5px
}
.product-page-main .owl-item.current .item {
border:1px solid #7e37d8
}
.product-page-main .product-slider {
margin-bottom:20px
}
.product-page-details h4 {
color:#1b3155;
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;
font:normal normal normal 14px/1 FontAwesome
}
.product-price {
font-size:18px;
font-weight:700;
font-family:work-Sans,sans-serif
}
.product-price del {
color:#aaa;
padding-right:20px
}
.product-color li {
display:inline-block;
border-radius:100%;
height:30px;
width:30px;
margin:0 2px
}
.product-page-main p {
font-size:15px
}
.product-page-main .nav-link {
text-transform:uppercase;
font-weight:600
}
.payment-opt li {
display:inline-block
}
.payment-opt li img {
height:20px;
margin:15px 15px 0 0
}
.pricing-content {
margin-bottom:-30px
}
.pricing-content div {
margin-bottom:30px
}
.pricing-content div .pricing-simple,.pricing-content div .pricing-block {
margin-bottom:0 !important
}
.pricing-content div .pricing-simple .btn-block {
border-top-left-radius:0;
border-top-right-radius:0;
padding:1rem 1.75rem
}
.pricing-content-ribbons>div {
margin-bottom:30px
}
.pricing-content-ribbons>div .pricing-block {
margin-bottom:0
}
.pricing-content-ribbons>div .pricing-block path {
fill:#7e37d8
}
.pricing-card-design-2 .pricing-block .pricing-inner ul {
margin-bottom:30px
}
.pricing-card-design-2 .pricing-block .pricing-inner ul li {
border-bottom:1px solid #fafdff
}
.pricing-card-design-3 {
margin-bottom:-30px
}
.pricing-card-design-3 .row>div {
margin-bottom:30px
}
.pricing-block {
-webkit-box-shadow:0 0 10px 5px rgba(68,102,242,0.05);
box-shadow:0 0 10px 5px rgba(68,102,242,0.05);
border-radius:30px;
overflow:hidden
}
.pricing-block.bg-primary .pricing-inner .btn-primary {
background-color:#6524b8 !important;
border-color:#6524b8 !important
}
.pricing-block svg {
border-top-left-radius:8px;
border-top-right-radius:8px;
margin-left:-1px
}
.pricing-block .pricing-inner {
padding:30px 0 30px
}
.pricing-block .pricing-inner ul {
padding:0;
margin-bottom:9px
}
.pricing-block .pricing-inner ul li h6 {
line-height:45px;
margin-bottom:0
}
.pricing-block .pricing-inner h3 {
font-weight:600;
text-transform:uppercase;
margin-bottom:9px
}
.pricing-simple {
-webkit-box-shadow:0 0 10px 5px rgba(68,102,242,0.05);
box-shadow:0 0 10px 5px rgba(68,102,242,0.05);
overflow:hidden
}
.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:#999
}
.pricing-simple .card-body h1 {
font-size:80px;
line-height:0.9;
margin-bottom:30px
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.pricing-block .ribbon-vertical-left {
left:3px;
top:0px
}
.pricing-block .ribbon-bookmark {
top:0;
left:-1px
}
.pricing-block .ribbon-clip-right {
top:0
}
}
@media only screen and (max-width: 1199px) {
.pricing-block .pricing-inner h3 {
font-size:20px
}
.pricing-block .pricing-inner ul li h6 {
font-size:14px
}
}
@media only screen and (max-width: 991px) {
.pricing-block .pricing-inner {
padding:20px 0 20px
}
.pricing-block .pricing-inner ul,.pricing-block .pricing-inner h3 {
margin-bottom:1px
}
.pricing-simple .card-body h1 {
margin-bottom:20px
}
.pricing-simple .card-body h3 {
margin-bottom:28px
}
.pricing-card-design-2 .pricing-block .pricing-inner ul {
margin-bottom:20px
}
}
@media only screen and (max-width: 767px) {
.pricing-content-ribbons div .pricing-block {
margin-bottom:0 !important
}
.pricing-content {
margin-bottom:-20px
}
.pricing-content div {
margin-bottom:20px
}
.pricing-card-design-3 {
margin-bottom:-20px
}
.pricing-card-design-3 .row>div {
margin-bottom:20px
}
.pricing-block .pricing-inner {
padding:15px 0 15px
}
.pricing-block .pricing-inner h3 {
font-size:28px
}
.pricing-block .pricing-inner ul li h6 {
font-size:16px
}
}
@media only screen and (max-width: 575px) {
.pricing-content div .pricing-simple {
margin-bottom:15px
}
.pricing-simple .card-body h1 {
margin-bottom:15px
}
.pricing-block .pricing-inner {
padding:15px 0 15px
}
.pricing-card-design-2 .pricing-block .pricing-inner ul {
margin-bottom:15px
}
}
.form-builder .help-block {
margin-bottom:0;
color:#ccc;
text-transform:capitalize
}
.form-builder .btn-light {
color:#ccc
}
.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:15px
}
.form-builder .nav-primary .nav-link,.form-builder .nav-primary .nav-pills.nav-primary .nav-link {
color:#000;
font-weight:500
}
.form-builder #components {
margin-top:30px
}
.form-builder #components #viewhtml {
height:526px
}
.nav-list {
padding:30px
}
.nav-list .nav-list-disc {
text-align:left;
color:#898989
}
.nav-list .nav-list-disc li {
padding:9px 0
}
.nav-list .nav-list-disc li:first-child {
padding-top:0
}
.nav-list .nav-list-disc li:last-child {
padding-bottom:0
}
.nav-list .nav-list-disc li a {
color:#1b3155
}
.nav-list .nav-list-disc li a .fa {
width:14px;
font-size:16px
}
.nav-list .nav-list-disc li:hover {
color:#7e37d8
}
.nav-list .nav-list-disc li:hover a {
color:#7e37d8
}
.navs-icon {
padding:30px
}
.navs-icon svg {
width:21px;
height:21px;
margin-right:10px
}
.navs-icon .fa {
font-size:16px;
margin-right:10px
}
.navs-icon li {
padding:9px 0
}
.navs-icon li:first-child {
padding-top:0
}
.navs-icon li:last-child {
padding-bottom:0
}
.navs-icon li .text-muted {
color:#1b3155 !important
}
.navs-icon li a {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.navs-icon li ul {
padding-top:9px
}
.navs-icon li ul li {
line-height:1
}
.navs-icon li ul li:first-child {
padding-top:9px
}
.navs-icon li ul li:hover {
color:#7e37d8
}
.navs-icon li ul li:hover a {
color:#7e37d8
}
.navs-icon li a {
color:#1b3155
}
.navs-icon li a:hover {
color:#7e37d8
}
.navs-icon li a.active {
color:#7e37d8
}
.navs-icon li a span {
font-family:work-Sans,sans-serif
}
.navs-icon li button:hover a {
color:#FFf
}
.navs-icon .main-section {
padding-top:30px
}
.navs-icon .separator {
border-bottom:1px solid #dee2e6;
margin:30px 0;
padding:0
}
.navs-icon .btn-link {
text-decoration:none;
line-height:1;
padding:0;
padding-bottom:6px
}
.navs-icon .btn-link:hover {
text-decoration:none
}
#accordionoc #collapseicon,#accordionoc #collapseicon1 {
padding-top:0px
}
#accordionoc li button {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.navs-icon.default-according.style-1 li button {
position:relative
}
.navs-icon.default-according.style-1 li button:hover {
color:#7e37d8 !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-dropdown button {
margin-top:30px
}
.navs-dropdown .onhover-show-div {
width:250px;
border-radius:4px;
-webkit-box-shadow:0 0 2px 2px #f8f5fd;
box-shadow:0 0 2px 2px #f8f5fd
}
.navs-dropdown .onhover-show-div button {
margin-top:0px
}
.navs-dropdown .onhover-show-div .navs-icon li {
text-align:left
}
.navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,.navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,.navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,.navs-dropdown .onhover-show-div .navs-icon li a.active svg path,.navs-dropdown .onhover-show-div .navs-icon li a.active svg line,.navs-dropdown .onhover-show-div .navs-icon li a.active svg polyline {
color:#7e37d8 !important
}
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
right:77px;
left:unset
}
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
right:77px;
left:unset
}
.icon-lists {
font-family:work-Sans,sans-serif
}
.pl-navs-inline {
padding-left:30px !important
}
.inline-nav li {
line-height:1.3
}
.dropdown-basic {
margin-bottom:-10px
}
.dropdown-basic .btn-group {
margin-right:18px
}
.dropdown-basic .btn-group .btn-round {
border-radius:50px
}
.dropdown-basic .separated-btn {
margin-left:-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;
-webkit-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
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:#f1f1f1
}
.dropup-basic .dropup:hover .dropup-content {
display:block
}
.dropup-basic .dropup:hover .dropup-content a.active {
background-color:#f1f1f1
}
.landing-page body,.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6,.landing-page p {
font-family:Montserrat
}
.landing-page .main-image {
z-index:1;
position:relative
}
.landing-page .home-decor img:nth-child(1) {
position:absolute;
bottom:20px;
right:31%;
z-index:3;
width:24%
}
.landing-page .home-decor img:nth-child(2) {
position:absolute;
right:26px;
top:12.5%;
z-index:0
}
.landing-page h1 {
font-size:calc(22px + (32 - 22) * ((100vw - 300px) / (1920 - 300)));
font-weight:700
}
.landing-page p {
font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)))
}
.landing-page .customizer-links {
display:none
}
.landing-page .btn-primary {
-webkit-box-shadow:2px 12px 20px 1px rgba(126,55,216,0.3);
box-shadow:2px 12px 20px 1px rgba(126,55,216,0.3)
}
.landing-page .btn-danger {
-webkit-box-shadow:2px 12px 20px 1px rgba(253,81,125,0.3);
box-shadow:2px 12px 20px 1px rgba(253,81,125,0.3)
}
.landing-page .home-images {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.landing-page .img-effect>div {
width:100%;
height:100%;
position:relative
}
.landing-page .overlay {
position:absolute;
top:0;
height:100%;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:rgba(0,0,0,0.3);
border-radius:35px;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .img-effect:hover .overlay {
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-transform:scale(1);
transform:scale(1)
}
.landing-page .p-3 {
padding:0.8rem !important
}
.landing-page .btn-air {
padding:10px 30px;
background-color:#f8f5fd;
border-radius:25px;
font-size:calc(12px + (20 - 15) * ((100vw - 300px) / (1920 - 300)));
color:#7e37d8;
font-weight:800;
border:none;
cursor:pointer;
display:inline-block
}
.landing-page .btn-air:focus,.landing-page .btn-air:hover,.landing-page .btn-air:active {
outline:none !important
}
.landing-page .title {
margin-bottom:50px
}
.landing-page .title .txt-bg {
font-size:calc(50px + (170 - 50) * ((100vw - 300px) / (1920 - 300)));
position:absolute;
width:100%;
opacity:0.05;
font-weight:900;
bottom:-50px;
color:#7e37d8
}
.landing-page .title h2 {
font-size:calc(22px + (38 - 22) * ((100vw - 300px) / (1920 - 300)));
font-weight:700;
margin-bottom:10px
}
.landing-page .title p {
width:50%;
margin:0 auto;
font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)))
}
.landing-page .landing-main .container {
height:calc(100vh - 50px)
}
.landing-page .landing-main .container .row {
height:calc(100vh - 50px);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:end;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
padding-top:80px
}
.landing-page .navbar-collapse {
margin-right:165px
}
.landing-page .navbar-nav {
margin:0 auto
}
.landing-page .navbar-nav .nav-item {
position:relative
}
.landing-page .navbar-nav .nav-item:last-child {
position:absolute;
right:20px;
top:15px
}
.landing-page .navbar-nav .nav-item .nav-link {
color:rgba(0,0,0,0.7);
letter-spacing:1px;
padding:23px 20px;
font-weight:700;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
text-transform:capitalize
}
.landing-page .navbar-nav .nav-item .nav-link:hover {
color:#000;
text-shadow:0 0 0 #fff;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .navbar-nav .nav-item .nav-link.active {
color:#000;
text-shadow:0 0 0 #fff;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .landing-main .navbar_nav_modify .btn-light:hover {
background-color:#fff !important;
border-color:#fff !important;
-webkit-animation:0.3s pulse 3;
animation:0.3s pulse 3
}
.landing-page .live-box {
padding:8px;
background-color:#fff;
-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);
position:relative
}
.landing-page .live-box:hover:before {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .live-box:hover .btn {
opacity:1;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .live-box:before {
opacity:0;
content:"";
position:absolute;
background-color:rgba(0,0,0,0.2);
z-index:2;
top:0;
width:100%;
height:100%;
left:0;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .live-box .btn {
position:absolute;
top:45%;
left:30%;
opacity:0;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
z-index:3
}
.landing-page .gray-section-bg {
background-color:#fdfeff
}
.landing-page .navbar-expand-xl .navbar-brand {
padding-left:18px
}
.landing-page .navbar-expand-xl .navbar-collapse {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.landing-page .section-space {
padding:100px 0;
text-align:center;
overflow:hidden
}
.landing-page .section-b-space {
height:50px
}
.landing-page .support {
background-image:url("../images/landing/Footer-background.jpg");
position:relative
}
.landing-page .support h2 {
font-size:calc(24px + (48 - 24) * ((100vw - 300px) / (1920 - 300)))
}
.landing-page .support h4 {
font-size:calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)))
}
.landing-page .support .fa-star {
color:#ffd700
}
.landing-page .support .any-more {
font-size:200px;
opacity:0.1;
letter-spacing:3px;
color:#744edd;
position:absolute
}
.landing-page .support .footerprofile {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:30px
}
.landing-page .support h2,.landing-page .support h4 {
color:#000
}
.landing-page .animat-rate .rat-rect {
position:absolute;
left:0;
bottom:40%;
-webkit-animation:animationFramesOne 15s infinite linear;
animation:animationFramesOne 15s infinite linear
}
.landing-page .animat-rate .rat-rect1 {
position:absolute;
right:0;
-webkit-animation:animationFramesOne 50s infinite linear;
animation:animationFramesOne 50s infinite linear;
top:25%
}
.landing-page .animat-rate .rat-round {
position:absolute;
width:12px;
height:12px;
background:#7e37d8;
border-radius:50%;
left:0;
-webkit-animation:animationFramesOne 40s infinite linear;
animation:animationFramesOne 40s infinite linear;
top:10%
}
.landing-page .animat-rate .rat-sib {
position:absolute;
right:40%;
bottom:25%;
-webkit-animation:animationFramesOne 30s infinite linear;
animation:animationFramesOne 30s infinite linear;
position:absolute
}
.landing-page .animat-rate .rat-squar {
-webkit-animation:animationFramesOne 50s infinite linear;
animation:animationFramesOne 50s infinite linear;
position:absolute;
right:45%;
top:75%
}
.landing-page .animat-rate .cross {
background:#8433d2;
height:15px;
position:relative;
left:17%;
width:2px;
bottom:-70%;
-webkit-animation:rotatedTwo1 5s infinite linear;
animation:rotatedTwo1 5s infinite linear
}
.landing-page .animat-rate .vector-rect {
-webkit-animation:rotatedTwo1 10s infinite linear;
animation:rotatedTwo1 10s infinite linear;
position:absolute;
-webkit-animation-direction:alternate;
animation-direction:alternate;
right:20%;
top:-100px
}
.landing-page .cross:after {
background:#8433d2;
content:"";
height:2px;
left:-6px;
position:absolute;
top:7px;
width:15px;
-webkit-animation:rotatedTwo1 20s infinite linear;
animation:rotatedTwo1 20s infinite linear
}
.landing-page .customizer-img {
-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:1px solid #fff
}
.landing-page .landing-center .footer-content {
color:#fff
}
.landing-page .landing-center .footer-content h1 {
font-size:20px;
font-weight:500;
margin-bottom:20px;
letter-spacing:1px
}
.landing-page .landing-center .title {
margin-bottom:30px
}
.landing-page .landing-center .title-content {
padding:0
}
.landing-page .landing-center .title-content h1 {
margin-bottom:20px;
letter-spacing:1px;
color:#000
}
.landing-page .landing-center .title-content p {
margin-bottom:30px
}
.landing-page .landing-center .title-content .btn {
font-size:18px !important
}
.landing-page .uniqueiconlist .row .unique-content:nth-child(-n+6) {
padding-bottom:70px
}
.landing-page .uniqueiconlist .row .uniqueicon {
padding:20px;
border-radius:25px;
margin-bottom:20px;
display:inline-block;
border:1px solid rgba(126,55,216,0.3)
}
.landing-page .uniqueiconlist .row .uniqueicon:hover img {
-webkit-animation:bounce 60s linear;
animation:bounce 60s linear;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .bg-sky-blue {
min-height:calc(100vh - 50px);
background-image:url("../images/landing/background1.jpg");
position:relative;
background-position:left top;
background-repeat:no-repeat;
background-size:cover
}
.landing-page .btn-md {
border-radius:2rem;
background-color:#fff;
color:#293240 !important;
text-transform:uppercase;
font-size:14px;
width:auto;
-webkit-transition:.5s ease-in-out;
transition:.5s ease-in-out;
height:40px;
letter-spacing:1px;
line-height:2
}
.landing-page .btn-md:hover {
-webkit-animation:0.3s pulse 3;
animation:0.3s pulse 3
}
.landing-page .landing_gallery_section_img {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
text-align:end;
position:absolute;
left:0;
bottom:0
}
.landing-page .landing_gallery_section_img:before {
content:'';
height:500px;
bottom:-40;
background:-webkit-gradient(linear, left bottom, left top, color-stop(8%, #00008b), color-stop(92%, transparent));
background:linear-gradient(to top, #00008b 8%, transparent 92%);
z-index:1;
left:0;
position:absolute;
width:100%
}
.landing-page .landing_gallery_section_img .img-gallery-set1 {
margin:0 6px;
bottom:20px
}
.landing-page .landing_gallery_section_img .img-gallery-set2 {
margin:0 6px;
bottom:20px
}
.landing-page .landing_gallery_section_img .img-gallery-set3 {
margin:0 6px;
bottom:20px
}
.landing-page .landing_gallery_section_img .img-gallery-set4 {
margin:0 6px;
bottom:20px
}
.landing-page .landing_gallery_section_img .img-gallery-set5 {
margin:0 6px;
bottom:20px
}
.landing-page .triangle_set {
position:absolute;
right:25%;
top:17%
}
.landing-page .triangle_set .triangle {
position:relative;
width:0;
border-bottom:solid 24px #fff;
border-right:solid 4px transparent;
border-left:solid 4px transparent;
-webkit-animation:rotated 20s infinite linear;
animation:rotated 20s infinite linear
}
.landing-page .triangle_set .triangle .empty {
position:absolute;
top:7px;
left:-4px;
width:0;
border-bottom:solid 16px #000;
border-right:solid 4px transparent;
border-left:solid 4px transparent
}
.landing-page .triangle_set1 {
position:absolute;
left:20%;
top:10%
}
.landing-page .triangle_set1 .triangle1 {
position:relative;
width:0;
border-bottom:solid 24px #fff;
border-right:solid 4px transparent;
border-left:solid 4px transparent;
-webkit-animation:rotated 20s infinite linear;
animation:rotated 20s infinite linear
}
.landing-page .triangle_set1 .triangle1 .empty1 {
position:absolute;
top:7px;
left:-4px;
width:0;
border-right:solid 4px transparent;
border-left:solid 4px transparent
}
.landing-page .page-wrapper {
overflow:hidden
}
.landing-page .page-wrapper .poco-demo-section {
background:#fff
}
.landing-page .page-wrapper .poco-demo-section .img-effect {
-webkit-transition:all 0.3s linear;
transition:all 0.3s linear
}
.landing-page .page-wrapper .poco-demo-section .img-effect p {
opacity:0.5
}
.landing-page .page-wrapper .poco-demo-section .img-effect:hover {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
.landing-page .page-wrapper .poco-demo-section .img-effect:hover p {
opacity:1
}
.landing-page .page-wrapper .poco-demo-section .landing-header h2 {
color:#000;
font-weight:800;
font-size:32px;
letter-spacing:1.2px
}
.landing-page .page-wrapper .poco-demo-section .Poco-img {
border-radius:30px;
-webkit-box-shadow:-1px 2px 5px 1px rgba(126,55,216,0.05);
box-shadow:-1px 2px 5px 1px rgba(126,55,216,0.05);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .page-wrapper .poco-demo-section .Poco-img:hover {
-webkit-box-shadow:-1px 2px 20px 5px rgba(126,55,216,0.1);
box-shadow:-1px 2px 20px 5px rgba(126,55,216,0.1);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.landing-page .page-wrapper .poco-demo-section .Poco-img img {
border-radius:30px
}
.landing-page .page-wrapper .poco-demo-section .cretive_img_content {
margin:40px 0
}
.landing-page .page-wrapper .uniquefeaturesbg {
background-image:url("../images/landing/unique-feature.jpg")
}
.landing-page .page-wrapper .components-section {
background-image:url("../images/landing/components-background.jpg");
background-position:center
}
.landing-page .section-position-r {
position:relative
}
.landing-page .mb50 {
margin-bottom:50px
}
.landing-page .container-modify {
max-width:1600px;
margin:0 auto
}
.landing-page .container-modify .uniqueicon .img-fluid {
-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
border:2px solid #eee9fa;
border-radius:25px;
width:100px;
height:100px;
padding:15px
}
.landing-page .container-modify .unique_feature_content {
padding:25px
}
.landing-page .container-modify .unique_feature_content h4 {
font-weight:bold;
color:#000
}
.landing-page .counters .counts {
font-size:calc(22px + (46 - 22) * ((100vw - 300px) / (1920 - 300)));
font-weight:700;
color:#7e37d8;
line-height:2.2
}
.landing-page .counters .count-number:before {
content:"";
position:absolute;
height:100px;
width:100px;
background-color:#7e37d8;
border-radius:100%;
opacity:0.1;
left:0;
right:0;
margin:0 auto
}
.landing-page .counters .count-desc {
margin-top:20px;
text-align:center;
font-size:calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
font-weight:700
}
.landing-page .counters p {
font-size:16px
}
.landing-page .counters p,.landing-page .counters h3 {
color:#000
}
.landing-page .counter {
background-image:url("../images/landing/counter-background.jpg");
background-position:top;
background-repeat:no-repeat;
background-size:cover
}
.landing-page .unique_feature_content p {
line-height:1.6;
font-size:calc(13px + (16 - 13) * ((100vw - 300px) / (1920 - 300)));
font-weight:500;
margin-bottom:0
}
.landing-page .unique_feature_content h4 {
color:#000
}
.landing-page .img-box-shadow {
border-radius:30px;
-webkit-box-shadow:-1px 2px 5px 1px #f8f4fe;
box-shadow:-1px 2px 5px 1px #f8f4fe;
margin:0 18px
}
.landing-page .bg-Widget {
background:#fff !important
}
.landing-page .components-section .component-set {
margin-bottom:30px
}
.landing-page .app_bg {
background-image:url("../images/landing/Email-template_background.jpg") !important
}
.landing-page .footer-bg {
background-image:url("../assets/images/landing/footer-bg.jpg") !important
}
.landing-page .ptb50 {
padding:80px 0
}
.landing-page .round-tringle-square-animation {
width:auto;
height:100%;
z-index:0;
bottom:45%
}
.landing-page .round-tringle-square-animation .bg_circle1 {
width:20px;
height:20px;
border:3px solid #fe8a7d;
border-radius:50%;
position:absolute;
top:15%;
left:36%;
-webkit-animation:animationFramesOne 15s infinite linear;
animation:animationFramesOne 15s infinite linear
}
.landing-page .round-tringle-square-animation .bg_circle4 {
width:12px;
height:12px;
opacity:0.7;
background:#fe8a7d;
border-radius:50%;
position:absolute;
top:8%;
right:12%;
-webkit-animation:animationFramesOne 15s infinite linear;
animation:animationFramesOne 15s infinite linear
}
.landing-page .round-tringle-square-animation .bg_circle2 {
width:7px;
height:7px;
background:#fdfeff;
border-radius:50%;
position:absolute;
top:calc(36% - 16px);
left:25%;
-webkit-animation:animationFramesTwo 13s infinite linear;
animation:animationFramesTwo 13s infinite linear
}
.landing-page .round-tringle-square-animation .bg_circle3 {
position:absolute;
width:12px;
height:12px;
border:2px solid #fecf8b;
border-radius:50%;
bottom:42%;
left:6%;
-webkit-animation:animationFramesOne 15s infinite linear;
animation:animationFramesOne 15s infinite linear
}
.landing-page .round-tringle-square-animation .cross {
background:#fecf8b;
height:15px;
position:relative;
left:50px;
width:2px;
top:15%;
-webkit-animation:rotated 20s infinite linear;
animation:rotated 20s infinite linear
}
.landing-page .round-tringle-square-animation .cross:after {
background:#fecf8b;
content:"";
height:2px;
left:-6px;
position:absolute;
top:7px;
width:15px;
-webkit-animation:rotated 20s infinite linear;
animation:rotated 20s infinite linear
}
.landing-page .round-tringle-square-animation .cross1 {
background:#fecf8b;
height:15px;
position:relative;
left:83%;
width:2px;
bottom:-40%;
-webkit-animation:rotatedTwo 20s infinite linear;
animation:rotatedTwo 20s infinite linear
}
.landing-page .round-tringle-square-animation .cross1:after {
background:#fecf8b;
content:"";
height:2px;
left:-6px;
position:absolute;
top:7px;
width:15px;
-webkit-animation:rotatedTwo 20s infinite linear;
animation:rotatedTwo 20s infinite linear
}
.landing-page .round-tringle-square-animation .cross2 {
background:#fecf8b;
height:15px;
position:relative;
left:17%;
width:2px;
bottom:-70%;
-webkit-animation:rotatedTwo1 20s infinite linear;
animation:rotatedTwo1 20s infinite linear
}
.landing-page .round-tringle-square-animation .cross2:after {
background:#fecf8b;
content:"";
height:2px;
left:-6px;
position:absolute;
top:7px;
width:15px;
-webkit-animation:rotatedTwo1 20s infinite linear;
animation:rotatedTwo1 20s infinite linear
}
.landing-page .round-tringle-square-animation .square1 {
width:10px;
height:10px;
border:1px solid #fff;
position:absolute;
right:95%;
top:28%;
-webkit-animation:animationFramesTwo 15s infinite linear;
animation:animationFramesTwo 15s infinite linear
}
.landing-page .round-tringle-square-animation .square2 {
width:8px;
height:8px;
border:1px solid #fff;
position:absolute;
right:0;
left:70%;
top:30%;
-webkit-animation:animationFramesTwo 15s infinite linear;
animation:animationFramesTwo 15s infinite linear
}
.landing-page .round-tringle-square-animation .square {
width:10px;
height:10px;
border:1px solid #fff;
position:absolute;
right:0;
left:90%;
top:70%;
-webkit-animation:animationFramesTwo 15s infinite linear;
animation:animationFramesTwo 15s infinite linear
}
.landing-page .round-tringle-square-animation .vector-rect {
-webkit-animation:rotatedTwo1 10s infinite linear;
animation:rotatedTwo1 10s infinite linear;
position:absolute;
-webkit-animation-direction:alternate;
animation-direction:alternate;
right:5%;
bottom:30%
}
.landing-page .new-logo,.landing-page .advancenew-logo {
border-radius:50%;
-webkit-box-shadow:2.5px 4.33px 20px rgba(255,49,84,0.4);
box-shadow:2.5px 4.33px 20px rgba(255,49,84,0.4);
background-image:linear-gradient(58deg, #ff3639 0%, #ff3899 100%);
padding:20px;
position:absolute;
left:-34px;
top:-23px;
padding:35px
}
.landing-page .new-logo h5,.landing-page .advancenew-logo h5 {
margin:0;
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
font-weight:700;
font-size:20px;
color:#fff
}
.landing-page .new-logo:after,.landing-page .advancenew-logo:after {
border-width:10px;
border-right-width:0;
border-top-color:transparent;
border-left-color:#ff3639;
margin:-10px 0 0;
left:auto;
right:-10px;
top:50%;
bottom:auto
}
.landing-page .mt50 {
margin-top:40px
}
.landing-page .mrl5 {
margin:0 5px
}
.landing-page .navbar-b {
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
background-color:transparent;
padding-top:1.563rem;
padding-bottom:1.563rem
}
.landing-page .fixed-top {
position:relative;
top:0;
right:0;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
left:0;
z-index:1030
}
.landing-page .navbar-toggler span {
display:block;
background-color:#7e37d8;
height:3px;
width:25px;
z-index:112;
margin-top:4px;
margin-bottom:4px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
left:0;
opacity:1
}
.landing-page .navbar-toggler span:nth-child(1) {
transition:-webkit-transform .35s ease-in-out;
-webkit-transition:-webkit-transform .35s ease-in-out;
transition:transform .35s ease-in-out;
transition:transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}
.landing-page .navbar-toggler span:nth-child(3) {
-webkit-transition:-webkit-transform .35s ease-in-out;
transition:-webkit-transform .35s ease-in-out;
transition:transform .35s ease-in-out;
transition:transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}
.landing-page .navbar_nav_modify li {
text-align:center
}
.landing-page .bg-gallery {
background-image:url("../../assets/images/landing/bg_gallery.jpg") !important;
width:100%;
background-attachment:fixed;
display:block;
position:relative;
height:calc(95vh);
overflow:hidden;
background-size:cover;
background-repeat:no-repeat
}
.landing-page .gallery-img-blur-div {
position:absolute;
-webkit-filter:blur(20px);
filter:blur(20px);
bottom:-40px;
height:90px;
background:#fff;
width:100vw;
margin-left:-60px
}
.landing-page .sticky-header header {
position:fixed;
width:100%;
z-index:6;
text-align:center;
line-height:normal;
height:auto;
background:#fff;
-webkit-box-shadow:0 0 5px 1px rgba(5,56,111,0.1);
box-shadow:0 0 5px 1px rgba(5,56,111,0.1);
-webkit-transition:all 0.4s ease;
transition:all 0.4s ease
}
.landing-page .sticky-header header.sticky {
line-height:normal;
height:65px;
background:#000;
text-align:left
}
.landing-page .sticky-header header.sticky .nav-padding {
padding:6px 14px
}
.landing-page .component-hover-effect:hover h6 {
color:#772ed5
}
.landing-page .component-hover-effect:hover svg {
color:#000
}
.landing-page .component-hover-effect:hover i {
color:#772ed5
}
.landing-page .component-hover-effect i {
font-size:36px;
width:120px;
height:120px;
padding:40px;
margin-bottom:25px;
margin-top:10px;
color:#4a4a4a;
border-radius:10px;
-webkit-box-shadow:0px 0px 18px 3px rgba(126,55,216,0.05);
box-shadow:0px 0px 18px 3px rgba(126,55,216,0.05)
}
.landing-page .btn-hover-effect {
display:inline-block;
position:relative;
background:none;
border:none;
color:#000;
font-size:18px;
cursor:pointer;
padding:0;
background:#00008b
}
.landing-page .btn-hover-effect span {
color:#000;
font-size:14px;
letter-spacing:1px;
line-height:1;
padding:10px 30px
}
.landing-page .btn-hover-effect span:hover:before {
height:100%
}
.landing-page .btn-hover-effect span:hover:after {
height:100%
}
.landing-page .btn-hover-effect span:after {
content:"";
width:2px;
height:0;
position:absolute;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear;
background:#fff;
color:#000;
right:0;
top:0;
-webkit-transition-duration:0.4s;
transition-duration:0.4s
}
.landing-page .btn-hover-effect span:before {
content:"";
width:2px;
height:0;
position:absolute;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear;
background:#fff;
left:0;
color:#000;
bottom:0;
-webkit-transition-duration:0.4s;
transition-duration:0.4s
}
.landing-page .btn-hover-effect:hover:before {
width:100%;
background:#fff;
color:#000
}
.landing-page .btn-hover-effect:hover:after {
width:100%;
background:#fff;
color:#000
}
.landing-page .btn-hover-effect:before {
content:"";
width:0;
height:2px;
position:absolute;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear;
background:#fff;
right:0;
top:0;
color:#000;
-webkit-transition-duration:0.4s;
transition-duration:0.4s
}
.landing-page .btn-hover-effect:after {
content:"";
width:0;
height:2px;
position:absolute;
-webkit-transition:all 0.2s linear;
transition:all 0.2s linear;
background:#fff;
left:0;
bottom:0;
color:#000;
-webkit-transition-duration:0.4s;
transition-duration:0.4s
}
.landing-page .tap-top {
text-align:center;
font-size:22px;
cursor:pointer;
line-height:2.2;
display:none;
width:50px;
height:50px;
border-radius:15px;
position:fixed;
bottom:30px;
right:30px;
z-index:5;
color:#fff;
background:#7e37d8;
-webkit-box-shadow:0 0 10px #7e37d8;
box-shadow:0 0 10px #7e37d8;
border:none;
padding:7px
}
.landing-page .tap-top .fa-angle-double-up {
line-height:1.4;
text-align:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
vertical-align:middle;
font-size:26px
}
.landing-page .tap-top:hover {
background-color:#293240;
-webkit-transition:.5s ease-in-out;
transition:.5s ease-in-out
}
.landing-page .and-view-more {
color:#7e37d8;
opacity:0.05;
line-height:1;
font-size:calc(50px + (150 - 50) * ((100vw - 300px) / (1920 - 300)));
font-weight:900
}
.landing-page .and-view {
position:absolute;
top:50%;
color:#000;
letter-spacing:1.2px;
font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
font-weight:700;
text-transform:uppercase
}
.landing-page .view-more-root {
position:relative;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.landing-page .purchasebtn-res .btn-block {
border-bottom-right-radius:15px;
border-top-right-radius:15px;
background-color:#6e4dde;
color:#fff;
border:none;
padding:13px 18px;
text-align:center;
font-size:18px;
z-index:3;
position:relative
}
.landing-page .purchasebtn-res .btn-light {
font-size:15px;
padding:12px 25px 12px 50px;
margin-left:-40px
}
.landing-page .purchasebtn-res .btn-pill {
color:#6e4dde;
font-weight:500;
padding:10px 10px;
text-align:center
}
.landing-page .purchasebtn-res .btn-pill:focus {
outline:none !important
}
.landing-page .profile img {
border:10px solid #fbfaff;
border-radius:50%;
height:170px
}
.landing-page .vector1,.landing-page .vector2 {
margin-top:80px
}
.landing-page .rating {
letter-spacing:5px
}
.landing-page .brush-setting ul {
position:absolute;
background-color:#fff;
width:19px;
border-radius:5px;
right:1%;
top:39%
}
.landing-page .brush-setting ul li {
padding:2px
}
.landing-page .brush-setting ul li:nth-child(1) {
border-bottom:1px solid #fdfeff
}
.landing-page .copy-right-text {
letter-spacing:1px;
margin-top:10px
}
@-webkit-keyframes move-img {
0% {
background-position:0
}
100% {
background-position:100%
}
}
@keyframes move-img {
0% {
background-position:0
}
100% {
background-position:100%
}
}
@-webkit-keyframes move-img1 {
0% {
background-position:100%
}
50% {
background-position:50%
}
100% {
background-position:0
}
}
@keyframes move-img1 {
0% {
background-position:100%
}
50% {
background-position:50%
}
100% {
background-position:0
}
}
@-webkit-keyframes move-img_before {
0% {
background-position:0
}
100% {
background-position:100%
}
}
@keyframes move-img_before {
0% {
background-position:0
}
100% {
background-position:100%
}
}
.landing-page .landing_gallery_section_img {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
text-align:end;
position:absolute;
left:0;
bottom:0
}
.landing-page .landing_gallery_section_img:before {
content:'';
height:500px;
bottom:-40;
background:-webkit-gradient(linear, left bottom, left top, color-stop(8%, #00008b), color-stop(92%, transparent));
background:linear-gradient(to top, #00008b 8%, transparent 92%);
z-index:1;
left:0;
position:absolute;
width:100%
}
.landing-page .triangle_set {
position:absolute;
right:25%;
top:17%
}
.landing-page .triangle_set .triangle {
position:relative;
width:0;
border-bottom:solid 24px #fff;
border-right:solid 4px transparent;
border-left:solid 4px transparent;
-webkit-animation:rotated 20s infinite linear;
animation:rotated 20s infinite linear
}
.landing-page .triangle_set .triangle .empty {
position:absolute;
top:7px;
left:-4px;
width:0;
border-bottom:solid 16px #7e37d8;
border-right:solid 4px transparent;
border-left:solid 4px transparent
}
.landing-page .triangle_set1 {
position:absolute;
left:20%;
top:10%
}
.landing-page .triangle_set1 .triangle1 {
position:relative;
width:0;
border-bottom:solid 24px #fff;
border-right:solid 4px transparent;
border-left:solid 4px transparent;
-webkit-animation:rotated 20s infinite linear;
animation:rotated 20s infinite linear
}
.landing-page .triangle_set1 .triangle1 .empty1 {
position:absolute;
top:7px;
left:-4px;
width:0;
border-right:solid 4px transparent;
border-left:solid 4px transparent
}
@-webkit-keyframes rotated {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotated {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1);
transform:translate(0px, 0px) rotate(0deg) scale(1)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg) scale(0.9);
transform:translate(73px, -1px) rotate(36deg) scale(0.9)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg) scale(1);
transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2);
transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1);
transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
100% {
-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1);
transform:translate(0px, 0px) rotate(0deg) scale(1)
}
}
@keyframes animationFramesTwo {
0% {
-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1);
transform:translate(0px, 0px) rotate(0deg) scale(1)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg) scale(0.9);
transform:translate(73px, -1px) rotate(36deg) scale(0.9)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg) scale(1);
transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2);
transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1);
transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
100% {
-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1);
transform:translate(0px, 0px) rotate(0deg) scale(1)
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform:translate(0px, 0px) rotate(0deg);
transform:translate(0px, 0px) rotate(0deg)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg);
transform:translate(73px, -1px) rotate(36deg)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg);
transform:translate(141px, 72px) rotate(72deg)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg);
transform:translate(83px, 122px) rotate(108deg)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg);
transform:translate(-40px, 72px) rotate(144deg)
}
100% {
-webkit-transform:translate(0px, 0px) rotate(0deg);
transform:translate(0px, 0px) rotate(0deg)
}
}
@keyframes animationFramesOne {
0% {
-webkit-transform:translate(0px, 0px) rotate(0deg);
transform:translate(0px, 0px) rotate(0deg)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg);
transform:translate(73px, -1px) rotate(36deg)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg);
transform:translate(141px, 72px) rotate(72deg)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg);
transform:translate(83px, 122px) rotate(108deg)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg);
transform:translate(-40px, 72px) rotate(144deg)
}
100% {
-webkit-transform:translate(0px, 0px) rotate(0deg);
transform:translate(0px, 0px) rotate(0deg)
}
}
@-webkit-keyframes rotatedTwo {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotatedTwo {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes rotatedTwo1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
}
@keyframes rotatedTwo1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
}
.landing-page .round-tringle-square-animation .square1 {
width:10px;
height:10px;
border:1px solid #fff;
position:absolute;
right:95%;
top:28%;
-webkit-animation:animationFramesTwo 15s infinite linear;
animation:animationFramesTwo 15s infinite linear
}
.landing-page .round-tringle-square-animation .square2 {
width:8px;
height:8px;
border:1px solid #fff;
position:absolute;
right:0;
left:70%;
top:30%;
-webkit-animation:animationFramesTwo 15s infinite linear;
animation:animationFramesTwo 15s infinite linear
}
.landing-page .round-tringle-square-animation .square {
width:10px;
height:10px;
border:1px solid #fff;
position:absolute;
right:0;
left:90%;
top:70%;
-webkit-animation:animationFramesTwo 15s infinite linear;
animation:animationFramesTwo 15s infinite linear
}
@keyframes animationFramesTwo {
0% {
-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1);
transform:translate(0px, 0px) rotate(0deg) scale(1)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg) scale(0.9);
transform:translate(73px, -1px) rotate(36deg) scale(0.9)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg) scale(1);
transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2);
transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1);
transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
100% {
-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1);
transform:translate(0px, 0px) rotate(0deg) scale(1)
}
}
.landing-page .m-b-100 {
margin-bottom:100px !important
}
.landing-page .tap-down {
color:#7e37d8;
text-align:center;
font-size:34px;
cursor:pointer;
margin:0 auto;
position:absolute;
left:0;
right:0;
bottom:-25px
}
.landing-page .components-section .component_responsive {
position:relative
}
@media screen and (min-width: 1440px) {
.container {
max-width:1410px
}
}
@media screen and (max-width: 1199px) {
.landing-page .new-logo {
left:-20px
}
.landing-page .f-18 {
font-size:16px
}
.landing-page .m-b-100 {
margin-bottom:10px !important
}
.landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
padding:23px 13px
}
.landing-page .section-space {
padding:70px 0
}
.landing-page .counters .count-number:before {
height:70px;
width:70px
}
.landing-page .home-decor img:nth-child(2) {
right:5px;
top:18.5%
}
.landing-page .home-decor img:nth-child(1) {
bottom:70px
}
.bg-sky-blue .container {
width:100%;
max-width:100%
}
.bg-sky-blue .container .home-images {
-webkit-box-flex:0;
-ms-flex:0 0 60%;
flex:0 0 60%;
max-width:60%
}
.bg-sky-blue .container .title-content {
padding-left:30px;
-webkit-box-flex:0;
-ms-flex:0 0 40%;
flex:0 0 40%;
max-width:40%
}
}
@media screen and (max-width: 991px) {
.new-logo {
left:-7px
}
.landing-page .bg-sky-blue {
background-position:right top
}
.bg-sky-blue .container .home-images {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.bg-sky-blue .container .title-content {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.landing-page .home-decor img:nth-child(1) {
bottom:90px
}
.landing-page .poco-demo-section .cretive_img_content {
margin:20px 0
}
.landing-page .uniqueiconlist .row .unique-content:nth-child(-n+7) {
padding-bottom:30px
}
.landing-page .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
padding:15px 13px;
text-align:centrer
}
.landing-page .new-logo h5,.landing-page .advancenew-logo h5 {
font-size:13px
}
.landing-page .new-logo,.landing-page .advancenew-logo {
padding:25px
}
.landing-page .f-24 {
font-size:20px
}
.landing-page .title p {
width:100%
}
.landing-page .section-space {
padding:40px 0
}
.landing-page .navbar-nav .nav-item:last-child {
position:relative;
display:inline-block
}
.landing-page .navbar-nav .nav-item:last-child form {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:-20px !important;
margin-bottom:30px !important
}
.landing-center .landing_first_section_img .img-set3 {
display:none
}
.landing-center .title-content {
padding:0
}
.bg-sky-blue {
background-image:none
}
}
@media screen and (max-width: 767px) {
.bg-sky-blue .container .home-images {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.bg-sky-blue .container .title-content {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.landing-page .landing-center .title-content p {
width:80%;
margin:0 auto 30px
}
.landing-page .tap-down {
display:none
}
.landing-page .bg-sky-blue {
height:auto
}
.landing-page .landing-main .container {
height:auto
}
.landing-page .landing-main .container .row {
height:unset;
padding-top:60px;
display:block
}
.landing-page .landing-main .container .row .home-images .main-image {
height:200px;
margin-top:50px
}
.landing-page .landing-main .container .row .home-images .home-decor {
display:none
}
.landing-page .landing-main .container .row .title-content {
text-align:center;
margin-top:30px;
margin-bottom:40px;
padding-left:0
}
.and-view-more {
line-height:200px;
font-size:110px
}
.landing-page .btn-air {
font-size:16px
}
.landing-page .page-wrapper .poco-demo-section .cretive_img_content {
margin:10px 0 20px 0
}
.landing-page .new-logo {
display:none
}
.landing-page .profile img {
height:140px
}
.landing-page .img-effect img {
max-width:280px
}
}
@media screen and (max-width: 576px) {
.new-logo {
left:0px
}
.landing-page .counters .count-number:before {
height:55px;
width:55px
}
}
@media screen and (max-width: 420px) {
.landing-page .landing-center .title-content h1 {
font-size:20px
}
.landing-page .landing-center .title-content p {
width:100%
}
.landing-center .title-content .btn-danger {
margin-left:0 !important
}
.landing-main .sticky-header .purchasebtn-res {
display:none
}
.landing-main .sticky-header .fixed-top {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.pills-component {
width:20%
}
.product-page-width {
width:80%
}
.table {
margin-bottom:0px
}
.table th,.table td {
padding:.75rem
}
.table th {
color:#1b3155
}
.table td {
color:#1b3155
}
.table [class*='bg-'] {
color:#fff
}
.table .bg-light {
color:#1b3155
}
.table tfoot {
font-weight:bold
}
.table-inverse th,.table-inverse td {
color:#fff
}
.table[class*='bg-'] th,.table[class*='bg-'] td {
color:#fff
}
.table-hover tbody tr:hover {
background-color:#fdfeff
}
.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:last-child {
border-right:none
}
.table-bordernone td {
border:0 !important
}
.table-bordernone .bd-t-none {
border-top:none
}
.table-bordernone .u-s-tb {
padding:11px
}
.table-inverse {
color:#fff;
background-color:#292b2c
}
.table-inverse th,.table-inverse td {
border-color:#fff
}
.table-inverse.table-bordered {
border:0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color:rgba(245,247,250,0.5)
}
.table-bordered td,.table-bordered th {
border-color:#fdfeff
}
.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 {
-webkit-transition:opacity .5s ease-out;
transition:opacity .5s ease-out
}
.amcharts-export-canvas.active {
display:block
}
.amcharts-export-canvas.dropbox .canvas-container {
opacity:.5
}
.flot-chart-container {
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:400px
}
.flot-chart-container #toggling-series-flot {
width:79% !important
}
.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:8
}
.morris-hover.morris-default-style {
border-radius:10px;
padding:6px;
color:#898989;
background:#fff;
border:solid 1px #e8ebf2;
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 work-Sans,sans-serif;
text-align:left;
white-space:nowrap;
padding:5px;
border:1px solid rgba(49,49,49,0.75);
-webkit-box-sizing:content-box;
box-sizing:content-box;
z-index:10000;
border-radius:5px
}
.chart-sparkline .jqsfield {
color:#fff;
font:10px work-Sans,sans-serif;
text-align:left
}
.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;
-webkit-filter:drop-shadow(12px 12px 7px rgba(211,211,211,0.3));
filter:drop-shadow(12px 12px 7px rgba(211,211,211,0.3))
}
.peity-charts.peity-chart-primary svg polygon {
fill:rgba(126,55,216,0.5)
}
.peity-charts.peity-chart-primary svg polyline {
stroke:#7e37d8
}
.peity-charts .bar ~ svg rect:nth-child(odd) {
fill:#7e37d8
}
.peity-charts .bar ~ svg rect:nth-child(even) {
fill:#fe80b2
}
.peity-charts .donut ~ svg path:nth-child(odd),.peity-charts .pie ~ svg path:nth-child(odd) {
fill:#7e37d8
}
.peity-charts .donut ~ svg path:nth-child(even),.peity-charts .pie ~ svg path:nth-child(even) {
fill:#efefef
}
.data-attributes span ~ svg path:last-child {
fill:#efefef
}
.data-attributes .small-donut ~ svg path:first-child {
fill:#7e37d8
}
.data-attributes .small-donut1 ~ svg path:first-child {
fill:#fe80b2
}
.data-attributes .small-donut2 ~ svg path:first-child {
fill:#80cf00
}
.data-attributes .small-donut3 ~ svg path:first-child {
fill:#06b5dd
}
.data-attributes .small-donut4 ~ svg path:first-child {
fill:#ffc717
}
.data-attributes .small-donut5 ~ svg path:first-child {
fill:#fd517d
}
.data-attributes .small-donut6 ~ svg path:first-child {
fill:#7e37d8
}
p.data-attributes svg {
margin-right:10px
}
.knob-block {
position:relative
}
.knob-block input {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
-webkit-box-align:center !important;
-ms-flex-align:center !important;
align-items:center !important;
-webkit-box-pack:center !important;
-ms-flex-pack: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
}
.apex-chart {
margin:0 auto
}
.apexcharts-menu-item {
width:110px
}
.word-tree {
height:400px
}
.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut {
stroke:#7e37d8
}
.ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-area {
fill:#7e37d8
}
.ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut {
stroke:#fe80b2
}
.ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-area {
fill:#fe80b2
}
.ct-series-c .ct-point,.ct-series-c .ct-line,.ct-series-c .ct-bar,.ct-series-c .ct-slice-donut {
stroke:#80cf00
}
.ct-series-c .ct-slice-pie,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-area {
fill:#80cf00
}
.ct-series-d .ct-point,.ct-series-d .ct-line,.ct-series-d .ct-bar,.ct-series-d .ct-slice-donut {
stroke:#06b5dd
}
.ct-series-d .ct-slice-pie,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-area {
fill:#06b5dd
}
.ct-series-e .ct-point,.ct-series-e .ct-line,.ct-series-e .ct-bar,.ct-series-e .ct-slice-donut {
stroke:#ffc717
}
.ct-series-e .ct-slice-pie,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-area {
fill:#ffc717
}
.ct-series-f .ct-point,.ct-series-f .ct-line,.ct-series-f .ct-bar,.ct-series-f .ct-slice-donut {
stroke:#fd517d
}
.ct-series-f .ct-slice-pie,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-area {
fill:#fd517d
}
.ct-series-g .ct-point,.ct-series-g .ct-line,.ct-series-g .ct-bar,.ct-series-g .ct-slice-donut {
stroke:#f8f5fd
}
.ct-series-g .ct-slice-pie,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-area {
fill:#f8f5fd
}
.activity .media {
margin-bottom:30px
}
.activity .media:last-child {
margin-bottom:0
}
.activity .media .gradient-round {
position:relative;
width:53px;
height:53px;
background-image:-webkit-gradient(linear, left top, right bottom, from(#863ee2), to(#571f9e));
background-image:linear-gradient(to bottom right, #863ee2, #571f9e);
border-radius:100%;
top:-18px
}
.activity .media .gradient-round svg {
position:absolute;
width:18px;
height:18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack: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:#999
}
.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%;
top:-18px
}
.timeline-small .media .timeline-round svg {
position:absolute;
width:18px;
height:18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack: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:-77px;
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 {
font-weight:600;
margin-bottom:30px
}
.timeline-small .media .media-body h6 span {
font-weight:normal;
color:#999
}
.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
}
header {
height:200px;
line-height:200px;
text-align:center;
background:#2c323f
}
header h1 {
color:#fff;
font-size:18px
}
@media only screen and (min-width: 1170px) {
header {
height:300px;
line-height:300px
}
header h1 {
font-size:24px
}
#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:#f8f5fd
}
.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;
-webkit-animation:cd-bounce-1 0.6s;
animation:cd-bounce-1 0.6s
}
.cssanimations .cd-timeline-content.is-hidden {
visibility:hidden
}
.cssanimations .cd-timeline-content.bounce-in {
visibility:visible;
-webkit-animation:cd-bounce-2 0.6s;
animation:cd-bounce-2 0.6s
}
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation:cd-bounce-2-inverse 0.6s;
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:#f8f5fd;
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:60px;
height:60px;
left:50%;
margin-left:-30px;
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
position:absolute;
top:0;
border-radius:15px
}
.cd-timeline-img i {
display:block;
position:relative;
left:45%;
top:44%;
margin-left:-12px;
margin-top:-12px;
font-size:27px;
color:#fff
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity:0
}
60% {
opacity:1
}
}
@keyframes cd-bounce-1 {
0% {
opacity:0;
-webkit-transform:scale(0.5);
transform:scale(0.5)
}
60% {
opacity:1;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.cd-timeline-content {
position:relative;
background:#fdfeff;
border-radius:4px;
padding:30px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
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:.8em 0 0;
opacity:.7
}
.cd-timeline-content::before {
content:'';
position:absolute;
top:16px;
right:100%;
height:0;
width:0;
border:7px solid transparent;
border-left:7px solid #f8f5fd
}
@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
}
}
@keyframes cd-bounce-2 {
0% {
opacity:0;
-webkit-transform:translateX(-100px);
transform:translateX(-100px)
}
60% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity:0
}
60% {
opacity:1
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity:0;
-webkit-transform:translateX(100px);
transform:translateX(100px)
}
60% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
-webkit-transform:translateX(0);
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:8
}
.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
}
}
.timeliny {
position:relative;
display:block;
padding:10rem 0;
width:100%;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
text-rendering:optimizeLegibility;
color:#f8f5fd;
opacity:0;
overflow:hidden;
cursor:move
}
.timeliny.loaded {
opacity:1
}
.timeliny::before {
content:'';
position:absolute;
background-color:#898989;
width:100%;
height:1px;
top:50%;
left:0
}
.timeliny .timeliny-wrapper {
display:block;
margin:auto;
width:100%;
max-width:1024px
}
.timeliny .timeliny-dot {
-webkit-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-.6rem;
width:1.2rem;
height:1.2rem;
border-radius:50%;
border:1px solid #898989;
background-color:#fff
}
.timeliny .timeliny-dot::before {
-webkit-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;
content:attr(data-year);
display:block;
position:absolute;
top:-5rem;
left:1.25rem;
color:#2c323f;
font-family:work-Sans,sans-serif;
font-size:22px
}
.timeliny .timeliny-dot::after {
-webkit-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:attr(data-text);
display:block;
position:absolute;
width:256px;
top:5.6rem;
left:1.25rem;
color:#f8f5fd;
opacity:0;
font-size:0.9em
}
@media (min-width: 768px) {
.timeliny .timeliny-dot::after {
width:341.33333px
}
}
.timeliny .timeliny-timeline {
position:absolute;
top:50%;
left:0;
display:table;
width:100%;
z-index:5
}
.timeliny .timeliny-timeline .timeliny-timeblock {
display:table-cell;
position:relative
}
.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot {
border-color:#7e37d8;
background-color:#7e37d8;
-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.33);
box-shadow:1px 1px 4px 0px rgba(0,0,0,0.33)
}
.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
color:#2c323f
}
.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
color:#2c323f;
opacity:1;
background-color:#deccf5;
border:1px solid #efefef;
padding:10px;
border-radius:15px
}
.timeliny .timeliny-timeline .timeliny-timeblock.inactive .timeliny-dot {
cursor:move
}
.timeliny .timeliny-timeline .timeliny-timeblock.inactive .timeliny-dot::before {
color:#f8f5fd
}
.timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
border-color:#2c323f;
background-color:#2c323f
}
.timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
color:#2c323f
}
.timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
color:#2c323f;
opacity:1;
background-color:#fff;
border:1px solid #efefef;
padding:10px;
border-radius:15px
}
.timeliny .timeliny-vertical-line {
position:absolute;
display:block;
z-index:1;
left:16%;
top:0;
width:1px;
height:100%;
background-color:#7e37d8
}
@media (min-width: 768px) {
.timeliny .timeliny-vertical-line {
left:32%
}
}
.timeliny .timeliny-vertical-line::before {
content:'';
position:absolute;
top:0;
left:-7px;
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid #7e37d8
}
.timeliny .timeliny-vertical-line::after {
content:'';
position:absolute;
bottom:0;
left:-7px;
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #7e37d8
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
background-color:#7e37d8;
border-radius:15px
}
.nav i {
margin-right:10px
}
.nav-theme .nav-link,.nav-pills.nav-theme .nav-link {
color:#7e37d8
}
.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:#7e37d8;
color:#fff
}
.nav-primary .nav-link,.nav-pills.nav-primary .nav-link {
color:#7e37d8
}
.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:#7e37d8;
color:#fff
}
.nav-secondary .nav-link,.nav-pills.nav-secondary .nav-link {
color:#fe80b2
}
.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:#fe80b2;
color:#fff
}
.nav-success .nav-link,.nav-pills.nav-success .nav-link {
color:#80cf00
}
.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:#80cf00;
color:#fff
}
.nav-danger .nav-link,.nav-pills.nav-danger .nav-link {
color:#fd517d
}
.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:#fd517d;
color:#fff
}
.nav-info .nav-link,.nav-pills.nav-info .nav-link {
color:#06b5dd
}
.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:#06b5dd;
color:#fff
}
.nav-light .nav-link,.nav-pills.nav-light .nav-link {
color:#f8f5fd
}
.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:#f8f5fd;
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:#ffc717
}
.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:#ffc717;
color:#fff
}
.nav-right {
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.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.nav-material {
margin-bottom:0;
margin-top:30px
}
.nav-material.nav-tabs {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
margin-bottom:30px
}
.nav-material.nav-tabs .nav-item .nav-link {
font-size:16px;
color:#2c323f;
text-align:center;
padding:10px 25px;
border:0
}
.nav-material.nav-tabs .nav-link.active,.nav-material.nav-tabs .nav-item.show,.nav-material.nav-tabs .nav-link:focus,.nav-material.nav-tabs .nav-link:hover {
color:#7e37d8
}
.nav-material.nav-tabs .material-border {
border-bottom:2px solid #7e37d8;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
opacity:0
}
.nav-material.nav-tabs .nav-link.active ~ .material-border {
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
opacity:1
}
.nav-material.nav-left .nav-link {
border-left:2px solid transparent;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
color:#2c323f
}
.nav-material.nav-left .nav-link.active,.nav-material.nav-left .show>.nav-link {
background-color:transparent;
border-left-color:#7e37d8;
color:#7e37d8;
border-radius:0;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.nav-material.nav-right .nav-link {
border-right:2px solid transparent;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
color:#2c323f;
text-align:right
}
.nav-material.nav-right .nav-link.active,.nav-material.nav-right .show>.nav-link {
background-color:transparent;
border-right-color:#7e37d8;
color:#7e37d8;
border-radius:0;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.nav-material.nav-theme .nav-link.active,.nav-material.nav-theme .nav-item.show,.nav-material.nav-theme .nav-link:focus,.nav-material.nav-theme .nav-link:hover {
color:#7e37d8;
background-color:transparent
}
.nav-material.nav-theme .material-border {
border-bottom:2px solid #7e37d8
}
.nav-material.nav-left.nav-theme .nav-link.active,.nav-material.nav-left.nav-theme .show>.nav-link {
border-left-color:#7e37d8;
color:#7e37d8
}
.nav-material.nav-right.nav-theme .nav-link.active,.nav-material.nav-right.nav-theme .show>.nav-link {
border-right-color:#7e37d8;
color:#7e37d8
}
.nav-material.nav-primary .nav-link.active,.nav-material.nav-primary .nav-item.show,.nav-material.nav-primary .nav-link:focus,.nav-material.nav-primary .nav-link:hover {
color:#7e37d8;
background-color:transparent
}
.nav-material.nav-primary .material-border {
border-bottom:2px solid #7e37d8
}
.nav-material.nav-left.nav-primary .nav-link.active,.nav-material.nav-left.nav-primary .show>.nav-link {
border-left-color:#7e37d8;
color:#7e37d8
}
.nav-material.nav-right.nav-primary .nav-link.active,.nav-material.nav-right.nav-primary .show>.nav-link {
border-right-color:#7e37d8;
color:#7e37d8
}
.nav-material.nav-secondary .nav-link.active,.nav-material.nav-secondary .nav-item.show,.nav-material.nav-secondary .nav-link:focus,.nav-material.nav-secondary .nav-link:hover {
color:#fe80b2;
background-color:transparent
}
.nav-material.nav-secondary .material-border {
border-bottom:2px solid #fe80b2
}
.nav-material.nav-left.nav-secondary .nav-link.active,.nav-material.nav-left.nav-secondary .show>.nav-link {
border-left-color:#fe80b2;
color:#fe80b2
}
.nav-material.nav-right.nav-secondary .nav-link.active,.nav-material.nav-right.nav-secondary .show>.nav-link {
border-right-color:#fe80b2;
color:#fe80b2
}
.nav-material.nav-success .nav-link.active,.nav-material.nav-success .nav-item.show,.nav-material.nav-success .nav-link:focus,.nav-material.nav-success .nav-link:hover {
color:#80cf00;
background-color:transparent
}
.nav-material.nav-success .material-border {
border-bottom:2px solid #80cf00
}
.nav-material.nav-left.nav-success .nav-link.active,.nav-material.nav-left.nav-success .show>.nav-link {
border-left-color:#80cf00;
color:#80cf00
}
.nav-material.nav-right.nav-success .nav-link.active,.nav-material.nav-right.nav-success .show>.nav-link {
border-right-color:#80cf00;
color:#80cf00
}
.nav-material.nav-danger .nav-link.active,.nav-material.nav-danger .nav-item.show,.nav-material.nav-danger .nav-link:focus,.nav-material.nav-danger .nav-link:hover {
color:#fd517d;
background-color:transparent
}
.nav-material.nav-danger .material-border {
border-bottom:2px solid #fd517d
}
.nav-material.nav-left.nav-danger .nav-link.active,.nav-material.nav-left.nav-danger .show>.nav-link {
border-left-color:#fd517d;
color:#fd517d
}
.nav-material.nav-right.nav-danger .nav-link.active,.nav-material.nav-right.nav-danger .show>.nav-link {
border-right-color:#fd517d;
color:#fd517d
}
.nav-material.nav-info .nav-link.active,.nav-material.nav-info .nav-item.show,.nav-material.nav-info .nav-link:focus,.nav-material.nav-info .nav-link:hover {
color:#06b5dd;
background-color:transparent
}
.nav-material.nav-info .material-border {
border-bottom:2px solid #06b5dd
}
.nav-material.nav-left.nav-info .nav-link.active,.nav-material.nav-left.nav-info .show>.nav-link {
border-left-color:#06b5dd;
color:#06b5dd
}
.nav-material.nav-right.nav-info .nav-link.active,.nav-material.nav-right.nav-info .show>.nav-link {
border-right-color:#06b5dd;
color:#06b5dd
}
.nav-material.nav-light .nav-link.active,.nav-material.nav-light .nav-item.show,.nav-material.nav-light .nav-link:focus,.nav-material.nav-light .nav-link:hover {
color:#f8f5fd;
background-color:transparent
}
.nav-material.nav-light .material-border {
border-bottom:2px solid #f8f5fd
}
.nav-material.nav-left.nav-light .nav-link.active,.nav-material.nav-left.nav-light .show>.nav-link {
border-left-color:#f8f5fd;
color:#f8f5fd
}
.nav-material.nav-right.nav-light .nav-link.active,.nav-material.nav-right.nav-light .show>.nav-link {
border-right-color:#f8f5fd;
color:#f8f5fd
}
.nav-material.nav-dark .nav-link.active,.nav-material.nav-dark .nav-item.show,.nav-material.nav-dark .nav-link:focus,.nav-material.nav-dark .nav-link:hover {
color:#2c323f;
background-color:transparent
}
.nav-material.nav-dark .material-border {
border-bottom:2px solid #2c323f
}
.nav-material.nav-left.nav-dark .nav-link.active,.nav-material.nav-left.nav-dark .show>.nav-link {
border-left-color:#2c323f;
color:#2c323f
}
.nav-material.nav-right.nav-dark .nav-link.active,.nav-material.nav-right.nav-dark .show>.nav-link {
border-right-color:#2c323f;
color:#2c323f
}
.nav-material.nav-warning .nav-link.active,.nav-material.nav-warning .nav-item.show,.nav-material.nav-warning .nav-link:focus,.nav-material.nav-warning .nav-link:hover {
color:#ffc717;
background-color:transparent
}
.nav-material.nav-warning .material-border {
border-bottom:2px solid #ffc717
}
.nav-material.nav-left.nav-warning .nav-link.active,.nav-material.nav-left.nav-warning .show>.nav-link {
border-left-color:#ffc717;
color:#ffc717
}
.nav-material.nav-right.nav-warning .nav-link.active,.nav-material.nav-right.nav-warning .show>.nav-link {
border-right-color:#ffc717;
color:#ffc717
}
.tabbed-card ul {
position:absolute;
right:15px;
top:41px
}
.tabbed-card ul.nav-material.nav-tabs {
top:8px;
border-bottom:none
}
.tabbed-card ul.nav-material.nav-tabs .nav-item {
float:right
}
.tabbed-card ul.nav-material.nav-tabs .nav-item .nav-link {
padding:44px 15px
}
.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;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:30px;
color:#000
}
.gallery>a:hover:before {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all 0.3s ease;
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 15px 15px
}
.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:#fff;
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:#e8ebf2
}
.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.3s ease-in-out;
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
.gallery .hover-2:hover img {
-webkit-transform:translateX(40px) scale(1.2);
transform:translateX(40px) scale(1.2)
}
.gallery .hover-3 img {
-webkit-transform:scale(1.2);
transform:scale(1.2);
-webkit-transition:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.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:.3s ease-in-out;
transition:.3s ease-in-out
}
.gallery .hover-11:hover img {
opacity:.5
}
.gallery .hover-12>div {
background:#7e37d8
}
.gallery .hover-12>div img {
opacity:1;
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
.gallery .hover-12>div:hover img {
opacity:.7
}
@-webkit-keyframes flash {
0% {
opacity:.4
}
100% {
opacity:1
}
}
@keyframes flash {
0% {
opacity:.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-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3)));
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 .75s;
animation:shine .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 .75s;
animation:circle .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
}
}
* {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
*:after,*:before {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.grid {
position:relative
}
.grid:after {
content:'';
display:block;
clear:both
}
.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
}
.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:#586082
}
.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
}
.blog-box .blog-details .blog-social li:first-child {
border-right:1px solid #586082;
padding-right:20px
}
.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:#586082;
padding:0 24px;
border-right:1px solid
}
.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:700
}
.blog-box .blog-date {
color:#586082
}
.blog-box .blog-date span {
font-size:36px;
font-weight:500;
padding-right:5px
}
.blog-box.blog-shadow:before {
-webkit-box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.6);
box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.6);
-webkit-transition:all 0.3s ease;
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 {
-webkit-box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.65);
box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.65);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.blog-box.blog-shadow .blog-details {
position:absolute;
bottom:0;
width:100%;
padding:40px
}
.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
}
.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%;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.blog-box .blog-details p {
font-size:14px;
line-height:2;
letter-spacing:0.7px;
margin-top:30px;
margin-bottom:0;
color:#586082
}
.blog-box .blog-details h4 {
font-size:18px;
font-weight:600;
line-height:1.5;
margin-top:20px;
margin-bottom:0
}
.blog-box .blog-details .single-blog-content-top {
margin-top:30px;
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:60px;
padding-bottom:60px
}
.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:#586082;
text-align:justify;
margin-bottom:0
}
.comment-box h4 {
font-weight:700;
letter-spacing:3px
}
.comment-box .media img {
margin-right:45px;
border-radius:50%;
height:90px;
padding:7px;
width:90px;
border:1px solid #efefef
}
.comment-box .media h6 {
font-weight:600;
margin-bottom:20px
}
.comment-box .media h6 span {
padding-left:10px;
font-size:13px;
color:#586082;
font-weight:400
}
.comment-box .comment-social li {
display:inline-block;
color:#ccc;
padding-left:20px;
margin-bottom:0;
font-weight:600;
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
}
.footer-links {
text-align:right
}
.footer-links li {
display:inline-block;
padding-right:15px
}
.footer-links li a {
font-size:12px
}
footer {
background-color:#fff;
padding:15px;
bottom:0;
left:0
}
footer a {
font-weight:600
}
.footer-dark {
background-color:#2c323f
}
.footer-dark .footer-copyright .footer-text p {
color:#fff
}
.footer-dark p {
color:#fff
}
.footer-dark li a {
color:#fff
}
.footer-fix {
position:fixed;
width:calc(100% - 255px)
}
.blockquote-footer {
margin-left:0 !important;
width:auto !important;
-webkit-box-shadow:none !important;
box-shadow:none !important
}
.page-wrapper .page-body-wrapper footer {
margin-left:300px;
-webkit-transition:.6s;
transition:.6s;
bottom:0;
z-index:9;
position:relative;
-webkit-box-shadow:19px 8px 16px 7px rgba(21,141,247,0.05);
box-shadow:19px 8px 16px 7px rgba(21,141,247,0.05)
}
.page-wrapper .page-body-wrapper footer p {
color:#000;
font-weight:600
}
.page-wrapper .page-body-wrapper footer p i {
color:#e7474e;
text-shadow:2px 2px 4px rgba(231,71,78,0.5);
margin-left:5px
}
.form-wizard .tab {
display:none
}
.form-wizard .btn-mb {
margin-bottom:30px
}
.form-wizard .step {
height:10px;
width:10px;
margin:0 2px;
background-color:#7e37d8;
border:none;
border-radius:50%;
display:inline-block;
opacity:0.5
}
.form-wizard .step.active {
opacity:1
}
.form-wizard .step.finish {
background-color:#fe80b2
}
.form-wizard .form-control {
border-radius:15px
}
.form-wizard .btn {
border-radius:15px
}
.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:#e8ebf2
}
.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
}
.setup-content .nextBtn {
border-radius:15px
}
.setup-content .form-control {
border-radius:15px
}
.f1 fieldset {
display:none
}
.f1 fieldset input {
border-radius:15px
}
.f1 .input-error {
border-color:#fd517d
}
.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:#7e37d8;
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 #7e37d8;
color:#7e37d8;
line-height:38px
}
.f1 .f1-steps .f1-step.activated p {
color:#7e37d8
}
.f1 .f1-steps .f1-step.active .f1-step-icon {
width:48px;
height:48px;
background:#7e37d8;
font-size:22px;
line-height:48px
}
.f1 .f1-steps .f1-step.active p {
color:#7e37d8
}
.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:40px;
border-radius:50%
}
.f1 .f1-buttons {
text-align:right
}
.f1 .f1-buttons .btn {
border-radius:15px
}
.wizard-4 .buttonDisabled {
color:#7e37d8;
background-color:rgba(126,55,216,0.1) !important;
cursor:text;
border:none
}
.wizard-4 .action-bar .btn {
float:right;
margin:0 3px
}
.wizard-4 .step-container {
position:relative;
margin:0;
padding:0;
border:0 solid #e8ebf2;
overflow:hidden;
clear:right;
width:70%;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.wizard-4 .step-container div.content {
display:block;
position:absolute;
float:left;
height:295px;
text-align:left;
overflow:auto;
z-index:1;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
clear:both
}
.wizard-4 .loader {
display:none
}
.wizard-4 .msg-box {
position:absolute;
display:none;
padding:5px 10px;
background-color:#7e37d8;
left:32%;
bottom:30px;
border-radius:2px
}
.wizard-4 .msg-box .content {
padding:0;
float:left;
padding-top:3px;
color:#fff
}
.wizard-4 .msg-box .close {
text-shadow:none;
color:#fff;
margin-left:10px;
opacity:1
}
.wizard-4 ul.anchor {
position:relative;
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
border:0 solid #e8ebf2;
background:transparent;
width:30%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:30px
}
.wizard-4 ul.anchor li {
position:relative;
display:block;
margin:0;
padding:0;
padding-bottom:19px;
float:left;
clear:both;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:0
}
.wizard-4 ul.anchor li a {
display:block;
position:relative;
float:left;
margin:0;
padding:10px 17px;
width:100%;
-webkit-box-sizing:border-box;
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.selected {
color:#fff;
background:#7e37d8;
cursor:text;
border-radius:20px
}
.wizard-4 ul.anchor li a.done {
position:relative;
color:#fff;
background:#fe80b2;
z-index:99;
border-radius:20px
}
.wizard-4 ul.anchor li a.disabled {
color:#7e37d8;
background:rgba(126,55,216,0.1);
cursor:text;
border-radius:20px;
opacity:1
}
.wizard-4 ul.anchor li a.error {
color:#898989;
background:#fe8a7d;
border:1px solid #fd517d
}
.wizard-4 ul.anchor li a.error:hover {
color:#000
}
.wizard-4 .form-control,.wizard-4 .btn {
border-radius:15px
}
.wizard-4 .form-control:focus,.wizard-4 .btn:focus {
-webkit-box-shadow:none;
box-shadow:none
}
.badge {
padding:0.44em 0.7em
}
.badge+.badge {
margin-left:5px
}
.badge svg {
width:10px;
height:12px
}
.btn .badge {
position:relative;
top:-1px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.flat-badge-primary {
border-radius:0;
background-color:#7e37d8;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(126,55,216,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(126,55,216,0.25);
color:#fff !important
}
.flat-badge-secondary {
border-radius:0;
background-color:#fe80b2;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
color:#fff !important
}
.flat-badge-success {
border-radius:0;
background-color:#80cf00;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(128,207,0,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(128,207,0,0.25);
color:#fff !important
}
.flat-badge-danger {
border-radius:0;
background-color:#fd517d;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(253,81,125,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(253,81,125,0.25);
color:#fff !important
}
.flat-badge-info {
border-radius:0;
background-color:#06b5dd;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(6,181,221,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(6,181,221,0.25);
color:#fff !important
}
.flat-badge-dark {
border-radius:0;
background-color:#2c323f;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
color:#fff !important
}
.flat-badge-warning {
border-radius:0;
background-color:#ffc717;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(255,199,23,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(255,199,23,0.25);
color:#fff !important
}
.pill-badge-primary {
background-color:#7e37d8;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(126,55,216,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(126,55,216,0.25);
color:#fff
}
.pill-badge-secondary {
background-color:#fe80b2;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
color:#fff
}
.pill-badge-success {
background-color:#80cf00;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(128,207,0,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(128,207,0,0.25);
color:#fff
}
.pill-badge-danger {
background-color:#fd517d;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(253,81,125,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(253,81,125,0.25);
color:#fff
}
.pill-badge-info {
background-color:#06b5dd;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(6,181,221,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(6,181,221,0.25);
color:#fff
}
.pill-badge-dark {
background-color:#2c323f;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
color:#fff
}
.pill-badge-warning {
background-color:#ffc717;
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(255,199,23,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(255,199,23,0.25);
color:#fff
}
.jstree-default .jstree-clicked {
background-color:#ece2f9;
-webkit-box-shadow:none;
box-shadow:none;
color:#2c323f
}
.vakata-context,.vakata-context ul {
background-color:#fff;
border:none;
-webkit-box-shadow:0 0 2px 2px #efefef;
box-shadow:0 0 2px 2px #efefef
}
.vakata-context li a .vakata-contextmenu-sep,.vakata-context ul li a .vakata-contextmenu-sep {
display:none
}
.vakata-context li a:hover,.vakata-context ul li a:hover {
background-color:#faf7fd;
-webkit-box-shadow:None;
box-shadow:None
}
.vakata-context .vakata-context-separator,.vakata-context ul .vakata-context-separator {
display:none
}
.avatars .avatar {
display:inline-block;
margin-right:10px;
position:relative
}
.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 .height-100 {
height:100px
}
.avatars .avatar .height-90 {
height:90px
}
.avatars .avatar .height-80 {
height:80px
}
.avatars .avatar .height-70 {
height:70px
}
.avatars .avatar .height-60 {
height:60px
}
.avatars .avatar .height-50 {
height:50px
}
.avatars .avatar .status {
position:absolute;
background-color:#999;
bottom:0;
right:4px;
border-radius:100%;
border:1px solid #fff
}
.avatars .avatar .status-100 {
width:25px;
height:25px
}
.avatars .avatar .status-90 {
width:20px;
height:20px
}
.avatars .avatar .status-80 {
width:15px;
height:15px
}
.avatars .avatar .status-70 {
width:12px;
height:12px
}
.avatars .avatar .status-60 {
width:10px;
height:10px
}
.avatars .avatar .status-50 {
width:9px;
height:9px
}
.avatars .avatar .status-40 {
width:8px;
height:8px
}
.avatars .avatar .status-30 {
width:7px;
height:7px
}
.customers ul li img {
border:2px solid #fff;
-webkit-box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.2);
-webkit-transition:0.5s;
transition:0.5s
}
.customers ul li img:hover {
-webkit-transform:translateY(-4px) scale(1.02);
transform:translateY(-4px) scale(1.02);
-webkit-transition:0.5s;
transition:0.5s
}
.customers ul li+li {
margin-left:-22px
}
.customers ul li:nth-child(4) {
margin-left:-4px
}
.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
}
.bookmark.pull-right {
border:1px solid #d0d5dd;
border-radius:8px
}
.bookmark ul li {
display:inline-block
}
.bookmark ul li .search-form {
position:absolute;
bottom:53px
}
.bookmark ul li .search-form .form-control-search {
top:60px;
position:absolute;
-webkit-transition:all linear 0.3s;
transition:all linear 0.3s;
right:-75px;
-webkit-transform:translateY(-35px) scaleY(0);
transform:translateY(-35px) scaleY(0);
opacity:0;
visibility:hidden
}
.bookmark ul li .search-form .form-control-search input {
width:300px;
background-color:#fff;
-webkit-box-shadow:0 5px 21px rgba(0,0,0,0.1);
box-shadow:0 5px 21px rgba(0,0,0,0.1)
}
.bookmark ul li .search-form .form-control-search.open {
-webkit-transform:translateY(0px) scaleY(1);
transform:translateY(0px) scaleY(1);
opacity:1;
visibility:visible;
-webkit-transition:all linear 0.3s;
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:#1b3155
}
.bookmark ul li a svg {
vertical-align:middle;
height:18px;
width:18px;
margin:12px 18px
}
.bookmark ul li:first-child {
padding-left:0
}
.bookmark ul li:last-child {
padding-right:0;
background-color:#7e37d8;
border-radius:8px
}
.bookmark ul li:last-child a {
border-radius:5px
}
.bookmark ul li:last-child a svg {
color:#fff
}
.search-page .search-form input {
background-position:99%
}
.search-page .search-form input:focus {
outline:none
}
.search-page .nav-link {
font-weight:500;
text-transform:uppercase
}
.search-page .nav-material.nav-tabs .material-border {
border-bottom-width:1px
}
.search-page .nav-material.nav-tabs .nav-item .nav-link {
font-size:14px
}
.search-page .info-block+.info-block {
padding-top:30px;
border-top:1px solid #f8f5fd;
margin-top:30px
}
.search-page .nav-material.nav-tabs {
-webkit-box-align:left;
-ms-flex-align:left;
align-items:left;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:end
}
.search-page .nav-material.nav-tabs .nav-item {
width:auto
}
.search-page .search-links h6 {
margin-bottom:0
}
.search-page p {
text-transform:lowercase;
margin-bottom:0;
color:#898989
}
.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:#ffc717
}
.search-page #video-links .embed-responsive+.embed-responsive {
margin-top:30px
}
.datepicker--day-name {
color:#000;
font-weight:bold
}
.datepicker--cell.-current- {
color:#000;
border-radius:5px;
font-weight:bold;
border:2px solid #7e37d8
}
.datepicker--cell.-focus- {
background:#7e37d8;
color:#fff
}
.datepicker--cell.-selected- {
background:#7e37d8
}
.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:#faf6ff
}
.daterangepicker.ltr tr td.active {
background-color:#faf6ff
}
.daterangepicker.ltr .ranges {
float:none
}
.daterangepicker.ltr .ranges li {
color:#7e37d8
}
.daterangepicker.ltr .ranges li:hover {
background-color:#7e37d8;
border:1px solid #7e37d8;
color:#fff
}
.daterangepicker.ltr .ranges li.active {
background-color:#7e37d8;
border:1px solid #7e37d8;
color:#fff
}
.daterangepicker.ltr .calendar-time select {
color:#898989
}
.daterangepicker select.monthselect,.daterangepicker select.yearselect {
background:rgba(0,0,0,0)
}
.datetime-picker .theme-form .form-control {
border-radius:15px 0 0 15px !important
}
.datetime-picker .theme-form .input-group-text {
border-radius:0 15px 15px 0 !important
}
.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
width:auto
}
.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:#aaa
}
.daterangepicker .input-mini {
border-color:#efefef !important;
font-size:14px;
color:#aaa
}
.daterangepicker th,.daterangepicker td {
height:34px;
width:34px;
background-color:#faf6ff;
color:#7e37d8
}
.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:#7e37d8
}
.daterangepicker th.month,.daterangepicker td.month {
color:#7e37d8;
letter-spacing:1px;
text-transform:uppercase
}
.Typeahead {
width:100%
}
.Typeahead * {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.Typeahead *:before {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.Typeahead *:after {
-webkit-box-sizing:border-box;
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 i {
font-size:20px;
margin-top:-2px
}
.Typeahead-hint {
width:100%;
padding:5px 8px;
font-size:24px;
line-height:30px;
border:1px solid #024e6a;
border-radius:8px;
position:absolute;
top:0;
left:0;
color:#ccd6dd;
opacity:1
}
.Typeahead-menu {
position:absolute;
top:120%;
padding:12px;
z-index:100;
display:none;
width:100%;
overflow:hidden;
background-color:#ffffff;
border-radius:15px;
box-shadow:0px 0px 0px 1px green;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
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:8px;
border:none !important
}
.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:30px;
float:left
}
.ProfileCard-realName {
display:inline-block;
font-weight:500
}
.ProfileCard-screenName {
display:inline-block;
color:#8899a6
}
.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:#8899a6;
font-weight:500
}
.ProfileCard.is-active {
color:#fff;
background:#55acee
}
.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
}
.introjs-helperLayer {
background-color:rgba(255,255,255,0.9);
border:1px solid rgba(0,0,0,0.5);
-webkit-box-shadow:0 2px 15px rgba(0,0,0,0.4);
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:#fd517d;
background:-webkit-gradient(linear, left top, left bottom, from(#7e37d8), to(#7e37d8));
background:linear-gradient(to bottom, #7e37d8 0%, #7e37d8 100%);
border:3px solid #fff;
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);
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:#7e37d8;
border-left-color:transparent
}
.introjs-arrow.top-right {
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:#7e37d8;
border-left-color:transparent
}
.introjs-arrow.top-middle {
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:#7e37d8;
border-left-color:transparent
}
.introjs-arrow.right {
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:#7e37d8
}
.introjs-arrow.right-bottom {
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:#7e37d8
}
.introjs-arrow.bottom {
border-top-color:#7e37d8;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:transparent
}
.introjs-arrow.left {
border-top-color:transparent;
border-right-color:#7e37d8;
border-bottom-color:transparent;
border-left-color:transparent
}
.introjs-arrow.left-bottom {
border-top-color:transparent;
border-right-color:#7e37d8;
border-bottom-color:transparent;
border-left-color:transparent
}
.introjs-tooltip {
background-color:#7e37d8;
-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.4);
box-shadow:0 1px 10px rgba(0,0,0,0.4);
color:#fff;
border-color:#7e37d8
}
.introjs-button {
border:1px solid #efefef;
text-shadow:1px 1px 0 #fff;
color:#1b3155 !important;
background-color:#fff;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image:linear-gradient(#fff, #fff)
}
.introjs-button:hover {
border-color:#efefef
}
.introjs-button:focus,.introjs-button:active {
background-image:-webkit-gradient(linear, left top, left bottom, from(#e8ebf2), to(#efefef));
background-image:linear-gradient(#e8ebf2, #efefef)
}
.introjs-skipbutton {
color:#7e37d8
}
.introjs-prevbutton.introjs-fullbutton {
border:1px solid #efefef
}
.introjs-disabled {
color:#7e37d8;
border-color:#efefef
}
.introjs-disabled:hover,.introjs-disabled:focus {
color:#7e37d8;
border-color:#efefef
}
.introjs-bullets ul li a {
background:#e8ebf2
}
.introjs-bullets ul li a:hover {
background:#fff
}
.introjs-bullets ul li a.active {
background:#fff
}
.introjs-progress {
background-color:#f8f5fd
}
.introjs-progressbar {
background-color:#7e37d8
}
.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)
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar {
background-color:#fff
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6 {
color:#7e37d8
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user p {
color:#1b3155
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a {
color:#1b3155
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a:hover {
color:#7e37d8
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a {
color:#1b3155
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a:hover,body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a.active {
color:#7e37d8
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li.active>a.active {
color:#7e37d8
}
body.light-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar:hover.custom-scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.15)
}
body.light-only .page-wrapper .page-body-wrapper .page-body {
background-color:#f8f5fd
}
body.dark-only {
color:rgba(255,255,255,0.7);
background-color:#333a62
}
body.dark-only .page-link {
background-color:#2c3054;
border-color:#374558
}
body.dark-only .checkbox label::before {
background:#333a62;
border-color:#374558
}
body.dark-only .cont,body.dark-only .sub-cont {
background:#2c3054
}
body.dark-only .page-item.disabled .page-link {
background-color:#2c3054;
border-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li.active a.active {
color:#fff;
font-weight:700
}
body.dark-only .activity-table .activity-details h6 {
color:#f8f5fd
}
body.dark-only .activity-table .light-text {
color:rgba(255,255,255,0.3)
}
body.dark-only .apexcharts-tooltip.light {
border:1px solid #374558;
background:#333a62
}
body.dark-only .apexcharts-tooltip .apexcharts-tooltip-title {
background:#2c3054;
border-bottom:1px solid #374558
}
body.dark-only .default-chart .apex-widgets #area-widget-chart .apexcharts-tooltip.light,body.dark-only .default-chart .apex-widgets #area-widget-chart-2 .apexcharts-tooltip.light,body.dark-only .default-chart .apex-widgets #area-widget-chart-3 .apexcharts-tooltip.light,body.dark-only .default-chart .apex-widgets #area-widget-chart-4 .apexcharts-tooltip.light {
border:1px solid #e3e3e3
}
body.dark-only .area-range-apex .apexcharts-tooltip.light {
border:1px solid #e3e3e3
}
body.dark-only .card.card-bg {
background-color:#181a2d !important
}
body.dark-only .card.card-bg .card-header {
background-color:transparent
}
body.dark-only .card .card-header {
border-bottom:1px solid #374558;
background-color:#2c3054
}
body.dark-only .card .card-header.no-border {
border-bottom:none
}
body.dark-only .setting-dot .setting-bg {
background-color:#fe80b2
}
body.dark-only .bookmark.pull-right {
border:1px solid #374558
}
body.dark-only .card .card-header h5 {
background:unset;
-webkit-text-fill-color:#fff
}
body.dark-only .timeline-circle .media .timeline-background .timeline-dot-success {
background:#333a62
}
body.dark-only .timeline-circle .media .timeline-background .timeline-dot-primary {
background:#333a62
}
body.dark-only .timeline-circle .media .timeline-background .timeline-dot-warning {
background:#333a62
}
body.dark-only .timeline-circle .media .timeline-background .timeline-dot-secondary {
background:#333a62
}
body.dark-only .timeline-circle .media .timeline-background .timeline-dot-info {
background:#333a62
}
body.dark-only .timeline-circle .media p,body.dark-only .timeline-circle .media span {
color:rgba(255,255,255,0.7)
}
body.dark-only .add-post form textarea {
background-color:#333a62;
border-color:#374558
}
body.dark-only .peity-charts svg {
-webkit-filter:drop-shadow(12px 12px 7px rgba(51,58,98,0.3));
filter:drop-shadow(12px 12px 7px rgba(51,58,98,0.3))
}
body.dark-only .peity-charts .donut ~ svg path:nth-child(even),body.dark-only .peity-charts .pie ~ svg path:nth-child(even) {
fill:#333a62
}
body.dark-only .data-attributes span ~ svg path:last-child {
fill:#333a62
}
body.dark-only #area-chart1 svg g g g rect[height="1"],body.dark-only #area-chart2 svg g g g rect[height="1"],body.dark-only #combo-chart svg g g g rect[height="1"] {
fill:#374558
}
body.dark-only #basic-apex svg .apexcharts-grid line,body.dark-only #basic-bar svg .apexcharts-grid line,body.dark-only #column-chart svg .apexcharts-grid line,body.dark-only #chart-bubble svg .apexcharts-grid line,body.dark-only #candlestick svg .apexcharts-grid line,body.dark-only #stepline svg .apexcharts-grid line,body.dark-only #annotationchart svg .apexcharts-grid line,body.dark-only #mixedchart svg .apexcharts-grid line {
stroke:#374558
}
body.dark-only #radarchart .apexcharts-radar-series polygon {
stroke:#374558
}
body.dark-only #radarchart .apexcharts-radar-series polygon:nth-child(even) {
fill:#2c3054
}
body.dark-only #radarchart .apexcharts-radar-series line {
stroke:#374558
}
body.dark-only .mega-inline .card,body.dark-only .mega-horizontal .card,body.dark-only .mega-vertical .card {
border-color:#374558
}
body.dark-only .img-cropper .docs-options .dropdown-menu .form-check-label {
color:rgba(255,255,255,0.7)
}
body.dark-only .img-cropper .docs-options .dropdown-menu>li:hover {
background-color:#2c3054
}
body.dark-only .general-widget .table tr td {
border-bottom:1px solid #374558
}
body.dark-only .btc-buy-sell .btc-amount span {
color:rgba(255,255,255,0.7)
}
body.dark-only .crypto-graph-card .media .bitcoin-graph-content span {
color:rgba(255,255,255,0.7)
}
body.dark-only .crypto-table-market table thead tr th {
background-color:#2a3849
}
body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
color:rgba(255,255,255,0.7) !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.7) !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:#333a62
}
body.dark-only .Typeahead-menu .ProfileCard:hover {
background-color:#2c3054;
color:rgba(255,255,255,0.7)
}
body.dark-only .ecommerce-widget {
border:1px solid #374558
}
body.dark-only #area-spaline svg .apexcharts-grid line {
stroke:#374558 !important
}
body.dark-only #area-spaline svg .apexcharts-inner defs linearGradient stop[stop-opacity="1"] {
stop-color:#2c3054 !important
}
body.dark-only .bookmark ul li .search-form .form-control-search input {
background-color:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .bookmark ul li .search-form .form-control-search:before {
background:#374558
}
body.dark-only .cart .qty-box .input-group .btn {
background-color:#374558 !important;
border-color:#374558 !important
}
body.dark-only .checkout .checkout-details {
background-color:#333a62;
border:1px solid #374558;
padding:40px
}
body.dark-only .order-box .title-box {
color:#bfc2c6;
border-bottom:1px solid #374558
}
body.dark-only .order-box .qty {
border-bottom:1px solid #374558
}
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 #374558
}
body.dark-only .animate-chk .radio_animated:after {
border:2px solid #374558
}
body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(41,50,64,0.52)
}
body.dark-only .card .card-header .card-header-right {
background-color:#2c3054
}
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:#333a62;
border:2px solid #333a62
}
body.dark-only .slider-product {
border-top:1px solid #374558;
border-bottom:1px solid #374558
}
body.dark-only .square-product-setting .icon-grid {
background-color:#2c3054
}
body.dark-only .square-product-setting .icon-grid svg {
color:rgba(255,255,255,0.7)
}
body.dark-only .bitcoin-form .bitcoin-form-dropdown .onhover-dropdown .btn {
background-color:#374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .bitcoin-form .bitcoin-form-dropdown .onhover-dropdown .onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #333a62;
box-shadow:0 0 2px 2px #333a62
}
body.dark-only .bitcoin-form .form-row .input-group .input-group-prepend .input-group-text {
border:1px solid #374558
}
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 #374558
}
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 #374558
}
body.dark-only .flot-chart-container .legend .table tbody {
background-color:#2c3054;
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:#333a62
}
body.dark-only .loader-wrapper .loader {
background-color:#333a62 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .main-header-left {
-webkit-box-shadow:0 0 18px 3px #2a323d;
box-shadow:0 0 18px 3px #2a323d
}
body.dark-only .page-wrapper .page-main-header {
background-color:#333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right {
background-color:#2c3054;
-webkit-box-shadow:0 0 18px 3px #2a323d;
box-shadow:0 0 18px 3px #2a323d
}
body.dark-only .page-wrapper .page-main-header .main-header-right .mobile-sidebar .switch {
background-color:#333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right .mobile-sidebar .switch svg {
color:#fff !important
}
body.dark-only .page-wrapper .page-main-header .main-header-right li i {
color:#f8f5fd
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back {
background-color:#333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front .flip-back-content input,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
background-color:#2c3054;
border-color:#374558;
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front .flip-back-content input::-webkit-input-placeholder,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input::-webkit-input-placeholder {
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front .flip-back-content input::-moz-placeholder,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input::-moz-placeholder {
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front .flip-back-content input:-ms-input-placeholder,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input:-ms-input-placeholder {
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front .flip-back-content input::-ms-input-placeholder,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input::-ms-input-placeholder {
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .front .flip-back-content input::placeholder,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back .flip-back-content input::placeholder {
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .flip-card .flip-card-inner .back li:last-child {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .bookmark-dropdown li:last-child {
border-top:1px solid rgba(255,255,255,0.2)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .bookmark-dropdown .flip-btn {
color:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main {
border-right:1px solid rgba(255,255,255,0.2);
border-bottom:1px solid rgba(255,255,255,0.2)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main:nth-child(3n) {
border-right:none
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li:before {
background-color:rgba(255,255,255,0.2)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li svg {
stroke:#fff
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .media .media-body .txt-dark {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #2c3054;
box-shadow:0 0 2px 2px #2c3054
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .onhover-show-div:before {
border-bottom:7px solid #333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .onhover-show-div:after {
border-bottom:7px solid #333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
background-color:#282e38 !important;
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus li .language-dropdown li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a svg path,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a svg line,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a svg circle {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a:hover {
color:#7e37d8
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a:hover svg line,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a:hover svg path,body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .profile-dropdown li a:hover svg circle {
color:#7e37d8 !important
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .search-form input {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .search-form input::-webkit-input-placeholder {
color:rgba(126,55,216,0.5)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .search-form input::-moz-placeholder {
color:rgba(126,55,216,0.5)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .search-form input:-ms-input-placeholder {
color:rgba(126,55,216,0.5)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .search-form input::-ms-input-placeholder {
color:rgba(126,55,216,0.5)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right .search-form input::placeholder {
color:rgba(126,55,216,0.5)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .media .media-body .txt-dark {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #2c3054;
box-shadow:0 0 2px 2px #2c3054
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .onhover-show-div:before {
border-bottom:7px solid #333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .onhover-show-div:after {
border-bottom:7px solid #333a62
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .notification-dropdown.onhover-show-div li span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .language-dropdown li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-main-header .main-header-right .mega-menu-header .vertical-menu-main .main-nav .main-menu li {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-main-header .main-header-left {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-main-header .main-header-left .logo-wrapper a .image-dark {
display:none
}
body.dark-only .page-wrapper .page-main-header .main-header-left .logo-wrapper a .image-light {
display:block
}
@media only screen and (max-width: 991px) {
body.dark-only .page-wrapper .page-main-header .main-header-right .nav-right>ul {
background-color:#2c3054;
-webkit-box-shadow:0 2px 2px 2px #374558;
box-shadow:0 2px 2px 2px #374558;
border-top:1px solid #374558
}
}
@media only screen and (max-width: 575px) {
body.dark-only .page-wrapper .page-main-header .nav-right>ul .search-form .form-control-plaintext {
background-color:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
}
body.dark-only .page-wrapper .right-sidebar {
background-color:#333a62;
-webkit-box-shadow:0 0 11px rgba(69,110,243,0.13);
box-shadow:0 0 11px rgba(69,110,243,0.13)
}
body.dark-only .page-wrapper .right-sidebar .modal-header {
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .right-sidebar .friend-list-search {
background-color:#2c3054
}
body.dark-only .page-wrapper .right-sidebar .friend-list-search input {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar {
background-color:#2c3054;
-webkit-box-shadow:inset -2px 0px 2px 0px #4c5564;
box-shadow:inset -2px 0px 2px 0px #4c5564
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .bar-icons {
border:none
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .iconbar-mainmenu {
background-color:#2c3054;
-webkit-box-shadow:none;
box-shadow:none
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .iconbar-mainmenu .iconbar-header {
background-color:#2c3054;
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .iconbar-mainmenu li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar li a i {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar li a span {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu .sidebar-header>i {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li:hover .single-header,body.dark-only .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li:hover .sidebar-submenu {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu li a:hover+ul {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-user {
-webkit-box-shadow:3px 2px 7px -1px #293240;
box-shadow:3px 2px 7px -1px #293240
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar {
background:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar.native-image-bg {
background-blend-mode:overlay;
background-color:#17191d
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar.navigation-bordered .sidebar-header {
border-bottom:1px solid rgba(241,241,241,0.15)
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user {
background-color:#2c3054;
-webkit-box-shadow:3px 2px 8px -1px rgba(255,255,255,0.13);
box-shadow:3px 2px 8px -1px rgba(255,255,255,0.13)
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user p {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-title {
color:#7e37d8;
border-bottom:1px solid rgba(241,241,241,0.35)
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a.active {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a:hover {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li .label {
margin-top:3px;
margin-right:5px
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li:hover>a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.sidebar-header {
color:#ffc717
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu a {
color:#f8f5fd
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-widget {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-widget .sidebar-widget-top i {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-sidebar .sidebar-widget .sidebar-widget-bottom {
background-color:#333a62
}
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 .ecommerce-icons div span {
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 .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 #374558
}
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 .number-widgets .media .media-body h6 {
color:rgba(255,255,255,0.7)
}
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:#374558
}
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-header .row h2 {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-header .row h2 span {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-header .row h6 {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-header .row .breadcrumb .breadcrumb-item {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-header .row .breadcrumb .breadcrumb-item a {
color:#fff;
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb .breadcrumb-item:before {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-g-primary .card-header {
background-color:#7e37d8 !important;
border-bottom:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-g-secondary .card-header {
background-color:#fe80b2 !important;
border-bottom:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-g-success .card-header {
background-color:#80cf00 !important;
border-bottom:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-g-info .card-header {
background-color:#06b5dd !important;
border-bottom:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-g-warning .card-header {
background-color:#ffc717 !important;
border-bottom:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-g-danger .card-header {
background-color:#fd517d !important;
border-bottom:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card {
background-color:#2c3054;
-webkit-box-shadow:1px 1px 2px 1px rgba(29,28,28,0.08);
box-shadow:1px 1px 2px 1px rgba(29,28,28,0.08)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block #bar-chart2 svg>rect {
fill:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block #bar-chart2 svg>g text[y="343.05"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block #bar-chart2 svg>g text[x="110"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block #bar-chart2 svg>g text[x="123"] {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block #bar-chart2 svg g g g rect[width="1"] {
fill:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block .word-tree svg>g>rect {
fill:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-block .word-tree svg>g>text {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header .buttons-right .right-header-dropdown.onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #333a62;
box-shadow:0 0 2px 2px #333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header .buttons-right .right-header-dropdown.onhover-show-div a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header.card-header-border .right-header span:first-child {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header.card-header-border .right-header .right-header-dropdown.onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #333a62;
box-shadow:0 0 2px 2px #333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header.card-header-border .right-header .right-header-dropdown.onhover-show-div a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header>span {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header h1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header h2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header h3,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header h4,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header h6 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-header .card-header-right i {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .alert-dark {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .alert-dark a {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .alert-light.outline,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .alert-light.outline-2x,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .alert-light.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card #animation-box .animate-widget p {
color:#98a6ad !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .grid-item img {
background-color:#2c3054;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .line {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table td {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table thead th {
border-bottom:2px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table thead .border-bottom-primary th {
border-bottom:1px solid #7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-primary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-primary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-secondary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-secondary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-success th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-success td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-info th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-info td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-warning th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-warning td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-light th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-light td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-danger th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .table-danger td {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-primary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-secondary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-success,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-info,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-warning,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-danger {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .bg-light {
color:#000
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .thead-light th {
color:#000
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .double,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .dotted,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table .dashed {
border-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table tbody .border-bottom-primary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table tbody .border-bottom-primary td {
border-bottom:1px solid #7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-responsive .table th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-responsive .table td {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table[class*='bg-'] th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table[class*='bg-'] td {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-striped tbody tr:nth-of-type(odd) {
background-color:rgba(0,0,0,0.05)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-striped tbody tr:nth-of-type(odd):hover th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-striped tbody tr:nth-of-type(odd):hover td {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-bordered td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-bordered th {
border-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-inverse tbody tr:nth-of-type(odd):hover td {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-border-vertical tr,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-border-vertical th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-border-vertical td {
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-styling thead th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-styling thead td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-styling tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .table-styling tbody td {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .card-footer {
background-color:#2c3054;
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .switch .switch-state {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .switch input:checked+.switch-state {
background-color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .bg-white {
background-color:#2c3054 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .b-l-light {
border-left:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .ct-grid {
stroke:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .ct-label {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card hr {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .text-muted {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .calender-widget .cal-date {
background-color:#2c3054;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .contact-form .theme-form {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .contact-form .theme-form .form-icon {
background-color:#2c3054;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .btn-outline-light,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .btn-outline-dark {
color:#fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .btn-outline-light:hover {
color:#000 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .border-right {
border-right:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .flot-chart-placeholder .flot-text {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .flot-chart-placeholder svg text {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#gantt_chart svg g rect:first-child {
fill:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#gantt_chart svg g g rect ~ text {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#gantt_chart rect:nth-child(6) {
fill:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#line-chart rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#column-chart1 rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#column-chart2 rect {
fill:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#line-chart svg g line[x1="37.5"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#line-chart svg g line[y1="75.5"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#column-chart1 svg g line[x1="37.5"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#column-chart1 svg g line[y1="75.5"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#column-chart2 svg g line[x1="37.5"],body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow#column-chart2 svg g line[y1="75.5"] {
stroke:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow svg>rect {
fill:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow svg>g>g>g text {
fill:#b1b1b2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow svg>g>text {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-overflow svg g line[x1="22.5"] {
stroke:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .radial-bar:after {
background-color:#2c3054;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .bar-chart-widget .bottom-content .num {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .bar-chart-widget .bottom-content .num .color-bottom {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .b-r-light {
border-right:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .live-products .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .turnover .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .monthly .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .uses .ct-labels .ct-label {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .live-products .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .turnover .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .monthly .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container .uses .ct-grid {
stroke:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container #browser-uses-chart svg text,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .chart-container #website-visiter-chart svg text {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .status-details h4 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .status-details h4 span {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .status-details span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .clipboaard-container .form-control {
background-color:#333a62;
color:#98a6ad;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .img-thumbnail {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_length select {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_length,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_filter,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_info,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_processing,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_filter input[type="search"] {
background-color:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr:hover>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover>.sorting_1 {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr.odd,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr.odd>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr.even>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable thead th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable thead td {
border-bottom:2px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable input,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable select {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable tbody tr {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
border:1px solid #98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate .paginate_button {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate .paginate_button.current,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate .paginate_button:active {
border-color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
color:#98a6ad !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
color:#98a6ad !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.row-border tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.row-border tbody td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody td {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr.even:hover>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1 {
background-color:#282c4d
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.hover tbody tr:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr:hover {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.cell-border th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.cell-border td {
border-top:1px solid #374558;
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.cell-border th:first-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.cell-border td:first-child {
border-left:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_3,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr>.sorting_2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .dataTables_wrapper table.dataTable.display tbody tr>.sorting_3 {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card #example-style-3_wrapper #example-style-3 tfoot {
border-top:2px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .page-item.disabled .page-link {
background-color:#2c3054;
border-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .page-link {
color:rgba(255,255,255,0.7);
background-color:#2c3054;
border-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .page-item:hover .page-link {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .page-item.active .page-link {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-theme .page-item .page-link {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-theme .page-item.active .page-link {
color:#fff;
background-color:#7e37d8;
border-color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-primary .page-item .page-link {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-primary .page-item.active .page-link {
color:#fff;
background-color:#7e37d8;
border-color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-secondary .page-item .page-link {
color:#fe80b2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-secondary .page-item.active .page-link {
color:#fff;
background-color:#fe80b2;
border-color:#fe80b2
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-success .page-item .page-link {
color:#80cf00
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-success .page-item.active .page-link {
color:#fff;
background-color:#80cf00;
border-color:#80cf00
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-danger .page-item .page-link {
color:#fd517d
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-danger .page-item.active .page-link {
color:#fff;
background-color:#fd517d;
border-color:#fd517d
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-info .page-item .page-link {
color:#06b5dd
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-info .page-item.active .page-link {
color:#fff;
background-color:#06b5dd;
border-color:#06b5dd
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-dark .page-item .page-link {
color:#2c323f
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-dark .page-item.active .page-link {
color:#fff;
background-color:#2c323f;
border-color:#2c323f
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-warning .page-item .page-link {
color:#ffc717
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .pagination-warning .page-item.active .page-link {
color:#fff;
background-color:#ffc717;
border-color:#ffc717
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .ecommerce-widget .icon {
color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .ecommerce-widget .total-num {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .ecommerce-widget .total-num span {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .ecommerce-widget span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .flot-chart-container-small {
background-color:#2c3054;
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .product-table #API-2_wrapper #API-2 tbody td span,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .product-table #API-2_wrapper #API-2 tbody td p {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .product-table h6 {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .nav-material.nav-tabs {
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .nav-material.nav-tabs .nav-item .nav-link {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .nav-material.nav-tabs .nav-link.active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .nav-material.nav-tabs .nav-link:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .nav-material.nav-tabs .nav-link:hover {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a {
background-color:rgba(126,55,216,0.2)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-selected {
background-color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a {
border:2px solid rgba(126,55,216,0.2);
background-color:#2c3054;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-selected {
border:2px solid #7e37d8;
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a:after {
color:rgba(126,55,216,0.2)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-selected:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-active:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .scroll-demo {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .search-form input {
border:1px solid #374558;
color:rgba(255,255,255,0.7);
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .search-form .form-group:before {
background:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .cd-timeline-content {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .cd-timeline-content::before {
border-left:7px solid #333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
border-right-color:#333a62;
border-left:transparent
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .breadcrumb {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .user-status table td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card .user-status table th {
border-top:none !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card #donut-color-chart-morris-daily svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card #donut-color-chart-morris svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card #browser-uses-chart svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card #website-visiter-chart svg {
opacity:0.5
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-header-1,body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-2-header {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .show>.nav-link {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-link {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-link.active {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .show>.nav-link {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .nav-link {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .nav-link.active {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .drag-box fieldset {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .help-block {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
background-color:#2c3054;
color:rgba(255,255,255,0.7);
border-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-column .drag-bx {
border:1px dotted #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a>div {
border:1px solid #374558
}
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:#2c3054;
border:1px solid #374558
}
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:#2c3054;
border:1px solid #374558
}
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:#333a62;
border-color:#374558;
color:rgba(255,255,255,0.7)
}
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:#333a62;
border-color:#374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row>.jsgrid-cell {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row>.jsgrid-cell {
background-color:#333a62
}
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 #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row>.jsgrid-cell {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
color:rgba(255,255,255,0.7);
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 .navs-icon li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
color:#7e37d8 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
color:#7e37d8
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #374558;
box-shadow:0 0 2px 2px #374558
}
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.7) !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:#7e37d8 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
border-bottom:7px solid #333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card {
-webkit-box-shadow:0px 0px 1px 1px #374252;
box-shadow:0px 0px 1px 1px #374252
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
color:rgba(255,255,255,0.7)
}
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 .border {
border:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-date {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li {
color:#98a6ad;
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:first-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:first-child {
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:last-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:last-child {
border-right:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details p,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main p {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .single-blog-content-top,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .single-blog-content-top {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .single-blog-content-top p,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .single-blog-content-top p {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .media h6 span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .media img {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box p {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .comment-social li {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .comment-social li:first-child {
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box hr {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover tbody tr:hover {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover tbody tr:hover td,body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover tbody tr:hover th {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li {
border:1px dotted #374558;
color:rgba(255,255,255,0.7);
display:inline-block;
padding:10px
}
body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li:hover {
background:#000;
-webkit-box-shadow:0 0 3px #2c3054;
box-shadow:0 0 3px #2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li em {
display:none
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap .box {
background-color:#2c3054;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap .button-preview h2 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap pre.well {
background-color:#2c3054 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li+li {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li h6 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity ul.dates li {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity ul.dates li+li {
border-left:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body #donut-color-chart-morris svg text,body.dark-only .page-wrapper .page-body-wrapper .page-body #donut-color-chart-morris-daily svg text {
fill:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-profile img {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .profile-details h6 {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-social li a {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-footer>div h6 {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-footer>div+div {
border-left:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .form-control {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .checkbox label::before,body.dark-only .page-wrapper .page-body-wrapper .page-body .radio label::before {
background-color:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a:hover {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-divider {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a.active {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message h6 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview .dz-details {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body {
-webkit-column-rule:1px solid #374558;
-moz-column-rule:1px solid #374558;
column-rule:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body h4 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body h4 span {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .media img {
border:2px solid #333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a:hover {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-right-aside .email-body .inbox .media.active {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 small {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 small span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body p {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-top {
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap p {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-content .email-top .user-emailid:after {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a:hover {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div i {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div:hover {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins .media .media-body>span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins .media .details {
border-left:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins:before,body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins:after {
background-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .redial-social-widget i {
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card h4 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
border-bottom:1px solid #374558 !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
border-right:1px solid #fff !important
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial i {
color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial p {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial h5 {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial span {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span {
background-color:#2c3054;
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-style .card {
border:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .offer-style .card {
border:1px dashed #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-grid {
background-color:#2c3054;
color:#98a6ad !important;
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-mainControls .ge-addRowGroup .ge-row-icon .column {
border-left:3px solid #2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-code,body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-screen {
color:#98a6ad;
border-right:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .row {
background-color:#333a62
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .column {
border:1px solid #374558;
background-color:#2c3054
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details input {
background-color:#333a62;
border-color:#374558;
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a {
color:#98a6ad
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-content-type-ckeditor {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .search-page .info-block+.info-block {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .search-page ul.search-info li+li {
border-left:1px solid #374558
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card-absolute .bg-primary h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .card-absolute .bg-secondary h5 {
color:#fff
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.timeline-line-1:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.small-line:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.medium-line:after {
background-color:#374558
}
body.dark-only .page-wrapper .page-body-wrapper footer {
border-top:1px solid #333a62;
background-color:#2c3054;
background-image:none
}
body.dark-only .page-wrapper .page-body-wrapper footer p {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .custom-select,body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
background:#333a62;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
background-color:#2c3054;
border-top:1px solid #374558
}
body.dark-only .page-wrapper .dt-button-info {
background-color:#2c3054;
border:1px solid #98a6ad
}
body.dark-only .page-wrapper .dt-button-info h2 {
background-color:#2c3054
}
body.dark-only .page-wrapper .chat-box .about .name {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .chat-box .chat-menu {
border-left:1px solid #374558
}
body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs {
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs .nav-item .nav-link.active {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .icon-wrapper {
background-color:#2c3054;
-webkit-box-shadow:1px 1px 3px 1px #333a62;
box-shadow:1px 1px 3px 1px #333a62
}
body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .avatar img {
border:5px solid #374558
}
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.7)
}
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.7) !important
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header {
border-bottom:1px solid #374558
}
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 {
-webkit-box-shadow:1px 1px 4px 1px #333a62;
box-shadow:1px 1px 4px 1px #333a62
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .my-message {
border:1px solid #374558
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .message {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .other-message {
background-color:#333a62
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message {
background-color:#2c3054;
border-top:1px solid #374558
}
body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message .input-group .form-control {
background-color:#2c3054
}
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li {
border:1px solid #374558
}
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li a {
color:#98a6ad
}
body.dark-only .page-wrapper .chat-box .bitcoin-chat .chat .chat-msg-box .message.my-message {
background-color:#1c222b
}
body.dark-only .page-wrapper .chat-box .bitcoin-chat .chat .chat-msg-box .message.my-message .chat-user-img {
border:2px solid #333a62
}
body.dark-only .page-wrapper .chat-box .bitcoin-chat .chat .chat-msg-box .message.other-message .chat-user-img {
border:2px solid #333a62
}
body.dark-only .page-wrapper pre {
background-color:#333a62;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .scorlled {
background-color:#333a62
}
body.dark-only .page-wrapper .input-group-air {
-webkit-box-shadow:0 3px 20px 0 #374558;
box-shadow:0 3px 20px 0 #374558
}
body.dark-only .page-wrapper .input-group-solid .input-group-text,body.dark-only .page-wrapper .input-group-solid .form-control {
background:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
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:#2c3054;
border:1px solid rgba(255,255,255,0.3);
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .list-group-item.active {
background-color:#7e37d8;
border-color:#7e37d8;
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:#333a62
}
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 .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:#2c3054
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
color:rgba(255,255,255,0.7);
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
background-color:#333a62;
border:1px solid #374558
}
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:#2c3054
}
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:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
color:#374558
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
color:#374558
}
body.dark-only .page-wrapper .modal-content {
background-color:#2c3054
}
body.dark-only .page-wrapper .modal-content .modal-header {
border-bottom:1px solid #374558
}
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 #374558
}
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.7)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
border-top:1px solid #374558;
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .theme-form .login-divider {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .theme-form .login-divider:before {
background:#2c3054;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .authentication-main {
background-color:#333a62
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
background-color:#2c3054
}
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:#333a62;
color:rgba(255,255,255,0.7);
border-color:#374558
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
background-color:#374558
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
color:rgba(255,255,255,0.7)
}
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.7)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
background-color:#2c3054
}
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:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .vertical-menu-main {
background-color:#2c3054
}
body.dark-only .page-wrapper .pixelstrap a {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .pixelstrap a:focus,body.dark-only .page-wrapper .pixelstrap a:active,body.dark-only .page-wrapper .pixelstrap a:hover {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .pixelstrap>li>a.highlighted:before {
background-color:#2c3054
}
body.dark-only .page-wrapper .pixelstrap>li>a.highlighted:after {
background-color:#374558
}
@media (min-width: 1200px) {
body.dark-only .page-wrapper .pixelstrap ul {
background:#333a62;
border:1px solid #374558
}
body.dark-only .page-wrapper .pixelstrap ul a:hover,body.dark-only .page-wrapper .pixelstrap ul a:focus,body.dark-only .page-wrapper .pixelstrap ul a:active,body.dark-only .page-wrapper .pixelstrap ul a.highlighted {
color:#7e37d8
}
body.dark-only .page-wrapper .pixelstrap ul a.current {
background-color:#333a62;
color:#7e37d8
}
}
body.dark-only .page-wrapper .mega-menu .title {
color:rgba(255,255,255,0.7);
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .mega-menu .galleria-list .galleria>div .username {
color:rgba(255,255,255,0.7)
}
body.dark-only .page-wrapper .mega-menu .galleria-list .galleria>div .username small {
color:#98a6ad
}
body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
color:#7e37d8
}
body.dark-only .page-wrapper .default-according .card {
background-color:#2c3054
}
body.dark-only .page-wrapper .default-according .card .btn-link {
background-color:#2c3054;
border:1px solid #2c3054;
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:#7e37d8;
border:1px solid #7e37d8
}
body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
background-color:#fe80b2;
border:1px solid #fe80b2
}
body.dark-only .page-wrapper .collapse .card-body {
background-color:#2c3054
}
@media screen and (max-width: 1660px) {
body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li {
border:1px solid #374558
}
body.dark-only .page-wrapper .chat-box .chat-history .total-time h2 {
color:rgba(255,255,255,0.7)
}
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 .sm {
background-color:#2c3054;
border:1px solid #374558
}
body.dark-only .page-wrapper .pixelstrap .mobile-back {
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .pixelstrap ul li {
border-top:1px solid #374558
}
body.dark-only .page-wrapper .pixelstrap ul a {
background:#2c3054
}
body.dark-only .page-wrapper .pixelstrap ul a:hover,body.dark-only .page-wrapper .pixelstrap ul a:focus,body.dark-only .page-wrapper .pixelstrap ul a:active {
background:#2c3054
}
body.dark-only .page-wrapper .chat-menu {
border-top:1px solid #374558;
background-color:#2c3054
}
body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
color:#2c323f
}
}
body.dark-only .page-wrapper .pixelstrap ul {
background:#2c3054
}
@media only screen and (max-width: 575px) {
body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
border-top:1px solid #374558;
border-bottom:1px solid #374558
}
body.dark-only .page-wrapper .widget-joins .border-after-xs:after {
background-color:#374558
}
}
body.dark-only .lg-backdrop {
background-color:#333a62
}
body.dark-only .lg-outer .lg-thumb-outer {
background-color:#2c3054
}
body.dark-only .drag {
background-color:#2c3054
}
body.dark-only .drag form {
background:#2c3054;
-webkit-box-shadow:0 0 30px #374558;
box-shadow:0 0 30px #374558;
border:1px dotted #374558
}
body.dark-only .drag form input {
background-color:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .drag form .help-block {
text-transform:capitalize;
color:#98a6ad
}
body.dark-only .draggable input {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border:1px solid #374558
}
body.dark-only .draggable p {
color:#98a6ad
}
body.dark-only .draggable select {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border:1px solid #374558
}
body.dark-only .draggable .radio label::before,body.dark-only .draggable .checkbox label::before {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .select2-container--default .select2-selection--multiple,body.dark-only .select2-container--default .select2-selection--single {
background-color:#333a62;
border:1px solid #374558 !important
}
body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
color:rgba(255,255,255,0.7)
}
body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
color:rgba(255,255,255,0.7)
}
body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
background-color:#333a62;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .select2-dropdown {
background-color:#333a62;
border:1px solid #374558
}
body.dark-only .select2-drpdwn .form-control-primary {
border-color:#7e37d8 !important;
color:#7e37d8 !important
}
body.dark-only .select2-drpdwn .form-control-secondary {
border-color:#fe80b2 !important;
color:#fe80b2 !important
}
body.dark-only .select2-drpdwn .form-control-success {
border-color:#80cf00 !important;
color:#80cf00 !important
}
body.dark-only .select2-drpdwn .form-control-info {
border-color:#06b5dd !important;
color:#06b5dd !important
}
body.dark-only .select2-drpdwn .form-control-warning {
border-color:#ffc717 !important;
color:#ffc717 !important
}
body.dark-only .select2-drpdwn .form-control-danger {
border-color:#fd517d !important;
color:#fd517d !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:#7e37d8 !important;
color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-secondary-fill {
background-color:#fe80b2 !important;
color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-success-fill {
background-color:#80cf00 !important;
color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-info-fill {
background-color:#06b5dd !important;
color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-warning-fill {
background-color:#ffc717 !important;
color:#fff !important
}
body.dark-only .select2-drpdwn .form-control-danger-fill {
background-color:#fd517d !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:#374558
}
body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border-color:#374558
}
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:#374558;
background-color:#333a62;
color:rgba(255,255,255,0.7)
}
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:#333a62;
color:rgba(255,255,255,0.7)
}
body.dark-only .theme-form .form-group textarea {
border-color:#374558;
background-color:#333a62
}
body.dark-only .theme-form .form-divider {
border-top:1px solid #374558
}
body.dark-only .theme-form .form-divider::before {
background:#2c3054;
color:rgba(255,255,255,0.7)
}
body.dark-only .CodeMirror {
background:#2c3054;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .CodeMirror .CodeMirror-code pre {
background:#2c3054
}
body.dark-only .editor-toolbar {
border-top:1px solid #374558;
border-left:1px solid #374558;
border-right:1px solid #374558
}
body.dark-only .editor-toolbar a {
color:rgba(255,255,255,0.7) !important
}
body.dark-only .editor-toolbar a:hover,body.dark-only .editor-toolbar a.active {
background:#374558
}
body.dark-only .editor-toolbar i.separator {
border-left:1px solid #98a6ad;
border-right:1px solid #98a6ad
}
body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
background:#374558
}
body.dark-only .editor-preview {
background-color:#2c3054
}
body.dark-only .editor-toolbar.fullscreen,body.dark-only .editor-preview-side {
background:#2c3054;
border:1px solid #98a6ad
}
body.dark-only .editor-toolbar.fullscreen:before,body.dark-only .editor-toolbar.fullscreen:after {
background:-webkit-gradient(linear, left top, right top, color-stop(0, #2c3054), to(#2c3054));
background:linear-gradient(to right, #2c3054 0, #2c3054 100%)
}
body.dark-only .u-step {
background:rgba(126,55,216,0.2)
}
body.dark-only .u-step.active,body.dark-only .u-step.current {
background:#7e37d8;
color:#fff
}
body.dark-only .u-step-title,body.dark-only .u-pearl-title {
color:rgba(255,255,255,0.7)
}
body.dark-only .u-step-number {
background-color:#2c3054
}
body.dark-only .u-pearl:before {
background-color:#374558
}
body.dark-only .u-pearl-number,body.dark-only .u-pearl-icon {
background:#333a62;
border:2px solid #333a62
}
body.dark-only .u-pearl.disabled .u-pearl-icon,body.dark-only .u-pearl.disabled .u-pearl-number {
background:#374558;
border:2px solid #374558
}
body.dark-only .u-pearl.disabled:after {
background-color:#334053
}
body.dark-only .u-pearl.error:after {
background-color:#333a62
}
body.dark-only .note-editor.note-frame {
border-color:#374558
}
body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
background-color:#2c3054;
color:rgba(255,255,255,0.7)
}
body.dark-only .swal-modal {
background-color:#2c3054
}
body.dark-only .swal-modal .swal-title {
color:rgba(255,255,255,0.7)
}
body.dark-only .swal-modal .swal-text {
color:#98a6ad
}
body.dark-only .swal-modal .swal-content__input {
background-color:#333a62;
color:rgba(255,255,255,0.7)
}
body.dark-only .swal-modal .swal-icon--success:before,body.dark-only .swal-modal .swal-icon--success:after {
background:#2c3054
}
body.dark-only .swal-modal .swal-icon--success__hide-corners {
background-color:#2c3054
}
body.dark-only .nav-tabs {
border-bottom:1px solid #374558
}
body.dark-only .nav-tabs .nav-link.active {
background-color:#2c3054;
color:rgba(255,255,255,0.7);
border-color:#374558 #374558 #2c3054
}
body.dark-only .nav-tabs .nav-link:hover,body.dark-only .nav-tabs .nav-link:focus {
border-color:#374558 #374558 #374558
}
body.dark-only .nav-tabs .nav-item.show .nav-link {
background-color:#2c3054;
color:rgba(255,255,255,0.7);
border-color:#374558 #374558 #2c3054
}
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:#2c3054 #374558 #374558
}
body.dark-only .nav-material.nav-left .nav-link,body.dark-only .nav-material.nav-right .nav-link {
color:rgba(255,255,255,0.7)
}
body.dark-only .nav-material.nav-left .nav-link.active,body.dark-only .nav-material.nav-right .nav-link.active {
color:#7e37d8
}
body.dark-only .nav-material.nav-left .show>.nav-link,body.dark-only .nav-material.nav-right .show>.nav-link {
color:#7e37d8
}
body.dark-only .nav-material.nav-left.nav-secondary .nav-link.active,body.dark-only .nav-material.nav-left.nav-secondary .nav-link:focus,body.dark-only .nav-material.nav-left.nav-secondary .nav-link:hover {
border-left-color:#fe80b2;
color:#fe80b2 !important
}
body.dark-only .nav-material.nav-left.nav-secondary .show>.nav-link {
border-left-color:#fe80b2;
color:#fe80b2 !important
}
body.dark-only .nav-material.nav-left.nav-secondary .nav-item.show {
color:#fe80b2 !important;
border-left-color:#fe80b2
}
body.dark-only .nav-material.nav-left.nav-success .nav-link.active,body.dark-only .nav-material.nav-left.nav-success .nav-link:focus,body.dark-only .nav-material.nav-left.nav-success .nav-link:hover {
color:#80cf00 !important
}
body.dark-only .nav-material.nav-left.nav-success .show>.nav-link {
border-left-color:#80cf00;
color:#80cf00 !important
}
body.dark-only .nav-material.nav-left.nav-success .nav-item.show {
color:#80cf00 !important;
border-left-color:#80cf00
}
body.dark-only .nav-material.nav-right.nav-info .nav-link.active,body.dark-only .nav-material.nav-right.nav-info .nav-link:focus,body.dark-only .nav-material.nav-right.nav-info .nav-link:hover {
color:#06b5dd !important
}
body.dark-only .nav-material.nav-right.nav-info .show>.nav-link {
border-left-color:#06b5dd;
color:#06b5dd !important
}
body.dark-only .nav-material.nav-right.nav-info .nav-item.show {
color:#06b5dd !important;
border-left-color:#06b5dd
}
body.dark-only .nav-material.nav-secondary .nav-link.active,body.dark-only .nav-material.nav-secondary .nav-link:focus,body.dark-only .nav-material.nav-secondary .nav-link:hover {
color:#fe80b2 !important
}
body.dark-only .nav-material.nav-secondary .nav-item.show {
color:#fe80b2 !important
}
body.dark-only .nav-material.nav-success .nav-link.active,body.dark-only .nav-material.nav-success .nav-link:focus,body.dark-only .nav-material.nav-success .nav-link:hover {
color:#80cf00 !important
}
body.dark-only .nav-material.nav-success .nav-item.show {
color:#80cf00 !important
}
body.dark-only .dropdown-divider {
border-top:1px solid #374558
}
body.dark-only .icon-hover-bottom {
background-color:#2c3054;
-webkit-box-shadow:0px 0px 1px 1px #374558;
box-shadow:0px 0px 1px 1px #374558
}
body.dark-only .icon-hover-bottom .icon-title {
color:rgba(255,255,255,0.7)
}
body.dark-only .icon-hover-bottom span {
color:#98a6ad
}
body.dark-only .icon-hover-bottom .form-group input {
background-color:#333a62;
color:rgba(255,255,255,0.7);
border:1px solid #374558
}
body.dark-only .icon-hover-bottom .icon-first i {
color:#98a6ad
}
body.dark-only code {
background-color:#d8ecff;
border-radius:2px
}
body.dark-only #cd-timeline::before {
background:#374558
}
body.dark-only .timeliny {
border-top:1px solid #374558;
border-bottom:1px solid #374558
}
body.dark-only .timeliny::before {
background-color:#fff
}
body.dark-only .timeliny .timeliny-dot {
background-color:#2c3054;
border:1px solid #fff
}
body.dark-only .timeliny .timeliny-dot::before {
color:rgba(255,255,255,0.7)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
color:rgba(255,255,255,0.7)
}
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.7)
}
body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
background-color:#2c3054;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
background:#2c3054;
border-bottom:1px solid #374558
}
body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
color:rgba(255,255,255,0.7)
}
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:#2c3054;
border:1px solid #374558
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
color:#7e37d8
}
body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
border:1px solid #80cf00 !important
}
body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
background-color:#2c3054;
border:1px solid #374558;
color:rgba(255,255,255,0.7)
}
body.dark-only .user-profile .ttl-info h6 {
color:#98a6ad
}
body.dark-only .user-profile .ttl-info span {
color:rgba(255,255,255,0.7)
}
body.dark-only .user-profile .hovercard .info .title a {
color:rgba(255,255,255,0.7)
}
body.dark-only .user-profile .hovercard .user-image .avatar img {
border:10px solid #2c3054
}
body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
background-color:#2c3054
}
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.7)
}
body.dark-only .user-profile .profile-img-style .user-name {
color:rgba(255,255,255,0.7)
}
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:#333a62;
border:1px solid #374558
}
body.dark-only span.twitter-typeahead .tt-menu {
background-color:#333a62;
color:rgba(255,255,255,0.7)
}
body.dark-only span.twitter-typeahead .tt-suggestion {
color:rgba(255,255,255,0.7)
}
body.dark-only span.twitter-typeahead .tt-suggestion:hover,body.dark-only span.twitter-typeahead .tt-suggestion:focus {
background-color:#2c3054
}
body.dark-only .typography small {
color:rgba(255,255,255,0.7)
}
body.dark-only .blockquote-footer {
color:#98a6ad
}
body.dark-only .code-box-copy pre {
background-color:#333a62
}
body.dark-only .code-box-copy pre code {
background-color:#333a62
}
body.dark-only .code-box-copy pre[class*="language-"] {
border:1px solid #374558
}
body.dark-only .code-box-copy .code-box-copy__btn {
background-color:#333a62;
border:1px solid #374558;
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-] ::-moz-selection,body.dark-only .code-box-copy pre[class*=language-] ::-moz-selection {
text-shadow:none;
background:#2c3054
}
body.dark-only .code-box-copy code[class*=language-] ::selection,body.dark-only .code-box-copy pre[class*=language-] ::selection {
text-shadow:none;
background:#2c3054
}
body.dark-only table.fixedHeader-floating {
background-color:#333a62
}
body.dark-only .dt-button-info {
background-color:#2c3054;
border:1px solid #374558
}
body.dark-only .dt-button-info h2 {
background-color:#2c3054;
border-bottom:1px solid #374558
}
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:#333a62
}
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.7)
}
body.dark-only .error-wrapper.maintenance-bg {
background-color:rgba(0,0,0,0.85)
}
body.dark-only .b-light {
border:1px solid #374558 !important
}
body.dark-only .modal-content {
background-color:#2c3054
}
body.dark-only .modal-content .modal-header {
border-bottom:1px solid #374558
}
body.dark-only .modal-content .ui-front .form-control {
background-color:#2c3054;
color:rgba(255,255,255,0.7);
border:1px solid #374558
}
body.dark-only .stepwizard .stepwizard-row:before {
background-color:#98a6ad
}
body.dark-only .modal .theme-close {
background-color:#2c3054 !important;
color:rgba(255,255,255,0.7)
}
body.dark-only .token.atrule,body.dark-only .token.attr-value,body.dark-only .token.keyword {
color:#06b5dd
}
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:#fd517d
}
body.dark-only .loader-box.card-loader {
background-color:#2c3054
}
body.dark-only .my-gallery.gallery-with-description img {
border:1px solid #374558 !important;
border-bottom:none !important
}
body.dark-only .alert-primary.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-secondary.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-success.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-danger.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-warning.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-info.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-light.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-dark.inverse {
color:rgba(255,255,255,0.7)
}
body.dark-only .alert-theme span+span+span {
border:1px solid #7e37d8;
background-color:#333a62;
border-radius:4px
}
body.dark-only .alert-theme i {
background-color:#7e37d8;
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 #374558
}
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 .selling-update {
border:2px solid #374558
}
body.dark-only .invest-dropdown .right-header-dropdown.onhover-show-div {
background-color:#333a62;
-webkit-box-shadow:0 0 2px 2px #333a62;
box-shadow:0 0 2px 2px #333a62
}
body.dark-only .invest-dropdown .right-header-dropdown.onhover-show-div a {
color:rgba(255,255,255,0.7)
}
body.dark-only .select2-drpdwn-project .form-control {
background-color:#2c3054 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important
}
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:#333a62
}
body.dark-only .navigation-option ul li a {
color:rgba(255,255,255,0.7)
}
body.dark-only .navigation-option ul li:hover {
background-color:#333a62
}
body.dark-only .product-box .product-details h6 {
color:rgba(255,255,255,0.7)
}
body.dark-only .product-box .product-details span {
color:#98a6ad
}
body.dark-only .product-box .product-img .product-hover ul li {
background-color:#2c3054
}
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.7)
}
body.dark-only .browse .browse-articles ul li:hover {
background-color:#333a62
}
body.dark-only .radio-primary input[type="radio"]+label::before {
border-color:#7e37d8 !important
}
body.dark-only .radio-primary input[type="radio"]+label::after {
background-color:#7e37d8
}
body.dark-only .radio-primary input[type="radio"]:checked+label::before {
border-color:#7e37d8 !important
}
body.dark-only .radio-primary input[type="radio"]:checked+label::after {
background-color:#7e37d8
}
body.dark-only .radio-secondary input[type="radio"]+label::before {
border-color:#fe80b2 !important
}
body.dark-only .radio-secondary input[type="radio"]+label::after {
background-color:#fe80b2
}
body.dark-only .radio-secondary input[type="radio"]:checked+label::before {
border-color:#fe80b2 !important
}
body.dark-only .radio-secondary input[type="radio"]:checked+label::after {
background-color:#fe80b2
}
body.dark-only .radio-success input[type="radio"]+label::before {
border-color:#80cf00 !important
}
body.dark-only .radio-success input[type="radio"]+label::after {
background-color:#80cf00
}
body.dark-only .radio-success input[type="radio"]:checked+label::before {
border-color:#80cf00 !important
}
body.dark-only .radio-success input[type="radio"]:checked+label::after {
background-color:#80cf00
}
body.dark-only .radio-danger input[type="radio"]+label::before {
border-color:#fd517d !important
}
body.dark-only .radio-danger input[type="radio"]+label::after {
background-color:#fd517d
}
body.dark-only .radio-danger input[type="radio"]:checked+label::before {
border-color:#fd517d !important
}
body.dark-only .radio-danger input[type="radio"]:checked+label::after {
background-color:#fd517d
}
body.dark-only .radio-info input[type="radio"]+label::before {
border-color:#06b5dd !important
}
body.dark-only .radio-info input[type="radio"]+label::after {
background-color:#06b5dd
}
body.dark-only .radio-info input[type="radio"]:checked+label::before {
border-color:#06b5dd !important
}
body.dark-only .radio-info input[type="radio"]:checked+label::after {
background-color:#06b5dd
}
body.dark-only .radio-light input[type="radio"]+label::before {
border-color:#f8f5fd !important
}
body.dark-only .radio-light input[type="radio"]+label::after {
background-color:#f8f5fd
}
body.dark-only .radio-light input[type="radio"]:checked+label::before {
border-color:#f8f5fd !important
}
body.dark-only .radio-light input[type="radio"]:checked+label::after {
background-color:#f8f5fd
}
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:#ffc717 !important
}
body.dark-only .radio-warning input[type="radio"]+label::after {
background-color:#ffc717
}
body.dark-only .radio-warning input[type="radio"]:checked+label::before {
border-color:#ffc717 !important
}
body.dark-only .radio-warning input[type="radio"]:checked+label::after {
background-color:#ffc717
}
body.dark-only .checkbox-primary label::before {
border-color:#7e37d8 !important
}
body.dark-only .checkbox-secondary label::before {
border-color:#fe80b2 !important
}
body.dark-only .checkbox-success label::before {
border-color:#80cf00 !important
}
body.dark-only .checkbox-danger label::before {
border-color:#fd517d !important
}
body.dark-only .checkbox-info label::before {
border-color:#06b5dd !important
}
body.dark-only .checkbox-light label::before {
border-color:#f8f5fd !important
}
body.dark-only .checkbox-dark label::before {
border-color:#2c323f !important
}
body.dark-only .checkbox-warning label::before {
border-color:#ffc717 !important
}
body.dark-only .checkbox-solid-primary label:before {
background-color:#7e37d8 !important;
border-color:#7e37d8 !important;
color:#fff !important
}
body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked+label::before {
background-color:#7e37d8 !important;
border-color:#7e37d8 !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:#fe80b2 !important;
border-color:#fe80b2 !important;
color:#fff !important
}
body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked+label::before {
background-color:#fe80b2 !important;
border-color:#fe80b2 !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:#80cf00 !important;
border-color:#80cf00 !important;
color:#fff !important
}
body.dark-only .checkbox-solid-success input[type="checkbox"]:checked+label::before {
background-color:#80cf00 !important;
border-color:#80cf00 !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:#fd517d !important;
border-color:#fd517d !important;
color:#fff !important
}
body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked+label::before {
background-color:#fd517d !important;
border-color:#fd517d !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:#06b5dd !important;
border-color:#06b5dd !important;
color:#fff !important
}
body.dark-only .checkbox-solid-info input[type="checkbox"]:checked+label::before {
background-color:#06b5dd !important;
border-color:#06b5dd !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:#f8f5fd !important;
border-color:#f8f5fd !important;
color:#fff !important
}
body.dark-only .checkbox-solid-light input[type="checkbox"]:checked+label::before {
background-color:#f8f5fd !important;
border-color:#f8f5fd !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:#ffc717 !important;
border-color:#ffc717 !important;
color:#fff !important
}
body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked+label::before {
background-color:#ffc717 !important;
border-color:#ffc717 !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.7);
border-bottom:1px solid #374558
}
body.dark-only .bootstrap-datetimepicker-widget tr th:hover,body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
background-color:#2c3054
}
body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
background-color:#2c3054
}
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:#2c3054
}
body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
background-color:#2c3054
}
body.dark-only .btn-transparent {
color:rgba(255,255,255,0.7)
}
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 #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 .calendar-wrap .fc-unthemed th,body.dark-only .calendar-wrap .fc-unthemed .fc-row,body.dark-only .calendar-wrap .fc-unthemed td {
border-color:#374558
}
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:#333a62
}
body.dark-only .main .langChoice {
background:#333a62;
color:#fff;
border:1px solid #374558
}
body.dark-only .socialprofile .likes-profile h5 span {
color:rgba(255,255,255,0.7)
}
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 .social-status form .form-group .form-control-plaintext {
border:1px solid #374558
}
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:#333a62
}
body.dark-only .social-chat .media-body {
border:1px solid #374558
}
body.dark-only .social-chat .media-body:after {
border-right:7px solid #2c3054
}
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.7)
}
body.sidebar-dark .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li.active a.active {
color:#fff;
font-weight:700
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar {
background-color:#2c3054;
-webkit-box-shadow:inset -2px 0px 2px 0px #4c5564;
box-shadow:inset -2px 0px 2px 0px #4c5564
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .bar-icons {
border:none
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .iconbar-mainmenu {
background-color:#2c3054;
-webkit-box-shadow:none;
box-shadow:none
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .iconbar-mainmenu .iconbar-header {
background-color:#2c3054;
color:#fff
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar .iconbar-mainmenu li a {
color:rgba(255,255,255,0.7)
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar li a i {
color:rgba(255,255,255,0.7)
}
body.sidebar-dark .page-body-wrapper .iconsidebar-menu .sidebar .iconMenu-bar li a span {
color:#fff
}
.ribbon-wrapper,.ribbon-wrapper-right,.ribbon-wrapper-bottom,.ribbon-wrapper-right-bottom {
position:relative;
padding-top:40px
}
.ribbon-vertical-left-wrapper {
padding-left:40px;
position:relative
}
.ribbon-overflow {
overflow:hidden
}
.ribbon-vertical-right-wrapper {
padding-right:40px
}
.ribbon-wrapper-bottom {
padding-bottom:40px;
padding-top:0
}
.ribbon-wrapper-right-bottom {
padding-right:40px
}
.ribbon-content {
margin-bottom:0
}
.ribbon {
padding:0 20px;
height:30px;
line-height:30px;
clear:left;
position:absolute;
top:12px;
left:0px;
color:#fff;
z-index:2
}
.ribbon-space-bottom {
top:0px
}
.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-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:12px
}
.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:#7e37d8
}
.ribbon-primary {
background:#7e37d8
}
.ribbon-bookmark.ribbon-primary:before {
border-color:#7e37d8;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before {
border-right-color:#7e37d8;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
border-right-color:#7e37d8;
border-bottom-color:transparent
}
.ribbon-primary.ribbon-corner:before {
border-top-color:#7e37d8;
border-left-color:#7e37d8
}
.ribbon-primary.ribbon-corner.ribbon-right:before {
border-right-color:#7e37d8;
border-left-color:transparent
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#7e37d8
}
.ribbon-primary.ribbon-clip:before {
border-color:transparent;
border-top-color:#6524b8;
border-right-color:#6524b8
}
.ribbon-primary.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#6524b8;
border-left-color:#6524b8
}
.ribbon-primary.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#6524b8;
border-right-color:#6524b8
}
.ribbon-primary.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#6524b8;
border-right-color:transparent;
border-left-color:#6524b8
}
.ribbon-secondary {
background:#fe80b2
}
.ribbon-secondary {
background:#fe80b2
}
.ribbon-bookmark.ribbon-secondary:before {
border-color:#fe80b2;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
border-right-color:#fe80b2;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
border-right-color:#fe80b2;
border-bottom-color:transparent
}
.ribbon-secondary.ribbon-corner:before {
border-top-color:#fe80b2;
border-left-color:#fe80b2
}
.ribbon-secondary.ribbon-corner.ribbon-right:before {
border-right-color:#fe80b2;
border-left-color:transparent
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#fe80b2
}
.ribbon-secondary.ribbon-clip:before {
border-color:transparent;
border-top-color:#fe4d93;
border-right-color:#fe4d93
}
.ribbon-secondary.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#fe4d93;
border-left-color:#fe4d93
}
.ribbon-secondary.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#fe4d93;
border-right-color:#fe4d93
}
.ribbon-secondary.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#fe4d93;
border-right-color:transparent;
border-left-color:#fe4d93
}
.ribbon-success {
background:#80cf00
}
.ribbon-success {
background:#80cf00
}
.ribbon-bookmark.ribbon-success:before {
border-color:#80cf00;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-success:before {
border-right-color:#80cf00;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
border-right-color:#80cf00;
border-bottom-color:transparent
}
.ribbon-success.ribbon-corner:before {
border-top-color:#80cf00;
border-left-color:#80cf00
}
.ribbon-success.ribbon-corner.ribbon-right:before {
border-right-color:#80cf00;
border-left-color:transparent
}
.ribbon-success.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#80cf00
}
.ribbon-success.ribbon-clip:before {
border-color:transparent;
border-top-color:#609c00;
border-right-color:#609c00
}
.ribbon-success.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#609c00;
border-left-color:#609c00
}
.ribbon-success.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#609c00;
border-right-color:#609c00
}
.ribbon-success.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#609c00;
border-right-color:transparent;
border-left-color:#609c00
}
.ribbon-danger {
background:#fd517d
}
.ribbon-danger {
background:#fd517d
}
.ribbon-bookmark.ribbon-danger:before {
border-color:#fd517d;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before {
border-right-color:#fd517d;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
border-right-color:#fd517d;
border-bottom-color:transparent
}
.ribbon-danger.ribbon-corner:before {
border-top-color:#fd517d;
border-left-color:#fd517d
}
.ribbon-danger.ribbon-corner.ribbon-right:before {
border-right-color:#fd517d;
border-left-color:transparent
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#fd517d
}
.ribbon-danger.ribbon-clip:before {
border-color:transparent;
border-top-color:#fc1f57;
border-right-color:#fc1f57
}
.ribbon-danger.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#fc1f57;
border-left-color:#fc1f57
}
.ribbon-danger.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#fc1f57;
border-right-color:#fc1f57
}
.ribbon-danger.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#fc1f57;
border-right-color:transparent;
border-left-color:#fc1f57
}
.ribbon-info {
background:#06b5dd
}
.ribbon-info {
background:#06b5dd
}
.ribbon-bookmark.ribbon-info:before {
border-color:#06b5dd;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-info:before {
border-right-color:#06b5dd;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
border-right-color:#06b5dd;
border-bottom-color:transparent
}
.ribbon-info.ribbon-corner:before {
border-top-color:#06b5dd;
border-left-color:#06b5dd
}
.ribbon-info.ribbon-corner.ribbon-right:before {
border-right-color:#06b5dd;
border-left-color:transparent
}
.ribbon-info.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#06b5dd
}
.ribbon-info.ribbon-clip:before {
border-color:transparent;
border-top-color:#058cab;
border-right-color:#058cab
}
.ribbon-info.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#058cab;
border-left-color:#058cab
}
.ribbon-info.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#058cab;
border-right-color:#058cab
}
.ribbon-info.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#058cab;
border-right-color:transparent;
border-left-color:#058cab
}
.ribbon-light {
background:#f8f5fd
}
.ribbon-light {
background:#f8f5fd
}
.ribbon-bookmark.ribbon-light:before {
border-color:#f8f5fd;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-light:before {
border-right-color:#f8f5fd;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
border-right-color:#f8f5fd;
border-bottom-color:transparent
}
.ribbon-light.ribbon-corner:before {
border-top-color:#f8f5fd;
border-left-color:#f8f5fd
}
.ribbon-light.ribbon-corner.ribbon-right:before {
border-right-color:#f8f5fd;
border-left-color:transparent
}
.ribbon-light.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#f8f5fd
}
.ribbon-light.ribbon-clip:before {
border-color:transparent;
border-top-color:#dacbf5;
border-right-color:#dacbf5
}
.ribbon-light.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#dacbf5;
border-left-color:#dacbf5
}
.ribbon-light.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#dacbf5;
border-right-color:#dacbf5
}
.ribbon-light.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#dacbf5;
border-right-color:transparent;
border-left-color:#dacbf5
}
.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:#ffc717
}
.ribbon-warning {
background:#ffc717
}
.ribbon-bookmark.ribbon-warning:before {
border-color:#ffc717;
border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before {
border-right-color:#ffc717;
border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
border-right-color:#ffc717;
border-bottom-color:transparent
}
.ribbon-warning.ribbon-corner:before {
border-top-color:#ffc717;
border-left-color:#ffc717
}
.ribbon-warning.ribbon-corner.ribbon-right:before {
border-right-color:#ffc717;
border-left-color:transparent
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before {
border-top-color:transparent;
border-bottom-color:#ffc717
}
.ribbon-warning.ribbon-clip:before {
border-color:transparent;
border-top-color:#e3ac00;
border-right-color:#e3ac00
}
.ribbon-warning.ribbon-clip-right:before {
border-right-color:transparent;
border-top-color:#e3ac00;
border-left-color:#e3ac00
}
.ribbon-warning.ribbon-clip-bottom:before {
border-top-color:transparent;
border-bottom-color:#e3ac00;
border-right-color:#e3ac00
}
.ribbon-warning.ribbon-clip-bottom-right:before {
border-top-color:transparent;
border-bottom-color:#e3ac00;
border-right-color:transparent;
border-left-color:#e3ac00
}
.page-wrapper .page-body-wrapper .page-header {
padding-top:50px;
padding-bottom:50px
}
.page-wrapper .page-body-wrapper .page-header .row {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.page-wrapper .page-body-wrapper .page-header .row .main-header h2 {
color:#7e37d8;
font-weight:800
}
.page-wrapper .page-body-wrapper .page-header .row .main-header h2 span {
color:#000;
padding-left:5px
}
.page-wrapper .page-body-wrapper .page-header .row .main-header h6 {
display:block;
text-transform:uppercase;
color:#7e37d8;
letter-spacing:4px;
font-weight:700
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb {
background-color:rgba(0,0,0,0);
padding:0;
margin-top:5px;
margin-bottom:0;
float:right;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb li {
color:#7e37d8;
letter-spacing:0.5px
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb li i {
font-weight:700
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb>li:nth-child(2) {
font-weight:700
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb>li:nth-child(3) {
font-weight:400
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb .breadcrumb-item a {
background-color:rgba(126,55,216,0.12);
padding:4px 5px 2px 6px;
border-radius:100%;
color:#7e37d8;
font-size:15px
}
.page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
color:#7e37d8;
content:"/"
}
.breadcrumb-colored li a {
color:#fff
}
.breadcrumb-colored li.active {
color:#fff;
opacity:0.7
}
.breadcrumb-colored .breadcrumb-item+.breadcrumb-item::before {
color:#fff
}
.breadcrumb-colored.bg-light .breadcrumb-item+.breadcrumb-item::before {
color:unset
}
.u-steps {
margin:0
}
.u-step {
position:relative;
padding:12px 20px;
margin:0;
font-size:inherit;
color:#a3afb7;
vertical-align:top;
background-color:#f8f5fd;
border-radius:0
}
.u-step-icon {
float:left;
margin-right:.5em;
font-size:20px;
line-height:1.4
}
.u-step-number {
position:absolute;
top:50%;
left:20px;
width:40px;
height:40px;
font-size:24px;
line-height:40px;
color:#fff;
text-align:center;
background:#ced7da;
border-radius:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-family:work-Sans,sans-serif
}
.u-step-number ~ .u-step-desc {
min-height:40px;
margin-left:50px
}
.u-step-title {
margin-bottom:0;
font-size:20px;
color:#526069
}
.u-step-desc {
text-align:left
}
.u-step-desc p {
margin-bottom:0
}
.u-steps-vertical {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.u-step.active,.u-step.current {
color:#fff;
background-color:#7e37d8
}
.u-step.active .u-step-title,.u-step.current .u-step-title {
color:#fff
}
.u-step.active .u-step-number,.u-step.current .u-step-number {
color:#7e37d8;
background-color:#fff
}
.u-step.disabled {
color:#e8ebf2;
pointer-events:none;
cursor:auto
}
.u-step.disabled .u-step-title {
color:#e8ebf2
}
.u-step.disabled .u-step-number {
background-color:#e8ebf2
}
.u-step.error {
color:#fff;
background-color:#fd517d
}
.u-step.error .u-step-title {
color:#fff
}
.u-step.error .u-step-number {
color:#fd517d;
background-color:#fff
}
.u-step.done {
color:#fff;
background-color:#80cf00
}
.u-step.done .u-step-title {
color:#fff
}
.u-step.done .u-step-number {
color:#80cf00;
background-color:#fff
}
.u-steps-lg .u-step {
font-size:16px
}
.u-steps-lg .u-step-icon,.u-steps-lg .u-step-title {
font-size:22px
}
.u-steps-lg .u-step-number {
width:46px;
height:46px;
font-size:28px;
line-height:46px
}
.u-steps-lg .u-step-number ~ .u-step-desc {
min-height:46px;
margin-left:56px
}
.u-steps-sm .u-step {
font-size:12px
}
.u-steps-sm .u-step-icon,.u-steps-sm .u-step-title {
font-size:18px
}
.u-steps-sm .u-step-number {
width:30px;
height:30px;
font-size:24px;
line-height:30px
}
.u-steps-sm .u-step-number ~ .u-step-desc {
min-height:30px;
margin-left:40px
}
.u-steps-xs .u-step {
font-size:10px
}
.u-steps-xs .u-step-icon,.u-steps-xs .u-step-title {
font-size:16px
}
.u-steps-xs .u-step-number {
width:24px;
height:24px;
font-size:20px;
line-height:24px
}
.u-steps-xs .u-step-number ~ .u-step-desc {
min-height:24px;
margin-left:34px
}
.u-pearl {
position:relative;
padding:0;
margin:0;
text-align:center
}
.u-pearl:after {
position:absolute;
top:18px;
z-index:0;
width:50%;
height:4px;
content:"";
background-color:#f8f5fd
}
.u-pearl:before {
position:absolute;
top:18px;
z-index:0;
width:50%;
height:4px;
content:"";
background-color:#f8f5fd;
left:0
}
.u-pearl:after {
right:0
}
.u-pearl:first-child:before,.u-pearl:last-child:after {
display:none !important
}
.u-pearl-icon {
position:relative;
z-index:1;
display:inline-block;
width:36px;
height:36px;
line-height:32px;
color:#fff;
text-align:center;
background:#e8ebf2;
border:2px solid #e8ebf2;
border-radius:50%
}
.u-pearl-icon i {
position:absolute;
top:7px;
left:8px
}
.u-pearl-icon .icon-check {
left:7px
}
.u-pearl-number {
position:relative;
z-index:1;
display:inline-block;
width:36px;
height:36px;
line-height:32px;
color:#fff;
text-align:center;
background:#e8ebf2;
border:2px solid #e8ebf2;
border-radius:50%;
font-size:18px
}
.u-pearl-icon {
font-size:18px
}
.u-pearl-title {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
margin-top:.5em;
margin-bottom:0;
font-size:16px;
color:#526069
}
.u-pearl.active:after,.u-pearl.active:before {
background-color:#7e37d8
}
.u-pearl.current:after,.u-pearl.current:before {
background-color:#7e37d8 !important
}
.u-pearl.active .u-pearl-icon,.u-pearl.active .u-pearl-number {
color:#7e37d8;
background-color:#fff;
border-color:#7e37d8;
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
.u-pearl.current .u-pearl-icon,.u-pearl.current .u-pearl-number {
color:#7e37d8;
background-color:#fff;
border-color:#7e37d8;
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
.u-pearl.disabled {
pointer-events:none;
cursor:auto
}
.u-pearl.disabled:after,.u-pearl.disabled:before {
background-color:#f8f5fd
}
.u-pearl.disabled .u-pearl-icon,.u-pearl.disabled .u-pearl-number {
color:#fff;
background-color:#e8ebf2;
border-color:#e8ebf2
}
.u-pearl.error:before {
background-color:#7e37d8
}
.u-pearl.error:after {
background-color:#f8f5fd
}
.u-pearl.error .u-pearl-icon,.u-pearl.error .u-pearl-number {
color:#fd517d;
background-color:#fff;
border-color:#fd517d
}
.u-pearl.done:after,.u-pearl.done:before {
background-color:#7e37d8 !important
}
.u-pearl.done .u-pearl-icon,.u-pearl.done .u-pearl-number {
color:#fff;
background-color:#7e37d8;
border-color:#7e37d8
}
.u-pearls-lg .u-pearl:after,.u-pearls-lg .u-pearl:before {
top:20px
}
.u-pearls-lg .u-pearl-title {
font-size:18px
}
.u-pearls-lg .u-pearl-icon,.u-pearls-lg .u-pearl-number {
width:40px;
height:40px;
line-height:36px
}
.u-pearls-lg .u-pearl-icon,.u-pearls-lg .u-pearl-number {
font-size:20px
}
.u-pearls-sm .u-pearl:after,.u-pearls-sm .u-pearl:before {
top:16px
}
.u-pearls-sm .u-pearl-title {
font-size:14px
}
.u-pearls-sm .u-pearl-icon {
width:32px;
height:32px;
line-height:28px
}
.u-pearls-sm .u-pearl-number {
width:32px;
height:32px;
line-height:28px;
font-size:16px
}
.u-pearls-sm .u-pearl-icon {
font-size:14px
}
.u-pearls-xs .u-pearl:after,.u-pearls-xs .u-pearl:before {
top:12px;
height:2px
}
.u-pearls-xs .u-pearl-title {
font-size:12px
}
.u-pearls-xs .u-pearl-icon {
width:24px;
height:24px;
line-height:20px
}
.u-pearls-xs .u-pearl-number {
width:24px;
height:24px;
line-height:20px;
font-size:12px
}
.u-pearls-xs .u-pearl-icon {
font-size:12px
}
.u-pearl.current .u-pearl-icon i {
left:6px
}
.customizer-links {
position:fixed;
right:00px;
top:50%;
background-color:#fff;
border-radius:8px;
overflow:hidden;
z-index:1;
-webkit-box-shadow:0 0 15px 3px rgba(176,185,189,0.3);
box-shadow:0 0 15px 3px rgba(176,185,189,0.3);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.customizer-links.open {
right:330px;
border-radius:8px 0 0 8px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.customizer-links .nav-link {
padding:0;
border-radius:0
}
.customizer-links .nav-link .settings img {
padding:15px 17px;
display:inline-block;
cursor:pointer;
margin:0
}
.customizer-links .nav-link.active .settings img {
background-color:rgba(126,55,216,0.2)
}
.customizer-links .nav-link+.nav-link {
border-top:1px solid rgba(126,55,216,0.1)
}
.icon-close {
font-weight:700;
position:absolute;
right:20px;
color:#2c323f
}
.customizer-contain {
direction:ltr;
position:fixed;
top:200px;
margin-top:-20px;
width:333px;
right:-334px;
background-color:#fff;
z-index:99;
font-family:Nunito;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
border-radius:25px;
overflow:hidden
}
.customizer-contain.open {
right:0px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-box-shadow:0px 0px 25px 0px rgba(126,55,216,0.1);
box-shadow:0px 0px 25px 0px rgba(126,55,216,0.1)
}
.customizer-contain li {
position:relative
}
.customizer-contain li.active:before {
content:"";
position:absolute;
height:100%;
width:100%;
z-index:2;
left:0;
top:0;
font-size:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#2c323f;
-webkit-box-shadow:0 0 11px 5px #e2e2e2;
box-shadow:0 0 11px 5px #e2e2e2
}
.customizer-contain h6 {
text-transform:uppercase;
font-weight:700;
letter-spacing:0.5px;
color:#212529
}
.customizer-contain .customizer-header {
padding:15px 25px;
border-bottom:1px solid #f8f5fd
}
.customizer-contain .customizer-header .icon-close {
position:absolute;
font-size:18px;
cursor:pointer;
font-weight:900;
right:30px;
color:#7e37d8
}
.customizer-contain .customizer-header h5 {
font-weight:700;
text-transform:uppercase;
color:#313131
}
.customizer-contain .customizer-header p {
color:#313131
}
.customizer-contain .customizer-body {
padding:30px;
max-height:calc(100vh - 170px);
overflow-y:scroll
}
.customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
height:70px;
width:86px;
border:1px solid #f6f7fb;
border-radius:5px;
display:inline-block;
margin-bottom:7px;
margin-right:3px
}
.customizer-contain .customizer-body .tab-pane>h6 {
position:relative;
margin-top:25px;
padding-top:25px;
margin-bottom:25px;
border-top:1px solid #f3f3f3;
font-size:18px
}
.customizer-contain .customizer-body .tab-pane>h6:before {
content:"";
position:absolute;
height:3px;
width:14px;
border-bottom:2px dotted #2c323f;
bottom:-4px
}
.customizer-contain .customizer-body .tab-pane>h6:first-child {
border-top:0;
padding-top:0;
margin-top:0
}
.customizer-contain .customizer-body .nac-pills {
border:1px solid #f1f1f1;
margin-bottom:10px;
border-radius:5px;
padding:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.customizer-contain .customizer-body .nac-pills .nav-item {
width:33.33%;
text-align:center
}
.customizer-contain .customizer-body .nac-pills .nav-item .nav-link {
border-radious:5px
}
.customizer-contain .customizer-body .nac-pills .nav-item .nav-link.active {
background-color:#7e37d8;
color:#fff
}
.customizer-contain .customizer-body .nac-pills .nav-link {
padding:0.2rem 1rem
}
.customizer-contain .customizer-body li {
cursor:pointer;
opacity:0.9
}
.customizer-contain .customizer-body li.active {
opacity:1
}
.customizer-contain .customizer-body .fade:not(.show) {
display:none
}
.customizer-contain .customizer-body .color-layout {
height:40px;
width:40px;
border-radius:5px;
display:inline-block;
margin-bottom:7px;
margin-right:3px;
border:1px solid #b8b8b8;
padding:3px
}
.customizer-contain .customizer-body .color-layout>div {
background-color:#7e37d8;
height:100%;
width:100%;
border-radius:3px
}
.customizer-contain .customizer-body .color-layout .body .contain {
position:absolute;
height:auto;
width:100%
}
.customizer-contain .customizer-body .color-layout .body .contain li {
height:1px;
width:65%;
background-color:#7e37d8;
border-radius:5px;
padding:0;
margin-left:10px;
margin-bottom:4px
}
.customizer-contain .customizer-body .color-layout .body .contain li:before {
content:"";
position:absolute;
height:1px;
width:3px;
background-color:#7e37d8;
left:-6px;
border-radius:5px
}
.customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
background-color:#0288d1
}
.customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
background-color:#8e24aa
}
.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 .customizer-color.dark .color-layout {
background-color:#2f3c4e
}
.customizer-contain .customizer-body .customizer-color.dark .color-layout .body ul {
background-color:#2f3c4e
}
.customizer-contain .customizer-body .main-layout>li {
height:120px;
width:100%;
border:1px solid #f8f5fd;
border-radius:5px;
display:inline-block
}
.customizer-contain .customizer-body .main-layout>li+li {
margin-top:17px
}
.customizer-contain .customizer-body .sidebar-type>li,.customizer-contain .customizer-body .sidebar-setting>li {
height:70px;
width:87px;
border:1px solid #f8f5fd;
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-bg-settings {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.customizer-contain .customizer-body .sidebar-bg-settings li {
height:100px;
width:100%;
border:1px solid #f8f5fd;
border-radius:5px;
display:inline-block;
margin-right:9px;
-webkit-box-shadow:0 0 11px -2px rgba(128,128,128,0.4);
box-shadow:0 0 11px -2px rgba(128,128,128,0.4)
}
.customizer-contain .customizer-footer {
position:absolute;
bottom:0;
padding:25px;
width:100%;
border-top:1px solid #f8f5fd;
background-color:#fff
}
.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:#fd517d;
margin-right:1px;
padding:0
}
.layout-grid:not(.customizer-color) li>.header ul>li:nth-child(2) {
background-color:#ffc717
}
.layout-grid:not(.customizer-color) li>.header ul>li:nth-child(3) {
background-color:#80cf00
}
.layout-grid:not(.customizer-color) li>.body {
background-color:#f8f5fd;
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 .sidebar.compact-icon {
width:7px
}
.layout-grid:not(.customizer-color) li>.body ul .sidebar.compact-icon ~ .body {
width:calc(100% - 14px)
}
.layout-grid:not(.customizer-color) li>.body ul .body {
width:calc(100% - 25px);
padding:0;
margin:0;
height:100%;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:3px
}
.layout-grid:not(.customizer-color) li>.body ul .body .badge {
position:absolute;
font-size:15px
}
.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:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
vertical-align:middle;
-webkit-box-pack:center;
-ms-flex-pack:center;
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
}
.market-tabs .nav {
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack: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:#999
}
.social-network span {
margin-bottom:30px;
display:block
}
.social-list .media {
margin-bottom:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.social-list .media:last-child {
margin-bottom:0
}
.social-list .media .media-body a {
color:#999
}
.social-list .media .media-body span {
font-weight:600
}
.social-list .media .media-body:hover a {
color:#7e37d8
}
.latest-post {
border-radius:15px;
overflow:hidden
}
.photos {
margin-bottom:-15px
}
.photos ul li {
display:inline-block;
margin-right:10px;
margin-bottom:10px;
width:80px
}
.photos ul li:nth-child(3n) {
margin-right:0
}
.new-users-social {
margin-bottom:30px
}
.new-users-social .media img {
width:58px
}
.new-users-social .media .media-body {
margin-top:10px
}
.new-users-social svg circle {
color:#999
}
.like-content span i {
font-size:14px
}
.timeline-content p {
margin-top:30px;
color:#999
}
.timeline-content .comment-number i {
color:#999;
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 {
background-color:#f8f5fd;
border:none
}
.timeline-content .comments-box .input-group .input-txt-bx::-webkit-input-placeholder {
color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx::-moz-placeholder {
color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx:-ms-input-placeholder {
color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx::-ms-input-placeholder {
color:#999
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder {
color:#999
}
.timeline-content .comments-box .input-group .input-group-append {
background-color:#f8f5fd
}
.timeline-content .comments-box .input-group .input-group-append .btn i {
font-size:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color:#999
}
.social-chat {
margin-top:30px
}
.social-chat span span {
font-weight:normal;
color:#999;
font-size:12px
}
.social-chat .media-body {
padding:30px;
border:1px solid #f8f5fd;
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 #aaa
}
.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:#999
}
.socialprofile .social-btngroup {
margin:30px 0
}
.socialprofile .likes-profile h5 span {
color:#1b3155
}
.socialprofile .social-group {
margin-top:30px
}
.socialprofile .social-group ul li:nth-child(4) {
margin-left:-22px
}
.social-status form .form-group .form-control-plaintext {
border:1px solid #f8f5fd;
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 #80cf00
}
.social-status .media .social-busy {
border:3px solid #ffc717
}
.social-status .media .social-offline {
border:3px solid #aaa
}
.social-status .media .media-body p {
color:#999;
margin-bottom:5px
}
.social-status .media .media-body span+span {
color:#999
}
.social-status .media .media-body .light-span {
color:#999
}
.social-header h5 span:first-child {
line-height:1.48
}
.social-header h5 span svg circle {
color:#999
}
.details-about+.details-about {
margin-top:30px
}
.details-about .your-details p {
color:#999
}
.avatar-showcase .friend-pic {
margin-right:8px;
margin-bottom:10px
}
.avatar-showcase .pepole-knows ul li {
display:inline-block;
margin-right:21px;
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
}
.faq-widgets {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.faq-widgets .media-body h5 {
font-weight:600
}
.faq-widgets .media-body p {
padding-right:20px
}
.faq-widgets svg {
width:50px;
height:50px;
opacity:0.5
}
.header-faq {
margin-bottom:30px
}
.header-faq h5 {
font-weight:600
}
.features-faq .faq-image img {
border-top-left-radius:8px;
border-top-right-radius:8px;
width:100%
}
.features-faq .card-body {
padding:30px
}
.features-faq .card-body h6 {
font-weight:600
}
.features-faq .card-footer {
padding:30px
}
.faq-accordion {
margin-bottom:30px
}
.faq-accordion .card .btn-link {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.faq-accordion .card .btn-link svg {
width:20px;
height:20px;
margin-right:10px
}
.faq-accordion .faq-header {
position:relative;
padding:30px !important
}
.faq-accordion .faq-header svg {
position:absolute;
right:30px;
top:30px
}
.faq-accordion .faq-header span {
margin-top:3px
}
.faq-accordion .faq-body {
padding:20px !important
}
.faq-accordion .card-mb-faq {
margin-bottom:30px
}
.faq-title {
margin:30px 0
}
.faq-title h6 {
color:#999;
font-weight:600
}
.faq-form {
position:relative
}
.faq-form .search-icon {
position:absolute;
right:12px;
top:9px;
width:20px;
height:20px;
stroke:#ccc
}
.faq-form input {
border-radius:20px
}
.navigation-btn {
margin-bottom:30px
}
.navigation-btn a {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:25px
}
.navigation-btn a svg {
width:15px;
height:15px
}
.navigation-option ul li {
position:relative;
padding:15px 15px 15px 0
}
.navigation-option ul li:hover {
background-color:#fdfeff
}
.navigation-option ul li a {
padding-left:40px;
color:#1b3155
}
.navigation-option ul li a svg {
position:absolute;
width:15px;
height:15px;
top:17px;
left:15px
}
.updates-faq {
width:40px;
height:40px;
border:2px solid #7e37d8;
border-radius:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-right:30px
}
.updates-faq svg {
width:18px;
height:18px
}
.updates-bottom-time p {
margin-bottom:2px
}
.updates-bottom-time p+p {
color:#999
}
.updates-faq-main {
margin-bottom:30px
}
.updates-faq-main:last-child {
margin-bottom:0
}
@media only screen and (max-width: 1199px) {
.faq-accordion {
margin-bottom:30px
}
}
@media only screen and (max-width: 991px) {
.faq-accordion .faq-header {
padding:20px !important
}
.faq-accordion .faq-header svg {
right:20px;
top:20px;
width:18px
}
.navigation-option ul li {
padding:10px 10px 10px 0
}
.navigation-option ul li a svg {
top:12px
}
.navigation-btn,.updates-faq-main {
margin-bottom:20px
}
}
@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
}
.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 {
top:12px
}
.navigation-btn,.updates-faq-main {
margin-bottom:15px
}
}
.browse {
margin-bottom:-30px
}
.browse .browse-articles {
margin-bottom:30px
}
.browse .browse-articles span {
vertical-align:middle
}
.browse .browse-articles span svg {
width:14px;
height:14px;
margin-right:10px;
vertical-align:text-top
}
.browse .browse-articles h6 {
font-weight:600;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid rgba(137,137,137,0.3)
}
.browse .browse-articles h6 span svg {
width:16px;
height:16px;
vertical-align:text-top
}
.browse .browse-articles ul li {
padding:10px;
border-radius:8px
}
.browse .browse-articles ul li a {
color:#1b3155
}
.browse .browse-articles ul li:hover {
background-color:#fdfeff
}
.latest .card .card-body {
padding:30px
}
@media only screen and (max-width: 1366px) {
.browse div[class^="col-"]:nth-child(3) {
margin-top:30px
}
}
@media only screen and (max-width: 991px) {
.browse {
margin-bottom:-20px
}
.browse .browse-articles {
margin-bottom:20px
}
}
@media only screen and (max-width: 575px) {
.browse {
margin-bottom:-15px
}
.browse .browse-articles {
margin-bottom:15px
}
}
@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
}
}
.document p {
font-size:16px
}
.document.page-wrapper .page-main-header {
margin-left:255px;
width:calc(100% - 255px);
background-color:#7e37d8
}
.document.page-wrapper .page-main-header.document-header {
height:80px
}
.document.page-wrapper .page-main-header.document-header.close-header {
margin-left:0;
width:100%
}
.document.page-wrapper .page-main-header .main-header-right {
padding:0 0
}
.document.page-wrapper .page-main-header .mobile-sidebar .media-body .switch a svg line {
color:#fff
}
.document.page-wrapper .page-main-header .navbar-collapse .navbar-nav {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
padding-right:0;
width:100%
}
.document.page-wrapper .page-main-header .navbar-collapse .navbar-nav .nav-item {
padding-right:15px
}
.document.page-wrapper .page-main-header .navbar-collapse .navbar-nav .nav-item:last-child {
padding-right:0
}
.document.page-wrapper .page-main-header svg line {
color:#fff
}
.document.page-wrapper .page-main-header .document-right-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
color:#fff;
font-weight:600;
text-transform:uppercase
}
.document.page-wrapper .page-sidebar {
width:255px;
position:fixed;
background:#fff;
top:0;
height:calc(100vh);
z-index:9;
-webkit-transition:0.5s;
transition:0.5s;
color:#000;
top:0
}
.document.page-wrapper .page-sidebar .logo-wrapper img {
vertical-align:middle;
border-style:none;
padding:23px -7px;
padding-top:25px;
padding-bottom:25px;
padding-left:30px
}
.document.page-wrapper .page-sidebar.close {
margin-left:-255px
}
.document.page-wrapper .page-sidebar.close ~ .page-body,.document.page-wrapper .page-sidebar.close ~ footer {
margin-left:0
}
.document.page-wrapper .page-body-wrapper .page-body {
padding-top:35px !important;
min-height:calc(100vh - 81px);
margin-top:81px;
padding:0 15px;
position:relative;
margin-left:255px
}
.document.page-wrapper .page-body-wrapper footer {
margin-left:255px
}
.document ~ .customizer-links,.document ~ .customizer-contain {
display:none
}
form.form-inline.support-res .nav-link {
background-color:transparent;
border:none
}
.document-content ul.nav-pills {
overflow-y:scroll;
max-height:calc(100vh - 85px);
display:block;
text-align:left
}
.document-content ul.nav-pills li {
line-height:25px
}
.document-content ul.nav-pills li h4 {
color:#fff;
padding:0 15px
}
.document-content ul.nav-pills li .nav-link {
border-radius:.25rem;
font-size:14px;
display:block;
text-decoration:none;
color:#000000;
font-weight:500;
padding:3px 15px;
letter-spacing:1px
}
.document-content ul.nav-pills li .nav-link i {
margin-top:5px;
text-decoration:none;
color:#000;
margin-right:20px
}
.document-content ul.nav-pills li .nav-link.active {
background-color:unset !important;
color:#7e37d8
}
.document-content ul.nav-pills li .nav-link p {
font-size:16px;
margin-bottom:0;
padding-top:7px;
font-weight:600
}
.document-content ul.nav-pills li .show>.nav-link {
background-color:unset !important;
color:#7e37d8
}
.document-content .table thead th {
width:50%
}
.document-content .set-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.document-content i.fa-star {
color:#ffd042
}
.document-content .col-9 {
padding-left:40px
}
.document-content .col-9 .set-height {
overflow:scroll;
overflow-x:hidden
}
.document-content .col-9 .tab-content {
overflow:auto;
overflow-x:hidden;
max-height:calc(100% - 200px);
position:fixed;
width:976px;
margin-left:30px;
-webkit-box-shadow:0 0 15px 0 rgba(220,220,220,0.4);
-o-box-shadow:0 0 15px 0 rgba(220,220,220,0.4);
box-shadow:0 0 15px 0 rgba(220,220,220,0.4)
}
.document-content .col-9 .tab-content .section-head {
font-weight:600;
font-size:32px;
margin-bottom:40px;
padding:0
}
.document-content .card-body.tree-color {
padding:0
}
.document-content .jstree-default {
padding:30px;
background-color:#2c3054;
-webkit-box-shadow:1px 1px 2px 1px rgba(255,255,255,0.08);
box-shadow:1px 1px 2px 1px rgba(255,255,255,0.08)
}
.document-content .jstree-default .jstree-anchor {
color:#a6aaaf
}
.document-content .jstree-default .jstree-hovered {
background-color:#333a62;
border:1px solid #374558
}
.document-content .jstree-default .jstree-clicked {
color:#fff !important;
background:transparent !important
}
.document-content .jstree-default .jstree-icon {
color:#656b78 !important
}
.document-content hr {
margin-top:1rem;
margin-bottom:1rem;
border:0;
border-top:1px solid rgba(0,0,0,0.1)
}
.document-content .html-editor {
color:rgba(255,255,255,0.7);
background-color:#2b2b2b
}
.document-content .html-editor pre {
color:rgba(255,255,255,0.7);
background-color:#000
}
.document-content .progress {
margin-bottom:10px
}
.document-content ul.list-ticked li {
margin-bottom:10px;
padding-left:1rem
}
.document-content.faq {
font-size:18px
}
.document-content.faq .btn {
font-size:18px;
font-weight:600;
color:#7e37d8
}
.document-content.faq .btn.btn-link {
color:#000
}
.document-content.faq .btn.btn-link.collapsed {
color:#7e37d8
}
.document-content.faq ul {
border:unset
}
.document-content.faq ul.nav {
display:block
}
.document-content.faq ul.nav li .nav-link {
border-radius:.25rem;
font-size:18px;
display:block;
padding:3px 20px 3px 30px;
text-decoration:none;
line-height:30px;
color:#4c5667;
font-weight:500;
border:unset
}
.document-content.faq ul.nav li .nav-link i {
margin-top:3px;
text-decoration:none;
line-height:25px;
color:#7e37d8;
margin-right:20px
}
.document-content.faq ul.nav li .nav-link.active {
color:#7e37d8;
background-color:unset;
border:unset
}
.document-content.faq ul.nav li .nav-link:hover {
border:unset
}
.document-content .reviews {
background-color:#fff;
padding:30px 0;
margin-bottom:30px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08)
}
.document-content .reviews h1 {
text-transform:uppercase;
font-weight:600
}
.document-content .reviews h5 {
text-transform:capitalize
}
.filter-cards-view .job-filter:first-child {
margin-bottom:30px
}
.filter-cards-view .checkbox-animated {
margin-top:30px;
margin-bottom:30px
}
.filter-cards-view p {
color:#999
}
.location-checkbox span {
color:#999;
padding-left:33px
}
.user-col2 img {
border-radius:30px
}
.job-accordion .card-body {
padding:30px
}
.job-accordion .card {
margin-bottom:30px;
border-radius:15px;
overflow:hidden
}
.job-accordion .btn-block {
border-top-left-radius:0;
border-top-right-radius:0
}
.job-search p {
margin-top:30px
}
.job-search .card-body {
padding:30px
}
.job-search .media .media-body h6 {
margin-bottom:3px
}
.job-search .media .media-body h6 span {
font-size:13px;
color:#999;
font-weight:normal
}
.job-search .media .media-body h6 span.badge {
color:#fff
}
.job-search .media .media-body p {
margin-top:0;
color:#999
}
.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:14px;
max-width:100%
}
.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:20px;
padding-bottom:20px;
border-radius:20px
}
.job-search .job-description .theme-form input[type='file'] {
height:calc(2.25rem + 5px)
}
.select2-container .select2-selection--single {
border-radius:15px !important;
border-color:#efefef !important;
height:40px !important;
padding:5px
}
.job-pagination {
margin-bottom:30px
}
.job-pagination nav ul {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
@media only screen and (max-width: 1366px) {
.xl-mt-job {
margin-top: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
}
.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-top:15px
}
}
@media only screen and (max-width: 360px) {
.job-search .job-description .btn {
padding:6px 12px
}
}
.learning-header {
margin-bottom:10px
}
.categories {
padding:30px 0
}
.categories .learning-header {
padding-left:30px
}
.categories ul li {
padding:10px 30px
}
.categories ul li a {
color:#1b3155
}
.categories ul li:hover {
background-color:#f8f5fd
}
.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
}
.categories .learning-header {
padding-left:20px
}
.categories ul li {
padding:10px 20px
}
.upcoming-course .media+.media {
margin-top:20px
}
}
@media only screen and (max-width: 575px) {
.categories {
padding:15px 0
}
.categories .learning-header {
padding-left:15px
}
.categories ul li {
padding:10px 15px
}
.upcoming-course .media+.media {
margin-top:15px
}
}
.br-theme-bars-1to10 .br-widget a,.br-theme-bars-movie .br-widget a,.br-theme-bars-pill .br-widget a,.br-theme-bars-reversed .br-widget a,.br-theme-bars-horizontal .br-widget a {
background-color:rgba(126,55,216,0.4);
color:#7e37d8
}
.br-theme-bars-1to10 .br-widget a.br-active,.br-theme-bars-1to10 .br-widget a.br-selected,.br-theme-bars-movie .br-widget a.br-active,.br-theme-bars-movie .br-widget a.br-selected,.br-theme-bars-pill .br-widget a.br-active,.br-theme-bars-pill .br-widget a.br-selected,.br-theme-bars-reversed .br-widget a.br-active,.br-theme-bars-reversed .br-widget a.br-selected,.br-theme-bars-horizontal .br-widget a.br-active,.br-theme-bars-horizontal .br-widget a.br-selected {
background-color:#7e37d8
}
.br-theme-bars-1to10 .br-widget .br-current-rating,.br-theme-bars-movie .br-widget .br-current-rating,.br-theme-bars-pill .br-widget .br-current-rating,.br-theme-bars-reversed .br-widget .br-current-rating,.br-theme-bars-horizontal .br-widget .br-current-rating {
color:#7e37d8
}
.br-theme-bars-square .br-widget a {
border:2px solid rgba(126,55,216,0.5);
color:rgba(126,55,216,0.5)
}
.br-theme-bars-square .br-widget a.br-active,.br-theme-bars-square .br-widget a.br-selected {
border:2px solid #7e37d8;
color:#7e37d8
}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after,.br-theme-fontawesome-stars-o .br-widget a.br-active:after,.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
color:#7e37d8
}
.calendar-wrap .fc-bg,.calendar-wrap .fc-bgevent-skeleton,.calendar-wrap .fc-helper-skeleton,.calendar-wrap .fc-highlight-skeleton,.calendar-wrap .fc-row.fc-rigid .fc-content-skeleton {
position:absolute;
top:0;
left:0;
right:0
}
.calendar-wrap .fc th,.calendar-wrap .fc td {
border:1px solid;
vertical-align:top
}
.calendar-wrap .fc-row .fc-content-skeleton td,.calendar-wrap .fc-row .fc-helper-skeleton td {
border-color:rgba(0,0,0,0)
}
.calendar-wrap .fc-scroller {
margin-right:-17px
}
.calendar-wrap .fc-events-container {
margin-top:55px
}
.calendar-wrap .checkbox label {
margin-top:20px;
margin-bottom:0
}
.calendar-wrap .basic-calendar .external-events .fc-event {
cursor:pointer
}
.calendar-wrap .basic-calendar .external-events .fc-event+.fc-event {
margin-top:20px
}
.calendar-wrap .fc {
direction:ltr;
text-align:left
}
.calendar-wrap .fc button {
margin:0 5px !important;
display:inline-block;
font-weight:400;
text-align:center;
white-space:nowrap;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border:1px solid transparent;
padding:0.375rem 0.75rem;
font-size:1rem;
line-height:1.5;
border-radius:0.25rem
}
.calendar-wrap .fc button .fc-icon {
position:relative;
top:.05em;
margin:0 .1em;
display:inline-block;
font-size:2em;
line-height:.5em;
height:.5em
}
.calendar-wrap .fc button::-moz-focus-inner {
margin:0;
padding:0
}
.calendar-wrap .fc table {
width:100%;
table-layout:fixed
}
.calendar-wrap .fc th {
text-align:center
}
.calendar-wrap .fc .fc-axis {
vertical-align:middle;
padding:0 15px;
white-space:nowrap
}
.calendar-wrap .fc .fc-toolbar>*>* {
float:left;
margin-left:.75em
}
.calendar-wrap .fc .fc-toolbar>*>:first-child {
margin-bottom:0;
margin-left:0;
font-size:24px;
text-transform:uppercase;
font-weight:600;
font-family:work-Sans,sans-serif
}
.calendar-wrap .fc-rtl {
text-align:right
}
.calendar-wrap .fc-rtl .fc-day-grid-event .fc-resizer {
left:-3px;
cursor:w-resize
}
.calendar-wrap .fc-rtl .fc-popover .fc-header .fc-close {
float:left
}
.calendar-wrap .fc-rtl .fc-popover .fc-header .fc-title {
float:right
}
.calendar-wrap .fc-rtl .fc-basic-view .fc-day-number {
text-align:left
}
.calendar-wrap .fc-rtl .fc-time-grid .fc-event-container {
margin:0 2px 0 2.5%
}
.calendar-wrap .fc-unthemed .fc-popover {
border-color:#f8f5fd;
background-color:#fff;
border-width:1px;
border-style:solid
}
.calendar-wrap .fc-unthemed .fc-popover .fc-header {
background:#f8f5fd
}
.calendar-wrap .fc-unthemed .fc-row {
border-color:#f8f5fd
}
.calendar-wrap .fc-unthemed hr {
border-color:#7e37d8;
background:#f8f5fd;
margin:0
}
.calendar-wrap .fc-unthemed tbody {
border-color:#e8ebf2
}
.calendar-wrap .fc-unthemed td {
border-color:#e8ebf2
}
.calendar-wrap .fc-unthemed th {
border-color:#e8ebf2
}
.calendar-wrap .fc-unthemed thead {
border-color:#e8ebf2
}
.calendar-wrap .fc-unthemed .fc-today {
background:#7e37d8;
opacity:0.1
}
.calendar-wrap .fc-highlight {
background:#80cf00;
opacity:.3;
filter:alpha(opacity=30)
}
.calendar-wrap .fc-bgevent {
background:#fe80b2;
opacity:.3;
filter:alpha(opacity=30)
}
.calendar-wrap .fc-nonbusiness {
background:#e8ebf2
}
.calendar-wrap .fc-state-active {
background-color:#7e37d8 !important;
border:1px solid #7e37d8 !important;
color:#fff
}
.calendar-wrap .fc-state-down {
color:#242934;
background-color:#fff
}
.calendar-wrap .fc-state-hover {
color:#242934;
background-color:#fff;
text-decoration:none;
background-position:0 -15px;
-webkit-transition:background-position .1s linear;
transition:background-position .1s linear
}
.calendar-wrap .fc-button-group {
display:inline-block
}
.calendar-wrap .fc-today-button {
font-size:14px !important;
text-transform:capitalize !important;
font-weight:bold
}
.calendar-wrap .fc-popover {
position:absolute;
-webkit-box-shadow:0 2px 6px #242934;
box-shadow:0 2px 6px #242934
}
.calendar-wrap .fc-popover .fc-header {
padding:8px 4px
}
.calendar-wrap .fc-popover .fc-header .fc-title {
margin:0 2px
}
.calendar-wrap .fc-popover .fc-header .fc-close {
cursor:pointer
}
.calendar-wrap .fc-popover>.ui-widget-header+.ui-widget-content {
border-top:0
}
.calendar-wrap .fc-ltr .fc-day-grid-event .fc-resizer {
right:-3px;
cursor:e-resize
}
.calendar-wrap .fc-ltr .fc-axis {
text-align:right;
font-weight:600
}
.calendar-wrap .fc-ltr .fc-popover .fc-header .fc-title {
float:left
}
.calendar-wrap .fc-ltr .fc-popover .fc-header .fc-close {
float:right
}
.calendar-wrap .fc-ltr .fc-basic-view .fc-day-number {
text-align:right;
font-family:work-Sans,sans-serif
}
.calendar-wrap .fc-ltr .fc-time-grid .fc-event-container {
margin:0 2.5% 0 2px
}
.calendar-wrap .fc-clear {
clear:both
}
.calendar-wrap .fc-bg {
bottom:0
}
.calendar-wrap .fc-bg table {
height:100%
}
.calendar-wrap .fc-row {
position:relative
}
.calendar-wrap .fc-row table {
border-left:0 hidden rgba(0,0,0,0);
border-right:0 hidden rgba(0,0,0,0);
border-bottom:0 hidden rgba(0,0,0,0)
}
.calendar-wrap .fc-row .fc-bg {
z-index:1
}
.calendar-wrap .fc-row .fc-bgevent-skeleton {
bottom:0;
z-index:2
}
.calendar-wrap .fc-row .fc-bgevent-skeleton table {
height:100%
}
.calendar-wrap .fc-row .fc-bgevent-skeleton td {
border-color:rgba(0,0,0,0)
}
.calendar-wrap .fc-row .fc-highlight-skeleton {
bottom:0;
z-index:3
}
.calendar-wrap .fc-row .fc-highlight-skeleton table {
height:100%
}
.calendar-wrap .fc-row .fc-highlight-skeleton td {
border-color:rgba(0,0,0,0)
}
.calendar-wrap .fc-row .fc-content-skeleton {
position:relative;
z-index:4;
padding-bottom:2px
}
.calendar-wrap .fc-row .fc-content-skeleton tbody td {
border-top:0
}
.calendar-wrap .fc-row .fc-helper-skeleton {
z-index:5
}
.calendar-wrap .fc-row .fc-helper-skeleton tbody td {
border-top:0
}
.calendar-wrap .fc-row.fc-rigid {
overflow:hidden
}
.calendar-wrap .fc-row:first-child table {
border-top:0 hidden rgba(0,0,0,0)
}
.calendar-wrap .fc-scroller {
overflow-y:scroll;
overflow-x:hidden
}
.calendar-wrap .fc-scroller>* {
position:relative;
width:100%;
overflow:hidden
}
.calendar-wrap .fc-event {
position:relative;
display:block;
font-size:12px;
line-height:1;
border-radius:4px;
border:1px solid #7e37d8;
background-color:#7e37d8;
color:#fff !important;
text-decoration:none;
text-transform:uppercase;
font-weight:500;
padding:10px
}
.calendar-wrap .fc-event:hover {
text-decoration:none
}
.calendar-wrap .fc-event.fc-draggable {
cursor:pointer
}
.calendar-wrap .ui-widget .fc-event {
color:#000;
text-decoration:none
}
.calendar-wrap .ui-widget td.fc-axis {
font-weight:400
}
.calendar-wrap .fc-event[href] {
cursor:pointer
}
.calendar-wrap .fc-not-allowed {
cursor:not-allowed
}
.calendar-wrap .fc-not-allowed .fc-event {
cursor:not-allowed
}
.calendar-wrap .fc-day-grid-event {
padding:9px 6px;
width:90%
}
.calendar-wrap .fc-day-grid-event .fc-time {
font-weight:700
}
.calendar-wrap .fc-day-grid-event .fc-resizer {
position:absolute;
top:0;
bottom:0;
width:7px
}
.calendar-wrap .fc-day-grid-event>.fc-content {
white-space:nowrap;
overflow:hidden
}
.calendar-wrap .fc-limited {
display:none
}
.calendar-wrap .fc-more-popover {
z-index:2;
width:220px
}
.calendar-wrap .fc-more-popover .fc-event-container {
padding:10px
}
.calendar-wrap .fc-toolbar {
text-align:center;
margin-bottom:1em
}
.calendar-wrap .fc-toolbar .fc-left,.calendar-wrap .fc-toolbar .fc-right {
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.calendar-wrap .fc-toolbar .fc-left .fc-prev-button,.calendar-wrap .fc-toolbar .fc-left .fc-next-button,.calendar-wrap .fc-toolbar .fc-left .fc-today-button,.calendar-wrap .fc-toolbar .fc-right .fc-prev-button,.calendar-wrap .fc-toolbar .fc-right .fc-next-button,.calendar-wrap .fc-toolbar .fc-right .fc-today-button {
background-color:transparent;
padding:4px 10px
}
.calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,.calendar-wrap .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
font-size:14px;
content:"\e64a";
font-family:themify;
color:#6e7e96
}
.calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,.calendar-wrap .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
font-size:14px;
content:"\e649";
font-family:themify;
color:#6e7e96
}
.calendar-wrap .fc-toolbar .fc-left .fc-button-group .fc-month-button {
margin-left:0 !important
}
.calendar-wrap .fc-toolbar .fc-right {
float:right
}
.calendar-wrap .fc-toolbar .fc-center {
display:inline-block;
margin-top:8px
}
.calendar-wrap .fc-toolbar button {
position:relative
}
.calendar-wrap .fc-toolbar button:focus {
z-index:5
}
.calendar-wrap .fc-toolbar .fc-state-hover {
z-index:2
}
.calendar-wrap .fc-toolbar .ui-state-hover {
z-index:2
}
.calendar-wrap .fc-toolbar .fc-state-down {
z-index:3
}
.calendar-wrap .fc-toolbar .fc-state-active {
z-index:4
}
.calendar-wrap .fc-toolbar .ui-state-active {
z-index:4
}
.calendar-wrap .fc-view-container * {
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:work-Sans,sans-serif
}
.calendar-wrap .fc-view-container :after {
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.calendar-wrap .fc-view-container :before {
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.calendar-wrap .fc-view {
position:relative;
z-index:1
}
.calendar-wrap .fc-view>table {
position:relative;
z-index:1
}
.calendar-wrap .fc-basic-view .fc-day-number {
padding:0 10px !important
}
.calendar-wrap .fc-basic-view .fc-week-number {
padding:0 10px;
text-align:center
}
.calendar-wrap .fc-basic-view .fc-week-number span {
display:inline-block;
min-width:1.25em
}
.calendar-wrap .fc-basic-view td.fc-day-number {
padding-top:10px;
padding-bottom:10px
}
.calendar-wrap .fc-basic-view td.fc-week-number span {
padding-top:10px;
padding-bottom:10px
}
.calendar-wrap .fc-basic-view tbody .fc-row {
min-height:4em
}
.calendar-wrap .fc-time-grid {
position:relative;
z-index:1;
min-height:100%
}
.calendar-wrap .fc-time-grid table {
border:0 hidden rgba(0,0,0,0)
}
.calendar-wrap .fc-time-grid .fc-slats {
position:relative;
z-index:2
}
.calendar-wrap .fc-time-grid>hr {
position:relative;
z-index:2
}
.calendar-wrap .fc-time-grid .fc-bgevent-skeleton {
z-index:3
}
.calendar-wrap .fc-time-grid .fc-content-skeleton {
z-index:5
}
.calendar-wrap .fc-time-grid .fc-highlight-skeleton {
z-index:4
}
.calendar-wrap .fc-time-grid .fc-helper-skeleton {
z-index:6
}
.calendar-wrap .fc-time-grid .fc-highlight-container {
position:relative
}
.calendar-wrap .fc-time-grid .fc-highlight {
position:absolute;
left:0;
right:0
}
.calendar-wrap .fc-time-grid .fc-bgevent-container {
position:relative
}
.calendar-wrap .fc-time-grid .fc-event-container {
position:relative
}
.calendar-wrap .fc-time-grid .fc-bgevent {
position:absolute;
z-index:1;
left:0;
right:0
}
.calendar-wrap .fc-time-grid .fc-event {
position:absolute;
z-index:1
}
.calendar-wrap .fc-time-grid>.fc-bg {
z-index:1
}
.calendar-wrap .fc-time-grid-container {
position:relative;
z-index:1
}
.calendar-wrap .fc-slats td {
height:1.5em;
border-bottom:0
}
.calendar-wrap .fc-slats .ui-widget-content {
background:0 0
}
.calendar-wrap .fc-slats .fc-minor td {
border-top-style:dotted
}
.calendar-wrap .fc-time-grid-event {
overflow:hidden
}
.calendar-wrap .fc-time-grid-event.fc-not-start {
border-top-width:0;
padding-top:1px;
border-top-left-radius:0;
border-top-right-radius:0
}
.calendar-wrap .fc-time-grid-event.fc-not-end {
border-bottom-width:0;
padding-bottom:1px;
border-bottom-left-radius:0;
border-bottom-right-radius:0
}
.calendar-wrap .fc-time-grid-event .fc-time {
padding:0 1px;
font-size:.85em;
white-space:nowrap
}
.calendar-wrap .fc-time-grid-event .fc-title {
padding:0 1px
}
.calendar-wrap .fc-time-grid-event .fc-bg {
z-index:1;
background:#fff;
opacity:.25;
filter:alpha(opacity=25)
}
.calendar-wrap .fc-time-grid-event.fc-short .fc-content {
white-space:nowrap
}
.calendar-wrap .fc-time-grid-event.fc-short .fc-time {
display:inline-block;
vertical-align:top
}
.calendar-wrap .fc-time-grid-event.fc-short .fc-time span {
display:none
}
.calendar-wrap .fc-time-grid-event.fc-short .fc-time:before {
content:attr(data-start)
}
.calendar-wrap .fc-time-grid-event.fc-short .fc-time:after {
content:"\000A0-\000A0"
}
.calendar-wrap .fc-time-grid-event.fc-short .fc-title {
display:inline-block;
vertical-align:top;
font-size:.85em;
padding:0
}
.calendar-wrap .fc-time-grid-event .fc-resizer {
position:absolute;
z-index:3;
left:0;
right:0;
bottom:0;
height:8px;
overflow:hidden;
line-height:8px;
font-size:11px;
text-align:center;
cursor:s-resize
}
.calendar-wrap .fc-time-grid-event .fc-resizer:after {
content:"="
}
.calendar-wrap .fc-time-grid-event>.fc-content {
position:relative;
z-index:2
}
.calendar-wrap .fc-icon-left-single-arrow:after {
content:"\02039";
font-weight:700
}
.calendar-wrap .fc-icon-right-single-arrow:after {
content:"\0203A";
font-weight:700
}
.calendar-wrap .fc-icon-left-double-arrow:after {
content:"\000AB"
}
.calendar-wrap .fc-icon-right-double-arrow:after {
content:"\000BB"
}
.calendar-wrap .fc-icon-x:after {
content:"\000D7"
}
.calendar-wrap a.fc-more {
font-size:.85em;
cursor:pointer;
text-decoration:none
}
.calendar-wrap a.fc-more:hover {
text-decoration:underline
}
.calendar-wrap .fc-day-grid .fc-row {
z-index:1
}
.calendar-wrap .fc-basicDay-view .fc-content-skeleton {
padding-top:1px;
padding-bottom:1em
}
.calendar-wrap .fc-basicWeek-view .fc-content-skeleton {
padding-top:1px;
padding-bottom:1em
}
.calendar-wrap .fc-day-number.fc-other-month {
opacity:.3;
filter:alpha(opacity=30)
}
.calendar-wrap .fc-agenda-view .fc-day-grid {
position:relative;
z-index:2
}
.calendar-wrap .fc-agenda-view .fc-day-grid .fc-row {
min-height:3em
}
.calendar-wrap .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
padding-top:1px;
padding-bottom:1em
}
@media print {
.page-sidebar {
display:none
}
.page-wrapper .page-main-header {
visibility:hidden
}
.page-wrapper .page-body-wrapper .page-header {
display:none
}
.page-wrapper .page-body-wrapper .page-sidebar ~ .page-body {
margin-left:0;
padding:0
}
table.fixedHeader-floating {
display:none
}
}
.invoice-table {
margin-top:16px;
margin-bottom:16px
}
.invoice .text-right input {
margin-top:6px
}
.order-history .title-orders {
font-weight:600;
background-color:#fafdff
}
.order-history table th,.order-history table td {
text-align:center
}
.order-history table th:first-child,.order-history table td:first-child {
text-align:left
}
.order-history table thead tr th {
vertical-align:middle;
border-top:none;
padding-top:0
}
.order-history table tbody tr td {
vertical-align:middle
}
.order-history table tbody tr td .product-name a {
font-weight:600
}
.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:7px;
height:7px;
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:#80cf00
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
background-color:#fd517d
}
.order-history table tbody tr:last-child td {
padding-bottom:0
}
@media only screen and (max-width: 1199px) {
.order-history table {
width:900px;
overflow:auto
}
}
.hdg_main {
position:relative
}
.main .langChoice {
position:absolute;
right:50px;
top:39px;
padding:10px 12px;
background-color:transparent;
border-radius:15px
}
.rain {
background:white;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
height:50px;
position:absolute;
width:1px
}
.cloud-rain {
width:500px;
height:500px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute
}
.rain:nth-of-type(1) {
-webkit-animation-name:rain-1;
animation-name:rain-1;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:66%;
opacity:.38;
top:-77%
}
@Keyframes rain-1 {
0% {
opacity:.38;
left:66%;
top:-77%
}
100% {
opacity:0;
top:117%
}
}
.rain:nth-of-type(2) {
-webkit-animation-name:rain-2;
animation-name:rain-2;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:73%;
opacity:.56;
top:-64%
}
@Keyframes rain-2 {
0% {
opacity:.56;
left:73%;
top:-64%
}
100% {
opacity:0;
top:104%
}
}
.rain:nth-of-type(3) {
-webkit-animation-name:rain-3;
animation-name:rain-3;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:24%;
opacity:.58;
top:-95%
}
@Keyframes rain-3 {
0% {
opacity:.58;
left:24%;
top:-95%
}
100% {
opacity:0;
top:135%
}
}
.rain:nth-of-type(4) {
-webkit-animation-name:rain-4;
animation-name:rain-4;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:28%;
opacity:.56;
top:-67%
}
@Keyframes rain-4 {
0% {
opacity:.56;
left:28%;
top:-67%
}
100% {
opacity:0;
top:107%
}
}
.rain:nth-of-type(5) {
-webkit-animation-name:rain-5;
animation-name:rain-5;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:70%;
opacity:.31;
top:-85%
}
@Keyframes rain-5 {
0% {
opacity:.31;
left:70%;
top:-85%
}
100% {
opacity:0;
top:125%
}
}
.rain:nth-of-type(6) {
-webkit-animation-name:rain-6;
animation-name:rain-6;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:87%;
opacity:.53;
top:-53%
}
@Keyframes rain-6 {
0% {
opacity:.53;
left:87%;
top:-53%
}
100% {
opacity:0;
top:93%
}
}
.rain:nth-of-type(7) {
-webkit-animation-name:rain-7;
animation-name:rain-7;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:92%;
opacity:.38;
top:-73%
}
@Keyframes rain-7 {
0% {
opacity:.38;
left:92%;
top:-73%
}
100% {
opacity:0;
top:113%
}
}
.rain:nth-of-type(8) {
-webkit-animation-name:rain-8;
animation-name:rain-8;
-webkit-animation-delay:6s;
animation-delay:6s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:58%;
opacity:.34;
top:-58%
}
@Keyframes rain-8 {
0% {
opacity:.34;
left:58%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(9) {
-webkit-animation-name:rain-9;
animation-name:rain-9;
-webkit-animation-delay:14s;
animation-delay:14s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:20%;
opacity:.32;
top:-81%
}
@Keyframes rain-9 {
0% {
opacity:.32;
left:20%;
top:-81%
}
100% {
opacity:0;
top:121%
}
}
.rain:nth-of-type(10) {
-webkit-animation-name:rain-10;
animation-name:rain-10;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:100%;
opacity:.41;
top:-91%
}
@Keyframes rain-10 {
0% {
opacity:.41;
left:100%;
top:-91%
}
100% {
opacity:0;
top:131%
}
}
.rain:nth-of-type(11) {
-webkit-animation-name:rain-11;
animation-name:rain-11;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:69%;
opacity:.33;
top:-53%
}
@Keyframes rain-11 {
0% {
opacity:.33;
left:69%;
top:-53%
}
100% {
opacity:0;
top:93%
}
}
.rain:nth-of-type(12) {
-webkit-animation-name:rain-12;
animation-name:rain-12;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:27%;
opacity:.47;
top:-61%
}
@Keyframes rain-12 {
0% {
opacity:.47;
left:27%;
top:-61%
}
100% {
opacity:0;
top:101%
}
}
.rain:nth-of-type(13) {
-webkit-animation-name:rain-13;
animation-name:rain-13;
-webkit-animation-delay:19s;
animation-delay:19s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:26%;
opacity:.56;
top:-64%
}
@Keyframes rain-13 {
0% {
opacity:.56;
left:26%;
top:-64%
}
100% {
opacity:0;
top:104%
}
}
.rain:nth-of-type(14) {
-webkit-animation-name:rain-14;
animation-name:rain-14;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:28%;
opacity:.49;
top:-62%
}
@Keyframes rain-14 {
0% {
opacity:.49;
left:28%;
top:-62%
}
100% {
opacity:0;
top:102%
}
}
.rain:nth-of-type(15) {
-webkit-animation-name:rain-15;
animation-name:rain-15;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:62%;
opacity:.38;
top:-65%
}
@Keyframes rain-15 {
0% {
opacity:.38;
left:62%;
top:-65%
}
100% {
opacity:0;
top:105%
}
}
.rain:nth-of-type(16) {
-webkit-animation-name:rain-16;
animation-name:rain-16;
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:44%;
opacity:.42;
top:-97%
}
@Keyframes rain-16 {
0% {
opacity:.42;
left:44%;
top:-97%
}
100% {
opacity:0;
top:137%
}
}
.rain:nth-of-type(17) {
-webkit-animation-name:rain-17;
animation-name:rain-17;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:45%;
opacity:.54;
top:-54%
}
@Keyframes rain-17 {
0% {
opacity:.54;
left:45%;
top:-54%
}
100% {
opacity:0;
top:94%
}
}
.rain:nth-of-type(18) {
-webkit-animation-name:rain-18;
animation-name:rain-18;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:96%;
opacity:.37;
top:-83%
}
@Keyframes rain-18 {
0% {
opacity:.37;
left:96%;
top:-83%
}
100% {
opacity:0;
top:123%
}
}
.rain:nth-of-type(19) {
-webkit-animation-name:rain-19;
animation-name:rain-19;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:61%;
opacity:.49;
top:-95%
}
@Keyframes rain-19 {
0% {
opacity:.49;
left:61%;
top:-95%
}
100% {
opacity:0;
top:135%
}
}
.rain:nth-of-type(20) {
-webkit-animation-name:rain-20;
animation-name:rain-20;
-webkit-animation-delay:14s;
animation-delay:14s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:82%;
opacity:.55;
top:-61%
}
@Keyframes rain-20 {
0% {
opacity:.55;
left:82%;
top:-61%
}
100% {
opacity:0;
top:101%
}
}
.rain:nth-of-type(21) {
-webkit-animation-name:rain-21;
animation-name:rain-21;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:10%;
opacity:.45;
top:-91%
}
@Keyframes rain-21 {
0% {
opacity:.45;
left:10%;
top:-91%
}
100% {
opacity:0;
top:131%
}
}
.rain:nth-of-type(22) {
-webkit-animation-name:rain-22;
animation-name:rain-22;
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:50%;
opacity:.54;
top:-81%
}
@Keyframes rain-22 {
0% {
opacity:.54;
left:50%;
top:-81%
}
100% {
opacity:0;
top:121%
}
}
.rain:nth-of-type(23) {
-webkit-animation-name:rain-23;
animation-name:rain-23;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:45%;
opacity:.56;
top:-72%
}
@Keyframes rain-23 {
0% {
opacity:.56;
left:45%;
top:-72%
}
100% {
opacity:0;
top:112%
}
}
.rain:nth-of-type(24) {
-webkit-animation-name:rain-24;
animation-name:rain-24;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:92%;
opacity:.33;
top:-99%
}
@Keyframes rain-24 {
0% {
opacity:.33;
left:92%;
top:-99%
}
100% {
opacity:0;
top:139%
}
}
.rain:nth-of-type(25) {
-webkit-animation-name:rain-25;
animation-name:rain-25;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:29%;
opacity:.33;
top:-55%
}
@Keyframes rain-25 {
0% {
opacity:.33;
left:29%;
top:-55%
}
100% {
opacity:0;
top:95%
}
}
.rain:nth-of-type(26) {
-webkit-animation-name:rain-26;
animation-name:rain-26;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:71%;
opacity:.41;
top:-62%
}
@Keyframes rain-26 {
0% {
opacity:.41;
left:71%;
top:-62%
}
100% {
opacity:0;
top:102%
}
}
.rain:nth-of-type(27) {
-webkit-animation-name:rain-27;
animation-name:rain-27;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:72%;
opacity:.38;
top:-69%
}
@Keyframes rain-27 {
0% {
opacity:.38;
left:72%;
top:-69%
}
100% {
opacity:0;
top:109%
}
}
.rain:nth-of-type(28) {
-webkit-animation-name:rain-28;
animation-name:rain-28;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:5%;
opacity:.46;
top:-88%
}
@Keyframes rain-28 {
0% {
opacity:.46;
left:5%;
top:-88%
}
100% {
opacity:0;
top:128%
}
}
.rain:nth-of-type(29) {
-webkit-animation-name:rain-29;
animation-name:rain-29;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:99%;
opacity:.47;
top:-61%
}
@Keyframes rain-29 {
0% {
opacity:.47;
left:99%;
top:-61%
}
100% {
opacity:0;
top:101%
}
}
.rain:nth-of-type(30) {
-webkit-animation-name:rain-30;
animation-name:rain-30;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:29%;
opacity:.34;
top:-60%
}
@Keyframes rain-30 {
0% {
opacity:.34;
left:29%;
top:-60%
}
100% {
opacity:0;
top:100%
}
}
.rain:nth-of-type(31) {
-webkit-animation-name:rain-31;
animation-name:rain-31;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:14%;
opacity:.46;
top:-68%
}
@Keyframes rain-31 {
0% {
opacity:.46;
left:14%;
top:-68%
}
100% {
opacity:0;
top:108%
}
}
.rain:nth-of-type(32) {
-webkit-animation-name:rain-32;
animation-name:rain-32;
-webkit-animation-delay:11s;
animation-delay:11s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:27%;
opacity:.57;
top:-57%
}
@Keyframes rain-32 {
0% {
opacity:.57;
left:27%;
top:-57%
}
100% {
opacity:0;
top:97%
}
}
.rain:nth-of-type(33) {
-webkit-animation-name:rain-33;
animation-name:rain-33;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:59%;
opacity:.33;
top:-91%
}
@Keyframes rain-33 {
0% {
opacity:.33;
left:59%;
top:-91%
}
100% {
opacity:0;
top:131%
}
}
.rain:nth-of-type(34) {
-webkit-animation-name:rain-34;
animation-name:rain-34;
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:66%;
opacity:.45;
top:-98%
}
@Keyframes rain-34 {
0% {
opacity:.45;
left:66%;
top:-98%
}
100% {
opacity:0;
top:138%
}
}
.rain:nth-of-type(35) {
-webkit-animation-name:rain-35;
animation-name:rain-35;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:65%;
opacity:.41;
top:-64%
}
@Keyframes rain-35 {
0% {
opacity:.41;
left:65%;
top:-64%
}
100% {
opacity:0;
top:104%
}
}
.rain:nth-of-type(36) {
-webkit-animation-name:rain-36;
animation-name:rain-36;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:72%;
opacity:.4;
top:-95%
}
@Keyframes rain-36 {
0% {
opacity:.4;
left:72%;
top:-95%
}
100% {
opacity:0;
top:135%
}
}
.rain:nth-of-type(37) {
-webkit-animation-name:rain-37;
animation-name:rain-37;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:7%;
opacity:.47;
top:-75%
}
@Keyframes rain-37 {
0% {
opacity:.47;
left:7%;
top:-75%
}
100% {
opacity:0;
top:115%
}
}
.rain:nth-of-type(38) {
-webkit-animation-name:rain-38;
animation-name:rain-38;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:35%;
opacity:.32;
top:-56%
}
@Keyframes rain-38 {
0% {
opacity:.32;
left:35%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(39) {
-webkit-animation-name:rain-39;
animation-name:rain-39;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:78%;
opacity:.41;
top:-56%
}
@Keyframes rain-39 {
0% {
opacity:.41;
left:78%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(40) {
-webkit-animation-name:rain-40;
animation-name:rain-40;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:99%;
opacity:.47;
top:-89%
}
@Keyframes rain-40 {
0% {
opacity:.47;
left:99%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(41) {
-webkit-animation-name:rain-41;
animation-name:rain-41;
-webkit-animation-delay:6s;
animation-delay:6s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:72%;
opacity:.54;
top:-63%
}
@Keyframes rain-41 {
0% {
opacity:.54;
left:72%;
top:-63%
}
100% {
opacity:0;
top:103%
}
}
.rain:nth-of-type(42) {
-webkit-animation-name:rain-42;
animation-name:rain-42;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:39%;
opacity:.59;
top:-97%
}
@Keyframes rain-42 {
0% {
opacity:.59;
left:39%;
top:-97%
}
100% {
opacity:0;
top:137%
}
}
.rain:nth-of-type(43) {
-webkit-animation-name:rain-43;
animation-name:rain-43;
-webkit-animation-delay:6s;
animation-delay:6s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:91%;
opacity:.38;
top:-85%
}
@Keyframes rain-43 {
0% {
opacity:.38;
left:91%;
top:-85%
}
100% {
opacity:0;
top:125%
}
}
.rain:nth-of-type(44) {
-webkit-animation-name:rain-44;
animation-name:rain-44;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:37%;
opacity:.58;
top:-82%
}
@Keyframes rain-44 {
0% {
opacity:.58;
left:37%;
top:-82%
}
100% {
opacity:0;
top:122%
}
}
.rain:nth-of-type(45) {
-webkit-animation-name:rain-45;
animation-name:rain-45;
-webkit-animation-delay:15s;
animation-delay:15s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:85%;
opacity:.45;
top:-80%
}
@Keyframes rain-45 {
0% {
opacity:.45;
left:85%;
top:-80%
}
100% {
opacity:0;
top:120%
}
}
.rain:nth-of-type(46) {
-webkit-animation-name:rain-46;
animation-name:rain-46;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:39%;
opacity:.37;
top:-70%
}
@Keyframes rain-46 {
0% {
opacity:.37;
left:39%;
top:-70%
}
100% {
opacity:0;
top:110%
}
}
.rain:nth-of-type(47) {
-webkit-animation-name:rain-47;
animation-name:rain-47;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:50%;
opacity:.54;
top:-89%
}
@Keyframes rain-47 {
0% {
opacity:.54;
left:50%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(48) {
-webkit-animation-name:rain-48;
animation-name:rain-48;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:90%;
opacity:.45;
top:-75%
}
@Keyframes rain-48 {
0% {
opacity:.45;
left:90%;
top:-75%
}
100% {
opacity:0;
top:115%
}
}
.rain:nth-of-type(49) {
-webkit-animation-name:rain-49;
animation-name:rain-49;
-webkit-animation-delay:19s;
animation-delay:19s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:29%;
opacity:.56;
top:-70%
}
@Keyframes rain-49 {
0% {
opacity:.56;
left:29%;
top:-70%
}
100% {
opacity:0;
top:110%
}
}
.rain:nth-of-type(50) {
-webkit-animation-name:rain-50;
animation-name:rain-50;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:33%;
opacity:.52;
top:-68%
}
@Keyframes rain-50 {
0% {
opacity:.52;
left:33%;
top:-68%
}
100% {
opacity:0;
top:108%
}
}
.rain:nth-of-type(51) {
-webkit-animation-name:rain-51;
animation-name:rain-51;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:66%;
opacity:.6;
top:-88%
}
@Keyframes rain-51 {
0% {
opacity:.6;
left:66%;
top:-88%
}
100% {
opacity:0;
top:128%
}
}
.rain:nth-of-type(52) {
-webkit-animation-name:rain-52;
animation-name:rain-52;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:91%;
opacity:.59;
top:-100%
}
@Keyframes rain-52 {
0% {
opacity:.59;
left:91%;
top:-100%
}
100% {
opacity:0;
top:140%
}
}
.rain:nth-of-type(53) {
-webkit-animation-name:rain-53;
animation-name:rain-53;
-webkit-animation-delay:19s;
animation-delay:19s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:13%;
opacity:.5;
top:-74%
}
@Keyframes rain-53 {
0% {
opacity:.5;
left:13%;
top:-74%
}
100% {
opacity:0;
top:114%
}
}
.rain:nth-of-type(54) {
-webkit-animation-name:rain-54;
animation-name:rain-54;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:36%;
opacity:.58;
top:-89%
}
@Keyframes rain-54 {
0% {
opacity:.58;
left:36%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(55) {
-webkit-animation-name:rain-55;
animation-name:rain-55;
-webkit-animation-delay:15s;
animation-delay:15s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:7%;
opacity:.38;
top:-75%
}
@Keyframes rain-55 {
0% {
opacity:.38;
left:7%;
top:-75%
}
100% {
opacity:0;
top:115%
}
}
.rain:nth-of-type(56) {
-webkit-animation-name:rain-56;
animation-name:rain-56;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:21%;
opacity:.47;
top:-70%
}
@Keyframes rain-56 {
0% {
opacity:.47;
left:21%;
top:-70%
}
100% {
opacity:0;
top:110%
}
}
.rain:nth-of-type(57) {
-webkit-animation-name:rain-57;
animation-name:rain-57;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:8%;
opacity:.54;
top:-56%
}
@Keyframes rain-57 {
0% {
opacity:.54;
left:8%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(58) {
-webkit-animation-name:rain-58;
animation-name:rain-58;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:14%;
opacity:.5;
top:-61%
}
@Keyframes rain-58 {
0% {
opacity:.5;
left:14%;
top:-61%
}
100% {
opacity:0;
top:101%
}
}
.rain:nth-of-type(59) {
-webkit-animation-name:rain-59;
animation-name:rain-59;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:85%;
opacity:.51;
top:-65%
}
@Keyframes rain-59 {
0% {
opacity:.51;
left:85%;
top:-65%
}
100% {
opacity:0;
top:105%
}
}
.rain:nth-of-type(60) {
-webkit-animation-name:rain-60;
animation-name:rain-60;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:37%;
opacity:.55;
top:-56%
}
@Keyframes rain-60 {
0% {
opacity:.55;
left:37%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(61) {
-webkit-animation-name:rain-61;
animation-name:rain-61;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:82%;
opacity:.32;
top:-59%
}
@Keyframes rain-61 {
0% {
opacity:.32;
left:82%;
top:-59%
}
100% {
opacity:0;
top:99%
}
}
.rain:nth-of-type(62) {
-webkit-animation-name:rain-62;
animation-name:rain-62;
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:39%;
opacity:.44;
top:-58%
}
@Keyframes rain-62 {
0% {
opacity:.44;
left:39%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(63) {
-webkit-animation-name:rain-63;
animation-name:rain-63;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:99%;
opacity:.34;
top:-91%
}
@Keyframes rain-63 {
0% {
opacity:.34;
left:99%;
top:-91%
}
100% {
opacity:0;
top:131%
}
}
.rain:nth-of-type(64) {
-webkit-animation-name:rain-64;
animation-name:rain-64;
-webkit-animation-delay:6s;
animation-delay:6s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:43%;
opacity:.47;
top:-58%
}
@Keyframes rain-64 {
0% {
opacity:.47;
left:43%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(65) {
-webkit-animation-name:rain-65;
animation-name:rain-65;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:32%;
opacity:.45;
top:-95%
}
@Keyframes rain-65 {
0% {
opacity:.45;
left:32%;
top:-95%
}
100% {
opacity:0;
top:135%
}
}
.rain:nth-of-type(66) {
-webkit-animation-name:rain-66;
animation-name:rain-66;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:95%;
opacity:.44;
top:-72%
}
@Keyframes rain-66 {
0% {
opacity:.44;
left:95%;
top:-72%
}
100% {
opacity:0;
top:112%
}
}
.rain:nth-of-type(67) {
-webkit-animation-name:rain-67;
animation-name:rain-67;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:40%;
opacity:.41;
top:-88%
}
@Keyframes rain-67 {
0% {
opacity:.41;
left:40%;
top:-88%
}
100% {
opacity:0;
top:128%
}
}
.rain:nth-of-type(68) {
-webkit-animation-name:rain-68;
animation-name:rain-68;
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:28%;
opacity:.35;
top:-87%
}
@Keyframes rain-68 {
0% {
opacity:.35;
left:28%;
top:-87%
}
100% {
opacity:0;
top:127%
}
}
.rain:nth-of-type(69) {
-webkit-animation-name:rain-69;
animation-name:rain-69;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:43%;
opacity:.49;
top:-92%
}
@Keyframes rain-69 {
0% {
opacity:.49;
left:43%;
top:-92%
}
100% {
opacity:0;
top:132%
}
}
.rain:nth-of-type(70) {
-webkit-animation-name:rain-70;
animation-name:rain-70;
-webkit-animation-delay:15s;
animation-delay:15s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:28%;
opacity:.5;
top:-90%
}
@Keyframes rain-70 {
0% {
opacity:.5;
left:28%;
top:-90%
}
100% {
opacity:0;
top:130%
}
}
.rain:nth-of-type(71) {
-webkit-animation-name:rain-71;
animation-name:rain-71;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:92%;
opacity:.42;
top:-51%
}
@Keyframes rain-71 {
0% {
opacity:.42;
left:92%;
top:-51%
}
100% {
opacity:0;
top:91%
}
}
.rain:nth-of-type(72) {
-webkit-animation-name:rain-72;
animation-name:rain-72;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:42%;
opacity:.6;
top:-90%
}
@Keyframes rain-72 {
0% {
opacity:.6;
left:42%;
top:-90%
}
100% {
opacity:0;
top:130%
}
}
.rain:nth-of-type(73) {
-webkit-animation-name:rain-73;
animation-name:rain-73;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:51%;
opacity:.5;
top:-78%
}
@Keyframes rain-73 {
0% {
opacity:.5;
left:51%;
top:-78%
}
100% {
opacity:0;
top:118%
}
}
.rain:nth-of-type(74) {
-webkit-animation-name:rain-74;
animation-name:rain-74;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:5%;
opacity:.5;
top:-72%
}
@Keyframes rain-74 {
0% {
opacity:.5;
left:5%;
top:-72%
}
100% {
opacity:0;
top:112%
}
}
.rain:nth-of-type(75) {
-webkit-animation-name:rain-75;
animation-name:rain-75;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:99%;
opacity:.54;
top:-71%
}
@Keyframes rain-75 {
0% {
opacity:.54;
left:99%;
top:-71%
}
100% {
opacity:0;
top:111%
}
}
.rain:nth-of-type(76) {
-webkit-animation-name:rain-76;
animation-name:rain-76;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:26%;
opacity:.59;
top:-58%
}
@Keyframes rain-76 {
0% {
opacity:.59;
left:26%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(77) {
-webkit-animation-name:rain-77;
animation-name:rain-77;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:16%;
opacity:.34;
top:-80%
}
@Keyframes rain-77 {
0% {
opacity:.34;
left:16%;
top:-80%
}
100% {
opacity:0;
top:120%
}
}
.rain:nth-of-type(78) {
-webkit-animation-name:rain-78;
animation-name:rain-78;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:57%;
opacity:.31;
top:-58%
}
@Keyframes rain-78 {
0% {
opacity:.31;
left:57%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(79) {
-webkit-animation-name:rain-79;
animation-name:rain-79;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:37%;
opacity:.5;
top:-75%
}
@Keyframes rain-79 {
0% {
opacity:.5;
left:37%;
top:-75%
}
100% {
opacity:0;
top:115%
}
}
.rain:nth-of-type(80) {
-webkit-animation-name:rain-80;
animation-name:rain-80;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:66%;
opacity:.47;
top:-76%
}
@Keyframes rain-80 {
0% {
opacity:.47;
left:66%;
top:-76%
}
100% {
opacity:0;
top:116%
}
}
.rain:nth-of-type(81) {
-webkit-animation-name:rain-81;
animation-name:rain-81;
-webkit-animation-delay:14s;
animation-delay:14s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:51%;
opacity:.5;
top:-87%
}
@Keyframes rain-81 {
0% {
opacity:.5;
left:51%;
top:-87%
}
100% {
opacity:0;
top:127%
}
}
.rain:nth-of-type(82) {
-webkit-animation-name:rain-82;
animation-name:rain-82;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:48%;
opacity:.4;
top:-80%
}
@Keyframes rain-82 {
0% {
opacity:.4;
left:48%;
top:-80%
}
100% {
opacity:0;
top:120%
}
}
.rain:nth-of-type(83) {
-webkit-animation-name:rain-83;
animation-name:rain-83;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:41%;
opacity:.54;
top:-78%
}
@Keyframes rain-83 {
0% {
opacity:.54;
left:41%;
top:-78%
}
100% {
opacity:0;
top:118%
}
}
.rain:nth-of-type(84) {
-webkit-animation-name:rain-84;
animation-name:rain-84;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:4%;
opacity:.48;
top:-53%
}
@Keyframes rain-84 {
0% {
opacity:.48;
left:4%;
top:-53%
}
100% {
opacity:0;
top:93%
}
}
.rain:nth-of-type(85) {
-webkit-animation-name:rain-85;
animation-name:rain-85;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:64%;
opacity:.39;
top:-99%
}
@Keyframes rain-85 {
0% {
opacity:.39;
left:64%;
top:-99%
}
100% {
opacity:0;
top:139%
}
}
.rain:nth-of-type(86) {
-webkit-animation-name:rain-86;
animation-name:rain-86;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:36%;
opacity:.38;
top:-89%
}
@Keyframes rain-86 {
0% {
opacity:.38;
left:36%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(87) {
-webkit-animation-name:rain-87;
animation-name:rain-87;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:47%;
opacity:.4;
top:-55%
}
@Keyframes rain-87 {
0% {
opacity:.4;
left:47%;
top:-55%
}
100% {
opacity:0;
top:95%
}
}
.rain:nth-of-type(88) {
-webkit-animation-name:rain-88;
animation-name:rain-88;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:2%;
opacity:.44;
top:-90%
}
@Keyframes rain-88 {
0% {
opacity:.44;
left:2%;
top:-90%
}
100% {
opacity:0;
top:130%
}
}
.rain:nth-of-type(89) {
-webkit-animation-name:rain-89;
animation-name:rain-89;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:2%;
opacity:.52;
top:-88%
}
@Keyframes rain-89 {
0% {
opacity:.52;
left:2%;
top:-88%
}
100% {
opacity:0;
top:128%
}
}
.rain:nth-of-type(90) {
-webkit-animation-name:rain-90;
animation-name:rain-90;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:56%;
opacity:.57;
top:-96%
}
@Keyframes rain-90 {
0% {
opacity:.57;
left:56%;
top:-96%
}
100% {
opacity:0;
top:136%
}
}
.rain:nth-of-type(91) {
-webkit-animation-name:rain-91;
animation-name:rain-91;
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:80%;
opacity:.46;
top:-56%
}
@Keyframes rain-91 {
0% {
opacity:.46;
left:80%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(92) {
-webkit-animation-name:rain-92;
animation-name:rain-92;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:58%;
opacity:.47;
top:-58%
}
@Keyframes rain-92 {
0% {
opacity:.47;
left:58%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(93) {
-webkit-animation-name:rain-93;
animation-name:rain-93;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:50%;
opacity:.56;
top:-94%
}
@Keyframes rain-93 {
0% {
opacity:.56;
left:50%;
top:-94%
}
100% {
opacity:0;
top:134%
}
}
.rain:nth-of-type(94) {
-webkit-animation-name:rain-94;
animation-name:rain-94;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:51%;
opacity:.31;
top:-69%
}
@Keyframes rain-94 {
0% {
opacity:.31;
left:51%;
top:-69%
}
100% {
opacity:0;
top:109%
}
}
.rain:nth-of-type(95) {
-webkit-animation-name:rain-95;
animation-name:rain-95;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:59%;
opacity:.48;
top:-56%
}
@Keyframes rain-95 {
0% {
opacity:.48;
left:59%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(96) {
-webkit-animation-name:rain-96;
animation-name:rain-96;
-webkit-animation-delay:14s;
animation-delay:14s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:63%;
opacity:.55;
top:-54%
}
@Keyframes rain-96 {
0% {
opacity:.55;
left:63%;
top:-54%
}
100% {
opacity:0;
top:94%
}
}
.rain:nth-of-type(97) {
-webkit-animation-name:rain-97;
animation-name:rain-97;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:38%;
opacity:.54;
top:-77%
}
@Keyframes rain-97 {
0% {
opacity:.54;
left:38%;
top:-77%
}
100% {
opacity:0;
top:117%
}
}
.rain:nth-of-type(98) {
-webkit-animation-name:rain-98;
animation-name:rain-98;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:55%;
opacity:.38;
top:-82%
}
@Keyframes rain-98 {
0% {
opacity:.38;
left:55%;
top:-82%
}
100% {
opacity:0;
top:122%
}
}
.rain:nth-of-type(99) {
-webkit-animation-name:rain-99;
animation-name:rain-99;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:73%;
opacity:.53;
top:-92%
}
@Keyframes rain-99 {
0% {
opacity:.53;
left:73%;
top:-92%
}
100% {
opacity:0;
top:132%
}
}
.rain:nth-of-type(100) {
-webkit-animation-name:rain-100;
animation-name:rain-100;
-webkit-animation-delay:11s;
animation-delay:11s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:34%;
opacity:.51;
top:-69%
}
@Keyframes rain-100 {
0% {
opacity:.51;
left:34%;
top:-69%
}
100% {
opacity:0;
top:109%
}
}
.rain:nth-of-type(101) {
-webkit-animation-name:rain-101;
animation-name:rain-101;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:46%;
opacity:.54;
top:-97%
}
@Keyframes rain-101 {
0% {
opacity:.54;
left:46%;
top:-97%
}
100% {
opacity:0;
top:137%
}
}
.rain:nth-of-type(102) {
-webkit-animation-name:rain-102;
animation-name:rain-102;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:22%;
opacity:.39;
top:-100%
}
@Keyframes rain-102 {
0% {
opacity:.39;
left:22%;
top:-100%
}
100% {
opacity:0;
top:140%
}
}
.rain:nth-of-type(103) {
-webkit-animation-name:rain-103;
animation-name:rain-103;
-webkit-animation-delay:10s;
animation-delay:10s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:74%;
opacity:.45;
top:-98%
}
@Keyframes rain-103 {
0% {
opacity:.45;
left:74%;
top:-98%
}
100% {
opacity:0;
top:138%
}
}
.rain:nth-of-type(104) {
-webkit-animation-name:rain-104;
animation-name:rain-104;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:91%;
opacity:.36;
top:-60%
}
@Keyframes rain-104 {
0% {
opacity:.36;
left:91%;
top:-60%
}
100% {
opacity:0;
top:100%
}
}
.rain:nth-of-type(105) {
-webkit-animation-name:rain-105;
animation-name:rain-105;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:77%;
opacity:.39;
top:-53%
}
@Keyframes rain-105 {
0% {
opacity:.39;
left:77%;
top:-53%
}
100% {
opacity:0;
top:93%
}
}
.rain:nth-of-type(106) {
-webkit-animation-name:rain-106;
animation-name:rain-106;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:72%;
opacity:.43;
top:-92%
}
@Keyframes rain-106 {
0% {
opacity:.43;
left:72%;
top:-92%
}
100% {
opacity:0;
top:132%
}
}
.rain:nth-of-type(107) {
-webkit-animation-name:rain-107;
animation-name:rain-107;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:78%;
opacity:.48;
top:-61%
}
@Keyframes rain-107 {
0% {
opacity:.48;
left:78%;
top:-61%
}
100% {
opacity:0;
top:101%
}
}
.rain:nth-of-type(108) {
-webkit-animation-name:rain-108;
animation-name:rain-108;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:60%;
opacity:.38;
top:-55%
}
@Keyframes rain-108 {
0% {
opacity:.38;
left:60%;
top:-55%
}
100% {
opacity:0;
top:95%
}
}
.rain:nth-of-type(109) {
-webkit-animation-name:rain-109;
animation-name:rain-109;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:69%;
opacity:.46;
top:-93%
}
@Keyframes rain-109 {
0% {
opacity:.46;
left:69%;
top:-93%
}
100% {
opacity:0;
top:133%
}
}
.rain:nth-of-type(110) {
-webkit-animation-name:rain-110;
animation-name:rain-110;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:72%;
opacity:.48;
top:-84%
}
@Keyframes rain-110 {
0% {
opacity:.48;
left:72%;
top:-84%
}
100% {
opacity:0;
top:124%
}
}
.rain:nth-of-type(111) {
-webkit-animation-name:rain-111;
animation-name:rain-111;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:7%;
opacity:.49;
top:-78%
}
@Keyframes rain-111 {
0% {
opacity:.49;
left:7%;
top:-78%
}
100% {
opacity:0;
top:118%
}
}
.rain:nth-of-type(112) {
-webkit-animation-name:rain-112;
animation-name:rain-112;
-webkit-animation-delay:19s;
animation-delay:19s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:96%;
opacity:.57;
top:-57%
}
@Keyframes rain-112 {
0% {
opacity:.57;
left:96%;
top:-57%
}
100% {
opacity:0;
top:97%
}
}
.rain:nth-of-type(113) {
-webkit-animation-name:rain-113;
animation-name:rain-113;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:28%;
opacity:.55;
top:-59%
}
@Keyframes rain-113 {
0% {
opacity:.55;
left:28%;
top:-59%
}
100% {
opacity:0;
top:99%
}
}
.rain:nth-of-type(114) {
-webkit-animation-name:rain-114;
animation-name:rain-114;
-webkit-animation-delay:11s;
animation-delay:11s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:89%;
opacity:.52;
top:-85%
}
@Keyframes rain-114 {
0% {
opacity:.52;
left:89%;
top:-85%
}
100% {
opacity:0;
top:125%
}
}
.rain:nth-of-type(115) {
-webkit-animation-name:rain-115;
animation-name:rain-115;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:75%;
opacity:.49;
top:-95%
}
@Keyframes rain-115 {
0% {
opacity:.49;
left:75%;
top:-95%
}
100% {
opacity:0;
top:135%
}
}
.rain:nth-of-type(116) {
-webkit-animation-name:rain-116;
animation-name:rain-116;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:90%;
opacity:.31;
top:-97%
}
@Keyframes rain-116 {
0% {
opacity:.31;
left:90%;
top:-97%
}
100% {
opacity:0;
top:137%
}
}
.rain:nth-of-type(117) {
-webkit-animation-name:rain-117;
animation-name:rain-117;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:79%;
opacity:.51;
top:-73%
}
@Keyframes rain-117 {
0% {
opacity:.51;
left:79%;
top:-73%
}
100% {
opacity:0;
top:113%
}
}
.rain:nth-of-type(118) {
-webkit-animation-name:rain-118;
animation-name:rain-118;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:23%;
opacity:.6;
top:-89%
}
@Keyframes rain-118 {
0% {
opacity:.6;
left:23%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(119) {
-webkit-animation-name:rain-119;
animation-name:rain-119;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:81%;
opacity:.57;
top:-84%
}
@Keyframes rain-119 {
0% {
opacity:.57;
left:81%;
top:-84%
}
100% {
opacity:0;
top:124%
}
}
.rain:nth-of-type(120) {
-webkit-animation-name:rain-120;
animation-name:rain-120;
-webkit-animation-delay:11s;
animation-delay:11s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:80%;
opacity:.4;
top:-99%
}
@Keyframes rain-120 {
0% {
opacity:.4;
left:80%;
top:-99%
}
100% {
opacity:0;
top:139%
}
}
.rain:nth-of-type(121) {
-webkit-animation-name:rain-121;
animation-name:rain-121;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:24%;
opacity:.48;
top:-73%
}
@Keyframes rain-121 {
0% {
opacity:.48;
left:24%;
top:-73%
}
100% {
opacity:0;
top:113%
}
}
.rain:nth-of-type(122) {
-webkit-animation-name:rain-122;
animation-name:rain-122;
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:63%;
opacity:.6;
top:-63%
}
@Keyframes rain-122 {
0% {
opacity:.6;
left:63%;
top:-63%
}
100% {
opacity:0;
top:103%
}
}
.rain:nth-of-type(123) {
-webkit-animation-name:rain-123;
animation-name:rain-123;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:35%;
opacity:.31;
top:-97%
}
@Keyframes rain-123 {
0% {
opacity:.31;
left:35%;
top:-97%
}
100% {
opacity:0;
top:137%
}
}
.rain:nth-of-type(124) {
-webkit-animation-name:rain-124;
animation-name:rain-124;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:42%;
opacity:.38;
top:-73%
}
@Keyframes rain-124 {
0% {
opacity:.38;
left:42%;
top:-73%
}
100% {
opacity:0;
top:113%
}
}
.rain:nth-of-type(125) {
-webkit-animation-name:rain-125;
animation-name:rain-125;
-webkit-animation-delay:14s;
animation-delay:14s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:14%;
opacity:.48;
top:-56%
}
@Keyframes rain-125 {
0% {
opacity:.48;
left:14%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(126) {
-webkit-animation-name:rain-126;
animation-name:rain-126;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:85%;
opacity:.6;
top:-76%
}
@Keyframes rain-126 {
0% {
opacity:.6;
left:85%;
top:-76%
}
100% {
opacity:0;
top:116%
}
}
.rain:nth-of-type(127) {
-webkit-animation-name:rain-127;
animation-name:rain-127;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:18%;
opacity:.32;
top:-79%
}
@Keyframes rain-127 {
0% {
opacity:.32;
left:18%;
top:-79%
}
100% {
opacity:0;
top:119%
}
}
.rain:nth-of-type(128) {
-webkit-animation-name:rain-128;
animation-name:rain-128;
-webkit-animation-delay:19s;
animation-delay:19s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:66%;
opacity:.34;
top:-76%
}
@Keyframes rain-128 {
0% {
opacity:.34;
left:66%;
top:-76%
}
100% {
opacity:0;
top:116%
}
}
.rain:nth-of-type(129) {
-webkit-animation-name:rain-129;
animation-name:rain-129;
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:99%;
opacity:.33;
top:-63%
}
@Keyframes rain-129 {
0% {
opacity:.33;
left:99%;
top:-63%
}
100% {
opacity:0;
top:103%
}
}
.rain:nth-of-type(130) {
-webkit-animation-name:rain-130;
animation-name:rain-130;
-webkit-animation-delay:15s;
animation-delay:15s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:43%;
opacity:.6;
top:-86%
}
@Keyframes rain-130 {
0% {
opacity:.6;
left:43%;
top:-86%
}
100% {
opacity:0;
top:126%
}
}
.rain:nth-of-type(131) {
-webkit-animation-name:rain-131;
animation-name:rain-131;
-webkit-animation-delay:12s;
animation-delay:12s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:24%;
opacity:.41;
top:-67%
}
@Keyframes rain-131 {
0% {
opacity:.41;
left:24%;
top:-67%
}
100% {
opacity:0;
top:107%
}
}
.rain:nth-of-type(132) {
-webkit-animation-name:rain-132;
animation-name:rain-132;
-webkit-animation-delay:18s;
animation-delay:18s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:83%;
opacity:.5;
top:-91%
}
@Keyframes rain-132 {
0% {
opacity:.5;
left:83%;
top:-91%
}
100% {
opacity:0;
top:131%
}
}
.rain:nth-of-type(133) {
-webkit-animation-name:rain-133;
animation-name:rain-133;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:4%;
opacity:.52;
top:-61%
}
@Keyframes rain-133 {
0% {
opacity:.52;
left:4%;
top:-61%
}
100% {
opacity:0;
top:101%
}
}
.rain:nth-of-type(134) {
-webkit-animation-name:rain-134;
animation-name:rain-134;
-webkit-animation-delay:18s;
animation-delay:18s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:96%;
opacity:.5;
top:-89%
}
@Keyframes rain-134 {
0% {
opacity:.5;
left:96%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(135) {
-webkit-animation-name:rain-135;
animation-name:rain-135;
-webkit-animation-delay:16s;
animation-delay:16s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:77%;
opacity:.58;
top:-56%
}
@Keyframes rain-135 {
0% {
opacity:.58;
left:77%;
top:-56%
}
100% {
opacity:0;
top:96%
}
}
.rain:nth-of-type(136) {
-webkit-animation-name:rain-136;
animation-name:rain-136;
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:70%;
opacity:.33;
top:-89%
}
@Keyframes rain-136 {
0% {
opacity:.33;
left:70%;
top:-89%
}
100% {
opacity:0;
top:129%
}
}
.rain:nth-of-type(137) {
-webkit-animation-name:rain-137;
animation-name:rain-137;
-webkit-animation-delay:19s;
animation-delay:19s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:44%;
opacity:.45;
top:-71%
}
@Keyframes rain-137 {
0% {
opacity:.45;
left:44%;
top:-71%
}
100% {
opacity:0;
top:111%
}
}
.rain:nth-of-type(138) {
-webkit-animation-name:rain-138;
animation-name:rain-138;
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:54%;
opacity:.52;
top:-65%
}
@Keyframes rain-138 {
0% {
opacity:.52;
left:54%;
top:-65%
}
100% {
opacity:0;
top:105%
}
}
.rain:nth-of-type(139) {
-webkit-animation-name:rain-139;
animation-name:rain-139;
-webkit-animation-delay:10s;
animation-delay:10s;
-webkit-animation-duration:8s;
animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:29%;
opacity:.35;
top:-67%
}
@Keyframes rain-139 {
0% {
opacity:.35;
left:29%;
top:-67%
}
100% {
opacity:0;
top:107%
}
}
.rain:nth-of-type(140) {
-webkit-animation-name:rain-140;
animation-name:rain-140;
-webkit-animation-delay:14s;
animation-delay:14s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:14%;
opacity:.46;
top:-91%
}
@Keyframes rain-140 {
0% {
opacity:.46;
left:14%;
top:-91%
}
100% {
opacity:0;
top:131%
}
}
.rain:nth-of-type(141) {
-webkit-animation-name:rain-141;
animation-name:rain-141;
-webkit-animation-delay:18s;
animation-delay:18s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:48%;
opacity:.47;
top:-83%
}
@Keyframes rain-141 {
0% {
opacity:.47;
left:48%;
top:-83%
}
100% {
opacity:0;
top:123%
}
}
.rain:nth-of-type(142) {
-webkit-animation-name:rain-142;
animation-name:rain-142;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:4%;
opacity:.54;
top:-58%
}
@Keyframes rain-142 {
0% {
opacity:.54;
left:4%;
top:-58%
}
100% {
opacity:0;
top:98%
}
}
.rain:nth-of-type(143) {
-webkit-animation-name:rain-143;
animation-name:rain-143;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:79%;
opacity:.52;
top:-80%
}
@Keyframes rain-143 {
0% {
opacity:.52;
left:79%;
top:-80%
}
100% {
opacity:0;
top:120%
}
}
.rain:nth-of-type(144) {
-webkit-animation-name:rain-144;
animation-name:rain-144;
-webkit-animation-delay:13s;
animation-delay:13s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:10%;
opacity:.44;
top:-52%
}
@Keyframes rain-144 {
0% {
opacity:.44;
left:10%;
top:-52%
}
100% {
opacity:0;
top:92%
}
}
.rain:nth-of-type(145) {
-webkit-animation-name:rain-145;
animation-name:rain-145;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:10%;
opacity:.39;
top:-100%
}
@Keyframes rain-145 {
0% {
opacity:.39;
left:10%;
top:-100%
}
100% {
opacity:0;
top:140%
}
}
.rain:nth-of-type(146) {
-webkit-animation-name:rain-146;
animation-name:rain-146;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:61%;
opacity:.51;
top:-81%
}
@Keyframes rain-146 {
0% {
opacity:.51;
left:61%;
top:-81%
}
100% {
opacity:0;
top:121%
}
}
.rain:nth-of-type(147) {
-webkit-animation-name:rain-147;
animation-name:rain-147;
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-duration:9s;
animation-duration:9s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:89%;
opacity:.44;
top:-82%
}
@Keyframes rain-147 {
0% {
opacity:.44;
left:89%;
top:-82%
}
100% {
opacity:0;
top:122%
}
}
.rain:nth-of-type(148) {
-webkit-animation-name:rain-148;
animation-name:rain-148;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:76%;
opacity:.31;
top:-54%
}
@Keyframes rain-148 {
0% {
opacity:.31;
left:76%;
top:-54%
}
100% {
opacity:0;
top:94%
}
}
.rain:nth-of-type(149) {
-webkit-animation-name:rain-149;
animation-name:rain-149;
-webkit-animation-delay:17s;
animation-delay:17s;
-webkit-animation-duration:6s;
animation-duration:6s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:32%;
opacity:.38;
top:-81%
}
@Keyframes rain-149 {
0% {
opacity:.38;
left:32%;
top:-81%
}
100% {
opacity:0;
top:121%
}
}
.rain:nth-of-type(150) {
-webkit-animation-name:rain-150;
animation-name:rain-150;
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:7s;
animation-duration:7s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
left:99%;
opacity:.48;
top:-75%
}
@Keyframes rain-150 {
0% {
opacity:.48;
left:99%;
top:-75%
}
100% {
opacity:0;
top:115%
}
}
.general-widget .clock-card {
border:10px double rgba(255,255,255,0.2);
border-radius:100%;
position:absolute;
top:-50px;
right:50px
}
.general-widget .mobile-clock-widget {
border-radius:40px
}
.general-widget .user-status tbody tr:hover {
background-color:rgba(126,55,216,0.05);
border-radius:15px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.general-widget .card-header {
padding:35px 50px
}
.general-widget .card-header .card-header-right {
top:27px
}
.general-widget .table th {
border-top:none;
font-size:16px;
padding:18px 0.75rem;
border-bottom:1px solid #dee2e6;
border-top:1px solid #dee2e6
}
.general-widget .table tr:last-child td {
border-bottom:none
}
.general-widget .table tr td {
border-bottom:1px solid #f1f1f1;
vertical-align:middle;
padding:0.85rem
}
.general-widget .table tr th:first-child,.general-widget .table tr td:first-child {
padding-left:50px
}
.general-widget .table tr th:last-child,.general-widget .table tr td:last-child {
padding-right:50px
}
.cart-table .table tr td {
padding:1rem
}
.welcome-popup .modal-content {
background-image:url(../images/dashboard/popup.png);
background-repeat:no-repeat;
background-position:top center;
border-radius:30px;
-webkit-box-shadow:2px 12px 26px 3px rgba(47,46,46,0.3);
box-shadow:2px 12px 26px 3px rgba(47,46,46,0.3)
}
.welcome-popup .close {
z-index:9;
position:absolute;
background-color:#fff;
color:#7e37d8;
opacity:1;
border-radius:15px;
padding:10px 15px;
left:-20px;
top:-10px;
-webkit-box-shadow:-2px 6px 11px 3px rgba(126,55,216,0.3);
box-shadow:-2px 6px 11px 3px rgba(126,55,216,0.3)
}
.welcome-popup .modal-header {
height:190px;
border:none
}
.welcome-popup .contain {
padding-top:80px
}
.weather-widget .card {
overflow:hidden
}
.weather-widget .weather-widget-top {
height:330px;
background-image:url(../images/dashboard/whather_bg.jpg);
background-size:cover;
border-radius:40px 40px 0 0
}
.weather-widget .weather-widget-top .location {
color:#fff;
position:absolute;
top:80px;
right:80px
}
.weather-widget .weather-widget-top .location i {
font-size:20px;
position:absolute;
right:0
}
.weather-widget .weather-widget-top .location h6 {
margin-bottom:0;
padding-right:25px
}
.weather-widget .weather-widget-top .media {
height:100%
}
.weather-widget .weather-widget-top .media .media-body {
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.weather-widget .weather-widget-top .media .media-body h2 {
font-size:calc(50px + (124 - 50) * ((100vw - 320px) / (1920 - 320)));
color:#fff;
font-weight:600;
margin-bottom:0;
margin-top:20px
}
.weather-widget .weather-widget-top svg {
width:calc(150px + (280 - 150) * ((100vw - 320px) / (1920 - 320)));
height:calc(150px + (280 - 150) * ((100vw - 320px) / (1920 - 320)))
}
.weather-widget .weather-widget-top svg .climacon_component-stroke {
fill:#fff;
stroke-width:0
}
.weather-widget .weather-widget-bottom {
padding:0 30px;
background-color:rgba(126,55,216,0.05)
}
.weather-widget .weather-widget-bottom .col {
padding:0
}
.weather-widget .weather-widget-bottom .col .box {
text-align:center;
padding:15px;
position:relative
}
.weather-widget .weather-widget-bottom .col .box:before {
content:"";
position:absolute;
height:100px;
width:100px;
background-color:rgba(126,55,216,0.05);
left:0;
top:0;
opacity:0;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transition:all .3s ease;
transition:all .3s ease;
border-radius:100%
}
.weather-widget .weather-widget-bottom .col .box.active:before,.weather-widget .weather-widget-bottom .col .box:hover:before {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.weather-widget .weather-widget-bottom .col .box h5,.weather-widget .weather-widget-bottom .col .box h6 {
margin-bottom:0
}
.weather-widget .weather-widget-bottom .col .box h6 {
opacity:0.5
}
.weather-widget .weather-widget-bottom .col .box svg {
width:70px;
height:70px
}
.weather-widget .weather-widget-bottom .col .box svg .climacon_component-stroke {
fill:rgba(126,55,216,0.3);
stroke:#7e37d8
}
.btn-shadow-primary {
background-color:#7e37d8;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(126,55,216,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(126,55,216,0.2) !important
}
.btn-shadow-primary:hover,.btn-shadow-primary:active,.btn-shadow-primary:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#6524b8;
border-color:#6524b8
}
.btn-shadow-secondary {
background-color:#fe80b2;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(254,128,178,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(254,128,178,0.2) !important
}
.btn-shadow-secondary:hover,.btn-shadow-secondary:active,.btn-shadow-secondary:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#fe4d93;
border-color:#fe4d93
}
.btn-shadow-success {
background-color:#80cf00;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(128,207,0,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(128,207,0,0.2) !important
}
.btn-shadow-success:hover,.btn-shadow-success:active,.btn-shadow-success:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#609c00;
border-color:#609c00
}
.btn-shadow-danger {
background-color:#fd517d;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(253,81,125,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(253,81,125,0.2) !important
}
.btn-shadow-danger:hover,.btn-shadow-danger:active,.btn-shadow-danger:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#fc1f57;
border-color:#fc1f57
}
.btn-shadow-info {
background-color:#06b5dd;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(6,181,221,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(6,181,221,0.2) !important
}
.btn-shadow-info:hover,.btn-shadow-info:active,.btn-shadow-info:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#058cab;
border-color:#058cab
}
.btn-shadow-light {
background-color:#f8f5fd;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(248,245,253,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(248,245,253,0.2) !important
}
.btn-shadow-light:hover,.btn-shadow-light:active,.btn-shadow-light:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#dacbf5;
border-color:#dacbf5
}
.btn-shadow-dark {
background-color:#2c323f;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(44,50,63,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(44,50,63,0.2) !important
}
.btn-shadow-dark:hover,.btn-shadow-dark:active,.btn-shadow-dark:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#171a21;
border-color:#171a21
}
.btn-shadow-warning {
background-color:#ffc717;
border-radius:25px;
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(255,199,23,0.2) !important;
box-shadow:2px 12px 26px 3px rgba(255,199,23,0.2) !important
}
.btn-shadow-warning:hover,.btn-shadow-warning:active,.btn-shadow-warning:not([disabled]):not(.disabled):active {
color:#fff;
background-color:#e3ac00;
border-color:#e3ac00
}
.recent-images-primary img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(126,55,216,0.4));
filter:drop-shadow(2px 3px 9px rgba(126,55,216,0.4))
}
.recent-images-secondary img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(254,128,178,0.4));
filter:drop-shadow(2px 3px 9px rgba(254,128,178,0.4))
}
.recent-images-success img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(128,207,0,0.4));
filter:drop-shadow(2px 3px 9px rgba(128,207,0,0.4))
}
.recent-images-danger img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(253,81,125,0.4));
filter:drop-shadow(2px 3px 9px rgba(253,81,125,0.4))
}
.recent-images-info img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(6,181,221,0.4));
filter:drop-shadow(2px 3px 9px rgba(6,181,221,0.4))
}
.recent-images-light img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(248,245,253,0.4));
filter:drop-shadow(2px 3px 9px rgba(248,245,253,0.4))
}
.recent-images-dark img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(44,50,63,0.4));
filter:drop-shadow(2px 3px 9px rgba(44,50,63,0.4))
}
.recent-images-warning img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(255,199,23,0.4));
filter:drop-shadow(2px 3px 9px rgba(255,199,23,0.4))
}
.setting-dot .setting-bg {
width:30px;
height:30px;
background-color:#efefef;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-dot .setting-bg i {
font-size:16px
}
.position-set {
position:absolute;
right:50px;
top:45px
}
.setting-bg-primary {
width:30px;
height:30px;
background-color:rgba(126,55,216,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-primary i {
font-size:16px;
color:#7e37d8
}
.setting-bg-secondary {
width:30px;
height:30px;
background-color:rgba(254,128,178,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-secondary i {
font-size:16px;
color:#fe80b2
}
.setting-bg-success {
width:30px;
height:30px;
background-color:rgba(128,207,0,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-success i {
font-size:16px;
color:#80cf00
}
.setting-bg-danger {
width:30px;
height:30px;
background-color:rgba(253,81,125,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-danger i {
font-size:16px;
color:#fd517d
}
.setting-bg-info {
width:30px;
height:30px;
background-color:rgba(6,181,221,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-info i {
font-size:16px;
color:#06b5dd
}
.setting-bg-light {
width:30px;
height:30px;
background-color:rgba(248,245,253,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-light i {
font-size:16px;
color:#f8f5fd
}
.setting-bg-dark {
width:30px;
height:30px;
background-color:rgba(44,50,63,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-dark i {
font-size:16px;
color:#2c323f
}
.setting-bg-warning {
width:30px;
height:30px;
background-color:rgba(255,199,23,0.1);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%
}
.setting-bg-warning i {
font-size:16px;
color:#ffc717
}
.year-overview .card-header {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.default-chartist-container.ct-10 {
height:250px
}
.default-chartist-container.ct-10 svg {
-webkit-filter:drop-shadow(2px -3px 9px rgba(254,128,178,0.45));
filter:drop-shadow(2px -3px 9px rgba(254,128,178,0.45))
}
.default-chartist-container.ct-10 svg .ct-series-a .ct-bar {
stroke:url(#gradient) !important
}
.default-chartist-container.ct-10 svg .ct-labels foreignObject .ct-label {
line-height:4;
color:rgba(254,128,178,0.5)
}
.default-chartist-container.ct-10 svg .ct-labels foreignObject:last-child .ct-label {
color:#fe67a3;
font-weight:700
}
.default-chartist-container.ct-11 {
height:250px
}
.default-chartist-container.ct-11 svg {
-webkit-filter:drop-shadow(2px -3px 9px rgba(21,141,247,0.3));
filter:drop-shadow(2px -3px 9px rgba(21,141,247,0.3))
}
.default-chartist-container.ct-11 svg .ct-series-a .ct-point,.default-chartist-container.ct-11 svg .ct-series-a .ct-line,.default-chartist-container.ct-11 svg .ct-series-a .ct-bar,.default-chartist-container.ct-11 svg .ct-series-a .ct-slice-donut {
stroke:#158df7
}
.default-chartist-container.ct-11 svg .ct-label {
line-height:4;
color:rgba(21,141,247,0.5)
}
.radial-default #apexcharts-series-0 #apexcharts-radialbar-slice-0 {
stroke-width:12px
}
.radial-default #apexcharts-series-1 #apexcharts-radialbar-slice-1 {
stroke-width:10px
}
.radial-default #apexcharts-series-2 #apexcharts-radialbar-slice-2 {
stroke-width:8px
}
.radial-default .apexcharts-pie-label,.radial-default .apexcharts-datalabel,.radial-default .apexcharts-datalabel-label,.radial-default .apexcharts-datalabel-value {
font-weight:600
}
.monthly-overview .card-header h5,.yearly .card-header h5 {
margin-bottom:10px
}
.monthly-overview .card-header h6,.yearly .card-header h6 {
color:rgba(255,255,255,0.6)
}
.monthly-overview .card-header .right-badge,.yearly .card-header .right-badge {
margin-top:0;
position:absolute;
right:50px;
top:50px
}
.monthly-overview .card-header .right-badge .badge,.yearly .card-header .right-badge .badge {
background-color:rgba(255,255,255,0.2);
color:#fff;
font-size:14px;
padding:8px 16px 7px 16px
}
.monthly-overview .area-range-apex #area-range,.monthly-overview .area-range-apex #area-range-1,.yearly .area-range-apex #area-range,.yearly .area-range-apex #area-range-1 {
min-height:230px !important
}
.monthly-overview .area-range-apex .apexcharts-tooltip.light,.yearly .area-range-apex .apexcharts-tooltip.light {
background:#fe80b2
}
.monthly-overview .area-range-apex .apexcharts-tooltip.light .apexcharts-tooltip-title,.yearly .area-range-apex .apexcharts-tooltip.light .apexcharts-tooltip-title {
display:none
}
.monthly-overview .area-range-apex .apexcharts-xaxistooltip,.yearly .area-range-apex .apexcharts-xaxistooltip {
display:none
}
.monthly-overview .text-bg,.yearly .text-bg {
position:absolute;
top:45%;
right:16%
}
.monthly-overview .text-bg span,.yearly .text-bg span {
font-size:100px;
color:rgba(255,255,255,0.2);
font-weight:700
}
.yearly .area-range-apex .apexcharts-tooltip.light {
background:#7e37d8
}
.yearly .text-bg {
position:absolute;
top:45%;
left:16%;
right:unset
}
.music-layer {
background-image:url(../images/dashboard/music.png);
background-size:cover;
background-repeat:no-repeat;
background-position:top;
height:259px;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.music-layer .btn {
margin-left:-10px;
padding:10px 18px;
background-color:#158df7;
color:#fff;
-webkit-box-shadow:0px 4px 22px 3px rgba(21,141,247,0.4);
box-shadow:0px 4px 22px 3px rgba(21,141,247,0.4)
}
.tag-card .tag-hover-effect {
opacity:0;
-webkit-transition:1.5s;
transition:1.5s
}
.tag-card:hover .tag-hover-effect {
opacity:1
}
.dots-group .dots1 {
width:8px;
height:8px;
bottom:0;
right:6%
}
.dots-group .dots2 {
right:15%;
bottom:-1%
}
.dots-group .dots3 {
right:1%;
bottom:9%
}
.dots-group .dots4 {
right:5%;
bottom:20%
}
.dots-group .dots5 {
right:7%;
bottom:10%
}
.dots-group .dots6 {
right:9%;
bottom:29%
}
.dots-group .dots7 {
right:-1%;
bottom:22%
}
.dots-group .dots8 {
right:14%;
bottom:12%
}
.dots-group .dots9 {
right:20%;
bottom:34%
}
.dots-group .dot-small {
width:4px;
height:4px
}
.dots-group .dot-small-semi {
width:5px;
height:5px
}
.dots-group .dot-medium {
width:6px;
height:6px
}
.dots-group .dots {
position:absolute;
background-color:#fff;
border-radius:100%
}
.overview-dots .dots-group .dots1 {
right:4%
}
.overview-dots .dots-group .dots2 {
right:10%;
bottom:0%
}
.overview-dots .dots-group .dots3 {
bottom:6%
}
.overview-dots .dots-group .dots4 {
right:4%;
bottom:11%
}
.overview-dots .dots-group .dots5 {
bottom:6%
}
.overview-dots .dots-group .dots6 {
right:5%;
bottom:17%
}
.overview-dots .dots-group .dots7 {
right:-0.5%;
bottom:12%
}
.overview-dots .dots-group .dots8 {
right:13%;
bottom:7%
}
.overview-dots .dots-group .dots9 {
right:12%;
bottom:21%
}
.default-dots-stay .dots-group .dots9 {
bottom:20%
}
.default-chart .apex-widgets {
height:120px
}
.default-chart .apex-widgets #area-widget-chart .apexcharts-tooltip.light {
background:#7e37d8
}
.default-chart .apex-widgets #area-widget-chart-2 .apexcharts-tooltip.light {
background:#fe80b2
}
.default-chart .apex-widgets #area-widget-chart-2 .apexcharts-tooltip.light .apexcharts-tooltip-text {
color:#fff
}
.default-chart .apex-widgets #area-widget-chart-3 .apexcharts-tooltip.light {
background:#ffc717
}
.default-chart .apex-widgets #area-widget-chart-3 .apexcharts-tooltip.light .apexcharts-tooltip-text {
color:#fff
}
.default-chart .apex-widgets #area-widget-chart-4 .apexcharts-tooltip.light {
background:#06b5dd
}
.default-chart .apex-widgets #area-widget-chart-4 .apexcharts-tooltip.light .apexcharts-tooltip-text {
color:#fff
}
.default-chart .apex-widgets .apexcharts-tooltip.light .apexcharts-tooltip-title {
display:none
}
.default-chart .apex-widgets .apexcharts-xaxistooltip {
display:none
}
.default-chart .widgets-bottom h5 {
color:#fff
}
.default-chart .widgets-bottom h5 span {
padding-top:5px;
font-size:14px;
color:rgba(255,255,255,0.8)
}
.weather-bg {
overflow:hidden;
background-image:-webkit-gradient(linear, left top, right bottom, from(#863ee2), to(#7d18a9));
background-image:linear-gradient(to bottom right, #863ee2, #7d18a9);
color:#fff;
-webkit-box-shadow:2px 12px 26px 3px rgba(126,55,216,0.3);
box-shadow:2px 12px 26px 3px rgba(126,55,216,0.3)
}
.weather-bg .cloud img {
position:absolute;
top:-3px;
right:-3px;
width:220px;
height:auto
}
.weather-bg .weather-details {
padding-left:50px
}
.weather-bg .weather-details .weather-title {
font-weight:700;
font-size:60px;
padding-right:40px;
line-height:1
}
.weather-bg .weather-details .weather-title span {
margin-right:10px
}
.weather-bg .weather-details i {
font-size:10px
}
.weather-bg .weather-details .media-body {
position:relative
}
.weather-bg .weather-details .media-body h5 {
margin-bottom:4px
}
.weather-bg .weather-details .media-body h6 {
margin-top:7px;
color:rgba(255,255,255,0.2)
}
.weather-bg .weather-details .media-body:before {
position:absolute;
content:'';
width:2px;
height:50px;
background-color:rgba(255,255,255,0.1);
top:14px;
left:-22px;
border-radius:100%
}
.weather-bg img {
width:100%;
margin-bottom:-6px;
height:242px
}
.activity-table .activity-image {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:90px;
height:109px;
background-color:rgba(126,55,216,0.05);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:25px
}
.activity-table .activity-secondary {
background-color:rgba(254,128,178,0.05)
}
.activity-table .activity-details h4 {
font-weight:200
}
.activity-table .activity-details h6 {
color:#000
}
.activity-table table tbody tr td {
padding-left:0;
padding-right:0;
vertical-align:middle;
padding-bottom:50px
}
.activity-table table tbody tr td:first-child {
padding-top:0
}
.activity-table table tbody tr:last-child td {
padding-bottom:0
}
.activity-table .light-text {
color:rgba(0,0,0,0.3);
margin-top:3px
}
.recent-table table tbody tr td {
padding-bottom:8px
}
.recent-table table tbody tr td .recent-images img {
-webkit-filter:drop-shadow(2px 3px 9px rgba(21,141,247,0.4));
filter:drop-shadow(2px 3px 9px rgba(21,141,247,0.4))
}
.recent-table table tbody tr td:last-child {
text-align:right
}
.recent-table table tbody tr td:last-child .recent-badge {
background-color:rgba(21,141,247,0.05);
padding:0 12px
}
.recent-table table tbody tr td:nth-child(3) .recent-badge {
width:83px;
height:22px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:0
}
.recent-table table tbody tr td:nth-child(5) {
color:rgba(21,141,247,0.5)
}
.recent-badge {
background-color:rgba(21,141,247,0.1);
color:#158df7
}
.recent-badge svg {
width:24px;
height:24px;
vertical-align:middle
}
.date-picker-setting {
background-color:rgba(255,255,255,0.1)
}
.date-picker-setting i {
color:#fff
}
.default-datepicker {
border-radius:40px
}
.default-datepicker .datepicker-here,.default-datepicker .datepicker-inline,.default-datepicker .datepicker {
border-radius:40px
}
.default-datepicker .datepicker-inline .datepicker {
width:auto;
background:rgba(0,0,0,0);
-webkit-box-shadow:none;
box-shadow:none;
padding:0
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
margin:33px 0 20px;
padding:15px 0;
background-image:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255,255,255,0.05)), to(transparent));
background-image:linear-gradient(to right, transparent, rgba(255,255,255,0.05), transparent);
-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.01);
box-shadow:0 0 5px 5px rgba(0,0,0,0.01)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
color:rgba(255,255,255,0.2);
font-size:14px
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
height:51px;
color:#fff
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
color:rgba(255,255,255,0.2)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
font-weight:700
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
background:#fff;
color:#7e37d8;
border-radius:38%;
position:relative
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
position:absolute;
content:'';
width:452px;
height:51px;
top:0;
left:-202px;
background-image:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255,255,255,0.05)), to(transparent));
background-image:linear-gradient(to right, transparent, rgba(255,255,255,0.05), transparent)
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-,.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
border-radius:38%
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav {
border-bottom:none;
padding:0;
text-transform:capitalize;
margin-top:-12px
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
display:none
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
color:#fff;
font-size:22px;
font-weight:700
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
color:#fff;
margin-left:30px;
font-weight:100;
font-size:30px
}
.default-datepicker .datepicker--cell-month,.default-datepicker .datepicker--cell.-current-.-focus-,.default-datepicker .datepicker--cell.-current-,.default-datepicker .datepicker--cell-year {
color:#fff
}
.crm-activity>li+li {
border-top:1px solid #efefef;
margin-top:25px;
padding-top:25px
}
.crm-activity>li h6 {
font-size:14px;
line-height:1.4
}
.crm-activity span {
font-size:24px;
border:2px solid;
padding:0 10px;
border-radius:100%;
height:50px;
width:50px;
text-align:center;
line-height:2
}
.crm-activity ul.dates h6 {
color:#1b3155
}
.crm-activity ul.dates li {
color:#6e7e96;
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
}
.ecommerce-widget {
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid #f1f3ff
}
.ecommerce-widget .total-num {
font-family:work-Sans,sans-serif;
font-weight:600;
color:#1b3155;
margin:0;
letter-spacing:1px
}
.ecommerce-widget .total-num span {
color:#000
}
.ecommerce-widget .row {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.ecommerce-widget .progress-showcase {
margin-top:30px
}
.ecommerce-widget span {
color:#6e7e96;
margin:0
}
.ecommerce-widget .icon {
color:#efefef;
font-size:40px
}
.ecommerce-widget .product-stts {
font-family:work-Sans,sans-serif
}
.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))
}
.static-top-widget {
margin:-50px;
padding:40px
}
.static-top-widget:hover .icon-bg {
-webkit-transform:rotate(-5deg) scale(1.1);
transform:rotate(-5deg) scale(1.1);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.static-top-widget div.align-self-center svg {
width:40px;
height:40px;
margin-top:4px
}
.static-top-widget .media-body {
-ms-flex-item-align:center !important;
align-self:center !important;
padding-left:30px
}
.static-top-widget .media-body h4 {
font-family:work-Sans,sans-serif
}
.static-top-widget .media-body .icon-bg {
position:absolute;
right:-14px;
top:6px;
opacity:0.2;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
width:100px;
height:100px;
stroke:#fff
}
.bg-info .media.static-top-widget .align-self-center {
background-color:#06b5dd
}
.bg-primary .media.static-top-widget .align-self-center {
background-color:#7e37d8
}
.bg-secondary .media.static-top-widget .align-self-center {
background-color:#fe80b2
}
.bg-danger .media.static-top-widget .align-self-center {
background-color:#fd517d
}
.widget-joins:before {
content:"";
position:absolute;
height:100%;
width:1px;
background-color:#efefef;
left:calc(50% - 1px)
}
.widget-joins:after {
content:"";
position:absolute;
height:1px;
width:100%;
background-color:#efefef;
left:0;
top:50%
}
.widget-joins .media {
padding:40px;
text-align:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.widget-joins .media .details {
border-left:1px solid #efefef;
padding:1px 0
}
.widget-joins .media .media-body {
text-align:left
}
.widget-joins .media .media-body span {
font-family:work-Sans,sans-serif
}
.widget-joins .media .media-body>span {
color:#6e7e96
}
.widget-joins .media .media-body i {
font-size:28px;
margin-top:20px
}
.widget-joins .media .media-body h6 {
font-family:work-Sans,sans-serif;
font-weight:600
}
.widget-joins .media .media-body h6 span {
color:#000
}
.redial-social-widget {
border-radius:100%;
width:100px;
height:100px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:25px;
margin:0 auto;
background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #f8f5fd), color-stop(50%, transparent), to(transparent)),-webkit-gradient(linear, left top, right top, color-stop(50%, #e8ebf2), color-stop(50%, #f8f5fd), to(#f8f5fd));
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(90deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget i {
background-color:#fff;
height:80px;
width:80px;
border-radius:100%;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.redial-social-widget.radial-bar-5 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(108deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-10 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(126deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-15 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(144deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-20 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(162deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-25 {
background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #f8f5fd), color-stop(50%, transparent), to(transparent)),-webkit-gradient(linear, left top, left bottom, color-stop(50%, #e8ebf2), color-stop(50%, #f8f5fd), to(#f8f5fd));
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(180deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-30 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(198deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-35 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(216deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-40 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(234deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-45 {
background-image:linear-gradient(90deg, #f8f5fd 50%, transparent 50%, transparent),linear-gradient(252deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-50 {
background-image:-webkit-gradient(linear, right top, left top, color-stop(50%, #e8ebf2), color-stop(50%, transparent), to(transparent)),-webkit-gradient(linear, right top, left top, color-stop(50%, #e8ebf2), color-stop(50%, #f8f5fd), to(#f8f5fd));
background-image:linear-gradient(270deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-55 {
background-image:linear-gradient(288deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-60 {
background-image:linear-gradient(306deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-65 {
background-image:linear-gradient(324deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-70 {
background-image:linear-gradient(342deg, #4466f2 50%, transparent 50%, transparent),linear-gradient(270deg, #4466f2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-75 {
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(50%, #e8ebf2), color-stop(50%, transparent), to(transparent)),-webkit-gradient(linear, right top, left top, color-stop(50%, #e8ebf2), color-stop(50%, #f8f5fd), to(#f8f5fd));
background-image:linear-gradient(360deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-80 {
background-image:linear-gradient(378deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-85 {
background-image:linear-gradient(396deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-90 {
background-image:linear-gradient(414deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-95 {
background-image:linear-gradient(432deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
.redial-social-widget.radial-bar-100 {
background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #e8ebf2), color-stop(50%, transparent), to(transparent)),-webkit-gradient(linear, right top, left top, color-stop(50%, #e8ebf2), color-stop(50%, #f8f5fd), to(#f8f5fd));
background-image:linear-gradient(450deg, #e8ebf2 50%, transparent 50%, transparent),linear-gradient(270deg, #e8ebf2 50%, #f8f5fd 50%, #f8f5fd)
}
#chart-widget1 .apexcharts-xaxistooltip {
border-radius:15px;
background-color:#ece2f9;
color:#7e37d8
}
#chart-widget1 .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
background-color:#7e37d8 !important
}
#chart-widget1 .apexcharts-tooltip.light {
background-color:#ece2f9;
color:#7e37d8
}
#chart-widget1 .apexcharts-tooltip.light .apexcharts-tooltip-title {
background-color:#ece2f9;
color:#7e37d8;
border-bottom:#b58ce9
}
#chart-widget2 .apexcharts-xaxistooltip {
border-radius:15px;
background-color:#fff;
color:#fe80b2
}
#chart-widget2 .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
background-color:#fe80b2 !important
}
#chart-widget2 .apexcharts-tooltip.light {
background-color:#fff;
color:#fe80b2
}
#chart-widget2 .apexcharts-tooltip.light .apexcharts-tooltip-title {
background-color:#fff;
color:#fe80b2;
border-bottom:#ffcce0
}
#chart-widget3 .apexcharts-xaxistooltip {
border-radius:15px;
background-color:#e4f9fe;
color:#06b5dd
}
#chart-widget3 .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
background-color:#06b5dd !important
}
#chart-widget3 .apexcharts-tooltip.light {
background-color:#e4f9fe;
color:#06b5dd
}
#chart-widget3 .apexcharts-tooltip.light .apexcharts-tooltip-title {
background-color:#e4f9fe;
color:#06b5dd;
border-bottom:#68dffb
}
.browser-widget {
margin-bottom:0
}
.browser-widget:hover img,.browser-widget.hover img {
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-transform:scale(1.1) rotate(5deg);
transform:scale(1.1) rotate(5deg);
-webkit-filter:drop-shadow(2px 10px 26px rgba(126,55,216,0.3));
filter:drop-shadow(2px 10px 26px rgba(126,55,216,0.3))
}
.browser-widget:hover h4,.browser-widget.hover h4 {
font-weight:600
}
.browser-widget img {
height:80px;
-webkit-transform:scale(1) rotate(0deg);
transform:scale(1) rotate(0deg);
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.browser-widget .media-body {
text-align:center;
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
-webkit-column-rule:1px solid #f8f5fd;
-moz-column-rule:1px solid #f8f5fd;
column-rule:1px solid #f8f5fd
}
.browser-widget .media-body span {
margin-bottom:0;
color:#6e7e96
}
.browser-widget .media-body p {
margin-bottom:0.5rem
}
.browser-widget .media-body h4 {
font-family:work-Sans,sans-serif;
color:#1b3155;
margin-bottom:0
}
.browser-widget .media-body h4 span {
color:#333333
}
.testimonial #owl-carousel-testimonial .owl-stage-outer .owl-stage .owl-item .item img,.testimonial #owl-carousel-testimonial-rtl .owl-stage-outer .owl-stage .owl-item .item img {
border-radius:100%
}
.testimonial i {
font-size:60px;
color:#f8f5fd
}
.testimonial p {
color:#6e7e96;
font-style:italic;
margin-bottom:30px;
margin-top:30px
}
.testimonial h5 {
color:#1b3155;
padding-top:10px
}
.testimonial span {
color:#6e7e96
}
.testimonial img {
margin:0 auto
}
.mobile-clock-widget .sec,.min,.hour {
position:absolute;
width:24px;
height:234px;
top:0;
left:102px;
margin-top:-30px;
margin-left:-25px
}
.task-list {
text-align:left;
margin:30px
}
.task-list li {
font-size:16px;
padding-top:10px;
padding-bottom:10px
}
.task-list li+li {
border-top:1px dashed rgba(255,255,255,0.2)
}
.task-list li:last-child {
padding-bottom:0
}
.task-list li span {
opacity:0.5;
padding-right:5px
}
.cal-date-widget .cal-info {
padding-left:15px;
margin-top:50px
}
.cal-date-widget .datepicker {
padding:0;
border-radius:20px;
-webkit-box-shadow:none;
box-shadow:none;
width:95%
}
.cal-date-widget .datepicker--cell.-selected-.-current- {
background:#fe80b2;
border-color:#fe80b2
}
.cal-date-widget .datepicker--nav-action {
width:45px;
border-radius:15px
}
.cal-date-widget .datepicker--nav {
min-height:55px
}
.cal-date-widget .datepicker--day-name {
font-size:14px
}
.cal-date-widget .datepicker--nav-title {
font-size:18px
}
.cal-date-widget .datepicker--cell-day {
height:46px;
border-radius:15px
}
.cal-date-widget .cal-info h2 {
font-size:calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
margin-bottom:0;
line-height:1
}
.cal-date-widget .cal-datepicker .datepicker--nav {
font-family:work-Sans,sans-serif
}
.mobile-clock-widget {
background:url(../images/other-images/mobile-clock-wallpaper.jpg);
background-repeat:no-repeat;
background-size:cover;
height:220px;
border-radius:20px;
color:#fff;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-blend-mode:overlay;
background-color:#4e2188;
position:relative
}
.mobile-clock-widget .clock-details {
position:absolute;
left:50px;
text-align:left
}
.mobile-clock-widget .bg-svg {
position:absolute;
top:-4px;
left:-25px
}
.mobile-clock-widget .bg-svg svg {
width:150px;
height:150px;
opacity:0.1
}
.mobile-clock-widget .bg-svg svg .climacon_component-stroke {
fill:#fe80b2;
stroke-width:1px;
stroke:#fe80b2
}
.mobile-clock-widget .clock {
padding:0;
position:relative;
list-style:none;
margin:0 auto;
height:175px;
width:175px;
display:block;
background:url(../images/other-images/clock-face.png) 5% center no-repeat
}
.mobile-clock-widget .date {
font-family:work-Sans,sans-serif
}
.mobile-clock-widget .sec {
background:url(../images/sec.svg);
z-index:3
}
.mobile-clock-widget .min {
background:url(../images/min.svg);
z-index:2
}
.mobile-clock-widget .hour {
background:url(../images/hour.svg);
z-index:1
}
.mobile-clock-widget #date {
margin-top:30px
}
.flot-chart-container {
height:350px
}
.calender-widget .cal-img {
background:url(../images/other-images/calender-bg.png);
background-size:cover;
border-top-left-radius:4px;
border-top-right-radius:4px;
height:300px
}
.calender-widget .cal-date {
font-family:work-Sans,sans-serif;
width:100px;
height:100px;
margin:0 auto;
text-align:center;
background-color:#fff;
border-radius:50%;
margin-top:-45px;
border:1px solid #e8ebf2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.calender-widget .cal-date h5 {
margin-bottom:0;
line-height:1.5;
padding:17px;
font-weight:600
}
.calender-widget .cal-desc h6 {
padding-bottom:6px
}
.calender-widget .cal-desc span {
line-height:1.6
}
.contact-form .theme-form {
border:1px solid #f8f5fd;
padding:30px;
border-radius:4px
}
.contact-form .theme-form .form-icon {
width:53px;
height:53px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
border:1px solid #efefef;
border-radius:100%;
font-size:21px;
background-color:#fff;
color:#898989;
margin-top:-55px;
margin-bottom:15px
}
.contact-form .theme-form .form-group {
margin-bottom:10px
}
.contact-form .theme-form .form-group label {
font-weight:600
}
.contact-form .btn {
padding:10px 30px
}
.small-chart .card-body {
padding-bottom:25px
}
.small-chart svg {
padding-top:25px
}
.r-dount {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.r-radial {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@-webkit-keyframes am-moving-dashes {
100% {
stroke-dashoffset:-30px
}
}
@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
}
}
#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:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.alert-center {
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
-webkit-box-align:center;
-ms-flex-align:center;
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
}
.custom-radio-ml {
margin-left:3px
}
.daterangepicker .ltr tr td.active {
color:#fff
}
#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
max-height:100px;
overflow-y:auto
}
.btn-showcase a {
color:#fff
}
.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:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
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
}
footer.blockquote-footer {
bottom:unset
}
@media only screen and (max-width: 1440px) {
.tag-card .dots-group .dots1 {
right:4%
}
.tag-card .dots-group .dots2 {
right:10%
}
.tag-card .dots-group .dots4 {
right:4%;
bottom:20%
}
.tag-card .dots-group .dots6 {
right:7%;
bottom:31%
}
.tag-card .dots-group .dots7 {
right:-0.5%
}
.tag-card .dots-group .dots9 {
right:14%;
bottom:34%
}
.full-width-dots .dots-group .dots1 {
right:2%
}
.full-width-dots .dots-group .dots2 {
right:5%
}
.full-width-dots .dots-group .dots3 {
right:0.5%
}
.full-width-dots .dots-group .dots4 {
right:2%;
bottom:11%
}
.full-width-dots .dots-group .dots5 {
right:3%
}
.full-width-dots .dots-group .dots6 {
bottom:16%;
right:3%
}
.full-width-dots .dots-group .dots7 {
right:-0.2%
}
.full-width-dots .dots-group .dots8 {
right:6%
}
.full-width-dots .dots-group .dots9 {
right:6%;
bottom:19%
}
}
@media only screen and (max-width: 1199px) {
.page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu {
-webkit-box-shadow:0 16px 15px 15px rgba(21,141,247,0.05);
box-shadow:0 16px 15px 15px rgba(21,141,247,0.05)
}
.full-lg-dots .dots-group .dots1 {
right:2%
}
.full-lg-dots .dots-group .dots2 {
right:5%
}
.full-lg-dots .dots-group .dots3 {
right:0.5%
}
.full-lg-dots .dots-group .dots4 {
right:2%;
bottom:11%
}
.full-lg-dots .dots-group .dots5 {
right:3%
}
.full-lg-dots .dots-group .dots6 {
bottom:16%;
right:3%
}
.full-lg-dots .dots-group .dots7 {
right:-0.2%
}
.full-lg-dots .dots-group .dots8 {
right:6%
}
.full-lg-dots .dots-group .dots9 {
right:6%;
bottom:19%
}
.music-layer {
background-size:contain
}
.music-layer .btn {
padding:6px 12px
}
.recent-table table tr td {
min-width:100px
}
.recent-table table tr td:nth-child(4) {
min-width:180px
}
.recent-table table tr td:nth-child(3) {
min-width:120px
}
.activity-table table tr td {
min-width:112px
}
.activity-table table tr td:nth-child(2),.activity-table table tr td:nth-child(3) {
min-width:180px
}
}
@media only screen and (max-width: 991px) {
.tag-card .dots-group .dots8 {
display:none
}
.card .card-header ul.creative-dots li.big-dot {
left:-25px;
width:40px;
height:40px
}
.card .card-header ul.creative-dots li.semi-big-dot {
width:25px;
height:25px;
top:33px
}
.card .card-header ul.creative-dots li.medium-dot {
width:15px;
height:15px
}
.card .card-header ul.creative-dots li.semi-medium-dot {
width:8px;
height:8px;
left:14px;
top:32px
}
.card .card-header ul.creative-dots li.semi-small-dot {
width:6px;
height:6px;
left:26px;
top:18px
}
.card .card-header ul.creative-dots li.small-dot {
display:none
}
.position-set {
right:30px;
top:24px
}
.monthly-overview .card-header .right-badge,.yearly .card-header .right-badge {
right:30px;
top:30px
}
.yearly .text-bg {
top:38%
}
.monthly-overview .text-bg {
top:40%
}
.activity-table table tbody tr td {
padding-bottom:30px
}
.recent-table table tbody tr td {
padding-bottom:8px;
min-width:100px
}
.recent-table table tbody tr td:nth-child(3),.recent-table table tbody tr td:nth-child(4),.recent-table table tbody tr td:nth-child(2) {
min-width:150px
}
.recent-table table tbody tr td:last-child {
min-width:50px
}
}
@media only screen and (max-width: 767px) {
.tag-card .dots-group .dots1,.tag-card .dots-group .dots6 {
right:3%
}
.tag-card .dots-group .dots2 {
right:7%
}
.tag-card .dots-group .dots4 {
right:2%
}
.tag-card .dots-group .dots5 {
right:4%
}
.tag-card .dots-group .dots9 {
right:9%;
bottom:35%
}
.full-width-dots .dots-group .dots1,.full-lg-dots .dots-group .dots1 {
bottom:0.5%
}
.full-width-dots .dots-group .dots7,.full-lg-dots .dots-group .dots7 {
right:-0.4%
}
.activity-table table tbody tr td {
min-width:120px
}
.activity-table table tbody tr td:nth-child(3) {
min-width:200px
}
.activity-table table tbody tr td:nth-child(2) {
min-width:150px
}
.footer-fix .pull-right {
float:none !important;
text-align:center !important
}
.default-chartist-container svg .ct-series-a .ct-bar {
stroke-width:12px !important
}
}
@media only screen and (max-width: 575px) {
.dots-group .dots1 {
bottom:1%
}
.full-width-dots .dots-group .dots1,.full-lg-dots .dots-group .dots1 {
bottom:1.5%
}
.position-set {
right:25px;
top:18px
}
.card .card-header ul.creative-dots li.big-dot {
left:-16px;
width:30px;
height:30px
}
.card .card-header ul.creative-dots li.semi-big-dot {
width:20px;
height:20px;
top:22px;
left:-12px
}
.card .card-header ul.creative-dots li.medium-dot {
width:12px;
height:12px
}
.card .card-header ul.creative-dots li.semi-medium-dot {
width:6px;
height:6px;
left:12px;
top:27px
}
.card .card-header ul.creative-dots li.semi-small-dot {
width:4px;
height:4px;
left:22px;
top:14px
}
.monthly-overview .card-header .right-badge,.yearly .card-header .right-badge {
right:25px;
top:25px
}
.weather-bg img {
height:190px
}
.weather-bg .weather-details .weather-title {
font-size:50px;
padding-right:25px
}
.weather-bg .weather-details i {
font-size:8px
}
.weather-bg .weather-details .media-body:before {
left:-17px
}
.monthly-overview .text-bg {
top:42%
}
.monthly-overview .text-bg span {
font-size:80px
}
.full-lg-dots .dots-group .dots2,.full-width-dots .dots-group .dots2 {
right:7%;
bottom:-0.2%
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
height:43px
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
height:43px
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
margin:13px 0 13px
}
.activity-table table tbody tr td {
padding-bottom:25px
}
.recent-table table tbody tr td {
padding-bottom:2px
}
.recent-table table tbody tr:last-child td {
padding-bottom:0
}
.default-chartist-container svg .ct-series-a .ct-bar {
stroke-width:3px !important
}
.default-chartist-container.ct-10,.default-chartist-container.ct-11 {
height:180px
}
.year-overview .card-header {
display:block !important
}
.year-overview .card-header .text-right {
text-align:left !important;
float:none;
margin-top:20px
}
}
@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
}
.monthly-overview .card-header .right-badge,.yearly .card-header .right-badge {
display:none
}
.music-layer {
height:195px
}
.music-layer .btn {
padding:4px 6px;
font-size:13px
}
.footer {
padding-left:0;
padding-right:0 !important
}
.footer p {
font-size:12px
}
.page-header h2 {
font-size:24px
}
.default-chartist-container.ct-11 svg {
margin-left:3px
}
.default-chartist-container.ct-10 svg {
margin-left:10px
}
.dots-group .dot-medium {
width:4px;
height:4px
}
.dots-group .dot-small {
width:2px;
height:2px
}
.dots-group .dot-small-semi {
width:3px;
height:3px
}
}
@media only screen and (max-height: 800px) {
.right-sidebar .chat-box .friend-list {
max-height:calc(100vh - 150px);
overflow:scroll
}
}
.custom-cursor {
cursor:url(../images/cursor.png),auto
}
.apexcharts-canvas.zoomable .hovering-zoom {
cursor:url(../images/cursor.png),auto
}
.card-bg {
background-image:url(../images/dashboard/bg.jpg);
background-blend-mode:overlay;
background-color:#f6f3fa
}
.card-bg.card .card-header {
background-color:transparent;
z-index:9
}
.card-bg .media {
position:absolute;
bottom:15px;
z-index:9;
left:15px;
width:calc(100% - 35px);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.card-bg .media h5 {
color:#fff;
font-weight:700;
padding-top:12px;
margin-left:10px
}
.crypto-slider .owl-dots {
display:none
}
.crypto-slider .owl-nav {
display:-webkit-inline-box !important;
display:-ms-inline-flexbox !important;
display:inline-flex !important;
position:absolute;
right:-115px;
top:0px;
height:85px;
-webkit-box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05);
box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05);
border-radius:20px;
overflow:hidden;
margin-top:0
}
.crypto-slider .owl-nav button:focus {
outline:none
}
.crypto-slider .owl-nav [class*='owl-']:hover {
background:none !important;
color:inherit
}
.crypto-slider .owl-nav .owl-prev span:before {
font-size:20px;
content:"\f3cf";
font-family:Ionicons
}
.crypto-slider .owl-nav .owl-next span:before {
font-size:20px;
content:"\f3d1";
font-family:Ionicons
}
.crypto-slider .owl-nav span {
font-size:0px;
padding:0 15px
}
#bitcoinchart-1 .apexcharts-tooltip.light {
border:none;
background:#fe9db6;
color:#fff
}
#bitcoinchart-1 .apexcharts-tooltip.light .apexcharts-tooltip-title {
background:#fe83a3;
border-bottom:none;
color:#fff
}
#bitcoinchart-2 .apexcharts-tooltip.light {
border:none;
background:#a777e4;
color:#fff
}
#bitcoinchart-2 .apexcharts-tooltip.light .apexcharts-tooltip-title {
background:#9a62e0;
border-bottom:none;
color:#fff
}
#bitcoinchart-3 .apexcharts-tooltip.light {
border:none;
background:#ffd85d;
color:#fff
}
#bitcoinchart-3 .apexcharts-tooltip.light .apexcharts-tooltip-title {
background:#ffc200;
border-bottom:none;
color:#fff
}
#candlestick-chart .apexcharts-yaxistooltip,#candlestick-chart .apexcharts-xaxistooltip {
background:#fe83a3;
border:none;
border-radius:8px;
color:#fff
}
#candlestick-chart [class*="apexcharts-yaxistooltip-"]:after {
border-left-color:#fe83a3
}
#candlestick-chart [class*="apexcharts-yaxistooltip-"]:before {
border-left-color:transparent
}
#candlestick-chart .apexcharts-xaxistooltip-bottom:after {
border-bottom-color:#fe83a3
}
#candlestick-chart .apexcharts-xaxistooltip-bottom:before {
border-bottom-color:transparent
}
.sales-product-table {
padding:0 20px
}
.btn-gradient-custom {
position:relative;
letter-spacing:0.8px;
background-image:-webkit-gradient(linear, left top, right top, from(#3fa5ff), to(#1c91f8));
background-image:linear-gradient(to right, #3fa5ff, #1c91f8);
-webkit-box-shadow:2.5px 4.33px 18px 0 rgba(21,141,247,0.25);
box-shadow:2.5px 4.33px 18px 0 rgba(21,141,247,0.25);
color:#fff
}
.btn-gradient-custom:hover {
background-size:100%
}
.btn-gradient-custom .round-shape {
width:33px;
height:33px;
background-color:#0580ee;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:100%;
position:absolute;
right:0;
top:0
}
.btn-gradient-custom .round-shape i {
color:#fff;
font-size:17px
}
.bck-gradient-primary {
background-image:-webkit-gradient(linear, left top, right top, from(#863ee2), to(#571f9e));
background-image:linear-gradient(to right, #863ee2, #571f9e);
-webkit-box-shadow:2.5px 4.33px 18px 0 rgba(126,55,216,0.25);
box-shadow:2.5px 4.33px 18px 0 rgba(126,55,216,0.25);
color:#fff
}
.bck-gradient-secondary {
background-image:-webkit-gradient(linear, left top, right top, from(#ff9bc3), to(#fe68a3));
background-image:linear-gradient(to right, #ff9bc3, #fe68a3);
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(251,46,99,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(251,46,99,0.25);
color:#fff
}
.bck-gradient-warning {
background-image:-webkit-gradient(linear, left top, right top, from(#ffd85d), to(#ffc200));
background-image:linear-gradient(to right, #ffd85d, #ffc200);
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(255,83,19,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(255,83,19,0.25);
color:#fff
}
.crypto-graph-card .media .bitcoin-graph-content span {
color:rgba(27,49,85,0.6)
}
.crypto-graph-card .media .badge {
background-color:#f3f9ff
}
.crypto-graph-card .media .right-setting .setting-dot .setting-bg {
background-color:#fff;
-webkit-box-shadow:2.5px 4.33px 18px 0 rgba(251,46,99,0.1);
box-shadow:2.5px 4.33px 18px 0 rgba(251,46,99,0.1)
}
.crypto-graph-card .media .right-setting h6 {
margin-top:8px
}
.crypto-graph-card .media .rounded-icon {
width:45px;
height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#fff;
margin-right:15px;
border-radius:100%
}
.crypto-graph-card .media .rounded-icon i {
font-size:25px
}
.crypto-graph-card .media .rounded-icon:hover {
background-size:100%
}
.crypto-graph-card.secondary-crypto .media .badge {
background-color:#fff6f8
}
.crypto-graph-card.warning-crypto .media .badge {
background-color:#fff8f3
}
.crypto-table-market table thead tr th {
font-weight:700;
text-transform:uppercase;
border-bottom:none;
background-color:#fafdff
}
.crypto-table-market table tbody tr td {
padding:20px
}
.crypto-table-market table tbody tr td:nth-child(3) {
color:rgba(27,49,85,0.6)
}
.crypto-table-market table tbody tr td:last-child {
text-align:right
}
.crypto-table-market table tbody tr td .badge {
font-weight:normal
}
.crypto-table-market table tbody tr:nth-child(4) td:nth-child(4) span {
background-color:rgba(128,207,0,0.1)
}
.crypto-table-market table tbody tr:first-child td:nth-child(4) span {
background-color:rgba(126,55,216,0.1)
}
.crypto-table-market table tbody tr:nth-child(2) td:nth-child(4) span {
background-color:rgba(126,55,216,0.1)
}
.crypto-table-market table tbody tr:nth-child(3) td:nth-child(4) span {
background-color:rgba(254,128,178,0.1)
}
.crypto-table-market table tbody tr:nth-child(5) td:nth-child(4) span {
background-color:rgba(126,55,216,0.1)
}
.crypto-table-market table tbody .btn-gradient-custom td {
color:#fff
}
.crypto-table-market table tbody .btn-gradient-custom td span {
color:#fff
}
.year-overview .card-body {
padding:0 50px
}
.coin-card.card-body {
padding:20px !important
}
.btc-earning .ct-series.ct-series-b .ct-line {
stroke:#dbdfe9;
stroke-width:2px;
stroke-dasharray:5px 2px;
stroke:#dbdfe9;
stroke-width:2px;
stroke-dasharray:16px 12px;
-webkit-animation:btc-dashoffset 300ms infinite linear;
animation:btc-dashoffset 300ms infinite linear;
opacity:0.5
}
@-webkit-keyframes btc-dashoffset {
0% {
stroke-dashoffset:22px
}
100% {
stroke-dashoffset:0
}
}
@keyframes btc-dashoffset {
0% {
stroke-dashoffset:22px
}
100% {
stroke-dashoffset:0
}
}
.btc-earning {
height:400px;
width:105%;
padding-top:100px;
margin-bottom:-15px
}
.btc-earning svg .ct-series-a .ct-point,.btc-earning svg .ct-series-a .ct-line,.btc-earning svg .ct-series-a .ct-bar,.btc-earning svg .ct-series-a .ct-slice-donut {
stroke:#ffffff
}
.btc-overview .text-bg {
position:absolute;
top:26%;
right:21%
}
.btc-overview .text-bg span {
font-size:200px;
color:rgba(255,255,255,0.1);
font-weight:700
}
.btc-overview .rounded-icon {
background-color:rgba(21,141,247,0.7)
}
#bitcoinchart-1,#bitcoinchart-2,#bitcoinchart-3 {
margin-bottom:-15px;
margin-top:-57px
}
.bitcoin-1 {
background-color:#fe80b2
}
.btc-buy-sell .btc-amount {
padding:12px 10px;
border-radius:8px;
background-color:rgba(21,141,247,0.1)
}
.btc-buy-sell .btc-amount span {
color:#000000
}
.btc-buy-sell li {
padding-bottom:38px
}
.btc-buy-sell li:nth-child(2) .btc-amount {
background-color:rgba(126,55,216,0.1)
}
.btc-buy-sell li:nth-child(3) .btc-amount {
background-color:rgba(255,199,23,0.1)
}
.btc-buy {
padding-top:15px;
padding-bottom:7px
}
.btc-buy .btn {
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25)
}
P .btc-buy .btn:first-child {
padding:12px 14px;
margin-right:-40px;
z-index:1;
position:relative;
background-color:#fff !important;
color:black
}
.btc-buy .btn {
padding:12px 50px
}
.btc-sell .btn:nth-child(2) {
z-index:1
}
.btc-sell .btn {
padding:12px 50px;
margin-right:-40px;
position:relative;
z-index:9;
background-color:rgba(254,128,178,0.1);
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25)
}
.more-btn .btn-block {
position:relative;
font-size:22px
}
.more-btn .btn-light {
position:absolute;
right:0;
top:0
}
.more-btn .btn:nth-child(2) {
padding:28px 21px;
margin-right:13px;
z-index:1;
background-color:#fff !important;
color:black;
border-radius:50% 0 0 50%
}
.more-btn .btn:nth-child(2):focus,.more-btn .btn:nth-child(2):hover,.more-btn .btn:nth-child(2):active {
border-color:transparent !important
}
.more-btn .btn {
padding:24px 50px;
margin-right:-50px;
padding-left:27px;
border-radius:25px
}
.Add-card .card {
border-radius:20px
}
.card-arrow {
-webkit-box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05);
box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05)
}
.add-arrow {
-webkit-box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05);
box-shadow:0px 0px 25px 0px rgba(126,55,216,0.05);
margin-left:100px
}
.right-angle {
background-color:#fff;
border-radius:20px;
padding:20px
}
.right-angle i {
padding-left:16px
}
.btc-table .card-header {
padding:45px 50px !important
}
.btc-table .card-body {
padding:40px 50px
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
.xl-50 {
max-width:50%;
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%
}
.xl-100 {
max-width:100%;
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%
}
}
@media screen and (max-width: 1199px) {
.Add-card {
display:none
}
.crypto-slider .owl-nav {
display:none !important
}
}
@media screen and (max-width: 991px) {
.btc-overview .text-bg {
position:absolute;
top:24%;
right:23%
}
}
@media screen and (max-width: 767px) {
.btc-overview span {
font-size:145px !important
}
.btc-overview .text-bg {
position:absolute;
top:30%;
right:25%
}
}
@media screen and (max-width: 575px) {
.crypto-table-market table thead tr th {
padding:15px
}
.crypto-table-market table tbody tr td {
padding:15px
}
.crypto-table-market table tbody tr td:first-child {
min-width:100px
}
.crypto-table-market table tbody tr td:nth-child(2),.crypto-table-market table tbody tr td:nth-child(3) {
min-width:97px !important
}
.btc-table .card-header {
padding-bottom:36px !important
}
.btc-table .btc-buy {
padding-top:0 !important
}
.btc-table .btc-sell .btn {
padding:12px 40px;
z-index:1;
margin-right:-30px
}
.btc-overview .card-header .text-right {
text-align:left !important;
float:none;
margin-top:20px
}
.btc-overview .text-bg {
position:absolute;
top:38%;
right:22%
}
.btc-overview .media {
display:unset
}
.btc-table-xs {
margin-bottom:15px
}
.btc-table-xs-l {
padding-left:15px
}
}
@media screen and (max-width: 360px) {
.btc-table .card-header {
padding:45px 35px !important
}
.btc-overview .text-bg {
position:absolute;
top:42%;
right:18%
}
}
.ecommerce-chart-card .card-body {
padding:30px 55px
}
.ecommerce-small-chart {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.ecommerce-small-chart .small-bar {
position:relative
}
.ecommerce-small-chart .small-bar .flot-chart-container {
height:80px;
width:80px
}
.ecommerce-small-chart .small-bar .flot-chart-container .chartist-tooltip {
position:absolute
}
.ecommerce-small-chart .small-bar .flot-chart-container .chartist-tooltip .chartist-tooltip-value {
font-size:10px;
padding:5px;
color:#fff;
background-color:rgba(0,0,0,0.5)
}
.ecommerce-small-chart .small-bar .flot-chart-container svg {
position:absolute;
bottom:14px;
width:100%;
height:95%;
left:-6px
}
.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-point,.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-line,.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-bar,.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-slice-donut {
stroke:#fff
}
.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-point,.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-line,.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-bar,.ecommerce-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-slice-donut {
stroke:rgba(255,255,255,0.1)
}
.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-point,.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-line,.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-bar,.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-slice-donut {
stroke:#fff
}
.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-point,.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-line,.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-bar,.ecommerce-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-slice-donut {
stroke:rgba(255,255,255,0.1)
}
.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-point,.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-line,.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-bar,.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-slice-donut {
stroke:#fff
}
.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-point,.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-line,.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-bar,.ecommerce-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-slice-donut {
stroke:rgba(255,255,255,0.1)
}
.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-a .ct-point,.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-a .ct-line,.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-a .ct-bar,.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-a .ct-slice-donut {
stroke:#fff
}
.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-b .ct-point,.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-b .ct-line,.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-b .ct-bar,.ecommerce-small-chart .small-bar .small-chart4 svg .ct-series-b .ct-slice-donut {
stroke:rgba(255,255,255,0.1)
}
.ecommerce-small-chart .media-body h6 {
color:#fff
}
.ecommerce-small-chart .media-body h4 {
color:#fff;
font-weight:600
}
.monthly-overview .card-body {
position:relative
}
.monthly-overview g text:nth-child(1) {
opacity:0.5
}
.monthly-overview .rounds-decore {
left:50%;
margin-right:80%;
-webkit-transform:translate(50%, 0);
transform:translate(50%, 0)
}
.monthly-overview .rounds-decore li {
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
position:absolute;
top:23px;
left:0;
width:300px;
height:300px;
border-radius:100%;
border:2px solid #fff;
-webkit-animation:ball-scale-ripple-multiple 1.5s 1s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation:ball-scale-ripple-multiple 1.5s 1s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8)
}
.monthly-overview .rounds-decore li:nth-child(1) {
-webkit-animation-delay:-0.8s;
animation-delay:-0.8s
}
.monthly-overview .rounds-decore li:nth-child(2) {
-webkit-animation-delay:-0.6s;
animation-delay:-0.6s
}
.monthly-overview .rounds-decore li:nth-child(3) {
-webkit-animation-delay:-0.4s;
animation-delay:-0.4s
}
.monthly-overview .rounds-decore li:nth-child(4) {
-webkit-animation-delay:-0.2s;
animation-delay:-0.2s
}
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:1
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.15
}
100% {
opacity:0.0
}
}
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:1
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.15
}
100% {
opacity:0.0
}
}
.crypto-revenue .card-body {
padding-bottom:10px
}
.crypto-revenue .apexcharts-tooltip.light .apexcharts-tooltip-title {
display:none
}
.crypto-revenue .apexcharts-tooltip.light {
border:none !important;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent !important
}
.crypto-revenue .apexcharts-tooltip-series-group.active .apexcharts-tooltip-y-group {
font-size:110px;
color:#fe80b2;
opacity:0.1
}
.crypto-revenue .apexcharts-tooltip-series-group.active .apexcharts-tooltip-y-group .apexcharts-tooltip-text-label {
display:none
}
.crypto-revenue .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
display:none
}
.crypto-revenue .apexcharts-xaxistooltip-bottom:before {
border-bottom-color:#fe80b2
}
.crypto-revenue .apexcharts-xaxistooltip-bottom:after {
border-bottom-color:#fff4f9
}
.crypto-revenue .apexcharts-xaxistooltip {
color:#fe80b2;
background:#fff4f9;
border-color:#fe80b2
}
.crypto-revenue .card-header {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
border-bottom:none
}
.crypto-revenue .card-header h5 .badge {
margin-left:35px;
background-color:rgba(254,128,178,0.1);
color:#fe80b2;
padding:7px 20px
}
.crypto-revenue .card-header .header-right h6 {
color:#fe80b2
}
.selling-product-table table tbody tr td {
vertical-align:middle;
border-bottom:1px solid #f2f4ff
}
.selling-product-table table tbody tr td:nth-child(5) {
color:rgba(27,49,85,0.6)
}
.selling-product-table table tbody tr td img {
-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.18));
filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.18))
}
.selling-product-table table tbody tr td .badge-secondary {
-webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25);
box-shadow:-0.5px 4.33px 16px 0px rgba(254,128,178,0.25)
}
.selling-product-table table tbody tr td:last-child {
color:rgba(27,49,85,0.6);
font-weight:bold
}
.selling-product-table table tbody tr td .align-middle img {
-webkit-filter:none;
filter:none
}
.selling-product-table table tbody tr td .align-middle h6 {
padding-top:6px;
margin-bottom:0
}
.selling-product-table table tbody tr:last-child td {
border-bottom:none !important
}
.watch h5 {
color:#fff;
font-weight:700
}
.watch p {
font-weight:600
}
.p-watch {
text-align:center;
position:relative
}
.p-watch img {
width:170px;
margin:20px 0
}
.customers h5 {
color:#fff;
font-weight:700
}
.apexcharts-radialbar #apexcharts-radialbarTrack-0 {
stroke:#7e37d8
}
.default-chartist-container {
margin-bottom:45px
}
.default-chartist-container.ct-10 {
height:270px
}
.default-chartist-container.ct-10 svg {
overflow:unset;
-webkit-filter:drop-shadow(2px -3px 9px rgba(254,128,178,0.45));
filter:drop-shadow(2px -3px 9px rgba(254,128,178,0.45))
}
.default-chartist-container.ct-10 svg .ct-series-a .ct-bar {
stroke:url(#gradient) !important
}
.default-chartist-container.ct-10 svg .ct-labels foreignObject .ct-label {
line-height:0;
color:rgba(254,128,178,0.5);
margin-top:30px;
border-radius:25px;
position:absolute;
bottom:-30px;
width:35px !important;
height:35px !important;
left:18px;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
padding:15px 0
}
.default-chartist-container.ct-10 svg .ct-labels foreignObject .ct-label:hover {
color:#7e37d8;
background-color:#f8f5fd;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.default-chartist-container.ct-10 svg .ct-labels foreignObject:last-child .ct-label {
color:#fe67a3
}
.default-chartist-container.ct-11 {
height:270px
}
.default-chartist-container.ct-11 svg {
overflow:unset;
-webkit-filter:drop-shadow(2px -3px 9px rgba(21,141,247,0.3));
filter:drop-shadow(2px -3px 9px rgba(21,141,247,0.3))
}
.default-chartist-container.ct-11 svg .ct-series-a .ct-point,.default-chartist-container.ct-11 svg .ct-series-a .ct-line,.default-chartist-container.ct-11 svg .ct-series-a .ct-bar,.default-chartist-container.ct-11 svg .ct-series-a .ct-slice-donut {
stroke:#158df7
}
.default-chartist-container.ct-11 svg .ct-label {
line-height:0;
color:rgba(21,141,247,0.5);
margin-top:30px;
border-radius:25px;
position:absolute;
bottom:-30px;
width:35px !important;
height:35px !important;
left:18px;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
padding:15px
}
.default-chartist-container.ct-11 svg .ct-label:hover {
color:#7e37d8;
background-color:#f8f5fd;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.month-overview h2 {
font-weight:800;
color:#fe80b2;
position:absolute
}
.month-overview .card-header {
border-bottom:none !important
}
.month-overview .ct-10 {
margin-bottom:0
}
.month-overview .ct-11 {
margin-bottom:0
}
.month-overview span.badge {
margin-top:27px !important;
margin-left:100px;
display:inline-block !important;
background-color:rgba(254,128,178,0.1);
color:#fe80b2
}
@media screen and (max-width: 1366px) {
.sale-chart {
position:absolute;
right:60px
}
}
@media screen and (max-width: 1199px) {
.ecommerce-chart-card .card-body {
padding:30px 20px
}
.selling-product table tr td:nth-child(2) {
min-width:300px !important
}
}
@media screen and (max-width: 991px) {
.sale-chart {
position:absolute;
right:40px
}
}
@media screen and (max-width: 600px) {
.activity-table table td h5 {
font-size:14px
}
}
@media screen and (max-width: 575px) {
.sale-chart {
position:absolute;
right:32px
}
.card .card-header h5 {
font-size:17px
}
.crypto-revenue .card-header {
display:block !important
}
.crypto-revenue .card-header .text-right {
text-align:left !important;
float:none;
margin-top:20px
}
.crypto-revenue .card-header h5 .badge {
margin-left:5px
}
.month-overview .card-header {
display:block !important
}
.month-overview .card-header .text-right {
text-align:left !important;
float:none;
margin-top:20px
}
}
@media (min-width: 1280px) {
[main-theme-layout="box-layout"] .email-wrap .email-right-aside .email-body {
border-top-right-radius:40px;
border-bottom-right-radius:40px
}
[main-theme-layout="box-layout"] .email-wrap .email-right-aside .radius-left {
border-top-left-radius:40px !important;
border-bottom-left-radius:40px !important
}
[main-theme-layout="box-layout"] .page-wrapper .more-btn .btn-secondary {
display:none
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li {
position:unset
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .iconbar-mainmenu {
-webkit-animation:none !important;
animation:none !important
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar li.open .bar-icons:before {
display:none
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu {
position:absolute;
top:0;
-webkit-animation:none !important;
animation:none !important
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close .iconMenu-bar li.open .iconbar-mainmenu,[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close .iconMenu-bar li.open .iconbar-mainmenu {
display:none;
-webkit-transition:0.5s;
transition:0.5s;
visibility:hidden
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close .iconMenu-bar {
display:none;
-webkit-transition:0.5s;
transition:0.5s;
visibility:hidden
}
[main-theme-layout="box-layout"] .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
padding-left:20px;
padding-right:20px
}
[main-theme-layout="box-layout"] .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
display:none
}
[main-theme-layout="box-layout"] .page-wrapper .alert.inverse p {
max-width:238px;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
[main-theme-layout="box-layout"] .page-wrapper .page-main-header .main-header-right {
margin:0
}
[main-theme-layout="box-layout"] .page-wrapper .page-main-header .vertical-menu-main .mega-menu {
width:1050px !important;
max-width:1050px !important;
left:-80px !important
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper {
width:1280px;
-webkit-box-shadow:1px 3px 25px rgba(0,0,0,0.07);
box-shadow:1px 3px 25px rgba(0,0,0,0.07);
margin:0 auto
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .learning-comment {
margin-left:-14px !important;
float:left !important
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
min-width:1087px;
overflow:auto
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .active-order-table {
max-width:443px;
overflow:auto
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
width:100px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after {
height:57px;
bottom:-64px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after {
height:36px;
bottom:-43px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after {
height:40px;
bottom:-48px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper footer {
margin:0 auto;
right:0;
padding-right:15px;
margin-left:300px;
z-index:99
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .footer-fix {
margin-left:567px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:300px
}
[main-theme-layout="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
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
width:40%;
font-size:14px;
margin:0 auto
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
margin-top:20px;
margin-bottom:20px
}
[main-theme-layout="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
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
margin-top:30px;
margin-bottom:30px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
width:38%
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
font-size:28px;
color:#717171
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper canvas#myLineCharts {
width:100%
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .chat-right-aside {
-webkit-box-flex:0;
-ms-flex:0 0 60%;
flex:0 0 60%;
max-width:60%;
overflow:hidden
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .caller-img {
position:absolute;
width:100%;
max-width:100%;
left:15px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .caller-img img {
opacity:0.7
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .browser-widget img {
height:65px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .weather-widget-two .bottom-whetherinfo .whether-content {
top:39px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .custom-card .card-header img {
margin-top:-73px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .custom-card .card-profile img {
height:130px;
top:-17px
}
[main-theme-layout="box-layout"] .page-wrapper .page-body-wrapper .select2 {
width:901.781px
}
[main-theme-layout="box-layout"] .page-wrapper .page-main-header {
max-width:1280px;
margin:0 auto !important;
left:0;
right:0;
-webkit-transition:.3s;
transition:.3s
}
[main-theme-layout="box-layout"] .page-wrapper .page-main-header.open {
padding-left:0;
-webkit-transition:.3s;
transition:.3s
}
[main-theme-layout="box-layout"] .page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
margin-top:50px
}
[main-theme-layout="box-layout"] .page-wrapper .page-builder .ge-addRowGroup {
margin-bottom:10px
}
[main-theme-layout="box-layout"] .page-wrapper .pricing-wrapper-card {
padding:50px 20px
}
[main-theme-layout="box-layout"] .page-wrapper .card .blog-box.blog-grid.set-min-height {
min-height:400px
}
[main-theme-layout="box-layout"] .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily {
min-height:430px
}
[main-theme-layout="box-layout"] .page-wrapper .flot-chart-placeholder#donut-color-chart-morris {
min-height:430px
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-7 {
-webkit-box-flex:0;
-ms-flex:0 0 60%;
flex:0 0 60%;
max-width:60%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-5 {
-webkit-box-flex:0;
-ms-flex:0 0 40%;
flex:0 0 40%;
max-width:40%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-8 {
-webkit-box-flex:0;
-ms-flex:0 0 70%;
flex:0 0 70%;
max-width:70%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-4 {
-webkit-box-flex:0;
-ms-flex:0 0 30%;
flex:0 0 30%;
max-width:30%
}
[main-theme-layout="box-layout"] .page-wrapper .box-col-4a {
-webkit-box-flex:0;
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
max-width:33.33%
}
[main-theme-layout="box-layout"] .page-wrapper .chat-box .chat-right-aside {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:calc(100% - 15px);
overflow:hidden
}
[main-theme-layout="box-layout"] .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
font-size:19px
}
[main-theme-layout="box-layout"] .page-wrapper .chat-box .chat-right-aside.bitcoin-chat {
max-width:100%
}
[main-theme-layout="box-layout"] .page-wrapper .chat-box .toogle-bar {
display:inline-block;
margin-right:0 !important
}
[main-theme-layout="box-layout"] .page-wrapper .chat-menu {
right:0;
border-top:1px solid #ddd;
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
visibility:hidden;
top:81px;
position:absolute;
z-index:9;
background-color:#fff;
-webkit-transition:all linear 0.3s;
transition:all linear 0.3s
}
[main-theme-layout="box-layout"] .page-wrapper .chat-menu.show {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0px);
transform:translateY(0px);
-webkit-transition:all linear 0.3s;
transition:all linear 0.3s;
padding-bottom:25px
}
[main-theme-layout="box-layout"] .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
stroke-width:23px !important
}
[main-theme-layout="box-layout"] .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
max-height:165px
}
[main-theme-layout="box-layout"] .page-wrapper .email-wrap .email-right-aside .email-body .inbox {
height:644px
}
[main-theme-layout="box-layout"] .page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
right:-10px
}
[main-theme-layout="box-layout"] .page-wrapper .todo .notification-popup {
right:320px
}
[main-theme-layout="box-layout"] .page-wrapper .touchspin {
padding:0 10px
}
[main-theme-layout="box-layout"] .page-wrapper .vertical-menu-main {
width:1280px;
margin:0 auto;
left:0;
right:0
}
[main-theme-layout="box-layout"] .page-wrapper .vertical-menu-main .mega-menu {
width:1050px !important;
max-width:1050px !important;
left:-320px !important
}
[main-theme-layout="box-layout"] .page-wrapper .comingsoon video {
min-width:67%;
width:67%
}
[main-theme-layout="box-layout"] .page-wrapper .auth-bg-effect .second-effect {
left:55%
}
[main-theme-layout="box-layout"] .page-wrapper .auth-bg-video video {
min-width:67%;
width:67%
}
[main-theme-layout="box-layout"].dark-only .chat-menu {
background-color:#333a62;
border-top:1px solid #374558
}
}
.rtl .box-layout.page-wrapper .page-main-header {
max-width:1280px;
padding-right:250px;
padding-left:unset
}
.rtl .box-layout.page-wrapper .page-main-header.open {
max-width:1280px
}
.rtl .box-layout.page-wrapper .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:after {
right:22px;
left:unset
}
.rtl .box-layout.page-wrapper .page-body-wrapper footer {
margin-right:566px;
margin-left:unset;
padding-left:15px
}
.rtl .box-layout.page-wrapper .page-body-wrapper footer p i {
margin-right:5px;
margin-left:unset
}
.rtl .box-layout.page-wrapper .page-body-wrapper .page-sidebar.open ~ footer {
margin-right:0;
padding-left:15px
}
[main-theme-layout="rtl"] .cont {
direction:ltr
}
[main-theme-layout="rtl"] .Typeahead-spinner {
left:18px;
right:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu {
left:unset;
width:220px;
-webkit-animation:fadeInRight 1000ms ease-in-out !important;
animation:fadeInRight 1000ms ease-in-out !important
}
[main-theme-layout="rtl"] .apexcharts-canvas {
direction:ltr
}
[main-theme-layout="rtl"] .badge-transparent i {
padding-right:unset;
padding-left:5px
}
[main-theme-layout="rtl"] .card-bg .media h5 {
margin-left:unset;
margin-right:10px
}
[main-theme-layout="rtl"] .position-set {
right:unset;
left:50px
}
[main-theme-layout="rtl"] .crypto-slider .owl-nav {
right:unset;
left:-110px
}
[main-theme-layout="rtl"] #bitcoinchart-1,[main-theme-layout="rtl"] #bitcoinchart-2,[main-theme-layout="rtl"] #bitcoinchart-3 {
direction:ltr
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-left {
margin-left:0px;
margin-right:30px
}
[main-theme-layout="rtl"] .add-arrow {
margin-left:0;
margin-right:100px;
position:relative
}
[main-theme-layout="rtl"] .navs-dropdown .onhover-show-div {
right:0
}
[main-theme-layout="rtl"] .right-setting .setting-dot {
float:left;
margin-left:unset !important
}
[main-theme-layout="rtl"] .monthly-overview .card-header span {
right:unset;
left:50px
}
[main-theme-layout="rtl"] .month-overview .card-header .badge {
margin-left:0;
margin-right:100px
}
[main-theme-layout="rtl"] .weather-details .media-body:before {
left:unset;
right:-22px !important
}
[main-theme-layout="rtl"] .weather-details .weather-title span {
margin-left:10px;
padding-left:40px
}
[main-theme-layout="rtl"] .creative-dots .big-dot {
left:unset;
right:-32px
}
[main-theme-layout="rtl"] .creative-dots .semi-big-dot {
left:unset;
right:-14px
}
[main-theme-layout="rtl"] .creative-dots .medium-dot {
left:unset;
right:18px
}
[main-theme-layout="rtl"] .creative-dots .semi-medium-dot {
left:unset;
right:20px
}
[main-theme-layout="rtl"] .creative-dots .semi-small-dot {
left:unset;
right:32px
}
[main-theme-layout="rtl"] .creative-dots .small-dot {
left:unset;
right:42px
}
[main-theme-layout="rtl"] .vertical .page-body-wrapper .page-body {
margin-left:0 !important;
margin-right:0 !important
}
[main-theme-layout="rtl"] .default-according.style-1 button {
text-align:right
}
[main-theme-layout="rtl"] .default-according.style-1 button:before {
left:20px;
right:unset
}
[main-theme-layout="rtl"] .default-according.style-1 button i {
right:18px;
left:unset
}
[main-theme-layout="rtl"] .default-according .card .card-header i {
right:18px;
left:unset
}
[main-theme-layout="rtl"] .ProfileCard-details {
padding-right:30px;
padding-left:unset;
float:right
}
[main-theme-layout="rtl"] .theme-tab .tab-title li a svg {
margin-left:5px;
margin-right:unset
}
[main-theme-layout="rtl"] .spent .spent-graph .project-budget {
margin-left:30px;
margin-right:unset
}
[main-theme-layout="rtl"] .support-table table tbody tr td:first-child {
padding-right:0;
padding-left:unset
}
[main-theme-layout="rtl"] .bookmark ul li .search-form .form-control-search {
left:-50px;
right:unset
}
[main-theme-layout="rtl"] .bookmark ul li .search-form .form-control-search:before {
right:50px;
left:unset
}
[main-theme-layout="rtl"] .bookmark ul li .search-form .form-control-search:after {
right:20px;
left:unset
}
[main-theme-layout="rtl"] .widget-joins .row .pr-0 {
padding-right:15px !important
}
[main-theme-layout="rtl"] .widget-joins .row .pl-0 {
padding-left:15px !important
}
[main-theme-layout="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,[main-theme-layout="rtl"] .order-box .sub-total .shipping-class span,[main-theme-layout="rtl"] .order-box .sub-total li .shopping-checkout-option,[main-theme-layout="rtl"] .order-box .sub-total li span,[main-theme-layout="rtl"] .order-box .total .shipping-class .shopping-checkout-option,[main-theme-layout="rtl"] .order-box .total .shipping-class span,[main-theme-layout="rtl"] .order-box .total li .shopping-checkout-option,[main-theme-layout="rtl"] .order-box .total li span,[main-theme-layout="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,[main-theme-layout="rtl"] .order-box .qty .shipping-class span,[main-theme-layout="rtl"] .order-box .qty li .shopping-checkout-option,[main-theme-layout="rtl"] .order-box .qty li span {
float:left
}
[main-theme-layout="rtl"] .order-box .sub-total li .count,[main-theme-layout="rtl"] .order-box .total li .count,[main-theme-layout="rtl"] .order-box .qty li .count {
float:left
}
[main-theme-layout="rtl"] .img-paypal {
margin-right:15px;
margin-left:unset
}
[main-theme-layout="rtl"] .cart .qty-box .input-group .btn {
border-radius:0 !important
}
[main-theme-layout="rtl"] .todo .action-box {
text-align:left
}
[main-theme-layout="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
border-top-right-radius:0;
border-bottom-right-radius:0
}
[main-theme-layout="rtl"] .grid-options {
margin-right:10px;
margin-left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-1 {
right:12px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-2 {
right:18px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-3 {
right:36px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-4 {
right:42px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-5 {
right:48px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-6 {
right:66px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-7 {
right:72px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-8 {
right:78px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-9 {
right:84px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-10 {
right:103px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-11 {
right:109px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-12 {
right:115px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-13 {
right:121px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-14 {
right:127px;
left:unset
}
[main-theme-layout="rtl"] .grid-options ul li a .line-grid-15 {
right:133px;
left:unset
}
[main-theme-layout="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
margin-right:calc(25% + 9px);
margin-left:unset
}
[main-theme-layout="rtl"] .product-filter.new-products .owl-theme .owl-nav {
left:0;
right:unset
}
[main-theme-layout="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-left {
text-align:left !important
}
[main-theme-layout="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
left:auto;
right:unset
}
[main-theme-layout="rtl"] .feature-products form .form-group i {
left:30px;
right:unset
}
[main-theme-layout="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
text-align:right
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu {
right:90px;
left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-body {
margin-left:0;
margin-right:310px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb {
float:left
}
[main-theme-layout="rtl"] .bookmark ul li:first-child {
padding-right:0;
padding-left:5px
}
[main-theme-layout="rtl"] .bookmark ul li:last-child {
padding-left:0;
padding-right:5px
}
[main-theme-layout="rtl"] .mr-0,[main-theme-layout="rtl"] .mx-0 {
margin-left:0 !important;
margin-right:unset !important
}
[main-theme-layout="rtl"] .footer .pull-right {
float:none
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper footer {
margin-right:255px;
margin-left:0px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar.open ~ footer {
margin-right:0px
}
[main-theme-layout="rtl"] .checkbox_animated,[main-theme-layout="rtl"] .radio_animated {
margin:0 8px 0 16px
}
[main-theme-layout="rtl"] .button.remove {
left:-10px;
right:unset
}
[main-theme-layout="rtl"] .box-layout .page-main-header.open {
margin-right:auto;
padding-right:0
}
[main-theme-layout="rtl"] .code-box-copy__btn {
left:11px;
right:unset
}
[main-theme-layout="rtl"] ul.nav-menus {
border-bottom:none
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div li {
text-align:right
}
[main-theme-layout="rtl"] .badge+.badge {
margin-right:5px;
margin-left:unset
}
[main-theme-layout="rtl"] .offset-xl-3 {
margin-right:25%;
margin-left:unset
}
[main-theme-layout="rtl"] .m-l-10 {
margin-right:10px !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .m-l-40 {
margin-right:40px !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .m-r-20 {
margin-left:20px;
margin-right:unset
}
[main-theme-layout="rtl"] .m-r-30 {
margin-left:30px;
margin-right:unset
}
[main-theme-layout="rtl"] .m-r-5 {
margin-left:5px;
margin-right:unset
}
[main-theme-layout="rtl"] .text-left {
text-align:right !important
}
[main-theme-layout="rtl"] .m-r-10 {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .pr-3,[main-theme-layout="rtl"] .px-3 {
padding-left:1rem !important;
padding-right:unset !important
}
[main-theme-layout="rtl"] .p-r-0 {
padding-left:0;
padding-right:15px
}
[main-theme-layout="rtl"] .m-l-20 {
margin-right:20px !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .p-l-25 {
padding-left:unset;
padding-right:25px
}
[main-theme-layout="rtl"] .pl-3,[main-theme-layout="rtl"] .px-3 {
padding-right:1rem !important
}
[main-theme-layout="rtl"] .b-r-light {
border-left:1px solid #f8f5fd !important;
border-right:unset !important
}
[main-theme-layout="rtl"] .float-right {
float:left !important
}
[main-theme-layout="rtl"] .float-left {
float:right !important
}
[main-theme-layout="rtl"] .text-right {
text-align:left !important
}
[main-theme-layout="rtl"] .border-right {
border-left:1px solid #dee2e6 !important;
border-right:unset !important
}
[main-theme-layout="rtl"] .pr-0,[main-theme-layout="rtl"] .px-0 {
padding-left:0 !important;
padding-right:unset !important
}
[main-theme-layout="rtl"] .pl-0,[main-theme-layout="rtl"] .px-0 {
padding-right:0 !important;
padding-left:unset !important
}
[main-theme-layout="rtl"] .ml-1 {
margin-left:unset !important;
margin-right:0.25rem !important
}
[main-theme-layout="rtl"] .owl-carousel {
direction:ltr
}
[main-theme-layout="rtl"] .btn-group>.btn:not(:last-child):not(.dropdown-toggle),[main-theme-layout="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
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .btn-group>.btn:nth-child(2) {
border-radius:0 !important
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .btn-group .btn+.btn,[main-theme-layout="rtl"] .btn-group .btn+.btn-group {
margin-right:-1px
}
[main-theme-layout="rtl"] .btn-group .btn-group+.btn,[main-theme-layout="rtl"] .btn-group .btn-group+.btn-group {
margin-right:-1px
}
[main-theme-layout="rtl"] .btn-group .btn-group-vertical .btn+.btn,[main-theme-layout="rtl"] .btn-group .btn-group-vertical .btn+.btn-group {
margin-right:-1px
}
[main-theme-layout="rtl"] .btn-group .btn-group-vertical .btn-group+.btn,[main-theme-layout="rtl"] .btn-group .btn-group-vertical .btn-group+.btn-group {
margin-right:-1px
}
[main-theme-layout="rtl"] .mr-3,[main-theme-layout="rtl"] .mx-3 {
margin-right:unset !important;
margin-left:1rem !important
}
[main-theme-layout="rtl"] .mr-5,[main-theme-layout="rtl"] .mx-5 {
margin-left:3rem !important;
margin-right:unset !important
}
[main-theme-layout="rtl"] .ml-3,[main-theme-layout="rtl"] .mx-3 {
margin-right:1rem !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .m-r-15 {
margin-left:15px;
margin-right:unset
}
[main-theme-layout="rtl"] .b-l-light {
border-right:1px solid #f8f5fd !important;
border-left:unset !important
}
[main-theme-layout="rtl"] .p-l-0 {
padding-left:unset;
padding-right:0px
}
[main-theme-layout="rtl"] .pl-4 {
padding-right:1.5rem !important;
padding-left:unset !important
}
[main-theme-layout="rtl"] .mr-2 {
margin-left:0.5rem !important;
margin-right:unset !important
}
[main-theme-layout="rtl"] .ml-2 {
margin-right:0.5rem !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .pr-2 {
padding-right:unset !important;
padding-left:0.5rem !important
}
[main-theme-layout="rtl"] .alert {
text-align:right
}
[main-theme-layout="rtl"] .card-body .alert svg ~ p {
padding-left:unset;
padding-right:20px
}
[main-theme-layout="rtl"] .pull-right {
float:left
}
[main-theme-layout="rtl"] .form-inline .form-group {
margin-left:15px;
margin-right:0
}
[main-theme-layout="rtl"] .card {
text-align:right
}
[main-theme-layout="rtl"] .card .card-header .card-header-right {
left:40px;
right:unset
}
[main-theme-layout="rtl"] .card .card-header .card-header-right .card-option {
text-align:left
}
[main-theme-layout="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
padding-right:0;
padding-left:unset
}
[main-theme-layout="rtl"] .card .card-header .pull-left {
float:right
}
[main-theme-layout="rtl"] .card .card-header.card-header-border .right-header span:first-child {
padding-right:unset;
padding-left:20px
}
[main-theme-layout="rtl"] .card.full-card {
left:0;
right:unset
}
[main-theme-layout="rtl"] .card .card-body .alert svg {
margin-left:4px;
margin-right:unset
}
[main-theme-layout="rtl"] .card .card-body .value-left {
margin-left:30px;
margin-right:unset
}
[main-theme-layout="rtl"] .card .card-body .square {
margin-left:5px;
margin-right:unset
}
[main-theme-layout="rtl"] .sidebar-toggle-btn {
margin-right:10px;
margin-left:unset
}
[main-theme-layout="rtl"] .modal-header .close {
margin-left:0
}
[main-theme-layout="rtl"] .modal-footer>:not(:first-child) {
margin-right:.50rem;
margin-left:0
}
[main-theme-layout="rtl"] .form-inline .form-group .col-form-label {
margin-left:5px;
margin-right:0
}
[main-theme-layout="rtl"] .breadcrumb-item+.breadcrumb-item {
padding-right:0.5rem;
padding-left:unset
}
[main-theme-layout="rtl"] .breadcrumb-item+.breadcrumb-item::before {
padding-left:0.5rem;
padding-right:unset
}
[main-theme-layout="rtl"] code[class*=language-],[main-theme-layout="rtl"] pre[class*=language-] {
text-align:right
}
[main-theme-layout="rtl"] .input-group-prepend {
margin-left:-1px;
margin-right:unset
}
[main-theme-layout="rtl"] .input-group>.form-control:not(:last-child),[main-theme-layout="rtl"] .rtl .input-group>.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
}
[main-theme-layout="rtl"] .input-group>.input-group-prepend>.btn,[main-theme-layout="rtl"] .input-group>.input-group-prepend>.input-group-text,[main-theme-layout="rtl"] .input-group>.input-group-append:not(:last-child)>.btn,[main-theme-layout="rtl"] .input-group>.input-group-append:not(:last-child)>.input-group-text,[main-theme-layout="rtl"] .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),[main-theme-layout="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
}
[main-theme-layout="rtl"] .input-group>.input-group-append>.btn,[main-theme-layout="rtl"] .input-group>.input-group-append>.input-group-text,[main-theme-layout="rtl"] .input-group>.input-group-prepend:not(:first-child)>.btn,[main-theme-layout="rtl"] .input-group>.input-group-prepend:not(:first-child)>.input-group-text,[main-theme-layout="rtl"] .input-group>.input-group-prepend:first-child>.btn:not(:first-child),[main-theme-layout="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
}
[main-theme-layout="rtl"] .nav-material.nav-left .nav-link {
text-align:left
}
[main-theme-layout="rtl"] .socialprofile .social-group ul li:nth-child(4) {
margin-right:-22px
}
[main-theme-layout="rtl"] .social-status form .form-group .form-control-plaintext {
padding-right:15px;
padding-left:unset
}
[main-theme-layout="rtl"] .social-status .media .social-status {
right:35px;
left:unset
}
[main-theme-layout="rtl"] .social-chat .other-msg {
margin-right:40px;
margin-left:unset
}
[main-theme-layout="rtl"] .social-chat .media-body:before {
left:100%;
right:unset;
border-left:7px solid #aaa;
border-right:unset
}
[main-theme-layout="rtl"] .social-chat .media-body:after {
left:100%;
right:unset;
border-left:7px solid #fff;
border-right:unset
}
[main-theme-layout="rtl"] .timeline-content .comment-number i {
margin-left:20px;
margin-right:unset
}
[main-theme-layout="rtl"] .photos ul li {
margin-right:unset;
margin-left:15px
}
[main-theme-layout="rtl"] .photos ul li:nth-child(3n) {
margin-left:0
}
[main-theme-layout="rtl"] .avatar-showcase .friend-pic {
margin-left:8px;
margin-right:unset
}
[main-theme-layout="rtl"] .avatar-showcase .pepole-knows ul li {
margin-left:21px;
margin-right:unset
}
[main-theme-layout="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
margin-left:0
}
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons {
left:100px;
right:unset
}
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons li {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
margin-left:0
}
[main-theme-layout="rtl"] .faq-form .search-icon {
left:12px;
right:unset
}
[main-theme-layout="rtl"] .faq-widgets .media-body p {
padding-left:20px;
padding-right:unset
}
[main-theme-layout="rtl"] .header-faq,[main-theme-layout="rtl"] .faq-title {
text-align:right
}
[main-theme-layout="rtl"] .faq-accordion .faq-header svg {
left:30px;
right:unset
}
[main-theme-layout="rtl"] .faq-accordion .card .btn-link svg {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .navigation-option ul li {
padding:15px 0 15px 15px
}
[main-theme-layout="rtl"] .navigation-option ul li a {
padding-right:40px;
padding-left:unset
}
[main-theme-layout="rtl"] .navigation-option ul li a svg {
right:15px;
left:unset
}
[main-theme-layout="rtl"] .updates-faq {
margin-right:unset;
margin-left:30px
}
[main-theme-layout="rtl"] .browse .browse-articles span svg {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .categories .learning-header {
padding-right:30px;
padding-left:unset
}
[main-theme-layout="rtl"] .main .langChoice {
left:30px;
right:unset
}
[main-theme-layout="rtl"] .pricing-block svg {
direction:ltr
}
[main-theme-layout="rtl"] p.data-attributes svg {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .avatars .avatar {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .avatars .avatar:last-child {
margin-left:0
}
[main-theme-layout="rtl"] .avatars .avatar .status {
left:4px;
right:unset
}
[main-theme-layout="rtl"] .customers.avatar-group {
margin-left:30px;
margin-right:unset
}
[main-theme-layout="rtl"] .user-card .online-user:before {
left:unset;
right:-30px
}
[main-theme-layout="rtl"] .user-card .user-badge .badge {
margin-right:unset;
margin-left:10px
}
[main-theme-layout="rtl"] .user-card .user-badge .badge:last-child {
margin-left:0
}
[main-theme-layout="rtl"] .user-card .card-footer>div:first-child {
border-left:1px solid #e8ebf2;
border-right:unset
}
[main-theme-layout="rtl"] .alert-theme i,[main-theme-layout="rtl"] .alert-copy i {
margin-right:0 !important
}
[main-theme-layout="rtl"] .alert-theme button,[main-theme-layout="rtl"] .alert-copy button {
left:30px !important;
right:unset !important
}
[main-theme-layout="rtl"] .status-circle {
right:40px;
left:unset
}
[main-theme-layout="rtl"] .ecommerce-knob input {
margin-right:-231px !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .todo .todo-list-wrapper .todo-list-footer .card-header-add {
right:unset;
left:0
}
[main-theme-layout="rtl"] .recent-table table tbody tr td:last-child,[main-theme-layout="rtl"] .crypto-table-market table tbody tr td:last-child {
text-align:left
}
[main-theme-layout="rtl"] .crypto-revenue .card-header h5 .badge {
margin-left:unset;
margin-right:35px
}
[main-theme-layout="rtl"] .btc-buy-sell .btc-amount {
text-align:left
}
[main-theme-layout="rtl"] .more-btn .btn {
margin-right:0
}
[main-theme-layout="rtl"] .right-angle i {
padding-right:16px;
padding-left:0
}
[main-theme-layout="rtl"] .customers ul li+li {
margin-right:-22px;
margin-left:unset
}
[main-theme-layout="rtl"] .customers ul li:nth-child(4) {
margin-right:-1px;
margin-left:unset
}
[main-theme-layout="rtl"] .show-value-top .value-third {
margin-right:30px;
margin-left:unset
}
[main-theme-layout="rtl"] .chat-box .chat-right-aside .chat .chat-msg-box .my-message {
border-top-left-radius:10px;
border-top-right-radius:0
}
[main-theme-layout="rtl"] .chat-box .chat-right-aside .chat .chat-msg-box .other-message {
border-top-left-radius:0;
border-top-right-radius:10px
}
[main-theme-layout="rtl"] .chat-box .bitcoin-chat .chat .bitcoin-message .smiley-box {
border-top-right-radius:0.25rem;
border-bottom-right-radius:0.25rem;
border-top-left-radius:0;
border-bottom-left-radius:0
}
[main-theme-layout="rtl"] .chat-box .bitcoin-chat .chat .bitcoin-message .text-box .input-group-append .btn {
border-top-left-radius:0.25rem;
border-bottom-left-radius:0.25rem
}
[main-theme-layout="rtl"] .knob-chart .chart-clock-main .clock-small {
right:10px;
left:unset
}
[main-theme-layout="rtl"] .weather-widget-two .top-bg-whether {
left:-28px;
right:unset
}
[main-theme-layout="rtl"] .weather-widget-two .bottom-whetherinfo svg {
left:unset;
right:-35px
}
[main-theme-layout="rtl"] .mobile-clock-widget .bg-svg {
left:unset;
right:-25px
}
[main-theme-layout="rtl"] .cal-date-widget .cal-info .b-r-light {
border-right:1px solid #f8f5fd !important;
border-left:unset !important
}
[main-theme-layout="rtl"] .cal-date-widget .cal-info .pr-3 {
padding-right:1rem !important;
padding-left:unset !important
}
[main-theme-layout="rtl"] .task-list {
text-align:right
}
[main-theme-layout="rtl"] .task-list li span {
padding-right:unset;
padding-left:5px
}
[main-theme-layout="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
left:30px;
right:unset
}
[main-theme-layout="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
margin-left:5px;
margin-right:unset
}
[main-theme-layout="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
text-align:left
}
[main-theme-layout="rtl"] .todo .notification-popup {
left:10px;
right:unset
}
[main-theme-layout="rtl"] .todo-options .badges-todo h6 {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .todo-options .badges-todo h6:last-child {
margin-left:0
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
margin-right:-6px;
margin-left:unset
}
[main-theme-layout="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
border-top-left-radius:25px;
border-bottom-left-radius:25px
}
[main-theme-layout="rtl"] .search-todo .dropdown-basic .btn-group {
margin-left:18px;
margin-right:unset
}
[main-theme-layout="rtl"] .sticky-note .note {
float:right
}
[main-theme-layout="rtl"] .mega-menu .list-unstyled div a {
padding:8px 0 8px 35px
}
[main-theme-layout="rtl"] .mega-menu .list-unstyled div a:hover {
padding:8px 10px 8px 35px
}
[main-theme-layout="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .mr-3,[main-theme-layout="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .mx-3 {
margin-right:1rem !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .needs-validation .input-group>.form-control:not(:last-child),[main-theme-layout="rtl"] .needs-validation .input-group>.custom-select:not(:last-child),[main-theme-layout="rtl"] .form-row .input-group>.form-control:not(:last-child),[main-theme-layout="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
}
[main-theme-layout="rtl"] .form-check {
padding-right:1.25rem;
padding-left:unset
}
[main-theme-layout="rtl"] .mega-menu .default-according .card .btn-link {
text-align:right
}
[main-theme-layout="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,[main-theme-layout="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
right:unset;
left:20px
}
[main-theme-layout="rtl"] .email-wrap .row .col-xl-6 {
padding-right:0;
padding-left:15px
}
[main-theme-layout="rtl"] .email-wrap .row .col-xl-3+.col-xl-3 {
padding-left:0;
padding-right:15px
}
[main-theme-layout="rtl"] .email-wrap .email-app-sidebar .main-menu>li {
text-align:right
}
[main-theme-layout="rtl"] .email-wrap .email-app-sidebar .main-menu>li a i {
margin-right:unset;
margin-left:10px
}
[main-theme-layout="rtl"] .email-wrap .email-app-sidebar ul {
padding-right:0
}
[main-theme-layout="rtl"] .email-wrap .email-content .email-top .user-emailid:after {
float:left
}
[main-theme-layout="rtl"] .email-wrap .email-right-aside .email-body {
border-top-right-radius:40px;
border-bottom-right-radius:40px;
border-top-left-radius:0;
border-bottom-left-radius:0
}
[main-theme-layout="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
padding-right:unset !important
}
[main-theme-layout="rtl"] .email-wrap .email-right-aside .radius-left {
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important;
border-radius:4px
}
[main-theme-layout="rtl"] .calendar-wrap .fc {
direction:rtl;
text-align:right
}
[main-theme-layout="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
float:right
}
[main-theme-layout="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
float:left
}
[main-theme-layout="rtl"] .calendar-wrap .fc .fc-toolbar>*>* {
margin-left:0
}
[main-theme-layout="rtl"] .calendar-wrap .fc-events-container {
text-align:right
}
[main-theme-layout="rtl"] .calendar-wrap .fc-scroller {
margin-right:unset;
margin-left:-17px
}
[main-theme-layout="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
margin-right:0 !important
}
[main-theme-layout="rtl"] .fc-unthemed .fc-row {
margin-right:0 !important
}
[main-theme-layout="rtl"] .btn-group-showcase .btn-group {
margin-left:20px;
margin-right:unset
}
[main-theme-layout="rtl"] .btn-showcase .btn {
margin-right:unset;
margin-left:18px
}
[main-theme-layout="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
}
[main-theme-layout="rtl"].button-builder ul.the-icons li {
float:right
}
[main-theme-layout="rtl"].button-builder .color-slelector {
float:right
}
[main-theme-layout="rtl"].button-builder .custom-button-color .form-control {
border-radius:0 5px 5px 0
}
[main-theme-layout="rtl"].button-builder .custom-button-color .form-control.pull-left {
float:right
}
[main-theme-layout="rtl"].button-builder .hint-label {
float:right;
padding:4px 020px 0 0
}
[main-theme-layout="rtl"] #customer-review .owl-item img {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
[main-theme-layout="rtl"] .options>div {
margin:0 0 8px 8px
}
[main-theme-layout="rtl"] .modal-dialog .modal-content .modal-body p a {
margin-left:0
}
[main-theme-layout="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
text-align:right !important
}
[main-theme-layout="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,[main-theme-layout="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
}
[main-theme-layout="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,[main-theme-layout="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
}
[main-theme-layout="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important
}
[main-theme-layout="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
border-right-color:#efefef
}
[main-theme-layout="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
margin-right:unset;
margin-left:-1px
}
[main-theme-layout="rtl"] .drag form {
text-align:right
}
[main-theme-layout="rtl"] .drag form input {
text-align:right
}
[main-theme-layout="rtl"] .drag form label {
text-align:right !important
}
[main-theme-layout="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,[main-theme-layout="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
}
[main-theme-layout="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,[main-theme-layout="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
}
[main-theme-layout="rtl"] .drag form .form-group .input-group #buttondropdown {
margin-right:unset;
margin-left:-1px
}
[main-theme-layout="rtl"] .draggable label {
text-align:right
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,[main-theme-layout="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
margin-right:unset;
margin-left:15px
}
[main-theme-layout="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,[main-theme-layout="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
border-radius:4px !important
}
[main-theme-layout="rtl"] .form-builder .popover {
right:-290px !important;
left:unset !important
}
[main-theme-layout="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
text-align:right !important
}
[main-theme-layout="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,[main-theme-layout="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
}
[main-theme-layout="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,[main-theme-layout="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
}
[main-theme-layout="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group #prependedcheckbox {
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important
}
[main-theme-layout="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group #appendedcheckbox {
border-right-color:#efefef
}
[main-theme-layout="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
margin-right:unset;
margin-left:-1px
}
[main-theme-layout="rtl"] .form-builder .component .form-group .pl-md-radios {
padding-right:37px;
padding-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close ~ .page-body,[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close ~ footer {
margin-left:unset;
margin-right:90px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-mainmenu-close .iconMenu-bar .iconbar-mainmenu {
-webkit-animation:fadeInRight 1000ms ease-in-out !important;
animation:fadeInRight 1000ms ease-in-out !important;
margin-left:unset;
margin-right:-225px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close .iconMenu-bar {
margin-left:unset;
margin-right:-320px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close .iconMenu-bar .iconbar-mainmenu {
margin-left:unset;
margin-right:-320px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close ~ .page-body,[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu.iconbar-second-close ~ footer {
margin-left:unset;
margin-right:0
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar {
height:calc(100vh - 80px)
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu {
-webkit-animation:bounceInRight 1000ms ease-in-out;
animation:bounceInRight 1000ms ease-in-out;
text-align:right
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu .iconbar-header {
padding:20px 20px 20px 0
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar .iconbar-mainmenu li {
padding-left:unset;
padding-right:20px
}
[main-theme-layout="rtl"] .vertical .page-main-header {
margin-right:0 !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .vertical-menu-mt .page-header div .pull-right {
float:left
}
[main-theme-layout="rtl"] .sm li {
direction:rtl;
text-align:right
}
[main-theme-layout="rtl"] .sm .mobile-back .pl-2 {
padding-right:4px !important;
padding-left:unset !important
}
[main-theme-layout="rtl"] .vertical-menu-main #main-nav #main-menu li a svg {
margin-left:8px;
margin-right:unset
}
[main-theme-layout="rtl"] .pixelstrap a .sub-arrow {
right:auto;
left:5px
}
@media (min-width: 1200px) {
[main-theme-layout="rtl"] .pixelstrap ul:not(.mega-menu) li a:before {
left:unset;
right:20px
}
[main-theme-layout="rtl"] .pixelstrap a .sub-arrow {
right:unset;
left:3px
}
}
[main-theme-layout="rtl"] .search-page .nav i {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .product-stts {
display:inline-block
}
[main-theme-layout="rtl"] .product-stts .ml-1 {
margin-right:0.25rem !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .search-form input {
text-align:right;
padding:10px 70px 10px 10px
}
[main-theme-layout="rtl"] .icon-hover-bottom .icon-title {
text-align:right
}
[main-theme-layout="rtl"] .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group .btn {
margin-right:15px;
margin-left:unset
}
[main-theme-layout="rtl"] .icon-lists div i {
margin:0 10px 0 15px
}
[main-theme-layout="rtl"] .icon-lists ul {
padding-right:0
}
[main-theme-layout="rtl"] ul.icon-lists {
padding-right:30px
}
[main-theme-layout="rtl"] .floated-customizer-btn.third-floated-btn {
left:35px;
right:unset
}
[main-theme-layout="rtl"] .floated-customizer-btn>span {
margin-right:10px
}
[main-theme-layout="rtl"] .floated-customizer-panel {
text-align:right;
left:-85px;
right:unset
}
[main-theme-layout="rtl"] .floated-customizer-panel.active {
left:35px;
right:unset
}
[main-theme-layout="rtl"] .floated-customizer-panel .close-customizer-btn {
left:30px;
right:unset
}
[main-theme-layout="rtl"] .floated-customizer-panel ul {
padding-right:0
}
[main-theme-layout="rtl"] .form-builder-2-header>div nav {
float:left
}
[main-theme-layout="rtl"] .radio label {
padding-left:0;
padding-right:15px
}
[main-theme-layout="rtl"] .radio label::before {
right:0;
margin-right:-20px;
left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu {
text-align:right
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active>a>.fa-angle-right {
vertical-align:7px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active .sidebar-submenu {
margin-left:unset;
margin-right:25px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i {
margin-left:7px;
margin-right:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i.pull-right {
left:20px;
right:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a:hover {
padding-right:3px;
padding-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li .badge {
margin-right:42px;
margin-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu {
padding:0;
text-align:right;
margin-right:5px;
margin-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a {
text-align:right;
padding-right:10px;
padding-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a>.fa-circle {
right:0;
left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-header svg {
margin-left:14px;
margin-right:unset !important
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar .main-header-left {
-webkit-box-shadow:2px 1px 3px 1px rgba(68,102,242,0.1);
box-shadow:2px 1px 3px 1px rgba(68,102,242,0.1)
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar ~ .page-body {
margin-right:255px;
margin-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar.open {
margin-right:calc(-260px);
margin-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar.open ~ .page-body {
margin-right:0
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar.open ~ footer {
margin-right:0
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-header .row h2,[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-header .row h6 {
text-align:right
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .footer-fix {
margin-right:250px;
margin-left:unset
}
[main-theme-layout="rtl"] .right-sidebar {
left:-285px;
right:unset
}
[main-theme-layout="rtl"] .right-sidebar .modal-header .modal-title {
text-align:right
}
[main-theme-layout="rtl"] .right-sidebar .friend-list-search .fa {
left:35px;
right:unset
}
[main-theme-layout="rtl"] .right-sidebar.show {
left:0
}
[main-theme-layout="rtl"] .page-main-header {
margin-left:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right {
text-align:left
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .droplet-dropdown {
left:-167px !important
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .droplet-dropdown:after,[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .droplet-dropdown:before {
right:unset;
left:50%
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .droplet-dropdown li .row .droplet-main {
border-right:1px solid #efefef
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul .search-form input {
padding:10px 70px 10px 10px
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li {
text-align:right
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li .dot {
left:17px;
right:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li .media .dotted-animation {
left:-3px;
right:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li .media .dotted-animation .main-circle {
left:6px;
right:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li .media .dotted-animation .animate-circle {
left:-4px;
right:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown .profile-dropdown {
left:-20px !important
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown .profile-dropdown:before {
right:unset;
left:70px
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown .profile-dropdown:after {
right:unset;
left:70px
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown:last-child {
padding-left:0;
padding-right:20px;
border-right:none
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li:first-child {
border-right:none
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:after {
right:22px;
left:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:before {
right:53px;
left:unset
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right>ul>li i.ml-2 {
margin-right:0.5rem !important;
margin-left:unset !important
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .language-dropdown {
text-align:right
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .language-dropdown li a i {
margin-left:10px
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .profile-dropdown li svg {
margin-left:10px
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .profile-dropdown li a svg {
margin-right:unset;
margin-left:10px
}
[main-theme-layout="rtl"] .page-main-header.open {
margin-right:0
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div {
right:initial;
left:-30px;
padding:0
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div:before {
right:34px !important;
left:unset
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div:after {
right:34px !important;
left:unset
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div li {
margin-right:0 !important
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
margin-left:unset !important
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
margin-right:unset;
margin-left:10px
}
[main-theme-layout="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
margin-left:20px;
margin-right:unset
}
[main-theme-layout="rtl"] .alert i {
margin-left:5px;
margin-right:0
}
[main-theme-layout="rtl"] .inverse {
padding:13px 65px 13px 20px;
overflow:hidden
}
[main-theme-layout="rtl"] .inverse i {
left:unset;
right:0
}
[main-theme-layout="rtl"] .alert-primary.inverse:before {
border-right:7px solid #7e37d8;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-secondary.inverse:before {
border-right:7px solid #fe80b2;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-success.inverse:before {
border-right:7px solid #80cf00;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-danger.inverse:before {
border-right:7px solid #fd517d;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-warning.inverse:before {
border-right:7px solid #ffc717;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-info.inverse:before {
border-right:7px solid #06b5dd;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-light.inverse:before {
border-right:7px solid #f8f5fd;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-dark.inverse:before {
border-right:7px solid #2c323f;
right:54px;
left:unset;
border-left:unset
}
[main-theme-layout="rtl"] .alert-dismissible .close {
left:0;
right:unset
}
[main-theme-layout="rtl"] .alert-dismissible .close span {
padding-left:0;
padding-right:unset
}
[main-theme-layout="rtl"] .icofont.icofont-truck {
display:inline-block
}
[main-theme-layout="rtl"] .blog-box .blog-details {
padding-left:20px;
text-align:right
}
[main-theme-layout="rtl"] .blog-box .blog-details .blog-social {
padding-right:0
}
[main-theme-layout="rtl"] .blog-box .blog-details .blog-social li {
padding-left:40px;
padding-right:unset
}
[main-theme-layout="rtl"] .blog-box .blog-details .blog-social li:first-child {
border-left:1px solid #777777;
border-right:unset;
padding-left:40px;
padding-right:unset
}
[main-theme-layout="rtl"] .blog-box .blog-details .blog-social li+li {
margin-right:30px;
margin-left:unset;
padding-left:0
}
[main-theme-layout="rtl"] .blog-box .blog-details-main .blog-social li {
border-left:1px solid;
border-right:unset
}
[main-theme-layout="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
border-left:none
}
[main-theme-layout="rtl"] .blog-box .blog-date span {
font-size:36px;
font-weight:500;
padding-left:5px
}
[main-theme-layout="rtl"] .comment-box .media img {
margin-left:45px;
margin-right:unset
}
[main-theme-layout="rtl"] .comment-box .media h6 {
text-align:right
}
[main-theme-layout="rtl"] .comment-box ul ul {
margin-right:135px;
margin-left:unset;
padding-right:0
}
[main-theme-layout="rtl"] .comment-box .comment-social {
text-align:left
}
[main-theme-layout="rtl"] .comment-box .comment-social li {
padding-left:0;
padding-right:20px
}
[main-theme-layout="rtl"] .comment-box .comment-social li:first-child {
border-left:1px solid #efefef;
border-right:unset;
padding-right:0;
padding-left:20px
}
[main-theme-layout="rtl"] .button-builder-wrap .form-group .btn {
margin-left:15px;
margin-right:0;
padding:9px
}
[main-theme-layout="rtl"] .button-builder ul.the-icons {
padding-right:0 !important
}
[main-theme-layout="rtl"] .call-chat-body .chat-box .chat-right-aside .chat .chat-history .caller-img.pl-0 {
padding-left:15px !important
}
[main-theme-layout="rtl"] .chat-box .user-image {
float:right;
margin-left:5px;
margin-right:0
}
[main-theme-layout="rtl"] .chat-box .people-list .search i {
left:10px;
right:unset
}
[main-theme-layout="rtl"] .chat-box .about {
float:right;
padding-right:10px;
padding-left:unset;
text-align:right
}
[main-theme-layout="rtl"] .chat-box .chat-menu {
border-right:1px solid #f8f5fd;
border-left:unset
}
[main-theme-layout="rtl"] .chat-box .chat-menu .nav {
padding-right:0
}
[main-theme-layout="rtl"] .chat-box .chat-menu.pl-0 {
padding-left:15px !important
}
[main-theme-layout="rtl"] .chat-box .chat-right-aside .chat .chat-message .smiley-box {
margin-left:0.5rem;
margin-right:unset
}
[main-theme-layout="rtl"] .chat-box .chat-right-aside.pr-0 {
padding-right:15px !important
}
[main-theme-layout="rtl"] .chat-box .chat .chat-message .text-box .input-group-append {
margin-right:-2px
}
[main-theme-layout="rtl"] .chat-msg-box ul {
padding-right:0
}
[main-theme-layout="rtl"] .chat-left-aside .status-circle {
left:unset;
right:40px
}
[main-theme-layout="rtl"] .chat-right-aside .chat .chat-header .chat-menu-icons {
padding-left:0;
padding-right:unset
}
[main-theme-layout="rtl"] .chat-right-aside .chat .chat-header .chat-menu-icons.float-sm-right {
float:left !important
}
[main-theme-layout="rtl"] .chat-right-aside .chat .chat-header img {
float:right
}
[main-theme-layout="rtl"] .cke_toolbar,[main-theme-layout="rtl"] .cke_toolgroup,[main-theme-layout="rtl"] a.cke_button,[main-theme-layout="rtl"] .cke_combo_text {
float:right
}
[main-theme-layout="rtl"] .cke_reset_all,[main-theme-layout="rtl"] .cke_reset_all *,[main-theme-layout="rtl"] .cke_reset_all a,[main-theme-layout="rtl"] .cke_reset_all textarea {
text-align:right
}
[main-theme-layout="rtl"] .cke_combo_text {
padding-left:unset;
padding-right:10px
}
[main-theme-layout="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
direction:rtl !important
}
[main-theme-layout="rtl"] #clockdiv ul {
padding-right:0
}
[main-theme-layout="rtl"] .custom-card .card-footer>div+div {
border-right:1px solid #efefef;
border-left:unset
}
[main-theme-layout="rtl"] .card-social {
padding-right:0
}
[main-theme-layout="rtl"] .card-absolute .card-header {
right:15px;
left:unset
}
[main-theme-layout="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
margin-right:10px;
margin-left:0
}
[main-theme-layout="rtl"] .dataTables_wrapper .dataTables_length {
float:right
}
[main-theme-layout="rtl"] .dataTables_wrapper .dataTables_filter {
margin-left:unset;
margin-right:15px;
float:left
}
[main-theme-layout="rtl"] .dataTables_wrapper .dataTables_info {
float:right
}
[main-theme-layout="rtl"] .dataTables_wrapper .advance-5_filter {
margin-left:0
}
[main-theme-layout="rtl"] .dataTables_wrapper .btn-group button {
margin-left:5px;
margin-right:unset
}
[main-theme-layout="rtl"] .dataTables_wrapper .btn-group button:last-child {
margin-left:0
}
[main-theme-layout="rtl"] .dataTables_wrapper .dt-buttons .btn {
border-radius:20px !important
}
[main-theme-layout="rtl"] div.dataTables_wrapper div.dataTables_paginate {
margin-right:15px !important;
margin-left:0 !important;
float:left
}
[main-theme-layout="rtl"] table.dataTable thead>tr>th {
padding-left:30px;
padding-right:12px
}
[main-theme-layout="rtl"] table.dataTable thead>tr>th:before {
left:1em !important;
right:unset
}
[main-theme-layout="rtl"] table.dataTable thead>tr>th:after {
left:0.5em !important;
right:unset
}
[main-theme-layout="rtl"] table.dataTable thead .sorting:before,[main-theme-layout="rtl"] table.dataTable thead .sorting_asc:before,[main-theme-layout="rtl"] table.dataTable thead .sorting_desc:before,[main-theme-layout="rtl"] table.dataTable thead .sorting_asc_disabled:before,[main-theme-layout="rtl"] table.dataTable thead .sorting_desc_disabled:before {
left:1em !important;
right:unset
}
[main-theme-layout="rtl"] .dataTables_scrollHeadInner {
padding-right:unset !important;
padding-left:0 !important
}
[main-theme-layout="rtl"] div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
padding-right:0;
padding-left:0
}
[main-theme-layout="rtl"] div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
padding-right:0;
padding-left:0
}
[main-theme-layout="rtl"] .dt-plugin-buttons button.m-r-10 {
margin-left:10px;
margin-right:0
}
[main-theme-layout="rtl"] .datetime-picker .theme-form .form-group label {
text-align:left !important
}
[main-theme-layout="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
border-top-right-radius:0;
border-bottom-right-radius:0
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .datetime-picker .input-group .form-control {
border-radius:0 15px 15px 0 !important
}
[main-theme-layout="rtl"] .datetime-picker .input-group .input-group-append .input-group-text {
border-radius:15px 0 0 15px !important
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .dropdown-basic .separated-btn .btn {
border-radius:0.25rem;
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important
}
[main-theme-layout="rtl"] .error-wrapper .col-md-8.offset-md-2 {
margin:0 auto !important
}
[main-theme-layout="rtl"] .product-price del {
padding-left:20px;
padding-right:0
}
[main-theme-layout="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,[main-theme-layout="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
border-left-color:#007bff
}
[main-theme-layout="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,[main-theme-layout="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
right:0;
left:unset;
border-left:15px solid #2a3142
}
[main-theme-layout="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
border-left-color:transparent
}
[main-theme-layout="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
border-left-color:#ff850d;
border-right-color:unset
}
[main-theme-layout="rtl"] .product-box .ribbon-clip {
right:-14px;
left:unset
}
[main-theme-layout="rtl"] .product-box .ribbon-clip:before {
right:0;
left:unset
}
[main-theme-layout="rtl"] .product-hover ul {
padding-right:0
}
[main-theme-layout="rtl"] .customer-review .media img {
margin-left:25px;
margin-right:0
}
[main-theme-layout="rtl"] .nav {
padding-right:0
}
[main-theme-layout="rtl"] .custom-file-label::after {
left:0;
right:unset
}
[main-theme-layout="rtl"] .wizard-4 ul.anchor {
float:right;
padding-right:0;
padding-left:30px
}
[main-theme-layout="rtl"] .wizard-4 .step-container {
clear:unset
}
[main-theme-layout="rtl"] .wizard-4 .form-group {
text-align:right
}
[main-theme-layout="rtl"] .wizard-4 .action-bar .btn {
float:left
}
[main-theme-layout="rtl"] .f1 .f1-buttons {
text-align:left
}
[main-theme-layout="rtl"] .f1 .f1-steps .f1-step {
float:right
}
[main-theme-layout="rtl"] .static-top-widget .media-body {
padding-right:30px;
padding-left:unset
}
[main-theme-layout="rtl"] .static-top-widget .media-body .icon-bg {
left:-20px;
right:unset
}
[main-theme-layout="rtl"] .widget-joins .media .details {
border-right:1px solid #efefef;
border-left:unset
}
[main-theme-layout="rtl"] .widget-joins .media .media-body {
text-align:right
}
[main-theme-layout="rtl"] .weather-widget-two .bottom-whetherinfo .whether-content {
text-align:left
}
[main-theme-layout="rtl"] .jstree-default .jstree-node {
margin-left:unset;
margin-right:24px;
background-position:-292px -4px;
background-repeat:repeat-y
}
[main-theme-layout="rtl"] .img-cropper .btn-group {
margin-right:0;
margin-left:10px
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .img-cropper .btn-group button:first-child {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem;
border-top-left-radius:0;
border-bottom-left-radius:0
}
[main-theme-layout="rtl"] .docs-toggles .btn-group .btn {
border-radius:0
}
[main-theme-layout="rtl"] .docs-toggles .btn-group .btn:last-child {
border-top-left-radius:0.25rem;
border-bottom-left-radius:0.25rem
}
[main-theme-layout="rtl"] .docs-toggles .btn-group .btn:first-child {
border-top-right-radius:0.25rem;
border-bottom-right-radius:0.25rem
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .jsgrid-button+.jsgrid-button {
margin-right:5px;
margin-left:unset
}
[main-theme-layout="rtl"] .landing-main .landing-left {
padding-right:100px;
padding-left:0
}
[main-theme-layout="rtl"] .list-group {
padding-right:0
}
[main-theme-layout="rtl"] .list-group i,[main-theme-layout="rtl"] .list-group img {
margin-left:10px;
margin-right:0
}
[main-theme-layout="rtl"] .authentication-box {
text-align:right
}
[main-theme-layout="rtl"] .mega-horizontal .offset-sm-3 {
margin-right:25%;
margin-left:unset
}
[main-theme-layout="rtl"] .navs-icon svg {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .navs-icon .fa {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .nav-list .nav-list-disc {
text-align:right;
padding-right:0
}
[main-theme-layout="rtl"] .pl-navs-inline {
padding-right:30px !important;
padding-left:0 !important
}
[main-theme-layout="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
left:77px;
right:unset
}
[main-theme-layout="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
left:77px;
right:unset
}
[main-theme-layout="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
text-align:right
}
[main-theme-layout="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
left:2px;
right:unset
}
[main-theme-layout="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
left:2px;
right:unset
}
[main-theme-layout="rtl"] .search-form .form-group:after {
right:25px;
left:unset
}
[main-theme-layout="rtl"] .search-form .form-group:before {
right:52px;
left:unset
}
[main-theme-layout="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
right:-15px;
left:unset
}
[main-theme-layout="rtl"] .order-history table th:first-child,[main-theme-layout="rtl"] .order-history table td:first-child {
text-align:right
}
[main-theme-layout="rtl"] .product-page-details span {
padding-right:15px;
padding-left:0
}
[main-theme-layout="rtl"] .m-checkbox-inline label {
margin-left:20px;
margin-right:0
}
[main-theme-layout="rtl"] .form-label-align-right label {
text-align:left
}
[main-theme-layout="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,[main-theme-layout="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,[main-theme-layout="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,[main-theme-layout="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
float:right
}
[main-theme-layout="rtl"] .br-theme-bars-reversed .br-widget a,[main-theme-layout="rtl"] .br-theme-bars-movie .br-widget a,[main-theme-layout="rtl"] .br-theme-bars-1to10 .br-widget a,[main-theme-layout="rtl"] .br-theme-bars-square .br-widget a {
float:right
}
[main-theme-layout="rtl"] .ribbon-left {
right:auto;
left:-2px
}
[main-theme-layout="rtl"] .ribbon-vertical-left {
right:auto;
left:12px
}
[main-theme-layout="rtl"] .ribbon-vertical-right {
right:auto;
left:12px
}
[main-theme-layout="rtl"] .star-ratings ul.search-info {
padding-right:0
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
left:10px !important;
right:unset !important
}
[main-theme-layout="rtl"] .editor-statusbar {
text-align:left
}
[main-theme-layout="rtl"] .editor-statusbar span {
margin-right:1em;
margin-left:unset
}
[main-theme-layout="rtl"] .CodeMirror-scroll {
margin-left:-30px;
margin-right:unset
}
[main-theme-layout="rtl"] .primary-color ul,[main-theme-layout="rtl"] .yellow-color ul {
padding-right:0
}
[main-theme-layout="rtl"] .u-step-desc {
text-align:right
}
[main-theme-layout="rtl"] .u-step-number {
right:20px;
left:unset
}
[main-theme-layout="rtl"] .u-step-number ~ .u-step-desc {
margin-right:50px
}
[main-theme-layout="rtl"] .u-pearl:after {
left:0;
right:unset
}
[main-theme-layout="rtl"] .u-pearl:before {
right:0;
left:unset
}
[main-theme-layout="rtl"] .u-step-icon {
float:right;
margin-left:.5em;
margin-right:unset
}
[main-theme-layout="rtl"] .list-icons {
padding-right:0
}
[main-theme-layout="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
padding-right:5px
}
[main-theme-layout="rtl"] .card-header.note-toolbar .form-group.draggable {
text-align:right
}
[main-theme-layout="rtl"] .card-header.note-toolbar .form-check {
padding-right:24px;
padding-left:unset
}
[main-theme-layout="rtl"] .card-header.note-toolbar form .custom-control {
padding-right:24px;
padding-left:unset
}
[main-theme-layout="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
right:0;
left:unset
}
[main-theme-layout="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
right:0;
left:unset
}
[main-theme-layout="rtl"] .dropdown-toggle::after {
margin-right:0.255em;
margin-left:unset
}
[main-theme-layout="rtl"] .tabbed-card ul {
left:15px;
right:unset
}
[main-theme-layout="rtl"] .checkbox label {
padding-right:16px;
padding-left:unset
}
[main-theme-layout="rtl"] .checkbox label::before {
right:0;
left:unset;
margin-right:-16px;
margin-left:unset
}
[main-theme-layout="rtl"] .radio label::after {
right:5px;
left:unset;
margin-right:-20px;
margin-left:unset
}
[main-theme-layout="rtl"] .cd-timeline-content::before {
border-right:7px solid #f8f5fd;
border-left-color:transparent
}
[main-theme-layout="rtl"] .cd-timeline-img i {
right:40%;
left:unset;
margin-right:-12px;
margin-left:unset
}
[main-theme-layout="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
float:left;
border-left:7px solid #eeeeee;
border-right:unset
}
[main-theme-layout="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
right:auto;
left:122%;
text-align:left
}
[main-theme-layout="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
right:auto;
left:100%;
border-left-color:#eeeeee;
border-right-color:transparent
}
[main-theme-layout="rtl"] .cd-timeline-content .cd-date {
right:122%;
left:unset
}
[main-theme-layout="rtl"] .introjs-tooltip {
right:0;
left:unset
}
[main-theme-layout="rtl"] .introjs-helperNumberLayer {
right:-16px;
left:unset
}
[main-theme-layout="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
text-align:right
}
[main-theme-layout="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
text-align:left
}
[main-theme-layout="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
margin-left:5px;
margin-right:unset
}
[main-theme-layout="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
border-radius:0.2em 0 0 0.2em
}
[main-theme-layout="rtl"] .list-inline-item:not(:last-child) {
margin-left:0.5rem;
margin-right:unset
}
[main-theme-layout="rtl"] .like-comment ul.list-inline {
padding-right:0
}
[main-theme-layout="rtl"] .typeahead {
text-align:right
}
[main-theme-layout="rtl"] .listing ul {
padding-right:0
}
[main-theme-layout="rtl"] .listing ul .icofont {
float:right
}
[main-theme-layout="rtl"] .gallery .hover-5 img {
margin-right:30px
}
[main-theme-layout="rtl"] .gallery .hover-5:hover img {
margin-right:0
}
[main-theme-layout="rtl"] .lg-outer {
text-align:right
}
[main-theme-layout="rtl"] .lg-toolbar .lg-icon {
float:left
}
[main-theme-layout="rtl"] #lg-counter {
padding-right:20px;
padding-left:unset;
float:right
}
[main-theme-layout="rtl"] .chart-widget-top .text-right {
text-align:left !important
}
[main-theme-layout="rtl"] .chart-widget-top .num .ml-1 {
margin-right:0.25rem !important
}
[main-theme-layout="rtl"] .bar-chart-widget .earning-details i {
left:-240px
}
[main-theme-layout="rtl"] .bar-chart-widget .bottom-content .b-r-light {
border-left:1px solid #eeeeee !important;
border-right:unset !important
}
[main-theme-layout="rtl"] .bar-chart-widget .bottom-content .num .ml-1 {
margin-right:0.25rem !important
}
[main-theme-layout="rtl"] .chart-vertical-center #myDoughnutGraph,[main-theme-layout="rtl"] .chart-vertical-center #myPolarGraph {
width:auto !important
}
[main-theme-layout="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
}
[main-theme-layout="rtl"] div.dt-buttons {
float:right
}
[main-theme-layout="rtl"] .dt-button-collection {
left:-39px !important
}
[main-theme-layout="rtl"] .dropzone .dz-preview .dz-error-mark,[main-theme-layout="rtl"] .dropzone .dz-preview .dz-success-mark {
right:50%;
margin-right:-27px;
margin-left:unset;
left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper footer {
margin-right:310px;
margin-left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper footer p i {
margin-right:5px;
margin-left:unset
}
[main-theme-layout="rtl"] .footer-copyright {
text-align:right
}
[main-theme-layout="rtl"] .footer-links {
text-align:left
}
[main-theme-layout="rtl"] .page-item:first-child .page-link {
margin-right:0;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:0;
border-bottom-left-radius:0
}
[main-theme-layout="rtl"] .page-item:last-child .page-link {
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:0;
border-bottom-right-radius:0
}
[main-theme-layout="rtl"] .popover.top>.arrow:after,[main-theme-layout="rtl"] .popover.bottom>.arrow:after {
margin-right:-10px;
margin-left:unset
}
[main-theme-layout="rtl"] .bootstrap-touchspin>.input-group-append>.btn,[main-theme-layout="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
}
[main-theme-layout="rtl"] .bootstrap-touchspin>.form-control:not(:last-child),[main-theme-layout="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
}
[main-theme-layout="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
text-align:right
}
[main-theme-layout="rtl"] .typeahead .league-name {
text-align:right;
margin-right:5px
}
[main-theme-layout="rtl"] .follow .text-md-right {
text-align:left !important
}
[main-theme-layout="rtl"] .jvectormap-zoomin,[main-theme-layout="rtl"] .jvectormap-zoomout,[main-theme-layout="rtl"] .jvectormap-goback {
right:10px;
left:unset
}
[main-theme-layout="rtl"] .customizer-links {
right:unset;
left:0
}
[main-theme-layout="rtl"] .customizer-links.open {
right:unset;
left:330px;
border-radius:0 8px 8px 0
}
[main-theme-layout="rtl"] .customizer-contain {
width:330px;
right:unset;
left:-334px
}
[main-theme-layout="rtl"] .customizer-contain.open {
right:unset;
left:0px
}
[main-theme-layout="rtl"] .customizer-contain .customizer-header .icon-close {
left:unset;
right:30px
}
[main-theme-layout="rtl"].dark-only .border-right {
border-left:1px solid #374558 !important;
border-right:unset !important
}
[main-theme-layout="rtl"].dark-only .chat-box .chat-menu {
border-right:1px solid #374558
}
[main-theme-layout="rtl"].dark-only .star-ratings ul.search-info li+li {
border-right:1px solid #374558;
border-left:unset
}
[main-theme-layout="rtl"].dark-only .custom-card .card-footer>div+div {
border-right:1px solid #374558;
border-left:unset
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main:first-child,[main-theme-layout="rtl"].dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main:nth-child(4) {
border-right:none
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main:nth-child(3n) {
border-right:1px solid rgba(255,255,255,0.2)
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .card .b-r-light {
border-right:none !important;
border-left:1px solid #374558 !important
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li,[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li {
border-right:unset;
border-left:1px solid #374558
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:first-child,[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:first-child {
border-right:unset;
border-left:1px solid #374558
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .comment-social li:first-child {
border-left:1px solid #374558;
border-right:unset
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity ul.dates li+li {
border-right:1px solid #374558;
border-left:unset
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-body-wrapper .page-body .cal-date-widget .cal-info .b-r-light {
border-right:1px solid #f8f5fd !important;
border-left:unset !important
}
@media only screen and (max-width: 575px) {
[main-theme-layout="rtl"].dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main:nth-child(odd) {
border-right:none;
border-left:1px solid rgba(255,255,255,0.2)
}
[main-theme-layout="rtl"].dark-only .page-wrapper .page-main-header .main-header-right .nav-right .nav-menus .droplet-dropdown li .row .droplet-main:nth-child(3n) {
border-right:none
}
}
[main-theme-layout="rtl"] .box-layout.page-wrapper .page-main-header {
padding-right:250px;
padding-left:unset
}
[main-theme-layout="rtl"] .box-layout.page-wrapper .page-main-header.open {
padding-right:0
}
@media screen and (max-width: 1660px) {
[main-theme-layout="rtl"] .caller-img {
left:unset;
right:15px
}
}
@media only screen and (max-width: 1366px) {
[main-theme-layout="rtl"] .product-wrapper .product-grid .feature-products {
margin-right:0
}
[main-theme-layout="rtl"] .product-grid {
margin-right:0
}
[main-theme-layout="rtl"] .d-none-productlist {
margin-left:10px;
margin-right:unset
}
[main-theme-layout="rtl"] .product-sidebar {
-webkit-transform:translateX(300px) scaleX(0);
transform:translateX(300px) scaleX(0)
}
[main-theme-layout="rtl"] .photos ul li:nth-child(3n) {
margin-left:15px;
margin-right:unset
}
[main-theme-layout="rtl"] .sale-chart {
right:unset;
left:60px
}
[main-theme-layout="rtl"] .chat-left-aside .status-circle {
left:unset;
right:22px
}
}
@media (min-width: 1200px) {
[main-theme-layout="rtl"] .chat-box .pr-xl-0,[main-theme-layout="rtl"] .chat-box .px-xl-0 {
padding-left:0 !important;
padding-right:15px !important
}
[main-theme-layout="rtl"] .chat-box .pl-xl-0,[main-theme-layout="rtl"] .chat-box .px-xl-0 {
padding-right:0 !important;
padding-left:15px !important
}
[main-theme-layout="rtl"] .pixelstrap ul a:hover .sub-arrow,[main-theme-layout="rtl"] .pixelstrap ul a:focus .sub-arrow,[main-theme-layout="rtl"] .pixelstrap ul a:active .sub-arrow,[main-theme-layout="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
left:3px;
right:unset
}
}
@media only screen and (max-width: 1199px) {
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons {
left:45px
}
[main-theme-layout="rtl"] .email-wrap .row .col-xl-6 {
padding-right:15px
}
[main-theme-layout="rtl"] .email-wrap .row .col-xl-3+.col-xl-3 {
padding-left:15px
}
[main-theme-layout="rtl"] .email-wrap .email-app-sidebar .main-menu>li {
text-align:right
}
[main-theme-layout="rtl"] .email-wrap .email-app-sidebar .main-menu>li a i {
margin-right:unset;
margin-left:10px
}
[main-theme-layout="rtl"] .email-wrap .email-app-sidebar ul {
padding-right:0
}
[main-theme-layout="rtl"] .email-wrap .email-content .email-top .user-emailid:after {
float:left
}
[main-theme-layout="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
padding-right:unset !important
}
[main-theme-layout="rtl"] .email-wrap .email-right-aside .radius-left {
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important;
border-radius:4px
}
[main-theme-layout="rtl"] .chat-menu-icons {
text-align:left
}
[main-theme-layout="rtl"] .chat-box .chat-history .row .col-sm-7 {
padding-left:0 !important;
padding-right:unset !important
}
[main-theme-layout="rtl"] .chat-menu {
left:0;
right:unset
}
}
@media only screen and (max-width: 991px) {
[main-theme-layout="rtl"] .position-set {
left:30px
}
[main-theme-layout="rtl"] .faq-accordion .faq-header svg {
left:20px
}
[main-theme-layout="rtl"] .categories .learning-header {
padding-right:20px
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-left .logo-wrapper img {
margin-left:15px;
margin-right:unset
}
[main-theme-layout="rtl"] .main .langChoice {
left:20px
}
[main-theme-layout="rtl"] .cd-timeline-img i {
right:50% !important
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-header .breadcrumb {
float:right;
margin-right:0
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-body {
min-height:calc(100vh - 60px)
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-sidebar ~ .page-body {
margin-right:0px !important
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header {
margin-right:0
}
[main-theme-layout="rtl"] .card-body .value-left {
margin-left:20px
}
[main-theme-layout="rtl"] .card .card-header .card-header-right {
left:20px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.big-dot {
left:unset;
right:-25px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.semi-medium-dot {
left:unset;
right:14px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.semi-small-dot {
left:unset;
right:26px
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-body,[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper footer {
margin-left:unset !important;
margin-right:0 !important
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .page-header .row .breadcrumb-right .breadcrumb {
float:right
}
[main-theme-layout="rtl"] .page-wrapper .page-body-wrapper .iconsidebar-menu .iconMenu-bar {
height:calc(100vh - 65px)
}
[main-theme-layout="rtl"] .page-main-header .main-header-right .nav-right .notification-dropdown {
left:-125px !important
}
[main-theme-layout="rtl"] .sale-chart {
left:40px
}
}
@media (min-width: 768px) {
[main-theme-layout="rtl"] .float-md-right {
float:left !important
}
[main-theme-layout="rtl"] .text-md-right {
text-align:left !important
}
[main-theme-layout="rtl"] .offset-md-3 {
margin-right:25%;
margin-left:unset
}
[main-theme-layout="rtl"] .text-md-left {
text-align:right !important
}
[main-theme-layout="rtl"] .ecommerce-widget .text-md-right {
text-align:left !important
}
[main-theme-layout="rtl"] .ecommerce-widget .text-md-right ul {
text-align:left
}
}
@media only screen and (max-width: 767px) {
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons {
left:25px !important
}
[main-theme-layout="rtl"] .ecommerce-widget .text-md-right {
text-align:left !important
}
[main-theme-layout="rtl"] .bar-chart-widget .earning-details i {
left:-147px !important
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown {
right:-259px !important;
left:unset !important
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown:before,[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown:after {
left:95px;
right:unset
}
}
@media (min-width: 576px) {
[main-theme-layout="rtl"] .offset-sm-3 {
margin-right:25%;
margin-left:unset
}
[main-theme-layout="rtl"] .text-sm-right {
text-align:left !important
}
[main-theme-layout="rtl"] .float-sm-right {
float:left !important
}
[main-theme-layout="rtl"] .mr-sm-2,[main-theme-layout="rtl"] .mx-sm-2 {
margin-left:0.5rem !important;
margin-right:unset !important
}
}
@media only screen and (max-width: 575px) {
[main-theme-layout="rtl"] .position-set {
left:25px
}
[main-theme-layout="rtl"] .Typeahead-spinner {
left:-162px
}
[main-theme-layout="rtl"] .faq-accordion .faq-header svg {
left:15px
}
[main-theme-layout="rtl"] .categories .learning-header {
padding-right:15px
}
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons {
left:15px !important
}
[main-theme-layout="rtl"] .user-profile .hovercard .user-image .share-icons li {
margin-left:0px
}
[main-theme-layout="rtl"] .main .langChoice {
left:15px
}
[main-theme-layout="rtl"] .page-wrapper .search-form .form-group {
margin-left:0
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .onhover-dropdown .onhover-show-div {
right:96px;
left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown {
right:-91px !important
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown:before,[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown:after {
left:185px
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .droplet-dropdown li .row .droplet-main:nth-child(odd) {
border-right:none;
border-left:1px solid #efefef
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown .profile-dropdown {
right:-72px
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown .profile-dropdown:before,[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown .profile-dropdown:after {
left:40px
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right>ul .search-form .form-control-plaintext {
right:-10px;
left:unset
}
[main-theme-layout="rtl"] .page-wrapper .page-main-header .main-header-right .nav-right .notification-dropdown {
right:-85px !important;
left:unset !important
}
[main-theme-layout="rtl"] .card-body .value-left {
margin-left:15px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.big-dot {
left:unset;
right:-16px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.semi-big-dot {
left:unset;
right:-12px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.semi-medium-dot {
left:unset;
right:12px
}
[main-theme-layout="rtl"] .card .card-header ul.creative-dots li.semi-small-dot {
left:unset;
right:22px
}
[main-theme-layout="rtl"] .crypto-revenue .card-header .text-right {
text-align:right !important
}
[main-theme-layout="rtl"] .crypto-revenue .card-header h5 .badge {
margin-right:5px
}
[main-theme-layout="rtl"] .year-overview .card-header .text-right,[main-theme-layout="rtl"] .btc-overview .card-header .text-right {
text-align:right !important
}
[main-theme-layout="rtl"] .btc-table-xs-l {
padding-right:15px;
padding-left:15px
}
}
@media only screen and (max-width: 360px) {
[main-theme-layout="rtl"] .social-app-profile .hovercard .user-image .avatar {
margin-top:-47px
}
[main-theme-layout="rtl"] .social-app-profile .hovercard .user-image .avatar img {
width:85px;
height:85px
}
[main-theme-layout="rtl"] .social-chat .other-msg {
margin-right:15px
}
[main-theme-layout="rtl"] .default-chartist-container.ct-11 svg {
margin-right:-23px;
margin-left:unset
}
[main-theme-layout="rtl"] .default-chartist-container.ct-10 svg {
margin-right:-16px;
margin-left:unset
}
}