File manager - Edit - /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs/style.css.tar
Back
home/aissorg/public_html/css/style.css 0000644 00001233056 15116232000 0014107 0 ustar 00 @charset "UTF-8"; /* * Trunk version 2.0.0 */ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; } figure { margin-bottom: 0; } html p a:hover { text-decoration: none; } /* * * Typography */ body { /*font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/ font-family: "Arimo", sans-serif; font-size: 14px; line-height: 1.7; font-weight: 300; color: #000; background-color: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .03em; } body { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* Standard */ } @media (min-width: 768px) { body { font-size: 16px; line-height: 1.5; } } h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; color: #29293a; font-family: "Arimo", sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a { color: #900; font-family: "Arimo", sans-serif; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { color: #ff6600; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, [class^='heading-'] span { display: inline-block; } h1 span[data-toggle='modal'], h2 span[data-toggle='modal'], h3 span[data-toggle='modal'], h4 span[data-toggle='modal'], h5 span[data-toggle='modal'], h6 span[data-toggle='modal'], [class^='heading-'] span[data-toggle='modal'] { border-bottom: 2px dashed rgba(255, 102, 0, 0.3); cursor: pointer; } h1>span.icon, h2>span.icon, h3>span.icon, h4>span.icon, h5>span.icon, h6>span.icon, [class^='heading-']>span.icon { display: inline-block; margin-right: 5px; } h1, .heading-1 { font-size: 30px; line-height: 1.15; letter-spacing: 0; } @media (min-width: 576px) { h1, .heading-1 { font-size: 32px; } } @media (min-width: 768px) { h1, .heading-1 { font-size: 46px; line-height: 1.25; } } @media (min-width: 992px) { h1, .heading-1 { font-size: 54px; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 58px; } } @media (min-width: 1600px) { h1, .heading-1 { font-size: 68px; line-height: 1.17647; } } h2, .heading-2 { font-family:"Arimo", sans-serif; font-weight: 300; font-size: 28px; line-height: 1.4; letter-spacing: 0; } @media (min-width: 576px) { h2, .heading-2 { font-size: 30px; } } @media (min-width: 768px) { h2, .heading-2 { font-size: 44px; } } @media (min-width: 1200px) { h2, .heading-2 { font-size: 48px; line-height: 1.33333; } } h3, .heading-3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; } @media (min-width: 768px) { h3, .heading-3 { font-size: 30px; line-height: 1.4; } } @media (min-width: 1200px) { h3, .heading-3 { font-size: 36px; line-height: 1.33333; } } h3 .big, .heading-3 .big { font-size: 2em; line-height: 1; } h4, .heading-4 { font-size: 18px; line-height: 1.5; letter-spacing: 0; } @media (min-width: 1200px) { h4, .heading-4 { font-size: 24px; line-height: 1.33333; } } h4.h4-smaller, .heading-4.h4-smaller { font-size: 19px; } @media (min-width: 1200px) { h4.h4-smaller, .heading-4.h4-smaller { font-size: 22px; line-height: 1.45455; } } h5, .heading-5 { font-size: 16px; line-height: 1.5; letter-spacing: .01em; } @media (min-width: 768px) { h5, .heading-5 { font-size: 20px; line-height: 1.4; } } h6, .heading-6 { font-family: "Arimo", sans-serif; font-size: 14px; line-height: 1.8; letter-spacing: .2em; text-transform: uppercase; color: #aeb1be; } @media (min-width: 768px) { h6, .heading-6 { font-size: 16px; line-height: 1.5; } } .title-decorated { position: relative; padding-left: 40px; text-align: left; } .title-decorated::before { content: ''; position: absolute; left: 0; top: .8em; width: 30px; border-bottom: 1px solid; } @media (min-width: 768px) { .title-decorated { padding-left: 70px; } .title-decorated::before { width: 50px; top: .7em; border-bottom-width: 2px; } } @media (min-width: 768px) { .title-decorated-lg { padding-left: 80px; } .title-decorated-lg::before { width: 62px; } .title-decorated-lg+p { margin-top: 32px; } } small, .small { display: block; font-size: 12px; line-height: 1.5; } mark, .mark { padding: 3px 5px; color: #fff; background: #ff6600; } strong { font-weight: 700; color: #900; } .big { font-size: 16px; line-height: 1.55; } @media (min-width: 768px) { .big { font-size: 20px; line-height: 1.6; } } .lead { font-size: 24px; line-height: 34px; font-weight: 300; } code { padding: 4px 5px; border-radius: 0; font-size: 90%; color: #111111; background: #f5f6fa; } .text-large { font-family: "Arimo", sans-serif; font-size: 30px; font-weight: 500; letter-spacing: 0; line-height: 1.2; text-transform: uppercase; } @media (min-width: 576px) { .text-large { font-size: 55px; } } @media (min-width: 768px) { .text-large { font-size: 68px; } } @media (min-width: 992px) { .text-large { font-size: 80px; } } @media (min-width: 1200px) { .text-large { font-size: 100px; } } .context-dark .text-large, .bg-gray-700 .text-large, .bg-gray-800 .text-large, .bg-primary .text-large, .bg-primary-darker .text-large { color: #fff; } .text-extra-large { font-size: 100px; line-height: .8; font-weight: 800; } @media (min-width: 768px) { .text-extra-large { font-size: 130px; line-height: .7; } } @media (min-width: 992px) { .text-extra-large { font-size: 150px; } } @media (min-width: 1600px) { .text-extra-large { font-size: 180px; } } .wow-outer span { display: block; } .wow-outer .wow>span { display: inline; } p [data-toggle='tooltip'] { padding-left: .25em; padding-right: .25em; color: #ff6600; } p [style*='max-width'] { display: inline-block; } p a { color: inherit; } p .text-width-1 { display: inline-block; max-width: 730px; } .text-width-2 { display: inline-block; max-width: 350px; } html .page .text-primary { color: #ff6600; } html .page .text-accent-dark { color: #29293a; } .page .text-danger { color: #dc0000; } .page .text-gray-700 { color: #495057; } .page .text-color-1 { color: #deef7f; } .context-dark .text-gray-700, .bg-gray-700 .text-gray-700, .bg-gray-800 .text-gray-700, .bg-primary .text-gray-700, .bg-primary-darker .text-gray-700 { color: #fff; } .text-medium { font-size: 18px; } @media (min-width: 1200px) { .text-medium { font-size: 20px; } } /* * * Brand */ .brand { display: inline-block; } .brand .brand-logo-light { display: none; } .brand .brand-logo-dark { display: block; } /* * * Links */ a { transition: all 0.3s ease-in-out; } a, a:focus, a:active, a:hover { text-decoration: none; } a.decorated { position: relative; padding-bottom: 2px; } a.decorated:before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; width: 0; background-color: #ff6600; transition: all ease .35s; } a:hover.decorated:before { width: 100%; transition: all ease .35s; } a:hover.underlined { text-decoration: underline; } a, a:focus, a:active { color: #ff6600; } a:hover { color: #b34700; } a[href*='tel'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #F25800; } .link-default, .link-default:active, .link-default:focus { color: #74757f; } .link-default:hover { color: #ff6600; } .context-dark .link-default, .bg-gray-700 .link-default, .bg-gray-800 .link-default, .bg-primary .link-default, .bg-primary-darker .link-default { color: #aeb1be; } .context-dark .link-default:hover, .bg-gray-700 .link-default:hover, .bg-gray-800 .link-default:hover, .bg-primary .link-default:hover, .bg-primary-darker .link-default:hover { color: #fff; } .link-image { display: block; max-width: 75%; margin-left: auto; margin-right: auto; opacity: .45; transition: all 0.3s ease-in-out; } .link-image:hover { opacity: 1; } .privacy-link { display: inline-block; } *+.privacy-link { margin-top: 25px; } .footer-link, .footer-link:focus, .footer-link:active { color: rgba(255, 255, 255, 0.5); } .footer-link:hover { color: #ff6600; } .accent-dark-link, .accent-dark-link:focus, .accent-dark-link:active { color: #29293a; } .accent-dark-link:hover { color: #ff6600; } /* * * Blocks */ .block-center, .block-sm, .block-lg { margin-left: auto; margin-right: auto; } .block-sm { max-width: 450px; } .block-lg { max-width: 768px; } .block-center { padding: 10px; } .block-center:hover .block-center-header { background-color: #ff6600; } .block-center-title { background-color: #fff; } @media (max-width: 1599.98px) { .block-center { padding: 20px; } .block-center:hover .block-center-header { background-color: #fff; } .block-center-header { background-color: #ff6600; } } /* * * Boxes */ .box-minimal { display: flex; margin-left: -15px; text-align: left; } .box-minimal>* { margin-left: 15px; } .box-minimal-icon { position: relative; top: 4px; min-width: 26px; font-size: 24px; line-height: 1; color: #ff6600; } .box-minimal-icon.fl-bigmug-line-checkmark14 { font-size: 20px; } .box-minimal-text { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; } *+.box-minimal { margin-top: 30px; } *+.box-minimal-title { margin-top: 10px; } *+.box-minimal-text { margin-top: 15px; } @media (max-width: 575.98px) { .box-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .box-minimal *+p { margin-top: 7px; } } @media (min-width: 768px) { .box-minimal { padding-right: 15px; margin-left: -30px; } .box-minimal>* { margin-left: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .box-minimal { padding-right: 0; } .box-minimal-title { font-size: 22px; } } @media (min-width: 1200px) { .box-minimal-icon { top: 0; font-size: 36px; } .box-minimal-icon.fl-bigmug-line-checkmark14 { font-size: 30px; } } .box-light { text-align: center; } .box-light .icon-modern { transition: all ease .35s; } @media (min-width: 1200px) { .box-light:hover .icon-modern { background-color: #ff6600; color: #fff; transition: all ease .35s; } } .box-light-icon { font-size: 30px; line-height: 1; color: #ff6600; } *+.box-light-title { margin-top: 10px; } @media (max-width: 575.98px) { .box-light { max-width: 300px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .box-light { max-width: 330px; margin-left: auto; margin-right: auto; } *+.box-light-title { margin-top: 16px; } } @media (min-width: 768px) and (max-width: 1199.98px) { .box-light-title { font-size: 24px; } } @media (min-width: 992px) { .box-light-icon { font-size: 38px; } *+.box-light-title { margin-top: 25px; } } @media (min-width: 1200px) { .box-light-icon { font-size: 48px; } } .box-creative { max-width: 330px; margin-left: auto; margin-right: auto; text-align: center; cursor: default; } .box-creative:hover .box-creative-icon { color: #fff; } .box-creative:hover .box-creative-icon::after { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .box-creative-shadow .box-creative-icon { background: #fff; border: 0; box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.05); } .box-creative-icon { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; width: 2.8em; height: 2.8em; border: 2px solid #e8e9ee; border-radius: 50%; font-size: 24px; line-height: 1; color: #ff6600; } .box-creative-icon::before { position: relative; z-index: 2; } .box-creative-icon::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: #ff6600; border-color: #ff6600; pointer-events: none; opacity: 0; visibility: hidden; transition: .15s ease-in; transform: scale3d(1.05, 1.05, 1.05); } *+.box-creative-icon { margin-top: 10px; } *+.box-creative-title { margin-top: 10px; } @media (min-width: 768px) { .box-creative-icon { font-size: 30px; } *+.box-creative-title { margin-top: 15px; } } @media (max-width: 991.98px) { .box-creative *+p { margin-top: 10px; } } @media (min-width: 1200px) { .box-creative-icon { width: 2.4em; height: 2.4em; font-size: 40px; } *+.box-creative-title { margin-top: 24px; } } .box-1 { max-width: 280px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .box-2 { padding-right: 30px; } } @media (min-width: 992px) { .box-2 { padding-right: 35px; } } @media (min-width: 1200px) { .box-2 { padding-right: 100px; } } @media (min-width: 992px) { .box-3 { padding-left: 10px; } } @media (min-width: 1200px) { .box-3 { padding-left: 70px; } } div.box-cta-1 { display: inline-table; text-align: center; vertical-align: middle; margin-bottom: -25px; margin-left: -40px; } div.box-cta-1:empty { margin-bottom: 0; margin-left: 0; } div.box-cta-1>* { display: inline-block; margin: 0 0 25px 40px; } div.box-cta-1>* { margin-top: 0; vertical-align: middle; } div.box-cta-thin { display: inline-table; text-align: center; vertical-align: middle; margin-bottom: -25px; margin-left: -30px; } div.box-cta-thin:empty { margin-bottom: 0; margin-left: 0; } div.box-cta-thin>* { display: inline-block; margin: 0 0 25px 30px; } div.box-cta-thin>* { margin-top: 0; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991.98px) { div.box-cta-thin>* { max-width: 500px; } } .box-cta-medium { display: flex; justify-content: center; align-items: center; height: 100%; vertical-align: middle; flex-wrap: wrap; margin-left: -30px; } @media (min-width: 992px) { .box-cta-medium { margin-left: -167px; } } .box-cta-medium>* { margin-bottom: 10px; margin-top: 0; vertical-align: middle; margin-left: 30px; } @media (min-width: 992px) { .box-cta-medium>* { margin-left: 167px; } } .box-cta-medium .button-outer { margin-top: 0; } .box-indigo { position: relative; padding: 5px 0 22px; max-width: 500px; } .box-indigo::before { content: ''; position: absolute; top: 0; right: 100px; bottom: 0; left: 30px; z-index: -1; background: rgba(73, 80, 87, 0.12); pointer-events: none; } .box-indigo p { line-height: 1.35; } .box-indigo-header>* { padding-left: 60px; } .box-indigo-header>*+* { margin-top: 0; } .box-indigo-mark { font-weight: 300; color: #deef7f; } .box-indigo-title, .box-indigo-subtitle { font-weight: 700; letter-spacing: 0; color: #495057; } p.box-indigo-title { position: relative; font-size: 30px; line-height: 1.15; } p.box-indigo-title::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate3d(0, -50%, 0); display: inline-block; width: 37px; height: 0.05em; margin-right: 15px; vertical-align: middle; background: #ff6600; } @media (min-width: 576px) { p.box-indigo-title { font-size: 60px; } } @media (min-width: 768px) { p.box-indigo-title { font-size: 75px; line-height: 1.2; } } p.box-indigo-subtitle { font-size: 24px; line-height: 1.2; } p.box-indigo-subtitle .box-indigo-mark { font-size: 0.85em; } @media (min-width: 576px) { p.box-indigo-subtitle { font-size: 34px; } } @media (min-width: 768px) { p.box-indigo-subtitle { font-size: 40px; } } .context-dark .box-indigo::before, .bg-gray-700 .box-indigo::before, .bg-gray-800 .box-indigo::before, .bg-primary .box-indigo::before, .bg-primary-darker .box-indigo::before { background: rgba(255, 255, 255, 0.12); } .context-dark .box-indigo p, .bg-gray-700 .box-indigo p, .bg-gray-800 .box-indigo p, .bg-primary .box-indigo p, .bg-primary-darker .box-indigo p { color: #aeb1be; } .context-dark p.box-indigo-title, .bg-gray-700 p.box-indigo-title, .bg-gray-800 p.box-indigo-title, .bg-primary p.box-indigo-title, .bg-primary-darker p.box-indigo-title, .context-dark p.box-indigo-subtitle, .bg-gray-700 p.box-indigo-subtitle, .bg-gray-800 p.box-indigo-subtitle, .bg-primary p.box-indigo-subtitle, .bg-primary-darker p.box-indigo-subtitle { color: #fff; } .box-promo { position: relative; display: flex; max-width: 750px; margin-left: auto; margin-right: auto; text-align: left; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15); transition: .33s ease-in-out; } .box-promo h6, .box-promo .heading-6 { color: #ff747b; } .box-promo:hover { transform: translate(0, -5px); box-shadow: 0 2px 24px 1px rgba(0, 0, 0, 0.2); } .box-promo-mark { position: absolute; top: 14%; right: 6.5%; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; color: rgba(255, 102, 0, 0.1); border: 2px solid; pointer-events: none; } .box-promo-mark::before, .box-promo-mark::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: rgba(255, 102, 0, 0.1); } .box-promo-mark::before { width: 2px; height: 50%; } .box-promo-mark::after { height: 2px; width: 50%; } .box-promo-inner, .box-promo-dummy { width: 100%; flex-shrink: 0; } .box-promo-inner { display: flex; align-items: center; padding: 30px; } .box-promo-dummy { visibility: hidden; opacity: 0; pointer-events: none; } .box-promo-dummy::before { content: ''; display: block; padding-bottom: 48.53333%; } .box-promo-content { width: 100%; max-width: 500px; } .box-promo-content *+h3, .box-promo-content *+.heading-3 { margin-top: 15px; } .box-promo-content *+p { margin-top: 10px; } .box-promo-content *+.button { margin-top: 30px; } @media (min-width: 768px) { .box-promo-inner { padding: 39px 35px; } } @media (min-width: 1200px) { .box-promo-inner { padding: 60px 70px; } .box-promo-mark { top: 24%; right: 6.5%; width: 120px; height: 120px; } } /* * Element groups */ html .group { margin-bottom: -15px; margin-left: -20px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group>* { display: inline-block; margin: 0 0 15px 20px; } @media (min-width: 992px) { html .group { margin-left: -30px; } html .group>* { margin-left: 30px; } } html .group-xs { margin-bottom: -7px; margin-left: -7px; } html .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .group-xs>* { display: inline-block; margin: 0 0 7px 7px; } html .group-sm { margin-bottom: -10px; margin-left: -10px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm>* { display: inline-block; margin: 0 0 10px 10px; } html .group-lg { margin-bottom: -25px; margin-left: -40px; } html .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .group-lg>* { display: inline-block; margin: 0 0 25px 40px; } html .group-xl { margin-bottom: -20px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl>* { display: inline-block; margin: 0 0 20px 30px; } @media (min-width: 992px) { html .group-xl { margin-bottom: -20px; margin-left: -45px; } html .group-xl>* { margin-bottom: 20px; margin-left: 45px; } } html .group-sm-justify .button { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { html .group-sm-justify { display: flex; align-items: center; justify-content: center; } html .group-sm-justify>* { flex-grow: 1; flex-shrink: 0; } html .group-sm-justify .button { min-width: 130px; padding-left: 20px; padding-right: 20px; } } html .group-middle { display: table; vertical-align: middle; } html .group-middle>* { vertical-align: middle; } *+.group { margin-top: 30px; } *+.group-xs { margin-top: 35px; } *+.group-sm { margin-top: 30px; } *+.group-xl { margin-top: 20px; } /* * * Responsive units */ .unit { display: flex; flex: 0 1 100%; margin-bottom: -30px; margin-left: -20px; } .unit>* { margin-bottom: 30px; margin-left: 20px; } .unit:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit-spacing-xs { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs>* { margin-bottom: 15px; margin-left: 7px; } /* * * Lists */ .list>li+li { margin-top: 10px; } .list-xs>li+li { margin-top: 8px; } .list-sm>li+li { margin-top: 15px; } .list-md>li+li { margin-top: 18px; } .list-lg>li+li { margin-top: 25px; } .list-xl li+li { margin-top: 30px; } @media (min-width: 1200px) { .list-xl *+p { margin-top: 18px; } } @media (min-width: 1600px) { .list-xl *+p { margin-top: 24px; } } @media (min-width: 768px) { .list-xl>li+li { margin-top: 60px; } } @media (min-width: 1600px) { .list-xl>li+li { margin-top: 78px; } } .list-inline>li { display: inline-block; } html .list-inline-md { transform: translate3d(0, -8px, 0); margin-bottom: -8px; margin-left: -10px; margin-right: -10px; } html .list-inline-md>* { margin-top: 8px; padding-left: 10px; padding-right: 10px; } @media (min-width: 992px) { html .list-inline-md { margin-left: -14px; margin-right: -14px; } html .list-inline-md>* { padding-left: 14px; padding-right: 14px; } } .list-terms dt { font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: 0; color: #495057; } .list-terms dt+dd { margin-top: 8px; } .list-terms dd+dt { margin-top: 25px; } *+.list-terms { margin-top: 25px; } .list-terms+.privacy-link { margin-top: 20px; } @media (min-width: 768px) { .list-terms dt { font-size: 24px; } .list-terms dd+dt { margin-top: 40px; } } @media (min-width: 992px) { .list-terms dt+dd { margin-top: 18px; } .list-terms dd+dt { margin-top: 55px; } } @media (min-width: 1200px) { .list-terms dt { max-width: 85%; } } @media (min-width: 1600px) { .list-terms dd+dt { margin-top: 75px; } .list-terms+.privacy-link { margin-top: 75px; } } .index-list { counter-reset: li; } .index-list>li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-marked { text-align: left; } .list-marked>li { text-indent: -25px; padding-left: 25px; } .list-marked>li::before { position: relative; top: 1px; display: inline-block; left: 25px; min-width: 25px; content: '\f14f'; font: 400 14px 'Material Design Icons'; line-height: inherit; color: #900; } .list-marked>li+li { margin-top: 9px; } *+.list-marked { margin-top: 15px; } .list-ordered { counter-reset: li; text-align: left; } .list-ordered>li { position: relative; padding-left: 25px; } .list-ordered>li:before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; top: 0; left: 0; display: inline-block; width: 15px; color: #aeb1be; } .list-ordered>li+li { margin-top: 9px; } *+.list-ordered { margin-top: 15px; } .list-nav { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -10px; margin-right: -10px; font-family: "Arimo", sans-serif; font-weight: 400; font-size: .875em; letter-spacing: .08em; text-transform: uppercase; color: #495057; } .list-nav>* { margin-top: 10px; padding-left: 10px; padding-right: 10px; } .list-nav li { display: inline-block; vertical-align: middle; } .list-nav a { color: inherit; } .list-nav a:hover { color: #ff6600; } @media (min-width: 768px) { .list-nav { margin-left: -13px; margin-right: -13px; } .list-nav>* { padding-left: 13px; padding-right: 13px; } } @media (min-width: 992px) { .list-nav { margin-left: -28px; margin-right: -28px; } .list-nav>* { padding-left: 28px; padding-right: 28px; } } .context-dark .list-nav, .bg-gray-700 .list-nav, .bg-gray-800 .list-nav, .bg-primary .list-nav, .bg-primary-darker .list-nav { color: #fff; } .context-dark .list-nav a:hover, .bg-gray-700 .list-nav a:hover, .bg-gray-800 .list-nav a:hover, .bg-primary .list-nav a:hover, .bg-primary-darker .list-nav a:hover { color: #aeb1be; } .list-inline-bordered { margin-left: -18px; margin-right: -18px; color: #495057; } .list-inline-bordered>* { padding-left: 18px; padding-right: 18px; } .list-inline-bordered * { color: inherit; } .list-inline-bordered>li>button { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; transition: .22s; } .list-inline-bordered>li>button::-moz-focus-inner { border: none; padding: 0; } .list-inline-bordered>li { display: inline-block; line-height: 24px; } .list-inline-bordered>li:not(:last-child) { border-right: 1px solid #74757f; } .context-dark .list-inline-bordered, .bg-gray-700 .list-inline-bordered, .bg-gray-800 .list-inline-bordered, .bg-primary .list-inline-bordered, .bg-primary-darker .list-inline-bordered { color: #fff; } .context-dark .list-inline-bordered button.active, .bg-gray-700 .list-inline-bordered button.active, .bg-gray-800 .list-inline-bordered button.active, .bg-primary .list-inline-bordered button.active, .bg-primary-darker .list-inline-bordered button.active, .context-dark .list-inline-bordered button:hover, .bg-gray-700 .list-inline-bordered button:hover, .bg-gray-800 .list-inline-bordered button:hover, .bg-primary .list-inline-bordered button:hover, .bg-primary-darker .list-inline-bordered button:hover { color: #aeb1be; } .list-inline-comma>li { display: inline-block; color: #ff6600; } .list-inline-comma>li:not(:last-child)::after { content: '\002C'; } .list-inline-comma a { color: inherit; } .list-inline-comma a:hover { color: #F25800; } .list-inline-comma-default>li { color: #74757f; } .list-inline-comma-default a:hover { color: #ff6600; } /* * * Images */ img { display: inline-block; max-width: 100%; height: auto; } .img-responsive { width: 100%; } /* * * Icons */ .icon { display: inline-block; font-size: 16px; line-height: 1; } .icon::before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; } .icon-creative { display: inline-block; text-align: center; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; } .icon-creative, .icon-creative:active, .icon-creative:focus { color: #900; } .icon-creative::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transform: scale3d(0, 0, 0); transition: .22s; } .icon-creative:hover { color: #fff; } .icon-creative:hover::after { opacity: 1; transform: scale3d(1, 1, 1); } .icon-creative[class*='facebook']::after { background: #2059a0; } .icon-creative[class*='twitter']::after { background: #00aae6; } .icon-creative[class*='instagram']::after { background: linear-gradient(to top, #f15823 0%, #a7058e 100%); } .icon-creative[class*='google']::after { background: #ff3807; } .icon-creative[class*='linkedin']::after { background: #2881a8; } .icon-modern { width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; border: 1px solid #e8e9ee; color: #ff6600; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } .icon-circle { border-radius: 50%; } .icon-sm { font-size: 20px; } .icon-md { font-size: 1.5em; } .icon-lg { font-size: 1.875em; } /* * * Tables custom */ .table { width: 100%; max-width: 100%; text-align: left; background: #fff; border-collapse: collapse; } .table th, .table td { color: #495057; vertical-align: middle; } .table th { padding: 13px 24px; border-top: 0; font-size: 16px; font-weight: 300; } .table thead th { border-bottom: 1px solid #aeb1be; } .table td { padding: 10px 15px; } .table tbody tr:first-child td { border-top: 0; } .table tr td { border-bottom: 1px solid #e8e9ee; } .table tfoot td { font-weight: 700; } *+.table-responsive { margin-top: 30px; } @media (min-width: 768px) { *+.table-responsive { margin-top: 40px; } } .table-hover tbody tr { transition: .55s; } .table-hover tbody tr:hover { background: #f5f6fa; } .table-job-positions th, .table-job-positions td { white-space: nowrap; } .table-job-positions td:first-child { width: 8%; padding-right: 6px; text-align: center; } .table-job-positions .position { color: #ff6600; } .table-job-positions time { display: block; white-space: nowrap; } @media (max-width: 575.98px) { .table-job-positions th, .table-job-positions td { padding-left: 12px; padding-right: 12px; } .table-job-positions td { padding-top: 10px; padding-bottom: 10px; } } .table-responsive+.button-lg { margin-top: 30px; } @media (min-width: 1200px) { .table-responsive+.button-lg { margin-top: 40px; } } @media (min-width: 1600px) { .table-responsive+.button-lg { margin-top: 55px; } } /* * * Dividers */ hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #e8e9ee; } .context-dark hr, .bg-gray-700 hr, .bg-gray-800 hr, .bg-primary hr, .bg-primary-darker hr { border-top-color: #74757f; } .divider-small { font-size: 0; line-height: 0; } .divider-small::after { content: ''; display: inline-block; width: 70px; height: 2px; background-color: #ff6600; } .divider-small+h3, .divider-small+.heading-3, .divider-small-outer+h3, .divider-small-outer+.heading-3 { margin-top: 20px; } /* * * Buttons */ .button { position: relative; overflow: hidden; display: inline-block; padding: 13px 35px; font-size: 14px; line-height: 1.25; border: 2px solid; border-radius: 6px; font-family: "Arimo", sans-serif; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1); } .button-block { display: block; width: 100%; } .button-default, .button-default:focus { color: #aeb1be; background-color: #495057; border-color: #495057; } .button-default:hover, .button-default:active { color: #fff; background-color: #ff6600; border-color: #ff6600; } .button.button-primary, .button.button-primary:focus { color: #fff; background-color: #ff6600; border-color: #ff6600; } .button.button-primary:hover, .button.button-primary:active { color: #fff; background-color: #F25800; border-color: #F25800; } html .button.button-primary-lighten, html .button.button-primary-lighten:focus { color: #fff; background-color: #ff6600; border-color: #ff6600; } html .button.button-primary-lighten:hover, html .button.button-primary-lighten:active { color: #fff; background-color: #ff7f01; border-color: #ff7f01; } .button-primary-outline, .button-primary-outline:focus { color: #000; background-color: transparent; border-color: #ff6600; } .button-primary-outline:hover, .button-primary-outline:active { color: #fff; background-color: #ff6600; border-color: #ff6600; } .button.button-facebook, .button.button-facebook:focus { color: #fff; background-color: #2059a0; border-color: #2059a0; } .button.button-facebook:hover, .button.button-facebook:active { color: #fff; background-color: #2465b5; border-color: #2465b5; } .button.button-twitter, .button.button-twitter:focus { color: #fff; background-color: #00aae6; border-color: #00aae6; } .button.button-twitter:hover, .button.button-twitter:active { color: #fff; background-color: #01bdff; border-color: #01bdff; } .button.button-google, .button.button-google:focus { color: #fff; background-color: #ff3807; border-color: #ff3807; } .button.button-google:hover, .button.button-google:active { color: #fff; background-color: #ff4c21; border-color: #ff4c21; } .button-winona { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center; } .button-winona .content-original, .button-winona .content-dubbed { vertical-align: middle; transition: transform 0.35s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.35s cubic-bezier(0.2, 1, 0.3, 1); } .button-winona .content-original { display: block; } .button-winona .content-dubbed { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .button-winona:hover .content-original { opacity: 0; transform: translate3d(0, -30%, 0); } .button-winona:hover .content-dubbed { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .button-sm { padding: 9px 32px; font-size: 12px; line-height: 1.5; } .button-lg { padding: 14px 35px; font-size: 15px; line-height: 1.5; } @media (min-width: 576px) { .button-lg { font-size: 16px; padding-left: 55px; padding-right: 55px; } } .button-lg--smaller { padding-left: 35px; padding-right: 35px; } html .button.button-icon { display: inline-flex; } .button-icon { justify-content: center; align-items: center; vertical-align: middle; } .button-icon .icon { position: relative; top: -1px; display: inline-block; vertical-align: middle; color: inherit; font-size: 1.55em; line-height: 1em; transition: none; } .button-icon:hover .icon, .button-icon:active .icon { color: inherit; } .button-icon:hover .icon:before, .button-icon:active .icon:before { color: inherit; } .button-icon-left .icon { padding-right: 5px; } .button-icon-right { flex-direction: row-reverse; } .button-icon-right .icon { padding-left: 8px; } .button-icon.button-icon-only { padding-left: 20px; padding-right: 20px; } .button-icon.button-lg .icon { padding-right: 8px; } .button-icon.button-lg.button-icon-right .icon { padding: 0 0 0 8px; } .button-icon.button-sm .icon { padding-right: 3px; font-size: 1.33em; } .button-icon.button-sm.button-icon-right .icon { padding: 0 0 0 3px; } .btn-primary { border-radius: 3px; font-family: "Arimo", sans-serif; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; transition: .33s; } .btn-primary, .btn-primary:active, .btn-primary:focus { color: #fff; background: #ff6600; border-color: #ff6600; } .btn-primary:hover { color: #fff; background: #000; border-color: #000; } .button-group { display: flex; } .button-group .button { margin: 0; flex-grow: 1; } .button-group .button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .button-group .button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .button-video { position: relative; display: block; border-radius: 50%; transition: .33s; color: #495057; } .button-video::before, .button-video:after { display: block; content: '\f4fc'; font-family: 'Material Design Icons'; font-size: 64px; line-height: 1; border-radius: 50%; } .button-video::before { z-index: -1; pointer-events: none; } .button-video::after { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, -50%, 0); transition: opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .button-video:hover { color: #ff6600; } .button-video:hover::before { opacity: 0; transition: transform 0.9s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); transform: scale3d(1.5, 1.5, 1.5); } .button-video:hover::after { opacity: 1; } .button-video-lg::before, .button-video-lg:after { font-size: 90px; } .context-dark .button-video, .bg-gray-700 .button-video, .bg-gray-800 .button-video, .bg-primary .button-video, .bg-primary-darker .button-video { color: #fff; } .btn-lg { padding: 19px 14px; min-width: 316px; display: inline-flex; justify-content: center; align-self: center; line-height: 1; } .box-cta-medium .btn-lg { min-width: 297px; } .btn-md { padding: 15px 14px; min-width: 221px; display: inline-flex; justify-content: center; align-self: center; line-height: 1; } .btn-md-1 { padding: 15px 14px; min-width: 196px; display: inline-flex; justify-content: center; align-self: center; line-height: 1; } /* * * Form styles */ .rd-form { position: relative; text-align: left; } .rd-form .button { min-height: 48px; } .rd-form .button-icon-only { padding-top: 11px; padding-bottom: 11px; } *+.rd-form { margin-top: 20px; } input:-webkit-autofill~label, input:-webkit-autofill~.form-validation { color: #000 !important; } .form-wrap { position: relative; } .form-wrap.has-error .form-input { border-color: #dc0000; } .form-wrap.has-focus .form-input { border-color: #ff6600; } *+.form-wrap { margin-top: 24px; } .form-input { display: block; width: 100%; min-height: 48px; padding: 11px 19px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; border-radius: 6px; -webkit-appearance: none; transition: .3s ease-in-out; border: 1px solid #c5c6cd; } .form-input:focus { outline: 0; } textarea.form-input { height: 150px; min-height: 48px; max-height: 255px; resize: vertical; } .form-label, .form-label-outside { margin-bottom: 0; font-weight: 400; } .form-label { position: absolute; top: 24px; left: 0; right: 0; padding-left: 19px; padding-right: 19px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; pointer-events: none; text-align: left; z-index: 9; transition: .25s; will-change: transform; transform: translateY(-50%); } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #495057; } .form-label-outside { width: 100%; padding-right: 150px; margin-bottom: 4px; font-size: 14px; color: #000; cursor: pointer; } .form-label-outside~.form-validation { top: 10px; } [data-x-mode='true'] .form-label { pointer-events: auto; } .form-validation { position: absolute; right: 15px; top: 0; z-index: 11; margin-top: 3px; font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0; color: #dc0000; transition: .3s; transform: scale3d(1, 1, 1); } .form-validation:empty { transform: scale3d(1, 0, 1); } .form-validation-left .form-validation { top: 2px; bottom: auto; right: auto; left: 14px; } #form-output-global { position: fixed; bottom: 30px; left: 15px; z-index: 2000; visibility: hidden; transform: translate3d(-500px, 0, 0); transition: .3s all ease; } #form-output-global.active { visibility: visible; transform: translate3d(0, 0, 0); } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #dc0000; } .form-output.success { color: #98bf44; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; left: 0; width: 14px; height: 14px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: #fff; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after, .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { position: absolute; opacity: 0; transition: .22s; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio input, .radio-inline input, .checkbox input, .checkbox-inline input { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .radio-custom:checked+.radio-custom-dummy:after, .checkbox-custom:checked+.checkbox-custom-dummy:after { opacity: 1; } .radio, .radio-inline { padding-left: 28px; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { top: 1px; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #74757f; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #495057; border-radius: inherit; } .checkbox, .checkbox-inline { padding-left: 28px; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { left: 0; width: 18px; height: 18px; margin: 0; border: 1px solid #74757f; } .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { content: '\f222'; font-family: "Material Design Icons"; position: absolute; top: -1px; left: -2px; font-size: 20px; line-height: 18px; color: #aeb1be; } .toggle-custom { padding-left: 60px; -webkit-appearance: none; } .toggle-custom:checked~.checkbox-custom-dummy::after { background: #ff6600; transform: translate(20px, -50%); } .toggle-custom~.checkbox-custom-dummy { position: relative; display: inline-block; margin-top: -1px; width: 44px; height: 20px; background: #fff; cursor: pointer; } .toggle-custom~.checkbox-custom-dummy::after { content: ''; position: absolute; display: inline-block; width: 16px; height: 16px; left: 0; top: 50%; background: #74757f; transform: translate(4px, -50%); opacity: 1; transition: .22s; } .form-inline { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; margin-bottom: -8px; } .form-inline>* { margin-bottom: 8px; } .form-inline>* { margin-top: 0; margin-right: -6px; } .form-inline .form-wrap { flex: 20 0; min-width: 220px; } .form-inline .form-wrap-select { text-align: left; } .form-inline .form-label { display: block; } .form-inline .form-input { border-color: #fff; } .form-inline .form-button { flex-grow: 1; min-height: 48px; } .form-inline .form-button .button { width: 100%; min-height: inherit; } @media (min-width: 576px) { .form-inline .button { display: block; } } .form-inline.form-inline-centered { justify-content: center; } .single-page .form-inline>* { margin-right: 0; } @media (min-width: 412px) { .single-page .form-inline { flex-direction: column; align-items: center; } .single-page .form-inline .form-wrap { width: 100%; } } @media (min-width: 576px) { .single-page .form-inline { flex-direction: row; } .single-page .form-inline .form-wrap { width: auto; } .single-page .form-inline>* { margin-left: -6px; } } .form-sm .form-input, .form-sm .button { padding-top: 9px; padding-bottom: 9px; min-height: 40px; } .form-sm .form-validation { top: -16px; } .form-sm .form-label { top: 20px; } .form-sm *+.button { margin-top: 10px; } .form-lg .form-input, .form-lg .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 15px; padding-bottom: 15px; } .form-lg .form-input, .form-lg .select2-container--default .select2-selection--single .select2-selection__rendered, .form-lg .form-wrap-button { min-height: 56px; } .form-lg .form-label { top: 28px; } .form-layout-1 { margin-bottom: -20px; margin-left: -20px; } .form-layout-1:empty { margin-bottom: 0; margin-left: 0; } .form-layout-1>* { display: inline-block; margin: 0 0 20px 20px; } .form-layout-1>* { display: block; } .form-layout-1 .select-2-container { display: block; min-width: 100%; max-width: 100%; width: auto !important; } .form-layout-1 .form-wrap-button { display: flex; } .form-layout-1 .button { display: block; width: 100%; } *+form.form-layout-1 { margin-top: 35px; } @media (min-width: 768px) { .form-layout-1 { display: flex; } .form-layout-1>* { flex-shrink: 0; } .form-layout-1 .form-wrap-main { flex-grow: 1; } .form-layout-1 .form-wrap-select { width: 100%; max-width: 220px; } } @media (min-width: 992px) { *+form.form-layout-1 { margin-top: 50px; } } /* * * Posts */ .post-inline { max-width: 313px; } .post-inline-title a { color: inherit; } .post-inline-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -10px; margin-right: -10px; color: #74757f; } .post-inline-meta>* { margin-top: 5px; padding-left: 10px; padding-right: 10px; } .post-inline-meta>li { position: relative; display: inline-block; } .post-inline-meta>li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1px; border-radius: 50%; background: #495057; } .post-inline-meta a { color: inherit; } *+.post-inline { margin-top: 15px; } *+.post-inline-meta { margin-top: 5px; } @media (min-width: 768px) { *+.post-inline { margin-top: 32px; } } .context-dark .post-inline-title, .bg-gray-700 .post-inline-title, .bg-gray-800 .post-inline-title, .bg-primary .post-inline-title, .bg-primary-darker .post-inline-title { color: #fff; } .context-dark .post-inline-title a:hover, .bg-gray-700 .post-inline-title a:hover, .bg-gray-800 .post-inline-title a:hover, .bg-primary .post-inline-title a:hover, .bg-primary-darker .post-inline-title a:hover { color: #aeb1be; } .context-dark .post-inline-meta>li:not(:last-child)::after, .bg-gray-700 .post-inline-meta>li:not(:last-child)::after, .bg-gray-800 .post-inline-meta>li:not(:last-child)::after, .bg-primary .post-inline-meta>li:not(:last-child)::after, .bg-primary-darker .post-inline-meta>li:not(:last-child)::after { background: #aeb1be; } .context-dark .post-inline-meta a:hover, .bg-gray-700 .post-inline-meta a:hover, .bg-gray-800 .post-inline-meta a:hover, .bg-primary .post-inline-meta a:hover, .bg-primary-darker .post-inline-meta a:hover { color: #fff; } .post-classic { text-align: left; } .post-classic-media { position: relative; display: block; } .post-classic-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.1); transition: .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-classic-media img { width: 100%; } .post-classic-media:hover::before { opacity: 1; visibility: visible; } .post-classic-meta { transform: translate3d(0, -3px, 0); margin-bottom: -3px; margin-left: -14px; margin-right: -14px; color: #aeb1be; } .post-classic-meta>* { margin-top: 3px; padding-left: 14px; padding-right: 14px; } .post-classic-meta>li { position: relative; display: inline-block; } .post-classic-meta>li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 2px; background: #aeb1be; transform: translate3d(0, -50%, 0); } .post-classic-meta a:hover { color: #F25800; } *+.post-classic-meta { margin-top: 15px; } *+.post-classic-title { margin-top: 9px; } @media (max-width: 575.98px) { .post-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767.98px) { .post-classic-title { font-size: 17px; } } @media (min-width: 768px) { .post-classic-title { max-width: 92%; } .post-classic-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; } .post-classic-meta>* { margin-top: 5px; padding-left: 20px; padding-right: 20px; } *+.post-classic-meta { margin-top: 25px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .post-classic-meta { margin-left: -15px; margin-right: -15px; font-size: 14px; } .post-classic-meta>* { padding-left: 15px; padding-right: 15px; } } .post-modern { text-align: left; } .post-modern-title { color: #ff6600; } .post-modern-title a:hover { color: #F25800; } .post-modern-media { position: relative; display: block; } .post-modern-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.1); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-modern-media img { width: 100%; } .post-modern-media:hover::before { opacity: 1; visibility: visible; } .post-modern-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -15px; margin-right: -15px; color: #495057; } .post-modern-meta>* { margin-top: 5px; padding-left: 15px; padding-right: 15px; } .post-modern-meta>li { position: relative; display: inline-block; line-height: 24px; } .post-modern-meta>li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-modern-meta a:hover { color: #F25800; } *+.post-modern-title { margin-top: 9px; } *+.post-modern-meta { margin-top: 10px; } @media (max-width: 575.98px) { .post-modern { max-width: 430px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .post-modern-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; } .post-modern-meta>* { margin-top: 5px; padding-left: 20px; padding-right: 20px; } *+.post-modern-title { margin-top: 15px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .post-modern-meta { margin-left: -15px; margin-right: -15px; font-size: 14px; } .post-modern-meta>* { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .post-modern p, .post-modern .post-modern-title { /* padding-right: 40px; */ } *+.post-modern-title { margin-top: 25px; } *+.post-modern-meta { margin-top: 15px; } } .post-block { position: relative; z-index: 1; display: flex; overflow: hidden; max-width: 640px; border-radius: 6px; text-align: left; } .post-block::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: .3; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%); } .post-block::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border-radius: inherit; background: rgba(0, 0, 0, 0.5); z-index: 1; opacity: 0; visibility: hidden; transition: 1s ease-in-out; } .post-block:hover::after { opacity: 1; visibility: visible; } .post-block>* { width: 100%; flex-shrink: 0; } .post-block-dummy { width: 100%; } .post-block-dummy::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: 71.58556%; } .post-block-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .post-block-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .post-block-caption { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; } .post-block-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; color: #495057; } .post-block-meta>* { margin-top: 5px; padding-left: 20px; padding-right: 20px; } .post-block-meta>li { position: relative; display: inline-block; line-height: 24px; } .post-block-meta>li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-block-meta a { color: inherit; } .post-block-meta a:hover { color: #ff6600; } .post-block-meta time { display: block; } .context-dark .post-block-meta, .bg-gray-700 .post-block-meta, .bg-gray-800 .post-block-meta, .bg-primary .post-block-meta, .bg-primary-darker .post-block-meta { color: #aeb1be; } .context-dark .post-block-meta a:hover, .bg-gray-700 .post-block-meta a:hover, .bg-gray-800 .post-block-meta a:hover, .bg-primary .post-block-meta a:hover, .bg-primary-darker .post-block-meta a:hover { color: #fff; } .context-dark .post-block-meta>li:not(:last-child)::after, .bg-gray-700 .post-block-meta>li:not(:last-child)::after, .bg-gray-800 .post-block-meta>li:not(:last-child)::after, .bg-primary .post-block-meta>li:not(:last-child)::after, .bg-primary-darker .post-block-meta>li:not(:last-child)::after { background: #aeb1be; } .context-dark .post-block-title a:hover, .bg-gray-700 .post-block-title a:hover, .bg-gray-800 .post-block-title a:hover, .bg-primary .post-block-title a:hover, .bg-primary-darker .post-block-title a:hover { color: #aeb1be; } @media (max-width: 767.98px) { .post-block { max-width: 420px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .post-block-meta { margin-left: -25px; margin-right: -25px; } .post-block-meta>* { padding-left: 25px; padding-right: 25px; } .post-block-caption { padding: 35px 40px; } } .post-light { display: flex; align-items: flex-start; max-width: 450px; margin-left: -20px; text-align: left; } .post-light>* { margin-left: 20px; } .post-light:hover .post-light-time { background: #ff6600; } .post-light-time { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; min-width: 100px; width: 100px; padding: 20px; color: #fff; background: #c8c8c8; border-radius: 6px; transition: .22s ease-in-out; } .post-light-time>* { line-height: 1; } .post-light-time>*+* { margin-top: 3px; } .post-light-time-big { font-size: 2.25em; font-weight: 700; } a.post-tiny-media { display: block; } .post-light-media { position: relative; } .post-light-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.1); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-light-media img { width: 100%; } .post-light-main { flex-grow: 1; } .post-light-title { color: #ff6600; } .post-light-title a:hover { color: #F25800; } .post-light-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; color: #495057; } .post-light-meta>* { margin-top: 5px; padding-left: 20px; padding-right: 20px; } .post-light-meta>li { position: relative; display: inline-block; line-height: 24px; } .post-light-meta>li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-light-meta a { color: inherit; } .post-light-meta a:hover { color: #ff6600; } *+.post-light { margin-top: 30px; } *+.post-light-meta { margin-top: 9px; } @media (min-width: 768px) { .post-light { margin-left: -36px; } .post-light>* { margin-left: 36px; } } @media (min-width: 992px) { *+.post-light { margin-top: 38px; } } .post-tiny { text-align: left; } a.post-tiny-media { position: relative; display: block; } a.post-tiny-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.3); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } a.post-tiny-media img { width: 100%; } a.post-tiny-media:hover::before { opacity: 1; visibility: visible; } .post-tiny-title { color: #ff6600; } .post-tiny-title a:hover { color: #F25800; } .post-tiny-time { display: block; color: #aeb1be; } *+.post-tiny-time { margin-top: 10px; } @media (max-width: 575.98px) { .post-tiny { max-width: 360px; margin-left: auto; margin-right: auto; } } .post-creative>img { width: 100%; } .post-creative>*+img { margin-top: 25px; } .post-creative>img+* { margin-top: 25px; } .post-creative *+h4, .post-creative *+.heading-4 { margin-top: 15px; } .post-creative-title { font-weight: 700; } .post-creative-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -15px; margin-right: -15px; } .post-creative-meta>* { margin-top: 5px; padding-left: 15px; padding-right: 15px; } .post-creative-meta>li, .post-creative-meta>li>* { display: inline-block; vertical-align: middle; } .post-creative-meta>li>*+* { margin-left: 5px; } .post-creative-meta a { color: inherit; } .post-creative-meta a:hover { color: #ff6600; } .post-creative-meta .icon { font-size: 1.5em; color: #ff6600; } .post-creative-footer { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } .post-creative-footer>* { margin-top: 10px; padding-left: 15px; padding-right: 15px; } .post-creative-footer>* { display: inline-block; vertical-align: middle; } *+.post-creative-meta { margin-top: 15px; } *+.post-creative-footer { margin-top: 25px; } @media (min-width: 768px) { .post-creative-title { max-width: 80%; } } @media (min-width: 992px) { *+.post-creative-meta { margin-top: 25px; } .post-creative+[class*='section'] { margin-top: 30px; } } @media (min-width: 1200px) { .post-creative h4, .post-creative .heading-4 { font-size: 22px; line-height: 1.46; } .post-creative>*+img { margin-top: 30px; } .post-creative>img+* { margin-top: 40px; } .post-creative *+h4, .post-creative *+.heading-4 { margin-top: 32px; } .post-creative>.quote-light+img { margin-top: 50px; } *+.post-creative-meta { margin-top: 30px; } *+.post-creative-footer { margin-top: 40px; } } @media (min-width: 1600px) { .post-creative+[class*='section'] { margin-top: 55px; } } /* * * Quotes */ .quote-light-mark { fill: #aeb1be; } .quote-light-cite { font-size: 20px; color: #ff6600; } .quote-light-caption { line-height: 1.2; } .quote-light-text { font-size: 16px; line-height: 1.5; letter-spacing: 0; color: #29293a; } html img.quote-light-image { display: inline-block; } *+.quote-light { margin-top: 30px; } *+.quote-light-caption { margin-top: 3px; } *+.quote-light-mark { margin-top: 15px; } *+.quote-light-text { margin-top: 8px; } *+.quote-light-footer { margin-top: 20px; } @media (min-width: 576px) { .quote-light-cite { font-size: 20px; } } @media (min-width: 768px) { .quote-light-cite { font-size: 24px; } .quote-light-text { font-size: 21px; line-height: 1.45; } *+.quote-light { margin-top: 40px; } *+.quote-light-mark { margin-top: 35px; } *+.quote-light-text { margin-top: 15px; } *+.quote-light-footer { margin-top: 30px; } } @media (min-width: 1600px) { .quote-light-text { font-size: 24px; line-height: 1.33333; } *+.quote-light { margin-top: 50px; } *+.quote-light-mark { margin-top: 50px; } *+.quote-light-footer { margin-top: 45px; } } .quote-classic { max-width: 340px; text-align: left; } .quote-classic-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } .quote-classic-meta:empty { margin-bottom: 0; margin-left: 0; } .quote-classic-meta>* { display: inline-block; margin: 0 0 20px 20px; } .quote-classic-avatar { position: relative; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } .quote-classic-avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .quote-classic-avatar img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-classic-cite { font-size: 20px; line-height: 1.2; color: #ff6600; } .quote-classic-caption { color: #aeb1be; } *+.quote-classic-text { margin-top: 25px; } *+.quote-classic-caption { margin-top: 0; } @media (max-width: 575.98px) { .quote-classic { margin-left: auto; margin-right: auto; } } .quote-modern { text-align: left; } .quote-modern-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } .quote-modern-meta:empty { margin-bottom: 0; margin-left: 0; } .quote-modern-meta>* { display: inline-block; margin: 0 0 20px 20px; } .quote-modern-avatar { position: relative; overflow: hidden; z-index: 2; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } .quote-modern-avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .quote-modern-avatar img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-modern-cite { font-size: 20px; line-height: 1.2; color: #ff6600; } .quote-modern-caption { color: #aeb1be; } .quote-modern-mark { fill: #aeb1be; } *+.quote-modern-meta { margin-top: 25px; } *+.quote-modern-caption { margin-top: 0; } *+.quote-modern-text { margin-top: 10px; } .quote-modern-big .quote-modern-text { font-size: 18px; line-height: 1.5; color: #495057; } @media (min-width: 992px) { .quote-modern-big .quote-modern-text { font-size: 20px; } } @media (min-width: 1200px) { .quote-modern-big .quote-modern-text { font-size: 24px; line-height: 1.33333; } .quote-modern-big *+.quote-modern-text { margin-top: 20px; } } /* * * Thumbnails */ .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; cursor: pointer; } .figure-light figcaption { padding-top: 15px; color: #74757f; } *+.figure-light { margin-top: 20px; } @media (min-width: 1200px) { *+.figure-light { margin-top: 40px; } } .figure-card { position: relative; overflow: hidden; display: flex; } .figure-card .figure-card-sizer { display: block; width: 100%; } .figure-card .figure-card-sizer::before { display: block; content: ''; visibility: hidden; padding-bottom: 56.25%; } .figure-card img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .figure-card img { height: 100%; width: 100%; left: 0; top: 0; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-video-1 { position: relative; text-align: center; } .thumbnail-video-1 .embed-responsive::before { min-height: 250px; } .thumbnail-video-1 .video-overlay { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; z-index: 1; background-position: 80% center; } .thumbnail-video-1 .video-overlay::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: -1; } .thumbnail-video-1 *+.button-video { margin-top: 25px; } .thumbnail-minimal { position: relative; overflow: hidden; display: block; } .thumbnail-minimal::before { content: ''; display: block; padding-bottom: 100%; } .thumbnail-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-minimal-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(255, 102, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .thumbnail-minimal-caption::before { content: '\f504'; font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: #fff; } .thumbnail-minimal:hover .thumbnail-minimal-caption { opacity: 1; visibility: visible; } .thumbnail-classic { position: relative; overflow: hidden; display: flex; text-align: left; } .thumbnail-classic * { color: inherit; } .thumbnail-classic, .thumbnail-classic:active, .thumbnail-classic:focus, .thumbnail-classic:hover { color: #fff; } .thumbnail-classic:hover { color: #fff; } .thumbnail-classic>* { width: 100%; flex-shrink: 0; } .thumbnail-classic-sm .thumbnail-classic-dummy::before { padding-bottom: 69.18919%; } .thumbnail-classic-dummy { width: 100%; } .thumbnail-classic-dummy::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: 73.84615%; } .thumbnail-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-classic-caption { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); font-size: 14px; } .thumbnail-classic-caption *+p { margin-top: 5px; } .thumbnail-classic-title { font-size: 20px; line-height: 1.3; } @media (max-width: 575.98px) { .thumbnail-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .thumbnail-classic-caption { padding: 25px 20px; } } @media (min-width: 992px) { .thumbnail-classic-lg .thumbnail-classic-dummy::before { padding-bottom: 147.69231%; } } @media (min-width: 1200px) { .thumbnail-classic-caption { padding: 30px 40px; font-size: 16px; } .thumbnail-classic-caption *+p { margin-top: 8px; } .thumbnail-classic-title { font-size: 24px; } } html:not(.tablet):not(.mobile) .thumbnail-classic-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(41, 41, 58, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-classic:hover .thumbnail-classic-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .hoverdir-item .thumbnail-classic-caption { opacity: 1; visibility: visible; transform: translate(-100%, 0); } html:not(.tablet):not(.mobile)[data-x-mode='true'] .hoverdir-item .thumbnail-classic-caption { opacity: 0; visibility: hidden; transform: none; } html:not(.tablet):not(.mobile)[data-x-mode='true'] .thumbnail-classic:hover .thumbnail-classic-caption { opacity: 1; visibility: visible; } .thumbnail-corporate { position: relative; overflow: hidden; display: flex; color: #fff; text-align: left; } .thumbnail-corporate * { color: inherit; } .thumbnail-corporate:hover { color: #fff; } .thumbnail-corporate>* { width: 100%; flex-shrink: 0; } .thumbnail-corporate-light { text-align: center; } .thumbnail-corporate-light .thumbnail-corporate-caption { display: flex; flex-direction: column; align-items: center; justify-content: center; } .thumbnail-corporate-light .thumbnail-corporate-caption>* { max-width: 180px; } .thumbnail-corporate-dummy { width: 100%; visibility: hidden; pointer-events: none; } .thumbnail-corporate-dummy::before { content: ''; display: block; width: 0; padding-bottom: 69.18919%; } .thumbnail-corporate-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-corporate-image { left: 0; top: 0; transform: none; object-fit: cover; width: 100%; height: 100%; object-position: center center; } } .thumbnail-corporate-caption { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); } .thumbnail-corporate-caption *+p { margin-top: 10px; } .thumbnail-corporate-link { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 1.67em; height: 1.67em; text-align: center; border-radius: 50%; font-size: 24px; line-height: 1; background: #ff6600; } .thumbnail-corporate-link, .thumbnail-corporate-link:active, .thumbnail-corporate-link:focus, .thumbnail-corporate-link:hover { color: #fff; } .thumbnail-corporate-link .icon { font-size: inherit; } .thumbnail-corporate-link .icon:first-child, .thumbnail-corporate-link .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .thumbnail-corporate-link .icon:first-child { display: block; } .thumbnail-corporate-link .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .thumbnail-corporate-link:hover { background: #ff7f01; } .thumbnail-corporate-link:hover .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .thumbnail-corporate-link:hover .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .thumbnail-corporate-title { font-size: 20px; line-height: 1.3; } *+.thumbnail-corporate-link { margin-top: 15px; } @media (max-width: 575.98px) { .thumbnail-corporate { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .thumbnail-corporate-caption { padding: 25px 20px; } } @media (min-width: 992px) { .thumbnail-corporate-lg .thumbnail-corporate-dummy::before { padding-bottom: 125.40541%; } } @media (min-width: 1200px) { .thumbnail-corporate-caption { padding: 30px 40px; } .thumbnail-corporate-caption *+p { margin-top: 8px; } .thumbnail-corporate-title { font-size: 24px; } } html:not(.tablet):not(.mobile) .thumbnail-corporate-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(0, 0, 0, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-corporate-caption>* { opacity: 0; visibility: hidden; transition: .25s .11s all linear; } html:not(.tablet):not(.mobile) .thumbnail-corporate:hover .thumbnail-corporate-caption, html:not(.tablet):not(.mobile) .thumbnail-corporate:hover .thumbnail-corporate-caption>* { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .hoverdir-item .thumbnail-corporate-caption { opacity: 1; visibility: visible; transform: translate(-100%, -100%); } html:not(.tablet):not(.mobile)[data-x-mode='true'] .hoverdir-item .thumbnail-corporate-caption { opacity: 0; visibility: hidden; transform: none; } html:not(.tablet):not(.mobile)[data-x-mode='true'] .thumbnail-corporate:hover .thumbnail-corporate-caption, html:not(.tablet):not(.mobile)[data-x-mode='true'] .thumbnail-corporate:hover .thumbnail-corporate-caption>* { opacity: 1; visibility: visible; } .thumbnail-light { text-align: left; } .thumbnail-light-media { position: relative; overflow: hidden; display: block; border-radius: 6px; } .thumbnail-light-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.3); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .thumbnail-light-media:hover::before { opacity: 1; visibility: visible; } .thumbnail-light-image { width: 100%; } @media (max-width: 575.98px) { .thumbnail-light { max-width: 360px; margin-left: auto; margin-right: auto; } } .thumbnail-thin { position: relative; overflow: hidden; padding-bottom: 100%; } .thumbnail-thin::before, .thumbnail-thin::after { pointer-events: none; } .thumbnail-thin::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(73, 80, 87, 0.3); } .thumbnail-thin::after { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 2; content: '\f504'; font-family: 'Material Design Icons'; font-size: 40px; line-height: 1; color: #fff; } a.thumbnail-thin { display: block; } .thumbnail-thin-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-thin-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } html:not(.tablet):not(.mobile) .thumbnail-thin::before, html:not(.tablet):not(.mobile) .thumbnail-thin::after { opacity: 0; transition: .22s ease-in; } html:not(.tablet):not(.mobile) .thumbnail-thin::before { background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-thin:hover::before, html:not(.tablet):not(.mobile) .thumbnail-thin:hover::after { opacity: 1; } .thumbnail-modern { position: relative; overflow: hidden; display: flex; text-align: left; } .thumbnail-modern * { color: inherit; } .thumbnail-modern, .thumbnail-modern:active, .thumbnail-modern:focus, .thumbnail-modern:hover { color: #fff; } .thumbnail-modern:hover { color: #fff; } .thumbnail-modern>* { width: 100%; flex-shrink: 0; } .thumbnail-modern-sm .thumbnail-modern-dummy::before { padding-bottom: 69.18919%; } .thumbnail-modern-dummy { visibility: hidden; pointer-events: none; width: 100%; } .thumbnail-modern-dummy::before { content: ''; display: block; padding-bottom: 73.84615%; } .thumbnail-modern-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; background-position: center center; background-size: cover; } @supports (object-fit: cover) { .thumbnail-modern-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-modern-caption { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); } .thumbnail-modern-caption .icon { font-size: 30px; line-height: 1; color: #fff; } @media (max-width: 575.98px) { .thumbnail-modern { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .thumbnail-modern-lg .thumbnail-modern-dummy::before { padding-bottom: 147.69231%; } } html:not(.tablet):not(.mobile) .thumbnail-modern-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-modern:hover .thumbnail-modern-caption { opacity: 1; visibility: visible; } .thumbnail-creative { position: relative; display: block; max-width: 348px; margin-left: auto; margin-right: auto; } .thumbnail-creative:hover .thumbnail-creative-image { transform: translate(0, -5px); box-shadow: 0 2px 24px 1px rgba(0, 0, 0, 0.2); } .thumbnail-creative-wrap { padding: 26px; margin: -26px; } .thumbnail-creative-image { position: relative; display: block; width: 100%; transition: .33s ease-in-out; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15); } *+.thumbnail-creative-title { margin-top: 16px; } @media (min-width: 768px) { *+.thumbnail-creative-title { margin-top: 24px; } } .thumbnail-indigo { position: relative; overflow: hidden; display: block; background: #495057; box-shadow: -1px 1px 21px 0px rgba(0, 0, 0, 0.08); background-position: center top; background-size: cover; } .thumbnail-indigo::before { content: ''; display: block; opacity: 0; visibility: hidden; padding-bottom: 148.75847%; } .thumbnail-indigo-sm::before { padding-bottom: 70.65463%; } .thumbnail-indigo-sm+.thumbnail-indigo-sm { margin-top: 7.4%; } .thumbnail-indigo-caption { position: absolute; top: auto; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(255, 255, 255, 0.95); } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption { top: 0; background: rgba(255, 255, 255, 0.9); } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption, html:not(.tablet):not(.mobile) .thumbnail-indigo-caption>* { opacity: 0; visibility: hidden; will-change: opacity; } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption { transition: .2s all linear; } html:not(.tablet):not(.mobile) .thumbnail-indigo-caption>* { transition: .2s .1s all ease-in; } html:not(.tablet):not(.mobile) .thumbnail-indigo:hover .thumbnail-indigo-caption, html:not(.tablet):not(.mobile) .thumbnail-indigo:hover .thumbnail-indigo-caption>* { opacity: 1; visibility: visible; } /* * * Breadcrumbs */ .breadcrumbs-custom { position: relative; display: flex; background-color: #495057; background-position: 20% 20%; } .breadcrumbs-custom .breadcrumbs-custom-subtitle { color: #fff; } .breadcrumbs-custom-inner { display: flex; min-height: inherit; width: 100%; padding: 50px 0 25px; } .breadcrumbs-custom-container { display: flex; flex-direction: column; justify-content: space-between; } .breadcrumbs-custom-container::before { content: ''; display: block; } .breadcrumbs-custom-path { margin-left: -15px; margin-right: -15px; } .breadcrumbs-custom-path>* { padding-left: 15px; padding-right: 15px; } .breadcrumbs-custom-path li { position: relative; display: inline-block; vertical-align: middle; color: #db1212; } .breadcrumbs-custom-path li::after { content: ""; font-family: "FontAwesome"; position: absolute; top: 51%; right: -5px; display: inline-block; font-size: inherit; font-style: normal; color: rgba(255, 255, 255, 0.5); transform: translate3d(0, -50%, 0); } .breadcrumbs-custom-path li:last-child:after { display: none; } .breadcrumbs-custom-path a { display: inline; vertical-align: middle; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #ffffff; font-size: 22px; } .breadcrumbs-custom-path a:hover { color: #fff; } *+.breadcrumbs-custom-path { margin-top: 25px; } .breadcrumbs-custom-subtitle+.breadcrumbs-custom-title { margin-top: 15px; } @media (min-width: 576px) { .breadcrumbs-custom-path { margin-left: -30px; margin-right: -30px; } .breadcrumbs-custom-path>* { padding-left: 30px; padding-right: 30px; } *+.breadcrumbs-custom-path { margin-top: 30px; } .swiper-slider-business .swiper-slide { background-position: 55% 50%!important; } } @media (min-width: 768px) { .breadcrumbs-custom { min-height: 19.75vw; } .breadcrumbs-custom-inner { padding: 80px 0 30px; } .breadcrumbs-custom-subtitle+.breadcrumbs-custom-title { margin-top: 5px; } } @media (min-width: 992px) { .breadcrumbs-custom-inner { padding-bottom: 40px; } .breadcrumbs-custom-subtitle+.breadcrumbs-custom-title { margin-top: 10px; } } @media (min-width: 1600px) { .breadcrumbs-custom { min-height: 456px; } .breadcrumbs-custom-inner { padding: 50px 0 40px; } .breadcrumbs-custom-subtitle+.breadcrumbs-custom-title { margin-top: 20px; } } /* * * Pagination custom */ .pagination { font-size: 0; line-height: 0; margin-bottom: -10px; margin-left: -10px; } .pagination:empty { margin-bottom: 0; margin-left: 0; } .pagination>* { display: inline-block; margin: 0 0 10px 10px; } .page-item { display: inline-block; vertical-align: middle; text-align: center; font-weight: 700; } .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 10px 10px; border: 0; border-radius: 6px; font-family: "Arimo", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.71429; background-color: #ff6600; color: #fff; transition: all 0.3s ease-in-out; } .page-link.button-winona * { line-height: inherit; } .page-link.button-winona .content-dubbed { margin-top: -1px; } .page-link:hover, .page-link:focus, .page-link:active { color: #fff; background-color: #F25800; } .page-item.active>.page-link, .page-item.active>.page-link:hover, .page-item.active>.page-link:focus, .page-item.active>.page-link:active { color: #fff; background-color: #F25800; } .page-item.disabled>.page-link, .page-item.disabled>.page-link:hover, .page-item.disabled>.page-link:focus, .page-item.disabled>.page-link:active { color: #74757f; background-color: #e8e9ee; } .page-item-control .icon::before { font-family: 'FontAwesome'; font-size: 11px; line-height: 24px; } .page-item-control:first-child .icon::before { content: '\f053'; margin-left: -1px; } .page-item-control:last-child .icon::before { content: '\f054'; margin-right: -1px; } *+.pagination { margin-top: 35px; } @media (min-width: 992px) { *+.pagination { margin-top: 55px; } } @media (min-width: 1600px) { *+.pagination { margin-top: 70px; } } .page-link:focus { box-shadow: none; } /* * * Snackbars */ .snackbars { padding: 9px 16px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background-color: #ff6600; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 6px; font-size: 14px; } .snackbars .icon-xxs { font-size: 18px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 540px; padding: 12px 15px; font-size: 15px; } } /* * * Footers */ .footer-standard h4+*, .footer-standard .heading-4+* { margin-top: 14px; } .footer-standard-main { padding: 35px 0 15px; } .footer-standard-aside { padding: 30px 0; } .footer-standard-aside { margin-bottom: -18px; text-align: center; } .footer-standard-aside>* { margin-bottom: 18px; } .footer-standard-aside>* { margin-top: 0; } @media (max-width: 575.98px) { .footer-standard .box-1 { margin-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .footer-standard .box-1 { margin-left: 0; } } @media (min-width: 768px) { .footer-standard h4+*, .footer-standard .heading-4+* { margin-top: 25px; } .footer-standard-main { /*padding: 55px 0 20px;*/ } .footer-standard-aside { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-standard-aside>* { margin-left: 20px; } } @media (min-width: 1200px) { .footer-standard-main { /*padding: 80px 0 50px;*/ } } .footer-minimal { padding: 30px 0; } .footer-minimal-inner { margin-bottom: -18px; text-align: center; } .footer-minimal-inner>* { margin-bottom: 18px; } .footer-minimal-inner>* { margin-top: 0; } .footer-minimal-inner .rights a:hover { color: #fff; } @media (min-width: 768px) { .footer-minimal-inner { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-minimal-inner>* { margin-left: 20px; } } .footer-advanced.bg-gray-700 h1, .footer-advanced.bg-gray-700 h2, .footer-advanced.bg-gray-700 h3, .footer-advanced.bg-gray-700 h4, .footer-advanced.bg-gray-700 h5, .footer-advanced.bg-gray-700 h6, .footer-advanced.bg-gray-700 [class^='heading-'] { color: #aeb1be; } .footer-advanced h4+*, .footer-advanced .heading-4+* { margin-top: 14px; } .footer-advanced-main { padding: 35px 0 15px; } .footer-advanced-aside { padding: 30px 0; } .footer-advanced-layout { margin-bottom: -18px; text-align: center; } .footer-advanced-layout>* { margin-bottom: 18px; } .footer-advanced-layout>* { margin-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .footer-advanced .box-1 { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-advanced-text { font-size: 14px; line-height: 1.7; } } @media (min-width: 768px) { .footer-advanced-main { padding: 55px 0 20px; } .footer-advanced-aside { padding: 35px 0; } .footer-advanced-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-advanced-layout>* { margin-left: 20px; } .footer-advanced-aside+.container { margin-top: 10px; } } @media (min-width: 1200px) { .footer-advanced h4+*, .footer-advanced .heading-4+* { margin-top: 35px; } .footer-advanced-main { padding: 80px 0 60px; } .footer-advanced-aside+.container { margin-top: 20px; } } .footer-linked.bg-gray-700 h1, .footer-linked.bg-gray-700 h2, .footer-linked.bg-gray-700 h3, .footer-linked.bg-gray-700 h4, .footer-linked.bg-gray-700 h5, .footer-linked.bg-gray-700 h6, .footer-linked.bg-gray-700 [class^='heading-'] { color: #aeb1be; } .footer-linked.bg-gray-700 .list { color: #fff; } .footer-linked.bg-gray-700 .list a:hover { color: rgba(255, 255, 255, 0.6); } .footer-linked h4+*, .footer-linked .heading-4+* { margin-top: 14px; } .footer-linked h4+hr, .footer-linked .heading-4+hr { margin-top: 15px; } .footer-linked *+.row { margin-top: 25px; } .footer-linked-main { padding: 35px 0 15px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { margin-bottom: -18px; text-align: center; } .footer-linked-layout>* { margin-bottom: 18px; } .footer-linked-layout>* { margin-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .footer-linked .box-1 { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-linked-text { font-size: 14px; line-height: 1.7; } } @media (min-width: 768px) { .footer-linked-main { padding: 65px 0 40px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-linked-layout>* { margin-left: 20px; } .footer-linked-aside+.container { margin-top: 10px; } } @media (min-width: 1200px) { .footer-linked h4+*, .footer-linked .heading-4+* { margin-top: 35px; } .footer-linked-main { padding: 90px 0 60px; } .footer-linked-aside+.container { margin-top: 20px; } } /* * * Pricing tables */ .pricing-minimal { position: relative; z-index: 1; padding: 25px 20px; border: 1px solid #aeb1be; border-radius: 6px; text-align: left; transition: .22s; cursor: default; } .pricing-minimal:hover { border-color: #ff6600; } .pricing-minimal:hover::before { visibility: visible; transform: translate3d(0, 0, 0); } .pricing-minimal-price { font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: 0; color: #495057; } .pricing-minimal-price span { display: inline; } .pricing-minimal-price-currency { font-size: .65em; vertical-align: top; } .pricing-minimal-divider { border-bottom: 1px solid #aeb1be; } *+.pricing-minimal-price { margin-top: 10px; } *+.pricing-minimal-divider { margin-top: 20px; } @media (max-width: 575.98px) { .pricing-minimal { max-width: 350px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) { .pricing-minimal { padding: 20px; } } @media (min-width: 768px) { .pricing-minimal-price { font-size: 36px; } } @media (min-width: 768px) { .pricing-minimal { padding: 30px 38px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .pricing-minimal { padding: 25px 20px; } } @media (min-width: 1200px) { .pricing-minimal { padding: 38px 40px; } } .pricing-modern { padding: 35px 20px; border: 1px solid #aeb1be; border-radius: 6px; text-align: center; } .pricing-modern *+.button { margin-top: 20px; } .pricing-group-modern { border: 1px solid #aeb1be; border-radius: 6px; } .pricing-group-modern .pricing-modern { border: 0; border-radius: 0; } .pricing-modern-rating { color: #ff6600; } .pricing-modern-rating>li { display: inline-block; width: 26px; font-size: 30px; line-height: .9; } .pricing-modern-title { font-weight: 700; } .pricing-modern-table { display: inline-table; } .pricing-modern-table td { padding: 3px 8px; color: #74757f; } .pricing-modern-table td:first-child { text-align: right; color: #495057; } .pricing-modern-table td:last-child { text-align: left; } .pricing-modern-price { font-size: 24px; font-weight: 300; line-height: 1.2; } .pricing-modern-price span { display: inline; } .pricing-modern-price-currency { font-size: .65em; vertical-align: top; } *+.pricing-group-modern { margin-top: 35px; } *+.pricing-modern-title { margin-top: 5px; } *+.pricing-modern-table { margin-top: 20px; } *+.pricing-modern-price { margin-top: 15px; } @media (max-width: 575.98px) { .pricing-group-modern { max-width: 360px; margin-left: auto; margin-right: auto; } .pricing-group-modern .pricing-modern+.pricing-modern { border-top: 1px solid #aeb1be; } } @media (min-width: 576px) and (max-width: 991.98px) { .pricing-group-modern .pricing-modern:nth-child(odd) { border-right: 1px solid #aeb1be; } .pricing-group-modern .pricing-modern:nth-child(n + 3) { border-top: 1px solid #aeb1be; } } @media (min-width: 576px) { .pricing-group-modern { display: flex; flex-wrap: wrap; } .pricing-group-modern .pricing-modern { width: 100%; max-width: 50%; } .pricing-modern { padding: 55px 20px; } *+.pricing-group-modern { margin-top: 50px; } *+.pricing-modern-table { margin-top: 25px; } *+.pricing-modern-price { margin-top: 30px; } } @media (min-width: 768px) { .pricing-modern-price { font-size: 30px; } } @media (min-width: 992px) { .pricing-group-modern .pricing-modern { max-width: 25%; border-right: 1px solid #aeb1be; } .pricing-group-modern .pricing-modern:nth-child(4n) { border-right: 0; } .pricing-group-modern .pricing-modern:nth-child(n + 5) { border-top: 1px solid #aeb1be; } } @media (min-width: 992px) and (max-width: 1199.98px) { .pricing-modern .button { display: block; padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .pricing-modern-price { font-size: 36px; } *+.pricing-modern-table { margin-top: 35px; } *+.pricing-modern-price { margin-top: 40px; } } @media (min-width: 1600px) { *+.pricing-group-modern { margin-top: 75px; } } /* * * Profiles */ .profile-classic { text-align: left; } .profile-classic-main { position: relative; overflow: hidden; z-index: 1; border-radius: 6px; } .profile-classic-image { min-width: 100%; } .profile-classic-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(41, 41, 58, 0.6); } .profile-classic-caption .icon-creative { color: #fff; } .profile-classic-title { color: #ff6600; } .profile-classic-title a:hover { color: #F25800; } .profile-classic-position { color: #aeb1be; } *+.profile-classic-title { margin-top: 15px; } *+.profile-classic-position { margin-top: 5px; } @media (max-width: 575.98px) { .profile-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767.98px) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; } .profile-classic-caption .icon-sm { font-size: 18px; } .profile-classic-caption .group { margin-left: -3px; } .profile-classic-caption .group>* { margin-left: 3px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; } .profile-classic-caption .icon-sm { font-size: 18px; } .profile-classic-caption .group { margin-left: -3px; } .profile-classic-caption .group>* { margin-left: 3px; } } @media (min-width: 1200px) { *+.profile-classic-title { margin-top: 20px; } } html:not(.tablet):not(.mobile) .profile-classic:hover .profile-classic-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .profile-classic-caption { top: 0; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; visibility: hidden; transition: .33s ease-in-out; } .profile-creative { display: flex; margin-left: -15px; text-align: left; color: #74757f; } .profile-creative>* { margin-left: 15px; } .profile-creative-figure { position: relative; overflow: hidden; max-width: 80px; flex-shrink: 0; } .profile-creative-image { width: 100%; border-radius: 6px; } .profile-creative-main { flex-grow: 1; } .profile-creative-title { color: #ff6600; } .profile-creative-title a:hover { color: #F25800; } .profile-creative-position { color: #aeb1be; } .profile-creative-contacts { color: #aeb1be; } .profile-creative-contacts a { color: #74757f; } .profile-creative-contacts a:hover { color: #ff6600; } *+.profile-creative-position { margin-top: 0; } *+.profile-creative-contacts { margin-top: 15px; } @media (min-width: 576px) { .profile-creative { margin-left: -30px; } .profile-creative>* { margin-left: 30px; } .profile-creative-figure { max-width: 22%; } } @media (min-width: 768px) { .profile-creative-figure { max-width: 29%; } .profile-creative-main { padding-right: 30px; } *+.profile-creative-contacts { margin-top: 22px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .profile-creative { margin-left: -20px; } .profile-creative>* { margin-left: 20px; } .profile-creative-figure { max-width: 25%; } .profile-creative-main { padding-right: 10px; } } .profile-minimal { position: relative; overflow: hidden; border-radius: 6px; color: #fff; text-align: left; } .profile-minimal::before { content: ''; display: block; padding-bottom: 100%; } .profile-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .profile-minimal-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .profile-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background: rgba(73, 80, 87, 0.4); } .profile-minimal-title { color: #fff; } *+.profile-minimal-position { margin-top: 5px; } @media (max-width: 575.98px) { .profile-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .profile-minimal-caption { padding: 35px; } *+.profile-minimal-position { margin-top: 10px; } } html:not(.tablet):not(.mobile) .profile-minimal:hover .profile-minimal-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .profile-minimal-caption { opacity: 0; visibility: hidden; transition: .35s ease-in; background: rgba(41, 41, 58, 0.6); } .profile-modern { text-align: left; } .profile-modern>*+* { margin-top: 35px; } .profile-modern-header { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -10px; margin-left: -20px; } .profile-modern-header:empty { margin-bottom: 0; margin-left: 0; } .profile-modern-header>* { display: inline-block; margin: 0 0 10px 20px; } .profile-modern-header *+p { margin-top: 5px; } .profile-modern-figure { position: relative; overflow: hidden; border-radius: 6px; } .profile-modern-image { display: block; width: 100%; } .profile-modern-button { position: absolute; right: 30px; bottom: 30px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 1.86em; height: 1.86em; text-align: center; border-radius: 50%; font-size: 32px; line-height: 1; background: #ff6600; } .profile-modern-button, .profile-modern-button:active, .profile-modern-button:focus, .profile-modern-button:hover { color: #fff; } .profile-modern-button .icon { font-size: inherit; } .profile-modern-button .icon:first-child, .profile-modern-button .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .profile-modern-button .icon:first-child { display: block; } .profile-modern-button .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .profile-modern-button:hover { color: #fff; background: #F25800; } .profile-modern-button:hover .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .profile-modern-button:hover .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } @media (max-width: 575.98px) { .profile-modern { max-width: 360px; margin-left: auto; margin-right: auto; } .profile-modern *+.row { margin-top: 15px; } } @media (max-width: 767.98px) { .profile-modern-figure { max-width: 330px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .profile-modern { display: flex; align-items: flex-start; margin-left: -30px; } .profile-modern>* { margin-left: 30px; } .profile-modern>*+* { margin-top: 0; } .profile-modern-figure { max-width: 50%; flex-shrink: 0; } .profile-modern-main { flex-grow: 1; } *+.profile-modern-main { margin-top: 0; } } @media (min-width: 992px) { .profile-modern-figure { max-width: 28%; } } @media (min-width: 768px) and (max-width: 1199.98px) { .profile-modern { font-size: 14px; } .profile-modern *+.row { margin-top: 31px; } } @media (min-width: 1200px) { .profile-modern { margin-left: -60px; } .profile-modern>* { margin-left: 60px; } } .profile-thin { position: relative; display: block; padding: 30px 20px 45px; background: #f5f6fa; text-align: center; } .profile-thin *+p { margin-top: 20px; } .profile-thin *+.group { margin-top: 15px; } .profile-thin *+.button-sm { margin-top: 15px; } .profile-thin .group { margin-left: auto; margin-right: auto; } .profile-thin-aside { position: relative; display: inline-block; } .profile-thin-image { border-radius: 50%; } .profile-thin-contact-button { position: absolute; right: 0; bottom: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; text-align: center; border-radius: 50%; font-size: 20px; line-height: 1; background: #ff6600; } .profile-thin-contact-button, .profile-thin-contact-button:active, .profile-thin-contact-button:focus, .profile-thin-contact-button:hover { color: #fff; } .profile-thin-contact-button .icon { font-size: inherit; } .profile-thin-contact-button .icon:first-child, .profile-thin-contact-button .icon:last-child { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .profile-thin-contact-button .icon:first-child { display: block; } .profile-thin-contact-button .icon:last-child { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .profile-thin-contact-button:hover { color: #fff; background: #F25800; } .profile-thin-contact-button:hover .icon:first-child { opacity: 0; transform: translate3d(0, -30%, 0); } .profile-thin-contact-button:hover .icon:last-child { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .profile-thin-title { font-size: 22px; line-height: 1.47; } *+p.profile-thin-subtitle { margin-top: 0; } *+.profile-thin-main { margin-top: 20px; } @media (min-width: 576px) and (max-width: 991.98px) { .profile-thin { display: flex; align-items: flex-start; text-align: left; } .profile-thin .group { margin-left: -15px; } .profile-thin>*+* { margin-left: 30px; } .profile-thin-aside { flex-shrink: 0; max-width: 30%; } .profile-thin-main { flex-grow: 1; } *+.profile-thin-main { margin-top: 0; } } @media (min-width: 1200px) { .profile-thin { padding: 55px 35px; } .profile-thin *+.group { margin-top: 25px; } .profile-thin *+.button-sm { margin-top: 25px; } } /* * * Counters */ .counter-minimal { position: relative; text-align: center; color: #495057; } .counter-minimal-icon { font-size: 24px; line-height: 1; color: #ff6600; } .counter-minimal-main { font-family: "Arimo", sans-serif; font-size: 36px; font-weight: 500; line-height: 1.2; letter-spacing: 0; } .counter-minimal-main>* { display: inline; font: inherit; } .counter-minimal-main span { display: inline; } *+.counter-minimal-title { margin-top: 10px; } *+.counter-minimal-main { margin-top: 15px; } @media (max-width: 575.98px) { .counter-minimal-title { font-size: 16px; line-height: 1.4; } } @media (min-width: 768px) { .counter-minimal-icon { font-size: 28px; } } @media (min-width: 768px) { .counter-minimal-title { font-size: 18px; } .counter-minimal-main { font-size: 48px; } } @media (min-width: 1200px) { *+.counter-minimal-main { margin-top: 25px; } *+.counter-minimal-title { margin-top: 18px; } } /* * * Layouts */ .layout-bordered { text-align: center; } .layout-bordered-item { border: 0 solid #ff6600; } .layout-bordered-item-inner { display: flex; flex-direction: column; justify-content: center; max-width: 290px; padding: 0 15px; margin-left: auto; margin-right: auto; } .layout-bordered-item-inner>*+* { margin-top: 10px; } @media (max-width: 767.98px) { .layout-bordered-item { padding: 30px 0; } .layout-bordered-item:first-child { padding-top: 0; } .layout-bordered-item:last-child { padding-bottom: 0; } .layout-bordered-item+.layout-bordered-item { border-top-width: 1px; } } @media (min-width: 768px) { .layout-bordered { display: flex; } .layout-bordered-item { flex-grow: 1; } .layout-bordered-item-inner>*+* { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991.98px) { .layout-bordered-item { font-size: 15px; } } @media (min-width: 768px) { .layout-bordered-item { flex-basis: 33.333%; border-right-width: 1px; } .layout-bordered-item:first-child { border-left-width: 1px; } } .layout-navbar-demo { position: relative; overflow: hidden; min-height: 400px; background: #e8e9ee; } .layout-navbar-demo.layout-navbar-demo-lg { min-height: 650px; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-panel { position: relative; z-index: 10; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-nav-wrap { position: absolute; z-index: 9; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-main-outer, .layout-navbar-demo .rd-navbar-fixed .rd-navbar-main-element { position: static; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-search { position: static; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-panel .rd-navbar-search-toggle { position: static; z-index: 10; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block { top: -1px; right: 10px; white-space: nowrap; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block>* { display: inline-block; margin-top: 0; white-space: normal; vertical-align: middle; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block>*+* { margin-left: 8px; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block .rd-navbar-search-toggle { margin-top: 6px; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-popup { position: absolute; } .layout-navbar-demo .rd-navbar-fixed.rd-navbar [class*='rd-navbar-fixed-element'] { position: absolute; z-index: 1000; } .layout-navbar-demo .rd-navbar-fixed.rd-navbar .rd-search { position: absolute; z-index: 1; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-collapse-content { position: absolute; z-index: 1; } @media (min-width: 1200px) { .layout-navbar-demo { min-height: 550px; } .layout-navbar-demo.layout-navbar-demo-lg { min-height: 650px; } } .container+.layout-navbar-demo { margin-top: 20px; } .blog-layout-aside { padding: 4px 0; background: #f5f6fa; } .blog-layout-aside .rd-search .form-input { border-color: transparent; } .blog-layout-aside-item { padding: 25px 30px; } .blog-layout-aside-item .blog-layout-aside-title+* { margin-top: 15px; } .blog-layout-aside-title { font-size: 22px; line-height: 1.5; } *+.blog-layout-aside { margin-top: 55px; } @media (min-width: 768px) { *+.blog-layout-aside { margin-top: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .blog-layout-aside { columns: 2; break-inside: avoid; } .blog-layout-aside-item { display: inline-block; width: 100%; } } @media (min-width: 992px) { .blog-layout { display: flex; align-items: flex-start; margin-left: -30px; } .blog-layout>* { margin-left: 30px; } .blog-layout-main { flex-grow: 1; max-width: 66.66667%; } .blog-layout-aside { flex-shrink: 0; max-width: 33.33333%; } *+.blog-layout-aside { margin-top: 0; } } @media (min-width: 1200px) { .blog-layout-aside-item { padding: 35px 40px; } } /* * * Timeline */ .timeline-classic { text-align: left; } .timeline-classic-item { position: relative; overflow: hidden; padding: 0 0 70px 35px; margin-bottom: -25px; } .timeline-classic-item:last-child { padding-bottom: 0; margin-bottom: 0; } .timeline-classic-item-image { width: 100%; } .timeline-classic-item-title { font-family: "Arimo", sans-serif;; font-size: 24px; line-height: 1.2; font-weight: 300; letter-spacing: 0; text-transform: uppercase; } .thumbnail-classic-item-subtitle { font-size: 16px; line-height: 1.5; color: #fff; } .timeline-classic-item-divider { position: absolute; top: 0; left: 0; display: flex; flex-grow: 1; flex-direction: column; align-items: center; padding-top: 25px; } .timeline-classic-item-divider::before { content: ''; display: block; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; } .timeline-classic-item-divider::after { content: ''; position: absolute; top: 40px; left: 50%; margin-left: -1px; width: 2px; height: 300vh; background: #fff; min-height: 100px; } *+.timeline-classic-item-main { margin-top: 20px; } .context-dark .timeline-classic-item-divider::before, .bg-gray-700 .timeline-classic-item-divider::before, .bg-gray-800 .timeline-classic-item-divider::before, .bg-primary .timeline-classic-item-divider::before, .bg-primary-darker .timeline-classic-item-divider::before { border-color: #fff; } .context-dark .timeline-classic-item-divider::after, .bg-gray-700 .timeline-classic-item-divider::after, .bg-gray-800 .timeline-classic-item-divider::after, .bg-primary .timeline-classic-item-divider::after, .bg-primary-darker .timeline-classic-item-divider::after { background: #fff; } .context-dark .thumbnail-classic-item-subtitle, .bg-gray-700 .thumbnail-classic-item-subtitle, .bg-gray-800 .thumbnail-classic-item-subtitle, .bg-primary .thumbnail-classic-item-subtitle, .bg-primary-darker .thumbnail-classic-item-subtitle { color: #fff; } @media (max-width: 575.98px) { .timeline-classic-item { max-width: 450px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .timeline-classic-item { flex-wrap: wrap; } .timeline-classic-item-main, .timeline-classic-item-aside { width: 100%; } } @media (min-width: 768px) { .timeline-classic-item { display: flex; padding-left: 0; padding-bottom: 90px; } .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-main { max-width: 60%; } .timeline-classic-item-divider { position: relative; padding: 25px 20px 0; } .timeline-classic-item-title { font-size: 32px; } .thumbnail-classic-item-subtitle { font-size: 18px; line-height: 1.4; } *+.timeline-classic-item-main { margin-top: 0; } } @media (min-width: 992px) { .timeline-classic-item *+h4, .timeline-classic-item *+.heading-4 { margin-top: 20px; } .timeline-classic-item-title { font-size: 36px; } .thumbnail-classic-item-subtitle { font-size: 24px; line-height: 1.4; margin-top: 25px; } .timeline-classic-item-aside { max-width: 37%; } .timeline-classic-item-main { max-width: 50%; } } @media (min-width: 1200px) { .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-title { font-size: 48px; } } @media (min-width: 1600px) { .timeline-classic-item { padding-bottom: 125px; } .timeline-classic-item *+h4, .timeline-classic-item *+.heading-4 { margin-top: 30px; } } .thumbnail-classic-item-description { color: #aeb1be; } /* * * Careers */ .career-classic { text-align: left; } .career-classic-divider { border-bottom: 1px solid #aeb1be; } .career-classic-list { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -20px; margin-right: -20px; } .career-classic-list>* { margin-top: 10px; padding-left: 20px; padding-right: 20px; } .career-classic-list>li { display: inline-block; vertical-align: middle; white-space: nowrap; } .career-classic-list>li>* { display: inline-block; vertical-align: middle; } .career-classic-list>li>*+* { margin-left: 8px; } .career-classic-list .icon { font-size: 1.25em; color: #ff6600; } *+.career-classic-divider { margin-top: 10px; } *+.career-classic-list { margin-top: 15px; } @media (max-width: 575.98px) { .career-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { *+.career-classic-divider { margin-top: 20px; } *+.career-classic-list { margin-top: 20px; } } /* * * Comments */ .comment-classic { display: flex; align-items: flex-start; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #e8e9ee; } .comment-classic>*+* { margin-left: 20px; } .comment-classic-figure { position: relative; flex-shrink: 0; width: 48px; height: 48px; } .comment-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; border-radius: 50%; max-width: none; } @supports (object-fit: cover) { .comment-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .comment-classic-main { flex-grow: 1; } .comment-classic-name { color: #ff6600; } .comment-classic-text { color: #495057; } .comment-classic-meta { display: flex; align-items: center; justify-content: space-between; } .comment-classic-meta time { color: #74757f; } .comment-classic-reply { font-size: 24px; line-height: 1; color: #aeb1be; } .comment-classic-reply::before { content: '\f549'; font-family: 'Material Design Icons'; } .comment-classic-reply:hover { color: #ff6600; } *+.comment-classic-text { margin-top: 8px; } *+.comment-classic-meta { margin-top: 5px; } @media (min-width: 576px) { .comment-classic>*+* { margin-left: 25px; } .comment-classic-reply { font-size: 28px; } } .comment-classic-group .comment-classic-group { margin-left: 25px; } .comment-classic-group *+.comment-classic-group { margin-top: 30px; } *+.comment-classic-group { margin-top: 50px; } .comment-classic-group+.comment-classic-group { margin-top: 30px; } @media (min-width: 768px) { .comment-classic-group .comment-classic-group { margin-left: 75px; } } /* * * Jumbotron Classic */ .jumbotron-classic.bg-gray-700 h6, .jumbotron-classic.bg-gray-700 .heading-6 { color: #fff; } .jumbotron-classic.parallax-container { background-position: 60% center; } .jumbotron-classic .parallax-content { width: 100%; } .jumbotron-classic-content { max-width: 600px; padding: 50px 0; } @media (max-width: 1199.98px) { .jumbotron-classic.parallax-container::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to right, rgba(73, 80, 87, 0.6), rgba(73, 80, 87, 0.2)); } } @media (min-width: 768px) { .jumbotron-classic-inner { padding: 120px 0 140px; } } @media (min-width: 1200px) { .jumbotron-classic-inner { display: flex; align-items: center; min-height: 45.41667vw; } } @media (min-width: 1600px) { .jumbotron-classic-content { padding: 200px 0 150px; } } .jumbotron-modern { position: relative; display: flex; text-align: center; } .jumbotron-modern-inner { position: relative; z-index: 1; display: flex; align-items: center; width: 100%; padding: 50px 0; } .jumbotron-modern-content { max-width: 770px; margin-left: auto; margin-right: auto; } @media (max-width: 767.98px) { .jumbotron-modern .form-layout-1 { display: inline-block; max-width: 360px; } } @media (max-width: 1199.98px) { .jumbotron-modern::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(73, 80, 87, 0.4), rgba(73, 80, 87, 0)); } } @media (min-width: 768px) { .jumbotron-modern-inner { padding: 100px 0 140px; } } @media (min-width: 1200px) { .jumbotron-modern-inner { min-height: 41.66667vw; } } .jumbotron-indigo-header { padding: 40px 0; } .jumbotron-indigo-main { padding: 10px 0 40px; } @media (min-width: 768px) { .jumbotron-indigo-header { padding: 50px 0; } .jumbotron-indigo-main { padding: 50px 0 185px; } } .rights { color: rgba(255, 255, 255, 0.3); } .rights a:hover { color: #ff6600; } .section-single-footer .rights { color: #74757f; } /* * * Page layout */ .page { position: relative; overflow: hidden; min-height: 100vh; } .page.fadeIn { animation-timing-function: ease-out; } .page.fadeOut { animation-timing-function: ease-in; } [data-x-mode] .page { opacity: 1; } html.boxed body { background: #f5f6fa url(../images/bg-pattern-boxed.png) repeat fixed; } @media (min-width: 1630px) { html.boxed .page { max-width: 1600px; margin-left: auto; margin-right: auto; box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); } html.boxed .rd-navbar-static { max-width: 1600px; margin-left: auto; margin-right: auto; } html.boxed .rd-navbar-static.rd-navbar--is-stuck { max-width: 1600px; width: 100%; left: calc(50% - 1600px); right: calc(50% - 1600px); } } .page-header-navbar { position: relative; z-index: 1080; } .page-header-navbar .rd-navbar-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 1080; } /* * * Text styling */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .font-weight-thin { font-weight: 100; } .font-weight-light { font-weight: 300; } .font-weight-regular { font-weight: 400; } .font-weight-medium { font-weight: 500; } .font-weight-sbold { font-weight: 600; } .font-weight-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-transparent { color: rgba(255, 255, 255, 0.5); } /* * * Offsets */ *+p, *+.list-inline-comma { margin-top: 16px; } h3+p, .heading-3+p, h3+.p, .heading-3+.p { margin-top: 18px; } h4+p, .heading-4+p, h4+.p, .heading-4+.p { margin-top: 16px; } *+h1, *+.heading-1 { margin-top: 15px; } h3+h1, h3+.heading-1, .heading-3+h1, .heading-3+.heading-1 { margin-top: 5px; } h6+h1, h6+.heading-1, .heading-6+h1, .heading-6+.heading-1 { margin-top: 10px; } *+h4, *+.heading-4 { margin-top: 15px; } *+h5, *+.heading-5 { margin-top: 15px; } h6+p, .heading-6+p { margin-top: 22px; } p+h2, p+.heading-2 { margin-top: 15px; } p+p { margin-top: 14px; } img+p { margin-top: 15px; } h3+img { margin-top: 42px; } p+hr { margin-top: 35px; } *+.row { margin-top: 30px; } *+.big { margin-top: 20px; } *+.text-block { margin-top: 25px; } *+.button, *+.button-outer { margin-top: 25px; } *+.list-sm { margin-top: 25px; } *+form.form-inline { margin-top: 18px; } *+form.rd-form-small { margin-top: 25px; } html *+.offset-top-1 { margin-top: 40px; } html *+.offset-top-2 { margin-top: 25px; } html *+.offset-top-3 { margin-top: 20px; } html *+.offset-top-4 { margin-top: 18px; } html .page *+.offset-top-5 { margin-top: 40px; } h3+.row, .heading-3+.row, h3+.owl-carousel, .heading-3+.owl-carousel { margin-top: 35px; } .container+.container { margin-top: 35px; } .container+.section { margin-top: 25px; } .row+.row { margin-top: 35px; } .row+.button-lg { margin-top: 30px; } .list-sm+.group-xs { margin-top: 20px; } @media (min-width: 768px) { *+p, *+.list-inline-comma { margin-top: 20px; } *+.big { margin-top: 25px; } *+.button, *+.button-outer { margin-top: 34px; } *+.row { margin-top: 40px; } *+.text-block { margin-top: 30px; } .container+.section { margin-top: 30px; } .row+.button-lg { margin-top: 45px; } html *+.offset-top-2 { margin-top: 60px; } } @media (min-width: 992px) { *+h1, *+.heading-1 { margin-top: 22px; } h3+p, .heading-3+p, h3+.p, .heading-3+.p { margin-top: 24px; } h3+.row, .heading-3+.row, h3+.owl-carousel, .heading-3+.owl-carousel { margin-top: 55px; } html *+.offset-top-1 { margin-top: 60px; } html *+.offset-top-3 { margin-top: 30px; } html *+.offset-top-4 { margin-top: 24px; } html .page *+.offset-top-5 { margin-top: 60px; } .progress-linear+.button { margin-top: 55px; } .row+.group { margin-top: 45px; } } @media (min-width: 1200px) { *+.button, *+.button-outer { margin-top: 40px; } *+.rd-form { margin-top: 40px; } h3+p, .heading-3+p, h3+.p, .heading-3+.p { margin-top: 20px; } html *+.offset-top-1 { margin-top: 70px; } .container+.container { margin-top: 60px; } .row+.row { margin-top: 60px; } } @media (min-width: 1600px) { h3+.row, .heading-3+.row, h3+.owl-carousel, .heading-3+.owl-carousel { margin-top: 75px; } html *+.offset-top-1 { margin-top: 144px; } html *+.offset-top-2 { margin-top: 75px; } .row+.button-lg { margin-top: 70px; } } .row-0 { margin-bottom: 0px; } .row-0:empty { margin-bottom: 0; } .row-0>* { margin-bottom: 0px; } .row-10 { margin-bottom: -10px; } .row-10:empty { margin-bottom: 0; } .row-10>* { margin-bottom: 10px; } .row-x-10 { margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .row-x-10:empty { margin-bottom: 0; } .row-x-10>* { margin-bottom: 10px; } .row-x-10>[class*='col'] { padding-left: 5px; padding-right: 5px; } .row-20 { margin-bottom: -20px; } .row-20:empty { margin-bottom: 0; } .row-20>* { margin-bottom: 20px; } .row-30 { margin-bottom: -30px; } .row-30:empty { margin-bottom: 0; } .row-30>* { margin-bottom: 30px; } .row-50 { margin-bottom: -50px; } .row-50:empty { margin-bottom: 0; } .row-50>* { margin-bottom: 50px; /*margin-bottom: 30px;*/ } .row-60 { margin-bottom: -50px; } .row-60:empty { margin-bottom: 0; } .row-60>* { margin-bottom: 50px; } .row-45 { margin-bottom: -45px; } .row-45:empty { margin-bottom: 0; } .row-45>* { margin-bottom: 45px; } @media (min-width: 768px) { .row-md-50 { margin-bottom: -50px; } .row-md-50:empty { margin-bottom: 0; } .row-md-50>* { margin-bottom: 50px; } } @media (min-width: 992px) { .row-md-30 { margin-bottom: -30px; } .row-md-30:empty { margin-bottom: 0; } .row-md-30>* { margin-bottom: 30px; } } @media (min-width: 1600px) { .row-xxl-70 { margin-bottom: -70px; } .row-xxl-70:empty { margin-bottom: 0; } .row-xxl-70>* { margin-bottom: 70px; } } .offset-top-40 { margin-top: 40px; } .offset-top-30 { margin-top: 30px; } .offset-top-20 { margin-top: 20px; } .offset-top-10 { margin-top: 10px; } /* * * Sections */ .section-xs { padding: 30px 0; } .section-sm { padding: 35px 0; } .section-sm.section-first { padding-top: 65px; } .section-sm.section-last { padding-bottom: 80px; } .section-md, .section-lg, .section-xl { /*padding: 50px 0;*/ padding: 25px 0; } .section-1 { padding: 35px 0; } .section-collapse+.section-collapse { padding-top: 0; } .section-collapse:last-child { padding-bottom: 0; } html [class*='section-'].section-bottom-0 { padding-bottom: 0; } @media (min-width: 576px) { .section-xs { padding: 45px 0; } } @media (min-width: 768px) { .section-sm { padding: 45px 0; } .section-sm.section-first { padding-top: 90px; } .section-sm.section-last { padding-bottom: 90px; } .section-md { padding: 60px 0; } .section-lg { /*padding: 72px 0;*/ } .section-lg.section-first { padding-top: 100px; } .section-lg.section-last { padding-bottom: 100px; } .section-xl { padding: 80px 0; } .section-1 { padding: 60px 0; } } @media (min-width: 992px) { .section-md { padding: 60px 0 70px; } .section-xl { padding: 100px 0; } .section-1 { padding: 80px 0; } } @media (min-width: 1200px) { .section-sm { padding: 60px 0; } .section-sm.section-first { padding-top: 80px; } .section-sm.section-last { padding-bottom: 80px; } } @media (min-width: 1600px) { .section-sm.section-first { padding-top: 120px; } .section-sm.section-last { padding-bottom: 120px; } .section-md { padding: 85px 0 95px; } .section-lg { /*padding: 120px 0;*/ } .section-lg.section-first { padding-top: 120px; } .section-lg.section-last { padding-bottom: 120px; } .section-xl { padding: 160px 0; } .section-1 { padding: 90px 0 100px; } } .section-single { display: flex; } .section-single::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgba(21, 21, 21, 0.4); } .section-single *+.rd-mailform-wrap { margin-top: 35px; } .section-single *+.countdown-wrap { margin-top: 30px; } .section-single .countdown-wrap+* { margin-top: 35px; } .section-single-dummy { visibility: hidden; pointer-events: none; } .section-single-header { padding: calc(1em + 3vh) 0 calc(1em + 2vh); } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0 calc(1em + 3vh); } .section-single-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; padding-top: 6vh; } .section-single-inner>* { width: 100%; } @supports (display: grid) { .section-single-inner { display: grid; justify-items: center; align-content: space-between; grid-template-columns: 1fr; } } @media (max-width: 575.98px) { .section-single .section-single-main-content { max-width: 240px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .section-single .button-lg { font-size: 15px; padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) { .section-single::before { display: none; } .section-single-inner { padding-top: 7vh; } } @media (min-width: 1200px) { .section-single *+.countdown-wrap { margin-top: 50px; } .section-single .countdown-wrap+* { margin-top: 50px; } } .section-overlap { position: relative; padding: 40px 0; } .section-overlap .row { flex-wrap: nowrap; flex-direction: column; align-items: flex-end; } .section-overlap [class*='col'] { flex-basis: auto; } .section-overlap *+[class*='col'] { margin-top: 10px; } .section-overlap *+.col-offset-1 { margin-top: 20px; } .section-overlap-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-overlap-content { position: relative; z-index: 1; } @media (max-width: 767.98px) { .section-overlap-content .container { padding: 20px 15px; background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)); } .section-overlap-content .container>* { max-width: 380px; } } @media (max-width: 767.98px) and (min-width: 576px) { .section-overlap-content .container { padding: 40px 50px; } } @media (min-width: 768px) and (max-width: 991.98px) { .section-overlap-image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(to left, rgba(245, 246, 250, 0.4), rgba(245, 246, 250, 0)); } } @media (min-width: 768px) { .section-overlap { padding: 75px 0; } .section-overlap *+[class*='col'] { margin-top: 20px; } .section-overlap *+.col-offset-1 { margin-top: 40px; } .section-overlap-image { background-position: 80% 50%; width: calc(50% - 60px + 35px); } } @media (min-width: 992px) { .section-overlap { padding: 100px 0; } .section-overlap-image { width: calc(50% - -80px - 45px); } .ie-10 .section-overlap .col-lg-7, .ie-11 .section-overlap .col-lg-7 { max-width: 64%; } } @media (min-width: 1200px) { .section-overlap-image { width: calc(50% - -100px - 15px); } } @media (min-width: 1600px) { .section-overlap { padding: 140px 0; } } .section-halfscreen { position: relative; } .section-halfscreen-inner { padding: 40px 0; } .section-halfscreen-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-halfscreen-image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4)); } .section-halfscreen-content { position: relative; z-index: 1; } @media (max-width: 767.98px) { .section-halfscreen-content { max-width: 360px; } } @media (min-width: 576px) and (max-width: 767.98px) { .section-halfscreen-image::before { opacity: .8; } } @media (min-width: 768px) { .section-halfscreen-inner { padding: 75px 0; } .section-halfscreen-image { background-position: 45% 50%; left: auto; width: calc(50% - 60px + 35px); } .section-halfscreen-image::before { display: none; } } @media (min-width: 992px) { .section-halfscreen-inner { padding: 100px 0; } .section-halfscreen-image { width: 50%; } } @media (min-width: 1200px) { .section-halfscreen { display: flex; } .section-halfscreen-inner { display: flex; align-items: center; width: 100%; min-height: 35.41667vw; padding: 90px 0; } .section-halfscreen-content { width: 100%; } } /* * * Grid modules */ .range { display: flex; flex-wrap: wrap; } .cell-inner { width: 100%; padding-right: 15px; padding-left: 15px; } .range>[class*='cell'] { position: relative; width: 100%; min-height: 1px; } .range>[class*='cell']>.row { margin: 0; } .range>[class*='cell'].container { padding: 0; } .range>[class*='col'] { padding: 0; } @media (min-width: 576px) { .cell-sm-6 { flex: 0 0 50%; max-width: 50%; } .cell-sm-6 .cell-inner { max-width: 270px; } .range>[class*='cell-sm']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-sm-row-reverse>[class*='cell-sm']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-sm-row-reverse>[class*='cell-sm']:nth-child(even) .cell-inner { margin-left: auto; } .range>[class*='cell-sm'].container { margin: 0; } } @media (min-width: 768px) { .range>[class*='cell-md']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-md-row-reverse>[class*='cell-md']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-md-row-reverse>[class*='cell-md']:nth-child(even) .cell-inner { margin-left: auto; } .range>[class*='cell-md'].container { margin: 0; } } @media (min-width: 992px) { [class*='cell-lg']>.row>[class*='col'] { flex-basis: 100%; } .cell-lg-5 { flex: 0 0 calc(50% - 80px); max-width: calc(50% - 80px); } .cell-lg-5 .cell-inner { max-width: 400px; } .cell-lg-6 { flex: 0 0 50%; max-width: 50%; } .cell-lg-6 .cell-inner { max-width: 480px; } .range>[class*='cell-lg']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-lg-row-reverse>[class*='cell-lg']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-lg-row-reverse>[class*='cell-lg']:nth-child(even) .cell-inner { margin-left: auto; } .range>[class*='cell-lg'].container { margin: 0; } } @media (min-width: 1200px) { .range>[class*='cell-xl'].container { margin: 0; } .range>[class*='cell-xl']:nth-child(odd) .cell-inner { margin-left: auto; } .range .cell-inner { flex-basis: 100%; } .cell-xl-7 { flex: 0 0 calc(50% - -100px); max-width: calc(50% - -100px); } .cell-xl-7 .cell-inner { max-width: 700px; } .cell-lg-6, .cell-xl-6 { flex: 0 0 50%; max-width: 50%; } .cell-lg-6 .cell-inner, .cell-xl-6 .cell-inner { max-width: 600px; } .cell-xl-5 { flex: 0 0 calc(50% - 100px); max-width: calc(50% - 100px); } .cell-xl-5 .cell-inner { max-width: 500px; } .cell-xl-4 { flex: 0 0 calc(50% - 200px); max-width: calc(50% - 200px); } .cell-xl-4 .cell-inner { max-width: 400px; } } @media (min-width: 1600px) { .cell-xxl-6 { flex: 0 0 50%; max-width: 50%; } .cell-xxl-6 .cell-inner { max-width: 600px; } } /* * * Backgrounds */ .context-dark, .bg-gray-700, .bg-gray-800, .bg-primary, .bg-primary-darker, .context-dark h1, .bg-gray-700 h1, .bg-gray-800 h1, .bg-primary h1, .bg-primary-darker h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-800 h2, .bg-primary h2, .bg-primary-darker h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-800 h3, .bg-primary h3, .bg-primary-darker h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-800 h4, .bg-primary h4, .bg-primary-darker h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-800 h5, .bg-primary h5, .bg-primary-darker h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-800 h6, .bg-primary h6, .bg-primary-darker h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-800 [class^='heading-'], .bg-primary [class^='heading-'], .bg-primary-darker [class^='heading-'] { /*color: #fff;*/ color: #900; font-weight: bold; } .context-dark p a, .bg-gray-700 p a, .bg-gray-800 p a, .bg-primary p a, .bg-primary-darker p a { color: inherit; } .context-dark .big, .bg-gray-700 .big, .bg-gray-800 .big, .bg-primary .big, .bg-primary-darker .big { color: #fff; } .context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-gray-800 .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark, .bg-primary-darker .brand .brand-logo-dark { display: none; } .context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-gray-800 .brand .brand-logo-light, .bg-primary .brand .brand-logo-light, .bg-primary-darker .brand .brand-logo-light { display: block; } .context-dark .button-primary:hover, .bg-gray-700 .button-primary:hover, .bg-gray-800 .button-primary:hover, .bg-primary .button-primary:hover, .bg-primary-darker .button-primary:hover { background: #ff7f01; border-color: #ff7f01; } /** * Light Backgrounds */ .bg-gray-100 { background-color: #f5f6fa; } .bg-gray-light { background-color: #f7f7f7; } .bg-black-1 { background-color: #212121; } /** * Dark Backgrounds */ .bg-gray-700 { color: #aeb1be; background-color: #495057; } .bg-gray-700 a { color: inherit; } .bg-gray-700 a:hover { color: #fff; } .bg-gray-700 p a:hover { color: #fff; } .bg-gray-800 { background-color: #151515; } /** * Accent Backgrounds */ .bg-primary { background-color: #ff6600; } .bg-primary-darker { background-color: #F25800; } .bg-primary-color { background-color: #900; } .bg-color-theme{ background: radial-gradient(circle, #FFFF99 50%, #FF8C00 100%); } /** * Background Image */ [class*='bg-'] { background-size: cover; background-position: center center; } @media (max-width: 1199.98px) { .bg-image-light { position: relative; } .bg-image-light::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.1); } } .bg-image-1 { position: relative; background-position: 30% 100%; } .bg-image-1::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #495057; opacity: .6; } .bg-image-1>* { position: relative; z-index: 1; } @media (min-width: 576px) { .bg-image-1 { background-position: 72% 100%; } .bg-image-1::before { opacity: .2; } } @media (min-width: 768px) { .bg-image-1 { background-position: 54% 100%; } .bg-image-1::before { display: none; } } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .bg-fixed { background-attachment: fixed; } } .bg-image { background-size: cover; background-repeat: no-repeat; background-position: center; } /* * * Utilities custom */ .height-fill { position: relative; display: flex; flex-direction: column; align-items: stretch; } .height-fill>* { flex-grow: 1; flex-shrink: 0; } .object-inline { white-space: nowrap; } .object-inline>* { display: inline-block; min-width: 20px; vertical-align: top; white-space: normal; } .object-inline.wow span { display: inline-block; } .object-inline>*+* { margin-left: 11px; } .wow-outer .object-inline span { display: inline-block; } .oh { position: relative; overflow: hidden; } .text-decoration-lines { position: relative; overflow: hidden; width: 100%; text-align: center; } .text-decoration-lines-content { position: relative; display: inline-block; padding: 0 20px; } .text-decoration-lines-content::before, .text-decoration-lines-content::after { content: ''; position: absolute; height: 1px; background: #aeb1be; top: 50%; width: 100vw; } .text-decoration-lines-content::before { left: 0; transform: translate3d(-100%, 0, 0); } .text-decoration-lines-content::after { right: 0; transform: translate3d(100%, 0, 0); } *+.text-decoration-lines { margin-top: 30px; } .text-block>* { margin-left: .125em; margin-right: .125em; } @media (min-width: 992px) { .offset-right-1 { margin-right: 40px; } } .banner { background-position: center center; background-size: cover; } .phone-frame { max-width: 296px; padding: 0 5px; margin-left: auto; margin-right: auto; box-shadow: -46.037px 40.02px 21px 0px rgba(0, 0, 0, 0.02); } @media (max-width: 767.98px) { .phone-frame { display: none; } } .tip-mark { display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; padding-left: 2px; margin-bottom: 5px; font-size: 12px; line-height: 2em; vertical-align: middle; text-align: center; border-radius: 50%; border: 1px solid #e8e9ee; color: #ff6600; } /* * * Insets */ @media (min-width: 576px) { .inset-left-1 { padding-left: 10px; } } @media (min-width: 768px) { .inset-left-1 { padding-left: 30px; } } @media (min-width: 992px) { .inset-left-1 { padding-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .inset-left-2 { padding-left: 30px; } } @media (min-width: 576px) { .inset-right-1 { padding-right: 20px; } } @media (min-width: 768px) { .inset-right-1 { padding-right: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .inset-right-1 { padding-right: 0; } } @media (min-width: 992px) { .inset-right-2 { padding-right: 30px; } } @media (min-width: 1200px) { .inset-right-2 { padding-right: 0; } } @media (min-width: 992px) { .inset-right-3 { padding-left: 5px; } } @media (min-width: 1200px) { .inset-right-3 { padding-right: 0; } } /* * * Animate.css */ .animated { animation-duration: 1s; animation-fill-mode: both; opacity: 1; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes scaleInY { 0% { top: 0; bottom: 100%; } 50% { transform: scale3d(1, 1, 1); } 100% { top: 100%; bottom: auto; transform: scale3d(1, 0, 1); } } @keyframes scaleFadeIn { 0% { height: 0; } 100% { height: 100%; } } .scaleFadeIn { display: flex; overflow: hidden; animation-name: scaleFadeIn; animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scaleFadeInWrap { display: flex; align-items: stretch; } .wow-outer { position: relative; overflow: hidden; } @keyframes scaleInVertical { 0% { transform: scale3d(1, 0, 1); } 100% { transform: scale3d(1, 1, 1); } } .scaleInVertical { animation-name: scaleInVertical; } @keyframes fadeInLeftSmall { 0% { opacity: 0; transform: translate3d(-20px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeftSmall { animation-name: fadeInLeftSmall; } @keyframes fadeInUpSmall { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } 100% { opacity: 1; transform: none; } } .fadeInUpSmall { animation-name: fadeInUpSmall; } @keyframes fadeSlideInDown { 0% { opacity: 0; transform: translate3d(0, -50%, 0); visibility: visible; } 10% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); } } .fadeSlideInDown { animation-name: fadeSlideInDown; } @keyframes fadeSlideInUp { 0% { opacity: 0; transform: translate3d(0, 50%, 0); visibility: visible; } 10% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); } } .fadeSlideInUp { animation-name: fadeSlideInUp; } .wow { backface-visibility: hidden; } /* * * Preloader */ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; transition: .3s all ease; pointer-events: none; backface-visibility: hidden; } .preloader::before, .preloader::after { content: ''; position: absolute; left: 0; right: 0; transition: .2s linear; transform: translateY(0); pointer-events: none; } .preloader::before { top: 0; bottom: 50%; background: #fff; } .preloader::after { top: 50%; bottom: 0; background: #f5f6fa; } .preloader.loaded::before, .preloader.loaded::after { transition: .4s linear; } .preloader.loaded::before { transform: translateY(-100%); } .preloader.loaded::after { transform: translateY(100%); } .preloader.loaded .preloader-logo, .preloader.loaded .preloader-body { opacity: 0; visibility: hidden; transition: 0s; } .preloader-logo, .preloader-body { transition: 0s .2s; } .preloader-logo { position: relative; z-index: 10; transform: translate3d(0, -50%, 0); padding: 40px; } .preloader-body { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); left: 0; right: 0; z-index: 10; text-align: center; } #loadingProgressG { width: 100vw; height: 5px; overflow: hidden; background: #e8e9ee; border-radius: 6px; margin: auto; } .loadingProgressG { background: #ff6600; margin-top: 0; margin-left: -100vw; animation-name: bounce_loadingProgressG; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; width: 100vw; height: 5px; transition: .5s; } @keyframes bounce_loadingProgressG { 0% { margin-left: -100vw; } 100% { margin-left: 100vw; } } /* * * ToTop */ .ui-to-top { position: fixed; right: 15px; bottom: 15px; z-index: 100; width: 48px; height: 48px; border-radius: 6px; color: #fff; background: #ff6600; overflow: hidden; text-align: center; text-decoration: none; transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1); transform: translate3d(0, 100px, 0); } .ui-to-top::before, .ui-to-top::after { content: '\f239'; font-family: 'Material Design Icons'; font-size: 20px; line-height: 48px; vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .ui-to-top::before { display: block; } .ui-to-top::after { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .ui-to-top:hover::before { opacity: 0; transform: translate3d(0, -30%, 0); } .ui-to-top:hover::after { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .ui-to-top:hover { color: #fff; background: #ff7f01; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translate3d(0, 0, 0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } } /* * * RD Navbar */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar-fixed+.rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar+.rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar { display: none; background: #fff; } .rd-navbar-outer { position: relative; z-index: 1080; } .rd-nav-link { font-family: "Arimo", sans-serif;; letter-spacing: .08em; text-transform: uppercase; font-weight:600; } .rd-navbar-toggle { padding-left: 0; padding-right: 0; display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #495057; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span::after, .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0; top: -6px; transition: .3s all ease; } .rd-navbar-toggle span::after { top: 6px; } .rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span { width: 24px; height: 2px; background-color: #495057; backface-visibility: hidden; border-radius: 5; } .rd-navbar-toggle.active span { background: transparent; transition: .01s; } .rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after { transform-origin: 50% 50%; top: 0; } .rd-navbar-toggle.active span::before { transform: rotate(45deg); } .rd-navbar-toggle.active span::after { transform: rotate(-45deg); } .rd-navbar-collapse-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #29293a; display: none; } .rd-navbar-collapse-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -2.5px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after { position: absolute; width: 5px; height: 5px; line-height: 5px; text-align: center; background: #29293a; left: 50%; margin-left: -2.5px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after { content: ''; } .rd-navbar-collapse-toggle span::before { bottom: 100%; margin-bottom: 2.5px; } .rd-navbar-collapse-toggle span::after { top: 100%; margin-top: 2.5px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span::before { transform: translateY(15px); } .rd-navbar-collapse-toggle.active span::after { transform: translateY(-15px); } .rd-navbar-brand a { display: block; } .rd-navbar-search { position: relative; display: inline-flex; } .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; font-size: 20px; color: #aeb1be; transition: .33s; } .rd-navbar-search .rd-search-form-submit:hover { color: #ff6600; } .rd-navbar-search .rd-search-results-live { pointer-events: none; } .rd-navbar-search .rd-search-results-live>* { pointer-events: auto; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-dropdown { display: none; } .rd-navbar-popup { position: absolute; padding: 15px 25px 20px 20px; width: calc(100vw - 10px); border-radius: 6px; opacity: 0; visibility: hidden; transition: .2s; overflow: hidden; background-color: #495057; } .rd-navbar-popup::before { content: ''; position: absolute; right: 0; left: 0; top: 0; bottom: 0; z-index: -1; transform: scale3d(1, 0.1, 1); transform-origin: 50% 0; background: #495057; border-radius: inherit; transition: .5s; } .rd-navbar-popup>* { position: relative; z-index: 1; opacity: 0; visibility: hidden; transition: .5s; transform-origin: 50% 0; transform: scale3d(1, 0.9, 1); } .rd-navbar-popup.active { opacity: 1; visibility: visible; } .rd-navbar-popup.active>* { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1); } .rd-navbar-popup.active::before { transform: scale3d(1, 1, 1); } @media (min-width: 400px) { .rd-navbar-popup { width: 370px; } } @media (min-width: 768px) { .rd-navbar-popup { padding: 40px; } } .context-dark .rd-navbar-toggle, .bg-gray-700 .rd-navbar-toggle, .bg-gray-800 .rd-navbar-toggle, .bg-primary .rd-navbar-toggle, .bg-primary-darker .rd-navbar-toggle { display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #fff; display: none; } .context-dark .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-toggle span, .bg-gray-800 .rd-navbar-toggle span, .bg-primary .rd-navbar-toggle span, .bg-primary-darker .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after, .context-dark .rd-navbar-toggle span::before, .bg-gray-700 .rd-navbar-toggle span::before, .bg-gray-800 .rd-navbar-toggle span::before, .bg-primary .rd-navbar-toggle span::before, .bg-primary-darker .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0; top: -6px; transition: .3s all ease; } .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after { top: 6px; } .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after, .context-dark .rd-navbar-toggle span::before, .bg-gray-700 .rd-navbar-toggle span::before, .bg-gray-800 .rd-navbar-toggle span::before, .bg-primary .rd-navbar-toggle span::before, .bg-primary-darker .rd-navbar-toggle span::before, .context-dark .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-toggle span, .bg-gray-800 .rd-navbar-toggle span, .bg-primary .rd-navbar-toggle span, .bg-primary-darker .rd-navbar-toggle span { width: 24px; height: 2px; background-color: #fff; backface-visibility: hidden; border-radius: 5; } .context-dark .rd-navbar-toggle.active span, .bg-gray-700 .rd-navbar-toggle.active span, .bg-gray-800 .rd-navbar-toggle.active span, .bg-primary .rd-navbar-toggle.active span, .bg-primary-darker .rd-navbar-toggle.active span { background: transparent; transition: .01s; } .context-dark .rd-navbar-toggle.active span::before, .bg-gray-700 .rd-navbar-toggle.active span::before, .bg-gray-800 .rd-navbar-toggle.active span::before, .bg-primary .rd-navbar-toggle.active span::before, .bg-primary-darker .rd-navbar-toggle.active span::before, .context-dark .rd-navbar-toggle.active span::after, .bg-gray-700 .rd-navbar-toggle.active span::after, .bg-gray-800 .rd-navbar-toggle.active span::after, .bg-primary .rd-navbar-toggle.active span::after, .bg-primary-darker .rd-navbar-toggle.active span::after { transform-origin: 50% 50%; top: 0; } .context-dark .rd-navbar-toggle.active span::before, .bg-gray-700 .rd-navbar-toggle.active span::before, .bg-gray-800 .rd-navbar-toggle.active span::before, .bg-primary .rd-navbar-toggle.active span::before, .bg-primary-darker .rd-navbar-toggle.active span::before { transform: rotate(45deg); } .context-dark .rd-navbar-toggle.active span::after, .bg-gray-700 .rd-navbar-toggle.active span::after, .bg-gray-800 .rd-navbar-toggle.active span::after, .bg-primary .rd-navbar-toggle.active span::after, .bg-primary-darker .rd-navbar-toggle.active span::after { transform: rotate(-45deg); } /* * @subsection RD Navbar Static */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-nav-item { display: inline-block; } .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { color: #ff6600; background: transparent; } .rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle { color: #ff6600; } .rd-navbar-static .rd-nav-item.active .rd-nav-link { color: #ff6600; background: transparent; } .rd-navbar-static .rd-nav-item.active>.rd-navbar-submenu-toggle { color: #ff6600; } .rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover+.rd-navbar-submenu-toggle::before { transform: rotate(180deg); } .rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle { margin-left: 4px; font-family: "Material Design Icons"; font-size: 16px; cursor: pointer; display: none; } .rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle:hover { color: #ff6600; } .rd-navbar-static .rd-nav-item>.rd-navbar-submenu { margin-top: 20px; } .rd-navbar-static .rd-nav-item+.rd-nav-item { margin-left: 5px; } @media (min-width: 1200px) { .rd-navbar-static .rd-nav-item+.rd-nav-item { margin-left: 5px; } } .rd-navbar-static .rd-nav-link { position: relative; display: inline-block; color: #29293a; transition: .25s; } .rd-navbar-static .rd-nav-link:hover { color: #ff6600; } .rd-navbar-static .rd-menu { position: absolute; z-index: 15; display: block; padding: 16px 27px; margin-top: 22px; margin-left: -27px; visibility: hidden; opacity: 0; text-align: left; box-shadow: 0 5px 10px 1px rgba(230, 230, 230, 0.3); border-radius: 6px; transform: translate3d(0, 30px, 0); } .rd-navbar-static .rd-dropdown-item+.rd-dropdown-item, .rd-navbar-static .rd-megamenu-list-item+.rd-megamenu-list-item { margin-top: 7px; } .rd-navbar-static .rd-navbar-dropdown { position: absolute; left: 0; width: 290px; background: #fff; z-index: 5; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { top: -1px; left: 100%; z-index: 2; margin-top: -15px; margin-left: 15px; transform: translate3d(30px, 0, 0); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { left: auto; right: 100%; margin-left: 0; margin-right: 15px; transform: translate3d(-30px, 0, 0); } .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { color: #F25800; } .rd-navbar-static .rd-dropdown-link { color: #ff6600; } .rd-navbar-static .rd-dropdown-link:hover { color: #F25800; } .rd-navbar-static .rd-navbar-dropdown li>a, .rd-navbar-static .rd-megamenu-list li>a { position: relative; left: -13px; display: flex; padding: 4px 4px 4px 0; text-align: left; } .rd-navbar-static .rd-navbar-dropdown li>a, .rd-navbar-static .rd-navbar-dropdown li>a:focus, .rd-navbar-static .rd-navbar-dropdown li>a:active, .rd-navbar-static .rd-megamenu-list li>a, .rd-navbar-static .rd-megamenu-list li>a:focus, .rd-navbar-static .rd-megamenu-list li>a:active { color: #ff6600; } .rd-navbar-static .rd-navbar-dropdown li>a:hover, .rd-navbar-static .rd-megamenu-list li>a:hover { color: #F25800; } .rd-navbar-static .rd-navbar-dropdown li>a, .rd-navbar-static .rd-navbar-dropdown li>a::before, .rd-navbar-static .rd-megamenu-list li>a, .rd-navbar-static .rd-megamenu-list li>a::before { transition: all .2s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li>a::before, .rd-navbar-static .rd-megamenu-list li>a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f238'; font-family: 'Material Design Icons'; font-size: inherit; line-height: inherit; color: #F25800; opacity: 0; visibility: hidden; } .rd-navbar-static .rd-navbar-dropdown li.focus>a, .rd-navbar-static .rd-navbar-dropdown li.opened>a, .rd-navbar-static .rd-navbar-dropdown li>a:hover, .rd-navbar-static .rd-megamenu-list li.focus>a, .rd-navbar-static .rd-megamenu-list li.opened>a, .rd-navbar-static .rd-megamenu-list li>a:hover { left: -13px; padding-left: 18px; padding-right: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus>a::before, .rd-navbar-static .rd-navbar-dropdown li.opened>a::before, .rd-navbar-static .rd-navbar-dropdown li>a:hover::before, .rd-navbar-static .rd-megamenu-list li.focus>a::before, .rd-navbar-static .rd-megamenu-list li.opened>a::before, .rd-navbar-static .rd-megamenu-list li>a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-megamenu { display: flex; left: 0; width: 100%; overflow: hidden; max-width: 1200px; background: #fff; } .rd-navbar-static .rd-megamenu-item { flex-basis: 50%; flex-grow: 1; } .rd-navbar-static .rd-megamenu-item+.rd-megamenu-item { padding-left: 20px; } .rd-navbar-static .rd-megamenu-item { display: flex; } .rd-navbar-static .rd-megamenu-item .banner { position: relative; display: flex; align-items: flex-end; justify-content: center; text-align: center; min-width: 100%; padding: 35px; } .rd-navbar-static .rd-megamenu-item .banner::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); } .rd-navbar-static .rd-megamenu-item .banner .button-primary:hover { background: #ff7f01; border-color: #ff7f01; } .rd-navbar-static .rd-megamenu-item .banner>* { opacity: 0; visibility: hidden; transform: translate(0, -20%); transition: .22s; } .rd-navbar-static .rd-megamenu-item .banner:hover>* { opacity: 1; visibility: visible; transform: translate(0, 0); } .rd-navbar-static .rd-megamenu-item:first-child .banner, .rd-navbar-static .rd-megamenu-item:last-child .banner { margin-top: -16px; margin-right: -27px; margin-bottom: -16px; margin-left: -27px; } .rd-navbar-static .rd-megamenu-title { padding-bottom: 10px; border-bottom: 1px solid #e8e9ee; } .rd-navbar-static .rd-megamenu-list-link { color: #ff6600; background: transparent; } .rd-navbar-static .rd-megamenu-list-link:hover { color: #F25800; background: transparent; } .rd-navbar-static *+.rd-megamenu-list { margin-top: 10px; } .rd-navbar-static .rd-navbar-submenu.focus>.rd-menu, .rd-navbar-static .rd-navbar-submenu.opened>.rd-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .rd-navbar-static .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-search.active .not-empty~.form-input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rd-navbar-static .rd-navbar-search .rd-search { margin-top: 40px; } .rd-navbar-static .rd-navbar-search .form-input { padding-right: 19px; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit { display: none; } .rd-navbar-static .rd-search { position: absolute; top: 100%; right: 0; width: 370px; opacity: 0; visibility: hidden; transition: .3s; margin-top: 20px; z-index: 2; } .rd-navbar-static *+.rd-navbar-search { margin-left: 38px; } .rd-navbar-static .rd-navbar-search-toggle { display: inline-flex; color: #29293a; } .rd-navbar-static .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search-toggle:hover { color: #ff6600; } @media (min-width: 1200px) { .rd-navbar-static .rd-nav-item+.rd-nav-item { margin-left: 5px; } } .rd-navbar-static.rd-navbar--is-clone { display: block; transform: translate3d(0, -100%, 0); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translate3d(0, 0, 0); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; background: #fff; will-change: transform; } .rd-navbar-static .rd-navbar--has-dropdown { position: relative; } .rd-navbar-static .rd-navbar-nav { padding-left: 50px; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-nav { padding-left: 0; } } /* * * RD Navbar Fixed */ .rd-navbar-fixed { display: block; width: 100%; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; top: -2px; margin-left: 6px; font-size: 0; line-height: 0; text-align: left; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 160px; max-height: 58px; width: auto; height: auto; } .rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; display: flex; align-items: center; height: 56px; padding: 8px; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: -56px; bottom: -56px; z-index: 1079; width: 270px; padding: 112px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; transform: translateX(-110%); } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: #ffa366; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #ff6600; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; margin: 15px 0; height: auto; text-align: left; } .rd-navbar-fixed .rd-nav-item { text-align: left; } .rd-navbar-fixed .rd-nav-item+.rd-nav-item { margin-top: 4px; } .rd-navbar-fixed .rd-nav-link { display: block; padding: 10px 45px 10px 18px; } .rd-navbar-fixed li.opened>.rd-navbar-dropdown { padding: 4px 0 0; } .rd-navbar-fixed li.opened>.rd-navbar-megamenu { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-fixed li.opened>.rd-menu { opacity: 1; height: auto; } .rd-navbar-fixed li.opened>.rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-fixed .rd-menu { display: none; transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { height: 34px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown>li>a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li>a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li>a { padding-left: 46px; } .rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-megamenu-list>li>a, .rd-navbar-fixed .rd-navbar-dropdown>li>a { display: block; padding: 9px 56px 9px 16px; font-size: 14px; line-height: 1.5; } .rd-navbar-fixed .rd-megamenu-list>li+li, .rd-navbar-fixed .rd-navbar-dropdown>li+li { margin-top: 3px; } .rd-navbar-fixed .rd-megamenu-list>li>a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { position: relative; display: block; padding: 0 18px 7px; font-size: 16px; line-height: 1.5; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid; } .rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-list { margin-top: 11px; } .rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-title { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu>li+li { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-submenu-toggle { cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 0; right: 0; width: 56px; height: 48px; font: 400 14px "FontAwesome"; line-height: 48px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; top: 8px; z-index: 1081; } .rd-navbar-fixed .rd-navbar-collapse-content { position: fixed; right: 0; top: 56px; z-index: 1079; transform: translate3d(0, -10px, 0); padding: 30px; width: auto; border-radius: 0 0 0 6px; text-align: left; font-size: 14px; opacity: 0; visibility: hidden; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse-content.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-content>*+* { margin-top: 25px; } .rd-navbar-fixed .rd-navbar-main-outer, .rd-navbar-fixed .rd-navbar-main-element { position: absolute; float: left; width: 100%; } .rd-navbar-fixed .rd-navbar-search .rd-search { position: fixed; right: 0; left: 0; top: 56px; z-index: 1079; width: 100%; opacity: 0; visibility: hidden; transition: .3s; transform: translate3d(0, -100%, 0); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 60px; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 7px; width: 50px; padding: 0; margin: 0; border: none; background-color: transparent; } .rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 26px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed [class*='rd-navbar-fixed-element'] { position: fixed; top: 8px; z-index: 1082; } .rd-navbar-fixed .rd-navbar-fixed-element-1 { right: 0; } .rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 46px; } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } .rd-navbar-fixed .rd-navbar-panel { color: #495057; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); background: #fff; } .rd-navbar-fixed .rd-navbar-nav-wrap { color: #fff; background: #fff; border-right: 1px solid #e8e9ee; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { color: #fff; background: #ff6600; } .rd-navbar-fixed .rd-nav-item:hover>.rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus>.rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active>.rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened>.rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-nav-link { color: #495057; } .rd-navbar-fixed .rd-megamenu-list>li>a, .rd-navbar-fixed .rd-navbar-dropdown>li>a { color: #495057; } .rd-navbar-fixed .rd-megamenu-list>li:hover>a, .rd-navbar-fixed .rd-megamenu-list>li.focus>a, .rd-navbar-fixed .rd-megamenu-list>li.active>a, .rd-navbar-fixed .rd-megamenu-list>li.opened>a, .rd-navbar-fixed .rd-navbar-dropdown>li:hover>a, .rd-navbar-fixed .rd-navbar-dropdown>li.focus>a, .rd-navbar-fixed .rd-navbar-dropdown>li.active>a, .rd-navbar-fixed .rd-navbar-dropdown>li.opened>a { color: #fff; background: #ff6600; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { color: #aeb1be; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { border-bottom: 1px solid #e8e9ee; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active { color: #fff; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover { color: #ff6600; } .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #495057; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { color: #aeb1be; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { color: #ff6600; } .rd-navbar-fixed .rd-navbar-search-toggle { color: #29293a; } .rd-navbar-fixed .rd-navbar-search-toggle:hover { color: #ff6600; } .rd-navbar-fixed .rd-navbar-collapse-content { background-color: #fff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-fixed .banner { position: relative; overflow: hidden; padding: 20px; margin: 10px; border-radius: 6px; text-align: center; } .rd-navbar-fixed .banner::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.4); border-radius: inherit; } html.rd-navbar-fixed-linked .page { padding-top: 56px; } .context-dark .rd-navbar-fixed .rd-navbar-panel, .bg-gray-700 .rd-navbar-fixed .rd-navbar-panel, .bg-gray-800 .rd-navbar-fixed .rd-navbar-panel, .bg-primary .rd-navbar-fixed .rd-navbar-panel, .bg-primary-darker .rd-navbar-fixed .rd-navbar-panel { background: #495057; } .context-dark .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-gray-700 .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-gray-800 .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-primary .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-primary-darker .rd-navbar-fixed .rd-navbar-nav-wrap { border-right-color: #495057; background: #444b51; } .context-dark .rd-navbar-fixed .rd-nav-link, .bg-gray-700 .rd-navbar-fixed .rd-nav-link, .bg-gray-800 .rd-navbar-fixed .rd-nav-link, .bg-primary .rd-navbar-fixed .rd-nav-link, .bg-primary-darker .rd-navbar-fixed .rd-nav-link, .context-dark .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-fixed .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #fff; } .context-dark .rd-navbar-fixed .rd-navbar-dropdown>li>a, .bg-gray-700 .rd-navbar-fixed .rd-navbar-dropdown>li>a, .bg-gray-800 .rd-navbar-fixed .rd-navbar-dropdown>li>a, .bg-primary .rd-navbar-fixed .rd-navbar-dropdown>li>a, .bg-primary-darker .rd-navbar-fixed .rd-navbar-dropdown>li>a, .context-dark .rd-navbar-fixed .rd-megamenu-list-link, .bg-gray-700 .rd-navbar-fixed .rd-megamenu-list-link, .bg-gray-800 .rd-navbar-fixed .rd-megamenu-list-link, .bg-primary .rd-navbar-fixed .rd-megamenu-list-link, .bg-primary-darker .rd-navbar-fixed .rd-megamenu-list-link { color: #e8e9ee; } /* * * RD Navbar Sidebar */ .rd-navbar-sidebar { display: block; background: #fff; } .rd-navbar-sidebar .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-sidebar .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 60px 22px 0; max-width: 1200px; margin-left: auto; margin-right: auto; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-sidebar .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-sidebar .rd-navbar-main-element>*+* { margin-left: 20px; } .rd-navbar-sidebar .rd-navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1102; } .rd-navbar-sidebar .rd-navbar-panel { min-width: 200px; text-align: center; } .rd-navbar-sidebar .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-sidebar .rd-navbar-nav-wrap { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1101; width: 450px; padding: 94px 0 0 0; background: #fff; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(100%); box-shadow: 0 0 13px 0 rgba(174, 177, 190, 0.16); } .rd-navbar-sidebar .rd-navbar-nav-wrap.active { transition-delay: .1s; transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-nav { height: calc(100vh - 100px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #e8e9ee; } .rd-navbar-sidebar .rd-nav-item { position: relative; display: block; padding: 19px 30px 19px 40px; } .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { color: #ff6600; } .rd-navbar-sidebar .rd-nav-item .rd-nav-link, .rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle { font-size: 18px; } .rd-navbar-sidebar .rd-nav-item+.rd-nav-item { border-top: 1px solid #e8e9ee; } .rd-navbar-sidebar .rd-nav-item:last-child { border-bottom: 1px solid #e8e9ee; margin-bottom: 30px; } .rd-navbar-sidebar .rd-nav-link { max-width: calc(100% - 30px); word-break: break-all; font-size: 18px; line-height: 1.4; text-transform: none; color: #aeb1be; } .rd-navbar-sidebar .rd-nav-link:hover { color: #ff6600; } .rd-navbar-sidebar .rd-navbar-submenu .opened>.rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-megamenu { display: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transition: opacity .2s; } .rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: inherit; padding-left: 10px; margin-bottom: inherit; display: inline-block; width: 30px; margin-left: 5px; text-align: center; cursor: pointer; color: #29293a; } .rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle:hover { color: #ff6600; } .rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: inherit; text-align: center; vertical-align: middle; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle { font-size: 14px; color: #aeb1be; margin-left: 7px; } .rd-navbar-sidebar .rd-menu { margin-top: 31px; } .rd-navbar-sidebar .rd-navbar-dropdown, .rd-navbar-sidebar .rd-megamenu-list { font-size: 14px; } .rd-navbar-sidebar .rd-navbar-dropdown li>a, .rd-navbar-sidebar .rd-megamenu-list li>a { position: relative; left: -13px; display: flex; padding: 4px 18px 4px 0; text-align: left; } .rd-navbar-sidebar .rd-navbar-dropdown li>a, .rd-navbar-sidebar .rd-navbar-dropdown li>a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li>a:active, .rd-navbar-sidebar .rd-megamenu-list li>a, .rd-navbar-sidebar .rd-megamenu-list li>a:focus, .rd-navbar-sidebar .rd-megamenu-list li>a:active { color: #ff6600; } .rd-navbar-sidebar .rd-navbar-dropdown li>a:hover, .rd-navbar-sidebar .rd-megamenu-list li>a:hover { color: #F25800; } .rd-navbar-sidebar .rd-navbar-dropdown li>a, .rd-navbar-sidebar .rd-navbar-dropdown li>a::before, .rd-navbar-sidebar .rd-megamenu-list li>a, .rd-navbar-sidebar .rd-megamenu-list li>a::before { transition: all .2s ease-in-out; } .rd-navbar-sidebar .rd-navbar-dropdown li>a::before, .rd-navbar-sidebar .rd-megamenu-list li>a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f238'; font-family: 'Material Design Icons'; font-size: inherit; line-height: inherit; color: #F25800; opacity: 0; visibility: hidden; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus>a, .rd-navbar-sidebar .rd-navbar-dropdown li.opened>a, .rd-navbar-sidebar .rd-navbar-dropdown li>a:hover, .rd-navbar-sidebar .rd-megamenu-list li.focus>a, .rd-navbar-sidebar .rd-megamenu-list li.opened>a, .rd-navbar-sidebar .rd-megamenu-list li>a:hover { left: -13px; padding-left: 18px; padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown li.focus>a::before, .rd-navbar-sidebar .rd-navbar-dropdown li.opened>a::before, .rd-navbar-sidebar .rd-navbar-dropdown li>a:hover::before, .rd-navbar-sidebar .rd-megamenu-list li.focus>a::before, .rd-navbar-sidebar .rd-megamenu-list li.opened>a::before, .rd-navbar-sidebar .rd-megamenu-list li>a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-megamenu { max-width: 450px; margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu>* { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-megamenu>li { display: inline-block; vertical-align: top; width: 45%; } .rd-navbar-sidebar .rd-megamenu-title { display: none; } .rd-navbar-sidebar .rd-megamenu-list { margin-top: 0; } .rd-navbar-sidebar .rd-megamenu-list>li+li { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a { padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a::before { display: none; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a:hover { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus>a { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle { color: #ff6600; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle::after { top: 1px; } .rd-navbar-sidebar .rd-navbar-dropdown>li+li { margin-top: 10px; } .rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown { margin-top: 25px; } .rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown { margin-top: 10px; padding-left: 15px; } .rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown>li>a { font-size: 12px; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-megamenu { margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu>* { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-dropdown>li+li, .rd-navbar-sidebar .rd-megamenu-list>li+li { margin-top: 18px; } } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-nav-wrap { width: auto; left: calc(50% + 600px - 80px); } } .rd-navbar-sidebar.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(-101%); } .rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0); } .rd-navbar-sidebar.rd-navbar--is-stuck { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1); } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { padding-top: 11px; padding-bottom: 11px; } /** * * RD Navbar Minimal * */ .rd-navbar-minimal.rd-navbar-static { border-bottom: 1px solid transparent; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; /*justify-content: space-between;*/ max-width: 1864px; padding: 10px 0; margin-left: auto; margin-right: auto; gap: 170px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-element { position: relative; display: flex; align-items: center; justify-content: space-between; min-width: 690px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 233px; max-height: 200px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; width: calc(100% + 27px + 15px); } .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle span { font-size: 20px; } @media (min-width: 1200px) { .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { padding: 0px 0; } .rd-navbar-minimal.rd-navbar-static .rd-menu { margin-top: 34px; } } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #e8e9ee; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 0px 0; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-menu { margin-top: 24px; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item>.rd-navbar-submenu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item>.rd-navbar-submenu { margin-top: 17px; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; right: 10px; top: 5px; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search .form-input { border-width: 1px 0 1px 0; border-radius: 0; } .rd-navbar-minimal .rd-menu .rd-dropdown-item .rd-dropdown-link, .rd-navbar-minimal .rd-menu .rd-dropdown-item .rd-dropdown-link:focus, .rd-navbar-minimal .rd-menu .rd-dropdown-item .rd-dropdown-link:active { color: #29293a; } .rd-navbar-minimal .rd-menu .rd-dropdown-item .rd-dropdown-link:hover { color: #ff6600; } .rd-navbar-minimal .rd-menu .rd-megamenu-item .rd-megamenu-list-item .rd-megamenu-list-link, .rd-navbar-minimal .rd-menu .rd-megamenu-item .rd-megamenu-list-item .rd-megamenu-list-link:focus, .rd-navbar-minimal .rd-menu .rd-megamenu-item .rd-megamenu-list-item .rd-megamenu-list-link:active { color: #29293a; } .rd-navbar-minimal .rd-menu .rd-megamenu-item .rd-megamenu-list-item .rd-megamenu-list-link:hover { color: #ff6600; } .rd-navbar-minimal-wide.rd-navbar-static .rd-navbar-main { padding: 54px 0; } .rd-navbar-minimal-wide.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main { padding: 21px 0; } .context-dark .rd-navbar-minimal .rd-nav-link, .bg-gray-700 .rd-navbar-minimal .rd-nav-link, .bg-gray-800 .rd-navbar-minimal .rd-nav-link, .bg-primary .rd-navbar-minimal .rd-nav-link, .bg-primary-darker .rd-navbar-minimal .rd-nav-link, .context-dark .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal .rd-navbar-search-toggle, .bg-gray-700 .rd-navbar-minimal .rd-navbar-search-toggle, .bg-gray-800 .rd-navbar-minimal .rd-navbar-search-toggle, .bg-primary .rd-navbar-minimal .rd-navbar-search-toggle, .bg-primary-darker .rd-navbar-minimal .rd-navbar-search-toggle { color: #fff; } .context-dark .rd-navbar-minimal.rd-navbar-static, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static, .bg-primary .rd-navbar-minimal.rd-navbar-static, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static { background-color: transparent; } .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover { color: #ffa366; } .context-dark .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-primary .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck { background: #495057; border-bottom-color: #151515; } /** * * RD Navbar Corporate * */ .rd-navbar-corporate.rd-navbar-static { border-bottom: 1px solid transparent; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside, .rd-navbar-corporate.rd-navbar-static .rd-navbar-main { max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 40px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { background: #f5f6fa; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-main { position: relative; padding: 16px 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap { position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; min-width: 690px; } .ie-10 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse, .ie-11 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse { width: 100%; max-width: 870px; } .ie-10 .rd-navbar-corporate.rd-navbar-static .unit, .ie-11 .rd-navbar-corporate.rd-navbar-static .unit { flex: auto; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-panel+.rd-navbar-collapse { margin-left: 50px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content { display: flex; align-items: center; justify-content: center; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content .button { flex-shrink: 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content>* { margin-top: 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content>*+* { margin-left: 50px; } .rd-navbar-corporate.rd-navbar-static .rd-menu { margin-top: 21px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; max-width: 750px; } @media (min-width: 1200px) { .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content>*+* { margin-left: 92px; } .rd-navbar-corporate.rd-navbar-static .rd-nav-item+.rd-nav-item { margin-left: 25px; } } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #e8e9ee; } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item>.rd-navbar-submenu, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item>.rd-navbar-submenu { margin-top: 17px; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search { margin: 20px 5px; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search-toggle { display: none; } .rd-navbar-corporate.rd-navbar-fixed .rd-search { position: relative; top: 0; left: 0; transform: none; opacity: 1; visibility: visible; z-index: 1; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-nav { margin: 0; } /** * * RD Navbar Thin * */ .rd-navbar-thin.rd-navbar-static { background-color: #495057; border-bottom: 1px solid transparent; } .rd-navbar-thin.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1170px; padding: 23px 0; margin-left: auto; margin-right: auto; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap { position: absolute; top: 0; bottom: 0; left: 200px; right: 80px; z-index: 102; display: flex; align-items: center; justify-content: flex-end; min-width: 690px; background: #495057; opacity: 0; visibility: hidden; transition: .44s ease-in-out; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-brand { display: none; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap.active { opacity: 1; visibility: visible; } .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 50px; } .ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel, .ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { justify-content: flex-start; } .ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-block, .ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-block { width: 100%; justify-content: flex-end; } .rd-navbar-thin.rd-navbar-static .rd-navbar-toggle { position: absolute; right: 0; top: 50%; display: block; transform: translate3d(0, -50%, 0); } .rd-navbar-thin.rd-navbar-static .rd-navbar-block { display: flex; align-items: center; } .rd-navbar-thin.rd-navbar-static .rd-navbar-brand { max-width: 300px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-thin.rd-navbar-static .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle { color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover, .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle:hover { color: #ffa366; } .rd-navbar-thin.rd-navbar-static .rd-menu { margin-top: 27px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; width: calc(100% + 27px + 15px); } .rd-navbar-thin.rd-navbar-static .rd-navbar-search { position: static; } .rd-navbar-thin.rd-navbar-static *+.rd-navbar-search-toggle { margin-left: 60px; } .rd-navbar-thin.rd-navbar-static .rd-search { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; width: calc(100% - 70px); margin: 0; } .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap { display: flex; width: 100%; background: #495057; } .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap::before { content: '\f43b'; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-search .form-input, .rd-navbar-thin.rd-navbar-static .rd-search .form-label { padding-left: 40px; font-size: 30px; color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-search .form-input { background-color: transparent; border: 0; border-radius: 0; } .rd-navbar-thin.rd-navbar-static .rd-search .form-label { top: 50%; transform: translate3d(0, -50%, 0); } .rd-navbar-thin.rd-navbar-static .rd-search-results-live { height: 100vh; margin: 1px 0 0 0; } .rd-navbar-thin.rd-navbar-static .search-list { display: flex; flex-wrap: wrap; margin-bottom: -20px; } .rd-navbar-thin.rd-navbar-static .search-list-item { width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .rd-navbar-thin.rd-navbar-static .search-list-item+.search-list-item { margin-top: 0; } .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle { position: relative; z-index: 12; } .rd-navbar-thin.rd-navbar-static .rd-navbar-popup { left: 50%; z-index: 110; transform: translateX(-50%); margin-top: 30px; } .rd-navbar-thin.rd-navbar-static .list-inline-bordered { position: relative; } @media (min-width: 992px) and (max-width: 1199.98px) { .rd-navbar-thin.rd-navbar-static .rd-nav-item+.rd-nav-item { margin-left: 10px; } } @media (min-width: 1200px) { .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { padding-right: 70px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap { left: 300px; right: 70px; } } @media (min-width: 1600px) { .rd-navbar-thin.rd-navbar-static .rd-navbar-popup { right: auto; } } .rd-navbar-thin.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-thin.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #151515; } .rd-navbar-thin.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-thin.rd-navbar-static.rd-navbar--is-clone .rd-menu { margin-top: 27px; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search .form-input { border-width: 0 0 1px 0; border-radius: 0; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; top: 5px; right: 8px; color: #fff; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search-toggle span { font-size: 20px; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-block { position: absolute; top: 14px; right: 65px; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-popup { position: fixed; right: 5px; margin-top: 20px; overflow-y: auto; max-height: calc(100vh - 56px - 10px); } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-brand { display: none; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand { display: inline-block; line-height: 0; font-size: 0; margin: 30px 20px 20px; } @media (min-width: 480px) { .rd-navbar-thin.rd-navbar-fixed .rd-navbar-brand { display: block; } .rd-navbar-thin.rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand { display: none; } } /* * * Swiper */ .swiper-container { position: relative; display: flex; margin: 0 auto; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; pointer-events: none; } .swiper-container, .swiper-container * { backface-visibility: hidden; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: flex; align-self: stretch; align-items: stretch; width: 100%; height: auto; min-height: inherit; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; background-size: cover; transition-property: transform, transform; pointer-events: auto; contain: paint; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; } .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade .swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); display: none; font-size: 38px; line-height: 1; color: #fff; text-align: center; cursor: pointer; transition: .2s ease-in; will-change: transform; z-index: 10; } .swiper-button-prev:hover, .swiper-button-next:hover { color: #ff6600; } .swiper-button-prev::before, .swiper-button-next::before { font-family: 'Material Design Icons'; } @media (min-width: 768px) { .swiper-button-prev, .swiper-button-next { display: block; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 30px; } .swiper-button-prev::before { content: "\f14a"; } .swiper-button-next { right: 30px; } .swiper-button-next::before { content: "\f14f"; } .swiper-slider.swiper-container-rtl .swiper-button-prev::before { content: "\f061"; } .swiper-slider.swiper-container-rtl .swiper-button-next::before { content: "\f060"; } .swiper-pagination { position: absolute; display: block; text-align: center; transition: .3s; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: rgba(255, 255, 255, 0.6); transition: .2s; } .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover { background: white; } .swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal>.swiper-pagination { bottom: 20px; left: 0; width: 100%; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-outer { position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); z-index: 20; bottom: 30px; pointer-events: none; } .swiper-pagination-outer .swiper-pagination { pointer-events: auto; } .swiper-pagination.swiper-pagination-modern { position: relative; display: inline-block; width: auto; right: auto; left: auto; margin-left: -10px; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet, .swiper-pagination.swiper-pagination-modern .swiper-pagination-mark { width: 32px; height: 32px; border-radius: 50%; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet { display: inline-block; background: transparent; font-weight: 400; color: #495057; text-align: center; transition: .33s; line-height: 32px; margin: 0 10px; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-mark { position: absolute; top: 0; bottom: 0; z-index: -1; left: -10px; display: block; background: #ff6600; transition: .4s ease-in-out; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover { font-weight: 700; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active { color: #fff; } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(1)~.swiper-pagination-mark { transform: translateX(20px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(2)~.swiper-pagination-mark { transform: translateX(72px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(3)~.swiper-pagination-mark { transform: translateX(124px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(4)~.swiper-pagination-mark { transform: translateX(176px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(5)~.swiper-pagination-mark { transform: translateX(228px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(6)~.swiper-pagination-mark { transform: translateX(280px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(7)~.swiper-pagination-mark { transform: translateX(332px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(8)~.swiper-pagination-mark { transform: translateX(384px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(9)~.swiper-pagination-mark { transform: translateX(436px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(10)~.swiper-pagination-mark { transform: translateX(488px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(11)~.swiper-pagination-mark { transform: translateX(540px); } .swiper-pagination.swiper-pagination-modern .swiper-pagination-bullet-active:nth-child(12)~.swiper-pagination-mark { transform: translateX(592px); } .context-dark .swiper-pagination .swiper-pagination-bullet, .bg-gray-700 .swiper-pagination .swiper-pagination-bullet, .bg-gray-800 .swiper-pagination .swiper-pagination-bullet, .bg-primary .swiper-pagination .swiper-pagination-bullet, .bg-primary-darker .swiper-pagination .swiper-pagination-bullet { color: #fff; } .swiper-slide { position: relative; display: flex; align-items: center; flex-shrink: 0; width: 100%; height: 100%; white-space: nowrap; background-position: 55% center; } .swiper-slide>* { width: 100%; white-space: normal; } .swiper-slide .container { width: 100%; } .swiper-slider-light { min-height: 40.41667vw; } .swiper-slider-light .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)); pointer-events: none; } .swiper-slider-light[data-custom-slide-effect='inter-leave-effect'] .slide-inner { background: inherit; } .swiper-slider-light .swiper-slide-caption { position: relative; z-index: 1; max-width: 650px; padding: 40px 0 80px; } .swiper-slider-light h1 span, .swiper-slider-light h2 span, .swiper-slider-light h3 span, .swiper-slider-light h4 span, .swiper-slider-light h5 span, .swiper-slider-light h6 span, .swiper-slider-light [class^='heading-'] span { display: block; } .container+.swiper-slider-light { margin-top: 20px; } @media (min-width: 576px) { .swiper-slider-light .swiper-slide::before { background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); } .swiper-slider-light .slider-slide-caption { padding: 45px 0 95px; } } @media (min-width: 768px) { .swiper-slider-light .swiper-slide { background-position: center center; } .swiper-slider-light .swiper-slide::before { display: none; } .swiper-slider-light .swiper-slide-caption { padding: 80px 0 165px; } .swiper-slider-light .swiper-pagination-outer { bottom: 50px; } } @media (min-width: 1200px) { .swiper-slider-light .swiper-pagination-outer { bottom: 72px; } } .swiper-slider-business { min-height: 41.66667vw; } .swiper-slider-business .swiper-slide { background-position: 100% 50%; } .swiper-slider-business .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .swiper-slider-business .swiper-slide>* { position: relative; z-index: 1; } .swiper-slider-business .swiper-slide-caption { padding: 50px 0 100px; } .swiper-slider-business .swiper-caption-text { position: relative; overflow: hidden; max-width: 520px; padding-left: 35px; } .swiper-slider-business .swiper-caption-text p { width: 100%; } .swiper-slider-business .swiper-caption-text-inner { position: relative; overflow: hidden; } .swiper-slider-business .swiper-caption-text-sm { max-width: 470px; } .swiper-slider-business .swiper-caption-text-decoration { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #ff6600; } .swiper-slider-business .swiper-slider-nav { position: absolute; left: 50%; bottom: 20px; z-index: 20; width: 100%; transform: translate3d(-50%, 0, 0); pointer-events: none; text-align: left; } .swiper-slider-business .swiper-slider-nav>*+* { margin-left: 10px; } .swiper-slider-business .wow-outer { white-space: normal; } .swiper-slider-business .wow-outer span { display: inline-block; } .swiper-slider-business .swiper-button-prev, .swiper-slider-business .swiper-button-next { position: relative; transform: none; left: auto; top: auto; right: auto; display: inline-block; pointer-events: auto; } .swiper-slider-business *+.swiper-caption-text { margin-top: 20px; } @media (min-width: 768px) { .swiper-slider-business .swiper-slide-caption { padding: 130px 0 180px; } } @media (min-width: 992px) { .swiper-slider-business .swiper-slider-nav { bottom: 40px; } } @media (min-width: 1200px) { .swiper-slider-business .swiper-slide::before { display: none; } } @media (min-width: 1600px) { .swiper-slider-business *+.swiper-caption-text { margin-top: 45px; } } .swiper-slider-minimal { min-height: 41.66667vw; text-align: center; } .swiper-slider-minimal .swiper-slide { background-position: 50% 50%; justify-content: center; } .swiper-slider-minimal .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .4; } .swiper-slider-minimal .swiper-slide>* { position: relative; z-index: 1; } .swiper-slider-minimal .swiper-slide_video { display: flex; align-items: stretch; } .swiper-slider-minimal .vide_bg { position: relative; display: flex; flex-direction: column; justify-content: center; } .swiper-slider-minimal .vide_bg::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .4; } .swiper-slider-minimal .swiper-slide-caption { position: relative; z-index: 2; padding: 80px 0 120px; } .swiper-slider-minimal .swiper-slide-text { position: relative; overflow: hidden; width: auto; } .swiper-slider-minimal .swiper-slide-text>* { position: relative; transform: translateY(100%); } .swiper-slider-minimal .swiper-slide-active .swiper-slide-text>* { transform: translateY(0); transition: .5s .3s; } @media (min-width: 768px) { .swiper-slider-minimal .swiper-slide-caption { padding: 170px 0 220px; } .swiper-slider-minimal .swiper-pagination-outer { bottom: 50px; } } @media (min-width: 1600px) { .swiper-slider-minimal .swiper-pagination-outer { bottom: 90px; } } [data-custom-slide-effect='inter-leave-effect'] .swiper-slide { display: flex; will-change: transform; overflow: hidden; align-items: stretch; min-height: inherit; } [data-custom-slide-effect='inter-leave-effect'] .slide-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; } [data-custom-slide-effect='inter-leave-effect'] .slide-inner>* { width: 100%; } .swiper-slider-tiny { min-height: 400px; } .swiper-slider-tiny .swiper-slide { position: relative; } .swiper-slider-tiny .swiper-slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 40%); } .swiper-slider-tiny .swiper-slide>* { position: relative; z-index: 1; } @media (min-width: 768px) { .swiper-slider-tiny { min-height: 39.58333vw; } } @media (min-width: 992px) { .swiper-slider-tiny .swiper-pagination-outer { bottom: 65px; } } /* * * RD Google Map */ .gm-style-pbt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #111111; color: #fff; padding: 5px 14px; font-size: 16px; border-radius: 3px; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); width: 100%; text-align: center; max-width: 300px; } .google-map { color: #000; height: 200px; } .google-map img { max-width: none !important; } @media (min-width: 576px) { .google-map { height: 250px; } } @media (min-width: 768px) { .google-map { height: 300px; } } @media (min-width: 992px) { .google-map { height: 350px; } } @media (min-width: 1200px) { .google-map { height: 100%; } } .map_locations { display: none; } /* * * Search Results */ .rd-search-results-live { position: absolute; left: 0; right: 0; top: 100%; max-height: 600px; overflow-y: auto; margin: -3px 0 0; text-align: left; z-index: 998; } .rd-search-results-live #search-results { position: relative; padding: 10px 0 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #495057; background: #fff; border: 1px solid #c5c6cd; border-top: 0; opacity: 0; visibility: hidden; transform-origin: 50% 0; transform: scale(1, 0.9); transition: .3s all ease; } .rd-search-results-live #search-results.active { opacity: 1; visibility: visible; transform: scale(1, 1); } .rd-search-results-live #search-results.active .form-input { border-bottom-left-radius: 0; } .rd-search-results-live .search-quick-result { padding-left: 15px; padding-right: 15px; font-family: "Arimo", sans-serif;; font-size: 14px; font-weight: 500; letter-spacing: .08em; line-height: 30px; text-transform: uppercase; color: #29293a; } .rd-search-results-live .search-list { margin-top: 11px; } .rd-search-results-live .search-list li:only-child { padding: 0 15px 15px; } .rd-search-results-live .search-link { color: #aeb1be; } .rd-search-results-live .search-link:hover { color: #ff6600; } .rd-search-results-live .search-error { padding: 0 0 20px; font-size: 14px; line-height: 1.6; } .rd-search-results-live .search-title { position: relative; font-size: 16px; font-weight: 400; color: #29293a; } .rd-search-results-live .search-title a:hover { color: #ff6600; } .rd-search-results-live .search-link { display: block; } .rd-search-results-live .search-list-item-all { margin-top: 18px; width: 100%; } .rd-search-results-live .search-submit { position: relative; overflow: hidden; z-index: 0; display: block; padding: 10px 20px; margin: 0 -1px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-family: "Arimo", sans-serif;; font-size: 12px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; color: #fff; background: #ff6600; } .rd-search-results-live .search-submit:hover { color: #fff; background: #ff7f01; } .rd-search-results-live .match { display: none; } .not-empty~.rd-search-results-live { visibility: visible; opacity: 1; } .rd-search-results-live p { font-size: 14px; } .rd-search-results-live .search-list-item { padding: 0 15px; } .rd-search-results-live *+p { margin-top: 3px; } .rd-search-results-live .search-list-item+.search-list-item { margin-top: 17px; } .rd-search-results .search-list { counter-reset: li; text-align: left; padding-left: 0; font-size: 18px; list-style-type: none; overflow: hidden; } .rd-search-results .search-list li div { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } .rd-search-results .search-list li:only-child::before { display: none; } .rd-search-results .search-list-item { position: relative; padding-left: 40px; font-size: 16px; color: #9b9b9b; } .rd-search-results .search-list-item::before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; left: 0; top: -0.1em; line-height: inherit; } .rd-search-results .search-title { position: relative; color: #ff6600; } .rd-search-results .search-title a { color: inherit; } .rd-search-results .search-title a:hover { color: #F25800; text-decoration: underline; } .rd-search-results .search { color: #fff; padding: 0 .25em; background: #ff6600; } .rd-search-results .match { padding: 5px; font-size: 12px; line-height: 1.7; letter-spacing: .1em; text-transform: uppercase; color: #000; } .rd-search-results .match em { margin: 0; font-style: normal; } .rd-search-results *+.match { margin-top: 10px; } .rd-search-results .search-list-item+.search-list-item { margin-top: 40px; } *+.rd-search-results { margin-top: 40px; } @media (min-width: 768px) { .rd-search-results .search-list-item::before { top: 3px; } .rd-search-results *+p { margin-top: 12px; } *+.rd-search-results { margin-top: 55px; } } @media (min-width: 992px) { .rd-search-results .search-list-item { padding-left: 50px; } .rd-search-results *+p { margin-top: 17px; } .rd-search-results .search-list-item+.search-list-item { margin-top: 50px; } } @media (min-width: 1200px) { *+.rd-search-results { margin-top: 70px; } } @media (min-width: 1600px) { .rd-search-results .search-list-item+.search-list-item { margin-top: 70px; } } .rd-search-classic { position: relative; } .rd-search-classic .form-wrap-inner { position: relative; } .rd-search-classic .form-input { padding-right: 50px; } .rd-search-classic .form-input, .rd-search-classic .form-label { letter-spacing: 0; } .rd-search-classic .rd-search-submit { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; padding-top: 2px; padding-right: 3px; margin: 0; text-align: center; color: #aeb1be; font-size: 0; line-height: 0; } .rd-search-classic .rd-search-submit::-moz-focus-inner { border: none; padding: 0; } .rd-search-classic .rd-search-submit:before { position: relative; top: -1px; content: '\f43b'; font: 400 20px 'Material Design Icons'; line-height: 1; transition: .33s all ease; } .rd-search-classic .rd-search-submit:hover { color: #ff6600; } .rd-search.rd-search-inline { position: relative; } .rd-search.rd-search-inline .form-input { padding-right: 48px; } .rd-search.rd-search-inline .button-link { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; right: 0; margin: 0; font-size: 21px; color: #aeb1be; transition: .33s; } .rd-search.rd-search-inline .button-link::before { display: block; margin: auto; } .rd-search.rd-search-inline .button-link:hover { color: #ff6600; } .rd-search.rd-search-inline.form-sm .form-input { padding-right: 40px; } .rd-search.rd-search-inline.form-sm .button-link { width: 40px; font-size: 18px; } .rd-search.rd-search-inline.form-lg .form-input { padding-right: 56px; } .rd-search.rd-search-inline.form-lg .button-link { width: 56px; } /* * * Isotope */ @keyframes sprite-animation { from { background-position: 0 0; } } [data-isotope-layout] { z-index: 0; display: block; overflow: hidden; min-height: 160px; margin-left: -15px; margin-right: -15px; transition: .4s all ease; } [data-isotope-layout]:after { content: ''; position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin-top: 15px; background-image: url("../images/isotope-loader.png"); background-position: -1152px 0; animation: 0.7s sprite-animation steps(18) infinite; transition: .4s all ease; transform: translate3d(-50%, -50%, 0); } [data-isotope-layout] [class*="col-"] { display: block; opacity: 0; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } [data-isotope-layout].isotope--loaded [class*="col-"] { opacity: 1; } [data-isotope-layout].isotope--loaded:after { opacity: 0; visibility: hidden; } .isotope.isotope-condensed { margin-left: 0; margin-right: 0; overflow: hidden; } .isotope.isotope-condensed [class*='col'] { padding: 0; margin: 0 0 30px 0; } @media (min-width: 576px) { .isotope.isotope-condensed [class*='col'] { margin: 0 -1px -1px 0; } } .isotope-filters-list { position: relative; font-size: 16px; margin-left: -20px; margin-bottom: -10px; background-color: #900; border-radius:5px; } .isotope-filters-list>* { margin-left: 20px; } .isotope-filters-list::after { content: ''; position: absolute; left: 20px; right: 0; bottom: 10px; /*border-bottom: 1px solid #e8e9ee;*/ } .isotope-filters-list li { display: inline-block; margin-bottom: 10px; margin-top: 10px; } .isotope-filters-list a { position: relative; display: block; z-index: 1; /*padding-bottom: 10px;*/ color: #ffc107; } .isotope-filters-list a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; transition: .4s; background: #fff; } .isotope-filters-list a:hover { color: #fff; } .isotope-filters-list a.active { color: #fff; color: #fff; background-color: #FF9800; padding: 5px; border-radius: 5px; } .isotope-filters-list a.active::after { right: auto; left: 0; width: 100%; } @media (min-width: 992px) { .isotope-filters-list { font-size: 16px; margin-left: -48px; background-color: #900; } .isotope-filters-list>* { margin-left: 30px; } .isotope-filters-list::after { left: 45px; } } @media (min-width: 1200px) { .isotope-filters-list { font-size: 20px; background-color: #900; } } @media (max-width: 767.98px) { .isotope-responsive { margin-left: -7px; margin-right: -7px; margin-bottom: -14px; } .isotope-responsive:empty { margin-bottom: 0; } .isotope-responsive>* { margin-bottom: 14px; } .isotope-responsive [class*='col'] { padding-left: 7px; padding-right: 7px; } } @media (min-width: 768px) { .isotope-responsive { margin-bottom: -30px; } .isotope-responsive:empty { margin-bottom: 0; } .isotope-responsive>* { margin-bottom: 30px; } } @media (max-width: 767.98px) { .isotope-filters-modern { position: relative; z-index: 10; } .isotope-filters-toggle { display: block; padding: 10px 20px; color: #fff; background: #ff6600; box-shadow: none; border: 0; margin: 0 auto; } .isotope-filters-toggle .caret { position: relative; display: inline-block; margin-left: 5px; font-family: "FontAwesome"; font-size: 14px; transition: .22s; will-change: transform; } .isotope-filters-toggle .caret::before { content: '\f107'; } .isotope-filters-toggle.active .caret { transform: scale(1, -1); } .isotope-filters-list { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 10; min-width: 240px; margin: 5px 0 0 0; padding: 20px; border: 1px solid #e8e9ee; opacity: 0; visibility: hidden; background: #fff; transition: .3s ease-in; } .isotope-filters-list::after { display: none; } .isotope-filters-list.active { opacity: 1; visibility: visible; } .isotope-filters-list li { display: block; width: 100%; margin-left: 0; } .isotope-filters-list a { padding: 0; } .isotope-filters-list a::after { display: none; } } @media (min-width: 768px) { .isotope-filters-modern .isotope-filters-toggle { display: none; } } *+.isotope { margin-top: 30px; } @media (min-width: 768px) { *+.isotope { margin-top: 47px; } } .nav { display: block; } .tabs-custom { text-align: left; } .tabs-custom .nav-tabs { font-size: 0; line-height: 0; word-spacing: 0; border: 0; background-color: #811111; } .tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { display: none; } .tabs-custom .nav-item { float: none; border: 0; cursor: pointer; transition: .33s all ease; } .tabs-custom .nav-link { margin: 0; border-radius: 0; border: 0; } .tabs-custom .nav-link.active { cursor: default; border: 0; } .tab-content>.tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .tab-content>.active { visibility: visible; height: auto; overflow: visible; } .tabs-line .nav-tabs { position: relative; } .tabs-line .nav-link { font-size: 16px; line-height: 1.4; text-align: center; vertical-align: middle; } .tabs-line *+.tab-content { margin-top: 20px; } @media (max-width: 767.98px) { .tabs-line .nav-tabs { max-width: 100%; border: 1px solid #e8e9ee; } .tabs-line .nav-item { margin: -1px; } .tabs-line .nav-link { padding: 7px 10px; color: #FFC107; background: transparent; } .tabs-line .nav-item+.nav-item .nav-link { border-top: 1px solid #e8e9ee; } .tabs-line .nav-link:hover, .tabs-line .nav-link.active { color: #fff; background: #ff6600; border-color: #ff6600; } } *+.tabs-line { margin-top: 30px; } .tabs-corporate .nav-tabs { position: relative; border: 1px solid #e5e7e9; } .tabs-corporate .nav-item { margin: -1px; } .tabs-corporate .nav-link { padding: 10px 10px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.4; color: #74757f; background: transparent; border-bottom: 1px solid #e5e7e9; text-align: center; vertical-align: middle; } .tabs-corporate .nav-link:first-child { border-top: 1px solid #e5e7e9; } .tabs-corporate .nav-link:hover, .tabs-corporate .nav-link.active { color: #fff; background: #ff6600; border-color: #ff6600; } .tabs-corporate .tab-content { padding: 30px 0 0; } @media (min-width: 768px) { *+.tabs-line { margin-top: 40px; } .tabs-horizontal.tabs-corporate .nav-tabs { position: relative; width: 100%; display: block; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -5px; margin-right: -5px; text-align: center; border: 0; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-tabs>* { margin-top: 10px; padding-left: 5px; padding-right: 5px; } .tabs-horizontal.tabs-corporate .nav-item { display: inline-block; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-link { display: block; position: relative; z-index: 1; min-width: 130px; letter-spacing: .1em; padding: 13px 20px; border: 2px solid #e5e7e9; } .tabs-horizontal.tabs-corporate .nav-link, .tabs-horizontal.tabs-corporate .nav-link::before { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .tabs-horizontal.tabs-corporate .nav-link::before { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); background: #ff6600; } .tabs-horizontal.tabs-corporate .nav-link.active, .tabs-horizontal.tabs-corporate .nav-link:hover { color: #fff; border-color: #ff6600; background-color: transparent; } .tabs-horizontal.tabs-corporate .nav-link.active::before, .tabs-horizontal.tabs-corporate .nav-link:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .tabs-horizontal.tabs-line .nav-tabs { transform: translateY(-20px); margin-bottom: -20px; border: 0; border-bottom: 1px solid #e8e9ee; } .tabs-horizontal.tabs-line .nav-item { display: inline-block; /* margin-top: 20px; */ } .tabs-horizontal.tabs-line .nav-item:not(:last-child) { margin-right: 32px; } .tabs-horizontal.tabs-line .nav-link { position: relative; padding: 10px; font-size: 20px; background-color: transparent; color: #fff; border: 0; } .tabs-horizontal.tabs-line .nav-link::after { content: ''; position: absolute; bottom: 0; right: 0; height: 1px; width: 0; background: #ff6600; transition: .22s ease; } .tabs-horizontal.tabs-line .nav-link.active, .tabs-horizontal.tabs-line .nav-link:hover { color: #FFC107; border-right: 3px solid #FFC107; } .tabs-horizontal.tabs-line .nav-link.active::after { right: auto; left: 0; width: 100%; } .tabs-horizontal.tabs-line *+.tab-content { margin-top: 25px; } .tabs-vertical { display: flex; align-items: flex-start; } .tabs-vertical .nav-tabs { display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; max-width: 50%; } .tabs-vertical .nav-item { border: 0; width: 100%; text-align: left; } .tabs-vertical .nav-link.active, .tabs-vertical .nav-link:hover { box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13); } .tabs-vertical .tab-content { flex-grow: 1; } .tabs-vertical.tabs-corporate .nav-tabs { width: auto; min-width: 260px; border: 0; } .tabs-vertical.tabs-corporate .nav-item { margin: 0; } .tabs-vertical.tabs-corporate .nav-link { position: relative; padding: 17px 30px; border: 0; overflow: hidden; text-align: left; } .tabs-vertical.tabs-corporate .nav-item+.nav-item { margin-top: 2px; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 30px; } } @media (min-width: 992px) { .tabs-horizontal.tabs-corporate .tab-content { padding: 60px 30px 0; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 45px; } } .card-group-custom { margin-bottom: 0; } .card-group-custom .card-header+.collapse>.card-body, .card-group-custom .card-header+.collapse>.list-group { border-top: 0; } .card-group-custom .card+.card { margin-top: 0; } .card-title { margin-bottom: 0; } .card-header { /* background-color: transparent */; } .card-custom { display: block; margin: 0; background: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left; } .card-custom a { display: block; } .card-custom .card-header { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .card-custom .card-body { padding: 0; border: 0; } *+.card-group-custom { margin-top: 30px; } @media (min-width: 768px) { *+.card-group-custom { margin-top: 40px; } } /* * Card corporate */ .card-corporate { border-top: 1px solid #f5f6fa; text-align: left; } .card-corporate:last-child { border-bottom: 1px solid #f5f6fa; } .card-corporate .card-collapse { background: #fff; } .card-corporate .card-title a { position: relative; z-index: 1; padding: 15px 40px 15px 70px; font-size: 17px; line-height: 1.5; letter-spacing: 0; color: #495057; transition: 1.3s all ease; } .card-corporate .card-title a[aria-expanded='true'], .card-corporate .card-title a:hover { color: #ff6600; } .card-corporate .card-title a .card-arrow { transition: .33s; } .card-corporate .card-title a.collapsed { color: #495057; border-bottom-width: 0; } .card-corporate .card-title a.collapsed .card-arrow::before { opacity: 1; } .card-corporate .card-title a.collapsed .card-arrow::after { opacity: 0; } .card-corporate .card-arrow { position: absolute; top: 16px; left: 13px; z-index: 2; width: 20px; height: 20px; color: #ff6600; transition: .33s all ease; text-align: center; } .card-corporate .card-arrow::before, .card-corporate .card-arrow::after { position: absolute; z-index: 4; font-family: 'Material Design Icons'; font-size: 24px; line-height: 1; transition: .22s; } .card-corporate .card-arrow::before { content: '\f505'; opacity: 0; } .card-corporate .card-arrow::after { content: '\f466'; opacity: 1; } .card-corporate .card-collapse { position: relative; z-index: 1; color: #74757f; } .card-corporate .card-body { padding: 2px 44px 25px 70px; } @media (max-width: 767.98px) { .card-corporate .card-arrow { left: 0; } .card-corporate .card-title a, .card-corporate .card-body { padding-left: 50px; } } @media (min-width: 768px) { .card-corporate .card-title a { font-size: 20px; line-height: 1.4; } .card-corporate .card-arrow { top: 18px; } } /* * * Tooltop Custom */ .tooltip { font-size: 16px; line-height: 1.2; } .tooltip-inner { background-color: #ff6600; } .bs-tooltip-top .arrow::before { border-top-color: #ff6600; } .bs-tooltip-right .arrow::before { border-right-color: #ff6600; } .bs-tooltip-bottom .arrow::before { border-bottom-color: #ff6600; } .bs-tooltip-left .arrow::before { border-left-color: #ff6600; } @media (min-width: 1200px) { .tooltip-inner { padding: 9px 18px; } } /* * * Modal Custom */ .modal { display: flex !important; padding: 30px 15px 7vh; visibility: hidden; } .modal .close { cursor: pointer; color: #74757f; transition: .22s; } .modal .close span::before { content: '\f24c'; font-family: 'Material Design Icons'; } .modal .close:hover { color: #495057; } .modal.show { visibility: visible; } .modal.fade .modal-dialog { transform: translate3d(0, -30px, 0); } .modal.show .modal-dialog { transform: translate3d(0, 0, 0); } .modal-dialog { display: flex; align-items: flex-start; justify-content: center; margin: 0 auto; } .modal-content { height: 100%; border-radius: 6px; } .modal-body { height: 100%; overflow-y: auto; } @media (min-width: 768px) { .modal-header, .modal-body { padding-left: 30px; padding-right: 30px; } .modal-header { padding-top: 20px; padding-bottom: 20px; } .modal-body { padding-top: 30px; padding-bottom: 30px; } .modal-dialog { max-width: 800px; } } /* * * Progress Bars */ .progress-linear { position: relative; text-align: left; } .progress-linear .progress-header { display: flex; align-items: center; justify-content: space-between; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .progress-linear .progress-header>* { margin-top: 10px; padding-left: 5px; padding-right: 5px; } .progress-linear .progress-bar-linear-wrap { height: 2px; background: #f5f6fa; } .progress-linear .progress-bar-linear { width: 0; height: inherit; background: #ff6600; transition: .5s all ease-in-out; } .progress-linear .progress-value::after { content: '\0025'; } *+.progress-linear { margin-top: 25px; } *+.progress-linear-outer { margin-top: 25px; } *+.progress-bar-linear-wrap { margin-top: 8px; } .progress-linear+.progress-linear { margin-top: 20px; } .progress-linear-outer+.progress-linear-outer { margin-top: 20px; } @media (min-width: 768px) { *+.progress-linear { margin-top: 40px; } *+.progress-linear-outer { margin-top: 40px; } } @media (min-width: 1200px) { .progress-linear+.progress-linear { margin-top: 34px; } .progress-linear-outer+.progress-linear-outer { margin-top: 34px; } } /* * * Time Circles */ .time_circles { position: relative; width: 100%; } .time_circles>div { position: absolute; top: 0 !important; bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: -10px; text-align: center; } @media (min-width: 1200px) { #DateCountdown { width: 100%; } } .time_circles>div>h4 { position: absolute; left: 0; top: calc(100% + 14px); right: 0; transform: translateY(-100%); margin: 0; padding: 0; text-align: center; font-family: "Arimo", sans-serif;; font-size: 14px !important; line-height: 1.2 !important; color: #868e96; } .time_circles>div>h4+* { margin-top: 0; } @media (min-width: 576px) { .time_circles>div>h4 { font-size: 16px !important; } } .time_circles>div>span { display: block; text-align: center; letter-spacing: 0; font-size: 24px !important; font-weight: 700; line-height: 1 !important; color: #111111; } .context-dark .time_circles>div>span, .bg-gray-700 .time_circles>div>span, .bg-gray-800 .time_circles>div>span, .bg-primary .time_circles>div>span, .bg-primary-darker .time_circles>div>span { color: #fff; } .context-dark .time_circles>div>h4, .bg-gray-700 .time_circles>div>h4, .bg-gray-800 .time_circles>div>h4, .bg-primary .time_circles>div>h4, .bg-primary-darker .time_circles>div>h4 { color: #fff; } .countdown-wrap { max-width: 530px; padding-bottom: 20px; } *+.countdown-wrap { margin-top: 35px; } .countdown-wrap+.button { margin-top: 40px; } /* * jQuery mousewheel plugin */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside>.mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl-custom>.mCSB_inside>.mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl-custom>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside+.mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl-custom>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl-custom>.mCSB_outside+.mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl-custom>.mCSB_outside+.mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 16px; height: 100%; margin: 0 auto; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 16px; height: 100%; margin: 0 auto; border-radius: 0; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100%; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl-custom>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl-custom>.mCSB_inside>.mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #f2f3f8; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #d1d4e6; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(../images/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* * * Owl Carousel */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px 'FontAwesome'; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: '\f144'; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* * Owl Navigation */ .owl-nav.disabled { display: none !important; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); font: 400 46px/50px 'FontAwesome'; color: #aeb1be; } .owl-prev:hover, .owl-next:hover { color: #ff6600; } .owl-prev { left: 0; } .owl-prev::before { content: '\f104'; } .owl-next { right: 0; } .owl-next::before { content: '\f105'; } /* * Owl Pagination */ .owl-dots { margin-top: 10px; } .owl-dots.disabled { display: none !important; } @media (min-width: 576px) { .owl-dots { margin-top: 25px; } } button.owl-dot { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } button.owl-dot::-moz-focus-inner { border: none; padding: 0; } .owl-dot { position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 14px; height: 14px; border-radius: 50%; margin-left: 14px; margin-right: 14px; text-align: center; outline: none; cursor: pointer; } .owl-dot::before { content: ''; display: block; width: 100%; height: 100%; transform: scale3d(0.56, 0.56, 0.56); background: #e8e9ee; border-radius: inherit; transition: .2s; } .owl-dot:only-child { display: none; } .owl-dot:hover::before, .owl-dot.active::before { transform: scale3d(1, 1, 1); background-color: #ff6600; } *+.owl-carousel { margin-top: 30px; } .owl-carousel-1 { text-align: center; } .owl-carousel-1 .owl-stage { position: relative; display: flex; align-items: center; } .owl-carousel-centered-pagination .owl-dots { text-align: center; } .owl-carousel-indigo { position: relative; overflow: hidden; max-width: 100vw; padding: 0 15px; margin-left: auto; margin-right: auto; pointer-events: none; } .owl-carousel-indigo, .owl-carousel-indigo * { backface-visibility: hidden; } .owl-carousel-indigo .owl-stage-outer { padding: 23px; margin: -23px; } .owl-carousel-indigo .owl-item.active { pointer-events: auto; } .owl-carousel-indigo .owl-dots { pointer-events: auto; } .owl-carousel-indigo *+.owl-dots { margin-top: 25px; } @media (max-width: 575.98px) { .owl-carousel-indigo .owl-dot { width: 11px; height: 11px; margin: 0 6px; } } @media (min-width: 768px) { .owl-carousel-indigo { padding: 0 0; } .owl-carousel-indigo *+.owl-dots { margin-top: 60px; } } .owl-carousel-dots-space .owl-dots { margin-bottom: 25px; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; transition: color .2s linear; } @media (max-width: 575.98px) { .lg-toolbar .lg-icon { font-size: 21px; width: 36px; } } @media (max-width: 575.98px) { #lg-counter { font-size: 14px; line-height: 27px; } } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1180; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1180; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #fff; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color .25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom .25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1180; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../images/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../images/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../images/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../images/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../images/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1183; opacity: 0; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: .5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1180; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity .15s ease 0s, transform .15s ease 0s; transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow .3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1181; opacity: 0; visibility: hidden; transition: visibility 0s linear .18s, opacity .18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown>li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown>li:hover .lg-icon, .lg-outer .lg-dropdown>li:hover a { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Arimo", sans-serif;; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1150; text-align: left; opacity: 0; transition: opacity .15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1160; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity .15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1140; background-color: #000; opacity: 0; transition: opacity .15s ease 0s; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { transition: opacity .1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1180; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1180; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 0; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color .25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #ff6600; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom .25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1180; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../images/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../images/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../images/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../images/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../images/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1183; opacity: 0; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #ff6600; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: .5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1180; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity .15s ease 0s, transform .15s ease 0s; transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow .3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1181; opacity: 0; visibility: hidden; transition: visibility 0s linear .18s, opacity .18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown>li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown>li:hover .lg-icon, .lg-outer .lg-dropdown>li:hover a { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Arimo", sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1150; text-align: left; opacity: 0; transition: opacity .15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../images/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1160; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity .15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1140; background-color: #000; opacity: 0; transition: opacity .15s ease 0s; } .lg-backdrop.in { opacity: .8; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { transition: opacity .1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /* * * Material Parallax */ .parallax-content { position: relative; z-index: 1; } .parallax-container { position: relative; overflow: hidden; background-position: center center; background-size: cover; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: 0; background-position: center center; } .ipad .parallax-container, .iphone .parallax-container { background-attachment: scroll !important; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; max-width: none; transform: translate3d(-50%, 0, 0); } /* * * Slick Carousel */ /*rtl:begin:ignore*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track::before, .slick-track::after { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("./../images/ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background-color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 9; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-family: "fl-bigmug-line"; font-size: 24px; line-height: 1; color: #ff6600; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: .22s; } .slick-prev:hover::before, .slick-next:hover::before { color: #F25800; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { left: auto; right: 0; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: 0; } [dir="rtl"] .slick-next { left: 0; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; font-family: "fl-bigmug-line"; font-size: 6px; line-height: 20px; text-align: center; color: #ff6600; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #ff6600; opacity: 0.75; } /*rtl:end:ignore*/ .slick-widget-testimonials .carousel-child { max-width: 570px; padding: 0 50px; margin-left: auto; margin-right: auto; } .slick-widget-testimonials .carousel-child .item { border-radius: 50%; cursor: pointer; transform: scale3d(0.66, 0.66, 0.66); transition: .22s; text-align: center; } .slick-widget-testimonials .carousel-child .slick-center { transform: scale3d(1, 1, 1); } .slick-widget-testimonials .carousel-child img { border-radius: inherit; max-width: 100%; margin: 0 auto; } @media (max-width: 575.98px) { .slick-widget-testimonials .carousel-child .slick-prev { left: 30px; } .slick-widget-testimonials .carousel-child .slick-next { right: 30px; } } .slick-widget-testimonials .carousel-parent { max-width: 780px; margin-left: auto; margin-right: auto; } .slick-widget-testimonials .carousel-parent .item>* { transform-origin: 50% 0; opacity: 0; transition: .44s; } .slick-widget-testimonials .carousel-parent .slick-active>* { opacity: 1; } .slick-widget-testimonials>*+* { margin-top: 20px; } *+.slick-widget-testimonials { margin-top: 30px; } @media (min-width: 768px) { *+.slick-widget-testimonials { margin-top: 55px; } } @media (min-width: 1200px) { *+.slick-widget-testimonials { margin-top: 75px; } } /* * * D3 Charts */ .c3 svg { padding-left: 4px; width: 100%; -webkit-tap-highlight-color: transparent; } .c3 path, .c3 line { fill: none; stroke: #9f9f9f; } .c3 text { font-family: "Arimo", sans-serif; font-size: 16px; fill: #9b9b9b; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 14px; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: #eaebee; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 0 0; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 3px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 2px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: .1; fill: #000; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 12px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; opacity: 0.9; border: 1px solid #ccc; } .c3-tooltip tr { border: 1px solid #ccc; } .c3-tooltip th { background-color: #aaa; font-size: 14px; line-height: 1.2; padding: 2px 5px; text-align: left; color: #fff; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; color: #000; border-left: 1px dotted #999; } .c3-tooltip td>span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; } .c3 .domain { stroke: #c8c8c8; } .d3-chart .tick line { display: none; } .d3-chart .c3-tooltip { opacity: 1; color: #fff; background: #ff6600; border: 1px solid #aeb1be; } .d3-chart .c3-tooltip tr th { padding: 8px 10px; color: #fff; background: #495057; } .d3-chart .c3-tooltip tr td { padding: 5px 10px; color: #838386; background: #fff; } .d3-chart .c3-tooltip .value { border-left: 1px solid #f2f3f9; } #line-chart .c3-tooltip-container { border-radius: 6px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } #line-chart .c3-tooltip-container tr { border: 0; } #line-chart .c3-tooltip-container .name { border-left: 0; } #line-chart .c3-tooltip-container table { border: 0 solid transparent; border-radius: 6px; } #line-chart .c3-axis-y-label { transform: translateY(-10px); } #line-chart .c3-axis-y .tick text { transform: translateX(1px); } #line-chart .c3-axis-x { text-align: left; } #line-chart .c3-axis-x text { transform: translateX(-1px); text-anchor: start !important; } #line-chart .c3-legend-item { display: none !important; transform: translateY(15px); } #line-chart .c3-legend-item text { font-size: 16px; color: #29293a; } .d3-chart-wrap { width: 100%; max-width: 100%; overflow-y: hidden; overflow-x: auto; padding-bottom: 30px; } .d3-chart-wrap>.d3-chart { min-width: 520px; } .d3-chart-legend { transform: translateY(-5px); margin-bottom: -5px; margin-left: -30px; text-align: center; } .d3-chart-legend>* { display: inline-block; margin-top: 5px; margin-left: 30px; } .d3-chart-legend span { position: relative; display: inline-block; font-size: 16px; color: #74757f; cursor: pointer; } .d3-chart-legend span::before { content: ''; display: inline-block; height: 3px; width: 30px; margin-right: 12px; vertical-align: middle; } .d3-chart-legend span:nth-child(1)::before { background: #ff6600; } .d3-chart-legend span:nth-child(2)::before { background: #aeb1be; } *+.d3-chart-legend { margin-top: 20px; } @media (min-width: 1600px) { .d3-chart-legend span { font-size: 18px; } } /* Marquee design in home page */ .marquee-container { width: 200px; height: 100px; overflow: hidden; position: relative; } .marquee-content { display: flex; flex-direction: column; /* position: absolute */; animation: scrollUp 9s linear infinite; } @keyframes scrollUp { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } /* Home page css */ @media (min-width: 576px){ .section-xs { padding: 45px 0; background-color: #feff7f59; } } #disclaimer-top { height: 80px; /* Adjust this value as needed */ margin: 0 auto; background: transparent url(../img/marqu-des.png) no-repeat top left; background-size: cover; display: flex; align-items: center; /* Centers the marquee vertically */ justify-content: center; /* Centers the content horizontally */ overflow: hidden; /* Ensures the text doesn't overflow */ position: relative; padding: 10px; } #disclaimer-top marquee { width: 70%; font-size: 18px; font-weight: bold; color: #900; white-space: nowrap; } .disclaimer-outer { height: 350px; border: none; padding: 0; overflow: hidden; position: relative; text-align: center; top: 80px; left: -40px; /*font-family: Verdana;*/ font-size: 16px; background-color: trasparent; color: #900; } .disclaimer-inner { position: absolute; width: 100%; height: 570px; margin-top: 0px; text-align: center; /*transform: translateY(100%);*/ /*animation: scroll-up 25s linear 1s infinite normal none running;*/ /* transform: translateY(100%); */ animation: none; } /* Move it (definisce l'animazione) */ @keyframes scroll-up { 0% { transform: translateY(30%); } 100% { transform: translateY(-100%); } } /* Mette in pausa l'animazione al passaggio del mouse */ .disclaimer-inner:hover { cursor: pointer; animation-play-state: paused; } .hover-effect::before { right: 0; opacity:0.7; top: 0; } .hover-effect::after { bottom: 0; opacity: 0.7; left: 0; } .hover-effect::before, .hover-effect::after { content: ""; background: #f4af24; height: 0; width: 0; z-index: 1; position: absolute; -webkit-transition-duration: 1.3s !important; -o-transition-duration: 1.3s; transition-duration: 1.3s !important; } .hover-effect:hover::after, .hover-effect:hover::before { height: 100%; opacity: 0; width: 100%; } .blink { font-size: 18px; animation: blink-color 0.3s steps(3, start) infinite; } @keyframes blink-color { 0% { color: red; } 25% { color: #0100c4; } 100% { color: #ff0202; } } @media only screen and (max-width: 480px) { #disclaimer-cover h6{ top: 23px!important; right: 98px!important; } .disclaimer-outer { height: 350px; border: none; padding: 0; overflow: hidden; position: relative; text-align: center; top: 80px; left: -5px!important; /* font-family: Verdana; */ font-size: 16px; background-color: trasparent; color: #900; } #disclaimer-cover { height: 400px!important; margin: 0 auto; background: transparent url(../img/madal.png) no-repeat top left!important; background-size: contain!important; /* or cover */ background-position: top left!important; background-repeat: no-repeat!important; } #disclaimer-top { height: 45px; /* Adjust this value as needed */ margin: 0 auto; background: transparent url(../img/marqu-des.png) no-repeat top left!important; background-position: top left!important; background-repeat: no-repeat!important; background-size: contain!important; /* or cover */ display: flex; justify-content: center; /* Centers the content horizontally */ overflow: hidden; /* Ensures the text doesn't overflow */ position: relative; padding: 10px; } #disclaimer-top marquee { width: 100%; font-size: 14px!important; font-weight: bold; color: #900; white-space: nowrap; } } @media only screen (min-width: 485px) and (max-width: 768px) { #disclaimer-cover h6{ top: 41px; right: 123px!important; } } .spiritual-title { position: relative; display: inline-block; text-align: center; margin: 10px auto; } .mandala-bg { position: absolute; width: 55px; height: 80px; top: -45px; left: 50%; transform: translateX(-50%); opacity: 0.25; z-index: -1; } .spiritual-title h1 { font-size: 30px; font-family: 'Georgia', serif; color: #811111; background: radial-gradient(circle, #f3f3d0 50%, #ffbb69 100%); padding: 5px 10px; border-radius: 15px; box-shadow: 0 4px 20px rgb(129 17 17 / 34%); } /* Basic button-like styling for nav links */ .rd-navbar-nav .rd-nav-link { display: inline-block; padding: 8px 15px; background: radial-gradient(circle, #FFFF99 50%, #FF8C00 100%); color: #333; border-radius: 5px; border: 1px solid #ccc; margin: 5px; text-decoration: none; transition: background-color 0.3s, color 0.3s; } /* Hover effect */ .rd-navbar-nav .rd-nav-link:hover { background-color: #e0e0e0; color: #000; } /* Active link style (assuming your isActive() returns 'active') */ .rd-navbar-nav .rd-nav-item.active .rd-nav-link { background-color: #811111; color: white; border-color: #811111; } /* Dropdown items as buttons */ .rd-menu .rd-dropdown-link { display: block; padding: 8px 12px; background-color: #f9f9f9; color: #333; border-bottom: 1px solid #ddd; border-radius: 0; text-decoration: none; } .rd-menu .rd-dropdown-link:hover { background-color: #ececec; color: #000; } .video-container { max-width: 800px; margin: 20px auto; padding: 10px; background: linear-gradient(145deg, #f0f0f0, #ffffff); border: 3px solid #ddd; border-radius: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .video-container video { width: 100%; border-radius: 10px; } home/aissorg/public_html/admin/assets/css/style.css 0000644 00002370246 15116256377 0016534 0 ustar 00 @charset "UTF-8"; /****** UTILS ******/ /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ .css-equal-content, .css-equal-heights { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul, .invoices-main-tabs .invoices-tabs ul, .date-list ul, .invoices-items-main-tabs ul, .activity .activity-list, .notifications .notification-list, .sidebar .sidebar-right ul { list-style: none; padding: 0; margin: 0; } .css-equal-content { color: red; float: left; } .invoice-template-tab.invoices-main-tabs .btn, .sidebar-settings .sidebar-top .btn-closed, .sidebar-layout .sidebar-content .sidebar-top .btn-closed, .sticky-sidebar > li > a, .sticky-sidebar, .invoices-main-tabs .btn, .dash-widget-header .dash-widget-icon, .change-photo-btn, .blog-catagories, .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head span, .invoices-page-header .invoices-breadcrumb-item i, .invoices-page-header .invoices-breadcrumb-item a, .invoice-load-btn .btn, .invoices-settings-btn .btn, [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link, .avatar-edit, .sidebar .nav-link, div#global-loader, .user-img, .chat-attachment-item, .avatar .avatar-title { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .invoice-four .invoice-wrapper .inv-content .bank-details, .invoice-four .invoice-wrapper .inv-content .invoice-table-footer, .invoice-one .totalamount-footer, .invoice-one .invoice-table-footer, .invoice-two .inv-content .bank-details, .invoice-two .inv-content .totalamount-footer, .invoice-two .inv-content .invoice-table-footer, .invoice-two .invoice-header, .invoice-two .inv-details, .invoice-template-tab.invoices-main-tabs .btn, .index-five .inv-content .totalamount-footer, .index-five .company-info, .index-five .invoiceten-header .invoice-header, .index-four .inv-content .totalamount-footer, .index-four .company-info, .index-three .inv-content .totalamount-footer, .index-three .inv-content .invoice-header .inv-header-right, .index-three .company-info, .index-three .invoice-header-top, .index-two .inv-content .totalamount-footer, .index-two .company-info, .inv-content .bank-details, .inv-content .invoice-table-footer, .invoice-header, .inv-details, .train-ticket .inv-content .totalamount-footer, .student-billing .inv-content .totalamount-footer, .flight-booking .inv-content .totalamount-footer, .domain-hosting .inv-content .totalamount-footer, .car-booking .inv-content .totalamount-footer, .bus-ticket .inv-content .totalamount-footer, .setting, .sidebar-settings .sidebar-top .btn-closed, .sidebar-layout .sidebar-content .layout, .sidebar-layout .sidebar-content .sidebar-top .btn-closed, .sticky-sidebar > li > a, .invoices-main-tabs .btn, .dash-widget-header .dash-widget-icon, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info, .chat-search .input-group .input-group-prefix, .change-photo-btn, .blog-catagories, .blog-views, .post-author a, .grid-blog .entry-meta, .custom_radio, .custom_radio_one, .invoice-total-box .service-amount, .payment-details, .invoices-page-header .invoices-breadcrumb-item i, .invoices-page-header .invoices-breadcrumb-item a, .invoice-load-btn .btn, .card-middle-avatar, .invoices-settings-btn .btn, .invoices-settings-btn, .multipleSelection .selectbox, .sortby .selectboxes, [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] body nav.greedy, .avatar-edit, .table tbody td a, .sidebar .sub-menu a, .sidebar .nav-link, div#global-loader, .user-img, .user-menu .dropdown-menu .dropdown-item, .chat-attachment-item, .chat-window .chat-cont-left .chat-search .input-group .input-group-prefix, .chat-window .chat-cont-left .chat-header, .avatar .avatar-title { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .invoice-four .invoice-wrapper .inv-content .invoice-header, .invoice-three .invoice-wrapper .inv-content .invoice-header { align-items: start; -webkit-box-align: start; -ms-flex-align: start; } .invoice-two .inv-content .two-invoice-details .company-booking-address, .invoice-two .invoice-header, .invoice-two .inv-details, .index-five .company-details .company-content, .index-five .invoiceten-header .invoice-header, .index-four .company-details .company-content, .index-three .invoice-footer, .index-three .inv-content .bank-details .account-info .account-details-infotop, .index-three .inv-content .invoice-header .inv-header-right, .index-three .invoice-header-top, .invoice-header, .inv-details, .train-ticket .inv-content .flight-invoice-details .invoice-infomation, .train-ticket .inv-content .flight-invoice-details .bus-booking-address, .student-billing .inv-content .flight-invoice-details .invoice-infomation, .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div, .money-exchange .inv-content .sendto-details, .money-exchange .inv-content .exchange-details .exchange-info div, .money-exchange .inv-content .exchange-details .exchange-info, .hotel-booking .inv-content .service-details table tr td div, .flight-booking .inv-content .flight-invoice-details .invoice-infomation, .domain-hosting .inv-content .service-details table tr td div, .domain-hosting .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .bus-booking-address, .bus-ticket .inv-content .flight-invoice-details .invoice-infomation, .bus-ticket .inv-content .flight-invoice-details .bus-booking-address, .mail-provider, .payment-toggle, .chat-cont-left .chat-scroll .chat-block .media-body, .edit-options, .grid-blog .entry-meta, .invoice-total-box .service-amount, .payment-details, .multipleSelection .selectbox, .sortby .selectboxes, .app-listing, .sidebar .sub-menu a, .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body, .chat-window .chat-cont-left .chat-header { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .packages .package-header .btn-action-icon, .template-invoice-card .blog .blog-image a.preview-invoice, .invoice-star, .list-btn .btn-filters, .price-table-main .plan-header .plan-widget-icon, .price-table-main .plan-selected, .table tbody td h2.table-avatar a.product-list-item-bg, .ticket-information .support-details .btn-action-icon, .table .dropdown-item, .table tbody td a.btn-action-icon, .sidebar .sidebar-header .logo, .sidebar .sidebar-header .dark-logo, .sidebar .sidebar-header, .settings-icon span, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .invoice-four .invoice-wrapper .inv-content .bank-details, .invoice-four .invoice-wrapper .inv-content .invoice-address-four, .invoice-two .inv-content .bank-details, .invoice-two .inv-content .invoice-address-details, .inv-content .bank-details, .inv-content .invoice-address { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul, .invoices-main-tabs .invoices-tabs ul, .date-list ul, .invoices-items-main-tabs ul, .activity .activity-list, .notifications .notification-list, .sidebar .sidebar-right ul { list-style: none; padding: 0; margin: 0; } .comments .describe-btn span, .comments .describe-btn .badge, .ticket-history .card-inform .ticket-info .ticket-upload, .avatar-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .filter-btn.tax, .from-to-date, .invoice-four .invoice-wrapper .inv-content .bank-details, .invoice-four .invoice-wrapper .inv-content .invoice-table-footer, .invoice-four .invoice-wrapper .inv-content .invoice-address-four, .invoice-one .invoice-table-footer, .notifications .user-list-item, .invoice-two .inv-content .bank-details, .invoice-two .inv-content .invoice-table-footer, .invoice-two .inv-content .invoice-address-details, .invoice-two .invoice-header, .invoice-two .inv-details, .invoice-template-tab.invoices-main-tabs .btn, .pay-online-list li, .index-five .company-info, .index-five .company-details .company-content, .index-five .invoiceten-header .invoice-header, .index-four .company-info, .index-four .company-details .company-content, .index-three .invoice-footer, .index-three .inv-content .bank-details .account-info .account-details-infotop, .index-three .inv-content .invoice-header .inv-header-right, .index-three .company-info, .index-three .invoice-header-bottom, .index-three .invoice-header-top, .index-two .company-info, .inv-content .bank-details, .inv-content .invoice-table-footer, .inv-content .invoice-address, .invoice-header, .inv-details, .hotel-booking .inv-content .service-details table tr td div, .domain-hosting .inv-content .service-details table tr td div, .setting, .sidebar-settings .sidebar-top .btn-closed, .sidebar-layout .sidebar-content .layout, .sidebar-layout .sidebar-content .sidebar-image, .sidebar-layout .sidebar-content .sidebar-top .btn-closed, .sticky-sidebar > li > a, .sticky-sidebar, .invoices-main-tabs .btn, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body, .chat-cont-left .chat-scroll .chat-block .media-body, .chat-search .input-group .input-group-prefix, .change-photo-btn, .edit-options, .blog-catagories, .blog-views, .post-author a, .grid-blog .entry-meta, .ticket-sidebar .dropdown-menu .dropdown-item, .invoice-total-box .service-amount, .payment-details, .invoices-page-header .invoices-breadcrumb-item i, .invoices-page-header .invoices-breadcrumb-item a, .invoices-settings-btn .btn, .invoices-settings-btn, .multipleSelection .selectbox, .sortby .selectboxes, .app-listing, [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] body nav.greedy, .sidebar.sidebar-menu-five ul, .sidebar-menu-five ul, .table tbody td a, .sidebar .nav-items .nav-link, .sidebar .sub-menu a, .sidebar .nav-link, .sidebar .sidebar-menu ul li a, .sidebar .sidebar-menu .menu-title, div#global-loader, .user-img, .user-menu .dropdown-menu .dropdown-item, .chat-attachment-item, .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prefix, .chat-window .chat-cont-left .chat-header, .chat-window, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .company-booking-address.company-five-address, .invoice-address-details.invoice-five-group, .inovices-card .inovices-widget-header, .multipleSelection .selectbox, .multipleSelection .selectboxes, .app-listing, .error-page, .toggle-sidebar .sidebar-header, .form-group-add .booking-option, .content-invoice-header, .content-page-header, .inovices-widget-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .invoice-five .inv-content .bank-details, .invoice-five .invoice-table-footer, .invoice-five .inv-content .invoice-five-details, .notifications .user-list-item .users-list-body .chats-delete i, .notifications .user-list-item .users-list-body .chats-delete, .notifications .user-list-item .users-list-body, .preview-boxs, .template-invoice-card .blog .invoice-content-title, .select-status select, .input-block.check-mark, .ticket-sidebar .action-sets, .billing-btn, .bank-details .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .invoice-five .inv-content .bank-details .bank-qr-detail, .invoice-five .inv-content .invoice-five-details .invoice-date, .inovices-card .inovice-trending, .invoices-settings-btn, .list-btn .filter-list li ul li, .list-btn .filter-list .short-filter, .list-btn .filter-list, .dash-widget-header, .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-ticket-img li img, .price-table-main .plan-description ul li, .price-table-main .plan-header, .profile-picture .upload-profile, .profile-picture, .inovices-widget-icon { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .table .dropdown-item { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } .invoice-two .inv-content .two-invoice-details .company-booking-address, .invoice-two .invoice-header, .invoice-two .inv-details, .index-five .company-details .company-content, .index-five .invoiceten-header .invoice-header, .index-four .company-details .company-content, .index-three .invoice-footer, .index-three .inv-content .bank-details .account-info .account-details-infotop, .index-three .inv-content .invoice-header .inv-header-right, .index-three .invoice-header-top, .invoice-header, .inv-details, .train-ticket .inv-content .flight-invoice-details .invoice-infomation, .train-ticket .inv-content .flight-invoice-details .bus-booking-address, .student-billing .inv-content .flight-invoice-details .invoice-infomation, .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div, .money-exchange .inv-content .sendto-details, .money-exchange .inv-content .exchange-details .exchange-info div, .money-exchange .inv-content .exchange-details .exchange-info, .hotel-booking .inv-content .service-details table tr td div, .flight-booking .inv-content .flight-invoice-details .invoice-infomation, .domain-hosting .inv-content .service-details table tr td div, .domain-hosting .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .bus-booking-address, .bus-ticket .inv-content .flight-invoice-details .invoice-infomation, .bus-ticket .inv-content .flight-invoice-details .bus-booking-address, .mail-provider, .payment-toggle, .chat-cont-left .chat-scroll .chat-block .media-body, .edit-options, .grid-blog .entry-meta, .invoice-total-box .service-amount, .payment-details, .multipleSelection .selectbox, .sortby .selectboxes, .app-listing, .sidebar .sub-menu a, .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body, .chat-window .chat-cont-left .chat-header { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } #edit_package form .checkboxes, #add_newpackage form .checkboxes, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body, .sidebar .nav-items .nav-link { -ms-flex-direction: column; flex-direction: column; } /******* BASE *******/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { overflow-x: hidden; } /* HTML5 display-role reset for older browsers */ * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: "Circular Std"; font-style: normal; font-weight: 400; src: url("../fonts/CircularStd-Book.html"); src: url("../fonts/CircularStd-Bookd41d.html?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Book.woff") format("woff"), url("../fonts/CircularStd-Book-2.html#Circular Std") format("svg"); } @font-face { font-family: "Circular Std"; font-style: normal; font-weight: 500; src: url("../fonts/CircularStd-Medium.html"); src: url("../fonts/CircularStd-Mediumd41d.html?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Medium.woff") format("woff"), url("../fonts/CircularStd-Medium-2.html#Circular Std") format("svg"); } @font-face { font-family: "Circular Std"; font-style: normal; font-weight: 700; src: url("../fonts/CircularStd-Bold.html"); src: url("../fonts/CircularStd-Boldd41d.html?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Bold.woff") format("woff"), url("../fonts/CircularStd-Bold-2.html#Circular Std") format("svg"); } h1 { font-weight: 500; font-size: 40px; font-family: "Arimo", sans-serif; color: #28084B; } @media (max-width: 767px) { h1 { font-size: 27px; } } h2 { font-weight: 500; font-size: 30px; color: #28084B; } @media (max-width: 767px) { h2 { font-size: 23px; } } h3 { font-weight: 500; font-size: 28px; color: #28084B; } @media (max-width: 1023px) { h3 { font-size: 20px; } } @media (max-width: 767px) { h3 { font-size: 16px; } } h4 { font-weight: 500; font-size: 24px; font-family: "Arimo", sans-serif; color: #28084B; } @media (max-width: 1023px) { h4 { font-size: 18px; } } @media (max-width: 767px) { h4 { font-size: 18px; } } h5 { font-weight: 500; font-size: 1.25rem; color: #28084B; } @media (max-width: 992px) { h5 { font-size: 18px; margin: 0 0 0; } } h6 { font-weight: 500; font-size: 16px; color: #28084B; } @media (max-width: 1023px) { h6 { font-size: 16px; } } h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title { color: #28084B; } .card-title { color: #333; } .card-body { color: #333; } body { font-family: "Arimo", sans-serif; font-size: 20px; color: #333; line-height: 1.5; background-color: #F7F8F9; } .container { width: 100%; max-width: 1140px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } img { max-width: 100%; height: auto; } * { outline: none; } button:focus { box-shadow: none !important; } a { color: #e90202; cursor: poArimo; text-decoration: none; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } a:hover { color: #6b36de; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } a:focus { outline: 0; } p { font-size: 14px; font-weight: 400; } p:last-child { padding: 0 0; } strong { font-weight: 600; } .dropdown.main .btn-white:hover { background-color: #e90202; border-color: #e90202; color: #fff; box-shadow: inset 0 50px 0 0 #e90202; } /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ .css-equal-heights, .css-equal-content { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul, .invoices-main-tabs .invoices-tabs ul, .date-list ul, .invoices-items-main-tabs ul, .activity .activity-list, .notifications .notification-list, .sidebar .sidebar-right ul { list-style: none; padding: 0; margin: 0; } .css-equal-content { color: red; float: left; } .invoice-template-tab.invoices-main-tabs .btn, .sidebar-settings .sidebar-top .btn-closed, .sidebar-layout .sidebar-content .sidebar-top .btn-closed, .sticky-sidebar > li > a, .sticky-sidebar, .invoices-main-tabs .btn, .dash-widget-header .dash-widget-icon, .change-photo-btn, .blog-catagories, .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head span, .invoices-page-header .invoices-breadcrumb-item i, .invoices-page-header .invoices-breadcrumb-item a, .invoice-load-btn .btn, .invoices-settings-btn .btn, [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link, .avatar-edit, .sidebar .nav-link, div#global-loader, .user-img, .chat-attachment-item, .avatar .avatar-title { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .invoice-four .invoice-wrapper .inv-content .bank-details, .invoice-four .invoice-wrapper .inv-content .invoice-table-footer, .invoice-one .totalamount-footer, .invoice-one .invoice-table-footer, .invoice-two .inv-content .bank-details, .invoice-two .inv-content .totalamount-footer, .invoice-two .inv-content .invoice-table-footer, .invoice-two .invoice-header, .invoice-two .inv-details, .invoice-template-tab.invoices-main-tabs .btn, .index-five .inv-content .totalamount-footer, .index-five .company-info, .index-five .invoiceten-header .invoice-header, .index-four .inv-content .totalamount-footer, .index-four .company-info, .index-three .inv-content .totalamount-footer, .index-three .inv-content .invoice-header .inv-header-right, .index-three .company-info, .index-three .invoice-header-top, .index-two .inv-content .totalamount-footer, .index-two .company-info, .inv-content .bank-details, .inv-content .invoice-table-footer, .invoice-header, .inv-details, .train-ticket .inv-content .totalamount-footer, .student-billing .inv-content .totalamount-footer, .flight-booking .inv-content .totalamount-footer, .domain-hosting .inv-content .totalamount-footer, .car-booking .inv-content .totalamount-footer, .bus-ticket .inv-content .totalamount-footer, .setting, .sidebar-settings .sidebar-top .btn-closed, .sidebar-layout .sidebar-content .layout, .sidebar-layout .sidebar-content .sidebar-top .btn-closed, .sticky-sidebar > li > a, .invoices-main-tabs .btn, .dash-widget-header .dash-widget-icon, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info, .chat-search .input-group .input-group-prefix, .change-photo-btn, .blog-catagories, .blog-views, .post-author a, .grid-blog .entry-meta, .custom_radio, .custom_radio_one, .invoice-total-box .service-amount, .payment-details, .invoices-page-header .invoices-breadcrumb-item i, .invoices-page-header .invoices-breadcrumb-item a, .invoice-load-btn .btn, .card-middle-avatar, .invoices-settings-btn .btn, .invoices-settings-btn, .multipleSelection .selectbox, .sortby .selectboxes, [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] body nav.greedy, .avatar-edit, .table tbody td a, .sidebar .sub-menu a, .sidebar .nav-link, div#global-loader, .user-img, .user-menu .dropdown-menu .dropdown-item, .chat-attachment-item, .chat-window .chat-cont-left .chat-search .input-group .input-group-prefix, .chat-window .chat-cont-left .chat-header, .avatar .avatar-title { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .invoice-four .invoice-wrapper .inv-content .invoice-header, .invoice-three .invoice-wrapper .inv-content .invoice-header { align-items: start; -webkit-box-align: start; -ms-flex-align: start; } .invoice-two .inv-content .two-invoice-details .company-booking-address, .invoice-two .invoice-header, .invoice-two .inv-details, .index-five .company-details .company-content, .index-five .invoiceten-header .invoice-header, .index-four .company-details .company-content, .index-three .invoice-footer, .index-three .inv-content .bank-details .account-info .account-details-infotop, .index-three .inv-content .invoice-header .inv-header-right, .index-three .invoice-header-top, .invoice-header, .inv-details, .train-ticket .inv-content .flight-invoice-details .invoice-infomation, .train-ticket .inv-content .flight-invoice-details .bus-booking-address, .student-billing .inv-content .flight-invoice-details .invoice-infomation, .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div, .money-exchange .inv-content .sendto-details, .money-exchange .inv-content .exchange-details .exchange-info div, .money-exchange .inv-content .exchange-details .exchange-info, .hotel-booking .inv-content .service-details table tr td div, .flight-booking .inv-content .flight-invoice-details .invoice-infomation, .domain-hosting .inv-content .service-details table tr td div, .domain-hosting .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .bus-booking-address, .bus-ticket .inv-content .flight-invoice-details .invoice-infomation, .bus-ticket .inv-content .flight-invoice-details .bus-booking-address, .mail-provider, .payment-toggle, .chat-cont-left .chat-scroll .chat-block .media-body, .edit-options, .grid-blog .entry-meta, .invoice-total-box .service-amount, .payment-details, .multipleSelection .selectbox, .sortby .selectboxes, .app-listing, .sidebar .sub-menu a, .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body, .chat-window .chat-cont-left .chat-header { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .packages .package-header .btn-action-icon, .template-invoice-card .blog .blog-image a.preview-invoice, .invoice-star, .list-btn .btn-filters, .price-table-main .plan-header .plan-widget-icon, .price-table-main .plan-selected, .table tbody td h2.table-avatar a.product-list-item-bg, .ticket-information .support-details .btn-action-icon, .table .dropdown-item, .table tbody td a.btn-action-icon, .sidebar .sidebar-header .logo, .sidebar .sidebar-header .dark-logo, .sidebar .sidebar-header, .settings-icon span, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .invoice-four .invoice-wrapper .inv-content .bank-details, .invoice-four .invoice-wrapper .inv-content .invoice-address-four, .invoice-two .inv-content .bank-details, .invoice-two .inv-content .invoice-address-details, .inv-content .bank-details, .inv-content .invoice-address { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul, .invoices-main-tabs .invoices-tabs ul, .date-list ul, .invoices-items-main-tabs ul, .activity .activity-list, .notifications .notification-list, .sidebar .sidebar-right ul { list-style: none; padding: 0; margin: 0; } .comments .describe-btn span, .comments .describe-btn .badge, .ticket-history .card-inform .ticket-info .ticket-upload, .avatar-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .filter-btn.tax, .from-to-date, .invoice-four .invoice-wrapper .inv-content .bank-details, .invoice-four .invoice-wrapper .inv-content .invoice-table-footer, .invoice-four .invoice-wrapper .inv-content .invoice-address-four, .invoice-one .invoice-table-footer, .notifications .user-list-item, .invoice-two .inv-content .bank-details, .invoice-two .inv-content .invoice-table-footer, .invoice-two .inv-content .invoice-address-details, .invoice-two .invoice-header, .invoice-two .inv-details, .invoice-template-tab.invoices-main-tabs .btn, .pay-online-list li, .index-five .company-info, .index-five .company-details .company-content, .index-five .invoiceten-header .invoice-header, .index-four .company-info, .index-four .company-details .company-content, .index-three .invoice-footer, .index-three .inv-content .bank-details .account-info .account-details-infotop, .index-three .inv-content .invoice-header .inv-header-right, .index-three .company-info, .index-three .invoice-header-bottom, .index-three .invoice-header-top, .index-two .company-info, .inv-content .bank-details, .inv-content .invoice-table-footer, .inv-content .invoice-address, .invoice-header, .inv-details, .hotel-booking .inv-content .service-details table tr td div, .domain-hosting .inv-content .service-details table tr td div, .setting, .sidebar-settings .sidebar-top .btn-closed, .sidebar-layout .sidebar-content .layout, .sidebar-layout .sidebar-content .sidebar-image, .sidebar-layout .sidebar-content .sidebar-top .btn-closed, .sticky-sidebar > li > a, .sticky-sidebar, .invoices-main-tabs .btn, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body, .chat-cont-left .chat-scroll .chat-block .media-body, .chat-search .input-group .input-group-prefix, .change-photo-btn, .edit-options, .blog-catagories, .blog-views, .post-author a, .grid-blog .entry-meta, .ticket-sidebar .dropdown-menu .dropdown-item, .invoice-total-box .service-amount, .payment-details, .invoices-page-header .invoices-breadcrumb-item i, .invoices-page-header .invoices-breadcrumb-item a, .invoices-settings-btn .btn, .invoices-settings-btn, .multipleSelection .selectbox, .sortby .selectboxes, .app-listing, [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link, [data-layout=horizontal] body nav.greedy, .sidebar.sidebar-menu-five ul, .sidebar-menu-five ul, .table tbody td a, .sidebar .nav-items .nav-link, .sidebar .sub-menu a, .sidebar .nav-link, .sidebar .sidebar-menu ul li a, .sidebar .sidebar-menu .menu-title, div#global-loader, .user-img, .user-menu .dropdown-menu .dropdown-item, .chat-attachment-item, .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prefix, .chat-window .chat-cont-left .chat-header, .chat-window, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .company-booking-address.company-five-address, .invoice-address-details.invoice-five-group, .inovices-card .inovices-widget-header, .multipleSelection .selectbox, .multipleSelection .selectboxes, .app-listing, .error-page, .toggle-sidebar .sidebar-header, .form-group-add .booking-option, .content-invoice-header, .content-page-header, .inovices-widget-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .invoice-five .inv-content .bank-details, .invoice-five .invoice-table-footer, .invoice-five .inv-content .invoice-five-details, .notifications .user-list-item .users-list-body .chats-delete i, .notifications .user-list-item .users-list-body .chats-delete, .notifications .user-list-item .users-list-body, .preview-boxs, .template-invoice-card .blog .invoice-content-title, .select-status select, .input-block.check-mark, .ticket-sidebar .action-sets, .billing-btn, .bank-details .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .invoice-five .inv-content .bank-details .bank-qr-detail, .invoice-five .inv-content .invoice-five-details .invoice-date, .inovices-card .inovice-trending, .invoices-settings-btn, .list-btn .filter-list li ul li, .list-btn .filter-list .short-filter, .list-btn .filter-list, .dash-widget-header, .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-ticket-img li img, .price-table-main .plan-description ul li, .price-table-main .plan-header, .profile-picture .upload-profile, .profile-picture, .inovices-widget-icon { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .table .dropdown-item { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } .invoice-two .inv-content .two-invoice-details .company-booking-address, .invoice-two .invoice-header, .invoice-two .inv-details, .index-five .company-details .company-content, .index-five .invoiceten-header .invoice-header, .index-four .company-details .company-content, .index-three .invoice-footer, .index-three .inv-content .bank-details .account-info .account-details-infotop, .index-three .inv-content .invoice-header .inv-header-right, .index-three .invoice-header-top, .invoice-header, .inv-details, .train-ticket .inv-content .flight-invoice-details .invoice-infomation, .train-ticket .inv-content .flight-invoice-details .bus-booking-address, .student-billing .inv-content .flight-invoice-details .invoice-infomation, .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div, .money-exchange .inv-content .sendto-details, .money-exchange .inv-content .exchange-details .exchange-info div, .money-exchange .inv-content .exchange-details .exchange-info, .hotel-booking .inv-content .service-details table tr td div, .flight-booking .inv-content .flight-invoice-details .invoice-infomation, .domain-hosting .inv-content .service-details table tr td div, .domain-hosting .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .invoice-infomation, .car-booking .inv-content .flight-invoice-details .bus-booking-address, .bus-ticket .inv-content .flight-invoice-details .invoice-infomation, .bus-ticket .inv-content .flight-invoice-details .bus-booking-address, .mail-provider, .payment-toggle, .chat-cont-left .chat-scroll .chat-block .media-body, .edit-options, .grid-blog .entry-meta, .invoice-total-box .service-amount, .payment-details, .multipleSelection .selectbox, .sortby .selectboxes, .app-listing, .sidebar .sub-menu a, .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body, .chat-window .chat-cont-left .chat-header { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } #edit_package form .checkboxes, #add_newpackage form .checkboxes, .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info, .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body, .sidebar .nav-items .nav-link { -ms-flex-direction: column; flex-direction: column; } .col { width: auto; padding-left: 15px; padding-right: 15px; float: left; position: relative; min-height: 1px; } @media (min-width: 320px) { .col.col-xs-12 { width: 100%; } .col.col-xs-11 { width: 91.66666667%; } .col.col-xs-10 { width: 83.33333333%; } .col.col-xs-9 { width: 75%; } .col.col-xs-8 { width: 66.66666667%; } .col.col-xs-7 { width: 58.33333333%; } .col.col-xs-6 { width: 50%; } .col.col-xs-5 { width: 41.66666667%; } .col.col-xs-4 { width: 33.33333333%; } .col.col-xs-3 { width: 25%; } .col.col-xs-2 { width: 16.66666667%; } .col.col-xs-1 { width: 8.33333333%; } } @media (min-width: 568px) { .col.col-sm-12 { width: 100%; } .col.col-sm-11 { width: 91.66666667%; } .col.col-sm-10 { width: 83.33333333%; } .col.col-sm-9 { width: 75%; } .col.col-sm-8 { width: 66.66666667%; } .col.col-sm-7 { width: 58.33333333%; } .col.col-sm-6 { width: 50%; } .col.col-sm-5 { width: 41.66666667%; } .col.col-sm-4 { width: 33.33333333%; } .col.col-sm-3 { width: 25%; } .col.col-sm-2 { width: 16.66666667%; } .col.col-sm-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col.col-md-12 { width: 100%; } .col.col-md-11 { width: 91.66666667%; } .col.col-md-10 { width: 83.33333333%; } .col.col-md-9 { width: 75%; } .col.col-md-8 { width: 66.66666667%; } .col.col-md-7 { width: 58.33333333%; } .col.col-md-6 { width: 50%; } .col.col-md-5 { width: 41.66666667%; } .col.col-md-4 { width: 33.33333333%; } .col.col-md-3 { width: 25%; } .col.col-md-2 { width: 16.66666667%; } .col.col-md-1 { width: 8.33333333%; } } @media (min-width: 1024px) { .col.col-lg-12 { width: 100%; } .col.col-lg-11 { width: 91.66666667%; } .col.col-lg-10 { width: 83.33333333%; } .col.col-lg-9 { width: 75%; } .col.col-lg-8 { width: 66.66666667%; } .col.col-lg-7 { width: 58.33333333%; } .col.col-lg-6 { width: 50%; } .col.col-lg-5 { width: 41.66666667%; } .col.col-lg-4 { width: 33.33333333%; } .col.col-lg-3 { width: 25%; } .col.col-lg-2 { width: 16.66666667%; } .col.col-lg-1 { width: 8.33333333%; } } /******* COMPONENTS ******/ .btn { font-size: 14px; font-weight: 600; position: relative; margin: 0; z-index: 1; text-transform: initial; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 8px 15px; } .btn:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn-white { background-color: #fff; border-color: #e7eaf3; color: #e90202; box-shadow: inset 0 0 0 0 #fff; } .btn-white:hover { background-color: #fff; border-color: #fff; color: #fff; box-shadow: inset 0 50px 0 0 #e90202; } .btn-white-outline { background-color: #fff; border-color: #e7eaf3; color: #3F4254; } .btn-white-outline:hover { background-color: #fff; border-color: #e7eaf3; color: #3F4254; } .btn-primary { background-color: #c38c8c; border: 1px solid #e90202; box-shadow: inset 0 0 0 0 #fff; border-radius: 4px; } .btn-primary:hover { background-color: #fff; border-color: #e90202; color: #e90202; box-shadow: inset 0 50px 0 0 #fff; } .btn-gray { background-color: #E0E0E0; border: 1px solid #E0E0E0; box-shadow: inset 0 0 0 0 #fff; color: #808080; padding: 8px 20px; border-radius: 4px; } .btn-gray:hover { background-color: #fff; border-color: #E0E0E0; color: #808080; } .btn-primary.tax { background-color: #E3E3E3; border: 1px solid #E3E3E3; box-shadow: inset 0 0 0 0 #fff; border-radius: 4px; color: #808080; } .btn-primary.tax:hover, .btn-primary.tax.active { background-color: #e90202; border-color: #e90202; color: #fff; } .btn-upload { background-color: #e90202; border: 1px solid #e90202; box-shadow: inset 0 0 0 0 #fff; color: #fff; border-radius: 4px; box-shadow: inset 0 50px 0 0 #e90202; } .btn-upload:hover { background-color: #fff; border-color: #e90202; color: #e90202; box-shadow: inset 0 50px 0 0 #fff; } .btn-gray { background-color: #EFEFEF; border: 1px solid #EFEFEF; box-shadow: inset 0 0 0 0 #fff; } .btn-gray:hover { background-color: #fff; border-color: #EFEFEF; color: #878787; box-shadow: inset 0 50px 0 0 #fff; } .btn-gray-outline { background-color: #fff; border: 1px solid #EFEFEF; box-shadow: inset 0 0 0 0 #fff; } .btn-gray-outline:hover { background-color: #EFEFEF; border-color: #fff; color: #878787; box-shadow: inset 0 50px 0 0 #fff; } .btn-outline-primary { color: #e90202; border-color: #e90202; } .btn-outline-primary:hover { background-color: #e90202; border-color: #e90202; } .btn-check:focus + .btn-primary, .btn-primary:focus { box-shadow: none !important; } .btn:focus { box-shadow: none !important; } .btn.btn-greys { background: #EFEFEF; color: #28084B; font-size: 14px; padding: 8px 16px; font-weight: 600; } .cancel { background-color: #EADDFF; box-shadow: inset 0 0 0 0 #377dff; color: #e90202; border-radius: 6px; } .cancel:hover { background-color: #e90202; border: 1px solid #EADDFF; color: #EADDFF; box-shadow: inset 0 50px 0 0 #e90202; } .btn.btn-primary:active, .btn.btn-outline-primary:active { background: #e90202; border-color: #e90202; } .nav-pills.navtab-bg .nav-link.active { background: #e90202; } .nav-pills.flex-column .nav-link.active { background: #e90202; } .nav-tabs.nav-bordered .nav-link.active { border-bottom-color: #e90202; } /****** LAYOUT ******/ .avatar { background-color: transparent; color: #fff; display: inline-block; font-weight: 500; height: 34px; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 34px; position: relative; white-space: nowrap; margin: 0 10px 0 0; border-radius: 50%; } .avatar.avatar-xs { width: 24px; height: 24px; } .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .avatar .avatar-title { width: 100%; height: 100%; background-color: #2DA7FF; color: #fff; } .avatar.avatar-online::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #fff; position: absolute; right: 0; bottom: 0; background-color: #28C76F; } .avatar.avatar-offline::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #fff; position: absolute; right: 0; bottom: 0; background-color: #f62d51; } .avatar.avatar-away::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #fff; position: absolute; right: 0; bottom: 0; background-color: #FF9900; } .avatar .border { border-width: 3px !important; } .avatar .rounded { border-radius: 6px !important; } .avatar .avatar-title { font-size: 18px; } .avatar .avatar-xs { width: 1.65rem; height: 1.65rem; } .avatar .avatar-xs .border { border-width: 2px !important; } .avatar .avatar-xs .rounded { border-radius: 4px !important; } .avatar .avatar-xs .avatar-title { font-size: 12px; } .avatar .avatar-xs.avatar-away::before, .avatar .avatar-xs.avatar-offline::before, .avatar .avatar-xs.avatar-online::before { border-width: 1px; } .avatar-sm { width: 27px; height: 27px; min-width: 27px; } .avatar-sm .border { border-width: 3px !important; } .avatar-sm .rounded { border-radius: 4px !important; } .avatar-sm .avatar-title { font-size: 15px; } .avatar-sm.avatar-away::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-online::before { border-width: 2px; } .avatar-lg { width: 3.75rem; height: 3.75rem; } .avatar-lg .border { border-width: 3px !important; } .avatar-lg .rounded { border-radius: 8px !important; } .avatar-lg .avatar-title { font-size: 24px; } .avatar-lg.avatar-away::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-online::before { border-width: 3px; } .avatar-xl { width: 5rem; height: 5rem; } .avatar-xl .border { border-width: 4px !important; } .avatar-xl .rounded { border-radius: 8px !important; } .avatar-xl .avatar-title { font-size: 28px; } .avatar-xl.avatar-away::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-online::before { border-width: 4px; } .avatar-xxl { width: 5.125rem; height: 5.125rem; } @media (min-width: 768px) { .avatar-xxl { width: 8rem; height: 8rem; } } .avatar-xxl .border { border-width: 6px !important; } @media (min-width: 768px) { .avatar-xxl .border { border-width: 4px !important; } } .avatar-xxl .rounded { border-radius: 8px !important; } @media (min-width: 768px) { .avatar-xxl .rounded { border-radius: 12px !important; } } .avatar-xxl .avatar-title { font-size: 30px; } @media (min-width: 768px) { .avatar-xxl .avatar-title { font-size: 42px; } } .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } @media (min-width: 768px) { .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } } .avatar-group .avatar + .avatar { margin-left: -0.75rem; } .avatar-group .avatar:hover { z-index: 1; } .avatar-group .avatar-xs + .avatar-xs { margin-left: -0.40625rem; } .avatar-group .avatar-sm + .avatar-sm { margin-left: -0.625rem; } .avatar-group .avatar-lg + .avatar-lg { margin-left: -1rem; } .avatar-group .avatar-xl + .avatar-xl { margin-left: -1.28125rem; } .avatar-xs { width: 1.65rem; height: 1.65rem; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #FC8543; text-shadow: unset; } .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #FC8543; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: transparent; } .bor-b1 { border-bottom: 1px solid #E9ECEF; } .progress-example .progress { margin-bottom: 1.5rem; } .progress-xs { height: 4px; } .progress-sm { height: 15px; } .progress.progress-sm { height: 6px; } .progress.progress-md { height: 8px; } .progress.progress-lg { height: 18px; } .alert-dismissible .btn-close { width: 20px; height: 20px; top: 3px; right: 3px; font-size: 8px; } .breadcrumb-line .breadcrumb-item:before { content: "-"; } .breadcrumb-line .breadcrumb-item:first-child:before { content: ""; } .breadcrumb-dot .breadcrumb-item:before { content: "•"; } .breadcrumb-dot .breadcrumb-item:first-child:before { content: ""; } .breadcrumb-separatorless .breadcrumb-item:before { content: ""; } .breadcrumb { margin: 0; } .breadcrumb-colored { margin: 0 0 10px; padding: 12px 16px; border-radius: 4px; } .breadcrumb-colored li a { color: #fff; } .breadcrumb-colored .breadcrumb-item.active { color: #fff; opacity: 0.8; } .breadcrumb-colored .breadcrumb-item + .breadcrumb-item::before { color: #fff; } .twitter-bs-wizard-pager-link { display: inline-block; } .breadcrumb-item.active { color: #6c757d; } .calendar-events { border: 1px solid transparent; cursor: move; padding: 10px 15px; } .calendar-events:hover { border-color: #eeeeee; background-color: #fff; } .calendar-events i { margin-right: 8px; } .calendar { float: left; margin-bottom: 0; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5rem; } .none-border .modal-footer { border-top: none; } .fc-toolbar h2 { font-size: 18px; font-weight: 600; line-height: 30px; text-transform: uppercase; } .fc-day-grid-event .fc-time { font-family: "Arimo", sans-serif; } .fc-day { background: #fff; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; } .fc th.fc-widget-header { background: #eeeeee; font-size: 14px; line-height: 20px; padding: 10px 0; text-transform: uppercase; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #f3f3f3; } .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 2px 5px; } .fc-button { background: #f1f1f1; border: none; color: #797979; text-transform: capitalize; box-shadow: none !important; border-radius: 3px !important; margin: 0 3px !important; padding: 6px 12px !important; height: auto !important; } .fc-text-arrow { font-family: inherit; font-size: 16px; } .fc-state-hover { background: #f3f3f3; } .fc-state-highlight { background: #f0f0f0; } .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #e90202 !important; color: #fff !important; text-shadow: none !important; } .fc-cell-overlay { background: #f0f0f0; } .fc-unthemed .fc-today { background: #fff; } .fc-event { border-radius: 2px; border: none; color: #fff !important; cursor: move; font-size: 13px; margin: 1px 7px; padding: 5px 5px; text-align: center; } .fc-basic-view td.fc-week-number span { padding-right: 8px; font-weight: 700; font-family: "Arimo", sans-serif; } .fc-basic-view td.fc-day-number { padding-right: 8px; font-weight: 700; font-family: "Arimo", sans-serif; } .event-form .input-group .form-control { height: 40px; } .submit-section { text-align: center; margin-top: 40px; } .submit-btn { border-radius: 50px; font-size: 18px; font-weight: 600; min-width: 200px; padding: 10px 20px; } @media (max-width: 320px) { .fc-toolbar .fc-right { position: relative; margin-top: 5px; margin-bottom: 5px; right: 30px; } } @media (max-width: 320px) { .fc-left { position: relative; margin-top: 5px; margin-bottom: 5px; left: 35px; } } .float-start .dropdown-action { margin-left: 2px; float: left; } @media (max-width: 768px) { .float-start .dropdown-action { margin-bottom: 5px; } } @media (max-width: 575.98px) { .float-start .dropdown-action { margin-bottom: 5px; } } @media (max-width: 320px) { .float-start .dropdown-action { margin-bottom: 5px; } } .apexcharts-legend.apexcharts-align-center.position-right { display: none; } .apexcharts-toolbar { display: none !important; } #sales_charts, .chart-set { overflow: hidden; } .apexcharts-canvas { width: 100% !important; } .chat-window { background: #fff; border: 1px solid #EFEFEF; box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.2); border-radius: 5px; overflow: hidden; } .chat-window .chat-cont-left { border-right: 1px solid #E5E5E5; flex: 0 0 39%; left: 0; max-width: 39%; position: relative; z-index: 4; } @media (max-width: 991.98px) { .chat-window .chat-cont-left { max-width: 100%; flex: 0 0 100%; } } .chat-window .chat-cont-left .chat-header { background-color: #fff; border-bottom: 1px solid #E5E5E5; color: #324148; height: 72px; padding: 0 15px; } .chat-window .chat-cont-left .chat-header span { font-size: 20px; font-weight: 600; line-height: 0; text-transform: capitalize; } .chat-window .chat-cont-left .chat-header .chat-compose { color: #8a8a8a; display: inline-flex; } .chat-window .chat-cont-left .chat-search { background-color: #F7F8F9; border-bottom: 1px solid #E5E5E5; padding: 10px 15px; width: 100%; } .chat-window .chat-cont-left .chat-search .input-group { width: 100%; } .chat-window .chat-cont-left .chat-search .input-group .form-control { background-color: #fff; border-radius: 50px !important; padding-left: 36px; } .chat-window .chat-cont-left .chat-search .input-group .form-control:focus { border-color: rgba(38, 17, 85, 0.05); box-shadow: none; z-index: 1; } .chat-window .chat-cont-left .chat-search .input-group .input-group-prefix { bottom: 0; color: #666; left: 15px; poArimo-events: none; position: absolute; top: 0; z-index: 4; } .chat-window .chat-cont-left .chat-users-list { background-color: #fff; } .chat-window .chat-cont-left .chat-users-list a.chat-block { border-bottom: 1px solid #E5E5E5; padding: 10px 15px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .chat-window .chat-cont-left .chat-users-list a.chat-block:last-child { border-bottom: 0; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-img-wrap { margin-right: 0; position: relative; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-img-wrap .avatar { height: 45px; width: 45px; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-img-wrap .status { bottom: 7px; height: 10px; right: 4px; position: absolute; width: 10px; border: 2px solid #fff; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body { width: 100%; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-name { color: #333; text-transform: capitalize; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-last-chat { color: #8a8a8a; font-size: 14px; line-height: 24px; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:last-child { text-align: right; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:last-child .last-chat-time { color: #8a8a8a; font-size: 13px; } .chat-window .chat-cont-left .chat-users-list a.chat-block:hover { background-color: #F7F8F9; } .chat-window .chat-cont-left .chat-users-list a.chat-block.read-chat .media-body > div:last-child .last-chat-time { color: #8a8a8a; } .chat-window .chat-cont-left .chat-users-list a.chat-block.active { background-color: #F7F8F9; } .chat-window .chat-scroll { max-height: calc(100vh - 255px); overflow-y: auto; } .chat-window .chat-cont-right { flex: 0 0 65%; max-width: 65%; } .chat-window .chat-cont-right .chat-header { align-items: center; background-color: #fff; border-bottom: 1px solid #E5E5E5; height: 72px; padding: 0 15px; } .chat-window .chat-cont-right .chat-header .back-user-list { display: none; margin-right: 5px; margin-left: -7px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .back-user-list { display: block; } } .chat-window .chat-cont-right .chat-header .chat-block { align-items: center; } .chat-window .chat-cont-right .chat-header .chat-block .media-img-wrap { position: relative; display: flex; align-items: center; margin-right: 0; } .chat-window .chat-cont-right .chat-header .chat-block .media-img-wrap .avatar { height: 50px; width: 50px; } .chat-window .chat-cont-right .chat-header .chat-block .media-img-wrap .status { border: 2px solid #fff; bottom: 0; height: 10px; position: absolute; right: 3px; width: 10px; } .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-name { color: #333; font-size: 16px; font-weight: 600; text-transform: capitalize; } .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-status { color: #666; font-size: 14px; } .chat-window .chat-cont-right .chat-header .chat-options { display: flex; } .chat-window .chat-cont-right .chat-header .chat-options > a { align-items: center; border-radius: 50%; color: #8a8a8a; display: inline-flex; height: 30px; justify-content: center; margin-left: 10px; width: 30px; } .chat-window .chat-cont-right .chat-header .chat-options span i { font-size: 20px; } .chat-window .chat-cont-right .chat-body { background-color: #F7F8F9; } .chat-window .chat-cont-right .chat-body ul.list-unstyled { margin: 0 auto; padding: 15px; width: 100%; } .chat-window .chat-cont-right .chat-body .chat-block .avatar { height: 30px; width: 30px; } .chat-window .chat-cont-right .chat-body .chat-block .media-body { margin-left: 20px; } .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box > div { padding: 0; border-radius: 0.25rem; display: inline-block; position: relative; } .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box > div p { color: #333; margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box + .msg-box { margin-top: 5px; } .chat-window .chat-cont-right .chat-body .chat-block.received { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box { position: relative; } .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box > div { background-color: #fff; } .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-right: 6px solid #fff; border-top: 6px solid transparent; content: ""; height: 0; left: -6px; position: absolute; right: auto; top: 8px; width: 0; } .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box-typing { line-height: 0; } .chat-window .chat-cont-right .chat-body .chat-block:last-child { margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .chat-block.sent { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body { align-items: flex-end; display: flex; flex-direction: column; justify-content: flex-end; margin-left: 0; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box { padding-left: 50px; position: relative; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div { background-color: #e3e3e3; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div p { color: #333; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div .chat-msg-info { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div .chat-msg-info li { padding-left: 16px; padding-right: 0; position: relative; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div .chat-msg-attachments { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box > div:hover .chat-msg-actions { opacity: 1; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-left: 6px solid #e3e3e3; border-top: 6px solid transparent; content: ""; height: 0; left: auto; position: absolute; right: -11px; top: 8px; width: 0; } .chat-window .chat-cont-right .chat-body .chat-block.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after { right: auto; left: 8px; transform: translate(-50%, -50%); background: #aaa; } .chat-window .chat-cont-right .chat-body .chat-date { font-size: 14px; margin: 1.875rem 0; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; } .chat-window .chat-cont-right .chat-body .chat-date:before { background-color: #e0e3e4; content: ""; height: 1px; margin-right: 28px; position: absolute; right: 50%; top: 50%; width: 100%; } .chat-window .chat-cont-right .chat-body .chat-date:after { background-color: #e0e3e4; content: ""; height: 1px; left: 50%; margin-left: 28px; position: absolute; top: 50%; width: 100%; } .chat-window .chat-cont-right .chat-footer { background-color: #fff; border-top: 1px solid #e0e3e4; padding: 10px 15px; position: relative; } .chat-window .chat-cont-right .chat-footer .input-group { width: 100%; align-items: center; } .chat-window .chat-cont-right .chat-footer .input-group .form-control { background-color: #F7F8F9; border: none; border-radius: 50px !important; } .chat-window .chat-cont-right .chat-footer .input-group .form-control:focus { background-color: #F7F8F9; border: none; box-shadow: none; } .chat-window .chat-cont-right .chat-footer .input-group .input-group-addon .btn.msg-send-btn { background-color: #e90202; border-color: #e90202; border-radius: 50%; color: #fff; margin-left: 10px; padding: 8px 12px; } .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-name, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-last-chat { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 992px) { .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-name, .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-last-chat { max-width: 120px; } } .chat-body { margin: 0; } .chat-window .chat-cont-right .chat-footer .input-group .input-group-prefix .btn, .chat-window .chat-cont-right .chat-footer .input-group .input-group-addon .btn { background-color: transparent; border: none; color: #9f9f9f; } .msg-typing { width: auto; height: 24px; padding-top: 8px; } .msg-typing span { height: 8px; width: 8px; float: left; margin: 0 1px; background-color: #a0a0a0; display: block; border-radius: 50%; opacity: 0.4; } .msg-typing span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; } .msg-typing span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; } .msg-typing span:nth-of-type(3) { animation: 1s blink infinite 0.99999s; } .chat-msg-info { align-items: center; display: flex; clear: both; flex-wrap: wrap; list-style: none; padding: 0; margin: 5px 0 0; } .chat-msg-info li { font-size: 13px; padding-right: 16px; position: relative; } .chat-msg-info li:not(:last-child):after { position: absolute; right: 8px; top: 50%; content: ""; height: 4px; width: 4px; background: #d2dde9; border-radius: 50%; transform: translate(50%, -50%); } .chat-msg-info li a { color: #777; } .chat-msg-info li a:hover { color: #2c80ff; } .chat-seen i { color: #00d285; font-size: 16px; } .chat-msg-attachments { padding: 4px 0; display: flex; width: 100%; margin: 0 -1px; } .chat-msg-attachments > div { margin: 0 1px; } .chat-attachment { position: relative; max-width: 130px; overflow: hidden; border-radius: 0.25rem; } .chat-attachment img { max-width: 100%; } .chat-attachment:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; content: ""; opacity: 0.4; transition: all 0.4s; } .chat-attachment:hover:before { opacity: 0.6; } .chat-attachment:hover .chat-attach-caption { opacity: 0; } .chat-attachment:hover .chat-attach-download { opacity: 1; } .chat-attach-caption { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 7px 15px; font-size: 13px; opacity: 1; transition: all 0.4s; } .chat-attach-download { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.4s; color: #fff; width: 32px; line-height: 32px; background: rgba(255, 255, 255, 0.2); text-align: center; } .chat-attach-download:hover { color: #495463; background: #fff; } .chat-attachment-list { display: flex; margin: -5px; } .chat-attachment-list li { width: 33.33%; padding: 5px; } .chat-attachment-item { border: 5px solid rgba(230, 239, 251, 0.5); height: 100%; min-height: 60px; text-align: center; font-size: 30px; } .chat-msg-actions { position: absolute; left: -30px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.4s; z-index: 2; } .chat-msg-actions > a { padding: 0 10px; color: #495463; font-size: 24px; } .chat-msg-actions > a:hover { color: #2c80ff; } .btn-file { align-items: center; display: inline-flex; font-size: 20px; justify-content: center; overflow: hidden; padding: 0 0.75rem; position: relative; vertical-align: middle; } .btn-file input { cursor: poArimo; filter: alpha(opacity=0); font-size: 23px; height: 100%; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; } @keyframes blink { 50% { opacity: 1; } } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .action-icon.dropdown-toggle::after { border-top: 0; display: none; } a.action-icon { justify-content: end; } .section-header { margin-bottom: 1.875rem; } .section-header .section-title { color: #333; font-weight: 600; } .section-header .line { background-color: #e90202; height: 2px; margin: 0; width: 60px; } .comp-section .card-header { border: 1px solid #f0f1f5; background-color: #fff; padding: 10px; } .comp-section .card-header .card-title { margin: 0; } .comp-section .tab-content { padding-top: 20px; } .comp-section .bullets { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 20px; } .comp-section .bullets li { margin-bottom: 5px; } .comp-section .bullets ul { padding-left: 20px; } .comp-section ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 20px; } .comp-section ol li { margin-bottom: 5px; } .comp-section ol ul { padding-left: 20px; } .comp-section .list-unstyled li { margin-bottom: 5px; } .comp-section .list-unstyled ul { padding-left: 20px; } .comp-section .nav-tabs > li > a { margin-right: 0; color: #888888; } .comp-section .avatar-group .avatar { position: relative; display: inline-block; width: 3rem; height: 3rem; } .comp-section .avatar-group .avatar + .avatar { margin-left: -1.35rem; } .comp-section .nav-tabs.nav-tabs-solid { background-color: #fafafa; border: 0; } .comp-section .nav-tabs.nav-tabs-solid.nav-tabs-rounded a { border-radius: 50px; } .comp-section .nav-tabs.nav-tabs-solid a { padding: 10px 30px; } .comp-section .nav-tabs.nav-tabs-solid a.active { background-color: #e90202; border-color: #e90202; color: #fff; } .comp-section .nav-tabs .nav-tabs-bottom { border-bottom: 1px solid #e6e6e6; } .comp-section .nav-tabs .nav-tabs-bottom li { margin-bottom: -1px; } .comp-section .nav-tabs .nav-tabs-bottom li a.active { border-bottom-width: 2px; border-color: transparent; border-bottom-color: #e90202; background-color: transparent; transition: none 0s ease 0s; } .comp-section .progress { margin-bottom: 1.5rem; } .comp-section .progress.progress-lg { height: 18px; } .comp-section .progress.progress-md { height: 8px; } .comp-section .progress.progress-sm { height: 6px; } .comp-section .progress.progress-xs { height: 4px; } table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after { right: 1em; content: "\f0d7"; font-family: "Font Awesome 5 Free"; bottom: 8px; font-size: 13px; color: #333; opacity: 1; font-weight: 900; } table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before { right: 1em; content: "\f0d8"; font-family: "Font Awesome 5 Free"; color: #D1BBFF; bottom: 15px; font-weight: 900; font-size: 13px; opacity: 1; } div.dataTables_wrapper div.dataTables_length select { font-size: 14px; } .paging_numbers { float: right; } .pagination li.previous { margin-right: 0; } div.dataTables_wrapper div.dataTables_info { padding-top: 0; white-space: nowrap; display: none; font-size: 15px; } .pagination .previous { margin: 0 !important; } .pagination .next { margin: 0 !important; } .pagination li { margin: 0 5px !important; } @media (max-width: 320px) { .pagination li { margin: 0 2px !important; } } .pagination li a { border-radius: 5px; color: #333; } .pagination li a:hover { background: #e90202; color: #fff; } .pagination li a:focus { outline: none; box-shadow: none; } .pagination li.active a.page-link { background: #e90202; border-color: #e90202; border-radius: 5px; } @media (max-width: 320px) { .pagination .page-link { padding: 8px 12px; font-size: 14px; } } .dataTables_length { margin-top: 0px !important; width: 50%; float: left; } .dataTables_paginate { margin-top: 0 !important; width: 50%; float: left; } .pagination .paginate_button a { background: transparent; border: 0; font-size: 14px; } .pagination .paginate_button.previous .page-link { margin-right: 20px; border: 1px solid #E5E7EB; border-radius: 5px; background: #fff; font-size: 14px; } .pagination .paginate_button.previous .page-link:hover { background: #e90202; } .pagination .paginate_button.next .page-link { margin-left: 20px; border: 1px solid #E5E7EB; border-radius: 5px; background: #fff; font-size: 14px; } .pagination .paginate_button.next .page-link:hover { background: #e90202; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0; display: inline-block; width: auto; padding-left: 30px; border: 1px solid #E5E5E5; color: #1B2559; height: 40px; border-radius: 8px; } div.dataTables_wrapper div.dataTables_filter label { margin-bottom: 0; position: relative; } div.dataTables_wrapper div.dataTables_filter label i { position: absolute; top: 13px; left: 10px; font-size: 14px; } @media (max-width: 320px) { div.dataTables_wrapper div.dataTables_paginate { margin: 5px; white-space: nowrap; text-align: right; float: right; } } .pagination li { margin: 0; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .settings-icon { z-index: 999; position: fixed; right: 20px; bottom: 20px; } @media (max-width: 991.98px) { .settings-icon { display: none; } } .settings-icon span { width: 45px; height: 45px; border-radius: 45px; cursor: poArimo; color: #fff; font-size: 24px; background-color: #e90202; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; } .header { background: #fff; -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); left: 0; position: fixed; right: 0; top: 0; z-index: 2; height: 75px; z-index: 999; transition: all 0.2s ease-in-out 0s; } @media (max-width: 1199.98px) { .header { left: 0; } } @media (max-width: 991.98px) { .header { position: fixed; left: 0; top: 0; height: 60px; } } .header .header-left { float: left; height: 75px; padding: 0 24px; position: relative; width: 274px; z-index: 1; transition: all 0.2s ease-in-out; display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .header .header-left { position: absolute; width: 100%; height: 75px; } } .header .header-left .logo, .header .header-left .dark-logo { display: inline-block; line-height: 75px; display: flex; } .header .header-left .logo img, .header .header-left .dark-logo img { max-height: 45px; width: auto; } .header .header-left .white-logo { display: none; line-height: 75px; } .header .header-left .logo.logo-small { display: none; } .header .header-left-two { float: left; height: 75px; padding: 0 20px; position: relative; text-align: center; width: 247px; z-index: 1; transition: all 0.2s ease-in-out; display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .header .header-left-two { position: fixed; left: 0; top: 0; height: 75px; } } .header .header-left-two .logo-small { display: none; } @media (max-width: 1199.98px) { .header .header-left-two { width: 200px; } } .header .header-left-four { float: left; height: 75px; padding: 0 20px; position: relative; text-align: center; width: 247px; z-index: 1; transition: all 0.2s ease-in-out; display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .header .header-left-four { position: fixed; left: 0; top: 0; height: 60px; } } @media (max-width: 991.98px) { .header .header-left-four .logo { display: none !important; } } .header .header-left-four .logo-small { display: none !important; } @media (max-width: 1199.98px) { .header .header-left-four { width: 160px; } } .header .header-left-five { height: 60px; } @media (max-width: 991.98px) { .header .header-left-five { position: fixed; left: 0; top: 0; height: 30px; } } @media (max-width: 991.98px) { .header .header-left-five .logo { display: none !important; } } @media (max-width: 1199.98px) { .header .header-left-five { width: 160px; } } .header .user-menu-four .dropdown-menu .dropdown-item { padding: 10px 15px; font-size: 14px; color: #333; } .header .has-arrow .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .header .has-arrow .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #333; border-right: 2px solid #333; content: ""; height: 8px; display: inline-block; poArimo-events: none; width: 8px; vertical-align: 2px; transform-origin: 66% 66%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; top: 0; } @media (max-width: 991.98px) { .header .has-arrow .dropdown-toggle:after { display: none; } } .header-two { background: #fff; box-shadow: 0px 14px 25px rgba(202, 202, 202, 0.12); left: 247px; position: fixed; right: 0; top: 0; z-index: 2; height: 60px; z-index: 999; transition: all 0.2s ease-in-out 0s; } @media (max-width: 991.98px) { .header-two { left: 0 !important; } } @media (max-width: 1199.98px) { .header-two { left: 200px; } } .header-three { left: 0; } .header-four { left: 0; height: 60px; } .header-five { left: 0; border-radius: 0; height: 60px; } .header-five #toggle_btn { height: 60px; margin: 0 10px 0 30px; padding: 0; } .header-five .top-nav-search form { width: 250px; } .toggle-bars { position: relative; display: block; top: -10px; } .toggle-bars .bar-icons { position: absolute; background: #fff; border-radius: 50px; height: 2px; } .toggle-bars .bar-icons:nth-child(1) { width: 18px; top: 0; } .toggle-bars .bar-icons:nth-child(2) { width: 10px; top: 5px; } .toggle-bars .bar-icons:nth-child(3) { width: 18px; top: 10px; } .toggle-bars .bar-icons:nth-child(4) { width: 10px; top: 15px; } .top-nav-search { float: left; margin-left: 15px; } @media (max-width: 991.98px) { .top-nav-search { display: none; } } .top-nav-search form { margin-top: 9px; position: relative; width: 320px; } @media (max-width: 1199.98px) { .top-nav-search form { width: 250px; } } .top-nav-search form .form-control { border: 1px solid #E0E0E0; border-radius: 4px; color: #333; height: 40px; padding: 10px 15px 10px 30px; font-size: 14px; } .top-nav-search form .btn { background-color: transparent; border-color: transparent; color: #333; min-height: 40px; padding: 7px; position: absolute; left: 0; top: 0; display: flex; align-items: center; } .top-nav-search form .btn:focus { border: 0; } .top-nav-search-two { margin-left: 15px; } .top-nav-search-five form { margin-top: 9px; } .mobile_btn { display: none; float: left; } @media (max-width: 991.98px) { .mobile_btn { color: #333; cursor: poArimo; display: block; font-size: 24px; height: 60px; left: 0; line-height: 60px; padding: 0 15px; position: absolute; text-align: center; top: 0; z-index: 10; } } .mobile_btn-two { display: none; float: left; } @media (max-width: 991.98px) { .mobile_btn-two { color: #333; cursor: poArimo; display: block; font-size: 24px; height: 60px; left: 0; line-height: 60px; padding: 0 15px; position: absolute; text-align: center; top: 0; z-index: 10; } } .user-menu { float: right; margin: 0; position: relative; z-index: 99; display: flex !important; padding-right: 20px; border: 0; } @media (max-width: 991.98px) { .user-menu { padding-right: 0; } } .user-menu.nav > li > a { color: #333; font-size: 14px; padding: 0; height: 60px; display: -webkit-flex; align-items: center; } @media (max-width: 991.98px) { .user-menu.nav > li > a { height: 60px; } } .user-menu.nav > li > a .badge { display: block; font-size: 10px; font-weight: bold; background-color: #e90202; min-height: 7px; min-width: 7px; color: #fff; position: absolute; right: 11px; top: 10px; padding: 2px; } .user-menu .user-img img { width: 32px; border-radius: 50%; } .user-menu .dropdown-menu .dropdown-item { padding: 10px 15px; font-size: 14px; } .user-menu .dropdown-menu .dropdown-item:hover { color: #fff; text-decoration: none; background-color: #e90202; } .user-menu .dropdown-menu .dropdown-item img { margin-right: 8px; width: 20px; } .user-menu-four.nav > li > a { height: 60px; } .user-menu-five.nav > li > a { height: 60px; } .flag-nav img { margin-right: 5px; } @media (max-width: 991.98px) { .flag-nav { display: none; } } @media (max-width: 991.98px) { #toggle_btn { display: none; } } @media (min-width: 992px) { .mini-sidebar.expand-menu .header-left { flex-direction: row; justify-content: space-between; } .mini-sidebar.expand-menu .sidebar .sidebar-header .logo-small { display: none; padding: 20px 0 0; } .mini-sidebar.expand-menu .sidebar .sidebar-header .logo { display: block; } .mini-sidebar.expand-menu .sidebar .sidebar-header .logo.logo-small { display: none; padding: 20px 0 0; } .mini-sidebar .header { /*left: 80px;*/ } .mini-sidebar .header-two { left: 80px; } .mini-sidebar .header-five { left: 0; } .mini-sidebar .sidebar .sidebar-header .logo-small { display: block; padding: 0; } .mini-sidebar .sidebar .sidebar-header .logo { display: none; } .mini-sidebar .sidebar .sidebar-header .logo.logo-small { display: block; padding: 20px 0 0; } .mini-sidebar .header .header-left { width: 80px; padding: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .mini-sidebar .header .header-left .logo { display: none; } .mini-sidebar .header .header-left .logo.logo-small { display: block; padding: 20px 0 0; } .mini-sidebar .menu-arrow { display: none !important; } .mini-sidebar .chat-user { display: none !important; } .mini-sidebar .badge { display: inline-block !important; } .mini-sidebar .user-menu .badge { display: flex !important; } .mini-sidebar.expand-menu .menu-arrow { display: block !important; } .mini-sidebar.expand-menu .chat-user { display: block !important; } .mini-sidebar.expand-menu .badge { display: inline-block !important; } .mini-sidebar.expand-menu .logo-small { display: none; } .mini-sidebar.expand-menu .logo { display: block; } .mini-sidebar.expand-menu #toggle_btn { opacity: 1; } .mini-sidebar.expand-menu .header-left { padding: 0 20px; display: flex; } .mini-sidebar .noti-dot:before { display: none; } .mini-sidebar .header .header-left .logo img { max-height: 30px; width: auto; } .mini-sidebar .header .header-left .dark-logo img { max-height: 35px; width: auto; } #toggle_btn { align-items: center; color: #333; display: inline-flex; float: left; font-size: 30px; width: 17px; height: 60px; margin: 0 10px 0 30px; padding: 0; } } .user-menu.nav li.nav-item { margin-right: 10px; } .user-menu.nav li.nav-item:last-child { margin-right: 0; } .user-menu.nav .flag-nav.has-arrow { padding-right: 5px; } .user-menu.nav .flag-nav span { /* padding-right: 5px; */ } .user-menu.nav .dropdown-heads > a { background-color: #F7F7FA; width: 40px; height: 40px; display: flex; align-items: center; border-radius: 50px; justify-content: center; font-size: 20px; } .user-menu.nav .dropdown-heads > a:hover { background-color: #eeeeee; } .user-menu.nav .dropdown-heads > a i { color: #3F4254; } .user-link .user-img { margin-right: 3px; position: relative; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .user-link .user-img img { width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; } .animate-circle { -webkit-animation: heartbit 1s ease-out; animation: heartbit 3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border: 5px solid #4C40ED; border-radius: 70px; position: absolute; left: -6px; top: -6px; width: 52px; height: 52px; z-index: -1; } @media (max-width: 1199.98px) { .animate-circle { width: 52px; height: 52px; } } @keyframes heartbit { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0.1); opacity: 0.1; } 50% { transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); opacity: 0; } } .user-content { padding-left: 8px; } .user-content .user-name { display: block; color: #28084B; font-size: 14px; font-weight: 600; } .user-content .user-details { color: #9E9E9E; font-size: 12px; font-weight: 400; } .user-menu-four .user-content { padding-left: 8px; } .user-menu-four .user-content .user-name { display: block; color: #ffffff; font-size: 14px; font-weight: 600; } .user-menu { height: 60px; align-items: center; } @media (max-width: 991.98px) { .user-menu { height: 60px; } } .user-menu .dropdown-toggle::after { display: inline-block; margin-left: 0.35em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0; border-bottom: 0; border-left: 0; } .user-menu .feather { width: 18px; height: 18px; } .user-menu-four { height: 60px; align-items: center; } @media (max-width: 991.98px) { .user-menu-four { height: 60px; } } .user-menu-five { height: 60px; align-items: center; } @media (max-width: 991.98px) { .user-menu-five { height: 60px; } } .user-img { margin-right: 8px; position: relative; } .nav-tabs .nav-link:focus { /*background-color: $__cloud__gray;*/ border-color: transparent; color: #333; border-radius: 0; } .nav-tabs .nav-link:hover { /*background-color: $__cloud__gray;*/ border-color: transparent; color: #333; border-radius: 0; } @media (max-width: 992px) { .header .header-left .logo { top: 0; position: relative; line-height: initial; } .header .header-left .logo-small { top: -10px; position: relative; line-height: initial; } } .main-logo { height: 75px; width: 270px; background: #fff; box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); padding: 0 24px; } .main-logo .logo-small { display: none; } [data-layout=horizontal] .main-logo { background: none; box-shadow: none; } .mini-sidebar .main-logo { width: 80px; } .mini-sidebar .main-logo .logo-blue { display: none; } .mini-sidebar .main-logo .logo-small { display: block; } .mini-sidebar.expand-menu .main-logo { width: 247px; } .mini-sidebar.expand-menu .main-logo .logo-blue { display: block; } .mini-sidebar.expand-menu .main-logo .logo-small { display: none; } .device-logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); height: inherit; } .sidebar-horizantal .submenu ul { display: none; } .sidebar .sidebar-menu ul.sidebar-vertical li a:hover { background: #fff; } .sidebar .sidebar-menu ul.sidebar-vertical .menu-title { /*padding: 15px 0;*/ margin-bottom: 3px; padding-top: 10px; } .sidebar .sidebar-menu ul.sidebar-vertical .menu-title:first-child { padding-top: 5px; } .sidebar .sidebar-menu ul.sidebar-vertical { padding: 0; } .sidebar .sidebar-menu ul.sidebar-vertical > li { margin-bottom: 12px; } .sidebar .sidebar-menu ul li a.subdrop, .sidebar .sidebar-menu ul li.submenu > a:hover { background: rgba(118, 56, 255, 0.05); } .two-col-bar .sidebar .sidebar-left .nav-link { padding: 22px 15px; } .sidebar.sidebar-three .tab .tablinks { position: relative; } .sidebar.sidebar-three .tab .tablinks.active:after { width: 5px; content: ""; height: 100%; position: absolute; left: -25px; top: 0; background: #7638ff; transition: all 0.5s; } .sidebar .sidebar-menu .sidebar-horizantal ul li a span { padding: 0 5px; } .sidebar .sidebar-menu .sidebar-horizantal ul li a.active::after { display: none; } @media (max-width: 479px) { .device-logo { transform: none; position: static; margin-left: 50px; } } div#global-loader { background: #fff; position: fixed; z-index: 999999; width: 100%; height: 100vh; } div#global-loader .whirly-loader:not(:required) { animation: whirly-loader 1.25s linear infinite; background: transparent; box-shadow: 0 26px 0 6px #e90202, 0.90971px 26.05079px 0 5.93333px #e90202, 1.82297px 26.06967px 0 5.86667px #e90202, 2.73865px 26.05647px 0 5.8px #e90202, 3.65561px 26.01104px 0 5.73333px #e90202, 4.57274px 25.93327px 0 5.66667px #e90202, 5.48887px 25.8231px 0 5.6px #e90202, 6.40287px 25.68049px 0 5.53333px #e90202, 7.31358px 25.50548px 0 5.46667px #e90202, 8.21985px 25.2981px 0 5.4px #e90202, 9.12054px 25.05847px 0 5.33333px #e90202, 10.01448px 24.78672px 0 5.26667px #e90202, 10.90054px 24.48302px 0 5.2px #e90202, 11.77757px 24.1476px 0 5.13333px #e90202, 12.64443px 23.78072px 0 5.06667px #e90202, 13.5px 23.38269px 0 5px #e90202, 14.34315px 22.95384px 0 4.93333px #e90202, 15.17277px 22.49455px 0 4.86667px #e90202, 15.98776px 22.00526px 0 4.8px #e90202, 16.78704px 21.48643px 0 4.73333px #e90202, 17.56953px 20.93855px 0 4.66667px #e90202, 18.33418px 20.36217px 0 4.6px #e90202, 19.07995px 19.75787px 0 4.53333px #e90202, 19.80582px 19.12626px 0 4.46667px #e90202, 20.5108px 18.468px 0 4.4px #e90202, 21.1939px 17.78379px 0 4.33333px #e90202, 21.85416px 17.07434px 0 4.26667px #e90202, 22.49067px 16.34043px 0 4.2px #e90202, 23.10251px 15.58284px 0 4.13333px #e90202, 23.68881px 14.80241px 0 4.06667px #e90202, 24.24871px 14px 0 4px #e90202, 24.7814px 13.1765px 0 3.93333px #e90202, 25.28607px 12.33284px 0 3.86667px #e90202, 25.76198px 11.46997px 0 3.8px #e90202, 26.2084px 10.58888px 0 3.73333px #e90202, 26.62462px 9.69057px 0 3.66667px #e90202, 27.01001px 8.77608px 0 3.6px #e90202, 27.36392px 7.84648px 0 3.53333px #e90202, 27.68577px 6.90284px 0 3.46667px #e90202, 27.97502px 5.94627px 0 3.4px #e90202, 28.23116px 4.97791px 0 3.33333px #e90202, 28.4537px 3.99891px 0 3.26667px #e90202, 28.64223px 3.01042px 0 3.2px #e90202, 28.79635px 2.01364px 0 3.13333px #e90202, 28.91571px 1.00976px 0 3.06667px #e90202, 29px 0 0 3px #e90202, 29.04896px -1.01441px 0 2.93333px #e90202, 29.06237px -2.03224px 0 2.86667px #e90202, 29.04004px -3.05223px 0 2.8px #e90202, 28.98185px -4.07313px 0 2.73333px #e90202, 28.88769px -5.09368px 0 2.66667px #e90202, 28.75754px -6.1126px 0 2.6px #e90202, 28.59138px -7.12863px 0 2.53333px #e90202, 28.38926px -8.14049px 0 2.46667px #e90202, 28.15127px -9.1469px 0 2.4px #e90202, 27.87755px -10.1466px 0 2.33333px #e90202, 27.56827px -11.1383px 0 2.26667px #e90202, 27.22365px -12.12075px 0 2.2px #e90202, 26.84398px -13.09268px 0 2.13333px #e90202, 26.42956px -14.05285px 0 2.06667px #e90202, 25.98076px -15px 0 2px #e90202, 25.49798px -15.93291px 0 1.93333px #e90202, 24.98167px -16.85035px 0 1.86667px #e90202, 24.43231px -17.75111px 0 1.8px #e90202, 23.85046px -18.63402px 0 1.73333px #e90202, 23.23668px -19.49789px 0 1.66667px #e90202, 22.5916px -20.34157px 0 1.6px #e90202, 21.91589px -21.16393px 0 1.53333px #e90202, 21.21024px -21.96384px 0 1.46667px #e90202, 20.4754px -22.74023px 0 1.4px #e90202, 19.71215px -23.49203px 0 1.33333px #e90202, 18.92133px -24.2182px 0 1.26667px #e90202, 18.10379px -24.91772px 0 1.2px #e90202, 17.26042px -25.58963px 0 1.13333px #e90202, 16.39217px -26.23295px 0 1.06667px #e90202, 15.5px -26.84679px 0 1px #e90202, 14.58492px -27.43024px 0 0.93333px #e90202, 13.64796px -27.98245px 0 0.86667px #e90202, 12.69018px -28.50262px 0 0.8px #e90202, 11.7127px -28.98995px 0 0.73333px #e90202, 10.71663px -29.4437px 0 0.66667px #e90202, 9.70313px -29.86317px 0 0.6px #e90202, 8.67339px -30.2477px 0 0.53333px #e90202, 7.6286px -30.59666px 0 0.46667px #e90202, 6.57001px -30.90946px 0 0.4px #e90202, 5.49886px -31.18558px 0 0.33333px #e90202, 4.41643px -31.42451px 0 0.26667px #e90202, 3.32401px -31.6258px 0 0.2px #e90202, 2.22291px -31.78904px 0 0.13333px #e90202, 1.11446px -31.91388px 0 0.06667px #e90202, 0 -32px 0 0 #e90202, -1.11911px -32.04713px 0 -0.06667px #e90202, -2.24151px -32.05506px 0 -0.13333px #e90202, -3.36582px -32.02361px 0 -0.2px #e90202, -4.49065px -31.95265px 0 -0.26667px #e90202, -5.61462px -31.84212px 0 -0.33333px #e90202, -6.73634px -31.69198px 0 -0.4px #e90202, -7.8544px -31.50227px 0 -0.46667px #e90202, -8.9674px -31.27305px 0 -0.53333px #e90202, -10.07395px -31.00444px 0 -0.6px #e90202, -11.17266px -30.69663px 0 -0.66667px #e90202, -12.26212px -30.34982px 0 -0.73333px #e90202, -13.34096px -29.96429px 0 -0.8px #e90202, -14.4078px -29.54036px 0 -0.86667px #e90202, -15.46126px -29.07841px 0 -0.93333px #e90202, -16.5px -28.57884px 0 -1px #e90202, -17.52266px -28.04212px 0 -1.06667px #e90202, -18.52792px -27.46878px 0 -1.13333px #e90202, -19.51447px -26.85936px 0 -1.2px #e90202, -20.48101px -26.21449px 0 -1.26667px #e90202, -21.42625px -25.53481px 0 -1.33333px #e90202, -22.34896px -24.82104px 0 -1.4px #e90202, -23.2479px -24.07391px 0 -1.46667px #e90202, -24.12186px -23.29421px 0 -1.53333px #e90202, -24.96967px -22.48279px 0 -1.6px #e90202, -25.79016px -21.64052px 0 -1.66667px #e90202, -26.58223px -20.76831px 0 -1.73333px #e90202, -27.34477px -19.86714px 0 -1.8px #e90202, -28.07674px -18.938px 0 -1.86667px #e90202, -28.7771px -17.98193px 0 -1.93333px #e90202, -29.44486px -17px 0 -2px #e90202, -30.07908px -15.99333px 0 -2.06667px #e90202, -30.67884px -14.96307px 0 -2.13333px #e90202, -31.24325px -13.91039px 0 -2.2px #e90202, -31.7715px -12.83652px 0 -2.26667px #e90202, -32.26278px -11.74269px 0 -2.33333px #e90202, -32.71634px -10.63018px 0 -2.4px #e90202, -33.13149px -9.5003px 0 -2.46667px #e90202, -33.50755px -8.35437px 0 -2.53333px #e90202, -33.84391px -7.19374px 0 -2.6px #e90202, -34.14px -6.0198px 0 -2.66667px #e90202, -34.39531px -4.83395px 0 -2.73333px #e90202, -34.60936px -3.63759px 0 -2.8px #e90202, -34.78173px -2.43218px 0 -2.86667px #e90202, -34.91205px -1.21916px 0 -2.93333px #e90202, -35px 0 0 -3px #e90202, -35.04531px 1.22381px 0 -3.06667px #e90202, -35.04775px 2.45078px 0 -3.13333px #e90202, -35.00717px 3.6794px 0 -3.2px #e90202, -34.92345px 4.90817px 0 -3.26667px #e90202, -34.79654px 6.13557px 0 -3.33333px #e90202, -34.62643px 7.36007px 0 -3.4px #e90202, -34.41316px 8.58016px 0 -3.46667px #e90202, -34.15683px 9.79431px 0 -3.53333px #e90202, -33.85761px 11.001px 0 -3.6px #e90202, -33.5157px 12.19872px 0 -3.66667px #e90202, -33.13137px 13.38594px 0 -3.73333px #e90202, -32.70493px 14.56117px 0 -3.8px #e90202, -32.23675px 15.72291px 0 -3.86667px #e90202, -31.72725px 16.86968px 0 -3.93333px #e90202, -31.17691px 18px 0 -4px #e90202, -30.58627px 19.11242px 0 -4.06667px #e90202, -29.95589px 20.2055px 0 -4.13333px #e90202, -29.28642px 21.27783px 0 -4.2px #e90202, -28.57852px 22.32799px 0 -4.26667px #e90202, -27.83295px 23.35462px 0 -4.33333px #e90202, -27.05047px 24.35635px 0 -4.4px #e90202, -26.23192px 25.33188px 0 -4.46667px #e90202, -25.37819px 26.27988px 0 -4.53333px #e90202, -24.49018px 27.1991px 0 -4.6px #e90202, -23.56888px 28.0883px 0 -4.66667px #e90202, -22.6153px 28.94626px 0 -4.73333px #e90202, -21.6305px 29.77183px 0 -4.8px #e90202, -20.61558px 30.56385px 0 -4.86667px #e90202, -19.57168px 31.32124px 0 -4.93333px #e90202, -18.5px 32.04294px 0 -5px #e90202, -17.40175px 32.72792px 0 -5.06667px #e90202, -16.27818px 33.37522px 0 -5.13333px #e90202, -15.1306px 33.98389px 0 -5.2px #e90202, -13.96034px 34.55305px 0 -5.26667px #e90202, -12.76875px 35.08186px 0 -5.33333px #e90202, -11.55724px 35.56951px 0 -5.4px #e90202, -10.32721px 36.01527px 0 -5.46667px #e90202, -9.08014px 36.41843px 0 -5.53333px #e90202, -7.81748px 36.77835px 0 -5.6px #e90202, -6.54075px 37.09443px 0 -5.66667px #e90202, -5.25147px 37.36612px 0 -5.73333px #e90202, -3.95118px 37.59293px 0 -5.8px #e90202, -2.64145px 37.77443px 0 -5.86667px #e90202, -1.32385px 37.91023px 0 -5.93333px #e90202; display: inline-block; height: 8px; overflow: hidden; position: relative; text-indent: -9999px; width: 8px; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; border-radius: 100%; } @keyframes loader { to { left: -100vw; } } @-webkit-keyframes whirly-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes whirly-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .select2-container { min-width: 100% !important; width: auto !important; z-index: 99; padding: 0 !important; } .select2-container .select2-selection--single { height: 43px; } .select2-container--default .select2-selection--single { border: 1px solid rgba(145, 158, 171, 0.32); border-radius: 5px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #3F4254; line-height: 41px; border-radius: 5px; padding-right: 30px; padding-left: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 6px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { position: absolute; top: 50%; left: 50%; border-color: #333; border-style: solid; border-width: 0 2px 2px 0; padding: 3px; height: 0; margin-left: -10px; margin-top: -3px; width: 0; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #000; border-width: 2px 0 0 2px; margin-top: 3px; padding: 3px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #e90202; color: #fff; } .select2-container--focus .select2-selection--single { background: #fff !important; border-color: #e90202; } span.select2-container.select2-container--default.select2-container--open { z-index: 9999; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #e90202; } .sidebar { background-color: #fff; bottom: 0; left: 0; margin-top: 0; position: fixed; top: 75px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 270px; z-index: 995; /*box-shadow: 0 0 13px 0 $__light__slate__grey;*/ /*overflow-y: hidden;*/ } @media (max-width: 1199.98px) { .sidebar { width: 200px; } } @media (max-width: 991.98px) { .sidebar { top: 60px; margin-left: -575px; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1041; background: #cd9898; } } @media (max-width: 575.98px) { .sidebar { width: 225px; } } .sidebar .nav-tabs { border: 0; } .sidebar .sidebar-header { height: 75px; float: left; width: 100%; padding: 0 24px; justify-content: flex-start; -webkit-justify-content: flex-start; } .sidebar .sidebar-header .logo, .sidebar .sidebar-header .dark-logo { line-height: 60px; } .sidebar .sidebar-header .logo img, .sidebar .sidebar-header .dark-logo img { max-height: 45px; width: auto; } .sidebar .sidebar-header .main-logo.hide-logo { display: none; } .sidebar .sidebar-header .white-logo { display: none; line-height: 60px; } .sidebar .sidebar-header .white-logo.show-logo { display: block; } .sidebar .sidebar-header .logo-small { display: none; } @media (max-width: 768px) { .sidebar .sidebar-header { display: none; } } .sidebar .sidebar-menu .menu-title { color: #BDBDBD; background-color: #42505b; font-size: 12px; opacity: 1; padding: 13px 24px; white-space: nowrap; } .sidebar .sidebar-menu ul { font-size: 14px; list-style-type: none; margin: 0; padding: 15px 0; position: relative; } .sidebar .sidebar-menu ul + ul { padding-top: 0; } .sidebar .sidebar-menu ul li { margin: 0; position: relative; } .sidebar .sidebar-menu ul li ul { padding: 0; } .sidebar .sidebar-menu ul li ul li .menu-title { padding: 0 0 0 50px; background: #fff; } .sidebar .sidebar-menu ul li ul li a { background: #fff; } .sidebar .sidebar-menu ul li ul li a:before { height: 0 !important; } .sidebar .sidebar-menu ul li.active a { color: black; position: relative; background-color: white; } .sidebar .sidebar-menu ul li.active a::before { width: 5px; content: ""; height: 100%; position: absolute; left: 0; top: 0; background: #FFC107; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 0 10px 10px 0px; } .sidebar .sidebar-menu ul li.active a::after { width: 8px; content: ""; height: 5px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #333; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; border-radius: 0 10px 10px 0px; } .sidebar .sidebar-menu ul li.active a svg { width: 18px; } .sidebar .sidebar-menu ul li.active a .feather { width: 18px; height: 18px; } .sidebar .sidebar-menu ul li.active a span { color: black; } .sidebar .sidebar-menu ul li a { padding: 8px 25px; position: relative; color: #900; } .sidebar .sidebar-menu ul li a .fas{ position: relative; color: #ccc; } @media (max-width: 1199.98px) { .sidebar .sidebar-menu ul li a { padding: 8px 12px; } } .sidebar .sidebar-menu ul li a .badge { background: #e90202; padding-left: 5px; padding-right: 5px; } .sidebar .sidebar-menu ul li a i { line-height: 18px; } .sidebar .sidebar-menu ul li a svg { width: 18px; } .sidebar .sidebar-menu ul li a img { width: 18px; color: #9e9e9e; } .sidebar .sidebar-menu ul li a:hover { background-color: rgba(38, 17, 85, 0.05); color: #e90202; } .sidebar .sidebar-menu ul li a:hover img { filter: brightness(0) invert(1); } .sidebar .sidebar-menu ul li a:hover span { color: black; } .sidebar .sidebar-menu ul li a:hover svg { color: black; } .sidebar .sidebar-menu ul li a:hover i { color: #e90202; } .sidebar .sidebar-menu ul li a:hover .badge { color: #fff; } .sidebar .sidebar-menu ul li a.active { color: #e90202; border-radius: 0px; background-color: white; } .sidebar .sidebar-menu ul li a.active svg { color: #e90202; } .sidebar .sidebar-menu ul li a.active img { filter: brightness(0) invert(1); } .sidebar .sidebar-menu ul li a.active span { color: #e90202; } .sidebar .sidebar-menu ul li a.active::before { width: 5px; content: ""; height: 100%; position: absolute; left: 0; top: 0; background: #e90202; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; /*border-radius: 0 10px 10px 0px;*/ } .sidebar .sidebar-menu ul li a.active::after { width: 8px; content: ""; height: 5px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #e90202; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; border-radius: 0 10px 10px 0px; /*display: $__none;*/ } .sidebar .sidebar-menu ul li a span { padding: 0 10px 0; font-size: 16px; font-weight: 600; /*color: $__light__gray__light;*/ line-height: 18px; } .sidebar .sidebar-menu ul li a .menu-arrow { display: inline-block; font-family: "Font Awesome 5 Free"; text-rendering: auto; font-size: 14px; line-height: 18px; position: absolute; top: 8px; right: 10px; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .sidebar .sidebar-menu ul li a .menu-arrow::before { content: "\f105"; font-weight: 600; font-family: "Font Awesome 5 Free"; } .sidebar .sidebar-menu ul li a.subdrop { background: none; } .sidebar .sidebar-menu ul li a.subdrop .menu-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .sidebar .sidebar-menu ul li.submenu { /*padding-bottom: 20px;*/ } .sidebar .sidebar-menu ul li.submenu ul { /*background: $__light__vampires;*/ /*@include rounded(5px);*/ width: 100%; padding: 0; display: none; } .sidebar .sidebar-menu ul li.submenu ul.level2 li a { padding-left: 60px; } .sidebar .sidebar-menu ul li.submenu ul.level3 li a { padding-left: 80px; } .sidebar .sidebar-menu ul li.submenu ul li a { font-weight: normal; font-size: 13px; color: #333; position: relative; display: block; padding: 8px 8px 8px 50px; } .sidebar .sidebar-menu ul li.submenu ul li a.active { color: #e90202; font-weight: normal; } .sidebar .sidebar-menu ul li.submenu ul li a.active:after { background: #e90202; border: 1px solid #e90202; display: none; } .sidebar .sidebar-menu ul li.submenu ul li a:hover { color: #e90202; } .sidebar .sidebar-menu ul li.submenu ul li a:hover:after { background: #e90202; border: 1px solid #e90202; } .sidebar .nav-link { padding: 10px; color: #28084B; position: relative; } .sidebar .nav-link.active { color: #e90202; background: transparent; position: relative; } .sidebar .nav-link.active:after { content: ""; border-width: 10px; border-color: transparent #e90202 transparent transparent; border-style: solid; position: absolute; top: 36px; right: 0; } .sidebar .sidebar-left { width: 100px; -webkit-box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.05); box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.05); } .sidebar .sidebar-right { width: 250px; height: 100%; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; display: none; } @media (max-width: 991.98px) { .sidebar .sidebar-right { width: calc(100% - 70px); } } .sidebar .sidebar-right .slimScrollDiv { width: 250px !important; overflow: visible !important; } @media (max-width: 991.98px) { .sidebar .sidebar-right .slimScrollDiv { width: 100% !important; } } .sidebar .sidebar-right .tab-content { padding: 20px 20px 40px; } @media (max-width: 991.98px) { .sidebar .sidebar-right .tab-content { padding: 10px; } } .sidebar .sidebar-right p { font-size: 10px; color: #F2ECFF; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .sidebar .sidebar-right ul li.active a { background: linear-gradient(46.62deg, #e90202 0%, #3E45EB 93.64%); color: #fff; } .sidebar .sidebar-right ul li a { font-weight: 400; font-size: 14px; color: #28084B; } .sidebar .sidebar-right ul li a.active { color: #e90202; } .sidebar .sidebar-right .menu-arrow { -webkit-transition: -webkit-transform 0.15s; -o-transition: -o-transform 0.15s; transition: transform 0.15s; display: inline-block; font-family: "Font Awesome 5 Free"; text-rendering: auto; line-height: 40px; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 18px; top: 0px; position: relative; font-weight: 700; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .sidebar .sidebar-right .menu-arrow:before { content: "\f105"; } .sidebar li a.subdrop .menu-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .sidebar .nav-items .nav-link { border-radius: 0; border-bottom: 1px solid #D8D8D8; padding: 20px 0; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar .nav-items .nav-link:hover { box-shadow: 0 0 0 150px #3E45EB inset; color: #fff; } .sidebar .nav-items .nav-link span { margin-top: 15px; font-weight: 500; } .sidebar .sidemenu a { width: 100%; font-weight: 500; display: block; border-radius: 5px; margin: 0 0 10px; padding: 10px; } .sidebar .sidemenu a:hover { background: linear-gradient(46.62deg, #e90202 0%, #3E45EB 93.64%); color: #fff; } .sidebar .sidemenu a:hover svg { color: #fff; } .sidebar .sidemenu a svg { stroke-width: 1px; } @media (min-width: 991.98px) { .mini-sidebar .page-wrapper { margin-left: 80px; } .mini-sidebar .header-left #toggle_btn { opacity: 0; } .mini-sidebar .header-left #toggle_btn:after { border: 0; } .mini-sidebar.expand-menu .header-left #toggle_btn { opacity: 1; } .mini-sidebar .header-left-two #toggle_btn { opacity: 0 !important; } .mini-sidebar .sidebar-right { display: none; } .mini-sidebar .sidebar .sidebar-menu ul li a { padding: 10px; } .mini-sidebar .sidebar .sidebar-menu ul li a span { display: none; } .mini-sidebar .sidebar { width: 80px; } .expand-menu .sidebar-right { display: block; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .expand-menu .sidebar { width: 240px; } .expand-menu .sidebar .sidebar-menu ul > li > a { padding: 8px 25px; } .expand-menu .sidebar .sidebar-menu ul > li > a span { display: block; } .expand-menu .header-left { width: 240px; } } .sidebarrightmenu .sidebar-right { display: block; } .slide-nav .sidebar { margin-left: 0; } .sidebar-overlay { display: none; height: 100%; width: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 60px; left: 0; } .sidebar-overlay.opened { display: block; } #toggle_btn i { font-size: 22px; } .mini-sidebar .active.subdrop ~ ul { display: none !important; } .mini-sidebar .sidebar .sidebar-menu .menu-title { display: none; } .mini-sidebar.expand-menu .active.subdrop ~ ul { display: block !important; } .mini-sidebar.expand-menu .sidebar .sidebar-menu .menu-title { display: block; } .mini-sidebar .header .header-left.header-left-two .logo.logo-small { padding: 10px 0 0; margin: 0; } .active.subdrop ~ ul { display: block !important; } .sidebar-four { background-color: #101924; top: 60px; border-top-right-radius: 0px; } @media (max-width: 991.98px) { .sidebar-five { display: none; } .page-wrapper-three { margin-left: 0px; padding-top: 80px; position: relative; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } } .sidebar .sidebar-menu.sidebar-menu-ten li.active > a { background-color: #EFF0F7; color: #B5B5C3; } .sidebar .sidebar-menu.sidebar-menu-eleven li.active > a { background-color: #EFF0F7; color: #B5B5C3; } .sidebar .sidebar-menu.sidebar-menu-twelve li.active > a { background-color: rgb(16, 25, 36); color: #fff; } .mini-sidebar .sidebar .sidebar-menu > ul > li > a i { margin-left: 20px; } .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li > a i { margin-left: 0; } .reset-icon { margin: 0 10px 0 0; } .sidebar-six { background-color: #fff; } .sidebar-seven { background-color: #F0F1F5; } .sidebar-eight { background-color: #101924; } .sidebar-nine { background-color: #757575; } .sidebar-menu-ten li.active { background-color: #757575 !important; color: #B5B5C3 !important; } .sidebar-menu-ten li a.active { background-color: #757575 !important; color: #B5B5C3 !important; } .sidebar-menu-ten li a.active span { color: #B5B5C3 !important; } .sidebar-menu-eleven li.active { background-color: #757575 !important; color: #B5B5C3 !important; } .sidebar-menu-eleven li a.active { background-color: #757575 !important; color: #B5B5C3 !important; } .sidebar-menu-eleven li a.active span { color: #B5B5C3 !important; } .sidebar-menu-eleven li.active { background-color: #757575 !important; color: #B5B5C3 !important; } .sidebar-menu-eleven li a.active { background-color: #757575 !important; color: #B5B5C3 !important; } .sidebar-menu-eleven li a.active span { color: #B5B5C3 !important; } .sidebar-menu-twelve li.active { background-color: #101924 !important; color: #B5B5C3 !important; } .sidebar-menu-twelve li a.active { background-color: #101924 !important; color: #B5B5C3 !important; } .sidebar-menu-twelve li a.active span { color: #B5B5C3 !important; } .sidebar.sidebar-two ul > li > a { color: #95979b; } .sidebar.sidebar-two ul > li > a span { color: #95979b; } .sidebar.sidebar-two li a.active { background-color: transparent !important; } .greedys { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 10px; height: 75px; } .greedys .viewmoremenu { background: transparent; color: #3F4254; border: 0; min-width: 150px; text-align: right; } .greedys .hidden-links li a:hover { color: #333; } .sidebar .sidebar-horizantal { display: none !important; } .mini-sidebar .sidebar .sidebar-menu ul li a span { display: none; } .mini-sidebar.expand-menu .sidebar .sidebar-menu ul li a span { display: block; } .sidebar .sidebar-menu .greedys ul { padding: 0; } .sidebar .sidebar-menu .greedys ul li.submenu { padding-bottom: 0; } .sidebar .sidebar-menu .greedys ul li a .menu-arrow { top: 11px; } .sidebar .sidebar-menu .greedys ul li ul li a { padding: 8px 15px; /*font-weight: $__semibold;*/ } /*.sidebar .sidebar-menu ul li, .two-col-bar .sidebar-menu ul li { position: relative; } .sidebar .sidebar-inner, .two-col-bar .sidebar-inner { height: 100%; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }*/ .tabs-set .nav-tabs { border-bottom: 0; margin-bottom: 20px; } .tabs-set .nav-tabs .nav-link { color: #28084B; padding: 8px 15px; font-size: 16px; font-weight: 700; border: 0; min-width: 120px; margin-right: 10px; background: #F0F1F5; border-radius: 5px !important; } .tabs-set .nav-tabs .nav-link:focus { border-color: transparent; } .tabs-set .nav-tabs .nav-link:hover { border-color: transparent; } .tabs-set .nav-tabs .nav-link.active { border: 0; border-bottom: 2px solid #e90202; background: #e90202; color: #fff; } .tab-content { padding-top: 32px; } .navtab-bg .nav-link { background-color: #edeff1; color: #455560; } .nav-bordered li a { border: 0 !important; } .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #333 #333 #fff; } .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .navtab-bg .nav-item { margin: 0 5px; } .nav-bordered a.active { border-bottom: 2px solid #e90202 !important; } .tabs-sets .nav-tabs { border-bottom: 0; margin: 0 0 30px; } .tabs-sets .nav-tabs .nav-link { color: #000; font-size: 14px; font-weight: 700; border: 0; background: #E9ECEF; min-width: 112px; margin-right: 15px; padding: 15px; border-radius: 5px; } .tabs-sets .nav-tabs .nav-link:focus { border-color: transparent; } .tabs-sets .nav-tabs .nav-link:hover { border-color: transparent; } .tabs-sets .nav-tabs .nav-link.active { background: #e90202; color: #fff; } .nav-pills .nav-link { color: #455560; border-radius: 4px; } .nav-link { color: #888; } .card-buttons p { margin-bottom: 20px; } .card-buttons p:last-child { margin-bottom: 0; } .card-buttons .card-title { margin-bottom: 10px; } @media (max-width: 768px) { .card-buttons .btn { margin-bottom: 10px; } } .card-buttons .card-text { margin-bottom: 10px; } .card-buttons .header-title { margin-bottom: 10px; } .topnav-dropdown-header { text-align: center; font-size: 14px; height: 45px; line-height: 45px; padding: 0 12px; } .topnav-dropdown-header .notification-title { display: block; float: left; font-weight: 500; font-size: 14px; } .topnav-dropdown-header .notification-title a { font-size: 12px; margin-left: 5px; } .topnav-dropdown-header .clear-noti { color: #3F4254; float: right; } .topnav-dropdown-header .clear-noti:hover { color: #e90202; } .topnav-dropdown-header .clear-noti i { margin-left: 4px; font-size: 14px; } .notifications .noti-content { height: 290px; width: 440px; overflow-y: auto; position: relative; } .notifications .notification-list li { margin-top: 0; box-shadow: 0px 1px 0px 0px #E4E8EE; font-size: 14px; } .notifications .notification-list li a { display: block; padding: 16px; border-radius: 2px; } .notifications .notification-list li a:hover { background-color: rgba(38, 17, 85, 0.05); } .notifications .notification-list li .avatar:before { content: ""; position: absolute; left: -6px; top: -6px; width: 8px; height: 8px; border-radius: 8px; background-color: #19A855; opacity: 0; } .notifications .notification-list li .avatar.active:before { opacity: 1; } .notifications .notification-list li .media-body { width: calc(100% - 44px); } .notifications .notification-list li .noti-title { color: #3F4254; font-weight: 600; } .notifications .notification-list li .noti-details { color: #3F4254; margin: 0; } .notifications .notification-list li p.noti-time { margin: 0; } .notifications .notification-list li .notification-time { font-size: 12px; line-height: 1.35; color: #9e9e9e; } .notifications .notification-list li blockquote { color: #3F4254; margin: 10px 0; padding-left: 12px; position: relative; } .notifications .notification-list li blockquote:before { content: ""; position: absolute; left: 0; top: 0; border-radius: 2px; background-color: #DDDEE1; width: 4px; height: 100%; } .notifications .notification-list li .list-item { border: 0; padding: 0; position: relative; } .notifications .notification-list li .list-item .list-left { height: 48px; position: absolute; width: 48px; } .notifications .notification-list li .list-item .list-body { padding: 0 0 0 50px; } .notifications .notification-list li .list-item .list-body .message-author { color: #333; float: left; font-weight: 500; width: 175px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notifications .notification-list li .list-item .list-body .message-time { color: #888888; float: right; font-size: 11px; } .notifications .notification-list li .list-item .list-body .message-content { color: #333; font-size: 13px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notifications .notification-list li .notification-btn { padding: 10px 0; } .notifications .notification-list li .notification-btn .btn { padding: 8px 20px; font-size: 12px; font-weight: 600; margin-right: 8px; border-radius: 6px; } .notifications .notification-list li .notification-btn .btn:last-child { margin-right: 0px; } .topnav-dropdown-footer { border-top: 1px solid #eeeeee; font-size: 14px; height: 45px; line-height: 45px; padding: 0 12px; } .topnav-dropdown-footer a { display: block; text-align: center; color: #ED3A3A; font-weight: 500; } .topnav-dropdown-footer a:hover { color: #e90202; } .list-left { height: 48px; position: absolute; width: 48px; } .list-body { padding: 0 0 0 50px; } .list-body .message-author { color: #333; float: left; font-weight: 500; width: 175px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-body .message-time { color: #888888; float: right; font-size: 11px; } .list-body .message-content { color: #333; font-size: 13px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .activity { width: 100%; } .activity .activity-box { position: relative; } .activity .activity-list { position: relative; } .activity .activity-list li { background-color: #fff; position: relative; border: 1px solid #D9D9D9; margin: 0 0 10px; padding: 20px 10px 10px; font-size: 15px; } .activity .activity-list li .activity-user { height: 50px; margin: 0; padding: 0; width: 50px; position: absolute; top: 12px; left: 8px; } .activity .activity-list li .activity-content { background-color: #fff; position: relative; margin: 0 0 0 60px; padding: 0; } .activity .activity-list li .time { color: #C4C4C4; display: block; font-size: 12px; line-height: 1.35; } .activity .activity-list li a.name { color: #000; } .activity .activity-list li a { color: #28084B; font-weight: 600; font-size: 15px; } .activity .activity-list li a img { width: 50px; height: 50px; border-radius: 5px; } .edit-options .status-toggle .check:checked + .checktoggle { background-color: #e90202; border: 1px solid #e90202; left: 0; transform: translate(calc(0% - 5px), 0%); } .edit-options .status-toggle .checktoggle { transform: translate(calc(0% - 5px), 0%); } .modal-dialog .modal-md { max-width: 600px; } .form-header { text-align: center; margin-bottom: 30px; } .form-header h4 { color: #1B2559; font-size: 24px; font-weight: 500; margin-bottom: 10px; } .modal-header-title h4 { font-weight: 600; font-size: 20px; color: #0F0033; } .bank-details .bank-inner-details label { font-size: 16px; font-weight: 600; color: #1B2559; margin-bottom: 10px; } .bank-details .bank-inner-details .form-control { height: 50px; } .status-toggle .checktoggle { cursor: poArimo; display: block; font-size: 0; height: 24px; margin-bottom: 0; position: relative; width: 48px; top: 0px; border-radius: 12px; transform: translate(calc(-30% - 5px), -60%); } .status-toggle .checktoggle:after { height: 15px; width: 15px; } .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; poArimo-events: none; position: absolute; } .status-toggle .check:checked + .checktoggle { background-color: #e90202; border: 1px solid #e90202; } .status-toggle .check:checked + .checktoggle:after { background-color: #fff; left: 100%; transform: translate(calc(-100% - 2px), -50%); height: 20px; width: 20px; } .status-toggle .checktoggle:after { content: " "; display: block; background-color: #fff; height: 20px; width: 20px; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 2px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .status-toggle .checktoggle .checkbox-bg::after { background: rgba(0, 0, 0, 0.25); } .close-btn { border: 0; outline: 0; background: transparent; font-size: 18px; } .close-btn i { font-size: 20px; color: #F0142F; } .del-icon { margin-bottom: 23px; } .del-icon i { font-size: 60px; color: #F0142F; margin-bottom: 23px; } .submit-section .btn { padding: 7px 12px; border-radius: 8px; font-size: 16px; font-weight: 600; min-width: 150px; margin-top: 5px; } .custom-modal .modal-header { padding: 24px; } .custom-modal .modal-body { padding: 24px; } .custom-modal .modal-body .form-header h3 { font-size: 22px; margin: 0 0 10px; } .bank-details .modal-header { border: 0; padding: 20px; } .bank-details .modal-body { padding: 0 20px 0; } .bank-details .modal-footer { justify-content: end; padding: 30px; } .modal-content { background: #fff; box-shadow: 0px 20px 13px rgba(0, 0, 0, 0.03), 0px 8px 5px rgba(0, 0, 0, 0.08); border-radius: 16px; } .modal-backdrop.show { opacity: 0.4; } .add-tax-btns .add-btn-cancel-btn { padding: 8px 15px; margin: 0 10px 0 0; padding: 8px 15px; min-width: 81px; color: #3F4254; background: #fff; border: 1px solid #BDBDBD; box-shadow: inset 0 0 0 0 #3F4254; border-radius: 6px; } .add-tax-btns .add-btn-cancel-btn:hover { color: #fff; background: #3F4254; border-color: #3F4254; box-shadow: inset 0 50px 0 0 #3F4254; } .add-tax-btns .add-tax-save-btn { margin: 0 0 0 0; padding: 8px 15px; min-width: 69px; } .table { color: #333; max-width: 100%; margin-bottom: 0; width: 100%; --bs-table-bg: transparent; } .table .table-avatar { align-items: center; display: inline-flex; font-size: inherit; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; min-width: 150px; font-size: 14px; } .table .thead-light th { font-size: 13px; color: #28084B; font-weight: 500; } .table thead { background: linear-gradient(320deg, #f4af249c 0%, #f4af249c 100%); border-bottom: 0; vertical-align: middle; white-space: nowrap; width: 100% !important; } @media (max-width: 767px) { .table thead { background: #dee2e6; } } .table thead tr th { font-weight: 500; border-color: #dee2e6; border-bottom: 1px solid #dee2e6; } .table tbody { vertical-align: middle; white-space: nowrap; } .table tbody tr td { border-color: #dee2e6; } .table tbody td h2 { display: inline-block; font-size: inherit; font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } .table tbody td h2 span { color: #808080; display: block; font-size: 14px; margin-top: 2px; font-weight: 400; } .table tbody td a { color: #3F4254; } .table tbody td a.btn-action-icon { background: #e7c0bc91; color: #3F4254; width: 28px; height: 28px; padding: 0; border-radius: 50px; } .table tbody td a.btn-action-icon:active { color: #e90202; } .table tbody td a + a { display: inline-block; } .table tbody td a.add-btn { display: inline-block !important; } .table tbody td a:hover { color: #e90202; } .table tbody td a:active { color: #fff; } .table tbody td a.btn { display: inline-block; padding: 5px 10px; } .table tbody td .items-links { color: #1B2559; display: inline-block; } .table tbody td .items-links:hover { color: #e90202; } .table .invoice-link { color: #333; display: inline-block; } .table .invoice-link:hover { color: #6b36de; } .table .invoice-link .table-center th, .table .invoice-link .table-center td { vertical-align: middle; } .table .invoice-link .dropdown-menu { width: 200px; background: #fff; border: 1px solid #F2ECFF; box-shadow: 0px 4px 4px rgba(231, 234, 252, 0.75); margin-top: 10px !important; border-radius: 6px; } .table .invoice-link .dropdown-item { font-weight: 500; font-size: 13px; color: #1B2559; display: flex; justify-content: start; align-items: center; margin-bottom: 14px; } .table .invoice-link .dropdown-item:last-child { margin-bottom: 0; } .table .invoice-link .dropdown-item:focus, .table .invoice-link .dropdown-item:hover { color: #e90202; background: transparent; } .table .invoice-link .dropdown-item.active { color: #fff; text-decoration: none; background-color: #e90202; } .table .invoice-link .dropdown-item i { font-size: 16px; } .table .dropdown-menu { width: 160px; background: #fff; border: 1px solid #E0E0E0; box-shadow: 0px 16px 32px rgba(190, 190, 190, 0.2); border-radius: 12px; padding: 0; margin-top: 10px !important; height: auto !important; } .table .dropdown-item { font-weight: 500; font-size: 13px; color: #333; padding: 10px 20px 10px; } .table-inbox { font-size: 15px; margin-bottom: 0; } .table-nowrap th, .table-nowrap td { white-space: nowrap; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f8f9fa; } .table-striped .dropdown-action { margin-bottom: 0; } .table-striped .table-bordered { border: 1px solid rgba(0, 0, 0, 0.05) !important; } .table.no-border > tbody > tr > td, .table > tbody > tr > th, .table.no-border > tfoot > tr > td, .table.no-border > tfoot > tr > th, .table.no-border > thead > tr > td, .table.no-border > thead > tr > th { padding: 10px 8px; } .table-hover tbody tr:hover { background-color: #f6f6f7; } .table-bordered th { border-color: rgba(0, 0, 0, 0.05); } .table-bordered td { border-color: rgba(0, 0, 0, 0.05); } .table-bordered td:first-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .table-bordered td:last-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .card-table .card-body { padding: 0 !important; } .card-table .card-body .table > thead > tr > th { border-top: 0; } .card-table .card-body .table td { color: #1F0066; font-weight: 400; border-top: 0; font-size: 14px; height: 46px; border-bottom: 1px solid #f5f5f5; padding: 15px 25px; white-space: nowrap; box-shadow: none; vertical-align: middle; } .card-table .card-body .table td:first-child { padding-left: 25px; } .card-table .card-body .table th { white-space: nowrap; padding: 10px 25px; border-bottom: 0; font-weight: 500; font-size: 14px; color: #0F0033; } .card-table .card-body .table th:first-child { padding-left: 25px; } .table > :not(:first-child) { border: 0; } .dataTables_length select { appearance: auto; } .table-nosearch .dataTables_length, .table-nosearch .dataTables_filter { display: none; } .card-table div.table-responsive > div.dataTables_wrapper > div.row:first-child { padding: 1.5rem 1.5rem 0 !important; align-items: center; } .card-table div.table-responsive > div.dataTables_wrapper > div.row:last-child { padding: 0 1.5rem 1.5rem !important; align-items: center; } .dataTables_length select { appearance: auto; } table .badge { border-radius: 4px; display: inline-block; font-size: 14px; min-width: auto; padding: 4px 10px; font-weight: 400; text-align: center; } .table tbody td a { color: #0052ea; } .table tbody td a.action-icon { color: #333; } .table tbody td h2.table-avatar a { color: #3F4254; } .table tbody td h2.table-avatar a:hover { color: #e90202; } .mini-sidebar .header .header-left.header-left-two .logo.logo-small { padding: 10px 0 0; margin: 0; } .categories-table .table tr:last-child td { padding-bottom: 0; border: none; } .categories-table .table td { padding: 8px; font-size: 14px; } .card-table .table { background: #fff; /* margin-bottom: 24px !important; */ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .dataTables_length label { font-weight: 500 !important; font-size: 14px; color: #3F4254; } .dataTables_length label:before { content: "Show"; margin-right: 5px; font-size: 14px; } .dataTables_length label:after { content: "Entries"; margin-left: 5px; font-size: 14px; } .dataTables_scroll { margin-bottom: 24px; } .dataTables_scroll *::-webkit-scrollbar { height: 7px; } .dataTables_scroll *::-webkit-scrollbar-track { background: #e9e9ea; border-radius: 0; } .dataTables_scroll *::-webkit-scrollbar-thumb { /*background-color: #DBECFF; */ background-color: #DDCEFF; border-radius: 0; } .dataTables_scroll * { scrollbar-color: #D3D3D3 #e9e9ea; scrollbar-width: thin; } @media (max-width: 767px) { div.dataTables_wrapper div.dataTables_length { width: 100%; } } @media (max-width: 767px) { div.dataTables_wrapper div.dataTables_paginate { width: 100%; } } @media (max-width: 767px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; margin-top: 14px; } } .dataTables_length .form-select { --bs-form-select-bg-img:none; } .modal-body .card-table .card-body .table td { color: #1d1d1d; } .header .header-left-two { background-color: #101924; border-bottom: 1px solid #203247; border-radius: 0px 16px 0px 0px; } @media (max-width: 991.98px) { .header .header-left-two { background-color: transparent; border-bottom: 0; } } .header .header-left-two #toggle_btn { padding: 0 0px; margin-left: 0px; color: #fff; } .header .header-left-two a { margin-left: 15px; } .header .header-left-two .logo img { width: 155px; } @media (max-width: 991.98px) { .header .header-left-two .logo img { display: none; } } .header .header-left-two .dark-logo { display: none; } .header.header-four { border-radius: 0px; background-color: #101924; } .header.header-four a { padding: 0 10px; color: white; } @media (min-width: 991.98px) { .sidebar-hide { display: none; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } .sidebar.sidebar-two .sidebar-menu > ul > li ul li a { background: transparent !important; } .sidebar.sidebar-two { background-color: #101924; top: 0; border-top-right-radius: 0px; padding-top: 0; } @media (max-width: 991.98px) { .sidebar.sidebar-two { left: 0; top: 60px; } } .sidebar.sidebar-two .menu-title-two { color: #fff; } .sidebar.sidebar-two li.active > a { background-color: rgb(246, 247, 249) !important; } .sidebar.sidebar-three-three { left: unset; top: 85px; border-radius: 4px; box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); overflow-y: hidden; } @media (max-width: 991.98px) { .sidebar.sidebar-three-three { left: 0; } } .sidebar-five { background-color: transparent; top: 0px; border-top-right-radius: 0px; float: left; margin: 0; position: relative; z-index: 99; width: auto; overflow-y: visible; box-shadow: none; } .sidebar-menu-five .dropdown-toggle { color: #fff !important; } .sidebar-menu-five .dropdown-toggle span { color: #fff !important; } .sidebar-menu-five ul { padding: 10px 0; position: relative; } .sidebar-menu-five ul .dropdown-menu-right { position: absolute; width: 220px; height: auto; border: none; } .sidebar-menu-five ul ul a span { -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; margin-left: 10px; white-space: nowrap; float: unset; } .sidebar-menu-five ul ul a:hover { background-color: rgba(118, 56, 255, 0.05); color: #e90202; } .sidebar-menu-five > ul > li { margin-bottom: 0px; position: relative; } .sidebar-menu-five > ul > li:last-child { margin-bottom: 0px; } .sidebar-menu-five > ul > li > a { color: #fff !important; z-index: 9999; border-bottom: 3px solid transparent; } .sidebar-menu-five > ul > li > a:hover { background-color: rgb(16, 25, 36); color: #fff; border-bottom: 3px solid #e90202; } .sidebar-menu-five li.active > a { background-color: rgb(247, 248, 249); color: #e90202; position: relative; } .sidebar-menu-five li a:hover { color: #e90202; background-color: #fff; } .sidebar-menu-five li a.subdrop .menu-arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform: rotate(-90deg); } .sidebar-menu-five .menu-arrow { transform: rotate(90deg); position: initial; } .sidebar.sidebar-five .sidebar-menu > ul > li > a .menu-arrow { right: -2px; position: relative; top: 0px; transform: rotate(90deg); } .sidebar .sidebar-menu .sidebar-menu-five > ul { padding: 15px 0 0; } .page-wrapper.page-wrapper-four { margin-left: 0px; padding-top: 60px; position: relative; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .page-wrapper-three { margin-left: 315px; padding-top: 80px; position: relative; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 991.98px) { .page-wrapper-three { margin-left: 0; } } .sidebar.sidebar-three .nav-link.active:after { content: ""; border-width: 10px; border-color: transparent; border-style: solid; position: absolute; top: 36px; right: 0; } .ui-aside { float: left; width: 66px; margin-left: 0px; color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; padding: 0px 0px; /*margin-right: 11px;*/ } .tab .tablinks { display: block; background-color: inherit; color: #6e82a5; padding: 22px 15px !important; width: 100%; border: none; outline: none; text-align: left; cursor: poArimo; position: relative; z-index: 1; margin: 0px 0px; font-size: 17px; border: 0 !important; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 0; } .sidebar-menu-three { border-bottom: none; } .sidebar-menu-three > ul { border-bottom: none; } .sidebar-menu-three > ul > li > a:hover { background: rgba(118, 56, 255, 0.12); color: #e90202; } .sidebar-menu-three li.active > a { background: rgba(118, 56, 255, 0.12); } .sidebar-menu-three li.active > a::before { right: 0; left: auto; background: #e90202; } .sidebar-menu-three li > a { color: #3F4254; display: block; font-size: 14px; height: auto; padding: 9px 7px; } .sidebar-menu-three li > a.active { color: #e90202; } .sidebar-menu-three ul ul { padding: 0; display: none; } .sidebar-menu-three ul ul li a { padding-left: 25px; display: inline-block; color: #333; } .sidebar-menu-three ul ul li a.active { color: #e90202; } .sidebar-three .tab-content svg { width: 20px; } .ui-aside-compact .ui-aside { margin-left: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .tab .tablinks.active { color: #fff; background-color: #001621; border-color: #182b3e #182b3e #182b3e; border: 1px solid #203247 !important; } .ui-aside::before { content: ""; position: absolute; top: 0; bottom: 0; width: inherit; background-color: inherit; border: inherit; /*z-index: -1;*/ background: #001621 no-repeat center top; background-size: cover; } .top-nav-search-three { margin-left: 11px; } .header-left-four .dark-logo { display: none !important; } .header.header-five a { margin-left: 0; } .user-menu-four.nav > li > a { color: #fff; } .sidebar.sidebar-menu-five ul { padding: 10px 0; position: relative; } .sidebar.sidebar-menu-five ul .dropdown-menu-right { position: absolute; width: 220px; height: auto; border: none; } .sidebar.sidebar-menu-five ul ul a span { display: inline-block; margin-left: 10px; white-space: nowrap; float: unset; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .sidebar.sidebar-menu-five ul ul a:hover { background-color: rgba(118, 56, 255, 0.05); color: #e90202; } .sidebar.sidebar-menu-five > ul > li { margin-bottom: 0px; position: relative; } .sidebar.sidebar-menu-five > ul > li:last-child { margin-bottom: 0px; } .sidebar.sidebar-menu-five > ul > li > a { color: #fff; z-index: 9999; } .sidebar.sidebar-menu-five > ul > li > a:hover { background-color: rgb(16, 25, 36); color: #fff; border-bottom: 3px solid #e90202; } .sidebar.sidebar-menu-five li.active > a { background-color: rgb(247, 248, 249); color: #e90202; position: relative; } .sidebar.sidebar-menu-five li a:hover { color: #e90202; background-color: #fff; } .sidebar.sidebar-menu-five li a.subdrop .menu-arrow { transform: rotate(-90deg); } .sidebar.sidebar-menu-five .menu-arrow { transform: rotate(90deg); position: initial; } .sidebar.sidebar-five .sidebar-menu > ul > li.submenu ul { background: transparent; border-radius: 5px; padding: 0; display: none; } .header.header-three .header-left .logo img { max-height: 35px; width: auto; } @media (max-width: 575.98px) { .header.header-three .header-left .logo img { display: none !important; } } .header-left-three { width: 66px !important; padding: 0 5px !important; background: #101924; } @media (max-width: 991.98px) { .header-left-three { width: 100% !important; } } .header-three .mobile_btn { color: #fff; } .sidebar-menu ul { font-size: 15px; list-style-type: none; margin: 0; padding: 15px 0; position: relative; } .tab-content-three { padding-top: 0; margin-left: 65px; } .tab-content-three .menu-title-three { color: #757575; } .sidebar-menu-three li.active > a { background: rgba(118, 56, 255, 0.12); } .sidebar-menu-three li.active > a::before { right: 0; left: auto; background: #e90202; } .sidebar-three { background-color: #fff; top: 60px; border-top-right-radius: 0px; width: 306px; } .expand-menu .sidebar-three { width: 306px; } .expand-menu .sidebar-right { display: block; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .expand-menu .sidebar-three { width: 306px; } .expand-menu .sidebar-three .sidebar-menu ul > li > a { padding: 9px 20px; } .expand-menu .sidebar-three .sidebar-menu ul > li > a span { display: inline-block; } .expand-menu .sidebar-three .sidebar-menu ul ul a { padding-left: 25px !important; } .expand-menu .header-left { width: 240px; } .sidebar-three .nav-tabs { border-bottom: 0; align-items: center; justify-content: center; } .profile-cover-avatar input[type=file] { position: absolute; top: 0; right: 0; left: 0; z-index: -1; opacity: 0; width: 100%; height: 100%; background-color: rgba(19, 33, 68, 0.25); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 50%; } .avatar-edit { position: absolute; bottom: 0; right: 0; cursor: poArimo; width: 36px; height: 36px; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; color: #677788; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25); border-radius: 50%; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .avatar-edit svg { width: 18px; } .header-seven { background-color: #F0F1F5; border-radius: 0; } .header-eight { border-radius: 0; background-color: #101924; } .header-eight .header-left .white-logo { display: flex; } .header-eight .header-left .logo { display: none; } .header-eight #toggle_btn { color: #fff; } .header-eight .user-menu-eight .user-link:hover .user-content .user-name { color: #000; } .header-eight .user-menu-eight .user-content .user-name { color: #fff; } .header-nine { border-radius: 0; background-color: #757575; } .header-four .nav-tabs .nav-link:hover { background-color: transparent; border-color: transparent; color: #fff; } .header-four .nav-tabs .nav-link:focus { background-color: transparent; border-color: transparent; color: #fff; } .sidebar-menu-five ul .dropdown-menu-right { position: absolute; width: 220px; max-height: 300px; border: none; overflow: auto; } .sidebar-menu-five ul .dropdown-menu-right::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 50px !important; } .sidebar-menu-five ul .dropdown-menu-right::-webkit-scrollbar-thumb { background: #e90202; } .sidebar-menu-five ul .dropdown-menu-right::-webkit-scrollbar-track { background: #f1f1f1; } .sidebar-menu-five .nav .submenu-five ul a { padding: 17px 15px; } .sidebar.sidebar-five .sidebar-menu > ul > li.submenu ul li a { font-weight: 500; font-size: 14px; color: #95979b; position: relative; display: block; padding: 7px 15px; margin: 0; border-bottom: 1px solid #e9e9e9; } .header.header-four .has-arrow .dropdown-toggle:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .sidebar.sidebar-two .sidebar-menu > ul > li.submenu ul { background: #101924; } .sidebar-menu-three .menu-arrow { top: auto; transition: transform 0.15s; position: absolute; right: 15px; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; line-height: 40px; font-size: 16px; transform: translate(0, 0); line-height: 18px; } .sidebar-menu-three .menu-arrow:before { content: "\f105"; } .submenu-five .menu-arrow { top: auto; transition: transform 0.15s; position: absolute; right: 15px; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; line-height: 40px; font-size: 16px; transform: translate(0, 0); line-height: 18px; } .submenu-five .menu-arrow:before { content: "\f105"; } .form-control:focus { box-shadow: none; } .sidebar.sidebar-three .tab .tablinks.active:after { width: 5px; content: ""; height: 100%; position: absolute; left: -25px; top: 0; background: #7638ff; transition: all 0.5s; display: none; } .feather { width: 18px; height: 18px; } .sidebar-menu-five .dropdown-toggle::after { display: none; } [data-layout-width=boxed] body, [data-layout-width=boxed] .header { max-width: 1300px; margin: auto; } [data-layout-width=boxed] .sidebar ul .menu-title { display: none !important; } [data-layout-width=boxed] .sidebar ul li span { display: none !important; } [data-layout-width=boxed] .sidebar ul ul li { display: none !important; } [data-layout-width=boxed] .page-wrapper { margin: 0 0 0 230px; } [data-layout-width=boxed] .page-wrapper .content { padding-right: 0; } [data-layout-width=boxed] .list-btn .filter-list li:last-child { padding-right: 0; } [data-layout-width=boxed] .main-wrapper { position: relative; } [data-layout-width=boxed] .main-wrapper #toggle_btn { display: none; } [data-layout-width=boxed] .sidebar { position: absolute; width: 230px; } [data-layout-width=boxed] .sidebar .noti-dot { display: none !important; } [data-layout-width=boxed] .sidebar ul .menu-title { display: block !important; } [data-layout-width=boxed] .sidebar ul li span { display: block !important; } [data-layout-width=boxed] .sidebar ul ul li { display: block !important; } [data-sidebar-size=sm-hover] #toggle_btn { display: none; } [data-sidebar-size=sm-hover] .sidebar ul .menu-title { display: none !important; } [data-sidebar-size=sm-hover] .sidebar ul li span { display: none !important; } [data-sidebar-size=sm-hover] .sidebar ul ul li { display: none !important; width: 100%; } [data-sidebar-size=sm-hover] .two-col-bar:hover .sidebar-right { display: block; } [data-sidebar-size=sm-hover] .two-col-bar .sidebar-left { display: block; } [data-sidebar-size=sm-hover] .two-col-bar .sidebar-right { display: none; } [data-sidebar-size=sm-hover] .page-wrapper { margin: 0 0 0 60px; } [data-sidebar-size=sm-hover] .sidebar { width: 60px; } [data-sidebar-size=sm-hover] .sidebar .noti-dot { display: none !important; } [data-sidebar-size=sm-hover] .sidebar .sidebar-menu ul li span { display: none !important; } [data-sidebar-size=sm-hover] .sidebar:hover { width: 247px; } [data-sidebar-size=sm-hover] .sidebar:hover ul .menu-title { display: inline-block !important; } [data-sidebar-size=sm-hover] .sidebar:hover ul li span { display: inline-block !important; } [data-sidebar-size=sm-hover] .sidebar:hover ul ul li { display: inline-block !important; } [data-sidebar-size=md] .page-wrapper { margin: 0 0 0 200px; } [data-sidebar-size=md] .main-logo { width: 200px; } [data-sidebar-size=md] .sidebar { width: 200px; } [data-sidebar-size=md] .sidebar .menu-title { justify-content: center; } [data-sidebar-size=md] .sidebar .sidebar-menu ul li a { flex-direction: column; text-align: center; padding: 10px; } [data-sidebar-size=md] #toggle_btn { display: none; } [data-layout-position=scrollable] .main-wrapper { position: relative; } [data-layout-position=scrollable] .main-wrapper .sidebar { position: absolute; } [data-layout-position=scrollable] .slimScrollDiv, [data-layout-position=scrollable] .slimscroll { overflow: auto !important; height: auto !important; } [data-layout=twocolumn] .page-wrapper { margin-left: 306px; } [data-layout=twocolumn] .mini-sidebar .page-wrapper { margin-left: 66px; } [data-layout=twocolumn] .mini-sidebar.expand-menu .main-logo { width: 306px; } [data-layout=twocolumn] .mini-sidebar.expand-menu .main-logo .logo-blue { display: block; } [data-layout=twocolumn] .mini-sidebar .main-logo { width: 66px; padding: 0 13px; } [data-layout=twocolumn] .mini-sidebar .main-logo .logo-blue { display: none; } [data-layout=twocolumn] .mini-sidebar.expand-menu .sidebar { width: 306px; } [data-layout=twocolumn] .mini-sidebar .sidebar { width: 66px; } [data-layout=twocolumn] .two-col-bar { display: block; } [data-layout=twocolumn] .main-logo { width: 306px; } [data-layout=twocolumn] .sidebar .sidebar-menu { padding: 0; } [data-layout=twocolumn] .sidebar .sidebar-menu aside { background: #34444c; height: 100%; } [data-layout=twocolumn] .sidebar .sidebar-menu ul { padding-top: 0; } [data-layout=twocolumn] .sidebar .sidebar-menu ul li.submenu a { padding: 9px 7px; /*padding-left: 0; padding-right: 0;*/ } [data-layout=twocolumn] .sidebar .sidebar-menu ul li.submenu ul li a.active { background: none; } [data-layout=twocolumn] .sidebar .sidebar-menu ul li.submenu ul li a.active:after { /*display: $__none;*/ } [data-layout=twocolumn] .sidebar .sidebar-menu ul li a.active:before, [data-layout=twocolumn] .sidebar .sidebar-menu ul li a.active:after { /*display: $__none;*/ } [data-layout=twocolumn] .sidebar .sidebar-menu .menu-title { /*padding-left: 5px;*/ } [data-layout=twocolumn] #sidebar { display: none; } @media (max-width: 991.98px) { [data-layout=twocolumn] #sidebar { display: block; } } [data-layout=twocolumn] #sidebar-view, [data-layout=twocolumn] #sidebar-size, [data-layout=twocolumn] #layout-width, [data-layout=twocolumn] #layout-position { display: none; } [data-layout=twocolumn] .mini-sidebar .sidebar .sidebar-right { display: none; } [data-layout=twocolumn] .mini-sidebar.expand-menu .sidebar .sidebar-right { display: block; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar:hover { width: 200px; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar ul .menu-title { display: block !important; text-align: center; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar ul li span { display: block !important; } [data-layout-width=boxed][data-sidebar-size=md] .sidebar ul ul li { display: block !important; } .logo-color { display: none; } [data-layout-mode=light] .header { background: #fff; border-color: transparent; } [data-layout-mode=light] .header .page-title-box h3 { color: #333; } [data-layout-mode=light] .header .logo-color { display: block; } [data-layout-mode=light] .header .logo-white { display: none; } [data-layout-mode=light] .header .toggle-bars .bar-icons { background: #333; } [data-layout-mode=light] .header .logo { display: none; } [data-layout-mode=light] .header .logo2 { display: inline-block; line-height: 60px; } [data-layout-mode=light] .header #toggle_btn .bar-icon span { background-color: #333; } [data-layout-mode=light] .header .top-nav-search form .form-control { border: 1px solid #d5d5d5; color: #333; height: 40px; /*padding: 10px 50px 10px 15px;*/ /*border-radius: 50px;*/ } [data-layout-mode=light] .header .top-nav-search form .form-control::-webkit-input-placeholder { color: #333; } [data-layout-mode=light] .header .top-nav-search form .form-control:-ms-input-placeholder { color: #333; } [data-layout-mode=light] .header .top-nav-search form .form-control::placeholder { color: #333; } [data-layout-mode=light] .header .top-nav-search form .btn { color: #333; } [data-layout-mode=light] nav.greedy button { color: #333 !important; } [data-layout-mode=light] .sidebar-twocol.sidebar .sidebar-left { background: #fff; /*border-right:1px solid #d5d5d5;*/ } [data-layout-mode=light] .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #333; } [data-layout-mode=light] .sidebar-twocol.sidebar .sidebar-left .nav-link.active { background: #34444c; color: #fff; } [data-layout-mode=light] .sidebar { background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } [data-layout-mode=light] .sidebar .sidebar-menu ul ul { display: none; /*width: 200px;*/ } [data-layout-mode=light] .sidebar .sidebar-menu ul li a:hover { color: #34444c; } [data-layout-mode=light] .sidebar .sidebar-menu .greedy ul li a:hover { color: #34444c; } [data-layout-mode=light] .user-menu.nav > li > a { color: #333; } [data-layout-mode=light] .mini-sidebar .header-left .logo2 img { height: auto; max-height: 30px; width: auto; } [data-layout-mode=light] .header .header-left .logo { display: none; line-height: 60px; } [data-layout-mode=light] .sidebar-menu ul li a:hover, [data-layout-mode=light] .two-col-bar .sidebar-menu ul li a:hover { color: #333; } [data-layout-mode=blue] body .header .user-menu.nav > li > a, [data-layout-mode=blue] body .header .user-menu.nav > li > a span, [data-layout-mode=blue] body .header .user-content .user-name, [data-layout-mode=blue] body .header .user-content .user-details { color: #fff; } [data-layout-mode=blue] body .header .has-arrow .dropdown-toggle:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } [data-layout-mode=blue] body .header .toggle-bars .bar-icons { background: #fff; } [data-layout-mode=blue] body .header .logo-color { display: none; } [data-layout-mode=blue] body .header .logo-white { display: block; } [data-layout-mode=blue] .nav-pills .nav-link.active, [data-layout-mode=blue] .nav-pills .show > .nav-link { background: #e90202; } [data-layout-mode=blue] .btn-primary { background-color: #e90202; border: 1px solid #e90202; } [data-layout-mode=blue] .header { background: #e90202; border-color: transparent; } [data-layout-mode=blue] .header .header-left .logo { display: block; line-height: 60px; } [data-layout-mode=blue] .header .main-logo { background: #e90202; } [data-layout-mode=blue] .header .user-menu.nav > li > a { color: #fff; } [data-layout-mode=blue] .header #toggle_btn .bar-icon span { background-color: #fff; } [data-layout-mode=blue] .header .page-title-box h3 { color: #fff; } [data-layout-mode=blue] .header .logo2 { display: none; } [data-layout-mode=blue] .page-item.active .page-link { background-color: #e90202; border-color: #e90202; } [data-layout-mode=blue] .nav-tabs.nav-tabs-solid li a.active { background-color: #e90202; border-color: #e90202; } [data-layout-mode=blue] .sidebar-twocol.sidebar .sidebar-left { background: #34444c; } [data-layout-mode=blue] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #e90202; } [data-layout-mode=blue] #layout-position .radio input:checked + label { background: #e90202; color: #fff; } [data-layout-mode=blue] .dash-widget .card-body .dash-widget-icon { background-color: rgba(0, 197, 251, 0.2); color: #e90202; } [data-layout-mode=blue] .bg-primary, [data-layout-mode=blue] .badge-primary { background-color: #e90202 !important; } [data-layout-mode=blue] .sidebar .sidebar-menu ul ul a.active { color: #e90202; /*text-decoration: $__underline;*/ } [data-layout-mode=blue] .sidebar ul li.submenu .noti-dot:before { border: 5px solid #e90202; } [data-layout-mode=blue] .btn-primary { background-color: #e90202; border: 1px solid #e90202; } [data-layout-mode=blue] .roles-menu ul li.active a { border-color: #e90202; color: #e90202; } [data-layout-mode=blue] .settings-icon span { background-color: #e90202; } [data-sidebar=gradient][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span, [data-sidebar=gradient][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover i, [data-sidebar=gradient][data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active span, [data-sidebar=gradient][data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active i, [data-sidebar=gradient][data-layout=horizontal] body .greedys .viewmoremenu:hover { color: #fff; } [data-sidebar=gradient][data-layout=horizontal] body .greedys .viewmoremenu { color: #b7c0cd; } [data-sidebar=gradient][data-layout=horizontal] body .hidden-links ul li a:hover { color: #333; } [data-layout-style=detached][data-layout=horizontal] .main-wrapper { max-width: 100%; padding: 0; } [data-layout-style=detached][data-layout=horizontal] .main-wrapper .sidebar { top: 60px; border-radius: 0; left: 0; position: relative; } [data-layout-style=detached] .main-wrapper { /*max-width: 95%;*/ margin: 0 auto; padding-left: 1.5rem; position: relative; } [data-layout-style=detached] .main-wrapper .sidebar { position: absolute; top: 80px; border-radius: 10px; /*left: 30px;*/ } [data-layout-style=detached] .main-wrapper .sidebar.sidebar-twocol { top: 30px; left: 50px; } [data-layout-style=detached] .sidebar .sidebar-menu, [data-layout-style=detached] .two-col-bar .sidebar-menu { padding: 0; } [data-layout-style=detached] #toggle_btn { display: none; } .dark-white-logo { display: none !important; } [data-layout-mode=dark] body { background-color: #2A2B2F; color: #AAAAAA; } [data-layout-mode=dark] body ul.hidden-links { background-color: #1C1D22 !important; } [data-layout-mode=dark] body ul.hidden-links .submenu ul { background: #2A2B2F; } [data-layout-mode=dark] body .submenu ul { /*background: #34444c;*/ } [data-layout-mode=dark] body .sidebar .sidebar-menu ul li.submenu ul li a:hover, [data-layout-mode=dark] body .notifications .notification-list li .noti-details { color: #e90202; } [data-layout-mode=dark] body .stats-box { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .w-sidebar ul a { color: #AAAAAA; } [data-layout-mode=dark] body .card .card-title { color: #fff; } [data-layout-mode=dark] body .text-dark { color: #AAAAAA !important; } [data-layout-mode=dark] body.mini-sidebar .sidebar { background-color: transparent; } [data-layout-mode=dark] body .header .logo { display: block; } [data-layout-mode=dark] body .header .main-logo, [data-layout-mode=dark] body .header .card.timeline-card { background: #1C1D22; } [data-layout-mode=dark] body .header .user-menu.nav > li > a span { color: #AAAAAA; } [data-layout-mode=dark] body .header .header .has-arrow .dropdown-toggle:after { border-color: #AAAAAA; } [data-layout-mode=dark] body .btn.btn-greys, [data-layout-mode=dark] body .table tbody td a.btn-action-icon { background: #37383D; color: #AAAAAA; } [data-layout-mode=dark] body .bg-success-light { background: rgba(40, 178, 77, 0.1) !important; } [data-layout-mode=dark] body .bg-danger-light, [data-layout-mode=dark] body .bg-inactive, [data-layout-mode=dark] body .profile-picture .img-upload .btn-remove { background: rgba(230, 33, 33, 0.1) !important; } [data-layout-mode=dark] body .bg-info-light { background: rgba(221, 243, 255, 0.12); } [data-layout-mode=dark] body .bg-green-light { background: rgba(225, 255, 237, 0.12); } [data-layout-mode=dark] body .bg-pending-light, [data-layout-mode=dark] body .bg-warning-light { background: rgba(237, 153, 29, 0.1) !important; } [data-layout-mode=dark] body .bg-light-gray { background: rgba(243, 243, 243, 0.1); } [data-layout-mode=dark] body .ribbon-secondary { background: rgba(247, 49, 100, 0.3); color: #AAAAAA; } [data-layout-mode=dark] body .ribbon-success { background: rgba(81, 187, 37, 0.3); color: #AAAAAA; } [data-layout-mode=dark] body .ribbon-primary { background: rgba(115, 102, 255, 0.3); color: #AAAAAA; } [data-layout-mode=dark] body .settings-icon span { background: rgba(117, 57, 255, 0.7); } [data-layout-mode=dark] body h1, [data-layout-mode=dark] body h2, [data-layout-mode=dark] body h3, [data-layout-mode=dark] body h4, [data-layout-mode=dark] body h5, [data-layout-mode=dark] body h6, [data-layout-mode=dark] body .customer-additional-form .input-block label { color: #fff; } [data-layout-mode=dark] body .profile-view .profile-basic .profile-info-left .user-name { color: #bbc4cc; } [data-layout-mode=dark] body .personal-info li .title { color: #bbc4cc; } [data-layout-mode=dark] body .experience-box .experience-list li .experience-content { /*background-color:#2e3840;*/ padding: 10px; } [data-layout-mode=dark] body .experience-box .experience-list li .experience-user { border-radius: 50px; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-left { background: #16191c; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #6e82a5; /*background: #2e3840;*/ } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { color: #fff; /*background: #fff;*/ } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-right { background: #2e3840; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-right ul li a { color: #AAAAAA; } [data-layout-mode=dark] body .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #fff; } [data-layout-mode=dark] body .dash-statistics .stats-info { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .table { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .table th { color: #AAAAAA; border-top: 1px solid #3B3C3E; background: #1E1F25; border-bottom: 1px solid #3B3C3E; } [data-layout-mode=dark] body .table td { border-top: 1px solid transparent; color: #AAAAAA; } [data-layout-mode=dark] body .table .btn-white { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .chat-main-row .chat-main-wrapper .chat-window .fixed-header, [data-layout-mode=dark] body .chat-footer { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .video-window .fixed-header .nav li a, [data-layout-mode=dark] body .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-name, [data-layout-mode=dark] body .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-name, [data-layout-mode=dark] body .invoice-total-box p span, [data-layout-mode=dark] body .invoice-total-inner .status-toggle span, [data-layout-mode=dark] body .ticket-details-group .ticket-details-cont h6, [data-layout-mode=dark] body .ticket-information .customer-details-cont h6, [data-layout-mode=dark] body .text-gray-dark, [data-layout-mode=dark] body .comments .comments-details-cont h6, [data-layout-mode=dark] body .comments .reply-comment { color: #fff; } [data-layout-mode=dark] body .sidebar .sidebar-menu ul li a { color: #AAAAAA; background: transparent; } [data-layout-mode=dark] body .two-col-bar .sidebar-menu ul li a, [data-layout-mode=dark] body .dataTables_length label:before, [data-layout-mode=dark] body .dataTables_length label:after, [data-layout-mode=dark] body .settings-menu ul li a, [data-layout-mode=dark] body table tr td h2.tax-name, [data-layout-mode=dark] body .notifications .notification-list li .noti-title, [data-layout-mode=dark] body .dropdown-item, [data-layout-mode=dark] body .badge-outline-dark { color: #AAAAAA; } [data-layout-mode=dark] body .dropdown-item:focus, [data-layout-mode=dark] body .dropdown-item:hover { background: none; } [data-layout-mode=dark] body .sidebar ul li span, [data-layout-mode=dark] body .form-group label, [data-layout-mode=dark] body .input-block label, [data-layout-mode=dark] body .custom-modal.signature-add-modal .modal-body .custom_check, [data-layout-mode=dark] body .dropdown-item:focus, [data-layout-mode=dark] body .dropdown-item:hover, [data-layout-mode=dark] body .invoice-item-two .invoice-details { color: #fff; } [data-layout-mode=dark] body .contact-list > li { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .btn-white { background-color: #16191c; border: 1px solid #2e3840; color: #fff; } [data-layout-mode=dark] body .page-item .page-link, [data-layout-mode=dark] body input[type=file]::file-selector-button, [data-layout-mode=dark] body .popover-body, [data-layout-mode=dark] body .login-wrapper .loginbox .login-right, [data-layout-mode=dark] body .list-btn .filter-list .short-filter, [data-layout-mode=dark] body .price-table-main .price-selected, [data-layout-mode=dark] body #add_package .modal-body ul { background: #1C1D22; border-color: #3B3C3E; color: #AAAAAA; } [data-layout-mode=dark] body .login-wrapper .loginbox .span-or, [data-layout-mode=dark] body .fc-unthemed th, [data-layout-mode=dark] body .fc-unthemed td, [data-layout-mode=dark] body .fc-unthemed thead, [data-layout-mode=dark] body .fc-unthemed tbody, [data-layout-mode=dark] body .fc-unthemed .fc-divider, [data-layout-mode=dark] body .fc-unthemed .fc-row, [data-layout-mode=dark] body .fc-unthemed .fc-popover { background: #1C1D22; } [data-layout-mode=dark] body .login-wrapper .loginbox .or-line { background: #3B3C3E; } [data-layout-mode=dark] body .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, [data-layout-mode=dark] body .bs-popover-top > .popover-arrow::before, [data-layout-mode=dark] body .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, [data-layout-mode=dark] body .bs-popover-top > .popover-arrow::after { border-top-color: #1C1D22; border-right-color: #1C1D22; } [data-layout-mode=dark] body input[type=file]:hover::file-selector-button { background: none !important; } [data-layout-mode=dark] body .dataTables_length .form-control { background-color: #16191c; color: #fff; border: 1px solid #2e3840; } [data-layout-mode=dark] body .table-striped tbody tr:nth-of-type(2n+1) { background-color: #2c3034; } [data-layout-mode=dark] body .nav-tabs.nav-tabs-solid { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .select2-container--default .select2-selection--single, [data-layout-mode=dark] body .signature-invoice .form-group-bank { border: 1px solid #3B3C3E; background: rgba(193, 193, 193, 0.07); } [data-layout-mode=dark] body .select2-container--focus .select2-selection--single { border: 1px solid #3B3C3E; background: #1C1D22 !important; } [data-layout-mode=dark] body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, [data-layout-mode=dark] body .card-body.two-factor .two-factor.icon h5, [data-layout-mode=dark] body .note-editor.note-frame, [data-layout-mode=dark] body .scroll-demo, [data-layout-mode=dark] body .fc-unthemed th, [data-layout-mode=dark] body .fc-unthemed td, [data-layout-mode=dark] body .fc-unthemed thead, [data-layout-mode=dark] body .fc-unthemed tbody, [data-layout-mode=dark] body .fc-unthemed .fc-divider, [data-layout-mode=dark] body .fc-unthemed .fc-row, [data-layout-mode=dark] body .fc-unthemed .fc-popover { border-color: rgba(193, 193, 193, 0.07); } [data-layout-mode=dark] body form label, [data-layout-mode=dark] body .form-group-item label { color: #fff; } [data-layout-mode=dark] body .select2-dropdown, [data-layout-mode=dark] body .card-footer { background: #1C1D22; border-color: #3B3C3E; } [data-layout-mode=dark] body .recurring-tab ul { border: 1px solid #3B3C3E; } [data-layout-mode=dark] body .modal-body .select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid #e3e3e3; } [data-layout-mode=dark] body .activity-box .activity-list li, [data-layout-mode=dark] body .inbox-menu li a:hover, [data-layout-mode=dark] body .inbox-menu li.active a, [data-layout-mode=dark] body .inbox-menu li a:focus { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] body .inbox-menu li a:hover, [data-layout-mode=dark] body .inbox-menu li.active a, [data-layout-mode=dark] body .inbox-menu li a:focus { border: none; } [data-layout-mode=dark] body .breadcrumb .breadcrumb-item a, [data-layout-mode=dark] body .card-table .card-body .inventory-table .table td, [data-layout-mode=dark] body page-wrapper .content .page-header .page-title, [data-layout-mode=dark] body .toggle-sidebar .sidebar-header h5, [data-layout-mode=dark] body .toggle-sidebar .sidebar-header a, [data-layout-mode=dark] body .toggle-sidebar .sidebar-body .accordion .filter-title a, [data-layout-mode=dark] body .invoice-content-title a, [data-layout-mode=dark] body .card-body, [data-layout-mode=dark] body .note textarea, [data-layout-mode=dark] body .nav-pills .nav-link, [data-layout-mode=dark] body #add_package .modal-body ul li h6 { color: #AAAAAA; } [data-layout-mode=dark] body #add_package .modal-body ul li h6:hover, [data-layout-mode=dark] body #add_package .modal-body ul li h6.active { color: #fff; } [data-layout-mode=dark] body .bg-subscribe { background: rgba(237, 58, 58, 0.3); color: rgba(237, 58, 58, 0.9); } [data-layout-mode=dark] body .bg-payment { background: rgba(36, 101, 188, 0.3); color: rgba(36, 101, 188, 0.9); } [data-layout-mode=dark] body .leave-info-box { border: 1px solid #2e3840; } [data-layout-mode=dark] body .card-header { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] body .faq-card .card .card-header { background-color: #2e3840; } [data-layout-mode=dark] body .faq-card .card .card-header a { color: #AAAAAA; } [data-layout-mode=dark] body .custom-table td { color: #fff !important; } [data-layout-mode=dark] body .table td a { color: #777; } [data-layout-mode=dark] body .sidebar, [data-layout-mode=dark] body .wizard .nav-item .nav-link { background-color: #16191c; } [data-layout-mode=dark] body .form-group .form-control, [data-layout-mode=dark] body .input-block .form-control, [data-layout-mode=dark] body .form-group-item, [data-layout-mode=dark] body .form-group-customer, [data-layout-mode=dark] body .toggle-sidebar .sidebar-header, [data-layout-mode=dark] body .toggle-sidebar .sidebar-body .accordion, [data-layout-mode=dark] body .card.company-settings-new .content-page-header, [data-layout-mode=dark] body .card-footer { border-color: #3B3C3E; } [data-layout-mode=dark] body .popover-header { background-color: #2A2B2F; color: #AAAAAA; border-color: #2A2B2F; } [data-layout-mode=dark] body .add-customer-btns .customer-btn-cancel, [data-layout-mode=dark] body .modal-footer .btn-back { border-color: #FF1717; background: rgba(230, 33, 33, 0.1); color: #FF1717; } [data-layout-mode=dark] body .btn-path .btn-cancel.bg-primary-light { background: rgba(230, 33, 33, 0.1) !important; color: #FF1717 !important; } [data-layout-mode=dark] body .btn-primary, [data-layout-mode=dark] body .pagination li.active a.page-link, [data-layout-mode=dark] body .nav-pills .nav-link.active, [data-layout-mode=dark] body .nav-pills .show > .nav-link, [data-layout-mode=dark] body .custom_radio .checkmark:after, [data-layout-mode=dark] body .custom_radio_one .checkmark:after, [data-layout-mode=dark] body #add_package .modal-body ul li h6.active, [data-layout-mode=dark] body .file-link .print-link:hover, [data-layout-mode=dark] body .file-link .download-link:hover { border-color: rgba(117, 57, 255, 0.3); background: rgba(117, 57, 255, 0.3); color: #e90202; } [data-layout-mode=dark] body .btn-primary:hover, [data-layout-mode=dark] body .pagination li.active a.page-link:hover, [data-layout-mode=dark] body .nav-pills .nav-link.active:hover, [data-layout-mode=dark] body .nav-pills .show > .nav-link:hover, [data-layout-mode=dark] body .custom_radio .checkmark:after:hover, [data-layout-mode=dark] body .custom_radio_one .checkmark:after:hover, [data-layout-mode=dark] body #add_package .modal-body ul li h6.active:hover, [data-layout-mode=dark] body .file-link .print-link:hover:hover, [data-layout-mode=dark] body .file-link .download-link:hover:hover { box-shadow: inset 0 50px 0 0 #AAAAAA; border-color: #AAAAAA; color: #000; } [data-layout-mode=dark] body #add_package .modal-body ul li h6:hover { border-color: rgba(117, 57, 255, 0.3); background: rgba(117, 57, 255, 0.3); color: #e90202; } [data-layout-mode=dark] body .bg-white { background: #1C1D22 !important; } [data-layout-mode=dark] body .nav-bordered a.active { border-bottom: 2px solid rgba(117, 57, 255, 0.3); } [data-layout-mode=dark] body .btn-warning { border-color: rgba(255, 193, 7, 0.3); background: rgba(255, 193, 7, 0.3); color: #FFC107; } [data-layout-mode=dark] body .btn-light, [data-layout-mode=dark] body .navtab-bg .nav-link { border-color: rgba(166, 166, 166, 0.3); background: rgba(166, 166, 166, 0.3); color: #A6A6A6; } [data-layout-mode=dark] body .toggle-sidebar .sidebar-layout-filter { background: #16191c; } [data-layout-mode=dark] .view-icons .btn { background-color: #16191c; border: 1px solid #2e3840; color: #AAAAAA; } [data-layout-mode=dark] .header { background: #1C1D22; border-color: #1C1D22; } [data-layout-mode=dark] .header .user-menu.nav > li > a { color: #AAAAAA; } [data-layout-mode=dark] .header #toggle_btn .bar-icon span { background-color: #AAAAAA; } [data-layout-mode=dark] .header .page-title-box h3 { color: #AAAAAA; } [data-layout-mode=dark] .header .logo2 { display: none; } [data-layout-mode=dark] .due-info, [data-layout-mode=dark] .assigned-info, [data-layout-mode=dark] .activity-feed .feed-item .feed-text a, [data-layout-mode=dark] .login-wrapper .loginbox .login-right .dont-have a, [data-layout-mode=dark] .invoice-one .add-details, [data-layout-mode=dark] .invoice-one .invoice-table table tr td, [data-layout-mode=dark] .invoice-one .invoice-table-footer .table-footer-right table td, [data-layout-mode=dark] .invoice-one .customer-name, [data-layout-mode=dark] .invoice-one .customer-name, [data-layout-mode=dark] .invoice-one .bank-details .terms-condition span, [data-layout-mode=dark] .invoice-one .bank-details .payment-info .payment-title, [data-layout-mode=dark] .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add, [data-layout-mode=dark] .invoice-two .inv-content .two-invoice-details .company-booking-address .invoice-date h6, [data-layout-mode=dark] .invoice-two .inv-content .invoice-address-details .invoice-to .inv-to-address, [data-layout-mode=dark] .inv-content .bank-details .company-sign span, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .bank-details .account-details span, [data-layout-mode=dark] .inv-content .bank-details .bank-title, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-left span { color: #fff; } [data-layout-mode=dark] .task-wrapper .task-list-body #task-list li .task-container { background: #1C1D22; border: 1px solid #2e3840; } [data-layout-mode=dark] .task-wrapper .task-list-body #task-list li .task-container .task-label { color: #AAAAAA; } [data-layout-mode=dark] .task-wrapper .task-list-body #task-list li.completed .task-container { background: #16191c; } [data-layout-mode=dark] .task-chat-contents { background-color: #1C1D22; } [data-layout-mode=dark] .welcome-box { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-contents .chat-content-wrap .chats .chat-left .chat-content { background-color: #16191c; border: 1px solid #2e3840; padding: 10px !important; } [data-layout-mode=dark] .chat-contents .chat-content-wrap .chats .chat-left .chat-content .chat-time { color: #fff; } [data-layout-mode=dark] .chat-sidebar .chat-contents { background-color: #1C1D22; } [data-layout-mode=dark] .chat-footer .message-bar .message-area .input-group .form-control { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-line .chat-date { background-color: #16191c; top: 9px; left: -15px; } [data-layout-mode=dark] .search-box .input-group { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-main-row .chat-main-wrapper .chat-window { background-color: transparent; } [data-layout-mode=dark] .dash-section .dash-info-list .dash-card { background-color: #16191c; border: 1px solid #2e3840; color: #575757; } [data-layout-mode=dark] .card, [data-layout-mode=dark] .invoice-one .invoice-wrapper, [data-layout-mode=dark] .invoice-two .invoice-wrapper, [data-layout-mode=dark] .invoice-wrapper, [data-layout-mode=dark] .invoice-five .inv-content, [data-layout-mode=dark] .receipt-wrap, [data-layout-mode=dark] .receipt-wrap .receipt-top .company-logo, [data-layout-mode=dark] .receipt-wrap .receipt-heading span { border: 1px solid #16191c; background: #16191c; } [data-layout-mode=dark] .file-link .download-link, [data-layout-mode=dark] .file-link .print-link { background: #16191c; } [data-layout-mode=dark] .invoice-one .inv-content .invoice-header .company-details, [data-layout-mode=dark] .invoice-two .inv-content .invoice-header, [data-layout-mode=dark] .invoice-two .inv-content .invoice-address-details .invoice-to-payment, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-notes, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no, [data-layout-mode=dark] .invoice-five .inv-content .invoice-five-details .gradient-block { background: rgba(225, 255, 237, 0.3); } [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-notes { border-color: rgba(225, 255, 237, 0.3); } [data-layout-mode=dark] .invoice-one .inv-content .invoice-header { background-color: #2A2B2F; color: #AAAAAA; } [data-layout-mode=dark] .time-list .dash-stats-list h4 { color: #AAAAAA; } [data-layout-mode=dark] .topics, [data-layout-mode=dark] .w-sidebar { background-color: #16191c; border: 1px solid #2e3840; } [data-layout-mode=dark] .topics .topic-title a, [data-layout-mode=dark] .w-sidebar .topic-title a { color: #AAAAAA; } [data-layout-mode=dark] .topics .topics .topics-list li a, [data-layout-mode=dark] .w-sidebar .topics .topics-list li a { color: #AAAAAA; } [data-layout-mode=dark] .roles-menu ul { border: 1px solid #16191c; background: #16191c; } [data-layout-mode=dark] .roles-menu ul li a { color: #AAAAAA; } [data-layout-mode=dark] .list-group-item, [data-layout-mode=dark] .activity-box, [data-layout-mode=dark] .punch-info .punch-hours, [data-layout-mode=dark] .punch-det, [data-layout-mode=dark] .att-statistics .stats-info, [data-layout-mode=dark] .stats-info { border: 1px solid #2e3840; background: #16191c; color: #AAAAAA; } [data-layout-mode=dark] .form-control, [data-layout-mode=dark] .signature-invoice .form-group-bank .nav-pills, [data-layout-mode=dark] .service-upload { border: 1px solid #3B3C3E; background: rgba(193, 193, 193, 0.07); color: #AAAAAA; } [data-layout-mode=dark] .form-control { font-size: 14px; } [data-layout-mode=dark] .form-control::-webkit-input-placeholder { /* WebKit browsers */ color: #AAAAAA; opacity: 1; } [data-layout-mode=dark] .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #AAAAAA; opacity: 1; } [data-layout-mode=dark] .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #AAAAAA; opacity: 1; } [data-layout-mode=dark] .form-control:-ms-input-placeholder { /* Arimonet Explorer 10+ */ color: #AAAAAA; opacity: 1; } [data-layout-mode=dark] .project-title a { color: #fff; } [data-layout-mode=dark] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #AAAAAA; background: #1C1D22; } [data-layout-mode=dark] .profile-widget { border: 1px solid #2e3840; background: #16191c; } [data-layout-mode=dark] .profile-widget .user-name a { color: #fff; } [data-layout-mode=dark] .stats-info h6 { color: #AAAAAA; } [data-layout-mode=dark] .modal-body .form-control { border-color: #e3e3e3; box-shadow: none; background-color: transparent; color: #AAAAAA; } [data-layout-mode=dark] .chat-main-row .chat-main-wrapper .chat-sidebar { border-left: 1px solid #2e3840; } [data-layout-mode=dark] .nav-tabs { border-bottom: none; } [data-layout-mode=dark] .chat-line { border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-header { background-color: #16191c; border-bottom: 1px solid #2e3840; color: #AAAAAA; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-pro-list { background-color: #16191c; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li a { color: #AAAAAA; } [data-layout-mode=dark] .file-cont-wrap .file-cont-inner .file-cont-header { background-color: #16191c; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-cont-wrap .file-cont-inner .file-cont-header span { color: #AAAAAA; } [data-layout-mode=dark] .file-content .file-body { background-color: #16191c; } [data-layout-mode=dark] .file-content .file-body .file-scroll .file-content-inner { padding: 15px; width: 100%; } [data-layout-mode=dark] .file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb { background-color: #1C1D22; } [data-layout-mode=dark] .file-content .file-search { background-color: #1C1D22; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-content .file-search .form-control { background-color: #1C1D22; color: #AAAAAA; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-search { background-color: #1C1D22; border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-search .form-control { background-color: #16191c; } [data-layout-mode=dark] .file-cont-wrap .file-cont-inner .file-cont-header .file-options a { color: #AAAAAA; } [data-layout-mode=dark] .file-wrap { border: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar { border-right: 1px solid #2e3840; } [data-layout-mode=dark] .file-wrap .file-sidebar .file-search .input-group .form-control { color: #AAAAAA; background-color: #1C1D22; } [data-layout-mode=dark] .table-bordered td { border: 1px solid #2e3840; } [data-layout-mode=dark] .nav-tabs.nav-tabs-bottom li a.active { color: #fff; } [data-layout-mode=dark] .offcanvas { background-color: #1C1D22; } [data-layout-mode=dark] .offcanvas .sidebar-headerset { border-bottom: 1px solid #2e3840; } [data-layout-mode=dark] .offcanvas h5 { color: #ced4da; } [data-layout-mode=dark] .offcanvas .settings-mains .layout-head h5 { color: #ced4da; } [data-layout-mode=dark] .offcanvas .settings-mains .layout-head h6 { color: #ced4da; } [data-layout-mode=dark] .offcanvas .sidebar-headerset h2, [data-layout-mode=dark] .offcanvas .sidebar-headerset h3 { color: #ced4da; } [data-layout-mode=dark] .offcanvas .card-radio .form-check-label { border-color: #ced4da; } [data-layout-mode=dark] .offcanvas .offcanvas-footer { border-top: 1px solid #2e3840 !important; } [data-layout-mode=dark] .review-section .review-header { background-color: #1C1D22; border: 1px solid #2e3840; } [data-layout-mode=dark] .table-bordered th, [data-layout-mode=dark] .dropdown-menu { border: 1px solid #2e3840; } [data-layout-mode=dark] .chat-window, [data-layout-mode=dark] .chat-window .chat-cont-left, [data-layout-mode=dark] .chat-cont-right, [data-layout-mode=dark] .chat-window .chat-cont-left .chat-header, [data-layout-mode=dark] .chat-window .chat-cont-right .chat-header, [data-layout-mode=dark] .chat-window .chat-cont-right .chat-body, [data-layout-mode=dark] .chat-window .chat-cont-left .chat-search, [data-layout-mode=dark] .chat-window .chat-cont-left .chat-users-list a.chat-block, [data-layout-mode=dark] .dropdown-menu, [data-layout-mode=dark] .mail-provider, [data-layout-mode=dark] #plan-billing-slider .owl-item .packages.active, [data-layout-mode=dark] .form-select, [data-layout-mode=dark] .form-group .form-control, [data-layout-mode=dark] .input-block .form-control, [data-layout-mode=dark] .input-group-text, [data-layout-mode=dark] .blog, [data-layout-mode=dark] .bootstrap-tagsinput, [data-layout-mode=dark] .custom_check .checkmark, [data-layout-mode=dark] .checkmark, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .thanks-msg, [data-layout-mode=dark] .chat-cont-left .chat-scroll { background: #1C1D22; border-color: #3B3C3E; color: #ced4da; } [data-layout-mode=dark] body .modal-body .select2-container--default .select2-selection--single, [data-layout-mode=dark] .card.company-settings-new .input-block.service-upload.logo-upload .sites-logo, [data-layout-mode=dark] .template-invoice-card .invoice-card-title h6, [data-layout-mode=dark] .invoice-template-tab.invoices-main-tabs, [data-layout-mode=dark] .invoices-main-tabs, [data-layout-mode=dark] .blog, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-address, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details { border-color: #3B3C3E; } [data-layout-mode=dark] .notifications .notification-list li { box-shadow: 0px 1px 0px 0px #3B3C3E; } [data-layout-mode=dark] #plan-billing-slider .owl-item .packages, [data-layout-mode=dark] .grid-blog .post-widget, [data-layout-mode=dark] .nav-tabs .nav-link.active { background: #2A2B2F; border-color: #3B3C3E; } [data-layout-mode=dark] .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-status, [data-layout-mode=dark] .dash-widget-header .dash-count .dash-counts p, [data-layout-mode=dark] .user-menu .dropdown-menu .dropdown-item, [data-layout-mode=dark] .user-content .user-name { color: #ced4da; background: #1C1D22; } [data-layout-mode=dark] .card-table .card-body .table td, [data-layout-mode=dark] .table tbody td h2.table-avatar a:hover, [data-layout-mode=dark] .card-table .companies-table .table td, [data-layout-mode=dark] quotations.html, [data-layout-mode=dark] .notifications .notification-list li blockquote, [data-layout-mode=dark] .service-upload .drop-browse, [data-layout-mode=dark] .grid-blog .blog-title a, [data-layout-mode=dark] .grid-blog .post-widget, [data-layout-mode=dark] .card { color: #AAAAAA; } [data-layout-mode=dark] .post-title { color: #e90202; } [data-layout-mode=dark] .companies-table .table tbody td h2.table-avatar a, [data-layout-mode=dark] .card-table .card-body .table th, [data-layout-mode=dark] table.dataTable > thead .sorting:before, [data-layout-mode=dark] table.dataTable > thead .sorting_asc:before, [data-layout-mode=dark] table.dataTable > thead .sorting_desc:before, [data-layout-mode=dark] table.dataTable > thead .sorting_asc_disabled:before, [data-layout-mode=dark] table.dataTable > thead .sorting_desc_disabled:before, [data-layout-mode=dark] .table tbody td h2.table-avatar a, [data-layout-mode=dark] .nav-tabs .nav-link.active, [data-layout-mode=dark] .customer-text-one, [data-layout-mode=dark] .activity-feed .feed-item.timeline-item span.timeline-user a, [data-layout-mode=dark] .invoice-sign span, [data-layout-mode=dark] .ticket-information .support-details-cont h6, [data-layout-mode=dark] .ticket-history .card-inform .ticket-info h6, [data-layout-mode=dark] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head h6, [data-layout-mode=dark] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box h6, [data-layout-mode=dark] .inv-content .invoice-table table tr td, [data-layout-mode=dark] .inv-content .invoice-table table tr th, [data-layout-mode=dark] .inv-content .total-amountdetails span, [data-layout-mode=dark] .invoice-one .bank-details .payment-info span, [data-layout-mode=dark] .invoice-one .bank-details .payment-info div, [data-layout-mode=dark] .invoice-one .thanks-msg, [data-layout-mode=dark] .invoice-two .inv-content .invoice-header .inv-header-left h2, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-details table thead tr th, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-details table tr .table-description, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-details table tr td, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-footer .table-footer-right table td, [data-layout-mode=dark] .invoice-two .inv-content .thanks-msg, [data-layout-mode=dark] .invoice-two .inv-content .two-invoice-details h5, [data-layout-mode=dark] .invoice-two .inv-content .bank-details .payment-info .debitcard, [data-layout-mode=dark] .invoice-two .inv-content .terms-condition span, [data-layout-mode=dark] .invoice-two .inv-content .bank-details .payment-info .payment-title, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .gst-details span, [data-layout-mode=dark] .inv-content .invoice-address .invoice-to .inv-to-address, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table table thead tr th, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table table td, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table tr td, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-header .inv-header-left .tax-invoice, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title, [data-layout-mode=dark] .inv-content .invoice-header .inv-header-right .inv-date span, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to .inv-to-address, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment span, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr .table-description, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table thead tr th, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table td, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .total-amountdetails span, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .payment-title, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info span, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-header-left .tax-invoice, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .terms-condition span, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .debitcard, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .thanks-msg, [data-layout-mode=dark] .invoice-five .terms-condition ol li, [data-layout-mode=dark] .invoice-five .inv-content .invoice-header .inv-header-right h2, [data-layout-mode=dark] .invoice-five .inv-content .invoice-five-details .invoice-date .invoice-date-details, [data-layout-mode=dark] .company-booking-address.company-five-address .company-add h4, [data-layout-mode=dark] .company-booking-address.company-five-address .invoice-date p, [data-layout-mode=dark] .invoice-address-details.invoice-five-group .invoice-to .inv-to-address, [data-layout-mode=dark] .invoice-five .invoice-table-details table tr .table-description, [data-layout-mode=dark] .invoice-five .invoice-table-details table tr td, [data-layout-mode=dark] .invoice-five .invoice-table-footer .table-footer-right table td, [data-layout-mode=dark] .total-amt-word tr td span, [data-layout-mode=dark] .inv-content .bank-details .account-details span, [data-layout-mode=dark] .invoice-five .invoice-table-details table thead tr th, [data-layout-mode=dark] .receipt-wrap .receipt-top .company-name, [data-layout-mode=dark] .receipt-wrap .receipt-heading, [data-layout-mode=dark] .receipt-wrap .customer-list li .desc, [data-layout-mode=dark] .receipt-wrap .receipt-table thead th, [data-layout-mode=dark] .receipt-wrap .total-payable, [data-layout-mode=dark] .login-wrapper .loginbox .account-subtitle, [data-layout-mode=dark] .receipt-three .receipt-top .receipt-title, [data-layout-mode=dark] .receipt-four .receipt-top .receipt-title { color: #fff; } [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-header .triangle-right { border-left: 58px solid #16191c; } [data-layout-mode=dark] .invoice-one .gst-details h6, [data-layout-mode=dark] .invoice-one .inv-header-right h6, [data-layout-mode=dark] .invoice-one .inv-content .invoice-header .inv-header-right p span { color: #333; } [data-layout-mode=dark] .invoice-one .inv-content .invoice-header .inv-header-right p span { background: rgba(225, 255, 237, 0.3); color: #fff; } [data-layout-mode=dark] .invoice-one .inv-content span.line { background: rgba(225, 255, 237, 0.3); } [data-layout-mode=dark] .inv-content .invoice-header { border-bottom: rgba(225, 255, 237, 0.3); } [data-layout-mode=dark] .list-btn .btn-filters { background: #36373D; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02); border-color: transparent; } [data-layout-mode=dark] .list-btn .filter-list li a.active, [data-layout-mode=dark] .btn-import { border-color: #e90202; } [data-layout-mode=dark] .btn-import { color: #e90202; background: transparent; } [data-layout-mode=dark] .btn-import:hover { background: #e90202; } [data-layout-mode=dark] .card-table .card-body .table td, [data-layout-mode=dark] .invoice-one .invoice-table table tr td, [data-layout-mode=dark] .invoice-one .bank-details, [data-layout-mode=dark] .invoice-one .thanks-msg, [data-layout-mode=dark] .invoice-one .total-amountdetails, [data-layout-mode=dark] .invoice-two .inv-content .invoice-header, [data-layout-mode=dark] .invoice-two .inv-content .invoice-header, [data-layout-mode=dark] .invoice-two .inv-content .two-invoice-details .company-booking-address, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-details table tr, [data-layout-mode=dark] .invoice-two .inv-content .thanks-msg, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table tr td, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table table tr, [data-layout-mode=dark] .inv-content .bank-details, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .total-amountdetails, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .bank-details, [data-layout-mode=dark] .invoice-five .invoice-table-details table tr { border-bottom: 1px solid #3B3C3E; } [data-layout-mode=dark] .invoice-two .inv-content .thanks-msg { border-top: 1px solid #3B3C3E; } [data-layout-mode=dark] .invoice-one .totalamount-footer, [data-layout-mode=dark] .invoice-two .inv-content .totalamount-footer, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .totalamount-footer { border-color: #3B3C3E; } [data-layout-mode=dark] .invoice-one .inv-content, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-details table, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table table, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-address-four, [data-layout-mode=dark] .invoice-five .invoice-table-details table { border: 1px solid #3B3C3E; } [data-layout-mode=dark] .invoice-one h5, [data-layout-mode=dark] .inv-content .invoice-table table thead tr, [data-layout-mode=dark] .invoice-one .thanks-msg, [data-layout-mode=dark] .invoice-two .inv-content .invoice-table-details table thead tr, [data-layout-mode=dark] .invoice-two .inv-content .thanks-msg, [data-layout-mode=dark] .invoice-two .file-link .download-link, [data-layout-mode=dark] .invoice-two .file-link .print-link, [data-layout-mode=dark] .invoice-three .invoice-wrapper .inv-content .invoice-table table thead tr, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table thead tr, [data-layout-mode=dark] .invoice-five .invoice-table-details table .ecommercetable { background: #2A2B2F; } [data-layout-mode=dark] .table-hover tbody tr:hover { background: none; } [data-layout-mode=dark] .user-menu .dropdown-menu .dropdown-item:hover { color: #fff; background: none; } [data-layout-mode=dark] .status-toggle .check:checked + .checktoggle { background-color: rgba(85, 206, 99, 0.3); border: 1px solid rgba(85, 206, 99, 0.3); } [data-layout-mode=dark] .chat-window .chat-cont-left .chat-search .input-group .form-control, [data-layout-mode=dark] .modal-content, [data-layout-mode=dark] .card .card-body, [data-layout-mode=dark] .top-action-left .dropdown-toggle, [data-layout-mode=dark] .btn-white-outline, [data-layout-mode=dark] .card.timeline-card { background: #1E1F25; } [data-layout-mode=dark] .inbox-menu li a, [data-layout-mode=dark] .product-list-item-img span { color: #AAAAAA; } [data-layout-mode=dark] .top-action-left .dropdown-toggle, [data-layout-mode=dark] .btn-white-outline { border-color: #3B3C3E; color: #AAAAAA; } [data-layout-mode=dark] .pagination .paginate_button.next .page-link, [data-layout-mode=dark] .pagination .paginate_button.previous .page-link { background: rgba(193, 193, 193, 0.07); border: 1px solid #3B3C3E; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02); color: #AAAAAA; } [data-layout-mode=dark] .setting-menu { color: #fff !important; } [data-layout-mode=dark] .card.timeline-card, [data-layout-mode=dark] .invoice-item-date, [data-layout-mode=dark] .invoice-item-two, [data-layout-mode=dark] .activity-feed .feed-item, [data-layout-mode=dark] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban, [data-layout-mode=dark] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .ticket-due, [data-layout-mode=dark] .blog, [data-layout-mode=dark] .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment { border-color: #3B3C3E; } [data-layout-mode=dark] .blog-image img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } [data-layout-mode=dark] .invoice-terms .invoice-terms-icon { background: rgba(239, 239, 239, 0.12); } [data-layout-mode=dark] .dark-white-logo { display: inline-block !important; } [data-layout-mode=dark] .light-color-logo { display: none !important; } [data-layout-mode=dark] .invoice-item .invoice-details strong { color: #333; } [data-layout-mode=dark] .packages.package-selected { background: rgba(115, 102, 255, 0.3); } [data-layout-mode=dark] .chat-cont-right ul.list-unstyled .chat-block.received .media-body > div, [data-layout-mode=dark] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box > div, [data-layout-mode=dark] .chat-window .chat-cont-right .chat-footer, [data-layout-mode=dark] .chat-window .chat-cont-right .chat-footer .input-group .form-control, [data-layout-mode=dark] .form-group-bank, [data-layout-mode=dark] .description-box .note-frame, [data-layout-mode=dark] .form-group .note-editable, [data-layout-mode=dark] .input-block .note-editable, [data-layout-mode=dark] .note-toolbar, [data-layout-mode=dark] .form-group .note-toolbar, [data-layout-mode=dark] .input-block .note-toolbar, [data-layout-mode=dark] .note-btn, [data-layout-mode=dark] .ticket-information .support-details, [data-layout-mode=dark] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban { background: #2A2B2F; } [data-layout-mode=dark] .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box > div p, [data-layout-mode=dark] .chat-time span, [data-layout-mode=dark] .filter-buttons button.btn-secondary, [data-layout-mode=dark] .note-btn { color: #8a8a8a; } [data-layout-mode=dark] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box:first-child:before { border-right: 6px solid #2A2B2F; } [data-layout-mode=dark] .chat-window .chat-cont-right .chat-footer, [data-layout-mode=dark] .form-group-bank, [data-layout-mode=dark] .note-btn, [data-layout-mode=dark] .note-toolbar, [data-layout-mode=dark] .ticket-information .support-details { border-color: #3B3C3E; } [data-layout-mode=dark] .card-support { border: none; } [data-layout-mode=dark] .invoices-main-tabs { padding-top: 12px; padding-left: 12px; } [data-layout-mode=dark] .recurring-tab ul li button.active { background: rgba(115, 102, 255, 0.3) !important; } [data-layout-mode=dark] .badge-gray-outline { background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3); color: #fff; } [data-layout-mode=dark] .filter-buttons button.btn-secondary { /*background: $__white__rgba; */ /*border-color: $__white__rgba; */ } [data-layout-mode=dark] .filter-buttons button.btn-secondary:hover { box-shadow: inset 0 50px 0 0 rgba(117, 57, 255, 0.3); } [data-layout-mode=dark] .ticket-information .support-widget-icon, [data-layout-mode=dark] .ticket-information .customer-widget-icon, [data-layout-mode=dark] .ticket-information .support-details .btn-action-icon, [data-layout-mode=dark] .activity-feed .feed-item:before, [data-layout-mode=dark] .ticket-history .card-inform .ticket-info .ticket-upload { background: rgba(255, 255, 255, 0.3); } [data-layout-mode=dark] .ticket-history .card-inform .ticket-info .ticket-upload { border-color: rgba(255, 255, 255, 0.3); } [data-layout-mode=dark] .ticket-history .card-inform .ticket-info .ticket-upload:hover { background: rgba(117, 57, 255, 0.3); border-color: rgba(117, 57, 255, 0.3); } .status-toggle .checktoggle { transform: none; } [data-topbar=light][data-layout-mode=dark] body .logo-dark, [data-topbar=light][data-layout-mode=dark] body .logo-lightmode { display: none; } [data-topbar=light][data-layout-mode=dark] body .logo-light, [data-topbar=light][data-layout-mode=dark] body .logo-darkmode { display: inline-block; } [data-topbar=light][data-layout-mode=dark] body .header .main-logo { background: #1C1D22; } [data-topbar=light][data-layout-mode=dark] body .header .logo-color { display: none; } [data-topbar=light][data-layout-mode=dark] body .header .logo-white { display: block; } [data-topbar=light][data-layout-mode=dark] body .header .toggle-bars .bar-icons { background: #AAAAAA; } [data-topbar=light][data-layout-mode=dark] body .header .logo { display: none; } [data-topbar=light][data-layout-mode=dark] body .header .logo2 { display: inline-block; line-height: 60px; } [data-topbar=light][data-layout-mode=dark] body .header .user-menu.nav > li > a span { color: #AAAAAA; } [data-topbar=light][data-layout-mode=dark] body .header .has-arrow .dropdown-toggle:after { border-color: #AAAAAA; } [data-topbar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul.sidebar-vertical .menu-title span { color: #fff; } [data-topbar=light][data-layout-mode=dark] body .user-menu.nav .dropdown-heads > a, [data-topbar=light][data-layout-mode=dark] body .customer-details-group .customer-details .customer-widget-icon i { background: #28292D; } [data-topbar=light][data-layout-mode=dark] body .user-menu.nav .dropdown-heads > a i { color: #AAAAAA; } [data-topbar=light][data-layout-mode=dark] body .signature-invoice { background: #1E1F25; } [data-topbar=light][data-layout-mode=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active i, [data-topbar=light][data-layout-mode=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span.menu-arrow, [data-topbar=light][data-layout-mode=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover i { /*color: $__primarycolor; */ } [data-topbar=light][data-layout-mode=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul { background: #1C1D22; border-color: #3B3C3E; } [data-topbar=light][data-layout-mode=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul li.submenu ul li a:hover { background: #1C1D22; } [data-sidebar=light][data-layout-mode=dark] body #toggle_btn { color: #AAAAAA; } [data-sidebar=light][data-layout-mode=dark] body .header { background: #1C1D22; border-color: #1C1D22; } [data-sidebar=light][data-layout-mode=dark] body .header .top-nav-search form .form-control { background: rgba(193, 193, 193, 0.07); border: 1px solid #3B3C3E; color: #AAAAAA; } [data-sidebar=light][data-layout-mode=dark] body .header .top-nav-search form .form-control::-webkit-input-placeholder { /* WebKit browsers */ color: #AAAAAA; opacity: 1; } [data-sidebar=light][data-layout-mode=dark] body .header .top-nav-search form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #AAAAAA; opacity: 1; } [data-sidebar=light][data-layout-mode=dark] body .header .top-nav-search form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #AAAAAA; opacity: 1; } [data-sidebar=light][data-layout-mode=dark] body .header .top-nav-search form .form-control:-ms-input-placeholder { /* Arimonet Explorer 10+ */ color: #AAAAAA; opacity: 1; } [data-sidebar=light][data-layout-mode=dark] body .sidebar { background-color: #1C1D22; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu { background-color: #1C1D22; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu a.active i { color: #e90202; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu a.active span { color: #e90202; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu a.active span.menu-arrow { color: #e90202; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a span { color: #AAAAAA; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li ul li a { background: #1C1D22; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu .sidebar .sidebar-menu ul li.submenu ul li a:hover { background: transparent; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu .greedy ul li a:hover, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul > li > a:hover, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a:hover span, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li.submenu ul li a.active, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a:hover i, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a.active i { color: #e90202; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li.submenu ul li a.active:after { background: #fff; border: 1px solid #fff; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a.active::before, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a.active::after, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a.active::before, [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu ul li a.active::before { background: #e90202; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu .greedys .viewmoremenu { color: #b7c0cd; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu .greedys .viewmoremenu:hover { color: #fff; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover { color: #e90202; } [data-sidebar=light][data-layout-mode=dark] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover span { color: #e90202; } [data-layout-mode=light][data-sidebar=dark] nav.greedy button { color: #fff !important; } [data-sidebar=gradient] .sidebar { background: linear-gradient(92.08deg, #FF0000 0%, #764BA2 100%); } [data-sidebar=gradient] .sidebar .sidebar-menu ul li ul li a { background: none; } [data-sidebar=gradient] .sidebar .sidebar-menu ul li a.active::before { display: none; } [data-sidebar=gradient] .sidebar .sidebar-menu ul li.submenu ul li a.active:after, [data-sidebar=gradient] .sidebar .sidebar-menu ul li a.active::after { background: #fff; } [data-sidebar=gradient] .sidebar .sidebar-menu ul li.submenu ul li a.active:after { border: 1px solid #fff; } [data-sidebar=gradient] .sidebar .sidebar-menu ul li a, [data-sidebar=gradient] .sidebar .sidebar-menu ul li a span { color: #b7c0cd; } [data-sidebar=gradient] .sidebar .sidebar-menu ul li.submenu ul li a.active, [data-sidebar=gradient] .sidebar .sidebar-menu ul li a:hover, [data-sidebar=gradient] .sidebar .sidebar-menu ul li a:hover span { color: #fff; } [data-sidebar=gradient] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(92.08deg, #FF0000 0%, #764BA2 100%); } [data-sidebar=gradient] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #405189; } [data-sidebar=gradient-2] .sidebar { background: linear-gradient(to right, #e90202 0%, #0253cc 100%); } [data-sidebar=gradient-2] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(to right, #e90202 0%, #0253cc 100%); } [data-sidebar=gradient-2] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #e90202; } [data-sidebar=gradient-2] #layout-position .radio input:checked + label { background: #e90202; color: #fff; } [data-sidebar=gradient-3] .sidebar { background: linear-gradient(to right, #ff737b 0%, #453a94 100%); } [data-sidebar=gradient-3] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(to right, #ff737b 0%, #453a94 100%); } [data-sidebar=gradient-3] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #ff737b; } [data-sidebar=gradient-3] #layout-position .radio input:checked + label { background: #ff737b; color: #fff; } [data-sidebar=gradient-4] .sidebar { background: linear-gradient(to right, #1ec1b0 0%, #764ba2 100%); } [data-sidebar=gradient-4] .sidebar-twocol.sidebar .sidebar-left { background: linear-gradient(to right, #1ec1b0 0%, #764ba2 100%); } [data-sidebar=gradient-4] .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #1ec1b0; } [data-sidebar=gradient-4] #layout-position .radio input:checked + label { background: #1ec1b0; color: #fff; } [data-sidebar-size=sm-hover] [data-layout=twocolumn] .page-wrapper { margin: 0; } [data-sidebar-size=sm-hover] [data-layout=twocolumn] .page-wrapper .sidebar .sidebar-left { display: block; } [data-sidebar-size=sm-hover] [data-layout=twocolumn] .page-wrapper .sidebar .sidebar-right { display: none; } /*[data-layout=horizontal] { body .sidebar .sidebar-menu ul li a:hover span, body .sidebar .sidebar-menu ul li a.subdrop span, body .sidebar .sidebar-menu ul li a.active span { color: $__white; } }*/ [data-layout=horizontal] body .header { box-shadow: none; } [data-layout=horizontal] body .sidebar { width: 100% !important; bottom: inherit; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover { background: none; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li span, [data-layout=horizontal] body .sidebar .sidebar-menu ul li i, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a .menu-arrow { display: inline-block !important; color: #333; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a span.badge { color: #fff; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop span, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop i, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop .menu-arrow { color: #e90202; } [data-layout=horizontal] body .sidebar .slimScrollDiv, [data-layout=horizontal] body .sidebar .sidebar-inner { height: auto !important; overflow: inherit !important; } [data-layout=horizontal] body .sidebar .hidden { display: none !important; } [data-layout=horizontal] body .sidebar .sidebar-menu { padding: 0 !important; height: 75px; display: flex; align-items: center; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active::before { display: none; } [data-layout=horizontal] body .sidebar .sidebar-vertical { display: none !important; } [data-layout=horizontal] body .sidebar .sidebar-horizantal { display: flex !important; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a { flex-direction: inherit; text-align: left; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active { color: #e90202; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover i, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop i, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active i { color: #e90202; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop span, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active span { color: #e90202; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span.menu-arrow, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop span.menu-arrow, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active span.menu-arrow { color: #e90202; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span.badge, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.subdrop span.badge, [data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active span.badge { color: #fff; } [data-layout=horizontal] body .sidebar .sidebar-menu .menu-title { display: none !important; } [data-layout=horizontal] body .sidebar ul li span { display: inline-block !important; } [data-layout=horizontal] body .sidebar .hidden-links .submenu ul { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); border: 1px solid #d5d5d5; max-height: 200px; /*overflow-y: auto; */ overflow-y: inherit; } [data-layout=horizontal] body .sidebar .hidden-links li a:hover { color: #333; } [data-layout=horizontal] body .sidebar .sidebar-menu ul { display: flex; align-items: center; -webkit-align-items: center; } [data-layout=horizontal] body .sidebar .sidebar-menu ul.links > li > a { padding-top: 20.5px; padding-bottom: 20.5px; } [data-layout=horizontal] body .sidebar .sidebar-menu ul.links > li > a .menu-arrow { top: 21px; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li.submenu .noti-dot:before { display: none; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li.submenu ul li a:hover { color: #e90202; background: #fff; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a .menu-arrow { right: 0; } [data-layout=horizontal] body .sidebar .sidebar-menu ul ul { display: none; width: 200px; background-color: #1C1D22; position: absolute; top: 60px; left: 0; } [data-layout=horizontal] body .sidebar .sidebar-menu ul ul li a .menu-arrow { right: 15px; } [data-layout=horizontal] body .sidebar .sidebar-menu ul ul a { padding: 8px 15px; } [data-layout=horizontal] body .sidebar .list-inline-item li a:hover { color: #fff; } [data-layout=horizontal] body #sidebar-view, [data-layout=horizontal] body #sidebar-size, [data-layout=horizontal] body #layout-width, [data-layout=horizontal] body #layout-position { display: none; } [data-layout=horizontal] body #toggle_btn { display: none; } [data-layout=horizontal] body ul.hidden-links { position: absolute !important; right: 0; background: #fff; width: 100%; top: 60px; justify-content: start; align-items: start !important; flex-wrap: wrap; border-top: 1px dashed #e3e3e3; padding: 12px 3px; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); } [data-layout=horizontal] body ul.hidden-links ul { left: 0 !important; position: absolute !important; top: 40px !important; background-color: #fff !important; width: 100% !important; z-index: 9999; } [data-layout=horizontal] body ul.hidden-links ul li a { width: 100%; } [data-layout=horizontal] body ul.hidden-links ul li a:hover { color: #333; } [data-layout=horizontal] body ul.hidden-links > li { width: 20%; } [data-layout=horizontal] body ul.hidden-links > li a { display: block; padding: 5px 15px; } [data-layout=horizontal] body ul.hidden-links > li a:hover { background: none; } [data-layout=horizontal] body ul.hidden-links li a .menu-arrow { right: 10px !important; } [data-layout=horizontal] body .sidebar .sidebar-menu ul li a { padding: 10px 15px; } [data-layout=horizontal] body .greedy ul.list-inline-item.list-unstyled.links { width: 95%; } [data-layout=horizontal] body .greedy > button { display: block; } [data-layout=horizontal] body nav.greedy button { align-self: stretch; transition: all 0.4s ease-out; padding: 5px 0 0 5px; outline: 0; border: 0; font-size: 14px; font-weight: 700; background-color: transparent; color: #fff; min-width: 100px; margin-right: 20px; } [data-layout=horizontal] body nav.greedy { position: relative; height: 45px; justify-content: start; } [data-layout=horizontal] body nav.greedy ul.hidden-links.hidden { display: none; } [data-layout=horizontal] body .page-wrapper { margin: 0; padding-top: 120px; } [data-layout=horizontal] body .sidebar .sidebar-menu ul ul ul { position: absolute; right: -200px; top: 0; left: auto; } [data-layout=horizontal] body .sidebar ul ul li { display: inline-block !important; width: 100%; } [data-layout=horizontal] body .hidden-links .menu-title { display: inline-block !important; color: #333 !important; } [data-sidebar=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span.menu-arrow, [data-sidebar=dark][data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active span.menu-arrow { color: #e90202; } [data-sidebar=dark] body .sidebar-twocol.sidebar .sidebar-left { background-color: #34444c; } [data-sidebar=dark] body .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #333; /*background: #34444c;*/ } [data-sidebar=dark] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { color: #fff; /*background: #333;*/ } [data-sidebar=dark] body .sidebar { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); background-color: #1C1D22; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li.submenu ul li a:hover { color: #fff; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li a, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a span { color: #b7c0cd; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li a:hover i, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a:hover span, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a.active span, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a.active i { color: #e90202; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li ul li a { background: transparent; } [data-sidebar=dark] body .sidebar .sidebar-menu .greedy ul li a:hover, [data-sidebar=dark] body .sidebar .sidebar-menu ul > li > a:hover, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a:hover span, [data-sidebar=dark] body .sidebar .sidebar-menu ul li.submenu ul li a.active { color: #e90202; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li.submenu ul li a.active:after { background: #fff; border: 1px solid #fff; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li a.active::before { display: none; } [data-sidebar=dark] body .sidebar .sidebar-menu ul li a.active::after, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a.active::before, [data-sidebar=dark] body .sidebar .sidebar-menu ul li a.active::before { background: #fff; } [data-sidebar=dark] body .sidebar .sidebar-menu .greedys .viewmoremenu { color: #b7c0cd; } [data-sidebar=dark] body .sidebar .sidebar-menu .greedys .viewmoremenu:hover { color: #fff; } [data-sidebar=dark] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover { color: #e90202; } [data-sidebar=dark] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover span { color: #e90202; } [data-sidebar=dark] body .main-logo { background: transparent; } [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link { padding: 5px; /*margin-bottom: 15px;*/ color: #fff; } [data-sidebar=dark] body .two-col-bar .sidebar .sidebar-left .nav-link.active { /*background: #fff;*/ color: #fff; } [data-topbar=light] body .header { background: radial-gradient(circle, #FFFF99 50%, #FF8C00 100%); border-color: transparent; } [data-topbar=light] body .header .main-logo { background: #f4af24; } [data-topbar=light] body .header .page-title-box h3 { color: #333; } [data-topbar=light] body .header .logo-color { display: block; margin: 0px 26px; } [data-topbar=light] body .header .logo-white { display: none; } [data-topbar=light] body .header .toggle-bars .bar-icons { background: #333; } [data-topbar=light] body .header .top-nav-search form .form-control { background: #fff; border: 1px solid #E0E0E0; color: #333; } [data-topbar=light] body .header .top-nav-search form .form-control::-webkit-input-placeholder { color: #333; } [data-topbar=light] body .header .top-nav-search form .form-control:-ms-input-placeholder { color: #333; } [data-topbar=light] body .header .top-nav-search form .form-control::placeholder { color: #333; } [data-topbar=light] body .header .top-nav-search form .btn { color: #333; } [data-topbar=light] body .header .header-left .logo2 { display: inline-block; line-height: 60px; } [data-topbar=light] body .header .header-left .logo { display: none; line-height: 60px; } [data-topbar=light] body .header #toggle_btn .bar-icon span { background-color: #333; } [data-topbar=light] body .header .user-menu.nav > li > a, [data-topbar=light] body .header .user-menu.nav > li > a span { color: #333; } [data-topbar=light] body .header .has-arrow .dropdown-toggle:after { border-bottom: 2px solid #333; border-right: 2px solid #333; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-right { background: #fff; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-right ul li a.active { color: #333; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left .nav-link { color: #34444c; background: transparent; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { color: #333333; background: #fff; } [data-sidebar=light] body .sidebar { background-color: #f4af24; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } [data-sidebar=light] body .sidebar ul li span { display: inline-block; /*color: $__sandstone;*/ } [data-sidebar=light] body .sidebar ul li span:hover { display: inline-block !important; } [data-sidebar=light] body .sidebar .sidebar-menu { padding: 10px 0; background:radial-gradient(circle, #FFFF99 50%, #FF8C00 100%); } [data-sidebar=light] body .sidebar .list-inline-item li a:hover i { color: #333; } [data-sidebar=light] body .greedys .viewmoremenu { color: #333; } [data-sidebar=light] body .greedys .viewmoremenu:hover { color: #e90202; } [data-sidebar=light] body nav.greedy button { color: #333 !important; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left { background: #fafafa; } [data-sidebar=light] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active { background: #34444c; color: #fff; } [data-sidebar=light] body .mini-sidebar.expand-menu .sidebar ul li span { display: block !important; } [data-sidebar=light] body .mini-sidebar .sidebar { background-color: #fff; } [data-sidebar=light] body .mini-sidebar .sidebar ul li span { display: none !important; } [data-sidebar=light] body nav.greedy button { color: #333; } [data-sidebar=light] body .sidebar-menu ul li a:hover, [data-sidebar=light] body .two-col-bar .sidebar-menu ul li a:hover { color: #333; } [data-sidebar=light] body .sidebar .sidebar-menu ul li.active a, [data-sidebar=light] body .two-col-bar .sidebar-menu ul li.active a { color: Black;; background-color: white; } [data-topbar=dark] .header { background: #1C1D22; border-color: #2e3840; } [data-topbar=dark] .header .main-logo { background: #1C1D22; } [data-topbar=dark] .header .toggle-bars .bar-icons { background: #AAAAAA; } [data-topbar=dark] .header .logo-color { display: none; } [data-topbar=dark] .header .logo-white { display: block; } [data-topbar=dark] .header .user-content .user-name { color: #9e9e9e; } [data-topbar=dark] .header .has-arrow .dropdown-toggle:after { border-bottom: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA; } [data-topbar=dark] .header .header-left .logo { display: block; line-height: 75px; } [data-topbar=dark] .header .top-nav-search form .form-control { border: 1px solid #bbc4cc; color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .form-control::-webkit-input-placeholder { color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .form-control:-ms-input-placeholder { color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .form-control::placeholder { color: #bbc4cc; } [data-topbar=dark] .header .top-nav-search form .btn { color: #bbc4cc; } [data-topbar=dark] .header .user-menu.nav > li > a { color: #bbc4cc; } [data-topbar=dark] .header #toggle_btn .bar-icon span { background-color: #bbc4cc; } [data-topbar=dark] .header .page-title-box h3 { color: #bbc4cc; } [data-topbar=dark] .header .logo2 { display: none; } .two-col-bar { display: none; } .sidebar-headerset { width: 100%; padding: 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F5F5F5; } .sidebar-headerset h2 { font-size: 24px; font-weight: 600; } .sidebar-headerset h3 { font-size: 15px; font-weight: 400; margin: 0; } .settings-mains { padding: 15px; } .settings-mains h5 { font-size: 14px; } .settings-mains .layout-head { margin-bottom: 15px; } .settings-mains .layout-head h5 { font-size: 16px; font-weight: 600; color: #272B41; margin-bottom: 10px; } .settings-mains .layout-head h6 { font-size: 14px; font-weight: 400; margin: 0; color: #272B41; } #layout-position .radio input + label { min-width: 110px; border: 0; } .bor-rad-50 { border-radius: 50px; } .bg-sidebarcolor { background: #F9F9F9; height: 45px; display: block; border-radius: 5px; } .bg-sidebarcolor.bg-darks { background: #34444c; } .bg-sidebarcolor.bg-gradients { background: linear-gradient(92.08deg, #FF0000 0%, #764BA2 100%); } .bg-sidebarcolor.bg-oranges { background: #FF9B44; } .bg-sidebarcolor.bg-darkset { background: #16191C; } .bg-blue { background-color: #00c5fb; } .card-radio .form-check-input { display: none; } .form-check .form-check-input { cursor: poArimo; } .form-check .form-check-input:focus { box-shadow: none; } .form-check-input:checked { background-color: #e90202; border-color: #e90202; } .card-radio .form-check-input:checked + .form-check-label { border-color: #3BB800 !important; } .card-radio .form-check-label { background-color: var(--vz-card-bg); border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding-right: 32px; padding: 10px; } .form-check label { cursor: poArimo; } .card-radio .form-check-input:checked + .form-check-label:before { content: "✓"; font-family: "Line Awesome Free"; position: absolute; top: 40%; left: 40%; font-size: 10px; background: #3BB800; font-weight: 900; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: #F4F4F9; transform: translate(0%); } [data-layout-mode=dark] .super-admin-list-head { border-bottom-color: #3B3C3E; } [data-layout-mode=dark] .super-admin-list-head .grid-info-item span { color: #AAAAAA; } [data-layout-mode=dark] .subscription-plane-head ul { border-bottom-color: #3B3C3E; } /****** PAGES ******/ .invoices-links { color: #1B2559; margin-right: 20px; } .invoices-links:last-child { margin-right: 0px; } .invoices-links:hover { color: #e90202; } .invoices-links.active { color: #e90202; } .invoices-links .feather { width: 25px; height: 25px; } .report-card { border-radius: 5px; } .app-listing { padding: 0; margin: 0 -15px; list-style: none; align-items: flex-start; } .app-listing li { width: 20%; padding-left: 10px; padding-right: 10px; } .multipleSelection .selectbox, .sortby .selectboxes { position: relative; background: #fff; width: 100%; padding: 13px 10px; font-weight: 400; background: #fff; border: 1px solid #F7F8F9; border-radius: 7px; cursor: poArimo; } .selectbox-cont { height: 220px; overflow-y: auto; padding-right: 5px; } .selectbox-cont::-webkit-scrollbar { width: 4px; background: #D8D8D8; height: 10px; } .selectbox-cont::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(231, 231, 231); border-radius: 4px; } .selectbox-cont::-webkit-scrollbar-thumb { background: rgba(231, 234, 252, 0.75); border-radius: 4px; } .selectbox-cont::-webkit-scrollbar-thumb:hover { background: rgba(231, 234, 252, 0.75); } .selectbox-cont-one { overflow-y: inherit; } .selectboxes.order-by { min-width: 154px; background: #D8D8D8; padding: 6px 10px; } .multipleSelection { position: relative; margin-bottom: 20px; } .multipleSelection #checkboxes-one { display: none; position: absolute; width: 100%; left: 0; z-index: 1; margin-top: 10px; padding: 20px; background: #fff; border: 1px solid #F2ECFF; box-shadow: 0px 4px 44px rgba(231, 234, 252, 0.75); border-radius: 6px; } .multipleSelection #checkboxes-one::before { border: 7px solid #F2ECFF; border-color: transparent transparent #fff #fff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; left: 30px; position: absolute; top: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .multipleSelection #checkboxes.form-custom .form-control { padding-left: 25px; background: #F5F6FA; border: 1px solid #E6E9F4; border-radius: 5px; height: 33px; } .multipleSelection #checkboxes .form-custom i { position: absolute; top: 35%; left: 6px; color: #7E84A3; font-size: 12px; } .multi-filter, .sortby { position: relative; } .multi-filter:before { border: 7px solid #fff; border-color: transparent transparent #fff #fff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; right: 0; position: absolute; top: 2px; transform-origin: 0 0; transform: rotate(135deg); } .multipleSelection #checkboxes, .sortby #checkbox { display: none; position: absolute; width: 300px; left: 0; z-index: 1; margin-top: 10px; padding: 20px; background: #fff; border: 1px solid #F2ECFF; box-shadow: 0px 4px 44px rgba(231, 234, 252, 0.75); border-radius: 6px; } #checkboxes-one .form-custom { margin-bottom: 14px; } #checkboxes-one .form-custom .form-control { padding-left: 14px; border: 1px solid rgba(231, 234, 252, 0.75); border-radius: 6px; } #checkboxes-one .btn-grey { background: rgba(231, 234, 252, 0.75); color: #1B2559; margin-top: 10px; } #checkboxes-one .btn-grey:hover { background: #1B2559; color: #fff; } #checkboxes-one .btn, #checkbox .btn { font-size: 14px; font-weight: 500; padding: 8px 0px; } .multipleSelection #checkboxes::before, .sortby #checkbox::before { border: 7px solid #F2ECFF; border-color: transparent transparent #fff #fff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; left: 30px; position: absolute; top: 0; transform-origin: 0 0; transform: rotate(135deg); } .check-list { position: relative; } .date-picker { width: 50%; float: left; padding-right: 10px; } #checkboxes .date-picker .bootstrap-datetimepicker-widget table td { padding-left: 10px; padding-right: 10px; } #checkboxes .date-picker .form-custom .form-control { padding-left: 10px; } #checkboxes .form-custom { margin-bottom: 14px; } #checkboxes .form-custom .form-control { padding-left: 14px; border: 1px solid rgba(231, 234, 252, 0.75); border-radius: 6px; } #checkboxes .form-custom .form-control::placeholder { color: #8F9BBA; } #checkboxes .btn-grey { background: rgba(231, 234, 252, 0.75); color: #1B2559; margin-top: 10px; } #checkboxes .btn-grey:hover { background: #1B2559; color: #fff; } .date-list ul { padding: 0; margin: 0; list-style: none; text-align: center; } .date-list ul li { width: 100%; padding: 0; padding-bottom: 5px; } .date-list ul li:last-child { padding-bottom: 0; } .date-list .date-btn { background: #fff; color: #1B2559; border: 1px solid #E7EAFC; border-radius: 4px; padding: 10px 0 !important; width: 100%; } .date-list .date-btn:hover { background: #e90202; color: #fff; border: 1px solid #E7EAFC; } .form-custom { position: relative; } .form-custom.cal-icon:after { font-size: 14px; } .form-custom i { color: #7E84A3; position: absolute; top: 10px; left: 10px; } .card-header .form-custom .form-control { padding-left: 30px; height: 35px; } #checkboxes .btn, #checkbox .btn { font-size: 14px; font-weight: 500; padding: 8px 0px; } .checkbox-title { font-weight: 600; font-size: 16px; color: #e90202; margin-bottom: 14px; } .custom_check { color: #1B2559; display: inline-block; position: relative; font-size: 14px; margin-bottom: 15px; padding-left: 30px; cursor: poArimo; font-weight: 400; user-select: none; } .custom_check input { position: absolute; opacity: 0; cursor: poArimo; } .custom_check input:checked ~ .checkmark { background-color: #e90202; border-color: #e90202; } .custom_check input:checked ~ .checkmark:after { display: block; } .custom_check .checkmark { position: absolute; top: 0; left: 0; height: 19px; width: 21px; border: 1px solid #C4C4C4; background-color: #fff; border-radius: 6px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .custom_check .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; display: none; left: 5px; top: 2px; color: #fff; font-size: 9px; } .selectbox p { color: #1B2559; font-weight: 500; } .selectbox p .select-icon { color: #e90202; width: 20px; height: 20px; } .report-btn { margin-bottom: 20px; } .report-btn .btn { font-weight: 600; color: #e90202; background: #fff; border: 2px solid #e90202; border-radius: 8px; width: 100%; padding: 11px 0; } .report-btn .btn:hover { color: #fff; background: #e90202; border: 2px solid #e90202; } .report-btn .btn:hover img { filter: invert(0) brightness(100); } .invoice-total-inner .status-toggle .checktoggle { transform: translate(calc(0% - 0px), -30%); height: 20px; } .invoice-total-inner .status-toggle span { float: right; color: #3F4254; font-weight: 600; margin: -10px 0 0; } .invoices-tabs-card { background: transparent; box-shadow: unset; } .invoices-tabs ul { padding: 0; margin: 0; list-style: none; } .invoices-tabs ul li:last-child { margin-right: 0; } .invoices-tabs ul li a:hover { color: #e90202; } .invoices-tabs ul li a.active { color: #e90202; border-bottom: 2px solid #e90202; } .invoices-settings-btn { justify-content: end; } .invoices-settings-btn .btn { font-weight: 600; color: #fff; padding: 12px 10px; min-width: 167px; background: #1B2559; border: 1px solid #1B2559; border-radius: 6px; } .invoices-settings-btn .btn:hover { background: #e90202; border: 1px solid #e90202; } .invoices-settings-btn .btn .feather { margin-right: 6px; } .invoices-settings-icon { color: #e90202; margin-right: 20px; } .invoices-settings-icon .feather { width: 24px; height: 24px; } .inovices-card { border-radius: 5px; } .inovices-card .card-body { padding: 15px; } .inovices-widget-header .inovices-amount { font-weight: 600; font-size: 24px; color: #e90202; } .inovices-widget-icon { padding: 10px; border-radius: 5px; } @media (max-width: 1399.98px) { .inovices-widget-icon { padding: 5px; } } .inovices-widget-icon img { width: 20px; } .inovices-all span { margin: 0 0 0 5px; padding: 0px; font-size: 10px; font-weight: 500; color: #28084B; } .invoices-grid-card { background: #fff; box-shadow: 0px 4px 24px rgba(228, 228, 228, 0.25); border-radius: 10px; color: #1B2559; } .invoices-grid-card .card-header { padding: 20px; border: 0; } .invoices-grid-card .card-header .dropdown-action { margin-bottom: 0; } .invoices-grid-card .card-header .action-icon { color: #1B2559; display: initial; } .invoices-grid-card .card-body { padding: 20px; } .invoices-grid-card .card-body span { font-size: 14px; } .invoices-grid-card .card-body h6 { font-size: 16px; font-weight: 500; color: #1B2559; margin-top: 4px; } .invoices-grid-card .card-footer { padding: 20px; border: 0; } .invoices-grid-card .card-footer .badge { border-radius: 6px; font-size: 13px; font-weight: 400; padding: 7px 18px; } .invoices-grid-card .bg-success-dark { background: #008F64; } .invoices-grid-card .bg-danger-dark { background: #FF0000; } .invoices-grid-card .bg-secondary-dark { background: #e90202; } .invoices-grid-card .bg-primary-dark { background: #2196f3; } .invoices-grid-card .text-sm { font-size: 14px; } .invoice-grid-link { color: #1B2559; } .invoice-grid-link:hover { color: #e90202; } .card-middle { padding: 20px; background: #F7F7FF; } .card-middle-avatar { display: inline-flex; font-size: 16px; margin: 0; } .card-middle-avatar a { color: #1B2559; } .card-middle-avatar a:hover { color: #e90202; } .invoice-load-btn { text-align: center; margin-top: 30px; margin-bottom: 30px; } .invoice-load-btn .btn { font-weight: 700; font-size: 16px; color: #3E45EB; min-width: 170px; padding: 12px 15px; background: #fff; border: 2px solid #3E45EB; border-radius: 6px; display: inline-flex; } .invoice-load-btn .btn:hover { color: #fff; background: #3E45EB; border: 2px solid #3E45EB; } .invoice-load-btn .btn:hover span { border: 3px solid #fff; border-right-color: #fff; } .invoice-load-btn .btn span { display: inline-block; width: 25px; height: 25px; margin-right: 8px; vertical-align: 0; border: 3px solid #3E45EB; border-right-color: #3E45EB; border-radius: 50%; border: 3px solid rgba(62, 69, 235, 0.4901960784); border-right-color: #3E45EB; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .invoices-page-header { background: #fff; border-radius: 10px; padding: 12px; } .invoices-page-header .invoices-breadcrumb-item a { font-weight: 600; color: #e90202; } .invoices-page-header .invoices-breadcrumb-item a:hover { color: #377dff; } .invoices-page-header .invoices-breadcrumb-item a:hover i { color: #fff; background: #377dff; } .invoices-page-header .invoices-breadcrumb-item i { color: #fff; border-radius: 50%; width: 24px; height: 24px; margin-right: 10px; background: #e90202; } .invoices-create-btn .btn { font-weight: 600; font-size: 16px; color: #fff; border-radius: 8px; padding: 10px 0px; min-width: 160px; } .invoices-create-btn .invoices-preview-link { font-weight: 600; color: #e90202; margin-right: 30px; } .invoices-create-btn .invoices-preview-link:hover { color: #377dff; } .invoices-create-btn .delete-invoice-btn { background: #1B2559; margin-right: 10px; } .invoices-create-btn .delete-invoice-btn:hover { background: #e90202; } .invoices-create-btn .save-invoice-btn { background: #e90202; } .invoices-create-btn .save-invoice-btn:hover { background: #1B2559; } .invoices-add-card { background: #fff; border-radius: 10px; } .invoices-main-form { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #E5E5E5; } .invoices-form label { font-weight: 600; color: #1B2559; } .invoices-form .multipleSelection .selectbox { border: 2px solid #e90202; border-radius: 6px; } .invoices-form .form-control { height: 50px; border: 1px solid #E5E5E5; border-radius: 6px; } .invoices-form .form-control::placeholder { color: #8F9BBA; font-weight: 400; } .invoice-details-title { font-weight: 500; font-size: 20px; color: #1B2559; margin-bottom: 0.5rem; } .invoice-details-box { background: #fff; border: 1px solid #E5E5E5; border-radius: 10px; } .invoice-inner-head { padding: 26px; border-bottom: 1px solid #E5E5E5; } .invoice-inner-head span { color: #1B2559; } .invoice-inner-head span a { font-weight: 500; color: #e90202; } .invoice-inner-head span a:hover { font-weight: 500; color: #377dff; } .invoice-inner-footer { padding: 0; } .invoice-inner-footer span { font-weight: 500; color: #1B2559; position: relative; } .invoice-inner-footer .form-control { position: absolute; color: #e90202; background: transparent; border: 0; display: inline-block; width: auto; height: auto; padding: 0 10px; } .invoice-inner-footer .form-control::placeholder { color: #e90202; font-weight: 500; } .invoice-inner-date { padding: 26px; border-right: 1px solid #E5E5E5; } .invoice-inner-datepic { border: 0; padding-left: 0; } .inovices-month-info { padding-top: 50px; } .inovices-month-info label { font-weight: 400; } .inovices-month-info .select2-container--default .select2-selection--single .select2-selection__rendered { color: #8F9BBA; border-radius: 6px; } .inovices-month-info .form-control { height: 42px; } #show-invoices { display: none; } .invoice-add-table { padding-top: 20px; padding-bottom: 30px; } .invoice-add-table h4 { font-weight: 600; font-size: 20px; color: #e90202; margin-bottom: 30px; } .invoice-add-table th { font-size: 16px; color: #1B2559; background: #F8F9FA; } .invoice-add-table .no-border td { border: 0; } .invoice-add-table .table-form-control td .form-control::placeholder { color: #1B2559; } .invoice-add-table .add-product { border-bottom: 1px solid #E5E5E5; } .invoice-add-table .add-product td { border: 0; } .invoice-add-table .add-product td a { color: #e90202; } .invoice-add-table .add-btn { color: #e90202; } .invoice-add-table .remove-btn { color: #ff0000; } .invoice-add-table .copy-btn { color: #C4C4C4; } .invoice-add-table td, .invoice-add-table th { border-color: #E5E5E5; padding: 20px; } .invoice-fields .field-title { font-weight: 600; font-size: 16px; color: #1B2559; margin-bottom: 15px; } .field-box { padding: 15px; background: #fff; border: 1px solid #E5E5E5; border-radius: 4px; } .field-box p { font-weight: 500; font-size: 14px; color: #1B2559; margin-bottom: 10px; } .field-box .btn { min-width: 266px; border-radius: 4px; padding: 30px 0; } .payment-details { width: 266px; border-radius: 4px; padding: 15px; background: #e90202; } .payment-details p { color: #fff; max-width: 140px; font-weight: 400; margin-bottom: 0; } .payment-details a { font-size: 26px; color: #fff; } .invoice-faq .faq-tab { padding-top: 10px; } .faq-tab .panel-title { background: #fff; border: 1px solid #E5E5E5; border-radius: 4px; margin-bottom: 0px; padding: 10px 20px; position: relative; } .faq-tab .panel-title a { color: #C4C4C4; } .faq-tab .panel-title a:hover { color: #1B2559; } .faq-tab .panel-title a:not(.collapsed) { color: #1B2559; } .faq-tab .panel-title a.collapsed::after { content: "\f067"; font-family: "Font Awesome 5 Free"; color: #f09e9e; font-weight: 600; font-size: 14px; position: absolute; top: 10px; right: 20px; } .faq-tab .panel-title a::after { content: "\f068"; font-family: "Font Awesome 5 Free"; color: #f09e9e; font-weight: 600; font-size: 14px; position: absolute; top: 10px; right: 20px; } .faq-tab .panel-title a:not(.collapsed)::after { color: #FF0000; } .faq-tab .panel-body { padding: 10px 20px; border: 1px solid #E5E5E5; } .faq-tab .panel-body textarea { min-height: 100px; border: 0; border-radius: 0 0 4px 4px; } .invoice-total-card .invoice-total-title { font-weight: 600; font-size: 16px; color: #1B2559; margin-bottom: 15px; } .invoice-total-box p { position: relative; margin: 0 0 11px 0; position: relative; font-weight: 500; color: #333; } .invoice-total-box p span { float: right; color: #3F4254; font-weight: 600; } .invoice-total-box .add-links { font-weight: 500; color: #e90202; margin-bottom: 20px; display: block; } .invoice-total-box .service-trash { margin-bottom: 10px; color: #1B2559; } .invoice-total-box .service-trash i { color: #EC1361; } .invoice-total-box .add-links-one { font-weight: 500; color: #e90202; } .invoice-total-box .service-trash-one { margin-top: 10px; color: #1B2559; } .invoice-total-box .service-trash-one i { color: #EC1361; } .invoice-total-box .status-toggle .checktoggle::after { height: 14px; width: 14px; } .invoice-total-box .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; poArimo-events: none; position: absolute; } .invoice-total-box .check:checked + .checktoggle:after { background-color: #fff; left: 100%; transform: translate(calc(-100% - 2px), -50%); height: 14px; width: 14px; } .checktoggle { background-color: #CFCFCF; border: 1px solid #CFCFCF; cursor: poArimo; font-size: 0; height: 15px; margin-left: 10px; top: 3px; margin-bottom: 0; position: absolute; width: 30px; display: inline-block; border-radius: 12px; } .checktoggle:after { content: " "; display: block; width: 8px; height: 8px; background-color: #fff; position: absolute; top: 50%; left: 0; border-radius: 50%; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translate(3px, -50%); -webkit-transform: translate(3px, -50%); -ms-transform: translate(3px, -50%); } .onoffswitch { margin-left: auto; position: relative; width: 73px; } .onoffswitch-checkbox { display: none; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .onoffswitch-label { display: block; overflow: hidden; cursor: poArimo; border-radius: 20px; margin-bottom: 0; } .onoffswitch-inner { display: block; margin-left: -100%; transition: margin 0.3s ease-in 0s; width: 200%; } .onoffswitch-inner:before { background-color: #55ce63; color: #fff; content: "ON"; padding-left: 14px; } .onoffswitch-inner:after { content: "OFF"; padding-right: 14px; background-color: #ccc; color: #fff; text-align: right; } .onoffswitch-inner:before, .onoffswitch-inner:after { box-sizing: border-box; color: #fff; display: block; float: left; font-size: 16px; height: 30px; line-height: 32px; padding: 0; width: 50%; } .onoffswitch-switch { background: #fff; bottom: 0; display: block; height: 20px; margin: 5px; width: 20px; border-radius: 20px; position: absolute; top: 0; right: 43px; bottom: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .invoice-total-footer { margin: 0 0 26px 0; } .invoice-total-footer h4 { margin-bottom: 0; font-weight: 600; font-size: 16px; color: #3F4254; } .invoice-total-footer h4 span { float: right; } .upload-sign { float: right; margin-top: 20px; } .upload-sign .btn { min-width: 198px; border-radius: 8px; padding: 10px 0; } .service-upload { border: 2px dashed #E5E5E5; text-align: center; background-color: #fff; position: relative; padding: 16px 0; min-height: 180px; } .service-upload .drop-browse { font-size: 14px; font-weight: 500; color: #3F4254; margin-bottom: 5px; } .service-upload .drop-browse p { font-weight: 500; font-size: 14px; color: #B5B5C3 !important; } .service-upload span { font-size: 13px; color: #858585; display: block; } .service-upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: poArimo; } .service-upload-info { min-height: 58px; } .invoice-info-card { border-radius: 14px; } .invoice-item-one { margin: 0 0 30px; } @media (max-width: 768px) { .invoice-item-one { margin: 0 0 20px; } } .invoice-item-one .invoice-info { text-align: right; } .invoice-item-one .invoice-info h1 { font-weight: 600; font-size: 24px; color: #4A3AFF; } @media (max-width: 768px) { .invoice-item-one .invoice-info h1 { font-size: 26px; } } .invoice-item-one .invoice-details { color: #1B2559; font-weight: 400; } .customer-text-one { font-size: 20px; color: #1B2559; font-weight: 600; display: block; margin: 0 0 8px; } @media (max-width: 768px) { .customer-text-one { font-size: 18px; } } .invoice-name { color: #1B2559; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .invoice-head { margin-bottom: 30px; } .invoice-head h2 { font-weight: 600; font-size: 28px; color: #1B2559; text-transform: uppercase; margin-bottom: 0; } .invoice-head p { font-weight: 400; font-size: 20px; color: #1B2559; margin-bottom: 0; } .invoice-item-two { border-bottom: 1px solid #EFEFEF; margin: 0 0 15px; padding: 15px 0; } .invoice-item-two .invoice-details { color: #1B2559; font-weight: 400; } .invoice-item-box { background: #F7F7FF; border-radius: 5px; padding: 15px; width: 200px; float: right; margin-top: 20px; } .invoice-item-box p { color: #1B2559; font-weight: 400; margin-bottom: 10px; } .invoice-issues-box { background: #e90202; border-radius: 10px; text-align: center; padding: 10px; margin-bottom: 30px; } .invoice-issues-date { padding-top: 20px; padding-bottom: 20px; } .invoice-issues-date p { font-weight: 600; font-size: 16px; color: #fff; margin-bottom: 0; } .invoice-table-wrap { margin: 0 0 30px; } .invoice-table-wrap .invoice-table-head { margin: 0 0 30px; } .invoice-table > thead > tr > th { background: #F5F7FF; border-top: 0; font-weight: 500; font-size: 16px; color: #1B2559; } .invoice-table > tbody > tr > td { font-weight: 400; color: #1B2559; padding: 15px 20px; } .terms-conditions { margin: 0 0 20px; } .invoice-terms { margin: 0 0 30px; } .invoice-terms h6 { font-weight: 600; margin: 0 0 5px; font-size: 16px; color: #3F4254; } .invoice-terms p { font-weight: 400; font-size: 14px; color: #8F9BBA; } .invoice-terms .invoice-terms-icon { background: #EFEFEF; border-radius: 10px; padding: 10px; display: inline-flex; } .invoice-terms .invoice-terms-icon i { color: #e90202; font-size: 30px; } .invoice-sign span { font-weight: 400; font-size: 18px; color: #000000; margin: 0 0 11px; } .invoice-item-bg { background: #e90202; border-radius: 10px; margin-top: 30px; margin-bottom: 30px; } .invoice-item-bg .invoice-info { border-right: 1px solid #fff; margin: 20px 0 0; padding: 30px; } .invoice-item-bg .customer-text-one { color: #fff; } .invoice-item-bg .invoice-name { color: #fff; } .invoice-item-bg .invoice-details-two { color: #fff !important; } .invoice-item-bg .invoice-info-one p { color: #fff; margin-bottom: 10px; } .invoice-circle-img { position: relative; } .invoice-circle-img .invoice-circle1 { opacity: 0.1; position: absolute; left: 0; } .invoice-circle-img .invoice-circle2 { opacity: 0.1; position: absolute; right: 0; } .invoice-sign-box { margin-top: 30px; } .invoice-payment-box h4 { font-weight: 600; font-size: 16px; color: #1B2559; margin-bottom: 16px; } .invoice-payment-box .payment-details { background: transparent; border: 2px dashed #e90202; } .invoice-payment-box .payment-details p { font-weight: 600; font-size: 16px; color: #1B2559; } .invoices-preview .modal-body { padding: 0; } .invoice-item .invoice-logo img { width: auto; max-height: 52px; } .invoice-item .invoice-text h2 { color: #272b41; font-size: 36px; font-weight: 600; font-weight: 400; } .invoice-item .invoice-details { font-size: 16px; text-align: center; font-weight: 400; } @media (max-width: 768px) { .invoice-item .invoice-details { text-align: left; margin-bottom: 10px; } } .invoice-item .invoice-details strong { color: #3F4254; } .invoice-item .invoice-details span.text-danger { margin-left: 20px; position: relative; } .invoice-item .invoice-details span.text-danger::before { width: 6px; height: 6px; border-radius: 50%; content: ""; background: #ff0000; position: absolute; bottom: 5px; left: -12px; } .invoice-item .invoice-details-two { text-align: left; font-size: 14px; font-weight: 500; color: #333; } .invoice-item .customer-text { font-size: 20px; color: #000; font-weight: 600; margin-bottom: 16px; display: block; } .invoice-item .customer-text a { font-size: 14px; color: #e90202; margin-left: 12px; } .invoice-item-date { border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; margin: 0 0 15px; padding: 15px 0; } .invoice-item-bg .invoice-item .invoice-details-two { text-align: left; color: #fff !important; } .invoice-info p { margin-bottom: 0; } .invoice-info.invoice-info2 { text-align: left; } .invoice-info h5 { font-size: 16px; font-weight: 500; } .invoice-table tr th, .invoice-table tr td, .invoice-table-two tr th, .invoice-table-two tr td { font-weight: 600; padding: 15px 20px; line-height: inherit; } .invoice-table tr td, .invoice-table-two tr td { font-weight: 500; } .invoice-table-two { margin-bottom: 0; } .invoice-table-two tr td { text-align: right; } .invoice-table-two tr th, .invoice-table-two tr td { border-top: 0; } .other-info { margin-top: 10px; } .file { visibility: hidden; position: absolute; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .font-size-14 { font-size: 14px; } .form-group-bank { border: 2px solid #EFEFEF; padding: 20px; border-radius: 10px; background-color: #F7F8F9; } .form-group-bank .select2-container .select2-selection--single { height: 43px; } .form-group-bank .select2-container--default .select2-selection--single .select2-selection__rendered { color: #333; line-height: 43px; border-radius: 5px; padding-right: 30px; padding-left: 15px; } .form-group-bank .input-block .form-control { padding: 10px; } .form-group-bank .input-block textarea { height: 91px !important; } .form-group-bank .form-groups { margin-top: 8px; } .recurring-tab ul { border: 1px solid #E5E7EB; border-radius: 10px; } .recurring-tab ul li button { padding: 10px; width: 45px; } .recurring-tab ul li button.active { padding: 10px; background-color: #e90202 !important; } .recurring-tab ul li button.active.yes { border-radius: 10px 0 0 10px; } .recurring-tab ul li button.active.no { border-radius: 0 10px 10px 0; } .sort-by-ticket .select2-container--default .select2-selection--single { border: none; background: transparent !important; } .sort-by-ticket .select2-container--default .select2-selection__rendered { padding-left: 0; padding-right: 26px; } .sort-by-ticket .select2-container--default .select2-selection__arrow { right: 0; } .invoice-info2 .due-date span.text-danger { position: relative; margin-left: 20px; display: inline-block; } .invoice-info2 .due-date span.text-danger::before { width: 6px; height: 6px; border-radius: 50%; content: ""; background: #ff0000; position: absolute; bottom: 7px; left: -12px; } .activity-feed .feed-item.timeline-item::after { background: #e90202; border-color: #e90202; width: 8px; height: 8px; } .activity-feed .feed-item.timeline-item::before { display: none; } .activity-feed .feed-item.timeline-item span.timeline-user { font-size: 14px; margin-bottom: 2px; display: inline-block; } .activity-feed .feed-item.timeline-item span.timeline-user a { font-size: 13px; color: #3F4254; } .activity-feed .feed-item.timeline-item .invoice-date span { display: inline-block; font-size: 12px; color: #BEBEBE; } .activity-feed .feed-item.timeline-item .invoice-date span.start-date { margin-right: 10px; } .card.timeline-card { background: #F7F8F9; border: 1px solid #EFEFEF; border-radius: 10px; } .modal-body .payment-heading h5 { color: #000; font-size: 16px; font-weight: 600; margin-bottom: 13px; } .pay-modal .modal-header h4.modal-title { font-size: 18px; } .pay-modal .modal-header h4.modal-title span { color: #e90202; } .pay-modal .modal-header h5 { color: #3F4254; font-size: 14px; } .pay-modal .modal-header h5 span { color: #333; } @media (max-width: 991.98px) { .paynow-tab ul { flex-direction: column; } .paynow-tab ul li { width: 100%; margin-bottom: 20px; } .paynow-tab ul li:last-child { margin-bottom: 0; } } .paynow-tab .nav-pills .nav-item button { width: 100%; background: #fff; border: 1px solid #E0E0E0; border-radius: 4px; color: #333; text-align: left; position: relative; padding: 10px 20px 10px 50px; } .paynow-tab .nav-pills .nav-item button i { position: absolute; top: 13px; right: 20px; } .paynow-tab .nav-pills .nav-item button::before { content: ""; width: 20px; height: 20px; border: 1px solid #E0E0E0; border-radius: 50%; position: absolute; top: 11px; left: 22px; } .paynow-tab .nav-pills .nav-item button.active { color: #3F4254; } .paynow-tab .nav-pills .nav-item button.active::before { border-color: #2DA7FF; } .paynow-tab .nav-pills .nav-item button.active::after { content: ""; width: 12px; height: 12px; background: #2DA7FF; border-radius: 50%; position: absolute; top: 15px; left: 26px; } @media print { .filter-list { display: none !important; } .header-one { display: none !important; } html, body { height: 100vh; margin: 0 !important; padding: 0 !important; } .right-side-views { display: none; } .sidebar-layout { display: none; } .sidebar-settings { display: none; } } .profile-picture { margin: 0 0 30px 0; } @media (max-width: 575.98px) { .profile-picture { display: block; margin: 0 0 25px 0; } } .profile-picture .upload-profile { margin-right: 50px; } @media (max-width: 575.98px) { .profile-picture .upload-profile { margin: 0 0 20px 0; } } .profile-picture .upload-profile .profile-img .avatar { width: 61px; height: 61px; } @media (max-width: 575.98px) { .profile-picture .upload-profile .profile-img .avatar { margin: 0 20px 0 0; } } .profile-picture .upload-profile .add-profile h5 { font-size: 14px; margin: 0 0 4px; } .profile-picture .upload-profile .add-profile span { font-size: 14px; } .profile-picture .img-upload { position: relative; } @media (max-width: 768px) { .profile-picture .img-upload .btn { max-width: 120px; } } .profile-picture .img-upload .btn { position: relative; overflow: hidden; cursor: poArimo; min-width: 82px; margin: 0 15px 0 0; padding: 8px 20px; } .profile-picture .img-upload .btn input { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: #fff; cursor: inherit; display: block; } .profile-picture .img-upload .upload { background-color: #e90202; color: #fff; margin: 0 15px 0 0; padding: 8px 20px; border-radius: 6px; } .profile-picture .img-upload .btn-remove { background-color: #fff; color: #ED3A3A; border: 1px solid #ED3A3A; min-width: 87px; padding: 8px 20px; box-shadow: inset 0 0 0 0 #ED3A3A; border-radius: 6px; } .profile-picture .img-upload .btn-remove:hover { color: #fff; background-color: #ED3A3A; box-shadow: inset 0 50px 0 0 #ED3A3A; } .billing-btn { margin: 0 0 15px 0; } .billing-btn button { background-color: #e90202; color: #fff; } .billing-btn .btn-primary { min-width: 139px; border-radius: 6px; padding: 8px 20px; } .card-title.title-form { margin-bottom: 36px; } .custom_radio, .custom_radio_one { color: #333; position: relative; font-size: 14px; padding-left: 25px; margin-bottom: 10px; cursor: poArimo; user-select: none; } .custom_radio input, .custom_radio_one input { position: absolute; opacity: 0; padding: 0; } .custom_radio input:checked ~ .checkmark, .custom_radio_one input:checked ~ .checkmark { border: 1px solid #e90202; } .custom_radio input:checked ~ .checkmark:after, .custom_radio_one input:checked ~ .checkmark:after { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1; visibility: visible; } .custom_radio .checkmark, .custom_radio_one .checkmark { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background-color: transparent; border: 1px solid #cfcfcf; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom_radio .checkmark:after, .custom_radio_one .checkmark:after { display: block; content: ""; position: absolute; top: 2px; left: 2px; opacity: 0; width: 12px; height: 12px; border-radius: 50%; background: #e90202; visibility: visible; transform: scale(0.1); -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card-support { background: #fff; border: 1px solid #EFEFEF; box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.2); } .customer-details-group .customer-details { margin: 0 0 25px 0; } .customer-details-group .customer-details .customer-widget-img { margin: 0 15px 0 0; width: 60px; height: 60px; } @media (max-width: 768px) { .customer-details-group .customer-details .customer-widget-img { width: 40px; height: 40px; } } .customer-details-group .customer-details .customer-widget-img i { font-size: 24px; } .customer-details-group .customer-details .customer-widget-icon { margin: 0 15px 0 0; } .customer-details-group .customer-details .customer-widget-icon i { background: #F3F3F9; padding: 18px; border-radius: 50px; font-size: 24px; } @media (max-width: 768px) { .customer-details-group .customer-details .customer-widget-icon i { padding: 10px; font-size: 20px; } } .customer-details-group .customer-details .customer-details-cont h6 { font-weight: 600; margin-bottom: 4px; } .customer-details-group .customer-details .customer-details-cont p { color: #333; margin: 0; } .customer-details-group .customer-details .customer-details-cont .customer-mail { text-overflow: ellipsis; overflow: hidden; max-width: 150px; white-space: nowrap; } .ticket-details-group { margin: 0 0 40px 0; } .ticket-details-group .ticket-widget-img { width: 61px; height: 61px; background: #fff; margin: 0 15px 0 0; padding: 16px; } .ticket-details-group .ticket-details-cont p { font-weight: 600; color: #e90202; margin: 0 0 4px 0; } .ticket-details-group .ticket-details-cont h6 { font-weight: 600; font-size: 18px; color: #3F4254; margin: 0; } @media (max-width: 768px) { .ticket-details-group .ticket-details { margin: 30px 0 0; padding: 0; } } .ticket-details-group .ticket-details .badge { padding: 8px; } .ticket-description-group { margin: 0 0 24px; } .ticket-description-group h6 { font-weight: 600; font-size: 14px; color: #28084B; margin: 0 0 18px; } .ticket-description-group p { margin: 0 0 10px; } .ticket-information { margin: 0 0 28px; padding: 0 0 28px; border-bottom: 1px solid #EFEFEF; } .ticket-information .customer-details { border-right: 1px solid #EFEFEF; } @media (max-width: 768px) { .ticket-information .customer-details { margin: 0 0 30px; padding: 0; } } .ticket-information .customer-widget-img { width: 50px; height: 50px; margin: 0 10px; } .ticket-information .customer-widget-icon { margin: 0 10px 0; padding: 15px; background: #fff; } .ticket-information .customer-widget-icon i { font-size: 20px; } .ticket-information .customer-details-cont h6 { font-weight: 400; color: #3F4254; margin: 0 0 4px; } .ticket-information .support-widget-icon { margin: 0 10px 0 0; padding: 12px; background: #F3F3F3; } .ticket-information .support-widget-icon i { font-size: 18px; font-weight: 600; color: #3F4254; } .ticket-information .support-details-cont h6 { font-weight: 600; color: #3F4254; margin: 0 0 4px; } @media (max-width: 575.98px) { .ticket-information .support-details-cont h6 { font-size: 12px; } } .ticket-information .support-details { background: #fff; border: 1px solid #EFEFEF; border-radius: 8px; margin: 0 0 13px; padding: 9px; line-height: 20px; } .ticket-information .support-details .btn-action-icon { background: #F3F3F3; color: #333; width: 30px; height: 30px; padding: 0; border-radius: 50px; } .ticket-history .card-inform { margin: 0 0 31px; } @media (max-width: 575.98px) { .ticket-history .card-inform { margin: 15px 0 31px; } } .ticket-history .card-inform #image_personal { display: none; } .ticket-history .card-inform .ticket-info h6 { font-weight: 600; font-size: 14px; color: #28084B; } .ticket-history .card-inform .ticket-info .ticket-upload { background-color: #fff; border: 1px solid #e90202; color: #e90202; box-shadow: inset 0 0 0 #e90202; padding: 6px 15px; font-size: 14px; border-radius: 5px; cursor: poArimo; } .ticket-sidebar .action-sets { border: 1px solid rgba(145, 158, 171, 0.32); padding: 4px 10px; color: #333; line-height: 34px; border-radius: 5px; } .ticket-sidebar .dropdown-menu { min-width: 220px; border-radius: 6px; margin-top: 0 !important; } .ticket-sidebar .dropdown-menu .dropdown-item { font-size: 14px; justify-content: start; } .ticket-sidebar .dropdown-menu .dropdown-item i { line-height: 20px !important; } .ticket-sidebar .multiselect-native-select .multiselect-container.dropdown-menu { transform: translate3d(0px, 40px, 0px) !important; right: 0 !important; left: 0 !important; padding: 10px; border: 1px solid #F4F3FF; box-shadow: 0px 6px 13px rgba(213, 228, 235, 0.11); border-radius: 5px; margin-top: 7px !important; max-height: 464px; min-width: 270px !important; width: 100%; } .multi-search-select-image { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px; } .multiselect { border: 1px solid #E3E2FF; border-radius: 5px; background: #FBFBFF; height: 40px; padding: 8px 20px; text-align: left !important; line-height: 15px; } .dropdown-item img { margin-right: 5px; } .multi-drop-img { height: 25px; width: 25px !important; border-radius: 50%; margin-right: 5px; } .comments .comments-head h5 { font-weight: 600; font-size: 20px; margin-bottom: 24px; } .comments .comments-widget-img { width: 40px; height: 40px; margin: 0 10px 0 0; } .comments .comments-widget-icon { margin: 0 10px 0; padding: 15px; background: #fff; } .comments .comments-widget-icon i { font-size: 20px; } .comments .comments-details-cont h6 { font-weight: 600; color: #3F4254; margin: 0 0 4px; } .comments .card-describe { margin: 16px 0 0; } .comments .card-describe p { font-weight: 400; line-height: 26px; } .comments .card-describe .describe-btn .badge { margin: 7px; } .comments .describe-btn { margin: 22px 0 0; } .comments .describe-btn .badge { padding: 7px; border-radius: 4px; font-weight: 400; min-width: 66px; justify-content: center; } .comments .describe-btn span { font-size: 12px; align-items: center; } .comments .reply-comment { font-weight: 600; font-size: 14px; line-height: 0; color: #3F4254; } .comments .reply-comment i { font-weight: 600; line-height: 0; } .radio_input .custom_radio + .custom_radio { margin-left: 15px; } .input-block .label-text { font-size: 14px; color: #455560; font-weight: 600; margin: 0 0 5px 0; } .check-mark-status .status-toggle .checktoggle { transform: translate(calc(-30% - 5px), 0%); } .check-mark-status .status-toggle .check:checked + .checktoggle { transform: translate(calc(-30% - 5px), 0%); } .add-customer-btns .btn { font-size: 14px; } @media (max-width: 575.98px) { .add-customer-btns .btn { max-width: inherit; margin: 10px; } } .add-customer-btns .customer-btn-cancel { color: #3F4254; border: 1px solid #BDBDBD; background: #fff; border-radius: 6px; margin: 0 12px 0 0; padding: 11px 22px; } @media (max-width: 575.98px) { .add-customer-btns .customer-btn-cancel { margin: 0 10px 0 0; } } .add-customer-btns .customer-btn-cancel:hover { color: #fff; background: #3F4254; border-color: #3F4254; box-shadow: inset 0 50px 0 0 #3F4254; } .add-customer-btns .customer-btn-save { color: #fff; border: 1px solid #e90202; background: #e90202; box-shadow: inset 0 0 0 0 #fff; border-radius: 6px; padding: 11px 22px; } @media (max-width: 320px) { .add-customer-btns .customer-btn-save { margin: 0 0 0 0; padding: 8px 15px; } } .add-customer-btns .customer-btn-save:hover { color: #e90202; background: #fff; border-color: #e90202; box-shadow: inset 0 50px 0 0 #fff; } .add-vendor-btns .btn { font-size: 14px; } @media (max-width: 320px) { .add-vendor-btns .btn { max-width: inherit; } } .add-vendor-btns .vendor-btn-cancel { color: #2DA7FF; border: 1px solid #2DA7FF; background: #fff; box-shadow: inset 0 0 0 0 #2DA7FF; border-radius: 6px; min-width: 98px; margin: 0 12px 0 0; padding: 10px 20px; } @media (max-width: 320px) { .add-vendor-btns .vendor-btn-cancel { margin: 0 10px 0 0; padding: 8px 15px; } } .add-vendor-btns .vendor-btn-cancel:hover { color: #fff; background: #2DA7FF; border-color: #2DA7FF; box-shadow: inset 0 50px 0 0 #2DA7FF; } .add-vendor-btns .vendor-btn-add { color: #fff; border: 1px solid #e90202; background: #e90202; box-shadow: inset 0 0 0 0 #fff; border-radius: 6px; min-width: 136px; margin: 0 0 0 0; padding: 10px 15px; } @media (max-width: 320px) { .add-vendor-btns .vendor-btn-add { margin: 0 0 0 0; padding: 8px 15px; } } .add-vendor-btns .vendor-btn-add:hover { color: #e90202; background: #fff; border-color: #e90202; box-shadow: inset 0 50px 0 0 #fff; } .iti--separate-dial-code .iti__selected-flag { background-color: transparent; } .customer-additional-form .input-block label { color: #282828; } .customer-additional-form .custom_radio .checkmark { top: 2px; border-color: #333; } .customer-additional-form .status-toggle .checktoggle:after { height: 18px; width: 18px; transform: translate(3px, -50%); -webkit-transform: translate(3px, -50%); } .customer-additional-form .status-toggle .check:checked + .checktoggle:after { transform: translate(calc(-100% - 3px), -50%); -webkit-transform: translate(calc(-100% - 3px), -50%); } .product-list-item-img { display: flex; align-items: center; } .product-list-item-img img { width: 30px; height: 30px; border-radius: 4px; margin-right: 8px; } .product-list-item-img span { color: #1F0066; } .table tbody td h2.table-avatar a.product-list-item-bg { margin-right: 8px; width: 40px; height: 40px; background: #E0E0E0; border-radius: 6px; } .input-block.add-products { position: relative; } .input-block.add-products button { position: absolute; top: 34px; right: 5px; padding: 5px; } .dropdown-menu.dropdown-menu-right.quatation-dropdown { width: 200px; height: 200px; overflow: auto; } .input-block input.form-control { color: #3F4254; font-size: 14px; } .description-box .note-fullscreen, .description-box .note-fontname, .description-box .note-undo, .description-box .note-redo, .description-box .note-fontsize, .description-box .note-para { display: none; } .description-box .note-resizebar { visibility: hidden; } .description-box .note-frame { height: 180px; background: #fff; } .price-table-main .card { margin: 30px 0 0 0; } .price-table-main .price-selected { margin: 0; background: #e90202; border: 1px solid #EFF0F7; border-radius: 24px; color: #fff; } .price-table-main .plan-selected { margin: 0 0 30px 0; } .price-table-main h4 { font-weight: 600; font-size: 18px; } .price-table-main .status-toggle .checktoggle { transform: translate(calc(0% - 5px), 0%); width: 74px; height: 33px; border-radius: 20px; } .price-table-main .status-toggle .checktoggle:after { height: 20px; width: 20px; left: 5px; } .price-table-main .status-toggle .check:checked + .checktoggle { transform: translate(calc(0% - 5px), 0%); } .price-table-main .plan-header { margin: 0 0 16px 0; } .price-table-main .plan-header .plan-widget-icon { background: #ECEBFF; padding: 10px; border-radius: 16px; } .price-table-main .plan-header .plan-title { margin: 0 0 0 18px; } .price-table-main .plan-header .plan-title h6 { color: #333; } .price-table-main .plan-header .plan-name { font-weight: 700; } .price-table-main .price-popular { margin: 0 0 0 30px; padding: 12px 24px; background: rgba(255, 255, 255, 0.2); border-radius: 10px; font-size: 14px; font-weight: 400; height: 100%; } @media (max-width: 1199.98px) { .price-table-main .price-popular { margin: 0 0 0 30px; padding: 8px 10px; } } @media (max-width: 992px) { .price-table-main .price-popular { display: none; } } .price-table-main .description-content p { margin: 0 0 10px 0; } .price-table-main .price-dollar h1 { font-size: 48px; font-weight: 700; margin: 0 0 10px 0; } .price-table-main .price-dollar h1 span { font-weight: 500; color: #333; font-size: 13px; } @media (max-width: 1199.98px) { .price-table-main .price-dollar h1 { font-size: 40px; } } .price-table-main .plan-description { margin: 0 0 34px 0; } .price-table-main .plan-description h6 { font-size: 16px; font-weight: 600; margin: 0 0 18px 0; } .price-table-main .plan-description ul li { margin: 0 0 14px 0; } .price-table-main .plan-description ul li:last-child { margin: 0; } .price-table-main .plan-description ul li span { background: #4A3AFF; color: #fff; display: inline-flex; margin: 0; padding: 3px; line-height: 0; } .price-table-main .plan-description ul li span i { font-weight: 500; } .price-table-main .plan-button .btn { padding: 10px; font-size: 16px; font-weight: 600; } .price-table-main .plan-button .btn span { line-height: 0; } .price-table-main .plan-header-selected { margin: 30px 0 30px 0; } .price-selected .card-body { color: #fff; } .price-table-main .status-toggle .check:checked + .checktoggle:after { transform: translate(calc(-100% - 5px), -50%); } .kanban-ticket-main { overflow-X: auto; } .kanban-ticket-main .kanban-ticket-list { min-width: 240px; width: 240px; } .kanban-ticket-main .kanban-ticket-list li { margin: 0 8px; } .kanban-ticket-main .kanban-ticket-list li:last-child { margin-right: 0; margin-left: 0; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid { -ms-flex: 100%; flex: auto; max-width: 100%; margin: 0 0 16px; padding: 0 16px 0px 0; } @media (max-width: 1199.98px) { .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid { -ms-flex: 100%; flex: auto; max-width: 100%; } } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket { margin-bottom: 20px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head h6 { font-size: 14px; font-weight: 500; color: #000000; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head span { line-height: 0; width: 20px; height: 20px; font-size: 12px; font-weight: 600; color: #EBBC2E; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket a i { font-size: 16px !important; font-weight: 600 !important; color: #989c9e; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban { background: #fff; border: 1px solid #EFEFEF; box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.2); cursor: move; border-radius: 5px; padding: 12px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-name { margin: 0 0 10px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-name .badge { padding: 10px; font-size: 11px; min-width: 66px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-name i { font-weight: 600 !important; color: #989c9e; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box h6 { margin: 0 0 12px; font-size: 13px !important; font-weight: 600 !important; color: #000000; margin: 0 0 12px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .ticket-due { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #EFEFEF; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .ticket-due .badge { padding: 8px; font-size: 11px; font-weight: 400; border-radius: 3px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-ticket-img li { margin-left: -10px; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-ticket-img li:first-child { margin: 0; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-ticket-img li span { border: 2px solid #fff; width: 26px; height: 26px; background: #EFF2F5; border-radius: 50px; color: #4B4B9F; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .kanban-ticket-img li img { border: 2px solid #fff; width: 26px; height: 26px; color: #4B4B9F; } .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box .progressset p { font-size: 11px; } .greentext { background-color: #33B469; } .bluetext { background-color: #377dff; } .orangetext { background-color: #FF9900; } .yellowtext { background-color: #FF9900; } .redtext { background-color: #ff0000; } .selecttext { background: #fff; color: #333 !important; } .select-status select { border: 1px solid rgba(145, 158, 171, 0.32); padding: 4px 10px; color: #fff; line-height: 34px; border-radius: 5px; } .select-status select option { background: #fff; color: #333; } .custom-select-trigger { position: relative; display: block; width: 130px; padding: 0 84px 0 22px; font-size: 22px; font-weight: 400; color: #fff; line-height: 60px; background: #fff; border-radius: 54px; cursor: poArimo; } .ticket-assigny { position: relative; } .ticket-assigny .ticket-assigned { position: absolute; left: 10px; top: 40px; z-index: 999; } .ticket-assigny .ticket-assigned img { width: 25px; height: 25px; } .ticket-assigny .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 40px; } .alertify .ajs-footer { border-top: 1px solid #eee; } .alertify .ajs-footer .ajs-buttons .ajs-button { font-weight: 500; background-color: transparent; color: #000; border: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; } .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok { color: #5156be; } .alertify .ajs-footer .ajs-buttons.ajs-primary { text-align: right; } .alertify .ajs-body .ajs-content .ajs-input { display: block; width: 100%; padding: 8px; margin: 4px; border-radius: 2px; border: 1px solid #ccc; } .alertify .ajs-body .ajs-content .ajs-input:focus-visible { outline: 0; } .alertify .ajs-commands { right: 4px; left: auto; margin: -14px 0 0 24px; } .alertify .ajs-header { border-bottom: 1px solid #eee; } .alertify-notifier .ajs-message { background-color: #5156be; border-color: #5156be; color: #fff; text-shadow: none !important; } .alertify-notifier .ajs-message.ajs-success { background-color: #33B469; border-color: #33B469; } .alertify-notifier .ajs-message.ajs-error { background-color: #fd625e; border-color: #fd625e; } .alertify-notifier .ajs-message.ajs-warning { background-color: #ffbf53; border-color: #ffbf53; } .alertify-notifier.ajs-right { right: 10px; left: auto; } .alertify-notifier.ajs-right .ajs-message { right: -320px; left: auto; } .alertify-notifier.ajs-right .ajs-message.ajs-visible { right: 290px; left: auto; } .alertify-notifier.ajs-left { left: 10px; right: auto; } .alertify-notifier.ajs-left .ajs-message { left: -300px; right: auto; } .alertify-notifier.ajs-left .ajs-message.ajs-visible { left: 0; right: auto; } body[data-layout-mode=dark] .alertify .ajs-dialog { background-color: #313533; } body[data-layout-mode=dark] .alertify .ajs-body { color: #adb5bd; } body[data-layout-mode=dark] .alertify .ajs-body .ajs-content .ajs-input { color: #adb5bd; background-color: #363a38; border: 1px solid #3b403d; } body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button { color: #adb5bd; } body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok { color: #5156be; } body[data-layout-mode=dark] .alertify .ajs-footer, body[data-layout-mode=dark] .alertify .ajs-header { color: #ced4da; background-color: #313533; border-color: #3b403d; } .swal2-actions button { margin-right: 10px; } .swal2-title { font-size: 22px !important; } .blog { background: #fff; border-radius: 10px; margin-bottom: 25px; border: 2px solid #EFEFEF; position: relative; } .grid-blog .blog-image { border-radius: 10px; } .grid-blog .entry-meta { flex-wrap: wrap; margin-bottom: 0; padding: 0; } .grid-blog .entry-meta li { margin-bottom: 15px; } .grid-blog .post-widget { background: #F3F3F9; font-size: 12px; border-radius: 6px; line-height: 17px; padding: 5px; color: #3F4254; margin-right: 10px; } .grid-blog .post-author { width: 189px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .grid-blog .blog-title { font-size: 16px; margin: 0 0 6px; } .grid-blog .blog-title a { color: #333; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; font-weight: 600; font-size: 16px; line-height: 24px; } .grid-blog .blog-title a:hover { color: #e90202; } .grid-blog .blog-content p { margin: 0 0 14px 0; color: #333; } .blog-image { display: block; position: relative; width: 100%; height: auto; } .blog-image > a { display: block; position: relative; width: 100%; height: auto; } .blog-image img { display: block; position: relative; width: 100%; height: auto; border-radius: 10px; transform: translateZ(0); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .blog-content { position: relative; padding: 20px; } .entry-meta li { display: inline-block; margin-right: 15px; } .back-btn { font-weight: 600; font-size: 16px; color: #e90202; display: inline-block; margin-bottom: 18px; } .post-author span:nth-child(1):hover { color: #e90202; } .post-author img { border-radius: 50px; width: 36px; height: 36px; margin-right: 10px; } .post-title { display: block; color: #092C4C; font-weight: 600; font-size: 14px; } .post-date { font-size: 12px; color: #7E84A3; } .blog-views { position: absolute; top: 20px; right: 12px; background: #fff; border-radius: 6px; padding: 2px 5px; font-size: 12px; text-align: center; display: block; min-width: 47px; } .blog-views img { width: auto; margin-right: 5px; } .blog-catagories { position: absolute; top: 15px; right: 15px; background: #FC8543; border-radius: 6px; min-width: 92px; padding: 6px 10px; } .blog-catagories p { color: #fff; font-weight: 600; font-size: 14px; margin-bottom: 0px; } .edit-delete-btn a { margin-right: 6px; font-size: 14px; font-weight: 500; color: #9e9e9e; } .edit-delete-btn a:nth-child(1) { margin-right: 6px; } .edit-delete-btn a:nth-child(2) { color: #9e9e9e; } .btn-blog { padding: 10px 22px; } .edit-options { flex-wrap: wrap; line-height: 0; } .active-text { color: #1B5A90; } .modal.contentmodal .modal-content .submit-section .btn.btn-download { min-width: 200px; } .list-links { display: flex; flex-wrap: wrap; padding: 0; } .list-links li { margin: 0 15px 10px 0; list-style: none; } .list-links li a { font-size: 14px; color: #092C4C; border: 1px solid #F5F6FA; display: inline-block; border-radius: 5px; padding: 12px 30px; } .list-links li a:hover { background: #e5e5e8; } .list-links li a span { font-size: 14px; } .list-links li.active a { color: #e90202; } .inactive-style { font-size: 14px; } .select-by .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #092C4C; border-style: solid; border-width: 0 2px 2px 0; padding: 4px; height: 0; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute; top: 45%; width: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .select-by .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #092C4C; border-width: 2px 0 0 2px; padding: 3px; margin-top: -2px; } .modal-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #092C4C; border-style: solid; border-width: 0 2px 2px 0; padding: 4px; height: 0; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute; top: 45%; width: 0; transform: rotate(224deg); -webkit-transform: rotate(224deg); border-color: #092C4C; border-width: 2px 0 0 2px; padding: 3px; margin-top: -2px; } .pagination-tab { padding: 30px; } .header.fixed-header .user-menu.nav > li.view-btn > a { background-color: #fff; color: #000000; } .header.fixed-header .user-menu.nav > li.view-btn > a:hover { background-color: #d19eb7; color: #fff; } .status-toggle { display: flex; align-items: center; } .status-toggle span { margin-left: 8px; font-weight: 400; font-size: 14px; } .change-photo-btn { color: #7E84A3; cursor: poArimo; font-size: 13px; font-weight: 600; padding: 15px; position: relative; text-align: center; height: 120px; background: #fafafa; border: 1px dashed #E1E1E1; vertical-align: middle; margin: auto; margin-bottom: 10px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .change-photo-btn input.upload { bottom: 0; cursor: poArimo; filter: alpha(opacity=0); left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; height: 100px; width: 100%; } .blog-categories-btn { padding: 20px; } .page-header { margin-bottom: 1.875rem; } @media (max-width: 768px) { .page-header { margin-bottom: 0.9375rem; } } .page-header .page-title { color: #333; margin-bottom: 5px; } .bootstrap-tagsinput { background-color: #fff; border: 1px solid #e3e3e3; border-radius: 0; box-shadow: unset; display: flex; align-items: center; overflow-x: auto; min-height: 44px; padding: 10px; } .bootstrap-tagsinput .bg-info { background-color: #e90202 !important; color: #fff; } .bootstrap-tagsinput .badge-info { color: #333; background: #F6F2FF; border-radius: 50px; } .bootstrap-tagsinput .tag [data-role=remove] { margin-left: 8px; cursor: poArimo; color: #ED3A3A; border-radius: 50px; padding: 3px 5px; } .bootstrap-tagsinput .tag [data-role=remove]:after { content: "\f057"; padding: 0px 2px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 18px; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } .bootstrap-tagsinput .badge { font-size: 14px; font-weight: normal; margin-bottom: 0px; padding: 5px 2px 5px 10px; display: flex; align-items: center; width: max-content; } .chat-window { position: relative; } .chat-window .card .card-header { background-color: #fff; border-bottom: 1px solid #E8EBED; } .chat-window .badge-success { background-color: #33B469 !important; } .chat-page .footer { display: none; } .chat-search .input-group .form-control { margin: 0; padding: 0 0 0 36px; height: 46px; } .chat-search .input-group .input-group-prefix { color: #5E5873; poArimo-events: none; z-index: 4; position: absolute; top: 0; right: 15px; bottom: 0; } .chat-cont-left .chat-scroll { max-height: calc(100vh - 250px); overflow-y: auto; padding: 0; } .chat-cont-left .chat-scroll .chat-block { border-bottom: 1px solid #E8EBED; margin: 0; padding: 10px; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .chat-cont-left .chat-scroll .chat-block.active { background-color: #f5f5f5; } .chat-cont-left .chat-scroll .chat-block:hover { background-color: #f5f5f5; } .chat-cont-left .chat-scroll .chat-block .media-img-wrap { margin: 0 15px 0 0; position: relative; } .chat-cont-left .chat-scroll .chat-block .media-img-wrap .avatar > img { width: 100%; height: 100%; object-fit: cover; } .chat-cont-left .chat-scroll .chat-block .media-body .user-name { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #28084B; font-size: 15px; font-weight: 500; } .chat-cont-left .chat-scroll .chat-block .media-body .user-last-chat { color: #333; font-size: 14px; line-height: 24px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chat-cont-left .chat-scroll .chat-block .media-body .last-chat-time { color: #9e9e9e; font-size: 13px; } .chat-cont-left .chat-scroll .chat-block .media-body div:last-child { text-align: left; } .chat-cont-right { -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .chat-cont-right .chat-scroll { max-height: calc(100vh - 240px); overflow-y: auto; } .chat-cont-right .msg_head .back-user-list { display: none; margin: 0 0 0 -10px; padding: 0 10px; } @media (max-width: 991.98px) { .chat-cont-right .msg_head .back-user-list { display: block; } } .chat-cont-right .img_cont { position: relative; height: 45px; width: 45px; } .chat-cont-right .img_cont .user_img { height: 45px; min-width: 45px; width: 45px; border: 1.5px solid #e90202; } .chat-cont-right .user_info { margin: 0 auto 0 15px; padding: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chat-cont-right ul.list-unstyled { margin: 0 auto; padding: 0; width: 100%; } .chat-cont-right ul.list-unstyled .chat-block.sent { margin-bottom: 20px; } .chat-cont-right ul.list-unstyled .chat-block.sent .avatar { order: 3; height: 30px; width: 30px; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body { margin: 0 20px 0 0; padding: 0; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .msg-box { margin: 0; padding: 0 0 0 50px; position: relative; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .msg-box + .msg-box { margin: 5px 0 0; padding: 0; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .msg-box p { margin: 0; padding: 0; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .msg-box:first-child::before { border-bottom: 6px solid transparent; border-left: 6px solid #e3e3e3; border-top: 6px solid #e3e3e3; border-right: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 0; right: -12px; left: auto; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .msg-box > div { margin: 0; padding: 10px; border-radius: 10px; background-color: #e3e3e3; display: inline-block; position: relative; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .msg-box:first-child > div { border-radius: 10px 0 10px 10px; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments { margin: 0 -1px; padding: 4px 0; width: 100%; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments .chat-attachment { position: relative; max-width: 130px; overflow: hidden; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments .chat-attachment:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; content: ""; opacity: 0.4; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments .chat-attachment:hover .chat-attach-download { opacity: 1; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments > div { margin: 0 1px; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments img { max-width: 100%; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-attachments .chat-attach-download { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; color: #fff; width: 32px; line-height: 32px; background: rgba(255, 255, 255, 0.2); text-align: center; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info { margin: 5px 0 0; padding: 0; clear: both; flex-direction: row-reverse; list-style: none; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info li { margin: 0; padding: 0 0 0 16px; position: relative; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info li:not(:last-child)::after { position: absolute; top: 50%; right: auto; left: 8px; transform: translate(-50%, -50%); background: #e90202; content: ""; height: 4px; width: 4px; } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-cont-right ul.list-unstyled .chat-block.sent .media-body .chat-msg-info a { color: #333; } .chat-cont-right ul.list-unstyled .chat-block.received { position: relative; margin-bottom: 20px; } .chat-cont-right ul.list-unstyled .chat-block.received .media-body { position: relative; margin: 0 0 0 10px; padding: 0; } .chat-cont-right ul.list-unstyled .chat-block.received .media-body::before { border-bottom: 6px solid transparent; border-right: 0; border-top: 6px solid #fff; border-left: 0; content: ""; height: 0; position: absolute; top: 0px; right: auto; left: -6px; width: 0; } .chat-cont-right ul.list-unstyled .chat-block.received .media-body > div { margin: 0; padding: 10px 15px; border-radius: 10px; display: table; background: #fff; position: relative; } .chat-cont-right ul.list-unstyled .chat-block.received .media-body > div p { color: #fff; margin: 0; padding: 0; } .chat-cont-right ul.list-unstyled .chat-block.received .msg-box { display: block; } .chat-cont-right ul.list-unstyled .chat-block.received .msg-box + .msg-box { margin-top: 5px; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info { margin: 5px 0 0; padding: 0; clear: both; list-style: none; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-info .chat-time { color: rgba(255, 255, 255, 0.8); } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments { margin: 0 -1px; padding: 4px 0; width: 100%; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments .chat-attachment { position: relative; max-width: 130px; overflow: hidden; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments .chat-attachment:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; content: ""; opacity: 0.4; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments .chat-attachment:hover .chat-attach-download { opacity: 1; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments > div { margin: 0 1px; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments img { max-width: 100%; } .chat-cont-right ul.list-unstyled .chat-block.received .chat-msg-attachments .chat-attach-download { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; opacity: 0; color: #fff; width: 32px; line-height: 32px; background: rgba(255, 255, 255, 0.2); text-align: center; } .chat-cont-right ul.list-unstyled .chat-date { font-size: 14px; margin: 1.875rem 0; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; } .chat-cont-right ul.list-unstyled .chat-date:before { background-color: #e0e3e4; content: ""; height: 1px; margin-right: 28px; position: absolute; top: 50%; right: 50%; width: 100%; } .chat-cont-right ul.list-unstyled .chat-date:after { background-color: #e0e3e4; content: ""; height: 1px; margin: 0 0 0 28px; position: absolute; top: 50%; left: 50%; width: 100%; } .card-footer { background-color: #fff; border-top: 1px solid #E8EBED; margin: 0; padding: 1rem 1.5rem; } .card-footer .type_msg { background-color: rgba(0, 0, 0, 0.1) !important; border: 0 !important; overflow-y: auto; } @media (max-width: 992px) { .chat-window.chat-slide .chat-cont-right { right: 0; opacity: 1; visibility: visible; max-width: 100%; flex: 0 0 100%; width: 100%; } .chat-cont-right { position: absolute; right: 0; opacity: 0; visibility: hidden; z-index: 99; } .chat-cont-right .msg_head .back-user-list { display: flex; align-items: center; } .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-name { font-size: 14px; } } .msg-typing { width: auto; height: 24px; padding-top: 8px; } .msg-typing span { height: 8px; width: 8px; float: left; background-color: #D9D9D9; display: block; opacity: 0.4; margin: 0 1px; border-radius: 50%; } .msg-typing span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; } .msg-typing span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; } .msg-typing span :nth-of-type(3) { animation: 1s blink infinite 0.99999s; } @keyframes blink { 50% { opacity: 1; } } .page-wrapper { margin-left: 262px; padding-top: 60px; position: relative; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 1199.98px) { .page-wrapper { margin-left: 200px; } } .page-wrapper .content { padding: 25px; } @media (max-width: 1199.98px) { .page-wrapper .content { padding: 20px; } } @media (max-width: 991.98px) { .page-wrapper .content { padding: 15px; } } @media (max-width: 991.98px) { .page-wrapper { margin: 0; padding-top: 60px; } } .content-page-header { align-items: center; -webkit-align-items: center; margin: 0 0 30px 0; } @media (max-width: 575.98px) { .content-page-header { display: block; } } @media (max-width: 991.98px) { .content-page-header { flex-wrap: wrap; margin: 0 0 30px 0; } } .content-page-header h5 { font-size: 24px; color: #0F0033; font-weight: 600; margin: 0; line-height: 32px; } @media (max-width: 768px) { .content-page-header h5 { font-size: 18px; } } .content-page-header h6 { font-size: 20px; color: #28084B; font-weight: 600; margin: 0; } .role-testing h6 { font-size: 18px; font-weight: 600; } .role-testing h6 span { color: #e90202; } .role-data { font-weight: 600 !important; color: #3F4254 !important; } .content-invoice-header { margin: 0 0 41px 0; } @media (max-width: 768px) { .content-invoice-header { margin: 0 0 25px 0; } } .content-invoice-header h5 { font-size: 24px; color: #28084B; font-weight: 600; margin: 0; } @media (max-width: 768px) { .content-invoice-header h5 { font-size: 18px; } } .btn-import { border: 1px solid #e90202; color: #e90202; background: #fff; font-weight: 600; transition: all 0.5s; } @media (max-width: 575.98px) { .btn-import { padding: 6px 8px; } } .btn-import:hover { background: #e90202; color: #fff; } .card { background: #fff; -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); margin: 0 0 24px 0; display: inline-block; width: 100%; border: 0; border-radius: 8px; } .card .card-header { border-color: #f0f1f5; background-color: #fff; padding: 1.5rem; } .card .card-header:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } @media (max-width: 1199.98px) { .card .card-header { padding: 15px; } } .card .card-body { position: relative; padding: 1.5rem; } @media (max-width: 1199.98px) { .card .card-body { padding: 15px; } } .card .card { position: relative; padding: 20px; } @media (max-width: 1199.98px) { .card .card { padding: 15px; } } .accord-btn { margin: 10px 0 0; } .dash-widget-header .dash-widget-icon { color: #fff; display: inline-flex; font-size: 1.875rem; height: 4rem; text-align: center; width: 4rem; border-radius: 10px; } .dash-widget-header .dash-count { margin-left: 15px; } @media (max-width: 1399.98px) { .dash-widget-header .dash-count { margin-left: 12px; } } .dash-widget-header .dash-count .dash-title { font-weight: 400; font-size: 16px; color: #04242b; } .dash-widget-header .dash-count .dash-counts p { font-weight: 600; font-size: 16px; color: #000000; margin: 0 0 0px 0; } @media (max-width: 1399.98px) { .dash-widget-header .dash-count .dash-counts p { font-size: 14px; } } .bg-1 { background-color: #ffeec3; } .bg-1 i { color: #ffb800; } .bg-2 { background-color: #d1f3ff; } .bg-2 i { color: #42cdff; } .bg-3 { background-color: #ceffd5; } .bg-3 i { color: #52fb6a; } .bg-4 { background-color: #fccaff; } .bg-4 i { color: #f555ff; } .bg-5 { background-color: #ffb800; } .bg-6 { background-color: #42cdff; } .bg-7 { background-color: #52fb6a; } .bg-8 { background-color: #f555ff; } .progress.progress-sm { height: 6px; } .progress.progress-md { height: 8px; } .text-success, .dropdown-menu > li > a.text-success { color: #22cc62 !important; } .bg-success { background-color: #22cc62 !important; } .text-danger, .dropdown-menu > li > a.text-danger { color: #ff0000 !important; } .text-success-light { color: #33B469 !important; } .text-warning-light { color: #EBBC2E; } .warning-border { border: 1px solid #EBBC2E; padding: 0 3px; border-radius: 50px; } .danger-border { border: 1px solid #ff0000; padding: 0 3px; border-radius: 50px; } .info-border { border: 1px solid #377dff; padding: 0 3px; border-radius: 50px; } .text-primary { color: #e90202 !important; } .text-gray-light { color: #333; } .text-gray-dark { color: #3F4254; } .text-danger-light { color: #ED3A3A; } .text-muted { color: #B5B5C3 !important; } .bg-light-gray { background: #F3F3F3; } .bg-info-light { background: #DDF3FF; } .bg-info-blue { background: #E9F2FF; } .bg-primary-light { background: #EADDFF; } .bg-warning-light { background: #FFF6DC; } .bg-blue-light { background: #E9F2FF; } .bg-green-light { background: #E1FFED; } .bg-danger-light { background: #FFECEC; } .bg-white-smoke { background: #EFEFEF; } .bg-ash-gray { background: #F6F2FF; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0; border-bottom: 0; border-left: 0; } .dropdown-item { font-size: 12px; padding: 8px 10px; } .input-block { font-weight: 500; font-size: 14px; color: #282828; } .input-block.status-grid { display: flex; justify-content: space-between; height: 100%; align-items: flex-end; } .input-block label { margin: 0 0 8px 0; font-weight: 500; font-size: 14px; color: #282828; } .input-block .optional { font-weight: 400; font-size: 12px; color: #333; } .input-block .form-control { border: 1px solid #E0E0E0; box-shadow: none; border-radius: 4px; margin: 0; padding: 9px 12px; font-size: 14px; font-weight: 400; color: #3F4254; } .input-block .form-control ::placeholder, .input-block .form-control ::-webkit-input-placeholder, .input-block .form-control :-ms-input-placeholder { color: #333; font-size: 14px; font-weight: 500; } .input-block .form-control .form-title { font-weight: 600; font-size: 16px; color: #28084B; margin: 0 0 25px 0; } .input-block textarea.form-control { height: auto; } .input-block .intl-tel-input, .input-block .iti { width: 100%; } .input-block .note-toolbar { background: #fff; } .input-block .note-editable { background: #fff; } .input-block .note-resizebar { height: 0 !important; } .input-block .toggle-password { cursor: poArimo; position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%); } .input-block .feather-eye-off { color: #333; } .input-block .feather-eye { margin-right: 1px; color: #333; } .notes-form-group textarea.form-control { height: 80px; resize: none; } .notes-form-group-info textarea.form-control { height: 117px; resize: none; } .pass-group { position: relative; } .form-upload-file { position: relative; background: #fff; border: 1px solid #E0E0E0; box-shadow: none; border-radius: 4px; margin: 0; padding: 10px; font-size: 14px; font-weight: 400; color: #333; text-align: left; } .form-upload-file input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: poArimo; } .form-upload-label { margin: 0 0 8px 0; font-weight: 500; font-size: 14px; color: #282828; } @media (max-width: 1199.98px) { .form-group-bank { margin: 0 0 20px 0; } } .form-group-bank .bank-details { background: #fff; border: 3px dashed #E5E7EB; border-radius: 8px; padding: 25px; text-align: center; } .form-group-item { border-bottom: 1px solid #EFEFEF; margin: 0 0 30px 0; padding: 0 0 20px 0; } @media (max-width: 768px) { .form-group-item { margin: 0 0 20px 0; padding: 0 0 15px 0; } } .form-group-item .form-group-plus li { -ms-flex: 100%; flex: auto; max-width: 100%; } .form-group-item .form-group-plus li:last-child { -ms-flex: 0%; flex: auto; max-width: 0%; margin: 0 0 0 10px; } .form-group-item .form-group-plus li:last-child span { padding: 8px 12px; border: 1px solid #E0E0E0; border-radius: 5px; } .form-group-item .form-group-plus .form-plus-btn { padding: 8px 12px; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; } .form-group-item .css-equal-heights { width: calc(100% - 40px); } .form-group-customer { border-bottom: 1px solid #EFEFEF; margin: 0 0 30px 0; padding: 0 0 8px 0; } .form-title { font-weight: 600; font-size: 16px; color: #1F0066; margin: 0 0 20px 0; } .form-group-add { margin: 0 0 10px 0; } .form-group-add .input-block .form-control { margin: 0 0 8px 0; } .form-group-add .input-block span { color: #B5B5C3; font-size: 12px; font-weight: 400; } .form-group-add .booking-option { margin: 40px 0 0 0; } @media (max-width: 575.98px) { .form-group-add .booking-option { margin: 0; } } .form-group-add .status-toggle .checktoggle { transform: translate(calc(30% - 5px), -15%); width: 50px; height: 26px; border-radius: 20px; } .form-group-add .status-toggle .checktoggle:after { width: 22px; height: 22px; } .form-group-add .status-toggle .check:checked + .checktoggle { transform: translate(calc(30% - 5px), -15%); background-color: #e90202; border: 1px solid #e90202; } .page-header .breadcrumb { background-color: transparent; color: #6c757d; font-size: 1rem; font-weight: 500; margin-bottom: 0; border-radius: 10px; padding: 0; } .page-header .breadcrumb a { color: #333; font-size: 1rem; } .customer-details-group .card-body { padding-bottom: 0px; } .invoices-items-main-tabs { border-bottom: 3px solid #F3F3F3; padding-bottom: 10px; } .invoices-items-main-tabs ul li { display: inline-block; padding-left: 36px; padding-right: 36px; position: relative; } .invoices-items-main-tabs ul li:last-child { padding-right: 0; } .invoices-items-main-tabs ul li a { font-weight: 600; font-size: 16px; color: #1B2559; padding-bottom: 24px; position: relative; } .invoices-items-main-tabs ul li a.active:after { content: ""; width: 130px; height: 6px; background-color: #e90202; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); position: absolute; bottom: 4px; left: 50%; } .btn-close { background-color: #eb0000; color: #1B2559; border-radius: 50px; font-size: 10px; width: 30px; height: 30px; line-height: 30px; padding: 0 !important; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .bank-details-btn .btn { min-width: 160px; border-radius: 8px; padding: 10px 0; color: #fff; } .bank-details-btn .bank-cancel-btn { background: #1B2559; } .bank-details-btn .bank-cancel-btn:hover { background: #e90202; } .bank-details-btn .bank-save-btn { background: #e90202; } .bank-details-btn .bank-save-btn:hover { background: #1B2559; } .bank-details .bank-inner-details textarea { min-height: 100px; } .filter-card { display: none; } .filter-card.open { display: block; } label { margin-bottom: 0.5rem; } .contact-details { display: flex; flex-flow: row wrap; padding-left: 0; list-style: none; margin: 0 0 42px; } @media (max-width: 991.98px) { .contact-details { margin: 0 0 42px; } } .contact-details li { -ms-flex: 16.66%; flex: 16.66%; max-width: 16.66%; } @media (max-width: 1299.98px) { .contact-details li { -ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; margin: 0 0 25px; } } @media (max-width: 575.98px) { .contact-details li { -ms-flex: 100%; flex: 100%; max-width: 100%; margin: 0 0 25px; } } .contact-details li .contact-square { background: #F7F7FF; min-width: 38px; height: 38px; margin: 0 10px 0 0; } .contact-details li p { color: #3F4254; } .contact-details li span i { font-size: 14px; } .note-editor.note-frame { border-color: #E0E0E0; } .note-editor.note-frame .note-statusbar { border-top: 0; } .bootstrap-datetimepicker-widget { font-size: 13px; } .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #7638ff; } .bg-primary-light { background-color: rgba(17, 148, 247, 0.12) !important; color: #2196f3 !important; } .bg-danger-light { background-color: rgba(255, 218, 218, 0.49) !important; color: #FF0000 !important; } .bg-purple-light { background-color: rgba(197, 128, 255, 0.12) !important; color: #c580ff !important; } .bg-default-light { background-color: rgba(40, 52, 71, 0.12) !important; color: #283447 !important; } .bg-success-light { background-color: #37ec7f !important; color: #333 !important; } .card-two { border: 1px solid #DBDFEA; border-radius: 5px; } .badge-soft-primary { color: #405189; background-color: rgba(64, 81, 137, 0.1); } .badge-soft-secondary { color: #3577f1; background-color: rgba(53, 119, 241, 0.1); } .badge-soft-success { color: #0ab39c; background-color: rgba(10, 179, 156, 0.1); } .badge-soft-info { color: #299cdb; background-color: rgba(41, 156, 219, 0.1); } .badge-soft-warning { color: #f7b84b; background-color: rgba(247, 184, 75, 0.1); } .badge-soft-danger { color: #f06548; background-color: rgba(240, 101, 72, 0.1); } .badge-soft-dark { color: #212529; background-color: rgba(33, 37, 41, 0.1); } .badge-soft-light { color: #f3f6f9; background-color: rgba(243, 246, 249, 0.1); } .badge-outline-primary { color: #405189; border: 1px solid #405189; background-color: transparent; } .badge-outline-secondary { color: #3577f1; border: 1px solid #3577f1; background-color: transparent; } .badge-outline-success { color: #0ab39c; border: 1px solid #0ab39c; background-color: transparent; } .badge-outline-info { color: #299cdb; border: 1px solid #299cdb; background-color: transparent; } .badge-outline-warning { color: #f7b84b; border: 1px solid #f7b84b; background-color: transparent; } .badge-outline-danger { color: #f06548; border: 1px solid #f06548; background-color: transparent; } .badge-outline-dark { color: #212529; border: 1px solid #212529; background-color: transparent; } .badge-outline-light { color: #f3f6f9; border: 1px solid #f3f6f9; background-color: transparent; } .badge-gray-outline { background-color: #fff; border: 1px solid #EFF2F5; color: #333; } .badge-gradient-primary { background: linear-gradient(135deg, #405189 0, #0ab39c 100%); } .badge-gradient-secondary { background: linear-gradient(135deg, #3577f1 0, #299cdb 100%); } .badge-gradient-success { background: linear-gradient(135deg, #0ab39c 0, #f7b84b 100%); } .badge-gradient-danger { background: linear-gradient(135deg, #f06548 0, #3577f1 100%); } .badge-gradient-warning { background: linear-gradient(135deg, #f7b84b 0, #eb990a 100%); } .badge-gradient-info { background: linear-gradient(135deg, #299cdb 0, #0ab39c 100%); } .badge-gradient-dark { background: linear-gradient(135deg, #212529 0, #405189 100%); } li.previous { margin-right: 10px; } .card-title { margin-bottom: 0; border-radius: 10px; } .cal-icon { position: relative; width: 100%; } .cal-icon:after { color: #979797; content: "\f073"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 15px; margin: auto; position: absolute; right: 15px; top: 10px; } .cal-icon-info:after { font-family: "Feather"; content: "\e926"; color: #333; font-weight: 400; font-size: 18px; top: 8px; } .btn-back { background: #fff; border: 1px solid #BDBDBD; box-shadow: inset 0 0 0 0 #3F4254; border-radius: 6px; color: #3F4254; min-width: 69px; } .btn-back:hover { background: #3F4254; border: 1px solid #3F4254; box-shadow: inset 0 0 0 0 #fff; color: #fff; } body.filter-opened { overflow: hidden; } .page-header .btn { border-radius: 8px; } .input-block .form-control-sm { padding: 0.25rem 0.5rem; } .input-block .form-control-lg { padding: 0.75rem 1.25rem; } .toggle-sidebar { width: 400px; position: fixed; top: 0; right: -400px; height: 100vh; -webkit-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; z-index: 1002; } @media (max-width: 575.98px) { .toggle-sidebar { width: 250px; right: -250px; } } .toggle-sidebar.open-filter { right: 0; -webkit-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .toggle-sidebar .sidebar-layout-filter { background: #fff; box-shadow: 0px 16px 32px rgba(65, 152, 255, 0.2); border-radius: 10px 0px 0px 10px; max-width: 400px; width: 100%; position: absolute; right: 0; height: 100vh; overflow-y: auto; overflow-x: hidden; } @media (max-width: 575.98px) { .toggle-sidebar .sidebar-layout-filter { width: 250px; } } .toggle-sidebar .sidebar-header { padding: 20px; border-bottom: 1px solid #EFF2F5; align-items: center; } .toggle-sidebar .sidebar-header h5 { font-weight: 600; font-size: 18px; color: #28084B; margin: 0; } .toggle-sidebar .sidebar-header a { color: #292D32; font-size: 20px; } .toggle-sidebar .sidebar-header .dropdown-item { font-size: 16px; } .toggle-sidebar .sidebar-body { padding: 20px; } .toggle-sidebar .sidebar-body .accordion { border-bottom: 1px solid #DCDCDC; margin-bottom: 15px; } .toggle-sidebar .sidebar-body .accordion .filter-title { margin-bottom: 15px; } .toggle-sidebar .sidebar-body .accordion .filter-title a { font-weight: 500; font-size: 14px; color: #28084B; } .toggle-sidebar .sidebar-body .accordion .view-all { margin-bottom: 15px; font-weight: 500; font-size: 12px; color: #e90202; } .toggle-sidebar .sidebar-body .accordion-last { border: 0; } .toggle-sidebar .form-custom .form-control { padding: 8px 30px; margin: 0 0 20px; font-weight: 400; font-size: 14px; color: #808080; } .toggle-sidebar .form-custom .form-control:focus { border-color: #000; } .toggle-sidebar .form-custom span img { position: absolute; left: 15px; top: 50%; transform: translate(-50%, -50%); } .open-filter .custom_check { color: #808080; } .open-filter i { transition: 0.2s; } .accordion .collapsed i { color: #333; transition: 0.2s; transform: rotate(-90deg); } .accordion .float-end { color: #333; } @media (max-width: 767px) { .list-btn { margin-top: 15px; } } .list-btn .filter-list .short-filter { border: 1px solid #E6E9E8; border-radius: 8px; color: #333; font-size: 14px; height: 39px; padding: 10px; background: #fff; } .list-btn .filter-list .short-filter .sort { background: transparent; border: none; outline: 0; font-size: 12px; font-weight: 600; color: #3F4254; } .list-btn .filter-list li { padding: 0 5px 0 0; } @media (max-width: 767px) { .list-btn .filter-list li { padding: 0 5px 5px 0; } } .list-btn .filter-list li a.active { color: #e90202 !important; } .list-btn .filter-list li ul li { padding: 0; margin: 0 0 10px; } .list-btn .filter-list li ul li .download-item { color: #808080; font-size: 14px; margin: auto; } .list-btn .filter-list li ul li .download-item:hover { color: #e90202; } .list-btn .filter-list li ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .list-btn .btn-filters { font-size: 14px; font-weight: 600; border-radius: 8px; color: #333; min-width: 39px; height: 39px; background: #fae0e0; border: 1px solid #fae0e0; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02); -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .list-btn .btn-filters span { margin-bottom: 0; line-height: 0; font-size: 18px; } .list-btn .btn-filters:hover { box-shadow: 0 40px 0 0 #EADDFF inset; border-color: #EADDFF; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; color: #e90202; } .list-btn .btn-filters:hover i { color: #e90202; } .list-btn .btn-filters:hover img { /*filter: invert(1) brightness(100);*/ filter: invert(44%) sepia(93%) saturate(5806%) hue-rotate(247deg) brightness(95%) contrast(113%); } .list-btn .dropdown-menu { background: #FFFFFF; border: 1px solid #E0E0E0; box-shadow: 0px 16px 32px rgba(190, 190, 190, 0.2); border-radius: 12px; padding: 10px; margin-top: 10px !important; } .list-btn .dropdown-menu .dropdown-item { font-weight: 500; font-size: 14px; color: #333; display: flex; justify-content: start; align-items: center; } @media (max-width: 767px) { .filter-list { flex-wrap: wrap; } } .filter-buttons { display: flex; align-items: center; } .filter-buttons button.btn-secondary { background: #EFEFEF; color: #3F4254; border: 1px solid #EFEFEF; transition: 0.5s all; box-shadow: inset 0 0 0 0 #e90202; margin: 0 0 0 15px; } .filter-buttons button.btn-secondary:hover { background-color: #e90202; border-color: #e90202; color: #fff; box-shadow: inset 0 50px 0 0 #e90202; } .filter-list li a:hover img { filter: invert(0) brightness(100); } .dash-widget-icon { align-items: center; border-radius: 10px; color: #fff; display: inline-flex; font-size: 1.875rem; height: 4rem; justify-content: center; text-align: center; width: 4rem; } .dash-widget-info h3 { margin-bottom: 10px; } .dash-widget-header { margin: 0 0 20px 0; } .activity-feed { list-style: none; margin-bottom: 0; margin-left: 5px; padding: 0; } .activity-feed .feed-item { border-left: 2px solid #e4e8eb; padding-bottom: 19px; padding-left: 20px; position: relative; } .activity-feed .feed-item:last-child { border-color: transparent; } .activity-feed .feed-item:after { content: ""; display: block; position: absolute; top: 1px; padding: 6px; left: -9px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #F3F3F3; background-color: transparent; } .activity-feed .feed-item:before { content: ""; display: block; position: absolute; top: 0; left: -10px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #E3E3E3; background: #E3E3E3; } .activity-feed .feed-item .feed-date { display: block; position: relative; color: #777; text-transform: uppercase; font-size: 13px; } .activity-feed .feed-item .feed-text { color: #777; position: relative; margin: 0 0 5px; } .activity-feed .feed-item .feed-text a { color: #333; font-weight: 600; } .modal-icon i { font-size: 42px; color: #6c757d; } .modal-footer { border: 0; padding: 0 24px 24px; } .modal-footer .btn-back { background: #e7c0bc91; border: 1px solid #EADDFF; box-shadow: inset 0 0 0 0 #3F4254; padding: 8px 20px; border-radius: 6px; color: #e90202; min-width: 69px; } .modal-footer .btn-back:hover { background: #e90202; border: 1px solid #e90202; box-shadow: inset 0 50px 0 0 #e90202; color: #fff; } .modal-footer .btn-primary { min-width: 69px; margin: 0; } .add-remove i { font-size: 18px; cursor: poArimo; } .profile-cover { position: relative; padding: 1.75rem 2rem; border-radius: 0.75rem; height: 10rem; } .profile-cover-wrap { position: absolute; top: 0; right: 0; left: 0; height: 10rem; background-color: #e7eaf3; border-radius: 0.75rem; } .profile-cover-img { width: 100%; height: 10rem; -o-object-fit: cover; object-fit: cover; vertical-align: top; border-radius: 0.75rem; } .cover-content { position: relative; z-index: 1; padding: 1rem 2rem; position: absolute; bottom: 0; right: 0; } .custom-file-btn { position: relative; overflow: hidden; } .custom-file-btn-input { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; } .profile-cover-avatar { display: -ms-flexbox; display: flex; margin: -6.3rem auto 0.5rem auto; border: 3px solid #fff; border-radius: 50%; } @media (max-width: 568px) { .profile-cover-avatar { margin: 0 auto; } } .profile-cover-avatar input[type=file] { position: absolute; top: 0; right: 0; left: 0; z-index: -1; opacity: 0; width: 100%; height: 100%; background-color: rgba(19, 33, 68, 0.25); border-radius: 50%; transition: 0.2s; } .avatar-edit { position: absolute; bottom: 0; right: 0; cursor: poArimo; border-radius: 50%; width: 36px; height: 36px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #677788; background-color: #fff; border-radius: 50%; transition: 0.2s; box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25); } .avatar-edit svg { width: 18px; } .error-page { align-items: center; color: #1f1f1f; height: 100vh; } .error-page .main-wrapper { display: flex; flex-wrap: wrap; height: auto; justify-content: center; width: 100%; min-height: unset; } .error-box { margin: 0 auto; max-width: 480px; padding: 1.875rem 0; text-align: center; width: 100%; } .error-box h1 { color: #7638ff; font-size: 10em; } .error-box p { margin-bottom: 1.875rem; } .error-box .btn { border-radius: 50px; font-size: 18px; font-weight: 600; min-width: 200px; padding: 10px 20px; } .custom-file-container { box-sizing: border-box; position: relative; display: block; } .custom-file-container label { color: #4361ee; } .custom-file-container__custom-file { box-sizing: border-box; position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; margin-top: 5px; } .custom-file-container__custom-file:hover { cursor: poArimo; } .custom-file-container__custom-file__custom-file-input { box-sizing: border-box; min-width: 14rem; max-width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-container__custom-file__custom-file-input:focus ~ span { outline: 1px dotted #dddde0; outline: 0px auto -webkit-focus-ring-color; } .custom-file-container__custom-file__custom-file-control { box-sizing: border-box; position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: auto; overflow: hidden; line-height: 1.5; user-select: none; background-clip: padding-box; border-radius: 0.25rem; height: auto; border: 1px solid #f1f2f3; color: #3b3f5c; font-size: 15px; padding: 8px 10px; letter-spacing: 1px; background-color: #f1f2f3; } .custom-file-container__custom-file__custom-file-control__button { box-sizing: border-box; position: absolute; top: 0; right: 0; z-index: 6; display: block; height: auto; padding: 10px 16px; line-height: 1.25; background-color: #9e9e9e; color: #fff; border-left: 1px solid #e0e6ed; box-sizing: border-box; } .custom-file-container__image-preview { box-sizing: border-box; margin-top: 54px; margin-bottom: 40px; height: 250px; width: 100%; border-radius: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: #fff; overflow: auto; padding: 15px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .custom-file-container__image-multi-preview { position: relative; box-sizing: border-box; border-radius: 6px; background-size: cover; background-position: center center; background-repeat: no-repeat; float: left; margin: 1.858736%; width: 29.615861214%; height: 90px; box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .custom-file-container__image-multi-preview__single-image-clear { background: #fff; width: 20px; height: 20px; border-radius: 50%; text-align: center; margin-top: -6px; border-radius: 50%; box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25); position: absolute; left: -6px; } .custom-file-container__image-multi-preview__single-image-clear:hover { background: #cbcbbd; cursor: poArimo; } .custom-file-container__image-multi-preview__single-image-clear__icon { color: #4361ee; display: block; margin-top: -2px; } .note-editor.card { padding: 0.5rem; margin-bottom: 0; } .note-toolbar.card-header { padding: 0; padding-bottom: 0.5rem; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single, .irs--flat .irs-bar, .irs--flat .irs-handle > i:first-child, .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #7638ff; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { border-top-color: #7638ff; } .note-editor.note-frame .note-statusbar .note-resizebar { padding-top: 0; height: 0; width: 100%; cursor: ns-resize; background: transparent; border: 0; } .app-listing { padding: 0; margin: 0 -15px; list-style: none; flex-wrap: wrap; } .app-listing li { width: 20%; padding-left: 10px; padding-right: 10px; } @media (max-width: 991.98px) { .app-listing li { width: 50%; } } @media (max-width: 568px) { .app-listing li { width: 100%; } } .app-listing .checkbox-title { font-weight: 600; font-size: 16px; color: #e90202; margin-bottom: 14px; } .app-listing .form-custom { margin-bottom: 14px; } .app-listing .form-custom .form-control { padding-left: 14px; border: 1px solid rgba(231, 234, 252, 0.75); border-radius: 6px; } .selectbox-cont { height: 220px; overflow-y: auto; padding-right: 5px; } .multipleSelection { position: relative; margin-bottom: 20px; } .multipleSelection .selectbox, .multipleSelection .selectboxes { position: relative; background: #fff; width: 100%; padding: 13px 10px; font-weight: 400; background: #fff; border: 1px solid #F7F8F9; border-radius: 7px; cursor: poArimo; } .multipleSelection .selectbox p, .multipleSelection .selectboxes p { color: #1B2559; font-weight: 500; } .multipleSelection .selectbox p .select-icon, .multipleSelection .selectboxes p .select-icon { color: #e90202; width: 20px; height: 20px; } .custom_check { color: #1B2559; display: inline-block; position: relative; font-size: 14px; margin-bottom: 15px; padding-left: 30px; cursor: poArimo; font-weight: 400; user-select: none; } .custom_check input:checked ~ .checkmark { background-color: #e90202; border-color: #e90202; } .custom_check input:checked ~ .checkmark:after { display: block; } .custom_check input { position: absolute; opacity: 0; cursor: poArimo; } .custom_check .checkmark { position: absolute; top: 0; left: 0; height: 19px; width: 19px; border: 1px solid #C4C4C4; background-color: #fff; border-radius: 6px; transition: all 0.3s ease-in-out; } .custom_check .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; display: none; left: 4px; top: 2px; color: #fff; font-size: 9px; } .input-block .custom_check { margin-bottom: 20px; } .table tbody td a.btn-white { background-color: #fff; border-color: #e7eaf3; color: #212529; } .date-list .date-btn { background: #fff; color: #1B2559; border: 1px solid #E7EAFC; border-radius: 4px; padding: 10px 0 !important; width: 100%; } .form-custom { font-size: 14px; } .form-custom.cal-icon { position: relative; } .form-custom.cal-icon:after { color: #979797; content: "\f073"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 15px; margin: auto; position: absolute; right: 15px; top: 10px; } .btn-grey { background: rgba(231, 234, 252, 0.75); color: #1B2559; margin-top: 10px; } .btn-grey:hover { background: #1B2559; color: #fff; } .date-picker { width: 50%; float: left; padding-right: 10px; } .date-list ul { text-align: center; } .date-list ul li { width: 100%; padding: 0; padding-bottom: 5px; } .sortby #checkbox { display: none; position: absolute; width: 300px; left: 0; z-index: 1; margin-top: 10px; padding: 20px; background: #fff; border: 1px solid #F2ECFF; box-shadow: 0px 4px 44px rgba(231, 234, 252, 0.75); border-radius: 6px; } .sortby #checkbox:before { border: 7px solid #F2ECFF; border-color: transparent transparent #fff #fff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; left: 30px; position: absolute; top: 0; transform: rotate(135deg); } .multipleSelection #checkboxes { display: none; position: absolute; width: 300px; left: 0; z-index: 1; margin-top: 10px; padding: 20px; background: #fff; border: 1px solid #F2ECFF; box-shadow: 0px 4px 44px rgba(231, 234, 252, 0.75); border-radius: 6px; } .report-card { border-radius: 5px; } .report-btn .btn { font-weight: 600; color: #e90202; background: #fff; border: 2px solid #e90202; border-radius: 8px; width: 100%; padding: 11px 0; } .report-btn .btn:hover { color: #fff; background: #e90202; border: 2px solid #e90202; } .report-btn .btn:hover img { filter: invert(0) brightness(100); } .invoices-settings-btn { justify-content: end; } .invoices-main-tabs { border-bottom: 2px solid #E0E0E0; padding: 0 0 12px 0; } .invoices-main-tabs .invoices-tabs ul li { position: relative; display: inline-block; margin: 0 24px 0 0; } @media (max-width: 575.98px) { .invoices-main-tabs .invoices-tabs ul li { display: block; margin: 0 0 20px 0; } } .invoices-main-tabs .invoices-tabs ul li a { font-weight: 500; font-size: 14px; color: #333; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0 0 14px 0; } .invoices-main-tabs .invoices-tabs ul li a.active { color: #e90202; border-bottom: 2px solid #e90202; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991.98px) { .invoices-main-tabs .invoices-tabs ul li a.active { border-bottom: 0; } } .invoices-main-tabs .invoices-settings-icon { color: #e90202; margin-right: 20px; } .invoices-main-tabs .btn { font-weight: 600; color: #fff; padding: 12px 10px; min-width: 167px; background: #1B2559; border: 1px solid #1B2559; border-radius: 6px; } .paid-continue-btn { background-color: #40a506; border: 1px solid #40a506; border-radius: 5px; color: #fff; display: block; font-size: 14px; font-weight: 600; padding: 8px 20px; text-align: center; } .paid-continue-btn:hover, .paid-continue-btn:focus, .paid-continue-btn:active { background-color: #fff; border: 1px solid #ff9800; color: #e90202; } .paid-cancel-btn { background-color: #fff; border: 1px solid #e90202; border-radius: 5px; color: #e90202; display: block; font-size: 14px; font-weight: 600; padding: 8px 20px; text-align: center; } .paid-cancel-btn:hover, .paid-cancel-btn:active { background-color: #e90202; border: 1px solid #e90202; color: #e90202; } .paid-cancel-btn:focus { color: #e90202; } .inovices-card { border-radius: 5px; margin: 0 0 32px 0; } .inovices-card .inovices-widget-header .inovices-amount { font-weight: 600; font-size: 24px; color: #e90202; } .inovices-card .inovices-all { font-weight: 500; font-size: 10px; color: #333; } .inovices-card .inovice-trending { font-weight: 500; font-size: 10px; } .inovices-card .inovice-trending span { margin: 0; line-height: 0; } .invoices-tabs-card { background: transparent; box-shadow: unset; } .invoices-grid-card { background: #fff; box-shadow: 0px 4px 24px rgba(228, 228, 228, 0.25); border-radius: 10px; color: #1B2559; } .invoices-grid-card .card-header { padding: 20px; border: 0; } .invoices-grid-card .card-header .action-icon { color: #1B2559; display: initial; } .invoices-grid-card .card-header .invoice-grid-link { color: #1B2559; } .invoices-grid-card .card-header .dropdown-action { margin-bottom: 0; } .invoices-grid-card .card-middle { padding: 20px; background: #F7F7FF; } .invoices-grid-card .card-middle .avatar-sm { width: 2.5rem; height: 2.5rem; } .invoices-grid-card .card-middle .card-middle-avatar { align-items: center; display: inline-flex; font-size: 16px; margin: 0; } .invoices-grid-card .card-body { padding: 20px; } .invoices-grid-card .card-body span { font-size: 14px; } .invoices-grid-card .card-body h6 { font-size: 16px; font-weight: 500; color: #1B2559; margin-top: 4px; } .invoices-grid-card .card-footer { padding: 20px; border: 0; } .inovices-card .card-body { padding: 10px; } .badge.bg-info-lights { background: #EFE9FF; color: #e90202; } .admin-invoice p { display: flex; flex-direction: column; } .dropdown-menu.dropdown-menu-end.customer-dropdown { width: 230px; height: 200px; overflow-y: auto; } .dropdown-menu.dropdown-menu-right.credit-note-dropdown { width: 235px; height: 200px; overflow-y: auto; } .card.company-settings-new .content-page-header { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #E0E0E0; } .card.company-settings-new .input-block.service-upload.logo-upload { min-height: 130px; justify-content: space-between; padding: 15px 30px; } .card.company-settings-new .input-block.service-upload.logo-upload .text-info { line-height: 1; } .card.company-settings-new .input-block.service-upload.logo-upload .sites-logo { border: 1px solid #E0E0E0; padding: 20px; border-radius: 10px; margin-left: 20px; } @media (max-width: 991.98px) { .card.company-settings-new .input-block.service-upload.logo-upload .sites-logo { margin-left: 0; } } .card.company-settings-new .input-block.service-upload.logo-upload .sites-logo img { margin-right: 0; max-width: 116px; max-height: 30px; } .inbox-menu { display: inline-block; width: 100%; } .inbox-menu li { display: inline-block; width: 100%; } .inbox-menu li a { color: #333; display: inline-block; padding: 10px 15px; width: 100%; font-weight: 600; text-transform: capitalize; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .inbox-menu li a:hover { background: rgba(33, 33, 33, 0.05); } .inbox-menu li a i { font-size: 14px; padding-right: 10px; color: #878787; } @media (max-width: 768px) { .user-menu.nav > li > a > span:not(.user-img) { display: none; } } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-menu { border: 1px solid #eff2f7; border-radius: 0.8rem; transform-origin: left top 0; background-color: #fff; padding: 0; box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.08); overflow: hidden; } .flag-nav .dropdown-menu.notifications { transform: translateY(49px) !important; } .flag-nav .dropdown-menu { transform: translateY(59px) !important; } .table-inbox { font-size: 15px; margin-bottom: 0; } .inbox-menu li a:hover, .inbox-menu li.active a, .inbox-menu li a:focus { background: #eff2f7; } .compose-btn { margin-bottom: 25px; } .top-action-left .dropdown-toggle { height: 40px; } .top-action-left .dropdown-toggle::after { display: none; } .table-inbox .starred.fas.fa-star { color: #ffd200; } .table-inbox .checked { background-color: #ffffcc; } .table-inbox tbody tr td { font-size: 14px; color: #28084B; } .unread .name, .unread .subject, .unread .mail-date { color: #000; font-weight: 700; } .ribbon-primary { background: #7366ff; } .ribbon-primary.ribbon-corner:before { border-top-color: #7366ff; border-left-color: #7366ff; } .ribbon-primary.ribbon-corner.ribbon-right:before { border-right-color: #7366ff; border-left-color: transparent; } .ribbon-primary.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #7366ff; } .ribbon-primary.ribbon-clip:before { border-color: transparent; border-top-color: #43f; border-right-color: #43f; } .ribbon-primary.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #43f; border-left-color: #43f; } .ribbon-primary.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #43f; border-right-color: #43f; } .ribbon-primary.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #43f; border-right-color: transparent; border-left-color: #43f; } .ribbon-bookmark.ribbon-primary:before { border-color: #7366ff; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-primary:before { border-right-color: #7366ff; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-secondary:before { border-right-color: #f73164; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-success:before { border-right-color: #51bb25; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-danger:before { border-right-color: #dc3545; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-info:before { border-right-color: #a927f9; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-light:before { border-right-color: #f4f4f4; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-dark:before { border-right-color: #2c323f; border-left-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-warning:before { border-right-color: #f8d62b; border-left-color: transparent; } .ribbon-bookmark.ribbon-secondary:before { border-color: #f73164; border-right-color: transparent; } .ribbon-bookmark.ribbon-success:before { border-color: #51bb25; border-right-color: transparent; } .ribbon-bookmark.ribbon-danger:before { border-color: #dc3545; border-right-color: transparent; } .ribbon-bookmark.ribbon-info:before { border-color: #a927f9; border-right-color: transparent; } .ribbon-bookmark.ribbon-light:before { border-color: #f4f4f4; border-right-color: transparent; } .ribbon-bookmark.ribbon-dark:before { border-color: #2c323f; border-right-color: transparent; } .ribbon-bookmark.ribbon-warning:before { border-color: #f8d62b; border-right-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before { border-right-color: #7366ff; border-bottom-color: transparent; } .ribbon-secondary { background: #f73164; background: #f73164; } .ribbon-secondary.ribbon-corner:before { border-top-color: #f73164; border-left-color: #f73164; } .ribbon-secondary.ribbon-corner.ribbon-right:before { border-right-color: #f73164; border-left-color: transparent; } .ribbon-secondary.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #f73164; } .ribbon-secondary.ribbon-clip:before { border-color: transparent; border-top-color: #ec0944; border-right-color: #ec0944; } .ribbon-secondary.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #ec0944; border-left-color: #ec0944; } .ribbon-secondary.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #ec0944; border-right-color: #ec0944; } .ribbon-secondary.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #ec0944; border-right-color: transparent; border-left-color: #ec0944; } .ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before { border-right-color: #f73164; border-bottom-color: transparent; } .ribbon-success { background: #51bb25; background: #51bb25; } .ribbon-success.ribbon-corner:before { border-top-color: #51bb25; border-left-color: #51bb25; } .ribbon-success.ribbon-corner.ribbon-right:before { border-right-color: #51bb25; border-left-color: transparent; } .ribbon-success.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #51bb25; } .ribbon-success.ribbon-clip:before { border-color: transparent; border-top-color: #3f901d; border-right-color: #3f901d; } .ribbon-success.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #3f901d; border-left-color: #3f901d; } .ribbon-success.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #3f901d; border-right-color: #3f901d; } .ribbon-success.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #3f901d; border-right-color: transparent; border-left-color: #3f901d; } .ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before { border-right-color: #51bb25; border-bottom-color: transparent; } .ribbon-danger { background: #dc3545; background: #dc3545; } .ribbon-danger.ribbon-corner:before { border-top-color: #dc3545; border-left-color: #dc3545; } .ribbon-danger.ribbon-corner.ribbon-right:before { border-right-color: #dc3545; border-left-color: transparent; } .ribbon-danger.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #dc3545; } .ribbon-danger.ribbon-clip:before { border-color: transparent; border-top-color: #bd2130; border-right-color: #bd2130; } .ribbon-danger.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #bd2130; border-left-color: #bd2130; } .ribbon-danger.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #bd2130; border-right-color: #bd2130; } .ribbon-danger.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #bd2130; border-right-color: transparent; border-left-color: #bd2130; } .ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before { border-right-color: #dc3545; border-bottom-color: transparent; } .ribbon-info { background: #a927f9; background: #a927f9; } .ribbon-info.ribbon-corner:before { border-top-color: #a927f9; border-left-color: #a927f9; } .ribbon-info.ribbon-corner.ribbon-right:before { border-right-color: #a927f9; border-left-color: transparent; } .ribbon-info.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #a927f9; } .ribbon-info.ribbon-clip:before { border-color: transparent; border-top-color: #9106e7; border-right-color: #9106e7; } .ribbon-info.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #9106e7; border-left-color: #9106e7; } .ribbon-info.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #9106e7; border-right-color: #9106e7; } .ribbon-info.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #9106e7; border-right-color: transparent; border-left-color: #9106e7; } .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before { border-right-color: #a927f9; border-bottom-color: transparent; } .ribbon-light { background: #f4f4f4; background: #f4f4f4; } .ribbon-light.ribbon-corner:before { border-top-color: #f4f4f4; border-left-color: #f4f4f4; } .ribbon-light.ribbon-corner.ribbon-right:before { border-right-color: #f4f4f4; border-left-color: transparent; } .ribbon-light.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #f4f4f4; } .ribbon-light.ribbon-clip:before { border-color: transparent; border-top-color: #dbdbdb; border-right-color: #dbdbdb; } .ribbon-light.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #dbdbdb; border-left-color: #dbdbdb; } .ribbon-light.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #dbdbdb; border-right-color: #dbdbdb; } .ribbon-light.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #dbdbdb; border-right-color: transparent; border-left-color: #dbdbdb; } .ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before { border-right-color: #f4f4f4; border-bottom-color: transparent; } .ribbon-dark { background: #2c323f; background: #2c323f; } .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-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before { border-right-color: #2c323f; border-bottom-color: transparent; } .ribbon-warning { background: #f8d62b; background: #f8d62b; } .ribbon-warning.ribbon-corner:before { border-top-color: #f8d62b; border-left-color: #f8d62b; } .ribbon-warning.ribbon-corner.ribbon-right:before { border-right-color: #f8d62b; border-left-color: transparent; } .ribbon-warning.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #f8d62b; } .ribbon-warning.ribbon-clip:before { border-color: transparent; border-top-color: #e8c308; border-right-color: #e8c308; } .ribbon-warning.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #e8c308; border-left-color: #e8c308; } .ribbon-warning.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #e8c308; border-right-color: #e8c308; } .ribbon-warning.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #e8c308; border-right-color: transparent; border-left-color: #e8c308; } .ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before { border-right-color: #f8d62b; border-bottom-color: transparent; } .ribbon-wrapper { position: relative; padding-top: 40px; } .ribbon-wrapper .card-body, .ribbon-vertical-left-wrapper .card-body, .ribbon-vertical-right-wrapper .card-body { position: unset; } .ribbon { padding: 0 20px; height: 30px; line-height: 30px; clear: left; position: absolute; top: 12px; left: 0px; color: #fff; z-index: 1; } .ribbon-right { left: auto; right: -2px; } .ribbon-vertical-left-wrapper { padding-left: 40px; position: relative; } .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-wrapper { padding-right: 40px; } .ribbon-vertical-right { clear: none; padding: 0 5px; height: 70px; width: 30px; line-height: 70px; text-align: center; top: -2px; left: auto; right: 12px; } .timeline { position: relative; padding: 20px 0 20px; list-style: none; max-width: 1200px; margin: 0 auto; } .timeline:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #e9ecef; } .timeline > li { position: relative; margin-bottom: 20px; } .timeline > li:after { clear: both; clear: both; } .timeline > li > .timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid #e9ecef; border-radius: 0.25rem; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); } .timeline > li > .timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -8px; border-top: 8px solid transparent; border-right: 0 solid #e9ecef; border-bottom: 8px solid transparent; border-left: 8px solid #e9ecef; } .timeline > li > .timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -7px; border-top: 7px solid transparent; border-right: 0 solid #fff; border-bottom: 7px solid transparent; border-left: 7px solid #fff; } .timeline > li > .timeline-badge { z-index: 1; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 50px; color: #fff; overflow: hidden; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -8px; border-right-width: 8px; border-left-width: 0; } .timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -7px; border-right-width: 7px; border-left-width: 0; } .timeline > li:before, .timeline > li:after { content: " "; display: table; content: " "; display: table; } .timeline-badge.primary { background-color: #fb9678; } .timeline-badge.success { background-color: #00c292; } .timeline-badge.warning { background-color: #fec107; } .timeline-badge.danger { background-color: #e46a76; } .timeline-badge.info { background-color: #03a9f3; } .timeline-title { margin-top: 0; color: inherit; font-weight: 400; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline .events { position: absolute; z-index: 1; left: 0; top: 30px; height: 2px; background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .events a { padding-bottom: 6px; color: #621aff; position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 14px; padding-bottom: 15px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a.selected { poArimo-events: none; } .cd-horizontal-timeline .events a.selected::after { border-color: #621aff; background-color: #621aff; border-color: #621aff; } .cd-horizontal-timeline .events a::after { content: ""; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .cd-horizontal-timeline .events a.older-event::after { border-color: #621aff; } .cd-horizontal-timeline .m-t-40 { margin-top: 25px !important; } .cd-horizontal-timeline table { border-collapse: collapse; border-spacing: 0; } .cd-horizontal-timeline::before { content: "mobile"; display: none; } .cd-horizontal-timeline.loaded { opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .timeline:before { content: " "; display: none; bottom: 0; left: 0%; width: 0px; margin-left: -1.5px; background-color: #eeeeee; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::before { left: 0; } .cd-horizontal-timeline .events-wrapper::after { right: 0; } .cd-horizontal-timeline .filling-line { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #621aff; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { position: relative; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: 600; margin-bottom: 0px; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: "- "; } .cd-horizontal-timeline .events-content p { font-size: 16px; } .cd-horizontal-timeline .filling-line, .cd-horizontal-timeline .events a.selected::after { background: #621aff; } .cd-horizontal-timeline ol, .cd-horizontal-timeline ul { list-style: none; } .cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus { border-color: #621aff; } .cd-horizontal-timeline a, .cd-horizontal-timeline a:hover, .cd-horizontal-timeline a:focus { color: #621aff; } .cd-horizontal-timeline blockquote, .cd-horizontal-timeline q { quotes: none; } .cd-horizontal-timeline blockquote:before, .cd-horizontal-timeline blockquote:after, .cd-horizontal-timeline q:before, .cd-horizontal-timeline q:after { content: ""; content: none; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { content: ""; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #621aff; border-color: #621aff; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-timeline-navigation a { position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { content: ""; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../img/arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 30px; } .h-250 { height: 250px; } .icons-list { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .icons-list li { display: block; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 18px; border-radius: 50px; box-shadow: 0px 2px 3px rgb(215, 197, 255); border: 1px solid #e6ebf1; color: #7638ff; margin: 5px; } .login-body { display: table; height: 100vh; min-height: 100vh; margin: auto; } .logo-light { max-width: 180px; margin: auto; display: none; } .logo-dark { max-width: 250px; margin: auto; display: block; } .login-wrapper { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding-top: 1.875rem; } .login-wrapper .loginbox { background-color: #fff; box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); display: flex; margin: 1.875rem auto; max-width: 450px; width: 100%; border-radius: 20px; } .login-wrapper .loginbox .login-left { align-items: center; background: linear-gradient(180deg, #8BC34A, #00bcd4); flex-direction: column; justify-content: center; padding: 80px; width: 450px; display: flex; border-radius: 6px 0 0 6px; } .login-wrapper .loginbox .login-right { align-items: center; display: flex; justify-content: center; padding: 2rem; width: 450px; } @media (max-width: 320px) { .login-wrapper .loginbox .login-right { width: 100%; } } .login-wrapper .loginbox .login-right .login-right-wrap { max-width: 100%; flex: 0 0 100%; } .login-wrapper .loginbox .login-right .login-right-wrap h1 { font-size: 26px; font-weight: 500; margin-bottom: 5px; text-align: center; } .login-wrapper .loginbox .login-right .forgotpass a { color: #a0a0a0; } .login-wrapper .loginbox .login-right .forgotpass a:hover { color: #333; text-decoration: underline; } .login-wrapper .loginbox .login-right .dont-have { color: #a0a0a0; margin-top: 1.875rem; } .login-wrapper .loginbox .login-right .dont-have a { color: #333; } .login-wrapper .loginbox .login-right .dont-have a:hover { text-decoration: underline; } .login-wrapper .loginbox .login-right .social-login { text-align: center; } .login-wrapper .loginbox .login-right .social-login span { color: #757575; margin-right: 8px; } .login-wrapper .loginbox .login-right .social-login a { background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 32px; line-height: 32px; margin-right: 6px; text-align: center; width: 32px; border-radius: 4px; } .login-wrapper .loginbox .login-right .social-login a:last-child { margin-right: 0; } .login-wrapper .loginbox .login-right .social-login a.facebook { background-color: #4b75bd; } .login-wrapper .loginbox .login-right .social-login a.google { background-color: #fe5240; } .login-wrapper .loginbox .account-subtitle { color: #4c4c4c; font-size: 17px; margin-bottom: 1.875rem; text-align: center; } .login-wrapper .loginbox .login-or { color: #757575; margin-bottom: 20px; margin-top: 20px; padding-bottom: 10px; padding-top: 10px; position: relative; } .login-wrapper .loginbox .or-line { background-color: #e5e5e5; height: 1px; margin-bottom: 0; margin-top: 0; display: block; } .login-wrapper .loginbox .span-or { background-color: #fff; display: block; left: 50%; margin-left: -20px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 42px; } .login-wrapper .loginbox .lock-user { margin-bottom: 20px; text-align: center; } .login-wrapper .loginbox .lock-user img { margin-bottom: 15px; width: 100px; } .login-wrapper .loginbox .toggle-password { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: #757575; cursor: poArimo; } .login-wrapper .loginbox .toggle-password.fa-eye { margin-right: 1px; } .login-wrapper .loginbox .pass-group { position: relative; } .settings-menu { margin-bottom: 30px; } .settings-menu ul { display: block; padding: 0; } .settings-menu ul li + li { margin-top: 15px; } .settings-menu ul li a { color: #3F4254; padding: 0; border: 0 !important; display: flex; } .settings-menu ul li a.active { color: #e90202 !important; border: 0; } .settings-menu ul li i { margin-right: 10px; font-size: 20px; min-width: 25px; } .settings-menu ul li a:hover { background-color: transparent !important; border: 0 !important; color: #e90202; } .settings-menu ul li a:focus { background-color: transparent !important; border: 0 !important; } .invoices-settings-card { border-radius: 5px; } .invoices-settings-card .card-title { color: #1B2559; } .invoices-settings-form label { color: #1B2559; } .invoices-settings-form .form-control { height: 50px; border-radius: 6px; } .invoices-upload-btn { border: 1px solid #dee2e6; border-radius: 6px; color: #000000; cursor: poArimo; font-weight: 400; padding: 15px 15px; position: relative; width: 100%; height: 50px; } .invoices-upload-btn .hide-input { position: relative; z-index: 1; cursor: poArimo; min-height: auto; padding-left: 4px; padding-top: 0; line-height: 10px; width: 100%; opacity: 0; } .invoices-upload-btn .upload { position: absolute; background: #7638FF; border-radius: 4px; right: 6px; top: 8px; width: 136px; height: 32px; font-size: 14px; cursor: poArimo; display: flex; justify-content: center; align-items: center; color: #fff; } .invoice-setting-btn .btn { min-width: 160px; padding: 10px 0; color: #fff; border-radius: 8px; } .invoice-setting-btn .cancel-btn { background: #1B2559; } .invoice-setting-btn .cancel-btn:hover { background: #7638FF; } .invoice-setting-btn .btn-primary:hover { background: #1B2559; border: 1px solid #1B2559; } .invoices-items-main-tabs { border-bottom: 3px solid #F3F3F3; padding-bottom: 10px; } .invoices-items-tabs ul { padding: 0; margin: 0; list-style: none; } .invoices-items-tabs ul li { display: inline-block; padding-left: 36px; padding-right: 36px; position: relative; } .invoices-items-tabs ul li:last-child { padding-right: 0; } .invoices-items-tabs ul li a { font-weight: 600; font-size: 16px; color: #1B2559; padding-bottom: 24px; position: relative; } .invoices-items-tabs ul li a.active { color: #7638FF; } .invoices-items-tabs ul li a.active:after { content: ""; position: absolute; left: 50%; bottom: 4px; width: 130px; height: 6px; background-color: #7638FF; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .invoices-items-tabs ul li a:hover { color: #7638FF; } .circle-btn { width: 33px; height: 33px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .input-block.service-upload.logo-upload { display: flex; align-items: center; justify-content: center; min-height: auto; flex-wrap: wrap; } .input-block.service-upload.logo-upload span { line-height: 0; } .input-block.service-upload.logo-upload span img { margin-right: 10px; } .payment-toggle { display: flex; align-items: center; } .payment-toggle .status-toggle .checktoggle { transform: none; margin-bottom: 25px; } .no-pagination .dataTables_length { display: none; } .no-pagination .pagination { display: none; } .mail-title { color: #1F2937; font-size: 14px; margin-bottom: 10px; } .mail-provider { background: #fff; border: 1px solid #E5E7EB; border-radius: 10px; padding: 20px; display: flex; align-items: center; } .mail-provider h4 { font-size: 15px; } .mail-provider .status-toggle .checktoggle { transform: none; } .mail-provider .mail-setting { display: flex; align-items: center; } .mail-provider .mail-setting a i { color: #95979b; margin-right: 10px; } .php-mail-modal { display: flex; align-items: center; } .php-mail-modal .status-toggle .checktoggle { transform: none; } table tr td h2.tax-name { color: #3F4254; } table tr td .status-toggle .checktoggle { transform: none; margin: 0; } .btn-path .btn-cancel.bg-primary-light { color: #3F3F3F !important; background: #EADDFF !important; } .setting-menu { font-size: 15px; color: #28283C !important; } .form-title .h5 { font-size: 18px; color: #1F2937; } .email-template-card .card { padding: 15px; } .email-template-card .card .card-body { padding: 0; } .email-template-card h5 { font-size: 16px; margin-bottom: 10px; } .sticky-sidebar { position: fixed; border: 3px solid #555a64; top: 50%; background: #555a64; z-index: 600; right: 0px; padding: 0px 0px; width: 50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12); border-radius: 5px 0px 0px 5px; transform: translateY(-50%); flex-wrap: wrap; transition: all 0.8s; } .sticky-sidebar > li > a { height: 30px; width: 30px; color: #fff; position: relative; } .tooltip-five { position: relative; text-align: center; margin: auto; display: flex; } .tooltip-five:hover .tooltiptext { visibility: visible; } .tooltip-five .tooltiptext { visibility: hidden; width: 126px; background-color: #e90202; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 111111; top: 0px; right: 41px; font-size: 14px; line-height: 18px; text-transform: capitalize; } .tooltip-five .tooltiptext:after { content: ""; position: absolute; top: 49%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #e90202; } .sidebar-logo img { max-height: 45px; width: auto; } .sticky-sidebar.siderbar-view.show-sidebar { right: 617px; z-index: 10000; transition: all 0.8s; } .sidebar-layout { width: 600px; height: auto; background-color: rgba(0, 0, 0, 0.2); position: fixed; right: -600px; top: 0; height: 100vh; z-index: 9999; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; transition: ease all 0.8s; } @media (max-width: 575.98px) { .sidebar-layout { width: 100%; } } .sidebar-layout.show-layout { right: 0; transition: ease all 0.8s; scrollbar-width: none; overflow-y: scroll; width: 100%; } .sidebar-layout .sidebar-content { width: 600px; position: absolute; right: 0px; background: #fff; } @media (max-width: 575.98px) { .sidebar-layout .sidebar-content { width: 100%; } } .sidebar-layout .sidebar-content .container-fluid { padding: 20px; } .sidebar-layout .sidebar-content .sidebar-top { padding: 0; border-bottom: 1px solid #F0F1F5; } .sidebar-layout .sidebar-content .sidebar-top .btn-closed { position: relative; z-index: 1; color: #FF0000; border: 1px solid transparent; text-align: center; float: right; padding: 2px; top: 0px; width: 25px; height: 25px; border-radius: 50px; } @media (max-width: 991.98px) { .sidebar-layout .sidebar-content .sidebar-top .btn-closed { margin-top: -45px; } } .sidebar-layout .sidebar-content .sidebar-top .sidebar-logo img { max-height: 45px; width: auto; } .sidebar-layout .sidebar-content .sidebar-title { font-size: 18px; color: #212529; margin: 0px 11px 15px 11px; padding: 0; } .sidebar-layout .sidebar-content .sidebar-image { flex-wrap: wrap; } .sidebar-layout .sidebar-content .layout { padding: 30px 11px; justify-content: left; } .sidebar-layout .sidebar-content .layout .layout-title { font-size: 15px; color: #212529; margin: 0px; text-align: center; } .switch { position: relative; display: inline-block; width: 46px; height: 26px; margin-right: 0px; } .switch input { opacity: 0; width: 0; height: 0; } .switch .layout-link { position: relative; z-index: 9; width: 100%; height: 100%; display: inline-block; } .switch .layout-link.checked + .slider { background-color: #e90202; border: 2px solid #e90202; } .switch .layout-link.checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(16px); background: #fff; } .switch .round { border-radius: 45px; } .switch .slider { cursor: poArimo; background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; border: 2px solid #6e82a5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 3px; background-color: #6e82a5; -webkit-transition: 0.4s; transition: 0.4s; } .switch .slider.round:before { border-radius: 50%; } .sidebar-icons { padding: 7px 0px; } .sidebar-settings { width: 600px; height: auto; background-color: rgba(0, 0, 0, 0.2); position: fixed; right: -600px; top: 0; height: 100vh; z-index: 9999; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; transition: ease all 0.8s; -webkit-transition: ease all 0.8s; -ms-transition: ease all 0.8s; } .sidebar-settings.show-settings { right: 0; transition: ease all 0.8s; scrollbar-width: none; overflow-y: scroll; width: 100%; } .sidebar-settings .sidebar-content { width: 600px; position: absolute; right: 0px; background: #fff; } @media (max-width: 991.98px) { .sidebar-settings .sidebar-content { width: 100%; } } .sidebar-settings .sidebar-top { padding: 0; border-bottom: 1px solid #F0F1F5; } .sidebar-settings .sidebar-top .container-fluid { padding: 20px; } .sidebar-settings .sidebar-top .btn-closed { position: relative; z-index: 1; color: #FF0000; border: 1px solid transparent; text-align: center; float: right; padding: 2px; top: 0px; width: 25px; height: 25px; border-radius: 50px; } .sidebar-settings .sidebar-content .container-fluid { padding: 20px; } .sidebar-settings .sidebar-content .sidebar-title { font-size: 18px; color: #212529; margin: 0px 11px 15px 11px; padding: 0; } .sidebar-settings .sidebar-content .setting-title { font-size: 12px; color: #212529; margin: 0; } .setting { padding: 15px 11px; justify-content: left; } .setting:nth-child(2) { justify-content: end; } .sidebar-color { background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); border-radius: 5px; padding: 10px; width: 100%; height: 100%; margin: 10px 0px; } .sidebar-color span { border-radius: 1px; width: 100%; height: 75px; display: block; margin: 1px; } .color-one { background: #fff; border: 1px solid #DBDFEA; } .color-two { background: #F0F1F5; border: 1px solid #DBDFEA; } .color-three { background: #101924; border: 1px solid #DBDFEA; } .color-four { background: #e90202; border: 1px solid #DBDFEA; } .color-eight { background: #757575; border: 1px solid #DBDFEA; } .sidebar-sub-title { font-size: 15px; color: #6E82A5; margin: 10px 0px 10px 11px; padding: 0; } .sidebar-color-one { background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); border-radius: 5px; padding: 10px; width: 100%; height: 53px; margin: 10px 0px; display: inline-block; } .sidebar-color-one span { border-radius: 1px; width: 54px; height: 30px; display: inline-block; margin: 0px 3px; } .sidebar-color-one .color-five { background: #757575; border: 1px solid #DBDFEA; } .sidebar-color-one .color-six { background: #DBDFEA; border: 1px solid #DBDFEA; } .sidebar-color-one .color-seven { background: #6E82A5; border: 1px solid #DBDFEA; } .sidebar-but { padding: 6px 23px; background: #e90202; border-radius: 5px; display: inline-block; border: 1px solid #e90202; width: auto; margin: 20px auto; color: #fff; border: 1px solid #e90202; display: flex; align-items: center; } .sidebar-but:hover { background: #621aff; color: #fff; } @media (max-width: 991.98px) { .layout, .setting { flex: 1 0 0%; } .layout:nth-child(2) { justify-content: end !important; } } .circle-btn { width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; } .btn-light { border-color: #e6e6e6; color: #a6a6a6; } .user-menu-eight.nav > li > a { color: #fff; } .user-menu-eight.nav > li > a.dropdown-toggle-eight:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .sidebar-three .nav-tabs .nav-link:hover { background-color: transparent; border-color: transparent; color: #fff; } .wizard { position: relative; } .wizard .nav-tabs { position: relative; margin-top: 20px; border: 0; } .wizard .nav-tabs li:after { content: ""; width: 75%; position: absolute; margin-left: auto; margin-right: auto; background: #e9e9ef; height: 2px; left: -30%; top: 38%; z-index: 1; } @media (max-width: 992px) { .wizard .nav-tabs li:after { width: 60%; left: -22%; } } @media (max-width: 575.98px) { .wizard .nav-tabs li:after { background: transparent; } } .wizard .nav-tabs li:first-child:after { background: transparent; } .wizard .nav-item { position: relative; } .wizard .nav-item .nav-link { width: 56px; height: 56px; content: ""; position: absolute; background: #fff; left: 50%; color: #5156be; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid rgba(81, 86, 190, 0.2); } .wizard .nav-item .nav-link.active { background: #e9e9ef; color: #5156be; border: 1px solid rgba(81, 86, 190, 0.2); } @media (max-width: 320px) { .wizard .nav-item .nav-link { left: 20%; } } @media (max-width: 768px) { .wizard .nav-item .nav-link { background: transparent; } } .wizard .tab-content { padding-top: 50px; } .wizard .form-control { border-radius: 4px; } .wizard .form-select { border: 1px solid #E0E0E0; box-shadow: none; border-radius: 4px; margin: 0; padding: 10px; font-size: 14px; font-weight: 400; color: #333; } .wizard .form-select:focus { outline: none; box-shadow: none; border: 1px solid #333; border-radius: 4px; } .bus-ticket .inv-content { border: 1px solid #0C0C20; } .bus-ticket .inv-content .invoice-header { background: #F2F2F2; margin: 20px 20px 0; padding: 30px; } .bus-ticket .inv-content .invoice-header h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #2c3038; } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-header h2 { font-size: 30px; } } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-header .inv-header-right { margin-top: 10px; } } .bus-ticket .inv-content .flight-invoice-details { margin: 0; padding: 0 20px; } .bus-ticket .inv-content .flight-invoice-details .bus-booking-address { display: flex; align-items: center; } .bus-ticket .inv-content .flight-invoice-details .bus-booking-address .booked-add { color: #000; font-weight: 450; font-size: 16px; } .bus-ticket .inv-content .flight-invoice-details .bus-booking-address .booked-add span { display: block; color: #333; font-weight: 450; font-size: 16px; } @media (max-width: 767px) { .bus-ticket .inv-content .flight-invoice-details .bus-booking-address { display: block; margin-top: 20px; } } .bus-ticket .inv-content .flight-invoice-details h3 { color: #28084B; font-size: 40px; font-weight: 700; text-align: center; margin: 30px 0; padding: 0; line-height: normal; } @media (max-width: 767px) { .bus-ticket .inv-content .flight-invoice-details h3 { font-size: 30px; margin: 20px 0; } } .bus-ticket .inv-content .flight-invoice-details .invoice-infomation { display: flex; } .bus-ticket .inv-content .flight-invoice-details .invoice-infomation div { background: #F2F2F2; padding: 10px; width: 32.8%; text-align: center; color: #000; } @media (max-width: 767px) { .bus-ticket .inv-content .flight-invoice-details .invoice-infomation div { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .bus-ticket .inv-content .flight-invoice-details .invoice-infomation { display: block; } } .bus-ticket .inv-content .invoice-address { margin: 0; padding: 30px 20px; justify-content: normal; } .bus-ticket .inv-content .invoice-address div { width: 50%; } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-address div { width: 100%; } } .bus-ticket .inv-content .passenger-info { display: flex; margin: 0; padding: 0; } .bus-ticket .inv-content .passenger-info .passenger-details, .bus-ticket .inv-content .passenger-info .payment-info { background: #F2F2F2; margin: 0 10px 0 0; padding: 15px 25px; width: 50%; } .bus-ticket .inv-content .passenger-info .passenger-details h5, .bus-ticket .inv-content .passenger-info .payment-info h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .bus-ticket .inv-content .passenger-info .passenger-details div, .bus-ticket .inv-content .passenger-info .payment-info div { display: flex; justify-content: space-between; } .bus-ticket .inv-content .passenger-info .passenger-details div span, .bus-ticket .inv-content .passenger-info .payment-info div span { color: #2c3038; } @media (max-width: 767px) { .bus-ticket .inv-content .passenger-info .passenger-details div, .bus-ticket .inv-content .passenger-info .payment-info div { font-size: 15px; } } @media (max-width: 767px) { .bus-ticket .inv-content .passenger-info .passenger-details, .bus-ticket .inv-content .passenger-info .payment-info { width: 100%; margin-bottom: 20px; margin: 0 10px 20px 0; padding: 15px; } } @media (max-width: 767px) { .bus-ticket .inv-content .passenger-info { display: block; } } .bus-ticket .inv-content .passenger-ticket-details { margin: 0; padding: 30px 20px; } .bus-ticket .inv-content .passenger-ticket-details .invoice-title { margin: 0; padding: 0px 0 30px; } .bus-ticket .inv-content .invoice-table { margin: 0; padding: 0px 20px; } .bus-ticket .inv-content .invoice-table h6 { padding: 0 0 30px; line-height: normal; } .bus-ticket .inv-content .invoice-table table { color: #95979b; } .bus-ticket .inv-content .invoice-table table thead tr { color: #2c3038; } .bus-ticket .inv-content .invoice-table table .table_width_2 { width: 38%; } .bus-ticket .inv-content .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .bus-ticket .inv-content .invoice-table table tr .table-description { color: #2c3038; } .bus-ticket .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } @media (max-width: 992px) { .bus-ticket .inv-content .invoice-table table tr td, .bus-ticket .inv-content .invoice-table table tr th { white-space: nowrap; } } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-table table { margin: 0; padding: 15px 20px 0; } } .bus-ticket .inv-content .invoice-table .invoice-table-footer .table-footer-right { color: #2c3038; } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-table .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .bus-ticket .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } .bus-ticket .inv-content .invoice-table .total-amountdetails span { display: block; } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-table .total-amountdetails { margin: 0; padding: 15px 20px; } } .bus-ticket .inv-content .totalamount-footer { background: #f2f2f2; border: 0; margin: 10px 20px; padding: 10px 10px 10px 15px; } .bus-ticket .inv-content .invoice-table-footer { border: 0; } .bus-ticket .inv-content .invoice-table-footer .notes span { display: block; color: #2c3038; } .bus-ticket .inv-content .invoice-table-footer .amount-payable { width: 35%; } .bus-ticket .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px; } @media (max-width: 767px) { .bus-ticket .inv-content .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .bus-ticket .inv-content .invoice-table-footer .total-item { display: none; } } .bus-ticket .inv-content .payable-table { margin: 0; padding: 15px 20px; } @media (max-width: 767px) { .bus-ticket .inv-content .payable-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .bus-ticket .inv-content .payable-table .table-footer-left { width: 100%; } } .bus-ticket .inv-content .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .bus-ticket .inv-content .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .bus-ticket .inv-content .payable-table .amount-payable { width: 100%; } } .bus-ticket .inv-content .bank-details { margin: 0 20px; padding: 10px 0px; border-bottom: 1px solid #F2F2F2; } .bus-ticket .inv-content .bank-details .payment-info { color: #2c3038; } .bus-ticket .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .bus-ticket .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .bus-ticket .inv-content .bank-details .payment-info span { color: #95979b; } .bus-ticket .inv-content .terms-condition { margin: 0 20px; padding: 30px 0; } .bus-ticket .inv-content .terms-condition p { color: #000; font-weight: 450; font-size: 16px; } .bus-ticket .inv-content .thanks-msg { padding: 30px 0; } @media print { .file-link { display: none !important; } } .car-booking .inv-content { border: 1px solid #0C0C20; } .car-booking .inv-content .invoice-header { background: linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%); margin: 20px 20px 0; padding: 30px; } .car-booking .inv-content .invoice-header h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #fff; margin-top: 10px; } @media (max-width: 767px) { .car-booking .inv-content .invoice-header h2 { font-size: 30px; } } @media (max-width: 767px) { .car-booking .inv-content .invoice-header .inv-header-right { margin-top: 10px; } } @media (max-width: 767px) { .car-booking .inv-content .invoice-header { display: flex; align-items: start; flex-direction: column-reverse; } } .car-booking .inv-content .flight-invoice-details { margin: 0; padding: 0 20px; } .car-booking .inv-content .flight-invoice-details .bus-booking-address { display: flex; align-items: center; margin: 30px 0; padding: 0; } .car-booking .inv-content .flight-invoice-details .bus-booking-address .booked-add { color: #2c3038; font-weight: 450; width: 50%; } .car-booking .inv-content .flight-invoice-details .bus-booking-address .booked-add span { display: block; color: #95979b; } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details .bus-booking-address .booked-add { width: 100%; } } .car-booking .inv-content .flight-invoice-details .bus-booking-address .info { text-align: right; } .car-booking .inv-content .flight-invoice-details .bus-booking-address .info p { color: #95979b; } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details .bus-booking-address .info { text-align: left; } } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details .bus-booking-address { display: block; margin-top: 20px; } } .car-booking .inv-content .flight-invoice-details h3 { color: #2c3038; font-size: 40px; font-weight: 700; text-align: center; margin: 30px 0; padding: 0; line-height: normal; } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details h3 { font-size: 30px; margin: 20px 0; } } .car-booking .inv-content .flight-invoice-details .invoice-infomation { display: flex; margin: 0 0 15px; padding: 0; } .car-booking .inv-content .flight-invoice-details .invoice-infomation div { background: #F2F2F2; padding: 10px; width: 32.8%; text-align: center; color: #2c3038; margin: 0 15px 0px 0; padding: 10px; } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details .invoice-infomation div { width: 100%; margin-bottom: 10px; } } .car-booking .inv-content .flight-invoice-details .invoice-infomation div span { color: #000; margin-left: 10px; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station { margin: 0 15px 0 0; padding: 25px; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station div { margin: 0; padding: 0px; color: #95979b; text-align: left; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station div span { display: block; margin: 0 0 5px; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station .station-info { display: flex; width: 100%; align-items: center; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station .station-info .point-img { width: 5%; margin-right: 15px; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station .station-info .station-details { width: 95%; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station .station-info .station-details div { width: auto; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station .station-info .station-details div .from-add { color: #2c3038; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .station .station-info .station-details span { display: inline; } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details .invoice-infomation .station { margin-bottom: 15px; } } .car-booking .inv-content .flight-invoice-details .invoice-infomation .days-detail { background: none; padding: 0px; display: flex; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .days-detail div { width: 50%; padding: 15px; margin-right: 15px; text-align: center; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .days-detail div span:first-child { margin: 0 0 10px; } .car-booking .inv-content .flight-invoice-details .invoice-infomation .days-detail .invoice-title { font-size: 18px; color: #7638FF; } @media (max-width: 767px) { .car-booking .inv-content .flight-invoice-details .invoice-infomation { display: block; } } .car-booking .inv-content .invoice-address { margin: 0; padding: 30px 20px; justify-content: normal; } .car-booking .inv-content .invoice-address div { width: 50%; } @media (max-width: 767px) { .car-booking .inv-content .invoice-address div { width: 100%; } } .car-booking .inv-content .passenger-info { display: flex; margin: 0; padding: 0; } .car-booking .inv-content .passenger-info .passenger-details, .car-booking .inv-content .passenger-info .payment-info { background: none; margin: 0 15px 0 0; padding: 0px; width: 50%; } .car-booking .inv-content .passenger-info .passenger-details h5, .car-booking .inv-content .passenger-info .payment-info h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .car-booking .inv-content .passenger-info .passenger-details div, .car-booking .inv-content .passenger-info .payment-info div { display: flex; justify-content: space-between; } .car-booking .inv-content .passenger-info .passenger-details div span, .car-booking .inv-content .passenger-info .payment-info div span { color: #2c3038; width: 65%; text-align: right; } @media (max-width: 992px) { .car-booking .inv-content .passenger-info .passenger-details div, .car-booking .inv-content .passenger-info .payment-info div { font-size: 12px; display: block; } } @media (max-width: 767px) { .car-booking .inv-content .passenger-info .passenger-details div, .car-booking .inv-content .passenger-info .payment-info div { font-size: 15px; } } .car-booking .inv-content .passenger-info .passenger-details .passenger-details-display, .car-booking .inv-content .passenger-info .payment-info .passenger-details-display { display: block; background: #F2F2F2; margin: 0; padding: 20px; min-height: 180px; } @media (max-width: 767px) { .car-booking .inv-content .passenger-info .passenger-details, .car-booking .inv-content .passenger-info .payment-info { width: 100%; margin-bottom: 20px; margin: 0 10px 20px 0; padding: 15px; } } @media (max-width: 767px) { .car-booking .inv-content .passenger-info { display: block; } } .car-booking .inv-content .passenger-ticket-details { margin: 0; padding: 15px 20px 30px; } .car-booking .inv-content .passenger-ticket-details .invoice-title { margin: 0 0 15px; padding: 20px; position: relative; overflow: hidden; font-size: 18px; font-weight: normal; } .car-booking .inv-content .passenger-ticket-details .invoice-title span:nth-child(1) { color: #fff; z-index: 2; position: relative; } .car-booking .inv-content .passenger-ticket-details .ticket-title-bg { position: absolute; display: block; height: 100%; width: 100%; -webkit-transform: skewX(35deg); transform: skewX(35deg); top: 0px; left: -22px; background: linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%); } .car-booking .inv-content .passenger-ticket-details .ticket-title-bg:hover { background: linear-gradient(270.14deg, #7638FF -0.04%, #3698FF 100%); } .car-booking .inv-content .invoice-table { margin: 0; padding: 0px 20px; } .car-booking .inv-content .invoice-table h6 { padding: 0 0 30px; line-height: normal; } .car-booking .inv-content .invoice-table table { color: #95979b; } .car-booking .inv-content .invoice-table table thead tr { color: #2c3038; } .car-booking .inv-content .invoice-table table .table_width_2 { width: 56%; } .car-booking .inv-content .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .car-booking .inv-content .invoice-table table tr .table-description { color: #2c3038; } .car-booking .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } @media (max-width: 992px) { .car-booking .inv-content .invoice-table table tr td, .car-booking .inv-content .invoice-table table tr th { white-space: nowrap; } } @media (max-width: 767px) { .car-booking .inv-content .invoice-table table { margin: 0; padding: 15px 20px 0; } } .car-booking .inv-content .invoice-table .invoice-table-footer .table-footer-right { color: #2c3038; } @media (max-width: 767px) { .car-booking .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } @media (max-width: 767px) { .car-booking .inv-content .invoice-table .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .car-booking .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } .car-booking .inv-content .invoice-table .total-amountdetails span { display: block; } @media (max-width: 767px) { .car-booking .inv-content .invoice-table .total-amountdetails { margin: 0; padding: 15px 20px; } } .car-booking .inv-content .totalamount-footer { background: #f2f2f2; border: 0; margin: 10px 20px; padding: 10px 10px 10px 15px; } .car-booking .inv-content .invoice-table-footer { border: 0; } .car-booking .inv-content .invoice-table-footer .notes span { display: block; color: #2c3038; } .car-booking .inv-content .invoice-table-footer .amount-payable { width: 35%; } .car-booking .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px; } @media (max-width: 767px) { .car-booking .inv-content .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .car-booking .inv-content .invoice-table-footer .total-item { display: none; } } .car-booking .inv-content .payable-table { margin: 0 20px; padding: 20px 0px; border-bottom: 1px solid #F2F2F2; } @media (max-width: 767px) { .car-booking .inv-content .payable-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .car-booking .inv-content .payable-table .table-footer-left { width: 100%; } } .car-booking .inv-content .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .car-booking .inv-content .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .car-booking .inv-content .payable-table .amount-payable { width: 100%; } } .car-booking .inv-content .bank-details { margin: 0 20px; padding: 30px 0px 20px; border-bottom: 1px solid #F2F2F2; } .car-booking .inv-content .bank-details .payment-info { color: #2c3038; } .car-booking .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .car-booking .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .car-booking .inv-content .bank-details .payment-info span { color: #95979b; } .car-booking .inv-content .terms-condition { margin: 0 20px; padding: 30px 0; } .car-booking .inv-content .terms-condition p { color: #000; font-weight: 450; font-size: 16px; } .car-booking .inv-content .thanks-msg { padding: 30px 0; } .receipt-wrap { max-width: 340px; margin: 30px auto; padding: 30px; background-color: #fff; } .receipt-wrap .receipt-top { text-align: center; } .receipt-wrap .receipt-top .company-logo { background: #F4F4F4; padding: 10px; text-align: center; margin-bottom: 10px; } .receipt-wrap .receipt-top .company-name { color: #000; margin-bottom: 10px; } .receipt-wrap .receipt-top .company-address, .receipt-wrap .receipt-top .company-email { font-size: 10px; } .receipt-wrap .receipt-heading { display: flex; justify-content: center; position: relative; text-transform: uppercase; font-size: 10px; font-weight: 700; margin: 10px 0; color: #000; } .receipt-wrap .receipt-heading span { display: inline-flex; padding: 0 5px; background-color: #fff; z-index: 1; font-weight: 700; font-size: 10px; } .receipt-wrap .receipt-heading:before { content: ""; position: absolute; height: 0; width: 100%; left: 0; top: 46%; border-top: 1px dashed #95979b; } .receipt-wrap .customer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .receipt-wrap .customer-list li { display: flex; width: 48%; font-size: 12px; line-height: 1.2em; margin-bottom: 10px; margin-right: 10px; justify-content: space-between; } .receipt-wrap .customer-list li .desc { color: #000; } .receipt-wrap .receipt-table { width: 100%; line-height: 1.3em; font-size: 12px; } .receipt-wrap .receipt-table thead th { color: #000; text-align: left; padding: 10px 3px; border-top: 1px dashed #95979b; border-bottom: 1px dashed #95979b; } .receipt-wrap .receipt-table td { padding: 6px; } .receipt-wrap .receipt-table td:first-child, .receipt-wrap .receipt-table th:first-child { padding-left: 0; } .receipt-wrap .receipt-table tr:first-child td { padding-top: 10px; } .receipt-wrap .bill-list { margin: 0; padding: 5px 0; font-size: 10px; } .receipt-wrap .bill-list .bill_list_in { display: flex; text-align: right; justify-content: space-between; padding: 4px 0; } .receipt-wrap .bill-list .bill_list_in .bill_title { padding-right: 20px; } .receipt-wrap .bill-list .bill_list_in .bill_value { width: 90px; } .receipt-wrap .total-payable { color: #000; } .receipt-wrap .receipt-seperator { width: 100%; border-top: 1px dashed #95979b; margin: 6px 0; margin-left: auto; } .receipt-wrap .sample_text { text-align: center; padding: 10px 0; border-bottom: 1px dashed #95979b; line-height: 1.6em; color: #95979b; font-size: 10px; } .receipt-wrap .receipt-footer { text-align: center; margin-top: 10px; font-size: 10px; } .receipt-two .bill-list { margin: 0; padding: 5px 0; font-size: 10px; border-bottom: 1px dashed #95979b; } .receipt-two .bill-list .bill_list_in { display: flex; text-align: right; justify-content: flex-end; padding: 4px 0; } .receipt-two .bill-list .bill_list_in .bill_title { padding-right: 20px; } .receipt-two .bill-list .bill_list_in .bill_value { width: 90px; } .receipt-two .receipt-table { margin-top: 0; } .receipt-two .receipt-seperator { width: 150px; } .receipt-two .sample_text img { margin-top: 10px; } .receipt-three .receipt-top .receipt-title { font-size: 18px; color: #000; margin-bottom: 5px; } .receipt-three .receipt-top .company-name { color: #95979b; text-transform: uppercase; font-size: 10px; } .receipt-three .receipt-seperator { margin: 1px 0; } .receipt-three .customer-list { margin: 10px 0 0; } .receipt-three .receipt-table thead th { border-top: 0; padding-top: 10px; } .receipt-three .receipt-table td { padding-bottom: 10px; } .receipt-three .bill-list { margin: 0; padding: 5px 0; font-size: 10px; border-bottom: 1px dashed #95979b; } .receipt-three .bill-list .bill_list_in { display: flex; text-align: right; justify-content: flex-end; padding: 4px 0; } .receipt-three .bill-list .bill_list_in .bill_title { padding-right: 20px; } .receipt-three .bill-list .bill_list_in .bill_value { width: 90px; } .receipt-three .bill-list .receipt-seperator { width: 150px; margin-left: auto; margin-top: 6px; margin-bottom: 6px; } .receipt-three .sample_text img { margin-top: 10px; } .receipt-four .receipt-top .receipt-title { font-size: 18px; color: #000; margin-bottom: 10px; } .receipt-four .receipt-top .company-name { color: #95979b; text-transform: uppercase; font-size: 10px; } .receipt-four .receipt-top .company-logo { background: none; margin-bottom: 0; } .receipt-four .receipt-top .company-logo img { vertical-align: middle; } .receipt-four .receipt-top .receipt-title { margin-top: 10px; } .receipt-four .receipt-top .company-email { padding-bottom: 10px; } .receipt-four .receipt-seperator { margin: 1px 0; } .receipt-four .bill-list .receipt-seperator { margin: 6px 0; } .receipt-four .customer-list { margin-top: 10px; } .receipt-four .receipt-table { margin-top: 0; } .receipt-four .receipt-table thead th { border-top: 0; } .receipt-four .sample_text img { margin-top: 10px; } .coffee-shop .inv-content { border: 5px solid #000; margin: 0; padding: 40px; } .coffee-shop .inv-content .invoice-header { margin: 0; padding: 0 0 30px; border-bottom: 5px solid #000; } .coffee-shop .inv-content .invoice-header a { margin: 0 0 10px; padding: 0px; } .coffee-shop .inv-content .invoice-header .inv-header-left { width: 30%; } @media (max-width: 992px) { .coffee-shop .inv-content .invoice-header .inv-header-left { width: 40%; } } @media (max-width: 767px) { .coffee-shop .inv-content .invoice-header .inv-header-left { width: auto; } } @media (max-width: 767px) { .coffee-shop .inv-content .invoice-header .inv-header-right { margin: 15px 0 0; } } .coffee-shop .inv-content .invoice-header .inv-header-right .tax-invoice { margin: 15px 0 10px; padding: 0px; } .coffee-shop .inv-content .invoice-header .inv-header-right .gst-details { margin: 5px 0 0px; padding: 0px; } .coffee-shop .inv-content .invoice-header .inv-details { display: block; } .coffee-shop .inv-content .invoice-header .inv-details span { font-size: 24px; color: #2c3038; font-weight: 700; } .coffee-shop .inv-content .invoice-header .inv-details .inv-date { margin: 0 0 10px; padding: 0px; } .coffee-shop .inv-content .invoice-header .inv-details .inv-no { background: url("../img/inv-bg.png"); background-repeat: no-repeat; background-size: 100%; margin: 0; padding: 19px; color: #fff; font-size: 16px; color: #fff; } .coffee-shop .inv-content .invoice-header .inv-details .inv-no span { color: #fff; font-size: 18px; } @media (max-width: 992px) { .coffee-shop .inv-content .invoice-header .inv-details .inv-no { margin: 0; padding: 10px; background: #000; } } @media (max-width: 767px) { .coffee-shop .inv-content .invoice-header .inv-details .inv-no { width: 275px; } } @media (max-width: 575.98px) { .coffee-shop .inv-content .invoice-header .inv-details .inv-no { width: 245px; } } .coffee-shop .inv-content .invoice-address { margin: 0; padding: 40px 0; } .coffee-shop .inv-content .invoice-address .invoice-to .invoice-title { margin: 0; padding: 0; } @media (max-width: 767px) { .coffee-shop .inv-content .invoice-address .invoice-to { margin: 0; } } .coffee-shop .inv-content .invoice-table { margin: 0; padding: 0 0 25px; } .coffee-shop .inv-content .invoice-table table { color: #2c3038; margin: 0; padding: 0px; } .coffee-shop .inv-content .invoice-table table thead .coffee-shop { background: #7638FF; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000; } .coffee-shop .inv-content .invoice-table table .table_width_2 { width: 50%; } .coffee-shop .inv-content .invoice-table table tr { border-bottom: 1px solid #000; } .coffee-shop .inv-content .invoice-table table tr .table-description { color: #2c3038; } .coffee-shop .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } .coffee-shop .inv-content .invoice-table table tr td { margin: 0; padding: 25px 15px; } @media (max-width: 992px) { .coffee-shop .inv-content .invoice-table table tr td, .coffee-shop .inv-content .invoice-table table tr th { white-space: nowrap; } } .coffee-shop .inv-content .invoice-table-footer { margin: 0; padding: 25px 0px; border-bottom: 1px solid #000; } .coffee-shop .inv-content .invoice-table-footer .table-footer-right { color: #2c3038; } .coffee-shop .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 5px 15px; } @media (max-width: 767px) { .coffee-shop .inv-content .invoice-table-footer .total-item { display: none; } } .coffee-shop .inv-content .table-total-item { margin: 0; padding: 15px 0px; } .coffee-shop .inv-content .total-amountdetails { margin: 0; padding: 25px 0; border-bottom: 1px solid #000; text-align: right; } @media (max-width: 992px) { .coffee-shop .inv-content .total-amountdetails { text-align: center; } } .coffee-shop .inv-content .bank-details { margin: 0; padding: 25px 15px; border-bottom: 1px solid #000; } .coffee-shop .inv-content .bank-details .payment-info { color: #2c3038; } .coffee-shop .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .coffee-shop .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .coffee-shop .inv-content .bank-details .payment-info span { color: #95979b; } .coffee-shop .inv-content .bank-details .terms-condition { margin: 0; padding: 0; color: #2c3038; } .coffee-shop .inv-content .bank-details .terms-condition span { font-size: 18px; margin: 0 0 10px; } .coffee-shop .inv-content .bank-details .terms-condition ol { color: #95979b; } @media (max-width: 767px) { .coffee-shop .inv-content .bank-details .terms-condition { margin: 10px 0; padding: 0px 0px; } } @media (max-width: 767px) { .coffee-shop .inv-content .bank-details { margin: 0; padding: 10px 0px; } } .coffee-shop .inv-content .thanks-msg { background: #7638FF; border-bottom: 1px solid #000; color: #000; } @media (max-width: 767px) { .coffee-shop .inv-content { margin: 0; padding: 20px; } } .domain-hosting .inv-content .invoice-header { background: #F2F2F2; margin: 20px; padding: 30px; } .domain-hosting .inv-content .invoice-header h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #2c3038; } @media (max-width: 767px) { .domain-hosting .inv-content .invoice-header h2 { font-size: 28px; } } @media (max-width: 767px) { .domain-hosting .inv-content .invoice-header .inv-header-right { margin-top: 10px; } } @media (max-width: 767px) { .domain-hosting .inv-content .invoice-header { display: flex; flex-direction: column-reverse; } } .domain-hosting .inv-content .flight-invoice-details { margin: 0; padding: 0 20px; } .domain-hosting .inv-content .flight-invoice-details h3 { color: #2c3038; font-size: 40px; font-weight: 700; text-align: center; margin: 30px 0 22px 0; padding: 0; line-height: normal; } @media (max-width: 767px) { .domain-hosting .inv-content .flight-invoice-details h3 { font-size: 30px; margin: 20px 0; } } .domain-hosting .inv-content .flight-invoice-details .invoice-infomation { display: flex; } .domain-hosting .inv-content .flight-invoice-details .invoice-infomation div { background: #F2F2F2; padding: 10px; width: 32.8%; display: flex; justify-content: space-between; color: #2c3038; } .domain-hosting .inv-content .flight-invoice-details .invoice-infomation div span { color: #000; } @media (max-width: 767px) { .domain-hosting .inv-content .flight-invoice-details .invoice-infomation div { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .domain-hosting .inv-content .flight-invoice-details .invoice-infomation { display: block; } } .domain-hosting .inv-content .invoice-address { margin: 0; padding: 30px 20px; justify-content: normal; } .domain-hosting .inv-content .invoice-address div { width: 50%; } @media (max-width: 767px) { .domain-hosting .inv-content .invoice-address div { width: 100%; } } .domain-hosting .inv-content .service-details { margin: 0; padding: 0 20px; } .domain-hosting .inv-content .service-details h4 { color: #2c3038; font-size: 24px; margin: 0; padding: 20px 0 10px 10px; font-weight: 700; } .domain-hosting .inv-content .service-details table { border-collapse: separate; border-spacing: 10px; color: #000; width: 100%; } .domain-hosting .inv-content .service-details table thead th { background: #F2F2F2; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 13px; color: #000; text-align: center; font-size: 18px; } @media (max-width: 767px) { .domain-hosting .inv-content .service-details table thead th { font-size: 14px; } } .domain-hosting .inv-content .service-details table .services { width: 50%; } .domain-hosting .inv-content .service-details table .dates { width: 10%; } .domain-hosting .inv-content .service-details table .rooms { width: 15%; } .domain-hosting .inv-content .service-details table .description { width: 50%; } .domain-hosting .inv-content .service-details table .charged-amount { width: 15%; } .domain-hosting .inv-content .service-details table .discount { width: 15%; } .domain-hosting .inv-content .service-details table .total { width: 15%; } .domain-hosting .inv-content .service-details table tr:nth-child(odd) { background: #F2F2F2; } .domain-hosting .inv-content .service-details table tr td { padding: 10px; } @media (max-width: 992px) { .domain-hosting .inv-content .service-details table tr td { white-space: nowrap; } } .domain-hosting .inv-content .service-details .invoice-table-footer { margin: 0; padding: 0; } .domain-hosting .inv-content .service-details .invoice-table-footer .table-footer-right { width: 34%; } .domain-hosting .inv-content .service-details .invoice-table-footer .table-footer-right table td:first-child { background: #fff; } .domain-hosting .inv-content .service-details .invoice-table-footer .table-footer-right table td:last-child { background: #F2F2F2; } @media (max-width: 767px) { .domain-hosting .inv-content .service-details .invoice-table-footer .table-footer-right table td { width: 50%; } } @media (max-width: 992px) { .domain-hosting .inv-content .service-details .invoice-table-footer .table-footer-right { width: 55%; } } @media (max-width: 992px) { .domain-hosting .inv-content .service-details .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .domain-hosting .inv-content .service-details .invoice-table-footer { display: block; } } .domain-hosting .inv-content .service-details .subtotal .table-footer-right table td:last-child { background: #FCFCFC; } .domain-hosting .inv-content .service-details .table-total-item .table-footer-right table td:last-child { background: #2C3038; color: #F2F2F2; } .domain-hosting .inv-content .invoice-table-footer { border: 0; } .domain-hosting .inv-content .invoice-table-footer .notes span { display: block; color: #2c3038; } .domain-hosting .inv-content .invoice-table-footer .table-footer-right table td { padding: 10px; } @media (max-width: 767px) { .domain-hosting .inv-content .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .domain-hosting .inv-content .invoice-table-footer .total-item { display: none; } } .domain-hosting .inv-content .totalamount-footer { background: #f2f2f2; border: 0; margin: 10px 20px 0; padding: 10px 10px 10px 15px; } .domain-hosting .inv-content .totalamount-footer .table-footer-left, .domain-hosting .inv-content .totalamount-footer .table-footer-right { width: 50%; } .domain-hosting .inv-content .totalamount-footer .table-footer-left table, .domain-hosting .inv-content .totalamount-footer .table-footer-right table { width: 100%; } .domain-hosting .inv-content .totalamount-footer .table-footer-left table td, .domain-hosting .inv-content .totalamount-footer .table-footer-right table td { width: 50%; } @media (max-width: 767px) { .domain-hosting .inv-content .totalamount-footer .table-footer-left table td, .domain-hosting .inv-content .totalamount-footer .table-footer-right table td { width: auto; } } @media (max-width: 767px) { .domain-hosting .inv-content .totalamount-footer .table-footer-left, .domain-hosting .inv-content .totalamount-footer .table-footer-right { width: 100%; } } .domain-hosting .inv-content .totalamount-footer .table-footer-left table td:last-child div { background: #FCFCFC; padding: 10px; display: flex; justify-content: space-between; } .domain-hosting .inv-content .totalamount-footer .table-footer-right table td { text-align: left; } .domain-hosting .inv-content .totalamount-footer .table-footer-right table td:last-child div { background: #000; padding: 10px; color: #fff; display: flex; justify-content: space-between; } @media (max-width: 767px) { .domain-hosting .inv-content .totalamount-footer .table-footer-right table td { padding: 10px 0 0; } } @media (max-width: 767px) { .domain-hosting .inv-content .totalamount-footer { display: block; } } .domain-hosting .inv-content .payable-table { margin: 0 20px; padding: 20px 0px; border-bottom: 1px solid #7638FF; } @media (max-width: 767px) { .domain-hosting .inv-content .payable-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .domain-hosting .inv-content .payable-table .table-footer-left { width: 100%; } } .domain-hosting .inv-content .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .domain-hosting .inv-content .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .domain-hosting .inv-content .payable-table .amount-payable { width: 100%; } } .domain-hosting .inv-content .bank-details { margin: 0 20px; padding: 20px 0px 10px; border-bottom: 1px solid #F2F2F2; } .domain-hosting .inv-content .bank-details .payment-info { color: #2c3038; } .domain-hosting .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .domain-hosting .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .domain-hosting .inv-content .bank-details .payment-info span { color: #95979b; } .domain-hosting .inv-content .terms-condition { margin: 0 20px; padding: 30px 0; } .domain-hosting .inv-content .terms-condition p { color: #000; } .domain-hosting .inv-content .thanks-msg { padding: 30px 0; } .e-commerce .invoice-header { margin: 0; padding: 40px 40px 15px; } .e-commerce .invoice-header .inv-header-right a { display: block; } .e-commerce .invoice-header .inv-header-right span { margin-bottom: 10px; display: block; } .e-commerce .invoice-header .inv-header-right .inv-details { display: block; } .e-commerce .invoice-header .inv-header-right .inv-details .inv-date { margin: 0 0 5px; padding: 0; } .e-commerce .invoice-header .inv-header-right .inv-details .inv-date span { display: inline; } .e-commerce .invoice-header .company-details .invoice-title { color: #2C3038; font-size: 24px; } .e-commerce .invoice-header .company-details .gst-details { margin: 10px 0 0; padding: 0; } .e-commerce .invoice-header .company-details .gst-details span { color: #2c3038; } @media (max-width: 767px) { .e-commerce .invoice-header .company-details { margin: 30px 0 0; padding: 0; } } @media (max-width: 767px) { .e-commerce .invoice-header { display: flex; flex-direction: column-reverse; align-items: normal; margin: 0; padding: 20px 20px; } .e-commerce .invoice-header .tax-invoice { display: none; } } .e-commerce .invoice-header .inv-header-left .tax-invoice { color: #2C3038; font-weight: 700; font-size: 24px; margin-bottom: 15px; } .e-commerce .invoice-address table { margin: 0; padding: 25px 40px; justify-content: normal; } .e-commerce .invoice-address table .invoice-to { width: 32%; } @media (max-width: 767px) { .e-commerce .invoice-address table .invoice-to { width: 100%; } } @media (max-width: 767px) { .e-commerce .invoice-address table { margin: 0; padding: 20px; } } .e-commerce .invoice-table table { color: #95979b; } .e-commerce .invoice-table table thead .ecommercetable { background: #7638FF; color: #95979b; } .e-commerce .invoice-table table .table_width_2 { width: 38%; } .e-commerce .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .e-commerce .invoice-table table tr .table-description { color: #2c3038; } .e-commerce .invoice-table table tr .table-description span { display: block; color: #95979b; } @media (max-width: 992px) { .e-commerce .invoice-table table tr td, .e-commerce .invoice-table table tr th { white-space: nowrap; } } @media (max-width: 767px) { .e-commerce .invoice-table table { margin: 0; padding: 15px 20px 0; } } .e-commerce .invoice-table-footer .table-footer-right { color: #2c3038; } @media (max-width: 767px) { .e-commerce .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .e-commerce .invoice-table-footer .total-item { display: none; } } .e-commerce .total-amountdetails span { display: block; } @media (max-width: 767px) { .e-commerce .total-amountdetails { margin: 0; padding: 15px 20px; } } @media (max-width: 767px) { .e-commerce .bank-details, .e-commerce .terms-condition { margin: 0; padding: 5px 20px; } } .fitness-center .invoice-header { margin: 0 20px; padding: 20px 0px 15px; } .fitness-center .invoice-header .tax-invoice { font-size: 24px; font-weight: 700; } .fitness-center .invoice-header .inv-header-right a { display: block; } .fitness-center .invoice-header .inv-header-right span { margin-bottom: 5px; display: block; font-size: 18px; font-weight: 400; } .fitness-center .invoice-header .inv-header-right .inv-details { display: block; } .fitness-center .invoice-header .inv-header-right .inv-details .inv-date { margin: 0; padding: 0; } .fitness-center .invoice-header .inv-header-right .inv-details .inv-date span { display: inline; } .fitness-center .invoice-header .company-details .invoice-title { color: #000; display: block; margin-top: 10px; } .fitness-center .invoice-header .company-details .gst-details { margin: 10px 0 0; padding: 0; } .fitness-center .invoice-header .company-details .gst-details span { color: #2c3038; } @media (max-width: 767px) { .fitness-center .invoice-header .company-details { margin: 15px 0 0; padding: 0; } } @media (max-width: 767px) { .fitness-center .invoice-header { display: flex; flex-direction: column-reverse; align-items: normal; margin: 0; padding: 20px 20px; } .fitness-center .invoice-header .tax-invoice { display: none; } } .fitness-center .invoice-address { margin: 0; padding: 25px 20px; } .fitness-center .invoice-address .grand-total { background: #F2F2F2; margin: 0; padding: 15px; text-align: center; width: 200px; } .fitness-center .invoice-address .grand-total span { display: block; } .fitness-center .invoice-address .grand-total span:last-child { color: #000; font-size: 24px; font-weight: 700; } @media (max-width: 767px) { .fitness-center .invoice-address { padding: 15px 20px; } } .fitness-center .invoice-table { margin: 0; padding: 0 20px; } .fitness-center .invoice-table table { color: #95979b; } .fitness-center .invoice-table table thead .fitness-center { background: #2c3038; color: #95979b; } .fitness-center .invoice-table table .table_width_2 { width: 52%; } .fitness-center .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .fitness-center .invoice-table table tr .table-description { color: #2c3038; } .fitness-center .invoice-table table tr .table-description span { display: block; color: #95979b; } @media (max-width: 992px) { .fitness-center .invoice-table table tr td, .fitness-center .invoice-table table tr th { white-space: nowrap; } } @media (max-width: 767px) { .fitness-center .invoice-table table { margin: 0; padding: 15px 20px 0; } } .fitness-center .invoice-table-footer { margin: 0 22px; padding: 5px 0; } .fitness-center .invoice-table-footer .table-footer-left span { display: block; color: #2c3038; } @media (max-width: 767px) { .fitness-center .invoice-table-footer .table-footer-left { width: auto; } .fitness-center .invoice-table-footer .table-footer-left .total-item { display: none; } } .fitness-center .invoice-table-footer .table-footer-right { color: #2c3038; width: 36%; } @media (max-width: 992px) { .fitness-center .invoice-table-footer .table-footer-right { width: 64%; } } @media (max-width: 767px) { .fitness-center .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .fitness-center .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .fitness-center .invoice-table-footer .total-item { display: none; } } .fitness-center .payable-table { margin: 0 22px; padding: 20px 0; } @media (max-width: 767px) { .fitness-center .payable-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .fitness-center .payable-table .table-footer-left { width: 100%; } } .fitness-center .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .fitness-center .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .fitness-center .payable-table .amount-payable { width: 100%; } } @media (max-width: 767px) { .fitness-center .payable-table { margin: 0 20px; padding: 10px 0; } } .fitness-center .total-amountdetails span { display: block; } @media (max-width: 767px) { .fitness-center .total-amountdetails { margin: 0; padding: 15px 20px; } } .fitness-center .bank-details { margin: 0 20px; padding: 10px 0px; border-bottom: 1px solid #F2F2F2; } .fitness-center .bank-details .payment-info { color: #2c3038; } .fitness-center .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .fitness-center .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .fitness-center .bank-details .payment-info span { color: #95979b; } .fitness-center .bank-details .company-sign { color: #000; } .fitness-center .terms-condition { margin: 0 20px; padding: 20px 0; } .fitness-center .terms-condition p { color: #000; } @media (max-width: 767px) { .fitness-center .bank-details, .fitness-center .terms-condition { margin: 0; padding: 5px 20px; } } .flight-booking .inv-content .invoice-header { background: #F2F2F2; margin: 20px; padding: 30px; } .flight-booking .inv-content .invoice-header h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #2c3038; } @media (max-width: 767px) { .flight-booking .inv-content .invoice-header h2 { font-size: 30px; } } @media (max-width: 767px) { .flight-booking .inv-content .invoice-header .inv-header-right { margin-top: 10px; } } .flight-booking .inv-content .flight-invoice-details { margin: 0; padding: 0 20px; } .flight-booking .inv-content .flight-invoice-details h3 { color: #2c3038; font-size: 40px; font-weight: 700; text-align: center; margin: 30px 0 22px 0; padding: 0; line-height: normal; } @media (max-width: 767px) { .flight-booking .inv-content .flight-invoice-details h3 { font-size: 30px; margin: 20px 0; } } .flight-booking .inv-content .flight-invoice-details .invoice-infomation { display: flex; } .flight-booking .inv-content .flight-invoice-details .invoice-infomation div { background: #F2F2F2; padding: 10px; width: 32.8%; text-align: center; color: #000; } @media (max-width: 767px) { .flight-booking .inv-content .flight-invoice-details .invoice-infomation div { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .flight-booking .inv-content .flight-invoice-details .invoice-infomation { display: block; } } .flight-booking .inv-content .invoice-address { margin: 0; padding: 30px 20px; justify-content: normal; } .flight-booking .inv-content .invoice-address div { width: 50%; } @media (max-width: 767px) { .flight-booking .inv-content .invoice-address div { width: 100%; } } .flight-booking .inv-content .passenger-info { display: flex; margin: 0 20px 30px; padding: 0; } .flight-booking .inv-content .passenger-info .passenger-details, .flight-booking .inv-content .passenger-info .payment-info { background: #F2F2F2; margin: 0 10px 0 0; padding: 15px 25px; width: 50%; } .flight-booking .inv-content .passenger-info .passenger-details h5, .flight-booking .inv-content .passenger-info .payment-info h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .flight-booking .inv-content .passenger-info .passenger-details div, .flight-booking .inv-content .passenger-info .payment-info div { display: flex; justify-content: space-between; } .flight-booking .inv-content .passenger-info .passenger-details div span, .flight-booking .inv-content .passenger-info .payment-info div span { color: #2c3038; } @media (max-width: 767px) { .flight-booking .inv-content .passenger-info .passenger-details, .flight-booking .inv-content .passenger-info .payment-info { width: 100%; margin-bottom: 20px; } } @media (max-width: 767px) { .flight-booking .inv-content .passenger-info { display: block; } } .flight-booking .inv-content .invoice-table { margin: 0; padding: 0px 20px; } .flight-booking .inv-content .invoice-table h6 { padding: 0 0 30px; line-height: normal; } .flight-booking .inv-content .invoice-table table { color: #95979b; } .flight-booking .inv-content .invoice-table table thead tr { background: linear-gradient(270.14deg, #7638FF -0.04%, #3698FF 100%); color: #95979b; } .flight-booking .inv-content .invoice-table table .table_width_2 { width: 38%; } .flight-booking .inv-content .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .flight-booking .inv-content .invoice-table table tr .table-description { color: #2c3038; } .flight-booking .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } @media (max-width: 992px) { .flight-booking .inv-content .invoice-table table tr td, .flight-booking .inv-content .invoice-table table tr th { white-space: nowrap; } } @media (max-width: 767px) { .flight-booking .inv-content .invoice-table table { margin: 0; padding: 15px 20px 0; } } .flight-booking .inv-content .invoice-table .invoice-table-footer .table-footer-right { color: #2c3038; } @media (max-width: 767px) { .flight-booking .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } @media (max-width: 767px) { .flight-booking .inv-content .invoice-table .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .flight-booking .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } .flight-booking .inv-content .invoice-table .total-amountdetails span { display: block; } @media (max-width: 767px) { .flight-booking .inv-content .invoice-table .total-amountdetails { margin: 0; padding: 15px 20px; } } .flight-booking .inv-content .totalamount-footer { background: #f2f2f2; border: 0; margin: 10px 20px; padding: 15px 10px 15px 15px; } .flight-booking .inv-content .invoice-table-footer { border: 0; } .flight-booking .inv-content .invoice-table-footer .notes span { display: block; color: #2c3038; } .flight-booking .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px; } @media (max-width: 767px) { .flight-booking .inv-content .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .flight-booking .inv-content .invoice-table-footer .total-item { display: none; } } .flight-booking .inv-content .payable-table { margin: 0; padding: 15px 20px; } @media (max-width: 767px) { .flight-booking .inv-content .payable-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .flight-booking .inv-content .payable-table .table-footer-left { width: 100%; } } .flight-booking .inv-content .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .flight-booking .inv-content .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .flight-booking .inv-content .payable-table .amount-payable { width: 100%; } } .flight-booking .inv-content .bank-details { margin: 0 20px; padding: 10px 0px; border-bottom: 1px solid #F2F2F2; } .flight-booking .inv-content .bank-details .payment-info { color: #2c3038; } .flight-booking .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .flight-booking .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .flight-booking .inv-content .bank-details .payment-info span { color: #95979b; } .flight-booking .inv-content .terms-condition { margin: 0 20px; padding: 30px 0; } .flight-booking .inv-content .terms-condition p { color: #000; } .flight-booking .inv-content .thanks-msg { padding: 30px 0; } .hotel-booking .inv-content .invoice-header .inv-header-left span { display: block; margin: 10px 0 0; } .hotel-booking .inv-content .invoice-header .inv-header-right { width: 54%; position: relative; overflow: hidden; } .hotel-booking .inv-content .invoice-header .company-details .gst-details { position: relative; margin: 0; padding: 40px 30px; color: #3F4254; z-index: 2; left: 20px; } @media (max-width: 992px) { .hotel-booking .inv-content .invoice-header .company-details .gst-details { color: #000; } } @media (max-width: 767px) { .hotel-booking .inv-content .invoice-header .company-details .gst-details { margin: 0; padding: 10px 0px; } } .hotel-booking .inv-content .invoice-header .company-details .address-bg { position: absolute; height: 100%; width: 100%; -webkit-transform: skewX(35deg); transform: skewX(35deg); top: 0px; right: -46px; overflow: hidden; background: linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%); } .hotel-booking .inv-content .invoice-header .company-details .address-bg:hover { background: linear-gradient(270.14deg, #7638FF -0.04%, #3698FF 100%); } @media (max-width: 992px) { .hotel-booking .inv-content .invoice-header .company-details .address-bg { display: none; } } .hotel-booking .inv-content .hotel-info { display: flex; margin: 0; padding: 10px 30px 0; } .hotel-booking .inv-content .hotel-info .hotel-booking-details { width: 70%; border: 1px solid #F2F2F2; margin: 0 15px 0 0; padding: 0px; display: flex; flex-wrap: wrap; } .hotel-booking .inv-content .hotel-info .hotel-booking-details .booked-info { width: 33.33%; display: inline-flex; } .hotel-booking .inv-content .hotel-info .hotel-booking-details .booked-info span { margin: 0 0px 0 0; padding: 15px; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; display: inline-block; width: 50%; } .hotel-booking .inv-content .hotel-info .hotel-booking-details .booked-info .right-info { border-right: 0; color: #000000; } @media (max-width: 992px) { .hotel-booking .inv-content .hotel-info .hotel-booking-details .booked-info { width: 50%; } } @media (max-width: 767px) { .hotel-booking .inv-content .hotel-info .hotel-booking-details .booked-info { width: 100%; } } @media (max-width: 767px) { .hotel-booking .inv-content .hotel-info .hotel-booking-details { display: block; width: 100%; } } .hotel-booking .inv-content .hotel-info .hotel-booking-address { border: 1px solid #F2F2F2; margin: 0 0 0; padding: 25px; width: 30%; } .hotel-booking .inv-content .hotel-info .hotel-booking-address .billing-name { color: #2c3038; display: block; margin: 10px 0; } @media (max-width: 767px) { .hotel-booking .inv-content .hotel-info .hotel-booking-address { width: 100%; margin: 10px 0; } } @media (max-width: 767px) { .hotel-booking .inv-content .hotel-info { display: block; } } .hotel-booking .inv-content .hotel-name { font-size: 40px; margin: 0; padding: 0px 0 0 30px; color: #e90202; font-weight: 700; } .hotel-booking .inv-content .service-details { margin: 0; padding: 0 30px; } .hotel-booking .inv-content .service-details h4 { color: #2c3038; font-size: 24px; margin: 0; padding: 30px 0 30px 10px; font-weight: 700; } .hotel-booking .inv-content .service-details table { border-collapse: separate; border-spacing: 10px; color: #000; width: 100%; } .hotel-booking .inv-content .service-details table thead th { background: #2c3038; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 4px; color: #F2F2F2; text-align: center; font-size: 18px; } @media (max-width: 767px) { .hotel-booking .inv-content .service-details table thead th { font-size: 14px; } } .hotel-booking .inv-content .service-details table .services { width: 40%; } .hotel-booking .inv-content .service-details table .dates { width: 10%; } .hotel-booking .inv-content .service-details table .rooms { width: 15%; } .hotel-booking .inv-content .service-details table .description { width: 25%; } .hotel-booking .inv-content .service-details table .charged-amount { width: 20%; } .hotel-booking .inv-content .service-details table .discount { width: 15%; } .hotel-booking .inv-content .service-details table .total { width: 15%; } .hotel-booking .inv-content .service-details table tr:nth-child(odd) { background: #F2F2F2; } .hotel-booking .inv-content .service-details table tr td { padding: 10px; } @media (max-width: 992px) { .hotel-booking .inv-content .service-details table tr td { white-space: nowrap; } } .hotel-booking .inv-content .service-details .invoice-table-footer { margin: 0; padding: 0; } .hotel-booking .inv-content .service-details .invoice-table-footer .table-footer-right { width: 32%; } .hotel-booking .inv-content .service-details .invoice-table-footer .table-footer-right table td:first-child { background: #fff; } .hotel-booking .inv-content .service-details .invoice-table-footer .table-footer-right table td:last-child { background: #F2F2F2; } @media (max-width: 767px) { .hotel-booking .inv-content .service-details .invoice-table-footer .table-footer-right table td { width: 50%; } } @media (max-width: 992px) { .hotel-booking .inv-content .service-details .invoice-table-footer .table-footer-right { width: 55%; } } @media (max-width: 992px) { .hotel-booking .inv-content .service-details .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .hotel-booking .inv-content .service-details .invoice-table-footer { display: block; } } .hotel-booking .inv-content .service-details .subtotal .table-footer-right table td:last-child { background: #FCFCFC; } .hotel-booking .inv-content .service-details .table-total-item .table-footer-right table td:last-child { background: #2c3038; color: #fff; } .hotel-booking .inv-content .terms-condition { border-bottom: 0; margin: 0; padding: 30px; } .hotel-booking .inv-content .terms-condition span { color: #2c3038; } .hotel-booking .inv-content .terms-condition ol { color: #95979b; } .hotel-booking .inv-content .thanks-msg { background: #F2F2F2; border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 0 30px 40px; padding: 15px 0; color: #000; } .booking-date { color: #000000; font-size: 16px; font-weight: 450; } .Arimonet-billing .inv-content { border: 5px solid #000; margin: 0; padding: 40px; } .Arimonet-billing .inv-content .invoice-header { margin: 0; padding: 0 0 20px; border-bottom: 5px solid #000; } .Arimonet-billing .inv-content .invoice-header a { margin: 0 0 10px; padding: 0px; } .Arimonet-billing .inv-content .invoice-header .inv-header-right { width: 30%; } @media (max-width: 992px) { .Arimonet-billing .inv-content .invoice-header .inv-header-right { width: 50%; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-header .inv-header-right { width: auto; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-header .inv-header-left { margin: 15px 0 0; } } .Arimonet-billing .inv-content .invoice-header .inv-header-left .tax-invoice { margin: 15px 0 10px; padding: 0px; } .Arimonet-billing .inv-content .invoice-header .inv-header-left .gst-details { margin: 5px 0 0px; padding: 0px; } .Arimonet-billing .inv-content .invoice-header .inv-header-left .company-details .company-name { color: #000; } .Arimonet-billing .inv-content .invoice-header .inv-details { display: block; } .Arimonet-billing .inv-content .invoice-header .inv-details span { font-size: 24px; color: #2c3038; font-weight: 700; } .Arimonet-billing .inv-content .invoice-header .inv-details .inv-date { margin: 0 0 10px; padding: 0px; } .Arimonet-billing .inv-content .invoice-header .inv-details .inv-no { background: url("../img/inv-bg-rightblue.png"); background-repeat: no-repeat; background-size: 100%; margin: 0; padding: 20px; color: #fff; font-size: 16px; color: #fff; } .Arimonet-billing .inv-content .invoice-header .inv-details .inv-no span { color: #fff; font-size: 18px; } @media (max-width: 1199.98px) { .Arimonet-billing .inv-content .invoice-header .inv-details .inv-no { margin: 0; padding: 10px; } } @media (max-width: 992px) { .Arimonet-billing .inv-content .invoice-header .inv-details .inv-no { margin: 0; padding: 10px; background: #000; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-header .inv-details .inv-no { width: 275px; background: #000; } } @media (max-width: 575.98px) { .Arimonet-billing .inv-content .invoice-header .inv-details .inv-no { width: 235px; background: #000; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-header { display: flex; flex-direction: column-reverse; align-items: flex-start; } } .Arimonet-billing .inv-content .invoice-address { margin: 0; padding: 20px 0; } .Arimonet-billing .inv-content .invoice-address .invoice-to .invoice-title { margin: 0; padding: 0; } .Arimonet-billing .inv-content .invoice-address .invoice-to span { margin-bottom: 5px; } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-address .invoice-to { margin: 0; } } .Arimonet-billing .inv-content .billing-info { display: flex; margin: 0 0 45px; padding: 0 0 20px; border-bottom: 5px solid #000; } .Arimonet-billing .inv-content .billing-info .billing-details { background: none; margin: 0 20px 0 0; padding: 0px; width: 50%; } .Arimonet-billing .inv-content .billing-info .billing-details h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .Arimonet-billing .inv-content .billing-info .billing-details div { display: flex; justify-content: space-between; } .Arimonet-billing .inv-content .billing-info .billing-details div span { color: #2c3038; width: 70%; text-align: right; } @media (max-width: 992px) { .Arimonet-billing .inv-content .billing-info .billing-details div { font-size: 12px; display: block; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .billing-info .billing-details div { font-size: 15px; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .billing-info .billing-details { width: 100%; margin-bottom: 20px; margin: 0 10px 20px 0; padding: 0px; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .billing-info { display: block; } } .Arimonet-billing .inv-content .invoice-table { margin: 0; padding: 0 0 25px; } .Arimonet-billing .inv-content .invoice-table table { color: #2c3038; margin: 0; padding: 0px; } .Arimonet-billing .inv-content .invoice-table table thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000; } .Arimonet-billing .inv-content .invoice-table table .table_width_2 { width: 62%; } .Arimonet-billing .inv-content .invoice-table table tr { border-bottom: 1px solid #000; } .Arimonet-billing .inv-content .invoice-table table tr .table-description { color: #2c3038; } .Arimonet-billing .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } .Arimonet-billing .inv-content .invoice-table table tr td { margin: 0; padding: 25px 15px; } @media (max-width: 992px) { .Arimonet-billing .inv-content .invoice-table table tr td, .Arimonet-billing .inv-content .invoice-table table tr th { white-space: nowrap; } } .Arimonet-billing .inv-content .invoice-table-footer { margin: 0; padding: 20px 0px; border-bottom: 1px solid #000; } .Arimonet-billing .inv-content .invoice-table-footer .table-footer-left { width: 69%; } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-table-footer .table-footer-left { width: auto; } } .Arimonet-billing .inv-content .invoice-table-footer .table-footer-right { color: #2c3038; } .Arimonet-billing .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 5px 15px; } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 15px 0px; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .invoice-table-footer .total-item { display: none; } } .Arimonet-billing .inv-content .table-total-item { margin: 0; padding: 15px 0px 15px 15px; } @media (max-width: 767px) { .Arimonet-billing .inv-content .table-total-item { margin: 0; padding: 15px 0px; } } .Arimonet-billing .inv-content .total-amountdetails { margin: 0; padding: 25px 0; border-bottom: 1px solid #000; text-align: center; } @media (max-width: 992px) { .Arimonet-billing .inv-content .total-amountdetails { text-align: center; } } .Arimonet-billing .inv-content .bank-details { margin: 0; padding: 25px 15px; border-bottom: 1px solid #000; } .Arimonet-billing .inv-content .bank-details .payment-info { color: #2c3038; } .Arimonet-billing .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .Arimonet-billing .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .Arimonet-billing .inv-content .bank-details .payment-info span { color: #95979b; } .Arimonet-billing .inv-content .bank-details .terms-condition { margin: 0; padding: 0; color: #2c3038; } .Arimonet-billing .inv-content .bank-details .terms-condition span { font-size: 18px; margin: 0 0 10px; } .Arimonet-billing .inv-content .bank-details .terms-condition ol { color: #95979b; } @media (max-width: 767px) { .Arimonet-billing .inv-content .bank-details .terms-condition { margin: 10px 0; padding: 0px 0px; } } @media (max-width: 767px) { .Arimonet-billing .inv-content .bank-details { margin: 0; padding: 10px 0px; } } .Arimonet-billing .inv-content .thanks-msg { background: #F2F2F2; border-bottom: 1px solid #000; color: #000; } @media (max-width: 767px) { .Arimonet-billing .inv-content { margin: 0; padding: 20px; } } .medical .inv-content { border: 1px solid #000; margin: 0; padding: 30px; } .medical .inv-content .invoice-header { border-top: 10px solid #2c3038; border-bottom: 10px solid #2c3038; margin: 0; padding: 20px 20px; } .medical .inv-content .invoice-header .inv-header-left { width: 54%; } @media (max-width: 1199.98px) { .medical .inv-content .invoice-header .inv-header-left { width: 56%; } } @media (max-width: 767px) { .medical .inv-content .invoice-header .inv-header-left { width: 100%; } } .medical .inv-content .invoice-header .inv-header-left h4 { color: #28084B; font-size: 48px; font-weight: 700; margin-bottom: 15px; } @media (max-width: 767px) { .medical .inv-content .invoice-header .inv-header-left h4 { display: none; } } .medical .inv-content .invoice-header .inv-header-right span { display: block; margin: 15px 0; } .medical .inv-content .invoice-header .inv-header-right h3 { font-size: 40px; margin: 0; padding: 0; color: #2c3038; font-weight: 700; } @media (max-width: 992px) { .medical .inv-content .invoice-header .inv-header-right h3 { font-size: 30px; } } .medical .inv-content .invoice-header .company-details { position: relative; overflow: hidden; } .medical .inv-content .invoice-header .company-details .gst-details { position: relative; margin: 0; padding: 40px 30px; color: #fff; z-index: 2; } .medical .inv-content .invoice-header .company-details .gst-details span { color: #fff; } @media (max-width: 992px) { .medical .inv-content .invoice-header .company-details .gst-details span { color: #000; } } @media (max-width: 992px) { .medical .inv-content .invoice-header .company-details .gst-details { color: #000; margin: 0; padding: 10px 0px; } } @media (max-width: 767px) { .medical .inv-content .invoice-header .company-details .gst-details { margin: 0; padding: 10px 0px; } } .medical .inv-content .invoice-header .company-details .address-bg { position: absolute; height: 100%; width: 100%; -webkit-transform: skewX(-35deg); transform: skewX(-35deg); top: 0px; right: 38px; overflow: hidden; background-color: #7638FF; } .medical .inv-content .invoice-header .company-details .address-bg:hover { background-color: #7638FF; } @media (max-width: 1199.98px) { .medical .inv-content .invoice-header .company-details .address-bg { right: 58px; } } @media (max-width: 992px) { .medical .inv-content .invoice-header .company-details .address-bg { display: none; } } @media (max-width: 767px) { .medical .inv-content .invoice-header { flex-direction: column-reverse; display: flex; } } .medical .inv-content .patient-info { display: flex; margin: 0 0 20px; padding: 0; } .medical .inv-content .patient-info .patient-details, .medical .inv-content .patient-info .treatment-info { background: #F2F2F2; margin: 0 20px 0 0; padding: 20px; width: 50%; } .medical .inv-content .patient-info .patient-details h5, .medical .inv-content .patient-info .treatment-info h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .medical .inv-content .patient-info .patient-details div, .medical .inv-content .patient-info .treatment-info div { display: flex; justify-content: space-between; } .medical .inv-content .patient-info .patient-details div span, .medical .inv-content .patient-info .treatment-info div span { color: #2c3038; width: 70%; text-align: right; } @media (max-width: 992px) { .medical .inv-content .patient-info .patient-details div, .medical .inv-content .patient-info .treatment-info div { font-size: 12px; display: block; } } @media (max-width: 767px) { .medical .inv-content .patient-info .patient-details div, .medical .inv-content .patient-info .treatment-info div { font-size: 15px; } } @media (max-width: 767px) { .medical .inv-content .patient-info .patient-details, .medical .inv-content .patient-info .treatment-info { width: 100%; margin-bottom: 20px; margin: 0 10px 20px 0; padding: 15px; } } @media (max-width: 767px) { .medical .inv-content .patient-info { display: block; } } .medical .inv-content h5 { background: #F4F4F4; color: #2c3038; border-radius: 10px; font-size: 18px; margin: 20px 0; padding: 10px 20px; } .medical .inv-content .invoice-table { margin: 0; padding: 0 0 20px; } .medical .inv-content .invoice-table table { color: #2c3038; margin: 0; padding: 0px; } .medical .inv-content .invoice-table table thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000; } .medical .inv-content .invoice-table table .table_width_2 { width: 50%; } .medical .inv-content .invoice-table table tr { border-bottom: 1px solid #000; } .medical .inv-content .invoice-table table tr .table-description { color: #2c3038; } .medical .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } .medical .inv-content .invoice-table table tr td { margin: 0; padding: 20px 15px; } .medical .inv-content .invoice-table table tr td:last-child, .medical .inv-content .invoice-table table tr th:last-child { padding-right: 25px; } @media (max-width: 992px) { .medical .inv-content .invoice-table table tr td, .medical .inv-content .invoice-table table tr th { white-space: nowrap; } } .medical .inv-content .invoice-table-footer { margin: 0; padding: 20px 10px; border-bottom: 1px solid #000; } .medical .inv-content .invoice-table-footer .table-footer-right { color: #2c3038; } .medical .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 5px 15px; } @media (max-width: 767px) { .medical .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 5px 0px; } } @media (max-width: 767px) { .medical .inv-content .invoice-table-footer .total-item { display: none; } } .medical .inv-content .table-total-item { margin: 0; padding: 15px 10px 15px 20px; } @media (max-width: 767px) { .medical .inv-content .table-total-item { margin: 0; padding: 15px 0px; } } .medical .inv-content .total-amountdetails { margin: 0; padding: 20px 0; border-bottom: 1px solid #000; text-align: center; } @media (max-width: 992px) { .medical .inv-content .total-amountdetails { text-align: center; } } .medical .inv-content .bank-details { margin: 0; padding: 25px 15px; border-bottom: 1px solid #000; } .medical .inv-content .bank-details .payment-info { color: #2c3038; } .medical .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .medical .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .medical .inv-content .bank-details .payment-info span { color: #95979b; } .medical .inv-content .bank-details .terms-condition { margin: 0; padding: 0; color: #2c3038; } .medical .inv-content .bank-details .terms-condition span { font-size: 18px; margin: 0 0 10px; } .medical .inv-content .bank-details .terms-condition ol { color: #95979b; } @media (max-width: 767px) { .medical .inv-content .bank-details .terms-condition { margin: 10px 0; padding: 0px 0px; } } @media (max-width: 767px) { .medical .inv-content .bank-details { margin: 0; padding: 10px 0px; } } .medical .inv-content .thanks-msg { background: #F2F2F2; border-bottom: 1px solid #000; color: #000; } @media (max-width: 767px) { .medical .inv-content { margin: 0; padding: 20px; } } .money-exchange .inv-content { border-radius: 10px; border: 1px solid #95979b; } .money-exchange .inv-content .invoice-header { background: #FCFCFC; border-radius: 8px; margin: 25px; padding: 25px; } .money-exchange .inv-content .invoice-header .cineplux-title { font-size: 64px; line-height: 80px; } @media (max-width: 992px) { .money-exchange .inv-content .invoice-header .cineplux-title { font-size: 40px; line-height: 40px; } } @media (max-width: 767px) { .money-exchange .inv-content .invoice-header .cineplux-title { font-size: 30px; line-height: 50px; } } .money-exchange .inv-content .invoice-header .inv-header-left a { display: block; } .money-exchange .inv-content .invoice-header .inv-header-left span { margin-bottom: 10px; display: block; } .money-exchange .inv-content .invoice-header .inv-header-left .inv-details { display: block; } .money-exchange .inv-content .invoice-header .inv-header-left .inv-details .inv-date { margin: 0 0 5px; padding: 0; } .money-exchange .inv-content .invoice-header .inv-header-left .inv-details .inv-date span { display: inline; color: #2c3038; font-weight: 700; font-size: 24px; margin-left: 8px; } .money-exchange .inv-content .invoice-header .inv-header-right .company-name { margin: 0 0 10px; padding: 0; display: block; } .money-exchange .inv-content .exchange-details { margin: 0 25px; padding: 0; } .money-exchange .inv-content .exchange-details h4 { background: #F4F4F4; color: #2c3038; border-radius: 10px; font-size: 18px; margin: 0; padding: 10px 30px; } .money-exchange .inv-content .exchange-details .exchange-info { display: flex; margin: 20px 0 0; padding: 0; } .money-exchange .inv-content .exchange-details .exchange-info div { background: #FCFCFC; border-radius: 10px; width: 24%; margin: 0; padding: 10px; display: flex; border: 1px solid #D9D9D9; } @media (max-width: 992px) { .money-exchange .inv-content .exchange-details .exchange-info div { width: 49%; margin-bottom: 15px; } } @media (max-width: 767px) { .money-exchange .inv-content .exchange-details .exchange-info div { width: 100%; } } .money-exchange .inv-content .exchange-details .exchange-info div span { color: #2c3038; } @media (max-width: 992px) { .money-exchange .inv-content .exchange-details .exchange-info { flex-wrap: wrap; } } @media (max-width: 767px) { .money-exchange .inv-content .exchange-details .exchange-info { display: block; } } .money-exchange .inv-content .transfer-overview { margin: 0; padding: 30px 25px; } .money-exchange .inv-content .transfer-overview .exchange-info div { width: 32%; } @media (max-width: 767px) { .money-exchange .inv-content .transfer-overview .exchange-info div { width: 100%; } } .money-exchange .inv-content .transfer-overview .exchange-rate div { width: 49%; } @media (max-width: 767px) { .money-exchange .inv-content .transfer-overview .exchange-rate div { width: 100%; } } .money-exchange .inv-content .sendto-details { display: flex; margin: 20px 0 30px; padding: 0; } .money-exchange .inv-content .sendto-details .sendto-left, .money-exchange .inv-content .sendto-details .sendto-right { border: 1px solid #D9D9D9; background: #FCFCFC; border-radius: 10px; margin: 0; padding: 20px; width: 49%; } .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div { display: flex; } .money-exchange .inv-content .sendto-details .sendto-left div span, .money-exchange .inv-content .sendto-details .sendto-right div span { color: #2c3038; } @media (max-width: 992px) { .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div { display: block; } } @media (max-width: 767px) { .money-exchange .inv-content .sendto-details .sendto-left, .money-exchange .inv-content .sendto-details .sendto-right { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .money-exchange .inv-content .sendto-details { display: block; } } .money-exchange .inv-content .exchange-notes p { margin: 20px 0 30px 0; padding: 0; } .money-exchange .inv-content .thanks-msg { margin: 0px 25px 30px 25px; padding: 15px; border: 1px solid #D9D9D9; color: #fff; background: #7638FF; border-radius: 10px; } .money-exchange .inv-content { border-radius: 10px; border: 1px solid #95979b; } .money-exchange .inv-content .invoice-header { background: #FCFCFC; border-radius: 8px; margin: 25px; padding: 25px; } .money-exchange .inv-content .invoice-header .cineplux-title { font-size: 64px; line-height: 80px; } @media (max-width: 992px) { .money-exchange .inv-content .invoice-header .cineplux-title { font-size: 40px; line-height: 40px; } } @media (max-width: 767px) { .money-exchange .inv-content .invoice-header .cineplux-title { font-size: 30px; line-height: 50px; } } .money-exchange .inv-content .invoice-header .inv-header-left a { display: block; } .money-exchange .inv-content .invoice-header .inv-header-left span { margin-bottom: 10px; display: block; } .money-exchange .inv-content .invoice-header .inv-header-left .inv-details { display: block; } .money-exchange .inv-content .invoice-header .inv-header-left .inv-details .inv-date { margin: 0 0 5px; padding: 0; } .money-exchange .inv-content .invoice-header .inv-header-left .inv-details .inv-date span { display: inline; color: #2c3038; font-weight: 700; font-size: 24px; margin-left: 8px; } .money-exchange .inv-content .invoice-header .inv-header-right .company-name { margin: 0 0 10px; padding: 0; display: block; } .money-exchange .inv-content .exchange-details { margin: 0 25px; padding: 0; } .money-exchange .inv-content .exchange-details h4 { background: #F4F4F4; color: #2c3038; border-radius: 10px; font-size: 18px; margin: 0; padding: 10px 30px; } .money-exchange .inv-content .exchange-details .exchange-info { display: flex; margin: 20px 0 0; padding: 0; } .money-exchange .inv-content .exchange-details .exchange-info div { background: #FCFCFC; border-radius: 10px; width: 24%; margin: 0; padding: 10px; display: flex; border: 1px solid #D9D9D9; } @media (max-width: 992px) { .money-exchange .inv-content .exchange-details .exchange-info div { width: 49%; margin-bottom: 15px; } } @media (max-width: 767px) { .money-exchange .inv-content .exchange-details .exchange-info div { width: 100%; } } .money-exchange .inv-content .exchange-details .exchange-info div span { color: #2c3038; } @media (max-width: 992px) { .money-exchange .inv-content .exchange-details .exchange-info { flex-wrap: wrap; } } @media (max-width: 767px) { .money-exchange .inv-content .exchange-details .exchange-info { display: block; } } .money-exchange .inv-content .transfer-overview { margin: 0; padding: 30px 25px; } .money-exchange .inv-content .transfer-overview .exchange-info div { width: 32%; } @media (max-width: 767px) { .money-exchange .inv-content .transfer-overview .exchange-info div { width: 100%; } } .money-exchange .inv-content .transfer-overview .exchange-rate div { width: 49%; } @media (max-width: 767px) { .money-exchange .inv-content .transfer-overview .exchange-rate div { width: 100%; } } .money-exchange .inv-content .sendto-details { display: flex; margin: 20px 0 30px; padding: 0; } .money-exchange .inv-content .sendto-details .sendto-left, .money-exchange .inv-content .sendto-details .sendto-right { border: 1px solid #D9D9D9; background: #FCFCFC; border-radius: 10px; margin: 0; padding: 20px; width: 49%; } .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div { display: flex; } .money-exchange .inv-content .sendto-details .sendto-left div span, .money-exchange .inv-content .sendto-details .sendto-right div span { color: #2c3038; } @media (max-width: 992px) { .money-exchange .inv-content .sendto-details .sendto-left div, .money-exchange .inv-content .sendto-details .sendto-right div { display: block; } } @media (max-width: 767px) { .money-exchange .inv-content .sendto-details .sendto-left, .money-exchange .inv-content .sendto-details .sendto-right { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .money-exchange .inv-content .sendto-details { display: block; } } .money-exchange .inv-content .exchange-notes p { margin: 20px 0 30px 0; padding: 0; } .money-exchange .inv-content .thanks-msg { margin: 0px 25px 30px 25px; padding: 15px; border: 1px solid #D9D9D9; color: #fff; background: #7638FF; border-radius: 10px; } .movie-booking .inv-content { margin: 0; padding: 40px; } .movie-booking .inv-content .cineplux-title { font-size: 80px; line-height: 100px; } @media (max-width: 767px) { .movie-booking .inv-content .cineplux-title { font-size: 50px; line-height: 70px; } } .movie-booking .inv-content .invoice-header { margin: 0; padding: 0 0 15px; } .movie-booking .inv-content .invoice-header .inv-header-right a { display: block; } .movie-booking .inv-content .invoice-header .inv-header-right span { margin-bottom: 10px; display: block; } .movie-booking .inv-content .invoice-header .inv-header-right .inv-details { display: block; } .movie-booking .inv-content .invoice-header .inv-header-right .inv-details .inv-date { margin: 0 0 5px; padding: 0; } .movie-booking .inv-content .invoice-header .inv-header-right .inv-details .inv-date span { display: inline; } .movie-booking .inv-content .invoice-header .inv-header-left .tax-invoice { color: #2C3038; } .movie-booking .inv-content .invoice-header .company-details .invoice-title { color: #2C3038; } .movie-booking .inv-content .invoice-header .company-details .gst-details { margin: 5px 0 0; padding: 0; } @media (max-width: 767px) { .movie-booking .inv-content .invoice-header .company-details { margin: 10px 0 0; padding: 0; } } @media (max-width: 767px) { .movie-booking .inv-content .invoice-header { display: flex; flex-direction: column-reverse; align-items: normal; margin: 0; padding: 15px 0; } .movie-booking .inv-content .invoice-header .tax-invoice { display: none; } } .movie-booking .inv-content .invoice-address { margin: 0; padding: 30px 0px; border: 0; } .movie-booking .inv-content .invoice-address .invoice-to span { font-size: 18px; margin: 0 0 5px; } @media (max-width: 767px) { .movie-booking .inv-content .invoice-address .invoice-to { margin: 0; } } @media (max-width: 767px) { .movie-booking .inv-content .invoice-address { margin: 0; padding: 10px 0px 20px; } } .movie-booking .inv-content .invoice-table { margin: 0; padding: 0; } .movie-booking .inv-content .invoice-table table { color: #95979b; margin: 0; padding: 0px; } .movie-booking .inv-content .invoice-table table thead .movie-ticket-table { background: #7638FF; color: #fff; } .movie-booking .inv-content .invoice-table table .table_width_2 { width: 50%; } .movie-booking .inv-content .invoice-table table tr .table-description { color: #2c3038; } .movie-booking .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } .movie-booking .inv-content .invoice-table table tr td { margin: 0; padding: 25px 15px; } @media (max-width: 992px) { .movie-booking .inv-content .invoice-table table tr td, .movie-booking .inv-content .invoice-table table tr th { white-space: nowrap; } } .movie-booking .inv-content .invoice-table-footer { margin: 0; padding: 5px 0; } @media (max-width: 767px) { .movie-booking .inv-content .invoice-table-footer .total-item { display: none; } } @media (max-width: 767px) { .movie-booking .inv-content .invoice-table-footer .table-footer-right td { margin: 0; padding: 5px 0px; } } .movie-booking .inv-content .total-amountdetails { margin: 0; padding: 25px 0; text-align: center; } .movie-booking .inv-content .bank-details { margin: 0; padding: 25px 0px; border-bottom: 1px solid #F2F2F2; } .movie-booking .inv-content .bank-details .payment-info { color: #2c3038; } .movie-booking .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .movie-booking .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .movie-booking .inv-content .bank-details .payment-info span { color: #95979b; } .movie-booking .inv-content .bank-details .terms-condition { margin: 0; padding: 0; color: #2c3038; } .movie-booking .inv-content .bank-details .terms-condition span { font-size: 18px; margin: 0 0 10px; } .movie-booking .inv-content .bank-details .terms-condition ol { color: #95979b; } @media (max-width: 767px) { .movie-booking .inv-content .bank-details .terms-condition { margin: 10px 0; padding: 0px 0px; } } @media (max-width: 767px) { .movie-booking .inv-content .bank-details { margin: 0; padding: 10px 0px; } } .movie-booking .inv-content .thanks-msg { background: #7638FF; color: #fff; border-radius: 5px; } .student-billing .inv-content .invoice-header { background: #F2F2F2; margin: 20px; padding: 30px; } .student-billing .inv-content .invoice-header h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #2c3038; margin-bottom: 10px; } @media (max-width: 992px) { .student-billing .inv-content .invoice-header h2 { font-size: 28px; } } @media (max-width: 992px) { .student-billing .inv-content .invoice-header h2 { font-size: 20px; } } @media (max-width: 767px) { .student-billing .inv-content .invoice-header .inv-header-right { margin-top: 10px; } } .student-billing .inv-content .flight-invoice-details { margin: 0; padding: 0 20px; } .student-billing .inv-content .flight-invoice-details h3 { color: #2c3038; font-size: 40px; font-weight: 700; text-align: center; margin: 30px 0 22px 0; padding: 0; line-height: normal; } @media (max-width: 767px) { .student-billing .inv-content .flight-invoice-details h3 { font-size: 20px; margin: 20px 0; } } .student-billing .inv-content .flight-invoice-details .invoice-infomation { display: flex; margin-bottom: 10px; } .student-billing .inv-content .flight-invoice-details .invoice-infomation div { background: #F2F2F2; padding: 10px; width: 32.8%; display: flex; justify-content: space-between; color: #2c3038; } .student-billing .inv-content .flight-invoice-details .invoice-infomation div span { color: #000; } @media (max-width: 767px) { .student-billing .inv-content .flight-invoice-details .invoice-infomation div { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .student-billing .inv-content .flight-invoice-details .invoice-infomation { display: block; } } .student-billing .inv-content .invoice-address { margin: 0; padding: 30px 20px; justify-content: normal; } .student-billing .inv-content .invoice-address div { width: 50%; } @media (max-width: 767px) { .student-billing .inv-content .invoice-address div { width: 100%; } } .student-billing .inv-content .invoice-table { margin: 0; padding: 0 20px; } .student-billing .inv-content .invoice-table table { color: #2c3038; } .student-billing .inv-content .invoice-table table thead tr { border: 1px solid #95979b; } .student-billing .inv-content .invoice-table table tr { border-bottom: 1px solid #95979b; } .student-billing .inv-content .invoice-table table tr .table-description { color: #2c3038; } .student-billing .inv-content .invoice-table table .table_width_2 { width: 70%; } .student-billing .inv-content .invoice-table-footer { border: 0; } .student-billing .inv-content .invoice-table-footer .notes { color: #2c3038; } .student-billing .inv-content .invoice-table-footer .notes span { display: block; color: #95979b; } .student-billing .inv-content .invoice-table-footer .notes .delivery-notes { max-width: 300px; } @media (max-width: 992px) { .student-billing .inv-content .invoice-table-footer .notes .delivery-notes { max-width: none; } } .student-billing .inv-content .invoice-table-footer .table-footer-right table { color: #2c3038; } .student-billing .inv-content .invoice-table-footer .table-footer-right table td { padding: 10px; } @media (max-width: 767px) { .student-billing .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px; } } @media (max-width: 767px) { .student-billing .inv-content .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .student-billing .inv-content .invoice-table-footer .total-item { display: none; } } @media (max-width: 767px) { .student-billing .inv-content .discount-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .student-billing .inv-content .discount-table .notes { width: 100%; margin-top: 20px; } } .student-billing .inv-content .totalamount-footer { background: #f2f2f2; border: 0; margin: 10px 20px 0; padding: 10px 10px 10px 15px; } .student-billing .inv-content .totalamount-footer .table-footer-left, .student-billing .inv-content .totalamount-footer .table-footer-right { width: 50%; } .student-billing .inv-content .totalamount-footer .table-footer-left table, .student-billing .inv-content .totalamount-footer .table-footer-right table { width: 100%; } .student-billing .inv-content .totalamount-footer .table-footer-left table td, .student-billing .inv-content .totalamount-footer .table-footer-right table td { width: 50%; } @media (max-width: 767px) { .student-billing .inv-content .totalamount-footer .table-footer-left table td, .student-billing .inv-content .totalamount-footer .table-footer-right table td { width: auto; } } @media (max-width: 767px) { .student-billing .inv-content .totalamount-footer .table-footer-left, .student-billing .inv-content .totalamount-footer .table-footer-right { width: 100%; } } .student-billing .inv-content .totalamount-footer .table-footer-left table td:last-child div { background: #FCFCFC; padding: 10px; display: flex; justify-content: space-between; } .student-billing .inv-content .totalamount-footer .table-footer-right table td { text-align: left; } .student-billing .inv-content .totalamount-footer .table-footer-right table td:last-child div { background: #000; padding: 10px; color: #fff; display: flex; justify-content: space-between; } @media (max-width: 767px) { .student-billing .inv-content .totalamount-footer .table-footer-right table td { padding: 10px 0 0; } } @media (max-width: 767px) { .student-billing .inv-content .totalamount-footer { display: block; } } .student-billing .inv-content .payable-table { margin: 0 20px; padding: 20px 0px; border-bottom: 1px solid #7638FF; } @media (max-width: 767px) { .student-billing .inv-content .payable-table { flex-direction: column-reverse; } } .student-billing .inv-content .payable-table .table-footer-left .notes { color: #95979b; } .student-billing .inv-content .payable-table .table-footer-left .notes span { color: #2c3038; } @media (max-width: 767px) { .student-billing .inv-content .payable-table .table-footer-left { width: 100%; } } .student-billing .inv-content .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .student-billing .inv-content .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .student-billing .inv-content .payable-table .amount-payable { width: 100%; } } .student-billing .inv-content .bank-details { margin: 0 20px; padding: 20px 0px 10px; border-bottom: 1px solid #F2F2F2; } .student-billing .inv-content .bank-details .payment-info { color: #2c3038; } .student-billing .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .student-billing .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .student-billing .inv-content .bank-details .payment-info span { color: #95979b; } .student-billing .inv-content .terms-condition { margin: 0 20px; padding: 30px 0; text-align: center; } .student-billing .inv-content .terms-condition p { color: #000; } .student-billing .inv-content .thanks-msg { padding: 30px 0; } .train-ticket .inv-content { border: 1px solid #0C0C20; } .train-ticket .inv-content .invoice-header { background: linear-gradient(270.14deg, #7638FF -0.04%, #3698FF 100%); margin: 20px 20px 0; padding: 30px; } .train-ticket .inv-content .invoice-header h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #fff; } @media (max-width: 767px) { .train-ticket .inv-content .invoice-header h2 { font-size: 30px; } } @media (max-width: 767px) { .train-ticket .inv-content .invoice-header .inv-header-right { margin-top: 10px; } } @media (max-width: 767px) { .train-ticket .inv-content .invoice-header { display: flex; align-items: start; flex-direction: column-reverse; } } .train-ticket .inv-content .flight-invoice-details { margin: 0; padding: 0 20px; } .train-ticket .inv-content .flight-invoice-details .bus-booking-address { display: flex; align-items: center; margin: 30px 0; padding: 0; } .train-ticket .inv-content .flight-invoice-details .bus-booking-address .booked-add { color: #000; width: 50%; } .train-ticket .inv-content .flight-invoice-details .bus-booking-address .booked-add span { display: block; color: #95979b; } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details .bus-booking-address .booked-add { width: 100%; } } .train-ticket .inv-content .flight-invoice-details .bus-booking-address .info { text-align: right; } .train-ticket .inv-content .flight-invoice-details .bus-booking-address .info p { color: #95979b; } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details .bus-booking-address .info { text-align: left; } } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details .bus-booking-address { display: block; margin-top: 20px; } } .train-ticket .inv-content .flight-invoice-details h3 { color: #2c3038; font-size: 40px; font-weight: 700; text-align: center; margin: 30px 0; padding: 0; line-height: normal; } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details h3 { font-size: 30px; margin: 20px 0; } } .train-ticket .inv-content .flight-invoice-details .invoice-infomation { display: flex; margin: 0 0 15px; padding: 0; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation div { background: #F2F2F2; padding: 10px; width: 32.8%; text-align: center; color: #000; margin: 0 15px 0px 0; padding: 10px; } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details .invoice-infomation div { width: 100%; margin-bottom: 10px; } } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station { margin: 0; padding: 25px; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station div { margin: 0; padding: 0px; color: #95979b; text-align: left; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station div span { display: block; margin: 0 0 5px; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station .station-info { display: flex; width: 100%; align-items: center; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station .station-info .point-img { width: 5%; margin-right: 15px; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station .station-info .station-details { width: 95%; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station .station-info .station-details .destination { color: #2c3038; } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details .invoice-infomation .station { margin-bottom: 15px; } } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .seat-details { text-align: center; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .seat-details div { text-align: center; width: 100%; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .seat-details div span { margin: 0 0 10px; } .train-ticket .inv-content .flight-invoice-details .invoice-infomation .seat-details div .invoice-title { line-height: 20px; } @media (max-width: 992px) { .train-ticket .inv-content .flight-invoice-details .invoice-infomation .seat-details div .invoice-title { font-size: 20px; } } @media (max-width: 767px) { .train-ticket .inv-content .flight-invoice-details .invoice-infomation { display: block; } } .train-ticket .inv-content .invoice-address { margin: 0; padding: 30px 20px; justify-content: normal; } .train-ticket .inv-content .invoice-address div { width: 50%; } @media (max-width: 767px) { .train-ticket .inv-content .invoice-address div { width: 100%; } } .train-ticket .inv-content .passenger-info { display: flex; margin: 0; padding: 0; } .train-ticket .inv-content .passenger-info .passenger-details, .train-ticket .inv-content .passenger-info .payment-info { background: #F2F2F2; margin: 0 10px 0 0; padding: 20px; width: 50%; } .train-ticket .inv-content .passenger-info .passenger-details h5, .train-ticket .inv-content .passenger-info .payment-info h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .train-ticket .inv-content .passenger-info .passenger-details div, .train-ticket .inv-content .passenger-info .payment-info div { display: flex; justify-content: space-between; } .train-ticket .inv-content .passenger-info .passenger-details div span, .train-ticket .inv-content .passenger-info .payment-info div span { color: #2c3038; } @media (max-width: 992px) { .train-ticket .inv-content .passenger-info .passenger-details div, .train-ticket .inv-content .passenger-info .payment-info div { font-size: 11px; } } @media (max-width: 767px) { .train-ticket .inv-content .passenger-info .passenger-details div, .train-ticket .inv-content .passenger-info .payment-info div { font-size: 15px; display: block; } } @media (max-width: 767px) { .train-ticket .inv-content .passenger-info .passenger-details, .train-ticket .inv-content .passenger-info .payment-info { width: 100%; margin-bottom: 20px; margin: 0 10px 20px 0; padding: 15px; } } @media (max-width: 767px) { .train-ticket .inv-content .passenger-info { display: block; } } .train-ticket .inv-content .passenger-ticket-details { margin: 0; padding: 30px 20px; } .train-ticket .inv-content .passenger-ticket-details .invoice-title { margin: 0 0 30px; padding: 20px; position: relative; overflow: hidden; font-size: 18px; font-weight: normal; } .train-ticket .inv-content .passenger-ticket-details .invoice-title span:nth-child(1) { color: #fff; z-index: 2; position: relative; } .train-ticket .inv-content .passenger-ticket-details .ticket-title-bg { position: absolute; display: block; height: 100%; width: 27%; -webkit-transform: skewX(35deg); transform: skewX(35deg); top: 0px; left: -32px; background: linear-gradient(270.14deg, #7638FF -0.04%, #3698FF 100%); } .train-ticket .inv-content .passenger-ticket-details .ticket-title-bg:hover { background: linear-gradient(270.14deg, #7638FF -0.04%, #3698FF 100%); } @media (max-width: 1199.98px) { .train-ticket .inv-content .passenger-ticket-details .ticket-title-bg { width: 48%; } } @media (max-width: 767px) { .train-ticket .inv-content .passenger-ticket-details .ticket-title-bg { width: 100%; } } .train-ticket .inv-content .invoice-table { margin: 0; padding: 0px 20px; } .train-ticket .inv-content .invoice-table h6 { padding: 0 0 30px; line-height: normal; } .train-ticket .inv-content .invoice-table table { color: #95979b; } .train-ticket .inv-content .invoice-table table thead tr { color: #2c3038; } .train-ticket .inv-content .invoice-table table .table_width_2 { width: 38%; } .train-ticket .inv-content .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .train-ticket .inv-content .invoice-table table tr .table-description { color: #2c3038; } .train-ticket .inv-content .invoice-table table tr .table-description span { display: block; color: #95979b; } @media (max-width: 992px) { .train-ticket .inv-content .invoice-table table tr td, .train-ticket .inv-content .invoice-table table tr th { white-space: nowrap; } } @media (max-width: 767px) { .train-ticket .inv-content .invoice-table table { margin: 0; padding: 15px 20px 0; } } .train-ticket .inv-content .invoice-table .invoice-table-footer .table-footer-right { color: #2c3038; } @media (max-width: 767px) { .train-ticket .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } @media (max-width: 767px) { .train-ticket .inv-content .invoice-table .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .train-ticket .inv-content .invoice-table .invoice-table-footer .total-item { display: none; } } .train-ticket .inv-content .invoice-table .total-amountdetails span { display: block; } @media (max-width: 767px) { .train-ticket .inv-content .invoice-table .total-amountdetails { margin: 0; padding: 15px 20px; } } .train-ticket .inv-content .totalamount-footer { background: #f2f2f2; border: 0; margin: 10px 20px; padding: 10px 10px 10px 15px; } .train-ticket .inv-content .invoice-table-footer { border: 0; } .train-ticket .inv-content .invoice-table-footer .notes span { display: block; color: #2c3038; } .train-ticket .inv-content .invoice-table-footer .amount-payable { width: 35%; } .train-ticket .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px; } @media (max-width: 767px) { .train-ticket .inv-content .invoice-table-footer { margin: 0; padding: 5px 10px 0; } .train-ticket .inv-content .invoice-table-footer .total-item { display: none; } } .train-ticket .inv-content .payable-table { margin: 0 20px; padding: 20px 0px; border-bottom: 1px solid #95979b; } @media (max-width: 767px) { .train-ticket .inv-content .payable-table { flex-direction: column-reverse; } } @media (max-width: 767px) { .train-ticket .inv-content .payable-table .table-footer-left { width: 100%; } } .train-ticket .inv-content .payable-table .amount-payable { width: 35%; } @media (max-width: 992px) { .train-ticket .inv-content .payable-table .amount-payable { width: 80%; } } @media (max-width: 767px) { .train-ticket .inv-content .payable-table .amount-payable { width: 100%; } } .train-ticket .inv-content .bank-details { margin: 0 20px; padding: 30px 0px 20px; border-bottom: 1px solid #F2F2F2; } .train-ticket .inv-content .bank-details .payment-info { color: #2c3038; } .train-ticket .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .train-ticket .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .train-ticket .inv-content .bank-details .payment-info span { color: #95979b; } .train-ticket .inv-content .terms-condition { margin: 0 20px; padding: 30px 0; } .train-ticket .inv-content .terms-condition p { color: #000; } .train-ticket .inv-content .thanks-msg { padding: 30px 0; } .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 25px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .invoice-wrapper { padding: 0; } } @media (max-width: 767px) { .inv-details { display: block; } } .inv-content .invoice-header { border-bottom: 1px solid #F2F2F2; padding: 30px 30px 15px; } .inv-content .invoice-header .inv-header-left a { display: block; } .inv-content .invoice-header .inv-header-left img { max-width: 200px; } .inv-content .invoice-header .inv-header-left span { color: #95979b; } .inv-content .invoice-header .inv-header-right { text-align: right; } .inv-content .invoice-header .inv-header-right img { max-width: 200px; } .inv-content .invoice-header .inv-header-right .invoice-title { font-size: 24px; font-weight: 700; color: #2c3038; } @media (max-width: 992px) { .inv-content .invoice-header .inv-header-right .invoice-title { font-size: 20px; margin: 10px 0 0 0; padding: 0; } } .inv-content .invoice-header .inv-header-right .inv-date { color: #95979b; font-size: 18px; font-weight: normal; margin-right: 20px; } .inv-content .invoice-header .inv-header-right .inv-date:last-child { margin-right: 0; } .inv-content .invoice-header .inv-header-right .inv-date span { color: #2c3038; font-weight: 700; font-size: 24px; margin-left: 8px; } @media print { .inv-content .invoice-header .inv-header-right .inv-date span { font-size: 14px; } } @media (max-width: 992px) { .inv-content .invoice-header .inv-header-right .inv-date span { font-size: 16px; } } @media (max-width: 767px) { .inv-content .invoice-header .inv-header-right { text-align: left; } } @media (max-width: 767px) { .inv-content .invoice-header { display: block; } } @media print { .inv-content .invoice-header { display: flex; } } .inv-content .invoice-address { margin: 0; padding: 20px 30px; border-bottom: 1px solid #F2F2F2; } .inv-content .invoice-address .invoice-to span { color: #95979b; margin: 0 0 10px; display: block; } @media (max-width: 767px) { .inv-content .invoice-address .invoice-to span { margin: 0 0 10px; } } @media (max-width: 575.98px) { .inv-content .invoice-address .invoice-to span { margin: 0 40px 10px; } } .inv-content .invoice-address .invoice-to .inv-to-address { color: #2C3038; } @media (max-width: 767px) { .inv-content .invoice-address .invoice-to { margin-bottom: 20px; } } .inv-content .invoice-address .company-details { text-align: right; } .inv-content .invoice-address .company-details .company-name { font-size: 24px; color: #7638FF; margin: 0 0 10px; font-weight: 700; display: block; } .inv-content .invoice-address .company-details .gst-details { margin: 0 0 10px; } .inv-content .invoice-address .company-details .gst-details span { color: #95979b; display: block; } @media print { .inv-content .invoice-address .company-details .gst-details { margin: 0 0 5px; } } @media (max-width: 767px) { .inv-content .invoice-address .company-details { text-align: left; margin: 0 0 20px; } } @media print { .inv-content .invoice-address { font-size: 10px; } } @media (max-width: 992px) { .inv-content .invoice-address { font-size: 14px; } } @media (max-width: 767px) { .inv-content .invoice-address { display: block; padding: 0px 30px; } } .inv-content .invoice-table { margin: 0; padding: 15px 30px 0; } .inv-content .invoice-table table { width: 100%; color: #2c3038; } .inv-content .invoice-table table .table_width_1 { width: 3%; } .inv-content .invoice-table table .table_width_2 { width: 20%; } .inv-content .invoice-table table .table_width_3 { width: 40%; } .inv-content .invoice-table table .table_width_4 { width: 15%; } .inv-content .invoice-table table .table_width_5 { width: 15%; } .inv-content .invoice-table table thead tr { background: #F2F2F2; } .inv-content .invoice-table table tr { border-bottom: 1px solid #F2F2F2; } .inv-content .invoice-table table tr td, .inv-content .invoice-table table tr th { padding: 15px; } @media print { .inv-content .invoice-table table tr td, .inv-content .invoice-table table tr th { padding: 8px; } } .inv-content .invoice-table table tr .table-description { color: #333; } @media print { .inv-content .invoice-table { font-size: 12px; } } @media (max-width: 767px) { .inv-content .invoice-table { font-size: 14px; } } .inv-content .total-amountdetails { border-bottom: 1px solid #F2F2F2; padding: 15px 30px; } .inv-content .total-amountdetails span { color: #2c3038; } @media print { .inv-content .total-amountdetails { font-size: 12px; padding: 5px 30px; } } @media (max-width: 575.98px) { .inv-content .total-amountdetails { font-size: 14px; } } .inv-content .invoice-table-footer { padding: 5px 30px; } .inv-content .invoice-table-footer .table-footer-left { width: 70%; } @media (max-width: 575.98px) { .inv-content .invoice-table-footer .table-footer-left { width: auto; font-size: 14px; } } .inv-content .invoice-table-footer .table-footer-right { width: 31%; } .inv-content .invoice-table-footer .table-footer-right table { width: 100%; } .inv-content .invoice-table-footer .table-footer-right table td { text-align: right; width: 50%; padding: 5px 10px; } @media print { .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 992px) { .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 767px) { .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } @media print { .inv-content .invoice-table-footer .table-footer-right table { font-size: 12px; } } .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { color: #2c3038; font-size: 24px; font-weight: 700; } @media print { .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 12px; } } @media (max-width: 992px) { .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 16px; } } @media print { .inv-content .invoice-table-footer .table-footer-right .totalamt-table { font-size: 12px; } } @media (max-width: 992px) { .inv-content .invoice-table-footer .table-footer-right { width: 60%; } } @media (max-width: 767px) { .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media print { .inv-content .invoice-table-footer .table-footer-right { width: 50%; } } @media print { .inv-content .invoice-table-footer { font-size: 12px; } } @media (max-width: 767px) { .inv-content .invoice-table-footer .total-info { display: none; } } .inv-content .bank-details { margin: 0; padding: 15px 30px; border-bottom: 1px solid #F2F2F2; } .inv-content .bank-details .bank-title { margin: 0 0 10px; color: #2c3038; font-weight: 700; font-size: 24px; display: block; } @media print { .inv-content .bank-details .bank-title { font-size: 12px; } } .inv-content .bank-details .account-details { margin: 0 0 5px; } .inv-content .bank-details .account-details span { color: #2c3038; } .inv-content .bank-details .company-sign { text-align: right; } .inv-content .bank-details .company-sign span { display: block; margin: 0 0 15px; color: #000; } @media (max-width: 575.98px) { .inv-content .bank-details .company-sign { text-align: left; } } @media print { .inv-content .bank-details { font-size: 12px; margin: 0; padding: 10px 30px; } } @media (max-width: 767px) { .inv-content .bank-details { font-size: 14px; display: block; margin: 0; padding: 5px 30px; } } .inv-content .terms-condition { margin: 0; padding: 15px 30px; } .inv-content .terms-condition ol { list-style: number; padding-left: 26px; color: #2c3038; } .inv-content .terms-condition span { display: block; margin: 0 0 5px; } @media print { .inv-content .terms-condition { font-size: 12px; margin: 0; padding: 10px 30px; } } @media (max-width: 575.98px) { .inv-content .terms-condition { font-size: 14px; } } .inv-content .thanks-msg { margin: 0; padding: 15px 0; } @media print { .inv-content .thanks-msg { font-size: 10px; margin: 0; padding: 10px; } } @media (max-width: 575.98px) { .inv-content .thanks-msg { font-size: 12px; } } .file-link { margin-bottom: 40px; display: flex; align-items: center; } .file-link .download-link { color: #7638FF; margin: 0px; padding: 12px 22px; margin-right: 10px; border: 1px solid #7638FF; border-radius: 5px; background: #fff; height: 46px; } .file-link .download-link:hover { background: #7638FF; color: #fff; } .file-link .print-link { color: #4361EE; margin: 0 0 0 0; padding: 15px 22px; border: 1px solid #4361EE; border-radius: 5px; height: 46px; background: #fff; display: flex; align-items: center; } .file-link .print-link i { margin-right: 6px; } .file-link .print-link:hover { background: #4361EE; color: #fff; } @media (max-width: 992px) { .file-link { margin: 20px; } } .no-stickybar .right-side-views { display: none; } .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 25px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media print { .invoice-wrapper { padding: 0px; } } @media (max-width: 767px) { .invoice-wrapper { padding: 0; } } @media (max-width: 767px) { .inv-details { display: block; } } .index-two .company-details { padding: 25px 0; border-bottom: 1px solid #95979B; } .index-two .company-details .company-name { color: #2c3038; display: block; margin-bottom: 7px; } .index-two .company-details .gst-details { width: 20%; } .index-two .company-details .gst-details span { display: block; color: #2c3038; } @media (max-width: 992px) { .index-two .company-details .gst-details { width: 32%; } } @media (max-width: 767px) { .index-two .company-details .gst-details { width: auto; margin: 10px 0; } } @media (max-width: 767px) { .index-two .company-details .gst-details:last-child { margin: 0px 0; } } .index-two .company-details .company-address { width: auto; } @media (max-width: 992px) { .index-two .company-details .company-address { width: 32%; } } @media (max-width: 767px) { .index-two .company-details .company-address { width: auto; } } @media (max-width: 767px) { .index-two .company-info { display: block; } } .index-two .inv-content { border: 1px solid #95979B; margin: 0px; padding: 40px 40px 0; } .index-two .inv-content .invoice-header { border-bottom: 1px solid #95979B; margin: 0; padding: 0 0 15px; } .index-two .inv-content .invoice-address { margin: 0; padding: 25px 0; border-bottom: none; justify-content: normal; } .index-two .inv-content .invoice-address .invoice-to { color: #95979b; width: 50%; } .index-two .inv-content .invoice-table { margin: 0; padding: 0; } .index-two .inv-content .invoice-table table { border: 1px solid #95979B; } .index-two .inv-content .invoice-table table tr { border: 1px solid #95979B; } .index-two .inv-content .invoice-table-footer { margin: 0; padding: 15px; border-bottom: none; color: #2c3038; } .index-two .inv-content .invoice-table-footer .table-footer-left span { display: block; color: #95979b; } @media (max-width: 767px) { .index-two .inv-content .invoice-table-footer .table-footer-left { width: 100%; } } @media (max-width: 767px) { .index-two .inv-content .invoice-table-footer .notes { display: none; } } .index-two .inv-content .invoice-table-footer .notes .delivery-notes { max-width: 500px; } .index-two .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px 0px; } @media (max-width: 767px) { .index-two .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } @media (max-width: 767px) { .index-two .inv-content .invoice-table-footer .table-footer-right table td:last-child { text-align: right; } } .index-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table tr td { padding: 0; } @media (max-width: 767px) { .index-two .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .index-two .inv-content .invoice-table-footer { flex-direction: column-reverse; margin: 0; padding: 15px 0; } } .index-two .inv-content .totalamount-footer { background: #f2f2f2; border: 1px solid #95979B; margin: 10px 0 0; padding: 15px; } .index-two .inv-content .total-amountdetails { border-bottom: 1px solid #95979B; margin: 0; padding: 15px; } @media (max-width: 767px) { .index-two .inv-content .total-amountdetails { margin: 0; padding: 15px 0; } } .index-two .inv-content .bank-details { margin: 0; padding: 15px 0; border-bottom: 1px solid #95979B; } .index-two .inv-content .bank-details .payment-info { color: #2c3038; } .index-two .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .index-two .inv-content .bank-details .payment-info div { margin: 0 0 5px; padding: 0; } .index-two .inv-content .bank-details .payment-info span { color: #95979b; } .index-two .inv-content .terms-condition { margin: 0; padding: 15px 0; border-bottom: 1px solid #95979B; } .index-two .inv-content .terms-condition ol { list-style: disc; padding-left: 16px; } @media (max-width: 767px) { .index-two .inv-content { padding: 25px; } } .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 25px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media print { .invoice-wrapper { padding: 0px; } } @media (max-width: 767px) { .invoice-wrapper { padding: 0; } } @media (max-width: 767px) { .inv-details { display: block; } } .index-three .invoice-header { display: block; } .index-three .company-details { padding: 0px 20px; border-right: 1px solid #95979B; width: 50%; } .index-three .company-details .company-name { margin-bottom: 10px; } .index-three .company-details .gst-details { width: 40%; margin-bottom: 10px; } .index-three .company-details .gst-details span { display: block; color: #2c3038; } @media (max-width: 992px) { .index-three .company-details .gst-details { width: 50%; } } @media (max-width: 767px) { .index-three .company-details .gst-details { width: auto; margin: 10px 0; } } @media (max-width: 767px) { .index-three .company-details .gst-details:last-child { margin: 0px 0; } } .index-three .company-details .company-address { width: auto; } @media (max-width: 767px) { .index-three .company-details .company-address { width: auto; } } @media (max-width: 767px) { .index-three .company-details { border-right: 0; width: 100%; padding: 0px 10px; } } .index-three .invoice-header-top .inv-header-left { width: 50%; margin: 0; padding: 20px; border-right: 1px solid #95979b; } .index-three .invoice-header-top .inv-header-left img { max-width: 200px; } @media (max-width: 767px) { .index-three .invoice-header-top .inv-header-left { border-right: 0; } } .index-three .invoice-header-top .inv-header-right { width: 50%; } .index-three .invoice-header-top .inv-header-right .inv-details .inv-date { width: 50%; border-right: 1px solid #95979b; border-bottom: 1px solid #95979b; margin: 0; padding: 24px; } @media (max-width: 767px) { .index-three .invoice-header-top .inv-header-right .inv-details .inv-date { border-right: 0; border-bottom: 0; margin: 0; padding: 10px; } } .index-three .invoice-header-top .inv-header-right .inv-details .inv-date span { color: #28084B; font-weight: 700; font-size: 24px; display: block; } .index-three .invoice-header-top .inv-header-right .inv-details .inv-date:last-child { border-right: 0; } @media (max-width: 767px) { .index-three .invoice-header-top .inv-header-right { width: 100%; } } @media (max-width: 767px) { .index-three .invoice-header-top { display: block; } } @media (max-width: 767px) { .index-three .invoice-header-bottom { display: block; } } @media (max-width: 767px) { .index-three .company-info { display: block; } } .index-three .inv-content { border: 1px solid #95979B; margin: 0px; padding: 0; } .index-three .inv-content .invoice-header { border-bottom: 0; margin: 0; padding: 0; } .index-three .inv-content .invoice-header .inv-header-right { margin: 0; padding: 20px; border-bottom: 1px solid #2c3038; line-height: 20px; } .index-three .inv-content .invoice-address { margin: 0; padding: 0; width: 50%; border-bottom: none; justify-content: normal; } .index-three .inv-content .invoice-address .invoice-to { width: 50%; margin: 0; padding: 24px; border-right: 1px solid #95979b; } .index-three .inv-content .invoice-address .invoice-to:last-child { border-right: 0; } @media (max-width: 767px) { .index-three .inv-content .invoice-address .invoice-to { width: auto; margin: 0; padding: 10px; border-right: 0; } } @media (max-width: 767px) { .index-three .inv-content .invoice-address { margin: 0 0 20px; padding: 10px 0; } } .index-three .inv-content .invoice-table { margin: 0; padding: 0; } .index-three .inv-content .invoice-table table { border-left: 0; border-top: 1px solid #2c3038; border-right: 0; } .index-three .inv-content .invoice-table table .table_width_2 { width: 45%; } .index-three .inv-content .invoice-table table .table-description { color: #2c3038; } .index-three .inv-content .invoice-table table .table-description span { display: block; color: #95979b; } .index-three .inv-content .invoice-table table th, .index-three .inv-content .invoice-table table td { border-right: 1px solid #95979b; padding: 25px; } .index-three .inv-content .invoice-table table th:last-child, .index-three .inv-content .invoice-table table td:last-child { border-right: 0; } @media (max-width: 992px) { .index-three .inv-content .invoice-table table th, .index-three .inv-content .invoice-table table td { white-space: nowrap; } } .index-three .inv-content .invoice-table table tr { border-right: 0; border-bottom: 1px solid #95979b; } @media (max-width: 767px) { .index-three .inv-content .invoice-table table { border-left: 1px solid #95979b; border-right: 1px solid #95979b; } } .index-three .inv-content .invoice-table-footer { margin: 0; padding: 10px 25px; border-bottom: 1px solid #95979b; color: #2c3038; } .index-three .inv-content .invoice-table-footer .table-footer-left span { display: block; color: #95979b; } @media (max-width: 767px) { .index-three .inv-content .invoice-table-footer .table-footer-left { width: 100%; } } @media (max-width: 767px) { .index-three .inv-content .invoice-table-footer .notes { display: none; } } .index-three .inv-content .invoice-table-footer .notes .delivery-notes { max-width: 500px; } .index-three .inv-content .invoice-table-footer .table-footer-right { width: 53%; } .index-three .inv-content .invoice-table-footer .table-footer-right table td { padding: 0px; } @media (max-width: 767px) { .index-three .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } @media (max-width: 767px) { .index-three .inv-content .invoice-table-footer .table-footer-right table td:last-child { text-align: right; } } .index-three .inv-content .invoice-table-footer .table-footer-right .totalamt-table tr td { padding: 0; } .index-three .inv-content .invoice-table-footer .table-footer-right .amount-payable { color: #2c3038; } @media (max-width: 767px) { .index-three .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .index-three .inv-content .invoice-table-footer { flex-direction: column-reverse; margin: 0; padding: 15px 0; } } .index-three .inv-content .totalamount-footer { background: #f2f2f2; border: 1px solid #95979B; margin: 10px 0 0; padding: 15px; } .index-three .inv-content .total-amountdetails { border-bottom: 1px solid #95979B; margin: 0; padding: 15px; text-align: center; } @media (max-width: 767px) { .index-three .inv-content .total-amountdetails { margin: 0; padding: 15px 0; } } .index-three .inv-content .bank-details { margin: 0; padding: 0px; border-bottom: 1px solid #95979B; } .index-three .inv-content .bank-details .account-info { width: 78%; margin: 0; padding: 20px; } .index-three .inv-content .bank-details .account-info .account-details-infotop { width: 45%; } @media (max-width: 992px) { .index-three .inv-content .bank-details .account-info .account-details-infotop { width: 75%; } } @media (max-width: 767px) { .index-three .inv-content .bank-details .account-info .account-details-infotop { display: block; width: auto; } } @media (max-width: 767px) { .index-three .inv-content .bank-details .account-info { width: 100%; margin: 0; padding: 20px 0; } } .index-three .inv-content .bank-details .company-sign { width: 22%; margin: 0; padding: 20px 0; text-align: center; border-left: 1px solid #95979b; } @media (max-width: 992px) { .index-three .inv-content .bank-details .company-sign { border-left: 0; } } @media (max-width: 767px) { .index-three .inv-content .bank-details .company-sign { width: auto; text-align: left; } } @media (max-width: 767px) { .index-three .inv-content { padding: 25px; } } .index-three .invoice-footer .thanks-msg { margin: 0; padding: 20px; color: #2c3038; } .index-three .invoice-footer .thanks-msg span { color: #95979b; display: block; } @media (max-width: 767px) { .index-three .invoice-footer .thanks-msg { margin: 0; padding: 20px 0 0; } } .index-three .invoice-footer .terms-condition { margin: 0; padding: 20px; border-left: 1px solid #95979b; } .index-three .invoice-footer .terms-condition ol { list-style: disc; padding-left: 16px; } @media (max-width: 767px) { .index-three .invoice-footer .terms-condition { border-left: 0; margin: 0; padding: 20px 0 0; } } @media (max-width: 767px) { .index-three .invoice-footer { display: block; } } .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 25px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media print { .invoice-wrapper { padding: 0px; } } @media (max-width: 767px) { .invoice-wrapper { padding: 0; } } .index-four .invoicenine-header { background: #fafafa; padding: 20px; } .index-four .company-details { padding: 15px 0 0; border-bottom: 0; } .index-four .company-details .gst-details { margin: 0 125px 10px 0; padding: 0; } .index-four .company-details .gst-details span { display: block; color: #2c3038; } @media (max-width: 767px) { .index-four .company-details .gst-details { width: auto; margin: 10px 0; } } @media (max-width: 767px) { .index-four .company-details .gst-details:last-child { margin: 0px 0; } } .index-four .company-details .company-address { width: auto; } @media (max-width: 767px) { .index-four .company-details .company-address { width: auto; } } .index-four .company-details .company-content { margin: 10px 0 0; padding: 0; } .index-four .company-details .company-content .inv-details { display: block; text-align: right; font-size: 18px; } .index-four .company-details .company-content .inv-details .inv-date { margin-bottom: 10px; } .index-four .company-details .company-content .inv-details span { display: block; color: #28084B; font-size: 24px; font-weight: 700; line-height: 27px; } @media (max-width: 767px) { .index-four .company-details .company-content .inv-details { text-align: left; } } @media (max-width: 767px) { .index-four .company-details .company-content { flex-direction: column-reverse; } } @media (max-width: 767px) { .index-four .company-info { display: block; } } .index-four .inv-content { border: none; margin: 0px; padding: 0px; } .index-four .inv-content .invoice-header { border-bottom: 0; margin: 0; padding: 15px; background: #fff; } .index-four .inv-content .invoice-address { margin: 0; padding: 25px 15px; border-bottom: none; justify-content: normal; } .index-four .inv-content .invoice-address .invoice-to { width: 50%; } .index-four .inv-content .invoice-table { margin: 0; padding: 0; } .index-four .inv-content .invoice-table table { border: 1px solid #F2F2F2; } .index-four .inv-content .invoice-table table tr { border: 1px solid #F2F2F2; } .index-four .inv-content .invoice-table table tr td { border-right: 1px solid #F2F2F2; } .index-four .inv-content .invoice-table-footer { margin: 0; padding: 15px; border-bottom: none; color: #2c3038; align-items: center; } .index-four .inv-content .invoice-table-footer .table-footer-left span { display: block; color: #95979b; } @media (max-width: 767px) { .index-four .inv-content .invoice-table-footer .table-footer-left { width: 100%; } } @media (max-width: 767px) { .index-four .inv-content .invoice-table-footer .notes { display: none; } } .index-four .inv-content .invoice-table-footer .notes .delivery-notes { max-width: 500px; } .index-four .inv-content .invoice-table-footer .table-footer-right table td { padding: 5px 5px; } @media (max-width: 767px) { .index-four .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } @media (max-width: 767px) { .index-four .inv-content .invoice-table-footer .table-footer-right table td:last-child { text-align: right; } } @media (max-width: 767px) { .index-four .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .index-four .inv-content .invoice-table-footer { flex-direction: column-reverse; margin: 0; padding: 15px; } } .index-four .inv-content .totalamount-footer { background: none; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; margin: 0; padding: 15px; } .index-four .inv-content .total-amountdetails { border-bottom: 1px solid #F2F2F2; margin: 0; padding: 15px; } @media (max-width: 767px) { .index-four .inv-content .total-amountdetails { margin: 0; padding: 15px; } } .index-four .inv-content .bank-details { margin: 0; padding: 10px 15px; border-bottom: 1px solid #F2F2F2; } .index-four .inv-content .bank-details .payment-info { color: #2c3038; } .index-four .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .index-four .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .index-four .inv-content .bank-details .payment-info span { color: #95979b; } .index-four .inv-content .terms-condition { margin: 0; padding: 15px 15px; border-bottom: 1px solid #F2F2F2; } .index-four .inv-content .terms-condition ol { list-style: disc; padding-left: 16px; } @media (max-width: 767px) { .index-four .inv-content { padding: 25px; } } .index-four .inv-content .thanks-msg { border-bottom: 1px solid #F2F2F2; } .index-five .invoice-wrapper { background: #252526; } .index-five .invoiceten-header { background: rgba(250, 250, 250, 0.1); padding: 20px; } @media (max-width: 767px) { .index-five .invoiceten-header .invoice-header { display: block; } } .index-five .invoiceten-header .inv-header-right .invoice-title { color: #fff; } .index-five .company-details { padding: 15px 0 0; border-bottom: 0; } .index-five .company-details .company-name { color: #fff; } .index-five .company-details .gst-details { margin: 0 125px 10px 0; padding: 0; } .index-five .company-details .gst-details span { display: block; color: #fff; } @media (max-width: 767px) { .index-five .company-details .gst-details { width: auto; margin: 10px 0; } } @media (max-width: 767px) { .index-five .company-details .gst-details:last-child { margin: 0px 0; } } .index-five .company-details .company-address { width: auto; } @media (max-width: 767px) { .index-five .company-details .company-address { width: auto; } } .index-five .company-details .company-content { margin: 10px 0 0; padding: 0; } .index-five .company-details .company-content .inv-details { display: block; text-align: right; font-size: 18px; } .index-five .company-details .company-content .inv-details .inv-date { margin-bottom: 10px; } .index-five .company-details .company-content .inv-details span { display: block; color: #fff; font-size: 24px; font-weight: 700; line-height: 27px; } @media (max-width: 767px) { .index-five .company-details .company-content .inv-details { text-align: left; } } @media (max-width: 767px) { .index-five .company-details .company-content { flex-direction: column-reverse; } } @media (max-width: 767px) { .index-five .company-info { display: block; } } .index-five .inv-content { border: none; margin: 0px; padding: 0px; } .index-five .inv-content .invoice-header { border-bottom: 0; margin: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); } .index-five .inv-content .invoice-address { margin: 0; padding: 25px 15px; border-bottom: none; justify-content: normal; } .index-five .inv-content .invoice-address .invoice-to { width: 50%; } .index-five .inv-content .invoice-address .invoice-to .inv-to-address { color: #fff; } .index-five .inv-content .invoice-table { margin: 0; padding: 0; } .index-five .inv-content .invoice-table table { border: 1px solid #F2F2F2; color: #fff; } .index-five .inv-content .invoice-table table thead tr { background: rgba(242, 242, 242, 0.1); } .index-five .inv-content .invoice-table table tr { border: 1px solid #F2F2F2; } .index-five .inv-content .invoice-table table tr td { border-right: 1px solid #F2F2F2; } .index-five .inv-content .invoice-table table .table-qty { width: 10%; } .index-five .inv-content .invoice-table table .table-price { width: 10%; padding: 15px 25px; } .index-five .inv-content .invoice-table-footer { margin: 0; padding: 15px 0 15px 15px; border-bottom: none; color: #2c3038; align-items: center; } .index-five .inv-content .invoice-table-footer .table-footer-left { color: #95979b; } .index-five .inv-content .invoice-table-footer .table-footer-left span { display: block; color: #95979b; } @media (max-width: 767px) { .index-five .inv-content .invoice-table-footer .table-footer-left { width: 100%; } } @media (max-width: 767px) { .index-five .inv-content .invoice-table-footer .notes { display: none; } } .index-five .inv-content .invoice-table-footer .notes .delivery-notes { max-width: 500px; color: #fff; } .index-five .inv-content .invoice-table-footer .table-footer-right { color: #fff; } .index-five .inv-content .invoice-table-footer .table-footer-right table tr { border-bottom: 1px solid #F2F2F2; } .index-five .inv-content .invoice-table-footer .table-footer-right table tr:last-child { border-bottom: 0; } .index-five .inv-content .invoice-table-footer .table-footer-right table td { padding: 8px 15px; } .index-five .inv-content .invoice-table-footer .table-footer-right table td:first-child { padding: 8px 25px; } @media (max-width: 767px) { .index-five .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; margin: 0; padding: 8px 15px; } } @media (max-width: 767px) { .index-five .inv-content .invoice-table-footer .table-footer-right table td:last-child { text-align: right; } } .index-five .inv-content .invoice-table-footer .table-footer-right .totalamt-table tr td { padding: 0; color: #fff; } @media (max-width: 767px) { .index-five .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 767px) { .index-five .inv-content .invoice-table-footer { flex-direction: column-reverse; margin: 0; padding: 15px 0; } } .index-five .inv-content .totalamount-footer { background: none; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; margin: 0; padding: 15px; } .index-five .inv-content .total-amountdetails { border-bottom: 1px solid #F2F2F2; margin: 0; padding: 15px; } .index-five .inv-content .total-amountdetails span { color: #fff; } @media (max-width: 767px) { .index-five .inv-content .total-amountdetails { margin: 0; padding: 15px; } } .index-five .inv-content .bank-details { margin: 0; padding: 10px 15px; border-bottom: 1px solid #F2F2F2; } .index-five .inv-content .bank-details .payment-info { color: #fff; } .index-five .inv-content .bank-details .payment-info .payment-title { color: #fff; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .index-five .inv-content .bank-details .payment-info div { margin: 0 0 10px; padding: 0; } .index-five .inv-content .bank-details .payment-info span { color: #95979b; } .index-five .inv-content .bank-details .company-sign span { color: #fff; } .index-five .inv-content .terms-condition { margin: 0; padding: 15px 15px; border-bottom: 1px solid #F2F2F2; } .index-five .inv-content .terms-condition ol { list-style: disc; padding-left: 16px; color: #fff; } @media (max-width: 767px) { .index-five .inv-content { padding: 25px; } } .index-five .inv-content .thanks-msg { border-bottom: 1px solid #F2F2F2; } .dartheme { background: #000; } .dartheme .file-link .download-link, .dartheme .file-link .print-link { background: none; border: 1px solid #95979b; color: #95979b; } .dartheme .file-link .download-link:hover, .dartheme .file-link .print-link:hover { border: 1px solid #fff; color: #fff; } @media (max-width: 767px) { .dartheme .file-link { margin: 40px 0; padding: 15px; } } .invoice-card-title h6 { margin-bottom: 24px; font-weight: 600; color: #212529; } .invoice-content-title a { font-size: 13px; padding: 10px; color: #212529; display: inline-block; } .invoice-content-title a:hover { color: #7638FF; } .blog.invoice-blog { border: 1px solid #EFEFEF; } .blog.invoice-blog.active { border: 1px solid #7638FF; } .blog.invoice-blog.active .invoice-star { background: #EADDFF; cursor: poArimo; } .blog.invoice-blog.active .invoice-star i { color: #e90202; } .invoice-star { width: 16px; height: 16px; border-radius: 50px; background: #F3F3F3; cursor: poArimo; } .invoice-star i { font-size: 10px; } .template-invoice-card .invoice-card-title h6 { border-bottom: 1px solid #EFEFEF; margin: 0 0 15px; padding: 0 0 15px; } .template-invoice-card .blog { position: relative; } .template-invoice-card .blog .blog-image a.img-general::before { content: ""; position: absolute; background: rgba(87, 27, 225, 0.6); border-radius: 10px; width: 95%; height: 97%; left: 4px; top: 4px; z-index: 9; transform: scale(0); } .template-invoice-card .blog .blog-image a.preview-invoice { background-color: #fff; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; transition: ease all 0.5s; bottom: 0; opacity: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); width: 24px; height: 24px; border-radius: 50px; } .template-invoice-card .blog .blog-image a.preview-invoice:hover i { color: #e90202; } .template-invoice-card .blog .blog-image a.preview-invoice i { color: rgb(63, 66, 84); font-size: 12px; } .template-invoice-card .blog:hover .blog-image a.img-general::before { content: ""; transform: scale(1); transition: all 0.3s ease-in-out; } .template-invoice-card .blog:hover .blog-image a.preview-invoice { top: 50%; opacity: 1; z-index: 9; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; transition: ease all 0.5s; } .template-invoice-card .blog .invoice-content-title { padding: 10px; width: 100%; } .template-invoice-card .blog .invoice-content-title a { padding: 0; font-weight: 600; font-size: 13px; } .invoice-model.modal .modal-dialog { max-width: 950px; margin-top: 70px; } .invoice-receipt-model.modal .modal-dialog { max-width: 400px; margin-top: 70px; } .invoice-receipt-model .receipt-wrap { max-width: 100%; margin: 0; padding: 0; } .close-model { background: rgba(51, 51, 51, 0.4); padding: 6px 14px; display: block; border-radius: 50px; position: absolute; right: 0; top: -45px; color: #fff; cursor: poArimo; } .close-model i { margin-right: 6px; } .invoice-model .index-five { background: #252526; border-radius: 20px; } .preview-boxs a { color: #e90202; font-weight: 600; } .signature-preview-page .inv-content { border: 0; } .signature-preview-page .inv-content .inv-header-left span { color: #95979b; } .signature-preview-page .inv-content .invoice-to span { font-size: 24px; color: #7638FF; font-weight: 700; } .pay-online-recipt .inv-header-left h3 { margin-bottom: 6px; color: #2C3038; font-weight: 600; } .pay-online-recipt .inv-header-left p { color: #333333; font-weight: 500; font-size: 14px; } .pay-online-recipt .inv-header-left p span { font-weight: 400; } .pay-online-recipt .invoice-to { width: 100%; } .pay-online-recipt .invoice-table h4 { margin-bottom: 20px; } .pay-online-recipt .inv-content .invoice-address { border-bottom: 0; } .pay-online-list li h6 { width: 10%; } .pay-method-group { padding: 24px; margin: 24px; background: #F6F2FF; } .pay-method-group .card-information h6 { font-weight: 600; color: #000; margin-bottom: 25px; text-align: right; } .pay-method-group .cal-icon-info:after { font-family: "Feather"; content: "\e927"; } .payment-btns { margin: 24px; } .receipt-pay-mail { max-width: 500px; margin: 30px auto; padding: 30px; background-color: #fff; border-radius: 10px; } .receipt-pay-mail .company-logo { text-align: center; margin-bottom: 20px; } .receipt-pay-mail ul li { margin-bottom: 20px; font-weight: 500; color: #3F4254; } .receipt-pay-mail ul li span { font-weight: 600; } .receipt-pay-mail .click-invoice-btn { margin-bottom: 24px; } .receipt-pay-mail p { margin-bottom: 0px; font-weight: 500; color: #3F4254; } .invoice-center-pay { display: flex; align-items: center; height: 100vh; } .signature-success-modal .form-header i { color: #19A855; font-size: 32px; } .more-invoice-detail { text-align: center; margin: 0px 24px; padding-top: 24px; border-top: 1px solid #F2F2F2; } .more-invoice-detail a { font-size: 14px; } .invoice-template-tab.invoices-main-tabs { border-bottom: 1px solid #E0E0E0; padding: 0 0 0 0; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul { padding-top: 14px; padding-left: 14px; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul li { position: relative; display: inline-block; margin: 0 24px 0 0; } @media (max-width: 575.98px) { .invoice-template-tab.invoices-main-tabs .invoices-tabs ul li { display: block; margin: 0 0 20px 0; } } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul li a { font-weight: 500; font-size: 14px; color: #333; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0 0 14px 0; } .invoice-template-tab.invoices-main-tabs .invoices-tabs ul li a.active { color: #e90202; border-bottom: 3px solid #e90202; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991.98px) { .invoice-template-tab.invoices-main-tabs .invoices-tabs ul li a.active { border-bottom: 0; } } .invoice-template-tab.invoices-main-tabs .invoices-settings-icon { color: #e90202; margin-right: 20px; } .invoice-template-tab.invoices-main-tabs .btn { font-weight: 600; color: #fff; padding: 12px 10px; min-width: 167px; background: #1B2559; border: 1px solid #1B2559; border-radius: 6px; } .invoice-two .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 25px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .invoice-two .invoice-wrapper { padding: 10px; } } @media (max-width: 767px) { .invoice-two .inv-details { display: block; } } .invoice-two .inv-content .invoice-header { border-bottom: 1px solid #F2F2F2; background: var(--color-gradient, linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%)); padding: 45px 24px; } .invoice-two .inv-content .invoice-header .inv-header-left h2 { color: #3F4254; font-size: 48px; } @media (max-width: 767px) { .invoice-two .inv-content .invoice-header .inv-header-left h2 { font-size: 18px; } } .invoice-two .inv-content .invoice-header .inv-header-left a { display: block; } .invoice-two .inv-content .invoice-header .inv-header-left img { max-width: 200px; } .invoice-two .inv-content .invoice-header .inv-header-left span { color: #95979b; } .invoice-two .inv-content .invoice-header .inv-header-right { text-align: right; } .invoice-two .inv-content .invoice-header .inv-header-right img { max-width: 200px; } @media (max-width: 992px) { .invoice-two .inv-content .invoice-header .inv-header-right img { max-width: 131px; } } .invoice-two .inv-content .invoice-header .inv-header-right .invoice-title { font-size: 24px; font-weight: 700; color: #2c3038; } @media (max-width: 992px) { .invoice-two .inv-content .invoice-header .inv-header-right .invoice-title { font-size: 20px; margin: 10px 0 0 0; padding: 0; } } .invoice-two .inv-content .invoice-header .inv-header-right .inv-date { color: #95979b; font-size: 18px; font-weight: normal; margin-right: 20px; } .invoice-two .inv-content .invoice-header .inv-header-right .inv-date:last-child { margin-right: 0; } .invoice-two .inv-content .invoice-header .inv-header-right .inv-date span { color: #2c3038; font-weight: 700; font-size: 24px; margin-left: 8px; } @media print { .invoice-two .inv-content .invoice-header .inv-header-right .inv-date span { font-size: 14px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-header .inv-header-right .inv-date span { font-size: 16px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-header .inv-header-right { text-align: left; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-header { display: block; background: none; padding: 0px; } } @media print { .invoice-two .inv-content .invoice-header { display: flex; } } .invoice-two .inv-content .two-invoice-details { margin: 30px 0 0 0; padding: 0 0px; } .invoice-two .inv-content .two-invoice-details .company-booking-address { display: flex; border-bottom: 1px solid var(--gray-gray-5, #E0E0E0); } .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add { color: #000; font-weight: 450; font-size: 16px; margin-bottom: 30px; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add { font-size: 15px; } } .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add span { display: block; color: #95979b; margin-top: 5px; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add span { font-size: 15px; } } .invoice-two .inv-content .two-invoice-details .company-booking-address .invoice-date h6 { color: #000; margin-bottom: 5px; text-align: right; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details .company-booking-address .invoice-date h6 { font-size: 12px; } } .invoice-two .inv-content .two-invoice-details h5 { color: #3F4254; margin: 0; padding: 24px 0; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details h5 { font-size: 15px; margin: 0 0 0 17px; padding: 8px 0; } } .invoice-two .inv-content .invoice-address-details { margin: 0; padding: 20px 0px; border-bottom: 1px solid #F2F2F2; align-items: center; } @media (max-width: 992px) { .invoice-two .inv-content .invoice-address-details { font-size: 14px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details { display: flex; } } @media (max-width: 575.98px) { .invoice-two .inv-content .invoice-address-details { display: flex; } } .invoice-two .inv-content .invoice-address-details .invoice-to span { color: #333; margin: 0 0 15px; display: block; font-size: 18px; } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details .invoice-to span { margin: 0 0 10px; } } .invoice-two .inv-content .invoice-address-details .invoice-to .inv-to-address { color: #2C3038; font-size: 16px; } .invoice-two .inv-content .invoice-address-details .invoice-to .invoice-to-payment { background: rgba(242, 242, 242, 0.5); border-radius: 10px; margin: 0; padding: 20px 0px; } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details .invoice-to { margin-bottom: 20px; } } .invoice-two .inv-content .invoice-address-details .invoice-to-payment { background: rgba(242, 242, 242, 0.5); margin: 0; padding: 24px 24px; } .invoice-two .inv-content .invoice-address-details .invoice-to-payment span { color: #333; } .invoice-two .inv-content .invoice-address-details .invoice-to-payment .inv-to-address { color: #54C1FF; } .invoice-two .inv-content .invoice-address-details .company-details { text-align: right; } .invoice-two .inv-content .invoice-address-details .company-details .company-name { font-size: 24px; color: #7638FF; margin: 0 0 10px; font-weight: 700; display: block; } .invoice-two .inv-content .invoice-address-details .company-details .gst-details { margin: 0 0 10px; } .invoice-two .inv-content .invoice-address-details .company-details .gst-details span { color: #95979b; display: block; } @media print { .invoice-two .inv-content .invoice-address-details .company-details .gst-details { margin: 0 0 5px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details .company-details { text-align: left; margin: 0 0 20px; } } @media print { .invoice-two .inv-content .invoice-address-details { font-size: 10px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-address-details { font-size: 14px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details { display: block; } } .invoice-two .inv-content .invoice-table-details { margin: 30px 0 30px 0; padding: 0 0 0; } .invoice-two .inv-content .invoice-table-details table { font-family: "Circular Std"; width: 100%; color: #2c3038; border: 1px solid var(--gray-gray-3, #BEBEBE); } .invoice-two .inv-content .invoice-table-details table .table_width_1 { width: 3%; } .invoice-two .inv-content .invoice-table-details table .table_width_2 { width: 20%; } .invoice-two .inv-content .invoice-table-details table .table_width_3 { width: 40%; } .invoice-two .inv-content .invoice-table-details table .table_width_4 { width: 15%; } .invoice-two .inv-content .invoice-table-details table .table_width_5 { width: 15%; } .invoice-two .inv-content .invoice-table-details table thead tr { background: #fff; } .invoice-two .inv-content .invoice-table-details table thead tr th { font-size: 18px; font-weight: 450; color: #000; } .invoice-two .inv-content .invoice-table-details table tr { border-bottom: 1px solid #BEBEBE; } .invoice-two .inv-content .invoice-table-details table tr td, .invoice-two .inv-content .invoice-table-details table tr th { padding: 15px; } @media print { .invoice-two .inv-content .invoice-table-details table tr td, .invoice-two .inv-content .invoice-table-details table tr th { padding: 8px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-details table tr td, .invoice-two .inv-content .invoice-table-details table tr th { white-space: nowrap; } } .invoice-two .inv-content .invoice-table-details table tr td { vertical-align: middle; font-size: 16px; height: 69px; white-space: pre-wrap; } @media print { .invoice-two .inv-content .invoice-table-details table tr td { height: 72px; } } .invoice-two .inv-content .invoice-table-details table tr .table-description { vertical-align: middle; width: 33%; color: #2c3038; font-size: 16px; font-weight: 400; } .invoice-two .inv-content .invoice-table-details table tr h6 { color: #e90202; font-size: 12px; } @media print { .invoice-two .inv-content .invoice-table-details { font-size: 12px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-details { font-size: 14px; } } .invoice-two .inv-content .invoice-table-footer { justify-content: end; padding: 5px 30px; } .invoice-two .inv-content .invoice-table-footer .table-footer-left { width: 70%; } @media (max-width: 575.98px) { .invoice-two .inv-content .invoice-table-footer .table-footer-left { width: auto; font-size: 14px; } } .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 80%; } .invoice-two .inv-content .invoice-table-footer .table-footer-right table { width: 100%; } .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { color: #2c3038; font-size: 18px; text-align: right; width: 50%; padding: 5px 10px; } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 991.98px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 768px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 15px 0px; } } @media (max-width: 768px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } .invoice-two .inv-content .invoice-table-footer .table-footer-right table span { color: #333; } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right table { font-size: 12px; } } .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { color: #2c3038; font-size: 24px; font-weight: 700; } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 12px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 16px; } } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table { font-size: 12px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 60%; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 50%; } } @media print { .invoice-two .inv-content .invoice-table-footer { font-size: 12px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-footer .total-info { display: none; } } .invoice-two .inv-content .totalamount-footer { border: 1px solid #95979B; border-left: none; border-right: none; margin: 10px 0 0; padding: 15px; } .invoice-two .inv-content .bank-details { margin: 30px 0; padding: 0 20px 0 20px; border: none; } .invoice-two .inv-content .bank-details .payment-info { display: flex; } .invoice-two .inv-content .bank-details .payment-info .qr-code { margin-right: 24px; } .invoice-two .inv-content .bank-details .payment-info .qr-code .scan-details { font-size: 14px; } .invoice-two .inv-content .bank-details .payment-info .qr-code .img { max-width: 140px; } .invoice-two .inv-content .bank-details .payment-info .debitcard { color: #000; } .invoice-two .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; } .invoice-two .inv-content .bank-details .payment-info .debit-card { margin-top: 15px; margin-bottom: 10px; } .invoice-two .inv-content .bank-details .payment-info span { color: #95979B; } .invoice-two .inv-content .terms-condition { margin: 0; padding: 0 0; } .invoice-two .inv-content .terms-condition .amount { margin-bottom: 24px; } .invoice-two .inv-content .terms-condition ol { list-style: number; padding-left: 18px; color: #333; } .invoice-two .inv-content .terms-condition span { display: block; margin: 0 0 15px; color: #2c3038; } @media print { .invoice-two .inv-content .terms-condition { font-size: 12px; margin: 0; padding: 10px 30px; } } @media (max-width: 575.98px) { .invoice-two .inv-content .terms-condition { font-size: 14px; } } .invoice-two .inv-content .thanks-msg { color: #3F4254; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; margin: 0; padding: 15px 0; } @media print { .invoice-two .inv-content .thanks-msg { font-size: 10px; margin: 0; padding: 10px; } } @media (max-width: 575.98px) { .invoice-two .inv-content .thanks-msg { font-size: 12px; } } .invoice-two .file-link { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; } .invoice-two .file-link .download-link { color: #e90202; margin: 0px; padding: 12px 22px; margin-right: 10px; border: 1px solid #7638FF; border-radius: 5px; background: #fff; height: 46px; } .invoice-two .file-link .download-link:hover { background: #7638FF; color: #fff; } .invoice-two .file-link .print-link { color: #e90202; margin: 0 0 0 0; padding: 15px 22px; border: 1px solid #4361EE; border-radius: 5px; height: 46px; background: #fff; display: flex; align-items: center; } .invoice-two .file-link .print-link i { margin-right: 6px; } .invoice-two .file-link .print-link:hover { background: #4361EE; color: #fff; } @media (max-width: 992px) { .invoice-two .file-link { margin: 20px; } } .custom-modal.signature-add-modal .modal-body { padding: 20px; } .custom-modal.signature-add-modal .modal-body .service-upload { border-radius: 8px; display: flex; align-items: center; justify-content: center; } .custom-modal.signature-add-modal .modal-body .service-upload-info { min-height: 70px; } .custom-modal.signature-add-modal .modal-body p { color: #BDBDBD; margin-top: 10px; font-size: 12px; } .custom-modal.signature-add-modal .modal-body .custom_check { font-size: 14px; color: #333333; margin-bottom: 0; padding-left: 26px; } .custom-modal.signature-add-modal .modal-footer { padding: 0 20px 20px; } .custom-modal.signature-delete-modal .modal-body .form-header i { color: #AE2C2C; font-size: 40px; margin-bottom: 15px; } .custom-modal.signature-delete-modal .modal-body .form-header p { color: #4F4F4F; } .signature-preview { background-color: #F7F8F9; padding: 5px; border-radius: 10px; position: relative; height: 70px; } .signature-preview a { position: absolute; right: 3px; top: 3px; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #FFECEC; } .signature-preview a i { color: #AE2C2C; } @media (max-width: 991.98px) { .signature-preview img { height: 60px; } } .signature-table tbody tr td a.btn-action-icon.active { background: #EADDFF; color: #e90202; } .signature-invoice { padding: 20px; border-radius: 10px; background-color: #fff; } .signature-invoice .form-group-bank { background-color: #F3F3F9; } .signature-invoice .form-group-bank .nav-pills { background-color: #fff; padding: 15px; } .signature-invoice .form-group-bank .custom_radio.active input ~ .checkmark:after, .signature-invoice .form-group-bank .custom_radio_one.active input ~ .checkmark:after { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1; visibility: visible; } .signature-invoice .service-upload-info { height: 76px; display: flex; justify-content: center; align-items: center; } .signature-invoice .service-upload-info span { height: 76px; display: flex; align-items: center; justify-content: center; } .signature-invoice .e-signature-block .signature-draw-area { height: 100px; background-color: #fff; border-radius: 8px; } .signature-invoice .e-signature-block a { display: block; color: #ED3A3A; font-size: 14px; margin-top: 10px; } .notifications { color: #3F4254; } .notifications .page-header { margin: 0 0 20px 0; } .notifications .page-header .content-page-header { border-bottom: 1px solid #eeeeee; margin: 0 0 20px 0; padding: 0 0 20px 0; } .notifications .page-header .noti-action-btns .btn { font-weight: 500; } .notifications .page-header .noti-action-btns .btn:hover { color: #fff; } .notifications .page-header .noti-action-btns .btn-mark-read { color: #3F4254; margin-right: 10px; } .notifications .page-header .noti-action-btns .btn-delete-all { border-color: #ED3A3A; color: #ED3A3A; } .notifications .page-header .noti-action-btns .btn-delete-all:hover { box-shadow: inset 0 50px 0 0 #ED3A3A; } .notifications .user-list-item { margin: 0 0 17px 0; padding: 16px; flex-direction: inherit; border-radius: 0; } .notifications .user-list-item .avatar { width: 32px; height: 32px; margin-left: 16px; } .notifications .user-list-item .avatar.avatar-online:before { left: -16px; top: 0; width: 8px; height: 8px; border: none; } .notifications .user-list-item .users-list-body { width: 100%; } .notifications .user-list-item .users-list-body h6 { margin: 0 0 6px 0; font-weight: 600; font-size: 14px; color: #3F4254; } .notifications .user-list-item .users-list-body h6 span { font-weight: 400; } .notifications .user-list-item .users-list-body blockquote { margin: 0 0 8px 0; padding: 0 0 0 14px; position: relative; } .notifications .user-list-item .users-list-body blockquote:before { content: ""; position: absolute; left: 0; top: 0; border-radius: 2px; background-color: #DDDEE1; width: 4px; height: 100%; } .notifications .user-list-item .users-list-body .follow-btn { margin: 10px 0 10px 0; } .notifications .user-list-item .users-list-body .follow-btn .btn { padding: 7px 20px; font-size: 12px; min-width: 83px; } @media (max-width: 575.98px) { .notifications .user-list-item .users-list-body .follow-btn .btn { margin-top: 8px; } } .notifications .user-list-item .users-list-body .follow-btn .btn-outline-primary { margin-left: 8px; } @media (max-width: 575.98px) { .notifications .user-list-item .users-list-body .follow-btn .btn-outline-primary { margin-left: 0; } } .notifications .user-list-item .users-list-body .time { color: #BEBEBE; font-weight: 500; } .notifications .user-list-item .users-list-body .chats-delete { min-width: 36px; padding: 10px; height: 36px; background: #F3F3F3; border-radius: 100%; cursor: poArimo; -webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .notifications .user-list-item .users-list-body .chats-delete i { color: #3F4254; font-size: 16px; } .notifications .user-list-item .users-list-body .chats-delete:hover { background: #ED3A3A; } .notifications .user-list-item .users-list-body .chats-delete:hover i { color: #fff; } @media (max-width: 575.98px) { .notifications .user-list-item .users-list-body .chats-delete { margin-left: 10px; } } .pay-online-recipt .pay-method-group h6 { font-weight: 600; color: #000000; margin-bottom: 15px; } @media (max-width: 575.98px) { .pay-online-recipt .pay-method-group ul li { margin-bottom: 24px; } .pay-online-recipt .pay-method-group ul li:last-child { margin-bottom: 0; } } .pay-online-recipt .pay-method-group ul li label { padding: 20px 20px 20px 42px; background: #fff; border-radius: 10px; border: 1px solid #E0E0E0; width: 100%; color: #333; } .pay-online-recipt .pay-method-group ul li label .checkmark { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 20px; } .pay-online-recipt .pay-method-group ul li label img { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 14px; } .pay-online-recipt .pay-method-group ul li label.active { background: #EADDFF; } .logo-darkmode { display: none; } .invoice-one .inv-content { border: 1px solid #BDBDBD; margin: 0; padding: 24px; } .invoice-one .inv-content span.line { display: block; background: linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%); height: 10px; } .invoice-one .inv-content .invoice-header { margin: 0; padding: 20px 20px; background: #fff; } .invoice-one .inv-content .invoice-header .inv-header-left { width: 54%; } @media (max-width: 1199.98px) { .invoice-one .inv-content .invoice-header .inv-header-left { width: 56%; } } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .inv-header-left { width: 100%; } } .invoice-one .inv-content .invoice-header .inv-header-left h4 { color: #7638FF; font-size: 48px; font-weight: 700; margin-bottom: 29px; } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .inv-header-left h4 { font-size: 28px; margin-bottom: 0; } } .invoice-one .inv-content .invoice-header .inv-header-right p { font-size: 16px; font-weight: 600; margin: 0; padding: 0; color: #000000; font-weight: 700; align-items: center; } @media (max-width: 992px) { .invoice-one .inv-content .invoice-header .inv-header-right p { font-size: 16px; } } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .inv-header-right p { font-size: 15px; } } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .inv-header-right p { flex-direction: unset; } } .invoice-one .inv-content .invoice-header .inv-header-right p span { background: #E1FFED; border-radius: 5px; padding: 5px 10px; } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .inv-header-right p span { background: none; padding: 0; font-size: 14px; } } .invoice-one .inv-content .invoice-header .company-details { background: var(--color-gradient, linear-gradient(320deg, #DBECFF 0%, #DDCEFF 100%)); border-radius: 14px 77px 14px 14px; } @media (max-width: 992px) { .invoice-one .inv-content .invoice-header .company-details { background: none; } } .invoice-one .inv-content .invoice-header .company-details .gst-details { position: relative; margin: 0; padding: 30px 30px; color: #fff; z-index: 2; } .invoice-one .inv-content .invoice-header .company-details .gst-details span { color: #3F4254; font-size: 16px; font-weight: 450; } @media (max-width: 992px) { .invoice-one .inv-content .invoice-header .company-details .gst-details span { color: #000; } } @media (max-width: 992px) { .invoice-one .inv-content .invoice-header .company-details .gst-details { color: #000; margin: 0; padding: 10px 0px; } } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .company-details .gst-details { margin: 0; padding: 10px 0px; } } .invoice-one .inv-content .invoice-header .company-details .address-bg { position: absolute; width: 473.11px; height: 126px; top: 0px; overflow: hidden; } @media (max-width: 992px) { .invoice-one .inv-content .invoice-header .company-details .address-bg { right: 58px; background: none; } } @media (max-width: 767px) { .invoice-one .inv-content .invoice-header .company-details .address-bg { background: none; } } .invoice-one .add-details { color: #2c3038; font-size: 16px; font-weight: 450; margin-bottom: 25px; } .invoice-one .bill-add { margin-bottom: 15px; font-size: 18px; font-weight: 450; color: #333; } .invoice-one .customer-name { font-size: 24px; font-weight: 700; color: #2c3038; margin-bottom: 15px; } @media (max-width: 767px) { .invoice-one .customer-name { font-size: 20px; } } .invoice-one .customer-name span { color: #333; font-size: 16px; font-weight: 600; } .invoice-one .payment-status { color: #333; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .invoice-one .payment-status span { font-size: 18px; font-weight: 700; line-height: 28px; color: #33B469; } .invoice-one .patient-info { display: flex; margin: 0 0 20px; padding: 0; } .invoice-one .patient-info .patient-details, .invoice-one .patient-info .treatment-info { margin: 0 20px 0 0; padding: 20px; width: 50%; } .invoice-one .patient-info .patient-details h5, .invoice-one .patient-info .treatment-info h5 { color: #0C0C20; margin-bottom: 15px; font-size: 18px; } .invoice-one .patient-info .patient-details div, .invoice-one .patient-info .treatment-info div { display: flex; justify-content: space-between; } .invoice-one .patient-info .patient-details div span, .invoice-one .patient-info .treatment-info div span { color: #2c3038; width: 70%; text-align: right; } @media (max-width: 992px) { .invoice-one .patient-info .patient-details div, .invoice-one .patient-info .treatment-info div { font-size: 12px; display: block; } } @media (max-width: 767px) { .invoice-one .patient-info .patient-details div, .invoice-one .patient-info .treatment-info div { font-size: 15px; } } @media (max-width: 767px) { .invoice-one .patient-info .patient-details, .invoice-one .patient-info .treatment-info { width: 100%; margin-bottom: 20px; margin: 0 10px 20px 0; padding: 15px; } } @media (max-width: 767px) { .invoice-one .patient-info { display: block; } } .invoice-one h5 { background: #F4F4F4; color: #2c3038; font-size: 18px; font-weight: 450; margin: 20px 0; padding: 10px 20px; } @media (max-width: 767px) { .invoice-one h5 { background: none; padding: 0; } } .invoice-one .invoice-table { margin: 0; padding: 0 0 20px; } .invoice-one .invoice-table table { color: #2c3038; margin: 0; padding: 0px; } .invoice-one .invoice-table table thead tr { border-bottom: none; font-size: 18px; } .invoice-one .invoice-table table thead .amount { font-size: 16px; font-weight: 450; } .invoice-one .invoice-table table .table_width { font-size: 18px; font-weight: 450; } .invoice-one .invoice-table table .table_width_2 { width: 40%; } .invoice-one .invoice-table table .table_width_3 { width: 20%; } .invoice-one .invoice-table table tr { border-bottom: 1px solid #BEBEBE; } .invoice-one .invoice-table table tr .table-description { color: #2c3038; font-size: 16px; } .invoice-one .invoice-table table tr .table-description span { display: block; color: #95979b; } .invoice-one .invoice-table table tr td { margin: 0; padding: 20px 15px; font-size: 16px; font-weight: 450; height: 82px; vertical-align: middle; } .invoice-one .invoice-table table tr td span { color: #e90202; display: block; font-size: 12px; font-weight: 400; } .invoice-one .invoice-table table tr td:last-child, .invoice-one .invoice-table table tr th:last-child { padding-right: 25px; } .invoice-one .invoice-table-footer { justify-content: end; padding: 5px 30px; } @media (max-width: 768px) { .invoice-one .invoice-table-footer { padding: 0; } } .invoice-one .invoice-table-footer .table-footer-left { width: 58%; } @media (max-width: 575.98px) { .invoice-one .invoice-table-footer .table-footer-left { width: auto; font-size: 14px; } } .invoice-one .invoice-table-footer .table-footer-right { width: 80%; } .invoice-one .invoice-table-footer .table-footer-right table { width: 100%; } .invoice-one .invoice-table-footer .table-footer-right table td { color: #2c3038; font-size: 18px; text-align: right; width: 50%; padding: 5px 10px; } @media print { .invoice-one .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 992px) { .invoice-one .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 767px) { .invoice-one .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } .invoice-one .invoice-table-footer .table-footer-right table span { color: #333; } @media print { .invoice-one .invoice-table-footer .table-footer-right table { font-size: 12px; } } @media (max-width: 767px) { .invoice-one .invoice-table-footer .table-footer-right table { font-size: 15px; } } .invoice-one .invoice-table-footer .table-footer-right .totalamt-table td { color: #2c3038; font-size: 24px; font-weight: 700; } @media print { .invoice-one .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 12px; } } @media (max-width: 992px) { .invoice-one .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 16px; } } @media print { .invoice-one .invoice-table-footer .table-footer-right .totalamt-table { font-size: 12px; } } @media (max-width: 992px) { .invoice-one .invoice-table-footer .table-footer-right { width: 100%; } } @media (max-width: 768px) { .invoice-one .invoice-table-footer .table-footer-right { width: 100%; } } @media print { .invoice-one .invoice-table-footer .table-footer-right { width: 50%; } } @media print { .invoice-one .invoice-table-footer { font-size: 12px; } } @media (max-width: 767px) { .invoice-one .invoice-table-footer .total-info { display: none; } } .invoice-one .totalamount-footer { border: 1px solid #95979B; border-left: none; border-right: none; margin: 10px 0 0; padding: 15px; } .invoice-one .table-total-item { margin: 0; padding: 15px 10px 15px 20px; } @media (max-width: 767px) { .invoice-one .table-total-item { margin: 0; padding: 15px 0px; } } .invoice-one .total-amountdetails { margin: 0; padding: 20px 0; border-bottom: 1px solid #BEBEBE; text-align: end; } @media (max-width: 992px) { .invoice-one .total-amountdetails { text-align: end; } } .invoice-one .bank-details { margin: 0; padding: 25px 15px; border-bottom: 1px solid #BEBEBE; } .invoice-one .bank-details .payment-info { color: #2c3038; display: flex; } .invoice-one .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; margin: 0 0 15px; padding: 0; display: block; } .invoice-one .bank-details .payment-info div { font-size: 16px; font-weight: 450; margin: 0 0 10px; padding: 0; } .invoice-one .bank-details .payment-info span { color: #95979b; } .invoice-one .bank-details .payment-info .pay-details { padding-left: 20px; } .invoice-one .bank-details .terms-condition { margin: 0; padding: 0; color: #2c3038; border: 0; } .invoice-one .bank-details .terms-condition span { font-size: 18px; margin: 0 10px 10px; } .invoice-one .bank-details .terms-condition ol { color: #95979b; } @media (max-width: 767px) { .invoice-one .bank-details .terms-condition { margin: 10px 0; padding: 0px 0px; } } @media (max-width: 767px) { .invoice-one .bank-details { margin: 0; padding: 10px 0px; } } .invoice-one .thanks-msg { background: #F2F2F2; border-bottom: 1px solid #BEBEBE; color: #000; font-size: 16px; font-weight: 450; } @media (max-width: 767px) { .invoice-one { margin: 0; padding: 20px; } } .invoice-one .table-data { border: none !important; } .invoice-one .file-one-link { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; } .invoice-one .duedate-bg span { border-radius: 5px; padding: 5px 10px; background-color: #E1FFED; font-size: 16px; } .invoice-one .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 48px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .invoice-one .invoice-wrapper { padding: 0px; } } .invoice-one .file-link { margin-bottom: 40px; display: flex; align-items: center; padding-top: 24px; justify-content: flex-start; } .invoice-one .qr { width: 140px; height: 140px; margin: 0px 0 20px !important; } .invoice-one .qr .scan-details { font-size: 13px; font-weight: 600; } .invoice-one .gst-details h6 { font-size: 18px; font-weight: 700; line-height: 28px; color: #000; margin-bottom: 5px; } @media (max-width: 767px) { .invoice-one .gst-details h6 { font-size: 15px; } } .invoice-one .inv-header-right a img { max-width: 271px !important; margin-bottom: 19px; } @media (max-width: 767px) { .invoice-one .inv-header-right a img { width: 100%; } } .invoice-one .inv-header-right h6 { color: #000; font-weight: 600; margin-bottom: 5px; } .invoice-one .inv-header-right h6 span { font-weight: 400; } .invoice-one .text-end { padding-top: 10px; padding-bottom: 10px; } .invoice-two .invoice-wrapper { background: #fff; margin: 60px 0 40px; padding: 25px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .invoice-two .invoice-wrapper { padding: 10px; } } @media (max-width: 767px) { .invoice-two .inv-details { display: block; } } .invoice-two .inv-content .invoice-header { border-bottom: 1px solid #F2F2F2; background: var(--color-gradient, linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%)); padding: 45px 24px; } .invoice-two .inv-content .invoice-header .inv-header-left h2 { color: #3F4254; font-size: 48px; } @media (max-width: 767px) { .invoice-two .inv-content .invoice-header .inv-header-left h2 { font-size: 18px; } } .invoice-two .inv-content .invoice-header .inv-header-left a { display: block; } .invoice-two .inv-content .invoice-header .inv-header-left img { max-width: 200px; } .invoice-two .inv-content .invoice-header .inv-header-left span { color: #95979b; } .invoice-two .inv-content .invoice-header .inv-header-right { text-align: right; } .invoice-two .inv-content .invoice-header .inv-header-right img { max-width: 200px; } @media (max-width: 992px) { .invoice-two .inv-content .invoice-header .inv-header-right img { max-width: 131px; } } .invoice-two .inv-content .invoice-header .inv-header-right .invoice-title { font-size: 24px; font-weight: 700; color: #2c3038; } @media (max-width: 992px) { .invoice-two .inv-content .invoice-header .inv-header-right .invoice-title { font-size: 20px; margin: 10px 0 0 0; padding: 0; } } .invoice-two .inv-content .invoice-header .inv-header-right .inv-date { color: #95979b; font-size: 18px; font-weight: normal; margin-right: 20px; } .invoice-two .inv-content .invoice-header .inv-header-right .inv-date:last-child { margin-right: 0; } .invoice-two .inv-content .invoice-header .inv-header-right .inv-date span { color: #2c3038; font-weight: 700; font-size: 24px; margin-left: 8px; } @media print { .invoice-two .inv-content .invoice-header .inv-header-right .inv-date span { font-size: 14px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-header .inv-header-right .inv-date span { font-size: 16px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-header .inv-header-right { text-align: left; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-header { display: block; background: none; padding: 0px; } } @media print { .invoice-two .inv-content .invoice-header { display: flex; } } .invoice-two .inv-content .two-invoice-details { margin: 30px 0 0 0; padding: 0 0px; } .invoice-two .inv-content .two-invoice-details .company-booking-address { display: flex; border-bottom: 1px solid var(--gray-gray-5, #E0E0E0); } .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add { color: #000; font-weight: 450; font-size: 16px; margin-bottom: 30px; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add { font-size: 15px; } } .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add span { display: block; color: #95979b; margin-top: 5px; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details .company-booking-address .company-add span { font-size: 15px; } } .invoice-two .inv-content .two-invoice-details .company-booking-address .invoice-date h6 { color: #000; margin-bottom: 5px; text-align: right; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details .company-booking-address .invoice-date h6 { font-size: 12px; } } .invoice-two .inv-content .two-invoice-details h5 { color: #3F4254; margin: 0; padding: 24px 0; } @media (max-width: 991.98px) { .invoice-two .inv-content .two-invoice-details h5 { font-size: 15px; margin: 0 0 0 17px; padding: 8px 0; } } .invoice-two .inv-content .invoice-address-details { margin: 0; padding: 20px 0px; border-bottom: 1px solid #F2F2F2; align-items: center; } @media (max-width: 992px) { .invoice-two .inv-content .invoice-address-details { font-size: 14px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details { display: flex; } } @media (max-width: 575.98px) { .invoice-two .inv-content .invoice-address-details { display: flex; } } .invoice-two .inv-content .invoice-address-details .invoice-to span { color: #333; margin: 0 0 15px; display: block; font-size: 18px; } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details .invoice-to span { margin: 0 0 10px; } } .invoice-two .inv-content .invoice-address-details .invoice-to .inv-to-address { color: #2C3038; font-size: 16px; } .invoice-two .inv-content .invoice-address-details .invoice-to .invoice-to-payment { background: rgba(242, 242, 242, 0.5); border-radius: 10px; margin: 0; padding: 20px 0px; } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details .invoice-to { margin-bottom: 20px; } } .invoice-two .inv-content .invoice-address-details .invoice-to-payment { background: rgba(242, 242, 242, 0.5); margin: 0; padding: 24px 24px; } .invoice-two .inv-content .invoice-address-details .invoice-to-payment span { color: #333; } .invoice-two .inv-content .invoice-address-details .invoice-to-payment .inv-to-address { color: #54C1FF; } .invoice-two .inv-content .invoice-address-details .company-details { text-align: right; } .invoice-two .inv-content .invoice-address-details .company-details .company-name { font-size: 24px; color: #7638FF; margin: 0 0 10px; font-weight: 700; display: block; } .invoice-two .inv-content .invoice-address-details .company-details .gst-details { margin: 0 0 10px; } .invoice-two .inv-content .invoice-address-details .company-details .gst-details span { color: #95979b; display: block; } @media print { .invoice-two .inv-content .invoice-address-details .company-details .gst-details { margin: 0 0 5px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details .company-details { text-align: left; margin: 0 0 20px; } } @media print { .invoice-two .inv-content .invoice-address-details { font-size: 10px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-address-details { font-size: 14px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-address-details { display: block; } } .invoice-two .inv-content .invoice-table-details { margin: 30px 0 30px 0; padding: 0 0 0; } .invoice-two .inv-content .invoice-table-details table { font-family: "Circular Std"; width: 100%; color: #2c3038; border: 1px solid var(--gray-gray-3, #BEBEBE); } .invoice-two .inv-content .invoice-table-details table .table_width_1 { width: 3%; } .invoice-two .inv-content .invoice-table-details table .table_width_2 { width: 20%; } .invoice-two .inv-content .invoice-table-details table .table_width_3 { width: 40%; } .invoice-two .inv-content .invoice-table-details table .table_width_4 { width: 15%; } .invoice-two .inv-content .invoice-table-details table .table_width_5 { width: 15%; } .invoice-two .inv-content .invoice-table-details table thead tr { background: #fff; } .invoice-two .inv-content .invoice-table-details table thead tr th { font-size: 18px; font-weight: 450; color: #000; } .invoice-two .inv-content .invoice-table-details table tr { border-bottom: 1px solid #BEBEBE; } .invoice-two .inv-content .invoice-table-details table tr td, .invoice-two .inv-content .invoice-table-details table tr th { padding: 15px; } @media print { .invoice-two .inv-content .invoice-table-details table tr td, .invoice-two .inv-content .invoice-table-details table tr th { padding: 8px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-details table tr td, .invoice-two .inv-content .invoice-table-details table tr th { white-space: nowrap; } } .invoice-two .inv-content .invoice-table-details table tr td { vertical-align: middle; font-size: 16px; height: 69px; white-space: pre-wrap; } @media print { .invoice-two .inv-content .invoice-table-details table tr td { height: 72px; } } .invoice-two .inv-content .invoice-table-details table tr .table-description { vertical-align: middle; width: 33%; color: #2c3038; font-size: 16px; font-weight: 400; } .invoice-two .inv-content .invoice-table-details table tr h6 { color: #e90202; font-size: 12px; } @media print { .invoice-two .inv-content .invoice-table-details { font-size: 12px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-details { font-size: 14px; } } .invoice-two .inv-content .invoice-table-footer { justify-content: end; padding: 5px 30px; } .invoice-two .inv-content .invoice-table-footer .table-footer-left { width: 70%; } @media (max-width: 575.98px) { .invoice-two .inv-content .invoice-table-footer .table-footer-left { width: auto; font-size: 14px; } } .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 80%; } .invoice-two .inv-content .invoice-table-footer .table-footer-right table { width: 100%; } .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { color: #2c3038; font-size: 18px; text-align: right; width: 50%; padding: 5px 10px; } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 991.98px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 768px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td { margin: 0; padding: 15px 0px; } } @media (max-width: 768px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } .invoice-two .inv-content .invoice-table-footer .table-footer-right table span { color: #333; } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right table { font-size: 12px; } } .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { color: #2c3038; font-size: 24px; font-weight: 700; } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 12px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 16px; } } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right .totalamt-table { font-size: 12px; } } @media (max-width: 992px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 60%; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media print { .invoice-two .inv-content .invoice-table-footer .table-footer-right { width: 50%; } } @media print { .invoice-two .inv-content .invoice-table-footer { font-size: 12px; } } @media (max-width: 767px) { .invoice-two .inv-content .invoice-table-footer .total-info { display: none; } } .invoice-two .inv-content .totalamount-footer { border: 1px solid #95979B; border-left: none; border-right: none; margin: 10px 0 0; padding: 15px; } .invoice-two .inv-content .bank-details { margin: 30px 0; padding: 0 20px 0 20px; border: none; } .invoice-two .inv-content .bank-details .payment-info { display: flex; } .invoice-two .inv-content .bank-details .payment-info .qr-code { margin-right: 24px; } .invoice-two .inv-content .bank-details .payment-info .qr-code .scan-details { font-size: 14px; } .invoice-two .inv-content .bank-details .payment-info .qr-code .img { max-width: 140px; } .invoice-two .inv-content .bank-details .payment-info .debitcard { color: #000; } .invoice-two .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; } .invoice-two .inv-content .bank-details .payment-info .debit-card { margin-top: 15px; margin-bottom: 10px; } .invoice-two .inv-content .bank-details .payment-info span { color: #95979B; } .invoice-two .inv-content .terms-condition { margin: 0; padding: 0 0; } .invoice-two .inv-content .terms-condition .amount { margin-bottom: 24px; } .invoice-two .inv-content .terms-condition ol { list-style: number; padding-left: 18px; color: #333; } .invoice-two .inv-content .terms-condition span { display: block; margin: 0 0 15px; color: #2c3038; } @media print { .invoice-two .inv-content .terms-condition { font-size: 12px; margin: 0; padding: 10px 30px; } } @media (max-width: 575.98px) { .invoice-two .inv-content .terms-condition { font-size: 14px; } } .invoice-two .inv-content .thanks-msg { color: #3F4254; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; margin: 0; padding: 15px 0; } @media print { .invoice-two .inv-content .thanks-msg { font-size: 10px; margin: 0; padding: 10px; } } @media (max-width: 575.98px) { .invoice-two .inv-content .thanks-msg { font-size: 12px; } } .invoice-two .file-link { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; } .invoice-two .file-link .download-link { color: #e90202; margin: 0px; padding: 12px 22px; margin-right: 10px; border: 1px solid #7638FF; border-radius: 5px; background: #fff; height: 46px; } .invoice-two .file-link .download-link:hover { background: #7638FF; color: #fff; } .invoice-two .file-link .print-link { color: #e90202; margin: 0 0 0 0; padding: 15px 22px; border: 1px solid #4361EE; border-radius: 5px; height: 46px; background: #fff; display: flex; align-items: center; } .invoice-two .file-link .print-link i { margin-right: 6px; } .invoice-two .file-link .print-link:hover { background: #4361EE; color: #fff; } @media (max-width: 992px) { .invoice-two .file-link { margin: 20px; } } .invoice-three .invoice-wrapper { padding: 50px; } .invoice-three .invoice-wrapper .inv-content { border: none; } .invoice-three .invoice-wrapper .inv-content .invoice-header { padding: 0 0 50px 0; } .invoice-three .invoice-wrapper .inv-content .invoice-header .inv-header-left .tax-invoice { color: #e90202; font-weight: 700; font-size: 24px; margin-bottom: 24px; } .invoice-three .invoice-wrapper .inv-content .invoice-header .inv-header-right img { max-width: 270px; } .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title { color: #000; font-size: 24px; font-weight: 700; margin-bottom: 10px; display: inline-block; } .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .gst-details { margin: 0 0 10px 0; padding: 0; } .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .gst-details:last-child { margin: 0; } .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .gst-details span { color: #000; font-weight: 450; font-family: "Circular Std"; font-size: 16px; } .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .gst-details:first-child span { font-size: 18px; } .invoice-three .invoice-wrapper .inv-content .invoice-address { padding: 0; border: 1px solid #BDBDBD; margin-bottom: 50px; } @media (max-width: 767px) { .invoice-three .invoice-wrapper .inv-content .invoice-address { display: flex; } } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-address-details { padding: 24px 0 24px 24px; width: 50%; display: flex; flex-direction: column; gap: 20px; } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content { width: 50%; display: flex; flex-wrap: wrap; } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details { width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0; border: 1px solid #BDBDBD; border-top: none; } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details span { display: block; margin-bottom: 15px; } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details span:last-child { color: #e90202; font-size: 24px; font-weight: 700; margin-bottom: 0; } @media print { .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details span:last-child { font-size: 18px; } } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-to span { margin: 0 0 15px; } .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-to .inv-to-address { line-height: 24px; } .invoice-three .invoice-wrapper .inv-content .invoice-table { padding: 0; margin-bottom: 50px; } .invoice-three .invoice-wrapper .inv-content .invoice-table table { font-family: "Circular Std"; border: 1px solid #BEBEBE; } .invoice-three .invoice-wrapper .inv-content .invoice-table table .table_width_2 { width: 30%; } .invoice-three .invoice-wrapper .inv-content .invoice-table table tr { border-bottom: 1px solid #BEBEBE; } .invoice-three .invoice-wrapper .inv-content .invoice-table table thead tr { background: #fff; } .invoice-three .invoice-wrapper .inv-content .invoice-table table thead tr th { font-size: 18px; font-weight: 450; color: #000; } .invoice-three .invoice-wrapper .inv-content .invoice-table table td { vertical-align: middle; color: #2C3038; font-weight: 400; font-size: 16px; height: 80px; white-space: pre-wrap; } @media print { .invoice-three .invoice-wrapper .inv-content .invoice-table table td { height: 72px; } } .invoice-three .invoice-wrapper .inv-content .invoice-table table .unit-price-data { display: flex; flex-direction: column; justify-content: space-around; } .invoice-three .invoice-wrapper .inv-content .invoice-table table .unit-price-data span { color: #e90202; font-size: 12px; margin-top: 5px; font-weight: 400; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer { padding: 0; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right { width: 50%; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table tr td { width: 60%; color: #2C3038; padding: 7px 0; font-size: 18px; font-weight: 600; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table tr td.table-footer-right-title { color: #333; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-left { display: flex; flex-direction: column; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-left span { color: #2C3038; } .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-left span.total-item { color: #333; } .invoice-three .invoice-wrapper .inv-content .bank-details { padding: 50px 0; } .invoice-three .invoice-wrapper .inv-content .bank-details .account-info { display: flex; gap: 24px; } .invoice-three .invoice-wrapper .inv-content .bank-details .account-info .qr-code img { margin-bottom: 10px; } .invoice-three .invoice-wrapper .inv-content .bank-details .account-info .qr-code .scan-details { font-size: 14px; font-weight: 600; } .invoice-three .invoice-wrapper .inv-content .bank-details .account-details { margin: 0 0 10px; } .invoice-three .invoice-wrapper .inv-content .bank-details .account-details span { color: #000; font-weight: 450; } .invoice-three .invoice-wrapper .inv-content .invoice-notes { background: #DDF3FF; padding: 14px; border-radius: 10px; border: 1px solid #2DA7FF; } .invoice-three .invoice-wrapper .inv-content .thanks-msg { padding: 40px 0 0 0; } .invoice-four .invoice-wrapper { padding: 24px; } .invoice-four .invoice-wrapper .inv-content { border: none; } .invoice-four .invoice-wrapper .inv-content .invoice-header { border: none; padding: 0px; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-header-left .tax-invoice { color: #e90202; font-weight: 700; font-size: 24px; margin-bottom: 15px; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-header-right a img { text-align: right; max-width: 271px; margin-bottom: 20px; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-header-right a img { max-width: 200; } } .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title { color: #000; font-size: 24px; font-weight: 700; margin-bottom: 10px; display: inline-block; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title { font-size: 20px; } } .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .gst-details-four { margin: 0 0 10px 0; padding: 0; } .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .gst-details-four:last-child { font-size: 16px; margin: 0; } .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .gst-details-four span { color: #000; font-weight: 450; font-family: "Circular Std"; font-size: 16px; } .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .gst-details-four:first-child span { font-size: 18px; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date { width: 100%; float: right; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date:last-child { margin-right: 0; margin-bottom: 20px; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-details { position: relative; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no { font-size: 18px; color: #3F4254; background: linear-gradient(320deg, #DBECFF 0%, #DDCEFF 100%); padding: 14px 20px 15px 87px; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no { padding: 0px; } } @media (max-width: 992px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no { padding: 0px; } } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no span { font-weight: 700; } .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no:last-child { margin-right: 0; margin-bottom: 20px; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no { background: none; } } .invoice-four .invoice-wrapper .inv-content .invoice-header .triangle-right { width: 56px; height: 49px; border-top: 30px solid transparent; border-left: 58px solid #fff; border-bottom: 26px solid transparent; position: absolute; top: 0; left: 0; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .triangle-right { display: none; } } @media (max-width: 992px) { .invoice-four .invoice-wrapper .inv-content .invoice-header .triangle-right { display: none; } } .invoice-four .invoice-wrapper .inv-content .invoice-address-four { margin: 24px 0; padding: 24px; border-radius: 20px; background-color: rgba(242, 242, 242, 0.24); border-bottom: 1px solid #F2F2F2; align-items: center; border: 1px solid #E0E0E0; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to span { color: #333; margin: 0 0 15px; display: block; font-size: 18px; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to span { margin: 0 0 10px; } } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to .inv-to-address { color: #2C3038; font-size: 16px; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to .invoice-to-payment { background: rgba(242, 242, 242, 0.5); border-radius: 10px; margin: 0; padding: 20px 0px; } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to { margin-bottom: 20px; } } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment { border-left: 1px solid #BDBDBD; margin: 0; padding: 24px 0px 24px 50px; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment span { color: #333; font-size: 18px; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment .inv-to-address { color: #54C1FF; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment .inv-to-address h6 { margin: 0 0 50px 0; padding: 5px 18px; background-color: #FFE0BB; border-radius: 5px; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment h5 span { background-color: #DDF3FF; border-radius: 5px; font-size: 16px; font-weight: 700; color: #54C1FF; padding: 5px 18px; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .company-details { text-align: right; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .company-details .company-name { font-size: 24px; color: #7638FF; margin: 0 0 10px; font-weight: 700; display: block; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .company-details .gst-details { margin: 0 0 10px; } .invoice-four .invoice-wrapper .inv-content .invoice-address-four .company-details .gst-details span { color: #95979b; display: block; } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-address-four .company-details .gst-details { margin: 0 0 5px; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-address-four .company-details { text-align: left; margin: 0 0 20px; } } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-address-four { font-size: 10px; } } @media (max-width: 992px) { .invoice-four .invoice-wrapper .inv-content .invoice-address-four { font-size: 14px; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-address-four { display: flex; padding: 0px 30px; } } .invoice-four .invoice-wrapper .inv-content .invoice-table-details { margin: 0 0 30px 0; padding: 0 0 0; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table { font-family: "Circular Std"; width: 100%; color: #2c3038; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table .table_width_1 { width: 3%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table .table_width_2 { width: 20%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table .table_width_3 { width: 40%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table .table_width_4 { width: 15%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table .table_width_5 { width: 15%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table thead tr { background: #F2F2F2; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table thead tr th { font-size: 18px; font-weight: 450; color: #000; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr { border-bottom: 1px solid #BEBEBE; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr td, .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr th { padding: 15px; } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr td, .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr th { padding: 8px; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr td, .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr th { white-space: nowrap; } } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr td { vertical-align: middle; font-size: 16px; white-space: pre-wrap; height: 69px; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr .table-description { width: 33%; color: #2c3038; font-size: 16px; font-weight: 400; vertical-align: middle; } .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr h6 { color: #e90202; font-size: 12px; } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-details { font-size: 12px; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-details { font-size: 14px; } } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer { border: none; justify-content: space-between; padding: 5px 30px; } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-left { width: 70%; } @media (max-width: 575.98px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-left { width: auto; font-size: 14px; } } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right { width: 80%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table { width: 100%; } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table td { color: #2c3038; font-size: 18px; text-align: right; width: 50%; padding: 5px 10px; } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 992px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table span { color: #333; } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table { font-size: 12px; } } .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { color: #e90202; font-size: 24px; font-weight: 700; } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 12px; } } @media (max-width: 992px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 16px; } } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right .totalamt-table { font-size: 12px; } } @media (max-width: 992px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right { width: 60%; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right { width: 100%; } } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right { width: 50%; } } @media print { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer { font-size: 12px; } } @media (max-width: 767px) { .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .total-info { display: none; } } .invoice-four .invoice-wrapper .inv-content .totalamount-footer { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .invoice-four .invoice-wrapper .inv-content .total-amountdetails { padding: 0; border-bottom: 1px solid #E0E0E0; } .invoice-four .invoice-wrapper .inv-content .total-amountdetails p { text-align: center; font-size: 16px; margin: 0; padding: 20px 0; } .invoice-four .invoice-wrapper .inv-content .total-amountdetails span { color: #2c3038; } .invoice-four .invoice-wrapper .inv-content .bank-details { margin: 0; padding: 15px 30px; border-bottom: 1px solid #F2F2F2; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info { display: flex; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .qr-code { margin-right: 24px; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .qr-code .scan-details { font-size: 13px; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .qr-code .img { max-width: 140px; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .debitcard { color: #000; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .payment-title { color: #2c3038; font-size: 18px; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info .debit-card { margin-top: 15px; margin-bottom: 10px; } .invoice-four .invoice-wrapper .inv-content .bank-details .payment-info span { color: #95979B; } .invoice-four .invoice-wrapper .inv-content .terms-condition { margin: 0; padding: 0 0; } .invoice-four .invoice-wrapper .inv-content .terms-condition ol { list-style: number; padding-left: 13px; color: #333; } .invoice-four .invoice-wrapper .inv-content .terms-condition span { display: block; margin: 0 0 15px; color: #2c3038; } @media print { .invoice-four .invoice-wrapper .inv-content .terms-condition { font-size: 12px; margin: 0; padding: 10px 30px; } } @media (max-width: 575.98px) { .invoice-four .invoice-wrapper .inv-content .terms-condition { font-size: 14px; } } .invoice-four .invoice-wrapper .inv-content .thanks-msg { color: #000000; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; background: #F2F2F2; margin: 0; padding: 15px 0; } @media print { .invoice-four .invoice-wrapper .inv-content .thanks-msg { font-size: 10px; margin: 0; padding: 10px; } } @media (max-width: 575.98px) { .invoice-four .invoice-wrapper .inv-content .thanks-msg { font-size: 12px; } } .file-link-four { margin-bottom: 40px; } .file-link-four .download-link { color: #e90202; margin: 0px; padding: 12px 22px; margin-right: 10px; border: 1px solid #7638FF; border-radius: 5px; background: #fff; height: 46px; } .file-link-four .download-link:hover { background: #7638FF; color: #fff; } .file-link-four .print-link { color: #e90202; margin: 0 0 0 0; padding: 15px 22px; border: 1px solid #4361EE; border-radius: 5px; height: 46px; background: #fff; display: flex; align-items: center; } .file-link-four .print-link i { margin-right: 6px; } .file-link-four .print-link:hover { background: #4361EE; color: #fff; } @media (max-width: 992px) { .file-link-four { margin: 20px; } } .invoice-five.invoice-wrapper { padding: 50px; } @media (max-width: 767px) { .invoice-five.invoice-wrapper { padding: 15px; } } @media print and (max-width: 767px) { .invoice-five.invoice-wrapper { padding: 0; } } .invoice-five .inv-content { background: #FAFAFA; padding: 24px; margin-bottom: 40px; } @media (max-width: 767px) { .invoice-five .inv-content { padding: 15px; } } .invoice-five .inv-content .invoice-header { border-bottom: 0; background: transparent; padding: 0; } .invoice-five .inv-content .invoice-header .inv-header-right h2 { font-family: "Circular Std"; color: #e90202; font-size: 24px; font-weight: 700; } .invoice-five .inv-content .invoice-five-details { gap: 24px; padding: 50px 0; } @media (max-width: 767px) { .invoice-five .inv-content .invoice-five-details { display: block; } } .invoice-five .inv-content .invoice-five-details .gradient-block { width: 729px; height: 36px; background: linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%); border-radius: 59px; } @media (max-width: 1399.98px) { .invoice-five .inv-content .invoice-five-details .gradient-block { width: 550px; } } @media (max-width: 991.98px) { .invoice-five .inv-content .invoice-five-details .gradient-block { width: 300px; } } @media (max-width: 767px) { .invoice-five .inv-content .invoice-five-details .gradient-block { width: 100%; margin-bottom: 15px; } } .invoice-five .inv-content .invoice-five-details .invoice-date { gap: 50px; } .invoice-five .inv-content .invoice-five-details .invoice-date .invoice-date-details { color: #000; font-size: 16px; font-weight: 600; } .invoice-five .inv-content .invoice-five-details .invoice-date .invoice-date-details span { font-weight: 400; } .invoice-five .invoice-table-details { margin: 30px 0 30px 0; padding: 0 0 0; } .invoice-five .invoice-table-details table { width: 100%; color: #2c3038; border: 1px solid var(--gray-gray-3, #BEBEBE); } .invoice-five .invoice-table-details table .table_width_1 { width: 3%; } .invoice-five .invoice-table-details table .table_width_2 { width: 20%; } .invoice-five .invoice-table-details table .table_width_3 { width: 40%; } .invoice-five .invoice-table-details table .table_width_4 { width: 15%; } .invoice-five .invoice-table-details table .table_width_5 { width: 15%; } .invoice-five .invoice-table-details table thead tr { color: #000; } .invoice-five .invoice-table-details table .ecommercetable { background: #E0E0E0; } .invoice-five .invoice-table-details table thead tr { background: #F2F2F2; } .invoice-five .invoice-table-details table thead tr th { font-size: 18px; font-weight: 450; color: #000; } .invoice-five .invoice-table-details table tr { border-bottom: 1px solid #BEBEBE; } .invoice-five .invoice-table-details table tr td, .invoice-five .invoice-table-details table tr th { padding: 15px; } @media print { .invoice-five .invoice-table-details table tr td, .invoice-five .invoice-table-details table tr th { padding: 8px; } } @media (max-width: 767px) { .invoice-five .invoice-table-details table tr td, .invoice-five .invoice-table-details table tr th { white-space: nowrap; } } .invoice-five .invoice-table-details table tr td { height: 69px; vertical-align: middle; white-space: pre-wrap; } .invoice-five .invoice-table-details table tr .table-description { width: 33%; color: #2c3038; font-size: 18px; font-weight: 400; } @media (max-width: 1399.98px) { .invoice-five .invoice-table-details table tr .table-description { font-size: 16px; } } .invoice-five .invoice-table-details table tr h6 { color: #e90202; font-size: 12px; } @media print { .invoice-five .invoice-table-details { font-size: 12px; } } @media (max-width: 767px) { .invoice-five .invoice-table-details { font-size: 14px; } } .invoice-five .invoice-table-footer { padding: 5px 0px; } .invoice-five .invoice-table-footer .table-footer-left { width: 70%; } @media (max-width: 575.98px) { .invoice-five .invoice-table-footer .table-footer-left { width: auto; font-size: 14px; } } .invoice-five .invoice-table-footer .table-footer-right { width: 80%; } .invoice-five .invoice-table-footer .table-footer-right table { width: 100%; } .invoice-five .invoice-table-footer .table-footer-right table td { color: #2c3038; font-size: 18px; text-align: right; width: 50%; padding: 5px 10px; font-weight: 500; } @media print { .invoice-five .invoice-table-footer .table-footer-right table td { width: auto; } } @media (max-width: 1399.98px) { .invoice-five .invoice-table-footer .table-footer-right table td { font-size: 16px; } } @media (max-width: 992px) { .invoice-five .invoice-table-footer .table-footer-right table td { width: auto; font-size: 15px; } } @media (max-width: 767px) { .invoice-five .invoice-table-footer .table-footer-right table td:first-child { text-align: left; } } .invoice-five .invoice-table-footer .table-footer-right table td.tax { color: #333; font-weight: 600; } .invoice-five .invoice-table-footer .table-footer-right table span { color: #333; } @media print { .invoice-five .invoice-table-footer .table-footer-right table { font-size: 12px; } } .invoice-five .invoice-table-footer .table-footer-right .totalamt-table td { color: #2c3038; font-size: 24px; font-weight: 700; } @media print { .invoice-five .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 12px; } } @media (max-width: 1399.98px) { .invoice-five .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 20px; } } @media (max-width: 992px) { .invoice-five .invoice-table-footer .table-footer-right .totalamt-table td { font-size: 16px; } } @media print { .invoice-five .invoice-table-footer .table-footer-right .totalamt-table { font-size: 12px; } } @media (max-width: 992px) { .invoice-five .invoice-table-footer .table-footer-right { width: 60%; } } @media (max-width: 767px) { .invoice-five .invoice-table-footer .table-footer-right { width: 100%; } } @media print { .invoice-five .invoice-table-footer .table-footer-right { width: 50%; } } @media print { .invoice-five .invoice-table-footer { font-size: 12px; } } @media (max-width: 767px) { .invoice-five .invoice-table-footer .total-info { display: none; } } .invoice-five .inv-content .bank-details { margin: 0; padding: 0; border-bottom: 0; margin-top: 50px; } @media (max-width: 767px) { .invoice-five .inv-content .bank-details .bank-qr-detail img { max-width: 90px; } } .invoice-five .inv-content .invoice-header .inv-header-left { width: 54%; } @media (max-width: 1199.98px) { .invoice-five .inv-content .invoice-header .inv-header-left { width: 56%; } } @media (max-width: 767px) { .invoice-five .inv-content .invoice-header .inv-header-left { width: 100%; margin-bottom: 15px; } } .invoice-five .inv-content .invoice-header .inv-header-left h4 { color: #7638FF; font-size: 48px; font-weight: 700; margin-bottom: 15px; } .invoice-five .inv-content .invoice-header .inv-header-right p { font-size: 16px; font-weight: 600; margin: 0; padding: 0; color: #000000; font-weight: 700; display: flex; align-items: center; } @media (max-width: 992px) { .invoice-five .inv-content .invoice-header .inv-header-right p { font-size: 16px; } } @media (max-width: 767px) { .invoice-five .inv-content .invoice-header .inv-header-right p { font-size: 15px; } } @media (max-width: 767px) { .invoice-five .inv-content .invoice-header .inv-header-right p { flex-direction: unset; } } .invoice-five .inv-content .invoice-header .inv-header-right p span { display: flex; margin: 5px 0; color: #000000; } .invoice-five .inv-content .invoice-header .company-details { position: relative; overflow: hidden; } .invoice-five .inv-content .invoice-header .company-details .gst-details { position: relative; margin: 0; padding: 30px 30px; color: #fff; z-index: 2; } .invoice-five .inv-content .invoice-header .company-details .gst-details span { color: #3F4254; font-size: 16px; font-weight: 450; } @media (max-width: 992px) { .invoice-five .inv-content .invoice-header .company-details .gst-details span { color: #000; } } @media (max-width: 992px) { .invoice-five .inv-content .invoice-header .company-details .gst-details { color: #000; margin: 0; padding: 10px 0px; } } @media (max-width: 767px) { .invoice-five .inv-content .invoice-header .company-details .gst-details { margin: 0; padding: 10px 0px; } } .invoice-five .inv-content .invoice-header .company-details .address-bg { position: absolute; width: 473.11px; height: 126px; top: 0px; right: 15px; overflow: hidden; border-radius: 14px 77px 14px 14px; background: var(--color-gradient, linear-gradient(320deg, #DDCEFF 0%, #DBECFF 100%)); background-color: #7638FF; } @media (max-width: 992px) { .invoice-five .inv-content .invoice-header .company-details .address-bg { right: 58px; } } .invoice-five .terms-condition { margin-bottom: 40px; } .invoice-five .terms-condition ol li { color: #2C3038; } .invoice-five .thanks-msg { margin-bottom: 40px; } @media (max-width: 991.98px) { .invoice-five .file-link { margin: 0; } } .invoice-five .file-link a { color: #e90202; font-size: 18px; font-weight: 500; } @media (max-width: 1399.98px) { .invoice-five .file-link a { font-size: 16px; } } @media (max-width: 767px) { .invoice-five .file-link a { font-size: 15px; } } .invoice-address-details.invoice-five-group .invoice-to span { margin-bottom: 15px; display: block; } .invoice-address-details.invoice-five-group .invoice-to .inv-to-address { color: #2C3038; } .invoice-address-details.invoice-five-group .invoice-to:last-child { text-align: right; } @media (max-width: 767px) { .invoice-address-details.invoice-five-group .invoice-to:last-child { margin-top: 15px; } } .company-booking-address.company-five-address { margin-bottom: 24px; } .company-booking-address.company-five-address .company-add span { margin-bottom: 15px; display: block; } .company-booking-address.company-five-address .company-add h4 { color: #2C3038; margin-bottom: 0; } .company-booking-address.company-five-address .company-add h5 { color: #333; margin-bottom: 15px; font-size: 18px; } .company-booking-address.company-five-address .company-add .paid-status-add span { color: #333; margin-bottom: 5px; display: block; } .company-booking-address.company-five-address .company-add .paid-status-add h6 { color: #33B469; font-size: 16px; } @media (max-width: 767px) { .company-booking-address.company-five-address .company-add { margin-bottom: 15px; } } .company-booking-address.company-five-address .invoice-date { text-align: right; } .company-booking-address.company-five-address .invoice-date p { color: #2C3038; } .company-booking-address.company-five-address .invoice-date p span { color: #333; } .total-amt-word tr td span { display: block; color: #2C3038; font-weight: 500; } @media (max-width: 767px) { .total-amt-word tr td { display: none; } } .tab-content .blog-image > a { padding: 5px; } .bg-subscribe { background-color: #FFECEC; color: #ED3A3A; padding: 4px 10px; border-radius: 4px; } .bg-payment { background-color: #E9F2FF; color: #2465BC; padding: 4px 10px; border-radius: 4px; } .btn-primary .fa-plus { margin-right: 5px; } .import-company .btn-import { color: #e90202; border: 1px solid #e90202; } .import-company .btn-import:hover { background-color: #e90202; color: #fff; } .companies-table .table tbody td h2.table-avatar a { color: #1F0066; } .companies-table .table tbody td h2 span { color: #808080; } .card-table .companies-table .table td { color: #1F0066; } .companies-table .dropdown-item .far.fa-trash-alt { border-bottom: 1px solid #E0E0E0; } .page-content .list-btn .btn-filters:hover { background-color: #EADDFF; } .companies-table .table .dropdown-menu { width: 176px; } .companies-table .table p { color: #808080; } .avatar-img.rounded-circle .company { height: 40px; width: 40px; } .companies-table .table tbody td h2.table-avatar .companies { height: 40px; width: 40px; display: inline-block; } .p-20 .modal-header { padding: 20px; justify-content: space-between; } .p-20 .modal-body, .p-20 .modal-footer { padding: 0 20px 20px 20px; } #add_package .modal-body h6 { color: #808080; margin-bottom: 10px; } #add_package .modal-body ul { margin: 0; border: none; background: #F7F8F9; border-radius: 10px; } @media (max-width: 767px) { #add_package .modal-body ul li { padding-right: 0; padding-left: 0; } } #add_package .modal-body ul li:first-child { padding-left: 0; } #add_package .modal-body ul li:last-child { padding-right: 0; } #add_package .modal-body ul li h6 { padding: 13px 0; margin-bottom: 0; border-radius: 10px; border: none; cursor: poArimo; color: #333; font-size: 16px; font-weight: 500; } #add_package .modal-body ul li h6.active, #add_package .modal-body ul li h6:hover { background: #e90202; color: #fff; } #add_package .modal-body .tab-content .form-check { padding-left: 0; } #add_package .modal-body .tab-content .form-check label { border: 1px solid #E0E0E0; border-radius: 10px; padding: 10px 10px 10px 30px; cursor: poArimo; width: 100%; margin-bottom: 10px; } #add_package .modal-body .tab-content .form-check label input { min-width: 18px; height: 18px; position: relative; flex-shrink: 0; cursor: poArimo; margin-right: 12px; } #add_package .modal-body .tab-content .form-check label input:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); content: ""; width: 12px; height: 12px; border-radius: 8px; background: #e90202; display: none; } #add_package .modal-body .tab-content .form-check label input:focus { box-shadow: none; } #add_package .modal-body .tab-content .form-check label input:checked { background: transparent; border-color: #e90202; } #add_package .modal-body .tab-content .form-check label input:checked:after { display: block; } #add_package .modal-body .tab-content .form-check label .text-dark { font-weight: 500; } .bootstrap-datetimepicker-widget .timepicker td a { padding: 0; } .bootstrap-datetimepicker-widget .timepicker td a span { padding: 0; } .bootstrap-datetimepicker-widget .timepicker td a span:hover { background: #28084B; } .bootstrap-datetimepicker-widget .datepicker th, .bootstrap-datetimepicker-widget .datepicker td { text-align: center; padding: 5px 6px; font-size: 12px; } .bootstrap-datetimepicker-widget .datepicker td.active { background: #e90202; } .bootstrap-datetimepicker-widget .datepicker td.active:hover { background: #28084B; } span.bg-purple { background: rgb(89, 42, 198); } .company-avatar.company-icon { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgb(224, 224, 224); display: inline-flex !important; align-items: center; justify-content: center; } .super-admin-list-head { border-bottom: 1px solid rgb(224, 224, 224); margin-bottom: 24px; } .super-admin-list-head .grid-info-item { display: flex; align-items: center; justify-content: space-between; } .super-admin-list-head .grid-info-item h4 { font-weight: 600; margin-top: 5px; } .super-admin-list-head .grid-info-item span { color: #0F0033; font-weight: 600; } .super-admin-list-head .grid-info-item .grid-head-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 30px; border-radius: 10px; background: #FFEFDD; color: #EC8000; flex-shrink: 0; } .super-admin-list-head .grid-info-item.total-items h4 { color: #EC8000; } .super-admin-list-head .grid-info-item.active-items h4 { color: rgb(30, 142, 223); } .super-admin-list-head .grid-info-item.active-items .grid-head-icon { background: #DDF3FF; color: rgb(30, 142, 223); } .super-admin-list-head .grid-info-item.inactive-items h4 { color: #ED3A3A; } .super-admin-list-head .grid-info-item.inactive-items .grid-head-icon { background: #FFECEC; color: #ED3A3A; } .super-admin-list-head .grid-info-item.location-info h4 { color: #1D8147; } .super-admin-list-head .grid-info-item.location-info .grid-head-icon { background: #E1FFED; color: #1D8147; } .custom-modal.custom-lg-modal .modal-dialog { max-width: 800px; } .profile-img.company-profile-img { width: 60px; height: 60px; border: 1px solid #E0E0E0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; } .input-block .modal-password-field .toggle-password { transform: translateY(-50%); right: 15px; } .toggle-password-two { cursor: poArimo; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #757575; } .url-text-box { position: relative; } .url-text-box input { padding-right: 115px !important; } .url-text-box .url-text { background: #e90202; color: #fff; padding: 5px; border-radius: 5px; line-height: normal; position: absolute; right: 5px; top: 7px; } .company-detail-head { justify-content: space-between; background: #F7F8F9; padding: 15px; border-radius: 10px; } .company-detail-head .company-profile-img { background: #fff; } .company-detail-head .upload-profile { margin-right: 0; } .company-detail-head .upload-profile .add-profile h5 { font-size: 18px; font-weight: 700; } .plane-basic-info h5 { font-size: 18px; margin-bottom: 15px; font-weight: 600; } .plane-basic-info .basic-info-detail { margin-bottom: 24px; } .plane-basic-info .basic-info-detail h6 { font-size: 14px; margin-bottom: 5px; } .plane-basic-info.plane-detail { border-top: 1px solid #E0E0E0; padding-top: 24px; } .details-edit-link { align-items: center; } .details-edit-link .modal-edit-link { color: #808080; } .delete-modal-icon span { width: 64px; height: 64px; background: #1D8147; color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 24px; } .list-btn .filter-list li a.active { background: #EADDFF; } td span.plane-type { color: rgb(72, 72, 72); } .badge.bg-orange-light { background: #FFEFDD; color: #EC8000; } table th.no-sort::before { display: none !important; } table th.no-sort::after { display: none !important; } .modal-header .bg-info-light { background: #DDF3FF; color: #2DA7FF; font-weight: normal; } .company-detail-head span.badge { font-weight: normal; line-height: normal; } #checkBoxes1, #checkBoxes { position: relative; height: 100%; } .search-dropdown-item { opacity: 0; position: absolute; right: 0; transition: 0.5s all; border: 1px solid #E0E0E0; background: #fff; padding: 24px; padding-bottom: 0; z-index: 9; border-radius: 10px; top: 0; display: none; } .search-dropdown-item.show { opacity: 1; transition: 0.5s all; display: block; top: 40px; display: block; } .btn.btn-greys.bg-history-light { background-color: #ffc107; color: #333; } .btn.btn-greys.bg-history-light:hover { background-color: #e90202; color: #fff; } .card-table .card-body .inventory-table .table td { color: #1F0066; } .table tbody td h2.table-avatar a { display: block; } .customer-table .btn-greys { background-color: #EFEFEF; color: #e90202; } .customer-table .btn-greys:hover { background-color: #EFEFEF; border: 1px solid #EFEFEF; color: #e90202; } .customer-table .table tbody td h2.table-avatar a { color: #1F0066; } .companies-table.Ledger .table tbody tr td { height: 36px; } .companies-table.Ledger .dataTables_length { display: none; } .companies-table.Ledger div.dataTables_wrapper div.dataTables_paginate { display: none; } .content-page-header.add { margin: 0; } .page-header.add { margin: 0; padding: 20px 20px 0; } .modal-footer.add i { margin-right: 5px; } .sidebar-header.ledge { border: 0; } .sidebar-header.submenu { padding: 0 20px 20px; } .accordion .modal-footer { padding: 20px 0; } .toggle-sidebar.ledge .sidebar-body .accordion { border: 0; margin-bottom: 0; } .card-table .card-body .customer-table .table td { height: 40px; } .modal-footer.add .btn-success:hover { color: #33B469; background-color: #fff; border: 1px solid #33B469; } .modal-footer.add .btn-danger:hover { color: #ED3A3A; background-color: #fff; border: 1px solid #ED3A3A; } #add_ledger .add-header h6 { font-size: 16px; } #add_ledger .add-header p { font-weight: 500; } #add_ledger .table tbody td h2 span { font-size: 12px; /*color: $__gray__white__light; */ } .ledge .cal-icon-info:after { top: 5px; } .ledge .notes-form-group-info textarea.form-control { font-size: 14px; } .bg-pending-light { background-color: #FFF6DC; color: #C99700; } .card-table .card-body .purchase-table .table td { height: 40px; } .bg-inactive { background-color: #FFECEC; color: #ED3A3A; padding: 4px 10px; border-radius: 4px; } .avatar-img.rounded-circle.subscription-circle { width: 40px; height: 40px; border-radius: 100px; } .table tbody td h2.table-avatar .subscription-img { height: 40px; width: 40px; display: inline-block; } .packages { padding: 24px; border: 1px solid #EFF0F6; box-shadow: 0px 2px 12px 0px rgba(20, 20, 43, 0.08); margin-bottom: 24px; border-radius: 24px; } .packages .recommend-text { background: #EC8000; color: #fff; border-radius: 5px; padding: 2px 5px; font-size: 14px; position: absolute; right: 24px; top: -10px; } .packages.package-selected { margin: 0; padding: 39px 24px; border-radius: 24px; background: #e90202; } .packages.package-selected h6, .packages.package-selected h4, .packages.package-selected p, .packages.package-selected h2, .packages.package-selected ul li, .packages.package-selected ul li i { color: #fff; } .packages.package-selected .package-header h6 { color: #fff; } .packages.package-selected .package-header .btn-action-icon:hover { border-color: #fff; } .packages.package-selected .btn-primary { background: #fff; border-color: #fff; color: #e90202; } .packages.package-selected .btn-primary:hover { box-shadow: inset 0 50px 0 0 #e90202; border-color: #fff; color: #fff; } .packages .package-header { margin-bottom: 15px; } .packages .package-header .icon-frame { background: #ECEBFF; width: 50px; height: 50px; display: inline-block; border-radius: 16px; } @media (max-width: 1199.98px) { .packages .package-header .icon-frame { min-width: 50px; height: 50px; } .packages .package-header .icon-frame img { width: 25px; } } @media (max-width: 1199.98px) { .packages .package-header .icon-frame { min-width: 70px; height: 70px; } .packages .package-header .icon-frame img { width: 38px; } } .packages .package-header h6 { color: #808080; margin-bottom: 5px; } .packages .package-header h4 { font-weight: 700; } @media (max-width: 1199.98px) { .packages .package-header h4 { font-size: 20px; } } @media (max-width: 991.98px) { .packages .package-header h4 { font-size: 24px; } } .packages .package-header .btn-action-icon { min-width: 30px; height: 30px; background: #F3F3F3; border-radius: 100%; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .packages .package-header .btn-action-icon i { color: #808080; } .packages .package-header .btn-action-icon:hover { background: #e90202; border-color: #e90202; } .packages .package-header .btn-action-icon:hover i { color: #fff; } .packages p { font-size: 14px; color: #808080; } .packages h2 { margin: 24px 0; font-size: 36px; font-weight: 700; color: #e90202; } .packages h6 { font-weight: 600; margin-bottom: 18px; } .packages ul { border-bottom: 1px solid rgb(224, 224, 224); margin-bottom: 15px; padding-bottom: 15px; } .packages ul li { color: #808080; margin-bottom: 14px; } .packages ul li i { color: #e90202; margin-right: 8px; font-size: 16px; } .packages ul li:last-child { margin-bottom: 0; } .packages .active-btn { margin-top: 34px; } .packages .active-btn a { font-size: 16px; } #add_newpackage .modal-dialog { max-width: 800px; } #add_newpackage h6 { margin-bottom: 20px; } #add_newpackage form .checkboxes { margin: 0 0 24px 0; padding: 0; } #add_newpackage form .checkboxes label { display: flex; align-items: center; margin: 0; } #add_newpackage form .checkboxes label input { border: 1px solid #E0E0E0; min-width: 18px; height: 18px; margin-right: 10px; font-size: 16px; } #add_newpackage form .checkboxes label input:checked { accent-color: #e90202; border-color: #592AC6; } #add_newpackage form .status-toggle { margin-left: 24px; } #add_newpackage form .status-toggle .checktoggle { transform: translate(0); } #edit_package .modal-dialog { max-width: 800px; } #edit_package h6 { margin-bottom: 20px; } #edit_package form .checkboxes { margin: 0 0 24px 0; padding: 0; } #edit_package form .checkboxes label { display: flex; align-items: center; margin: 0; } #edit_package form .checkboxes label input { border: 1px solid #E0E0E0; min-width: 18px; height: 18px; margin-right: 10px; font-size: 16px; } #edit_package form .checkboxes label input:checked { accent-color: #e90202; border-color: #592AC6; } #edit_package form .status-toggle { margin-left: 24px; } #edit_package form .status-toggle .checktoggle { transform: translate(0); } .grid-info-item.total-plane .grid-head-icon { background: #EC8000; color: #fff; } .grid-info-item.active-plane .grid-head-icon { background: #1D8147; color: #fff; } .grid-info-item.inactive-plane .grid-head-icon { background: #ED3A3A; color: #fff; } .grid-info-item.total-type .grid-head-icon { background: rgb(30, 142, 223); color: #fff; } .subscription-plane-head ul { display: flex; align-items: center; width: 100%; border-bottom: 1px solid rgb(224, 224, 224); margin-bottom: 24px; padding-bottom: 5px; } .subscription-plane-head ul li a { color: rgb(128, 128, 128); position: relative; } .subscription-plane-head ul li a.active { color: #e90202; padding-bottom: 8px; } .subscription-plane-head ul li a.active::before { content: ""; width: 100%; height: 2px; background: #e90202; position: absolute; left: 0; bottom: 0; } .subscription-plane-head ul li + li { margin-left: 24px; } .package-edit a { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: rgb(243, 243, 243); color: rgb(72, 72, 72); border-radius: 20px; transition: 0.5s all; } .package-edit a:hover { background: #e90202; color: #fff; transition: 0.5s all; } .no-pagination .dataTables_length { display: none; } .no-pagination .dataTables_paginate { display: none; } .grid-info-item.subscription-list { justify-content: start; } .grid-info-item.subscription-list .grid-head-icon { margin-right: 15px; } .grid-info-item.subscription-list.total-transaction .grid-head-icon { background: rgb(30, 142, 223); color: #fff; } .grid-info-item.subscription-list.total-subscriber .grid-head-icon { background: #EC8000; color: #fff; } .grid-info-item.subscription-list.active-subscriber .grid-head-icon { background: #1D8147; color: #fff; } .grid-info-item.subscription-list.expired-subscriber .grid-head-icon { background: #ED3A3A; color: #fff; } td .invoice-detail i { color: rgb(236, 128, 0); font-size: 20px; } .card-body.two-factor .content-page-header.factor { margin: 0 0 20px 0; } .card-body.two-factor .two-factor.content h5 { margin: 0 0 5px 0; font-size: 16px; } .card-body.two-factor .two-factor.content p { margin: 0 0 30px 0; font-size: 16px; } .card-body.two-factor .two-factor.icon h5 { padding: 30px 0 0px 0; font-size: 16px; border-top: 1px solid #E0E0E0; display: flex; align-items: center; } .card-body.two-factor .two-factor.icon h5 img { margin-right: 7px; } .card-body.two-factor .status-toggle .checktoggle.factor { transform: none; } .card-body.two-factor .factor-checkbox { display: flex; text-align: right; justify-content: end; } @media (max-width: 575.98px) { .card-body.two-factor .factor-checkbox { text-align: left; justify-content: start; margin-bottom: 30px; } } .preference-title h5 { font-size: 25px; margin-bottom: 32px; } #plan-billing-slider .owl-stage-outer { padding-top: 10px; } #plan-billing-slider .owl-item img { width: auto; } #plan-billing-slider .owl-item .packages { box-shadow: none; border-color: #e90202; background: #EADDFF; } #plan-billing-slider .owl-item .packages .package-header { margin-bottom: 0; } @media (max-width: 575.98px) { #plan-billing-slider .owl-item .packages .package-header .icon-frame { margin-bottom: 20px; } } #plan-billing-slider .owl-item .packages .package-header h5 { font-size: 18px; } #plan-billing-slider .owl-item .packages .package-header p { font-weight: 500; margin-bottom: 20px; } #plan-billing-slider .owl-item .packages .package-header span { font-weight: 500; color: #e90202; } #plan-billing-slider .owl-item .packages.active { border-color: rgba(0, 0, 0, 0.2); background: #fff; position: relative; } #plan-billing-slider .owl-item .packages.active a { color: #2DA7FF; } #plan-billing-slider .owl-item .packages.active:before { position: absolute; top: -4px; right: -11px; width: 21px; height: 21px; border-radius: 100%; background: #fff; content: ""; z-index: 1; } #plan-billing-slider .owl-item .packages.active:after { position: absolute; top: -12px; right: -12px; content: "\f058"; font-family: "Font Awesome 6 Free"; color: #19A855; font-size: 24px; font-weight: 900; z-index: 1; } #plan-billing-slider .owl-dots { text-align: center; } #plan-billing-slider .owl-dots .owl-dot { margin-bottom: 24px; } #plan-billing-slider .owl-dots .owl-dot span { width: 23px; height: 5px; margin-right: 10px; border-radius: 5px; display: block; background: #D9D9D9; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } #plan-billing-slider .owl-dots .owl-dot.active span { background: #e90202; } .table-plan-billing .dataTables_length, .table-plan-billing .dataTables_paginate { display: none; } .avatar-img.rounded-circle.report-circle { width: 40px; height: 40px; border-radius: 100px; border: 1px solid #e90202; } .table tbody td h2.table-avatar .report-img { height: 40px; width: 40px; display: inline-block; } .list-btn .btn-filters.form-date { padding: 10px; } .btn-path.tax-purchase { margin: 0 10px 32px; } .btn-path.tax-purchase .btn-gray { margin: 0 0 0 10px; } @media (max-width: 575.98px) { .btn-path.tax-purchase .btn-gray { display: inline-block; margin: 10px 0 0 0; } } .from-to-date .form-control.tax { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; direction: rtl; width: 130px; padding: 9px 8px 9px 12px; } .from-to-date .form-control.taxes { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; width: 98px; padding: 9px 12px 9px 0; } .cal-icon-info.profitloss:after { left: 10px; } .filter-img-top { width: 73px; } .btn-primary.profit-loss { display: block; margin-top: 30px; } .card-table .profit-table .table { background: #fff; margin-bottom: 0px !important; border-radius: 8px; } .table-profit-loss thead { background-color: #F7F8F9; } .table-profit-loss tr td h6 { font-size: 14px; } .table-bg { background: #F7F8F9; border-top: 1px solid #E0E0E0; } .card-table .card-body .table .profitpadding { padding-left: 10px !important; } .card-table .card-body .table .table-profit-head { padding-left: 15px !important; background: #fff; } .card-table .card-body .companies-table.profit-border .table td { border: 0; } .ledger-list { color: #1F0066; } .ledger-list a { color: #1F0066; } .ledger-list h2 { font-size: 14px; } .ledger-list .mail-to { color: #808080; } .ledger-list .ledger-info .avatar { width: 40px; min-width: 40px; height: 40px; } .ledger-list .closing-balance { color: #808080; font-weight: 500; margin-right: 20px; } .ledger-list table thead th:first-child { border-top-left-radius: 8px; } .ledger-list table thead th:last-child { border-top-right-radius: 8px; } .ledger-list table tr td h2 span { font-size: 12px; } .ledger-list table tr:last-child td { background-color: #F7F8F9; border-top: 10px solid transparent; } .ledger-list table tr:last-child td p { color: #333; font-weight: 500; } .ledger-list table tr:last-child td p + span { font-size: 12px; color: #808080; } .ledger-list .btn-danger { background-color: #ED3A3A; border-color: #ED3A3A; } .ledger-list .btn-danger:hover { background-color: #fff; color: #ED3A3A; } .ledger-list .btn-success { background-color: #33B469; border-color: #33B469; } .ledger-list .btn-success:hover { background-color: #fff; color: #33B469; } .ledger-list .fw-600 { font-weight: 600; } .customer-address { display: none; } .view-delivery-challans .file-link .download-link { padding: 10px 15px; } @media (max-width: 992px) { .view-delivery-challans .file-link { margin: 20px 0; } } .view-delivery-challans .invoice-one .invoice-wrapper { margin: 0; padding: 0; box-shadow: none; } .view-delivery-challans .invoice-one .inv-content { border-radius: 10px; } .view-delivery-challans .invoice-one .inv-content .invoice-header { border-bottom: none; } .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-left h4 { font-size: 20px; margin-bottom: 0; } .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-left h5 { font-size: 18px; font-weight: 700; margin-bottom: 0; background: none; padding: 0; margin: 5px 0; } .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-left h6 { font-size: 16px; font-weight: 500; color: #000000; } .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-right h3 { color: #808080; font-size: 18px; font-weight: 450; } .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-right p { background: #E1FFED; border-radius: 5px; padding: 5px 10px; display: inline-block; font-weight: 600; } .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-right p span { background: none; font-weight: 400; padding-right: 0; } .view-delivery-challans .invoice-one .inv-content .terms-condition span { color: #2C3038; font-size: 18px; } .view-delivery-challans .invoice-one .inv-content .terms-condition ol { padding-left: 15px; color: #808080; } .view-delivery-challans .invoice-one .bill-add { color: #808080; } .view-delivery-challans .invoice-one .customer-name { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .view-delivery-challans .invoice-one .customer-name h4 { font-size: 18px; font-weight: 600; } .view-delivery-challans .invoice-one .customer-name span { font-weight: 400; color: #808080; } .view-delivery-challans .invoice-one .reference h4 { color: #3F4254; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .view-delivery-challans .invoice-one .reference p { color: #4F4F4F; font-size: 16px; } .view-delivery-challans .invoice-one .reference hr { margin: 20px 0; border-color: #E0E0E0; } .view-delivery-challans .invoice-one .invoice-table tr th { font-size: 18px; font-weight: 450; color: #000000; } .view-delivery-challans .invoice-one .invoice-table h5 { font-size: 24px; font-weight: 700; } @media (max-width: 992px) { .view-delivery-challans .invoice-one .invoice-table h5 { font-size: 18px; } } .view-delivery-challans .invoice-one .authorization h6 { font-size: 14px; font-weight: 700; color: #000000; } .view-delivery-challans .powered h6 { font-size: 14px; font-weight: 700; color: #000000; } [data-layout-mode=dark] .invoice-one .inv-content .invoice-header { background: none; } [data-layout-mode=dark] .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-left h6, [data-layout-mode=dark] .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-right p, [data-layout-mode=dark] .view-delivery-challans .invoice-one .reference h4 { color: #fff; } [data-layout-mode=dark] .view-delivery-challans .invoice-one .inv-content .invoice-header .inv-header-right p { background: rgba(225, 255, 237, 0.3); } [data-layout-mode=dark] .view-delivery-challans .invoice-one .reference p, [data-layout-mode=dark] .view-delivery-challans .invoice-one .authorization h6, [data-layout-mode=dark] .view-delivery-challans .invoice-one .inv-content .terms-condition span, [data-layout-mode=dark] .view-delivery-challans .powered h6 { color: #333; } .subscription-invoice { padding: 35px; } .subscription-invoice .invoice-header { margin-bottom: 20px; padding: 0 0 20px; } .subscription-invoice .inv-header-right span { display: block; } .subscription-invoice .inv-header-left h4 { font-size: 20px; font-weight: 600; } .subscription-invoice .invoice-num-date ul { display: flex; align-items: center; margin-top: 10px; } .subscription-invoice .invoice-num-date ul li { color: #95979B; margin-right: 20px; } .subscription-invoice .invoice-num-date ul li:last-child { margin-right: 0; } .subscription-invoice .invoice-num-date ul li span { color: #2C3038 !important; font-weight: 500; display: inline-block; margin-left: 15px; } .subscription-invoice .sub-invoive-detail { margin-bottom: 24px; } .subscription-invoice .sub-invoive-detail h5 { font-size: 20px; margin-bottom: 15px; font-weight: 700; } .subscription-invoice .sub-invoive-detail p { color: #484848; font-weight: 500; } .subscription-invoice .sub-invoive-detail ul li { color: #484848; font-weight: 500; } .subscription-invoice .sub-invoive-detail.detail-right { text-align: right; } @media (max-width: 575.98px) { .subscription-invoice .sub-invoive-detail.detail-right { text-align: left; } } .subscription-invoice td h4 { font-weight: 600; } .subscription-invoice .bank-details { margin: 15px 0; padding: 0 0 15px; } .subscription-invoice .bank-details .payment-info { margin-bottom: 15px; } .subscription-invoice .bank-details .payment-info h5 { margin-bottom: 15px; } .subscription-invoice .bank-details .company-sign { margin-bottom: 15px; } .subscription-invoice .terms-condition span { color: #484848; font-weight: 600; } .subscription-invoice .terms-condition ol { padding-left: 15px; margin-top: 5px; } .subscription-invoice .terms-condition ol li { font-weight: 600; } .subscription-invoice-foot.file-link .print-link { background: #EADDFF; color: #e90202; border-color: #EADDFF; transition: 0.5s all; } .subscription-invoice-foot.file-link .print-link:hover { background: #e90202; color: #fff; transition: 0.5s all; } .subscription-invoice-foot.file-link .download-link { background: #e90202; color: #fff; transition: 0.5s all; } .subscription-invoice-foot.file-link .download-link:hover { background-color: #fff; border: 1px solid #e90202; color: #e90202; transition: 0.5s all; } .super-admin-dashboard .dash-user-card { background: #e90202; padding: 24px; border-radius: 10px; position: relative; z-index: 1; margin-bottom: 24px; } .super-admin-dashboard .dash-user-card h4 { color: #fff; display: inline-flex; align-items: center; font-weight: 700; margin-bottom: 10px; } .super-admin-dashboard .dash-user-card h4 i { margin-right: 5px; } .super-admin-dashboard .dash-user-card p { color: #fff; } .super-admin-dashboard .dash-user-card .dash-btns { margin-top: 75px; } @media (max-width: 575.98px) { .super-admin-dashboard .dash-user-card .dash-btns { margin-top: 45px; } } .super-admin-dashboard .dash-user-card .dash-btns a { padding: 8px 15px; color: #fff; } @media (max-width: 575.98px) { .super-admin-dashboard .dash-user-card .dash-btns a { padding: 8px 6px; } } .super-admin-dashboard .dash-user-card .dash-btns a.view-company-btn { background: #2DA7FF; border: 1px solid #2DA7FF; box-shadow: inset 0 0 0 0 #fff; } .super-admin-dashboard .dash-user-card .dash-btns a.view-company-btn:hover { color: #2DA7FF; border: 1px solid #2DA7FF; background: #fff; } .super-admin-dashboard .dash-user-card .dash-btns a.view-package-btn { color: #2DA7FF; border: 1px solid #2DA7FF; background: #fff; margin-left: 5px; } .super-admin-dashboard .dash-user-card .dash-btns a.view-package-btn:hover { background: #2DA7FF; border: 1px solid #2DA7FF; color: #fff; } .super-admin-dashboard .dash-img { position: absolute; right: 10px; bottom: 0; line-height: 0; z-index: -1; } .company-detail-card { padding: 24px; background: #FFEFDD; border-radius: 10px; margin-bottom: 24px; } @media (max-width: 1599.98px) { .company-detail-card { padding: 24px 17px; } } .company-detail-card h6 { font-size: 14px; color: #1D1D1D; font-weight: 600; margin-bottom: 5px; } @media (max-width: 1599.98px) { .company-detail-card h6 { font-size: 13px; } } .company-detail-card .company-icon { width: 68px; height: 68px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .company-detail-card h5 { font-size: 24px; margin-bottom: 15px; color: #EC8000; } .company-detail-card p { color: #484848; } .company-detail-card p span { color: #1D8147; } .company-detail-card.bg-info-light { background: #DDF3FF; } .company-detail-card.bg-info-light h5 { color: #1E8EDF; } .company-detail-card.bg-pink-light { background: #FFECEC; } .company-detail-card.bg-pink-light h5 { color: #ED3A3A; } .company-detail-card.bg-success-light h5 { color: #1D8147; } .super-admin-dash-card { border: 1px solid #E0E0E0; padding: 24px; width: 100%; } .super-admin-dash-card .card-header { padding: 0 0 15px; margin-bottom: 5px; } .super-admin-dash-card .card-header .card-title { font-size: 18px; font-weight: 600; } .super-admin-dash-card table td { vertical-align: middle; } .super-admin-dash-card table td .view-companies { border: 1px solid #E0E0E0; color: #484848; border-radius: 5px; } .super-admin-dash-card table td .view-companies:hover { background: #e90202; border-color: #e90202; color: #fff; } .super-admin-dash-card table td.expired-date { color: #484848; } .super-admin-dash-card table td .active-inactive-btn { display: flex; align-items: center; justify-content: end; } .super-admin-dash-card table td .active-inactive-btn a { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; color: #fff; } .super-admin-dash-card table td .active-inactive-btn a.active-domain { background: #33B469; margin-right: 5px; } .super-admin-dash-card table td .active-inactive-btn a.inactive-domain { background: #ED3A3A; } .super-admin-dash-card .dropdown.main .btn-white { color: #484848; } .super-admin-dash-card .dropdown.main .btn-white:hover { color: #fff; } .super-admin-dash-card .dash-plane-list { background: #F7F8F9; padding: 24px; border-radius: 10px; margin-top: 15px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1399.98px) { .super-admin-dash-card .dash-plane-list { padding: 15px; } } .super-admin-dash-card .dash-plane-list .plane-info { display: flex; align-items: center; } .super-admin-dash-card .dash-plane-list .plane-info .icon-plane { width: 50px; height: 50px; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; background: #ECEBFF; margin-right: 8px; flex-shrink: 0; } @media (max-width: 1399.98px) { .super-admin-dash-card .dash-plane-list .plane-info .icon-plane { width: 45px; height: 45px; } } .super-admin-dash-card .dash-plane-list .plane-info .icon-company { width: 40px; height: 40px; border: 1px solid #E0E0E0; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 8px; border-radius: 40px; } .super-admin-dash-card .dash-plane-list .plane-info .name-company { color: #1D1D1D; font-size: 16px; } .super-admin-dash-card .dash-plane-list .plane-info .plane-name { color: #1D1D1D; font-weight: 500; } .super-admin-dash-card .dash-plane-list .plane-info .plane-name span { color: #484848; font-weight: normal; } .super-admin-dash-card .dash-plane-list .plane-info .plane-name h6 { font-size: 14px; color: #484848; font-weight: normal; margin-top: 3px; } .super-admin-dash-card .dash-plane-list .plane-rate { color: #1D1D1D; font-size: 14px; } .super-admin-dash-card .dash-incoice-table { color: #1D1D1D; font-weight: 500; } .super-admin-dash-card .dash-incoice-date { color: #484848; font-size: 14px; display: block; margin-top: 3px; } #plane-chart .apexcharts-legend { display: none; } .earning-income-text { color: #e90202; display: inline-flex; align-items: center; margin-right: 15px; } .earning-income-text i { width: 12px; height: 12px; border-radius: 2px; background: #e90202; margin-right: 5px; } .input-block-email { padding: 20px 22px 10px; } .input-block-email .form-control { font-size: 15px; padding: 14px 16px; } .email-btn { padding: 20px 20px; } .addnew-modal .input-block.mb-3 { margin-bottom: 24px !important; } .addnew-modal .select2-selection__rendered { padding-left: 12px; } .addnew-checkbox .status-toggle .checktoggle { transform: none; } .modal-footer.add { padding: 24px 0 0; } .custom-modal .modal-body.add { padding: 20px; } .input-block.add label { display: flex; gap: 5px; } .input-block.add .checkbox { display: flex; } .input-block.add .checkbox input { min-width: 15px; height: 15px; } .input-block.add .checkbox input:checked { accent-color: #e90202; border-color: #592AC6; } .companies-table.filed .dataTables_length { display: none; } .companies-table.filed div.dataTables_wrapper div.dataTables_paginate { display: none; } .card-table .card-body .companies-table .table td { height: 40px; } .avatar-img.sales-rep { border-radius: 0 !important; } .btn-center { float: right; } /* .input-block .form-control.tax{ direction: rtl; } */ .input-block.tax { padding: 0 5px 0 0; } /* .cal-icon-info.tax:after{ left: 12px; } .cal-icon-info.taxes:after{ left: 12px; } */ /* .input-block.tax{ max-width: 181px; } */ .btn-primary.tax { margin-right: 10px; width: 181px; } @media (max-width: 575.98px) { .btn-primary.tax.tax { margin-bottom: 10px; } } .btn-primary.taxs { min-width: 154px; } .filter-btn.tax { padding: 0 0 30px; } @media (max-width: 575.98px) { .filter-btn.tax.tax { display: block; } } .from-to-date .form-control.tax { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; direction: rtl; width: 130px; padding: 9px 8px 9px 12px; } .from-to-date .form-control.taxes { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; width: 98px; padding: 9px 12px 9px 0; } .cal-icon-info.profitloss:after { left: 10px; } .table-profit-loss thead { background-color: #F7F8F9; } .table-profit-loss tr td h6 { font-size: 14px; } .card-table .card-body .table .profit.space { padding: 10px 10px 20px 10px !important; margin-bottom: 10px; } .card-table .card-body .table .loss-space { padding: 10px !important; } .card-table .card-body .table .table-profit-head { padding-left: 15px !important; } .profitloss-bg { background-color: #F7F8F9; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .proft-head { padding-left: 25px; } .card-table .table.profit { margin-bottom: 0 !important; padding: 15px 20px; } .card-table .card-body .table-profit-loss tr td { border: none; } .profit thead.profitloss-heading tr th { background-color: #fff !important; } .profit-menu { padding: 0 0 30px; } .profit-menu .input-block input.form-control { min-height: 43px; } .card-table .card-body .table .thead-light.loss th { padding: 21px 25px 18px; } .card-table .card-body .companies-table.loss .table td { border: none; } .btn-primary.loss { display: block; margin-top: 30px; height: 41px; } .daterangepicker-wrap { padding-left: 23px; } .daterangepicker-wrap.cal-icon:after { left: 10px; right: auto; top: 6px; } .daterangepicker-wrap input { width: 100%; padding-left: 35px; padding-right: 10px; } .daterangepicker-wrap input.btn-filters { font-weight: normal; } .login-right-wrap.admin h1 { margin: 0; padding-bottom: 20px; } .register-btn { margin-top: 45px; } .form-control.employees { height: 43px; } .freetrail .input-block { margin-bottom: 20px; } .saas-login-wrapper { width: 100%; overflow: hidden; height: 100vh; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; } .saas-login-wrapper .login-content { width: 100%; height: 100vh; padding: 60px 0; overflow-y: auto; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; flex-wrap: wrap; } .saas-login-wrapper .login-content .login-logo { display: block; text-align: center; } @media (max-width: 575.98px) { .saas-login-wrapper .login-content { padding: 40px 15px; } } @media (max-width: 575.98px) { .saas-login-wrapper form { width: 100%; } } .saas-login-wrapper .login-userset { width: 496px; } @media (max-width: 1199.98px) { .saas-login-wrapper .login-userset { width: 400px; } } @media (max-width: 991.98px) { .saas-login-wrapper .login-userset { width: 496px; } } @media (max-width: 575.98px) { .saas-login-wrapper .login-userset { max-width: 100%; width: 100%; } } .login-heading { margin-bottom: 20px; } .login-heading h3 { font-weight: 600; margin-bottom: 5px; } .login-heading p { margin-bottom: 0; } .form-wrap { position: relative; margin-bottom: 24px; } .login-card { padding: 24px; border-radius: 10px; background-color: #fff; box-shadow: 0px 16px 32px 0px rgba(190, 190, 190, 0.2); margin: 40px 0; } .login-card .toggle-password { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: #757575; cursor: poArimo; } .login-card .toggle-password.fa-eye { margin-right: 1px; } .login-card .pass-group { position: relative; } .login-content .btn { width: 100%; height: auto; padding: 8px 20px; } .acc-in { text-align: center; } .acc-in p { font-size: 15px; font-weight: 500; margin-bottom: 0; } .acc-in p a { color: #1D1D1D; } .acc-in p a:hover { color: #e90202; } .authentication-wrapper { background: #e90202; height: 100%; position: fixed; top: 0; left: 0; width: 50%; padding: 24px 0 0 24px; } .authentication-wrapper .authen-img { position: absolute; right: 0; bottom: 0; line-height: 0; max-width: 600px; } @media (max-width: 1399.98px) { .authentication-wrapper .authen-img { max-width: 520px; } } @media (max-width: 1199.98px) { .authentication-wrapper .authen-img { max-width: 380px; } } @media (max-width: 991.98px) { .authentication-wrapper { display: none; } } .authentication-content { height: 100%; -webkit-box-align: end; -ms-flex-align: end; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .authentication-content h1 { font-size: 36px; color: #fff; max-width: 490px; margin-bottom: 22px; font-weight: 700; } .authentication-content p { color: #fff; font-size: 18px; } .forgot-link { font-size: 14px; font-weight: 600; color: #1D1D1D; text-decoration: underline; } .pass-group input[type=password] { padding-right: 40px; } .login-bg-img .vector-bg-one { position: absolute; right: 0; top: 0; z-index: -1; } .login-bg-img .vector-bg-two { position: absolute; left: 0; bottom: 0; z-index: -1; } .login-bg-img .vector-bg-three { position: absolute; left: 0; bottom: 0; z-index: -1; } .login-bg-img .vector-bg-four { position: absolute; left: 15%; top: 35%; z-index: -1; } .saas-pass-box .input-block:first-child { margin-right: 5px; } @media (max-width: 575.98px) { .saas-pass-box .input-block:first-child { margin-right: 0; } } @media (max-width: 575.98px) { .saas-pass-box { flex-direction: column; } } /*# sourceMappingURL=style.css.map */
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings