/** Template Name: Mash Able Admin Template Author: Mash Able Email: xyz@gmail.com File: style.css **/ /* ============= == Table of Contents== - Custom Css - Generic classes - Margin, Padding, Font class, text align, position, floating, overflow, background class, text color, display class, boarder class - Theme Elements - Icons, Accordion, Button, Redial, floating actions, FAB, tabs, typography, buttons, box shadow, slider page, error page, Breadcrumb, pagination, Basic card, Login card - General Elements - Modal, Nestable, Lable & Badges, List, Portlates, Preloader, Calender, To-Do, Materialize general elements, Lables - Advance Form Elements - Pages - Loader page, Invoice, Tasklist, Task detail, Range-slider, Counter, Maintenance, Color, FAQ, Progress, Panels & wells, Contact card, Auth pages, Flag - Gallery, Products pages, Widget, Email, Social timeline, Datatable, Chat, Blog, Wizard, CRM dashboard, Task board, Issue list, Chartlist, X-editable - Home chat, Dashboard 1-2-3-4 - Responsive media class ============= */ /** ===================== Custom css start ========================== **/ @font-face { font-family: 'Mada', sans-serif; } body { background-color: #f3f3f3; font-size: 0.875em; overflow-x: hidden; font-family: "Mada", sans-serif; } ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } * a { font-size: 14px; } * a:focus, * a:hover { text-decoration: none; } p { font-size: 14px; } .media-left { padding-right: 20px; } .blockquote { border-left: .25rem solid #eceeef; padding: .5rem 1rem; } .blockquote.blockquote-reverse { text-align: right; padding-right: 1rem; border-right: .25rem solid #eceeef; border-left: none; } /**====== Typography css end ======**/ h1 { font-size: 40px; } h2 { font-size: 32px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 15px; } h6 { font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } /**====== Custom css end ======**/ /** ===================== Main-body css start ========================== **/ .main-body .page-wrapper { padding: 1.8rem; transition: all ease-in 0.3s; } .main-body .page-wrapper .page-header { margin-bottom: 20px; } .main-body .page-wrapper .page-header-title { display: inline-block; } .main-body .page-wrapper .page-header-title h4 { display: inline-block; margin-bottom: 0; font-weight: 600; color: #4a6076; font-size: 20px; } .main-body .page-wrapper .page-header-title span { font-size: 13px; color: #9f9f9f; display: block; margin-top: 5px; } .main-body .page-wrapper .page-header-breadcrumb { float: right; } .pcoded-inner-navbar { height: 90% !important; } /**====== Main-body css end ======**/ /*====== Nav Css Start ======*/ .light-nav-border, .primary-nav, .warning-nav, .success-nav, .info-nav, .danger-nav { background-color: #fff; border: 1px solid #ddd; padding: 15px; } /*====== Nav Css End ======*/ /** ===================== Card-Layout css start ========================== **/ .card { border-radius: 2px; border-top: 4px solid rgba(0, 115, 170, 0.5); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05); border-left: none; border-right: none; border-bottom: none; margin-bottom: 30px; } .card .card-footer { background-color: #fff; } .card .card-header { background-color: transparent; padding: 15px 20px; } .card .card-header .card-header-left { display: inline-block; } .card .card-header .card-header-right { border-radius: 0 0 0 5px; right: 0; top: 0; background: #f6f7f7; display: inline-block; float: right; padding: 7px 0; position: absolute; } .card .card-header .card-header-right i { margin: 0 20px; cursor: pointer; } .card .card-header span { color: #9f9f9f; display: block; font-size: 13px; margin-top: 5px; } .card h5 { margin-bottom: 0; color: #757575; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; margin-right: 10px; } .card .card-block table tr { padding-bottom: 20px; } .card .card-block .sub-title { font-size: 14px; font-weight: 600; letter-spacing: 1px; } .card .card-block code { background-color: #eee; } .card .card-block .dropdown-menu { top: 38px; } .card .card-block p { line-height: 25px; } .card .card-block a.dropdown-item { margin-bottom: 0; font-size: 14px; transition: 0.25s; } .card .card-block a.dropdown-item:active, .card .card-block a.dropdown-item .active { background-color: #0073aa; } .card .card-block.remove-label i { margin: 0; padding: 0; } .card .card-block.button-list span.badge { margin-left: 5px; } .card .card-block .dropdown-menu { background-color: #fff; padding: 0; min-width: 130px; } .card .card-block .dropdown-menu .dropdown-divider { background-color: #ddd; margin: 3px 0; } .card .card-block .dropdown-menu > a { padding: 10px 16px; line-height: 1.429; } .card .card-block .dropdown-menu > li > a:focus, .card .card-block .dropdown-menu > li > a:hover { background-color: rgba(202, 206, 209, 0.5); } .card .card-block .dropdown-menu > li:first-child > a:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .card .card-block .badge-box { border: 1px solid #ccc; padding: 10px; margin: 12px 0; } .card .inner-card-block { border: 1px solid #ddd; } .card-block { padding: 1.25rem; } .card-header-text { margin-bottom: 0; font-size: 1rem; color: rgba(51, 51, 51, 0.85); text-transform: uppercase; font-weight: 600; display: inline-block; vertical-align: middle; } .icofont-rounded-down { -webkit-transition: all ease-in 0.3s; display: inline-block; transition: all ease-in 0.3s; } .icon-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate-refresh { -webkit-animation: mymove 0.8s infinite linear; animation: mymove 0.8s infinite linear; display: inline-block; } @-webkit-keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .breadcrumb-title a { font-size: 14px; color: #4a6076; } .breadcrumb-title li:last-child a { color: #7e7e7e; } .sub-title { border-bottom: 1px solid rgba(204, 204, 204, 0.35); padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase; font-size: 14px; font-weight: 400; color: #2c3e50; } /**====== Card-Layout css end ======**/ /*======= Typography css start ========*/ .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { margin: 0 0 20px; } .typography small { margin-left: 10px; font-weight: 600; color: #777; } .card-block.list-tag ul li { display: block; float: none; margin-bottom: 5px; } .card-block.list-tag ol li { margin-bottom: 5px; } .inline-order-list { margin-top: 50px; } .inline-order-list h4, .inline-order-list p { margin-bottom: 0; } .card-block ul li.list-inline-item { display: inline-block; float: left; } /*======= Typography css end ========*/ /** ===================== Modal css start ========================== **/ .login-card.auth-body { width: 450px; } .signin-card.auth-body { width: 550px; } .signup-card.auth-body { width: 650px; } .auth-btn { white-space: initial; } .login-card.auth-body { width: 450px; } .modal { z-index: 99999999999; } .bd-example .modal { display: block; position: inherit; background-color: #2C3E50; margin-bottom: 20px; } .card .overflow-container h5 { margin-bottom: 5px; } .button-page .card-block a.nav-link { margin-bottom: 0; } .sweet-alert button.confirm { background-color: #0073aa !important; } .sweet-alert .sa-input-error { top: 23px; } /**====== Modal css end ======**/ /** ===================== Notification css start ========================== **/ .location-selector { width: 100%; height: 250px; background-color: #fff; border: 2px dashed #e5e9ec; position: relative; margin-bottom: 20px; } .location-selector .bit { background-color: #e5e9ec; cursor: pointer; position: absolute; } .location-selector .bit:hover { background-color: #ddd; } .location-selector .bit.bottom, .location-selector .bit.top { height: 25%; width: 40%; margin: 0 30%; } .location-selector .bit.top { top: 0; } .location-selector .bit.bottom { bottom: 0; } .location-selector .bit.left, .location-selector .bit.right { height: 20%; width: 20%; margin-left: 0; margin-right: 0; } .location-selector .bit.right { right: 0; } .location-selector .bit.left { left: 0; } button.close { margin-top: 7px; margin-bottom: 0; } /**====== Notification css end ======**/ /** ===================== Tooltip css start ========================== **/ .mytooltip { display: inline; position: relative; z-index: 1; } .mytooltip .tooltip-item { background: rgba(0, 0, 0, 0.1); cursor: pointer; display: inline-block; font-weight: 500; padding: 0 10px; } .mytooltip .tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 14px; line-height: 30px; box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #2b2b2b; opacity: 0; cursor: default; pointer-events: none; } .mytooltip .tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #2a3035 transparent transparent; border-width: 10px; margin-left: -10px; } .mytooltip .tooltip-content img { position: relative; height: 140px; display: block; float: left; margin-right: 1em; } .mytooltip .tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mytooltip:hover .tooltip-item::after { pointer-events: auto; } .mytooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .mytooltip:hover .tooltip-content2 { opacity: 1; font-size: 18px; } .mytooltip:hover .tooltip-content2 i { opacity: 1; font-size: 18px; } .mytooltip:hover .tooltip-content2 { opacity: 1; font-size: 18px; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .mytooltip:hover .tooltip-content2 i { opacity: 1; font-size: 18px; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .mytooltip:hover .tooltip-item2 { color: #fff; -webkit-transform: translate3d(0, -0.9em, 0); transform: translate3d(0, -0.9em, 0); } .mytooltip:hover .tooltip-text3 { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mytooltip:hover .tooltip-content3 { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .mytooltip:hover .tooltip-content4 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mytooltip:hover .tooltip-text2 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mytooltip:hover .tooltip-inner2 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mytooltip:hover .tooltip-content5 { opacity: 1; pointer-events: auto; -webkit-transition-delay: 0s; transition-delay: 0s; } .mytooltip .tooltip-text { font-size: 14px; line-height: 24px; display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; } .mytooltip .tooltip-item2 { color: #0073aa; cursor: pointer; z-index: 100; position: relative; display: inline-block; font-weight: 700; font-size: 14px; -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, color 0.3s, transform 0.3s; } .tooltip.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } .tooltip-effect-5 .tooltip-text { padding: 1.4em; } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; color: #fff; } .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(110%); transform-origin: 50% calc(110%); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-5 .tooltip-content { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(106%); transform-origin: 50% calc(106%); -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); } .tooltip-effect-6 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-6 .tooltip-content2 i { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-7 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-7 .tooltip-content2 i { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-8 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-8 .tooltip-content2 i { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-9 .tooltip-content2 { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-9 .tooltip-content2 i { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-6:hover .tooltip-content2 i { -webkit-transform: rotate3d(1, 1, 1, 0); transform: rotate3d(1, 1, 1, 0); } .tooltip-content2 { position: absolute; z-index: 9999; width: 80px; height: 80px; padding-top: 25px; left: 50%; margin-left: -40px; bottom: 100%; border-radius: 50%; text-align: center; background: #0073aa; color: #fff; opacity: 0; margin-bottom: 20px; cursor: default; pointer-events: none; } .tooltip-content2 i { opacity: 0; } .tooltip-content2::after { content: ''; position: absolute; top: 100%; left: 50%; margin: -7px 0 0 -15px; width: 30px; height: 20px; background: url("../images/tooltip/tooltip1.svg") center center no-repeat; background-size: 100%; } .tooltip-content3 { position: absolute; background: url("../images/tooltip/shape1.svg") center bottom no-repeat; background-size: 100% 100%; z-index: 9999; width: 200px; bottom: 100%; left: 50%; margin-left: -100px; padding: 50px 30px; text-align: center; color: #fff; opacity: 0; cursor: default; font-size: 14; line-height: 27px; pointer-events: none; -webkit-transform: scale3d(0.1, 0.2, 1); transform: scale3d(0.1, 0.2, 1); -webkit-transform-origin: 50% 120%; transform-origin: 50% 120%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; -webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); } .tooltip-content3::after { content: ''; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 100%; background: #00AEEF; -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); } .tooltip-content4 { position: absolute; z-index: 99; width: 360px; left: 50%; margin-left: -180px; bottom: -5px; text-align: left; background: #0073aa; opacity: 0; font-size: 14px; line-height: 27px; padding: 1.5em; color: #fff; border-bottom: 55px solid #34495e; cursor: default; pointer-events: none; border-radius: 5px; -webkit-transform: translate3d(0, -0.5em, 0); transform: translate3d(0, -0.5em, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content4 a { color: #2b2b2b; } .tooltip-content4 .tooltip-text2 { opacity: 0; -webkit-transform: translate3d(0, 1.5em, 0); transform: translate3d(0, 1.5em, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content5 { position: absolute; z-index: 9999; width: 300px; left: 50%; bottom: 100%; font-size: 20px; line-height: 1.4; text-align: center; font-weight: 400; color: #fff; background: 0 0; opacity: 0; margin: 0 0 20px -150px; cursor: default; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; } .tooltip-content5 span { display: block; } .tooltip-content5::after { content: ''; bottom: -20px; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #0073aa transparent transparent; border-width: 10px; margin-left: -10px; } .tooltip-content5 .tooltip-text3 { border-bottom: 10px solid #0073aa; overflow: hidden; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .tooltip-content5 .tooltip-inner2 { background: #2b2b2b; padding: 40px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } a.mytooltip { font-weight: 700; color: #0073aa; z-index: 9; } .tooltip-link a { margin-left: 10px; color: #0073aa; } .tooltip-icon button i { margin-right: 0; } /**====== Tooltip css end ======**/ /** ===================== Slider css start ========================== **/ /*========= Owl-carousel css start ============*/ .owl-theme .owl-nav [class*='owl-']:hover { background: #0073aa; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #0073aa; } /*========= Owl-carousel css end ============*/ /** ===================== Animation css start ========================== **/ .animation-image img { margin: 10px auto 20px; cursor: pointer; } /**====== Animation css end ======**/ /** ===================== Tree-view css start ========================== **/ .card-block.tree-view ul { display: inherit; } .card-block.tree-view ul li { display: inherit; float: none; } .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("../pages/treeview/throbber.gif") center center no-repeat; } /**====== Tree-view css end ======**/ /** ===================== File Upload css start ========================== **/ .jFiler-theme-default .jFiler-input-button { background-color: #0073aa; background-image: none; color: #fff; } .jFiler-theme-default .jFiler-input { width: 100%; } .jFiler-input-dragDrop { display: block; width: 100% !important; } .jFiler-input-dragDrop { width: 100%; background-color: #fafafa; } .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info { position: absolute; bottom: -10%; left: 0; width: 100%; color: #fff; padding: 6px 10px; z-index: 9; opacity: 0; -webkit-transition: all 0.12s; -moz-transition: all 0.12s; transition: all 0.12s; } .jFiler-input-choose-btn { border: 1px solid #0073aa; padding: 10px 25px; background: #0073aa; color: #fff !important; } .jFiler-input-choose-btn:hover { background: #fff; border: 1px solid #0073aa; color: #fff !important; } .card .jFiler-item-assets ul li { margin-right: 0; } /**====== File Upload css end ======**/ /** ===================== Cropper css start ========================== **/ .img-container, .img-preview { background-color: #f7f7f7; width: 100%; text-align: center; } .img-container { min-height: 200px; max-height: 516px; margin-bottom: 20px; } @media (min-width: 768px) { .img-container { min-height: 516px; } } .img-container > img { max-width: 100%; } .docs-preview { margin-right: -15px; } .img-preview { float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .img-preview > img { max-width: 100%; } .preview-lg { width: 100% !important; } .preview-md { width: 139px; height: 78px; } .preview-sm { width: 69px; height: 39px; } .preview-xs { width: 35px; height: 20px; margin-right: 0; } .docs-data > .input-group { margin-bottom: 10px; } .docs-data > .input-group > label { min-width: 80px; } .docs-data > .input-group > span { min-width: 50px; } .docs-buttons > .btn-group, .docs-buttons > .form-control, .docs-buttons > .btn { margin-right: 5px; } .docs-toggles > .btn-group, .docs-toggles > .dropdown, .docs-toggles > .btn { margin-bottom: 10px; } .docs-tooltip { display: block; margin: -6px -12px; padding: 6px 12px; } .docs-tooltip > .icon { margin: 0 -3px; vertical-align: top; } .tooltip-inner { white-space: normal; } .btn-upload .tooltip-inner { white-space: nowrap; } @media (max-width: 400px) { .btn-group-crop { margin-right: -15px !important; } .btn-group-crop > .btn { padding-left: 5px; padding-right: 5px; } .btn-group-crop .docs-tooltip { margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; } } .docs-options .dropdown-menu { width: 100%; } .docs-options .dropdown-menu > li { padding: 3px 20px; font-size: 14px; } .docs-options .dropdown-menu > li:hover { background-color: #f7f7f7; } .docs-options .dropdown-menu > li > label { display: block; } .docs-cropped .modal-body { text-align: center; } .docs-cropped .modal-body > canvas, .docs-cropped .modal-body > img { max-width: 100%; } .card-block .docs-options .dropdown-menu { top: inherit; } label.btn-upload { height: 40px; } /**====== Cropper css end ======**/ /** ===================== Accordion css start ========================== **/ .accordion-msg { display: block; color: #222222; padding: 14px 20px; border-top: 1px solid #ddd; font-weight: 600; cursor: pointer; } .accordion-msg:focus, .accordion-msg:hover { text-decoration: none; outline: none; } .faq-accordion .accordion-desc { padding: 20px; } .accordion-desc { color: #222222; padding: 0 20px 20px; } #color-accordion .accordion-desc { margin-top: 14px; } .ui-accordion-header-icon { float: right; font-size: 20px; } .accordion-title { margin-bottom: 0; } .card .card-block.accordion-block { padding: 0; } .card .card-block.accordion-block p { margin-bottom: 0; } .color-accordion-block .ui-state-active { background: #0073aa; color: #fff; } a.bg-default:focus, a.bg-default:hover { background-color: #d9dcde !important; color: #fff; } a.bg-primary:focus, a.bg-primary:hover { background-color: #0095dd !important; color: #fff; } a.bg-success:focus, a.bg-success:hover { background-color: #54d98c !important; color: #fff; } a.bg-info:focus, a.bg-info:hover { background-color: #5faee3 !important; color: #fff; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f4d03f !important; color: #fff; } a.bg-danger:focus, a.bg-danger:hover { background-color: #ed7669 !important; color: #fff; } /**====== Accordion css end ======**/ /** ===================== Tabs css start ========================== **/ .tab-list p { padding: 10px; } .tab-with-img i { position: absolute; padding: 5px; } .tab-pane.active { animation: fadeInDown 1s ease-in-out; } @keyframes fadeInDown { 0% { opacity: 0; } to { opacity: 1; } } .tab-icon { margin-bottom: 30px; } .tab-icon i { padding-right: 10px; } .tab-below { border-top: 1px solid #ddd; border-bottom: none; } .tab-below.nav-tabs .nav-link.active { border-color: transparent #ddd #ddd #ddd; } .tab-below .nav-item, .tab-below .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .tab-below a, .tab-below .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .tab-below a, .tab-below .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .tab-below a, .tab-below .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .tab-below a { margin-top: -2px; } .tab-below.nav-tabs .nav-link { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-header ~ .tab-icon .tab-with-img .sub-title i { right: 10px; } .tab-with-img .nav-link { position: relative; } .tabs-left, .tabs-right { min-width: 120px; vertical-align: top; width: 150px; } .tabs-left, .tabs-left-content, .tabs-right, .tabs-right-content { display: table-cell; } .nav-tabs.tabs-left .slide { height: 35px; width: 4px; bottom: 15px; } .nav-tabs.tabs-right .slide { height: 35px; width: 4px; bottom: 15px; right: 0; } .product-edit .md-tabs .nav-item a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 .product-edit .md-tabs a a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 .product-edit .md-tabs a a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 .product-edit .md-tabs a a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 .product-edit .md-tabs a a { padding: 0 0 20px !important; } .md-tabs.tabs-left .nav-item, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-left a, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-left a, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-left a, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-left a, .md-tabs.tabs-right .nav-item, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-right a, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-right a, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-right a, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-right a, .tabs-left .nav-item, .tabs-left .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .tabs-left a, .tabs-left .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .tabs-left a, .tabs-left .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .tabs-left a, .tabs-left .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .tabs-left a, .tabs-right .nav-item, .tabs-right .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .tabs-right a, .tabs-right .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .tabs-right a, .tabs-right .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .tabs-right a, .tabs-right .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .tabs-right a { width: 100%; position: relative; } .md-tabs { position: relative; } .md-tabs .nav-item + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .nav-item + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-1 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-2 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-2 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-3 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-3 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-4 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + a { margin: 0; } .md-tabs .nav-link { border: none; color: #1b8bf9; } .md-tabs .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a { background-color: #fff; width: calc(100% / 4); text-align: center; } .md-tabs .nav-link:focus, .md-tabs .nav-link:hover { border: none; } .md-tabs .nav-item .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link.active ~ .slide { opacity: 1; transition: all 0.3s ease-out; } .md-tabs .nav-item .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link ~ .slide { opacity: 0; transition: all 0.3s ease-out; } .md-tabs .nav-item.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link, .md-tabs .nav-item.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:focus, .md-tabs .nav-item.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:hover, .md-tabs .nav-link.active, .md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover { color: #0073aa; border: none; background-color: transparent; border-radius: 0; } .md-tabs .nav-item:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a:first-child { border-bottom: 1px solid #ddd; } .md-tabs .nav-item a, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a { padding: 20px 0 !important; color: #0073aa; } .nav-tabs .slide { background: #0073aa; width: calc(100% / 4); height: 4px; position: absolute; -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out; bottom: 0; } .nav-tabs .slide .nav-item.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .nav-link { color: #0073aa; } .img-tabs img { width: 100px; margin: 0 auto; } @media screen and (max-width: 1366px) { .img-tabs img { width: 60px; } } .img-tabs a { opacity: 0.5; transition: all ease-in-out 0.3s; } .img-tabs a span i { height: 25px; width: 25px; border-radius: 100%; bottom: 10px; right: 70px; } @media only screen and (max-width: 574px) { .img-tabs a span i { display: none; } } .img-tabs a img { border: 3px solid; } .img-tabs a.active { opacity: 1; transition: all ease-in-out 0.3s; } .img-tabs .nav-item:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child, .main-menu .main-menu-content .nav-item .tree-1 .img-tabs a:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child, .main-menu .main-menu-content .nav-item .tree-2 .img-tabs a:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child, .main-menu .main-menu-content .nav-item .tree-3 .img-tabs a:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child, .main-menu .main-menu-content .nav-item .tree-4 .img-tabs a:first-child { border-bottom: none; } #pc-left-panel-menu { margin-bottom: 20px; } .h-active a { color: #1b8bf9 !important; font-weight: 600; } .img-circle { border-radius: 50%; } .b-none { border: none !important; } /**====== Tabs css end ======**/ /** ===================== Table css start ========================== **/ .table-responsive { overflow-x: auto; display: block; } .table.table-xl td, .table.table-xl th { padding: 1.25rem 2rem; } .table.table-lg td, .table.table-lg th { padding: 0.9rem 2rem; } .table.table-de td, .table.table-de th { padding: 0.75rem 2rem; } .table.table-sm td, .table.table-sm th { padding: 0.6rem 2rem; } .table.table-xs td, .table.table-xs th { padding: 0.4rem 2rem; } .table-columned > tbody > tr > th:first-child, .table-columned > tbody > tr > td:first-child { border-left: 0; } .table-columned > tfoot > tr > th:first-child, .table-columned > tfoot > tr > td:first-child { border-left: 0; } .table-columned > tbody > tr > th, .table-columned > tbody > tr > td { border: 0; border-left: 1px solid #ddd; } .table-columned > tfoot > tr > th, .table-columned > tfoot > tr > td { border: 0; border-left: 1px solid #ddd; } .table-border-style { padding: 0; } .table-border-style .table { margin-bottom: 0; } .table > thead > tr > th { border-bottom-color: #ccc; } .table-borderless tbody tr td, .table-borderless tbody tr th { border: 0; } .table-bordered > thead > tr.border-solid > th, .table-bordered > thead > tr.border-solid > td { border-bottom-width: 2px; } .table-bordered > thead > tr.border-solid:first-child > td, .table-bordered > thead > tr.border-solid:first-child th { border-bottom-width: 2px; } .table-bordered > thead > tr.border-double > th, .table-bordered > thead > tr.border-double > td { border-bottom-width: 3px; border-bottom-style: double; } .table-bordered > thead > tr.border-double:first-child > td, .table-bordered > thead > tr.border-double:first-child th { border-bottom-width: 3px; border-bottom-style: double; } /**====== Table css end ======**/ /** ===================== User-Profile css start ========================== **/ .user-profile .media-left { padding-right: 10px; } .rounded-card img, .user-img img { margin: 0 auto; display: block; width: 100%; } .user-img img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .user-about ul li { border-top: 1px solid rgba(204, 204, 204, 0.28); padding: 10px 0 10px 10px; text-align: left; } .user-about ul li a { font-size: 16px; color: #666; } .user-about ul li.active a { color: #fff; } .user-about ul li.active { font-weight: 600; background: #1b8bf9; } .card-title, h5 { margin: 0; } .card-header.followers a { font-weight: 500; color: rgba(51, 51, 51, 0.85); } .user-profile { padding: 20px 0; } .follow-btn button:first-child, .user-about i { margin-right: 10px; } .btn-inline i { color: #fff; } .btn-inline .fb-btn { background-color: #3b5998; } .btn-inline .twitter-btn { background-color: #55acee; } .btn-inline .pinterest-btn { background-color: #cb2027; } .btn-inline .linkedin-btn { background-color: #007bb5; } .btn-inline .dribbble-btn { background-color: #ea4c89; } .user-post { font-style: italic; } .connection-list img, .contact-user h4, .contact-user img, .earn-heading, .list-inline, .list-inline li, .service-header { display: inline-block; } .connection-list img { width: 55px; height: 50px; margin: 5px; } .border-post { border: 1px solid #ccc; } .earn-sub-header { font-size: 15px; color: #ccc; } .btn-inline { margin-top: 20px; } .order-summary .progress { margin-bottom: 32px; } .services .service-btn::after { top: 20px; right: 15px; } .services-list { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11); } .contact-menu i, .fa-cog, .services-list i { margin-right: 10px; } .contact-details table .fa-star, .contact-details table .fa-star-o, .review-star i { color: #0073aa; } .review-star i:last-child { color: #ccc; } .card-block.user-info { position: absolute; width: 100%; bottom: 10px; } .profile-bg-img { width: 100%; } .user-title { position: relative; bottom: 20px; } .user-title h2 { color: #fff; text-shadow: 1px 1px 4px #373a3c; font-size: 20px; } .profile-image img { border: 4px solid #fff; } .user-info .media-body, .user-info .media-left { display: table-cell; vertical-align: middle; } .cover-btn { bottom: 38px; right: 35px; position: absolute; } .cover-profile .profile-bg-img { margin-bottom: 25px; } .contact-user { display: flex; align-items: center; } .contact-user h4 { font-size: 20px; padding-left: 10px; } .groups-contact span { float: right; } .groups-contact span h4 { font-size: 18px; margin-bottom: 20px; } .contact-menu { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11); top: 15%; right: 10%; } .contact-menu .dropdown-item { padding: 8px 20px; } .tab-header { margin-bottom: 20px; } .services .service-header h5 { margin-right: 0; } /*====== User-Profile End ======*/ /** ===================== User-card css start ========================== **/ .card.user-card { border-top: none; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); transition: all 150ms linear; margin-bottom: 0; } .card.user-card:hover { box-shadow: 0 0 25px -5px #9e9c9e; } .card-header-img ~ .btn-group i { margin-right: 0; } .card.business-info { border-top: none; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); transition: all 150ms linear; } .card.business-info:hover { box-shadow: 0 0 25px -5px #9e9c9e; } .top-cap-text { padding: 20px; } .top-cap-text p { padding: 10px 0; } .user-content { text-align: center; margin-top: 20px; } .user-content h4 { font-size: 16px; font-weight: 600; } .user-content h5 { font-size: 14px; } .img-overlay { bottom: 0; color: #fff; height: 100%; width: 100%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; transform: scale(0); margin: 0 auto; } .img-overlay span { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); } .img-overlay i { margin-right: 0; } .img-hover-main { padding: 0 40px; } .img-hover { position: relative; width: 80%; margin: 0 auto; } .img-hover .btn { margin: 5px; } .img-hover .btn i { margin-right: 0; } .img-hover:hover .img-overlay { left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; transform: scale(1); margin: 0 auto; background-color: rgba(0, 0, 0, 0.7); z-index: 2; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .card-header-img img { margin: 0 auto; display: block; } .card-header-img h4 { margin-top: 30px; font-size: 20px; font-weight: 600; text-align: center; } .card-header-img h5, .card-header-img h6 { margin-top: 15px; font-size: 15px; color: #222; font-weight: 500; text-align: center; } .simple-cards .btn-group { margin: 20px auto 0; } .simple-cards .btn-group button { margin: 0; } .simple-cards .user-card { padding: 20px 0; text-align: center; } .card-icon { display: block; margin-bottom: 5px; } .btn-outline-primary { border-color: #0073aa; font-weight: 500; padding: 10px 16px; font-size: 15px; } .btn-outline-primary:hover { background-color: #0073aa; border-color: #0073aa; } .simple-cards p { margin: 20px; font-size: 15px; } .user-profile #edit-btn, .user-profile #edit-info-btn { margin-bottom: 0; } .card-block ul.list-contacts, .card-block.groups-contact ul { display: block; float: none; } .card-block ul.list-contacts li, .card-block.groups-contact ul li { display: block; float: none; } ul.list-contacts .list-group-item a { color: #292b2c; } ul.list-contacts .list-group-item.active a { color: #fff; } .card-block.groups-contact { margin-bottom: 0; } .card-block .connection-list { margin-bottom: 20px; } .card-block .pagination { display: inline-block; } .card-block .pagination li { margin-right: 0 !important; float: left; display: inline-block; } .table button { margin-bottom: 0; } #crm-contact .img-circle, img.comment-img { width: 40px; height: 40px; } .page-link { color: #0073aa; } .page-item.active .page-link { background-color: #0073aa; border-color: #0073aa; } #main { margin-bottom: 20px; } /*====== User-card End ======*/ /** ===================== Offline css start ========================== **/ .offline-box iframe { width: 100%; border: 1px solid #ddd; } /*==== Offline page css end ====*/ /** ===================== Blog css start ========================== **/ .blog-page { border-top: none; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); } .blog-page .blog-box { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15); overflow: hidden; } .blog-page .blog-box h5 { border-bottom: 1px solid #ccc; color: #0073aa; margin-top: 0; padding-bottom: 10px; margin-bottom: 15px; font-size: 18px; display: block; } .blog-page .blog-box .option-font { background-color: #0073aa; border-radius: 50%; bottom: 320px; color: #fff; cursor: pointer; display: inline-block; line-height: 35px; text-align: center; width: 35px; } .blog-page .blog-box .blog-detail { padding: 10px; } .blog-page .blog-img { transition: all 0.3s ease-in-out; overflow: hidden; margin-bottom: -20px; } .blog-page .blog-img:hover { opacity: 0.8; transition: all 0.3s ease-in-out; } .blog-page .blog-img .sharing { position: relative; bottom: 50px; left: 15px; } .blog-page .blog-img .share { background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; bottom: 3px; color: #fff; cursor: pointer; display: inline-block; left: 50px; padding: 3px 5px; position: absolute; } .blog-page .blog-img .share::before { border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-right: 6px solid rgba(0, 0, 0, 0.5); border-top: 6px solid rgba(0, 0, 0, 0.5); bottom: 8px; content: ""; height: 42%; left: -6px; position: absolute; transform: rotate(-135deg); width: 12px; } .blog-page .blog-img .share i { color: #fff; font-size: 15px; border-right: 1px solid #fff; padding: 0 5px; } .blog-page .blog-img .share i:last-child { border: none; } .blog-page .blog-img .share i a { padding: 0 5px; color: #fff; } .author { display: inline-block; float: right; } .author a { font-size: 13px; } .blog_post_img h5 { display: block; } .blog-date { font-size: 18px; padding-bottom: 10px; display: block; } .blog-date i { margin-left: 0; font-size: 12px; color: #0073aa; } .blog-date p { line-height: 32px !important; } .blog-date .icon-calendar { font-size: 16px; } .day { color: #bbb; padding-left: 5px; font-size: 14px; } .btn-blog a { color: #fff !important; } .blog-single h4 { margin-top: 20px; color: #0073aa; font-weight: 400; } .blog-single p { margin: 20px 0; } .blog-single p:last-child { color: #777; } .blog-single .qutoe-text { font-size: 15px; color: #0073aa; border-left: 3px solid #0073aa; padding-left: 25px; font-weight: 400; } .blog-single img:first-child { width: 100%; } .blog-article .articles img { width: 100%; } .blog-big-user h6, .blog-big-user p { color: #757575; } .blog-s-reply h6 { color: #0073aa; } .shares-like li:first-child, .shares-like li i { color: #777; } .blog-tag li { display: inline-block; padding: 5px 15px; border: 1px solid #ccc; margin: 5px 0; margin-right: 15px; } .blog-tag li a, .blog-tag li i { color: #777; } .blog-tag li:first-child { border: none; padding: 5px 0; } .blog-tag li i { font-size: 20px; vertical-align: middle; } .shares-like li { display: inline-block; margin: 5px 0; margin-right: 15px; font-size: 20px; } .shares-like li:first-child { font-size: 17px; } .shares-like li i { color: #fff; } .shares-like .btn-facebook, .shares-like .btn-google-plus, .shares-like .btn-linkedin, .shares-like .btn-pinterest, .shares-like .btn-twitter { color: #fff; padding: 10px 15px; display: inline-block; } .btn-dribbble i, .btn-dropbox i, .btn-facebook i, .btn-flickr i, .btn-github i, .btn-google-plus i, .btn-instagram i, .btn-linkedin i, .btn-pinterest i, .btn-skype i, .btn-tumblr i, .btn-twitter i, .btn-youtube i { display: inline-block; padding: 5px 15px; border-radius: 3px 0 0 3px; margin: -7px 0 -7px -13px; } .blog-article .articles h6 { padding-top: 20px; font-weight: 400; } .blog-article .articles a { font-weight: 400; font-size: 15px; color: #0073aa; margin: 20px 0; display: block; } .blog-s-reply h6 span { font-size: 12px; color: #777; margin-left: 5px; } .blog-u-comment span { font-size: 14px; } .blog-u-comment .blog-edit a, .blog-u-comment .blog-reply a { margin-right: 10px; font-size: 12px; } .system_font_color { font-size: 18px; color: #0073aa; } .system_font_color a { color: #0073aa; margin-left: 5px; } .port_detail_next_search h5 { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #cccccc; display: block; font-weight: light; } .port_detail_next_search a { color: #333; transition: all 0.3s 0s; } .port_detail_next_search a i { float: right; margin-top: 6px; } .blog_detail_social_icon span { font-size: 18px; padding: 10px; border: 1px solid #999; border-radius: 50px; cursor: pointer; margin-right: 10px; transition: all 0.5s ease; display: inline-block; margin-bottom: 10px; } .blog_detail_social_icon span:hover { background-color: #0073aa; color: #fff; } @media screen and (max-width: 1366px) { .blog_detail_social_icon span { margin-right: 0; } } @media screen and (max-width: 480px) { .blog_detail_social_icon span { padding: 6px; } } .latest_blog h5 a { color: #333; font-weight: 600; } /*====== Blog css ends =======*/ /** ===================== Gallery css start ========================== **/ .gallery-page .card-block { margin-bottom: -20px; } .thumbnail { margin-bottom: 20px; } .thumbnail .thumb { position: relative; display: block; } .card.gallery-desc { box-shadow: 0 0 1px 2px rgba(128, 128, 128, 0.16); } .masonry-media { overflow: hidden; transition: all 0.5s; } .masonry-media img:hover { transform: scale(1.1); overflow: hidden; transition: all 0.5s; } .masonry-image .masonry-media { margin-bottom: 20px; } figure.effect-goliath { background: #0073aa; } /**====== Gallery css end ======**/ /** ===================== List-chart css start ========================== **/ .ct-series-a .ct-line { stroke: #1ce3bb; } .ct-series-b .ct-line { stroke: rgba(255, 157, 136, 0.62); } .ct-series-c .ct-line { stroke: rgba(79, 84, 103, 0.45); } .ct-series-d .ct-line { stroke: rgba(129, 142, 219, 0.61); } .ct-series-a .ct-point, .ct-series-b .ct-point, .ct-series-c .ct-point, .ct-series-d .ct-point { stroke: rgba(52, 54, 70, 0.47); stroke-width: 8px; stroke-linecap: round; } .ct-series-a .ct-slice-donut { stroke: #01C0C8; } .ct-series-b .ct-slice-donut { stroke: #83D6DE; } .ct-series-c .ct-slice-donut { stroke: #1ABC9C; } .ct-series-d .ct-slice-donut { stroke: #4F5467; } /*===== List-chart Css End ====*/ /** ===================== Task-list css start ========================== **/ .filter-bar .navbar-nav .dropdown-menu { position: absolute; } .task-list select { width: 92%; } .task-list select .task-list img { margin-right: 5px; display: inline-block; } .task-list input { width: 92%; } .task-list-table img { width: 40px; } .task-list-table img i { color: #333; margin-right: 5px; } .task-page td:last-child { position: relative; } .task-page a { cursor: pointer; } .task-page tr td:last-child i { margin-right: 10px; } /*===== Task-list css end ====*/ /** ===================== Task-detiails css start ========================== **/ .thumb-img { position: relative; display: block; } .thumb-img:hover .caption-hover { background-color: rgba(0, 0, 0, 0.7); visibility: visible; opacity: 1; filter: alpha(opacity=100); position: absolute; width: 100%; height: 100%; } .caption-hover { top: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .caption-hover > span { top: 38%; width: 100%; position: absolute; text-align: center; } .media .b-2-primary { border: 2px solid #0073aa; } .thumb-block { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); padding: 3px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumb-block a { font-size: 12px; } .thumb-block i { margin-right: 0; } .comment-block i { margin-right: 0; } .dropdown-item { color: #666; padding: 6px 20px; } .dropdown-item.active, .dropdown-item:active { background-color: #0073aa; } .task-detail-right .counter { text-align: center; color: #777; } .task-details .table.table-xs td, .task-details .table.table-xs th { padding: 1rem 0.3rem; } .assign-user .media-left img { margin-bottom: 0; } .photo-table img { display: inline-block; width: 40px; margin-bottom: 5px; } .v-middle { vertical-align: middle; } .revision-block .form-group { margin-bottom: 0; } .revision-block i { margin-right: 0; } .task-setting .switchery { display: block !important; float: right; } .task-setting .form-group { margin-bottom: 0; } .task-attachment i { cursor: pointer; } /**====== Task-details css end ======**/ /** ===================== Task-board css start ========================== **/ .filter-bar .nav, .filter-bar .nav-item, .filter-bar .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .filter-bar a, .filter-bar .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .filter-bar a, .filter-bar .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .filter-bar a, .filter-bar .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .filter-bar a { display: inline-block; } .filter-bar > .navbar { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08); padding: 0.5rem 1rem; } .navbar-nav .nav-item, .navbar-nav .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .navbar-nav a, .navbar-nav .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .navbar-nav a, .navbar-nav .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .navbar-nav a, .navbar-nav .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .navbar-nav a { float: left; line-height: 26px; } .nav-item button i, .main-menu .main-menu-content .nav-item .tree-1 a button i, .main-menu .main-menu-content .nav-item .tree-2 a button i, .main-menu .main-menu-content .nav-item .tree-3 a button i, .main-menu .main-menu-content .nav-item .tree-4 a button i { margin-right: 0; } .filter-bar .navbar-light .navbar-nav .nav-link { margin-right: 10px; } .card-footer .task-list-table, .card-footer .task-list-table a img { display: inline-block; } .task-board { margin-top: 10px; float: right; } .task-board .dropdown { display: inline-block; } p.task-detail { margin-bottom: 5px; } p.task-due { margin-bottom: 0; } .task-right-header-revision, .task-right-header-status, .task-right-header-users { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ccc; } .taskboard-right-progress, .taskboard-right-revision, .taskboard-right-users { margin-top: 10px; } .task-right h6 { font-size: 12px; } .task-right .icofont { margin-top: 5px; } .taskboard-right-revision .media .media-body .chat-header { font-size: 13px; } .media-left i { margin-right: 0; } .nav-item.nav-grid, .main-menu .main-menu-content .nav-item .tree-1 a.nav-grid, .main-menu .main-menu-content .nav-item .tree-2 a.nav-grid, .main-menu .main-menu-content .nav-item .tree-3 a.nav-grid, .main-menu .main-menu-content .nav-item .tree-4 a.nav-grid { float: right; } .faq-progress .progress { position: relative; background-color: #eeeded; height: 10px; } .faq-progress .progress .faq-text1, .faq-progress .progress .faq-text2, .faq-progress .progress .faq-text3, .faq-progress .progress .faq-text4, .faq-progress .progress .faq-text5 { font-weight: 600; margin-right: -37px; } .faq-progress .progress .faq-bar1, .faq-progress .progress .faq-bar2, .faq-progress .progress .faq-bar3, .faq-progress .progress .faq-bar4, .faq-progress .progress .faq-bar5 { background: #29aecc; height: 10px; border-radius: 0; position: absolute; top: 0; } .faq-progress .progress .faq-bar1 { background-color: #f1c40f; } .faq-progress .progress .faq-text1 { color: #2196F3; } .faq-progress .progress .faq-bar2, .faq-progress .progress .faq-bar5 { background-color: #2ecc71; } .faq-progress .progress .faq-text2, .faq-progress .progress .faq-text5 { color: #4CAF50; } .faq-progress .progress .faq-bar3 { background-color: #e74c3c; } .faq-progress .progress .faq-text3 { color: #ff5252; } .faq-progress .progress .faq-bar4 { background-color: #0073aa; } .faq-progress .progress .faq-text4 { color: #f57c00; } .card-faq h4 { color: #2196F3; } .faq-progress .progress { margin-bottom: 10px; } /**====== Tsak-board css end ======**/ /** ===================== Issue-list css start ========================== **/ .issue-list-progress { border-bottom: 1px solid #ccc; } .issue-list-progress .progress { position: relative; background-color: #eeeded; height: 9px; width: 100%; margin: 20px 0; overflow: visible; } .issue-progress .progress .issue-text1 { font-weight: 600; position: absolute; } .issue-progress .progress .issue-bar1 { background: #0073aa; height: 10px; border-radius: 0; position: absolute; top: 0; } .matrics-issue .sub-title { padding-top: 20px; padding-bottom: 10px; display: block; } .bg-white { background-color: #fff !important; } .matrics-issue div h6 { padding-top: 10px; color: #777; } table.matrics-table tr:first-child td { border-top: none !important; } #issue-list-table > thead > tr > th { border-bottom: none; } /**====== Issue-list css end ======**/ /** ===================== Product css start ========================== **/ .prod-img { position: relative; } .prod-item .prod-img .option-hover { display: none; position: absolute; right: 0; top: 50%; left: 0; } .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .prod-img .p-new a { position: absolute; top: 15px; right: 0; padding: 8px 13px; line-height: 1; font-size: 13px; text-transform: uppercase; border-radius: 2px 0 0 2px; background: #3498DB; color: #fff; letter-spacing: 1px; font-weight: 600; } .prod-info a { font-size: 18px; } .prod-info .br-wrapper { margin: 0 auto 20px; } .prod-info .br-widget { display: flex; justify-content: center; align-items: center; margin-top: 0; } .prod-info h6 { font-size: 18px; font-weight: 600; } .prod-view:hover .option-hover { display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1; } .prod-item .prod-info { background: #fff; padding: 30px 0 20px; } .prod-item .br-widget { min-height: inherit; } .prod-img .p-sale { position: absolute; top: 15px; right: 20px; width: 40px; height: 40px; font-size: 12px; text-transform: uppercase; border-radius: 50%; background-color: #ff5252; color: #fff; font-weight: 800; letter-spacing: 1px; padding: 11px 4px; } .prod-info .br-widget { display: flex; justify-content: center; align-items: center; margin-top: 0; } .option-icon i { height: 25px; width: 25px; border-radius: 50%; font-size: 20px; line-height: 36px; margin: 30px 0; padding: 17px 5px; } /**====== Product css end ======**/ /** ===================== Product-details css start ========================== **/ .product-detail-page { border-top: none; } .product-detail .br-wrapper { margin: 10px 0; } .product-detail .product-detail .btn i { margin-right: 0; } .product-detail .br-widget { min-height: 35px; margin-top: 0; display: block; } .product-detail .btn-number { background-color: #e0e0e0; border-color: #d4d4d4; border-radius: 0; color: #000; } .product-detail .product-price { display: inline-block; margin-right: 50px; font-size: 24px; } .product-detail .pro-desc { margin-top: 15px; margin-bottom: 15px; } .product-detail hr { margin-top: 15px; margin-bottom: 15px; } #small_banner .slick-slide { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } #small_banner img { cursor: pointer; } #small_banner .slick-center { filter: grayscale(0); opacity: 1; } #small_banner:hover .slick-prev { left: 0; transition: all ease-in 0.3s; } #small_banner:hover .slick-next { right: 0; transition: all ease-in 0.3s; } .port_details_all_img { overflow: hidden; } .slick-prev { left: -45px; z-index: 1; height: 100%; background: rgba(0, 0, 0, 0.62); width: 4%; transition: all ease-in 0.3s; } .slick-prev:focus, .slick-prev:hover { color: transparent; outline: none; background: rgba(0, 0, 0, 0.8); } .slick-next { right: -45px; z-index: 1; height: 100%; background: rgba(0, 0, 0, 0.62); width: 4%; transition: all ease-in 0.3s; } .slick-next:focus, .slick-next:hover { color: transparent; outline: none; background: rgba(0, 0, 0, 0.8); } .counter-input .input-group { width: 20%; } .pro-det-tab .tab-content { border: 1px solid #ccc; border-top: 0; } .big_banner .port_big_img { margin-bottom: 15px; } .cd-price .cd-price-month { font-size: 64px; } .product-edit .br-wrapper { margin: 10px 0 30px; } .addcontact .md-content > div ul { padding-left: 0; } /**====== Product-details css end ======**/ /* ====================== Panels and wells css start ========================= */ .panel { background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body p { overflow: hidden; margin-bottom: 0; } .panels-wells .panel { margin-bottom: 20px; } .panels-wells .panel .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-footer { padding: 10px 15px; background-color: #fafafa; border-top: 1px solid #eeeeee; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well-sm { padding: 9px; border-radius: 3px; } .well-lg { padding: 24px; border-radius: 6px; } /**====== Panels and wells css end ======**/ /** ===================== Search css start ========================== **/ .search-result .card { border-top: none; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15); } .seacrh-header { margin-top: 20px; display: flex; align-items: center; } .search-content img { width: 120px; } .search-content { display: flex; align-items: center; border-bottom: 1px solid #ccc; } .search-content:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .search-result i { float: right; } .search2 .card-block:first-child { padding-top: 0; } /**====== Search css end ======**/ /** ===================== Wizard css start ========================== **/ .cart-page .wizard > .content > .body { width: 100%; padding: 0; } .wizard > .content > .body { width: 100%; } .wizard > .content { min-height: 695px; } .payment-card { border: 1px solid #ccc; border-radius: 0; margin-bottom: 15px; padding: 20px; } .payment-card table { margin-bottom: 0; } .confirmation { text-align: center; font-size: 80px; } .confirmation-icon { color: #e74c3c; } .width-100 { width: 100%; } .post-input { padding: 10px 10px 10px 5px; display: block; width: 100%; border: none; resize: none; } .file-upload-lbl { max-width: 15px; padding: 5px 0 0; } /**====== Wizard css end ======**/ /** ===================== Wall css start ========================== **/ .post-new-footer { border-top: 1px solid #ccc; } .post-new-footer i { font-size: 18px; margin-right: 15px; cursor: pointer; } .input-group span { cursor: pointer; } .input-group a { padding-top: 5px; padding-bottom: 5px; font-size: 12px; } .msg-send { background-color: #f3f3f3; } .msg-send:focus { background-color: #f3f3f3; } .wall-dropdown:after { position: absolute; top: 20px; right: 15px; cursor: pointer; } .wall-img-preview { display: inline-block; text-align: center; } .wall-img-preview .wall-item { display: block; float: left; position: relative; overflow: hidden; border: 2px solid #fff; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .wall-img-preview .wall-item:first-child:nth-last-child(2), .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div { width: 50%; } .wall-img-preview .wall-item > img { display: none; } .wall-img-preview .wall-item:first-child:nth-last-child(2), .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div { width: 50%; } .wall-img-preview .wall-item:first-child:nth-last-child(10), .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:not(:last-child), .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:nth-last-of-type(-n+3), .wall-img-preview .wall-item:first-child:nth-last-child(3), .wall-img-preview .wall-item:first-child:nth-last-child(3) ~ div, .wall-img-preview .wall-item:first-child:nth-last-child(4), .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:not(:last-child), .wall-img-preview .wall-item:first-child:nth-last-child(5), .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:not(:nth-last-of-type(-n+2)), .wall-img-preview .wall-item:first-child:nth-last-child(6), .wall-img-preview .wall-item:first-child:nth-last-child(6) ~ div, .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3), .wall-img-preview .wall-item:first-child:nth-last-child(9), .wall-img-preview .wall-item:first-child:nth-last-child(9) ~ div { width: 33.333333%; } .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2) { width: 50%; } .wall-img-preview .wall-item:first-child:nth-last-child(11), .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:not(:nth-last-of-type(-n+3)), .wall-img-preview .wall-item:first-child:nth-last-child(12), .wall-img-preview .wall-item:first-child:nth-last-child(12) ~ div, .wall-img-preview .wall-item:first-child:nth-last-child(7), .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:not(:nth-last-of-type(-n+3)), .wall-img-preview .wall-item:first-child:nth-last-child(8), .wall-img-preview .wall-item:first-child:nth-last-child(8) ~ div { width: 25%; } .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:nth-child(10), .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:nth-child(4), .wall-img-preview .wall-item:only-child { width: 100%; } .fb-timeliner h2 { background: #0073aa; color: #fff; margin-top: 0; padding: 15px; font-size: 16px; border-radius: 2px; -webkit-border-radius: 4px; font-weight: 300; } .fb-timeliner ul { margin-left: 15px; margin-bottom: 20px; } .fb-timeliner ul li { margin-bottom: 3px; } .fb-timeliner ul li a { color: #999797; border-left: 4px solid #d3d7dd; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; display: block; } .fb-timeliner ul li a:hover { color: #999797; border-left: 4px solid #b1b1b1; padding-left: 10px; } .fb-timeliner ul li.active a { color: #7a7a7a; border-left: 4px solid #7a7a7a; padding-left: 10px; } /*====== Wall css End ======*/ /*====== Timeline css start ======*/ .post-timelines .media { align-items: center; } /*====== Timeline css End ======*/ /*====== Wall css End ======*/ /** ===================== X-editable css start ========================== **/ .dotted-line-theme .no_edit { width: 100% !important; } .dotted-line-theme .no_edit .i_text { font-size: 13px; } .dotted-line-theme .no_edit { padding: 15px 2px; } .inline-editable .btn { padding: 10px; } .dotted-line-theme .just_edit input[type="radio"] { opacity: 0; } .dotted-line-theme .ibtn_container { padding-left: 0; margin-top: -7px; position: absolute; top: 16px; z-index: 999; width: 120px; } .dotted-line-theme .ibtn_container i { color: #fff; } #msform #progressbar li.active { color: #0073aa; } #msform #progressbar li.active:before, #progressbar li.active:after { background: #0073aa; } #msform a { color: #0073aa; font-weight: 600; } /*====== X-editable css End ======*/ /** ===================== Invoice css start ========================== **/ .invoice-contact { display: flex; margin-bottom: 30px; padding-top: 30px; align-items: center; } .invoice-table { border-left: 1px solid #fff; padding-left: 20px; } .invoice-table td, .invoice-table th { border-top: none; padding: 3px 0; } .invoice-table > tbody > tr:last-child > td, .invoice-table > tfoot > tr:last-child > td { padding-bottom: 0; } .invoice-box h1 { font-size: 7rem; } .invoice-order { padding-left: 0; } .invoice-order th:first-child { padding-left: 0; width: 80px; } .invoice-detail-table th:first-child { width: 450px; text-align: left; } .invoice-detail-table thead th { text-align: center; } .invoice-detail-table td { vertical-align: middle; text-align: center; } .invoice-detail-table td:first-child { text-align: left; } .invoice-total { background: #f3f3f3; padding: 30px 0; } .invoice-total td, .invoice-total th { text-align: right; } .invoice-total td { padding-left: 30px; } .invoive-info { display: flex; margin-bottom: 30px; } .invoive-info h6 { margin-bottom: 20px; text-transform: uppercase; font-weight: 600; color: #757575; } .invoice-total tbody { padding-right: 20px; float: right; } .dropdown-menu { left: initial; } .dropdown-menu i { margin-right: 5px; } /**====== Invoice css end ======**/ /**====== Notes css start ======**/ .notes-list { margin-bottom: 20px; } /**====== Notes css end ======**/ .grid-layout span { display: block; border: 1px solid #ddd; padding: 10px; } .vertical-alignment .row { padding: 15px 0; min-height: 10rem; border: 1px solid #ddd; } .inte-benifits { border: 1px solid #ddd; } .inte-benifits ul { list-style: square; padding-left: 20px; } /** ===================== Version css start ========================== **/ .version .card-block { padding: 0; } .card.version .card-header .card-header-right { background-color: #fff; top: 8px; } .version .nav { display: block; } .version .nav li { display: block; padding: 10px 20px; cursor: pointer; } .version .nav li:hover { background-color: #f6f7f7; } .version .nav li a { color: #666; } .version .nav li span { position: absolute; right: 20px; } .version .navigation-header a { color: #999; } .support-btn { padding: 20px; } .version .nav li:first-child { border-top: 1px solid #ddd; color: #666; } /**====== Version css end ======**/ /**====== Date-dropper css ======**/ .dd-w, .sp-container { z-index: 99999; } /** ===================== Theme-preloader css start ========================== **/ .theme-loader { height: 100%; width: 100%; background-color: #fff; position: fixed; z-index: 999999; } @keyframes ball-scale { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ball-scale { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ball-scale { left: 50%; top: 50%; position: absolute; height: 100px; width: 100px; margin: -50px 0 0 -50px; } .ball-scale > div { -webkit-animation: ball-scale 2s linear infinite; animation: ball-scale 2s linear infinite; border: 5px solid #0073aa; border-top-color: transparent; border-radius: 50%; height: 100%; width: 100%; position: relative; } .ball-scale > div:before, .ball-scale > div:after { -webkit-animation: ball-scale 1s linear infinite; animation: ball-scale 1s linear infinite; content: ""; position: absolute; border: 5px solid #0073aa; border-top-color: transparent; border-radius: 50%; } .ball-scale > div:before { height: 80%; width: 80%; top: 10%; left: 10%; } .ball-scale > div:after { -webkit-animation: ball-scale 0.5s linear infinite; animation: ball-scale 0.5s linear infinite; height: 50%; width: 50%; top: 25%; left: 25%; } /**====== Theme-preloader css end ======**/ /** ===================== Color css start ========================== **/ .color-1 { background: #2C3E50; } .color-2 { background: #3498DB; } .color-3 { background: #0C7096; } .color-4 { background: #36C7C7; } .color-5 { background: #0F9DA5; } .color-6 { background: #FB6868; } .color-picker { position: fixed; right: 0; top: 150px; width: 239px; background: #fff; z-index: 999999; -webkit-transition: all 0.3s ease; } .color-picker a.handle { border: 1px solid #2C3E50; border-right-color: transperant; border-left-color: none; position: absolute; top: 0; right: 239px; width: 50px; height: 50px; text-align: center; background: #fff; z-index: 9999; transition: all ease-in 0.3s; } .color-picker a.handle:hover { background: #4A6076; transition: all ease-in 0.3s; } .color-picker a.handle:hover i { color: #fff; transition: all ease-in 0.3s; } .color-picker a.handle i { color: #2C3E50; font-size: 25px; line-height: 50px; } .color-picker .settings-header { background: #2C3E50; height: 50px; padding: 15px 34px 0; } .color-picker .settings-header h3 { color: #fff; font-size: 16px; line-height: 16px; margin-bottom: 0; padding: 0 0 5px; margin-top: 0; } .color-picker .section:last-child { border-bottom: 1px solid #2c3e50; } .color-picker .section { padding: 20px 14px; border-bottom: 1px solid #2c3e50; border-left: 1px solid #2c3e50; overflow: hidden; } .color-picker .section h3 { font-size: 16px; text-transform: none; color: #3c3c3c; line-height: 16px; padding: 0; margin-bottom: 20px; text-align: left; } .color-picker .section i { font-size: 16px; margin-right: 10px; } .color-picker span { font-size: 13px; color: #9a9a9a; } .color-picker .colors a { display: block; border-radius: 10px; width: 30px; height: 30px; margin-left: 0; margin-bottom: 10px; margin-right: 5px; float: left; transition: all ease-in 0.3s; } .color-picker .colors a:hover { box-shadow: 0 0 2px 1px rgba(247, 54, 121, 0.58); transition: all ease-in 0.3s; } .color-picker .skin a { display: block; width: 70px; height: 30px; margin-left: 0; margin-top: 0; margin-right: 5px; float: left; text-align: center; line-height: 30px; border: 2px transparent solid; } .color-picker .skin a.actt { border: 2px #FFF solid; } /*====== Color css ends ======= */ /** ===================== Session Timeout css start ========================== **/ #sessionTimeout-dialog .close { display: none; } /*====== Session Timeout css ends ======= */ .ms-container { width: 100%; } .weather-calender .pignose-calendar-top-icon { font-family: 'simple-line-icons' !important; } a[data-toggle="lightbox"] .img-fluid, a[data-lightbox="roadtrip"] .img-fluid, a[data-lightbox="example-set"] .img-fluid { margin: 10px 0; } @media only screen and (max-width: 992px) { #navbarbsform .mr-auto, #navbarinputgru .mr-auto { margin: 15px 0; } } @media only screen and (max-width: 480px) { .job-compney-btn { position: relative !important; background-color: #fff !important; } } .slider-selection { background-image: linear-gradient(to bottom, #dcdcdc 0%, #f5f5f5 100%) !important; } #alpaca-multiselect .checker, #alpaca-multiselect-remote .checker { display: inline-block; } #alpaca-multiselect .multiselect-container > li > a > label, #alpaca-multiselect-remote .multiselect-container > li > a > label { padding-left: 10px; } #field1 #logo1 img { max-width: 100%; } #alpaca2 .alpaca-form-buttons-container { text-align: left; } #alpaca2 .btn { margin-left: 25px; } .barchart canvas, .tristate canvas { width: 100% !important; } .client-blocks ul li { font-size: 40px; display: inline-block; } .client-blocks ul li:last-child { float: right; } .md-content h3 { background: #0073aa; } .product-add-modal .md-modal { z-index: 99999; } .product-add-modal .md-overlay { z-index: 9999 !important; } .dd-s, .dd-s-b-s, .dd-sub-y { background: #0073aa !important; } .dd-sun, .dd-n, .dd-on { color: #0073aa !important; } .dd-w-c { border: #0073aa !important; box-shadow: 0 0 5px 0 rgba(0, 115, 170, 0.6) !important; } .dd-c:after { border-left: #0073aa !important; border-top: #0073aa !important; } .form-picker-date .form-group .form-control, .messages-send .form-group .form-control { margin: 0 !important; } .switchery-default, .switchery-large, .switchery-small { background-color: #0073aa !important; border-color: #0073aa !important; box-shadow: #0073aa 0 0 0 16px inset !important; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; } /*pull-push css start*/ .pull-0 { right: auto; } .pull-1 { right: 8.333333%; } .pull-2 { right: 16.666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.333333%; } .pull-5 { right: 41.666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.333333%; } .pull-8 { right: 66.666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.333333%; } .pull-11 { right: 91.666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.333333%; } .push-2 { left: 16.666667%; } .push-3 { left: 25%; } .push-4 { left: 33.333333%; } .push-5 { left: 41.666667%; } .push-6 { left: 50%; } .push-7 { left: 58.333333%; } .push-8 { left: 66.666667%; } .push-9 { left: 75%; } .push-10 { left: 83.333333%; } .push-11 { left: 91.666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.333333%; } .pull-md-2 { right: 16.666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-5 { right: 41.666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.333333%; } .pull-md-8 { right: 66.666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.333333%; } .pull-md-11 { right: 91.666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.333333%; } .push-md-2 { left: 16.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-5 { left: 41.666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.333333%; } .push-md-8 { left: 66.666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.333333%; } .push-md-11 { left: 91.666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.333333%; } .pull-lg-2 { right: 16.666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.333333%; } .pull-lg-5 { right: 41.666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.333333%; } .pull-lg-8 { right: 66.666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.333333%; } .pull-lg-11 { right: 91.666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.333333%; } .push-lg-2 { left: 16.666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.333333%; } .push-lg-5 { left: 41.666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.333333%; } .push-lg-8 { left: 66.666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.333333%; } .push-lg-11 { left: 91.666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.333333%; } .pull-xl-2 { right: 16.666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.333333%; } .pull-xl-5 { right: 41.666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.333333%; } .pull-xl-8 { right: 66.666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.333333%; } .pull-xl-11 { right: 91.666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.333333%; } .push-xl-2 { left: 16.666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.333333%; } .push-xl-5 { left: 41.666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.333333%; } .push-xl-8 { left: 66.666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.333333%; } .push-xl-11 { left: 91.666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } /*pull-push css end*/ .profile-card { position: relative; } .profile-card img { width: 100%; } .profile-card .card-block { text-align: center; color: #fff; position: absolute; bottom: 0; text-align: center; width: 100%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.72)); } .profile-card .card-block h3 { font-weight: 600; } .profile-card ~ .card-footer { padding: 0; } .profile-card ~ .card-footer [class*="col-"] { padding: 10px; border-right: 1px solid rgba(255, 255, 255, 0.57); } .profile-card ~ .card-footer [class*="col-"] h4 { font-size: 18px; font-weight: 600; } .profile-card ~ .card-footer [class*="col-"]:last-child { border: none; } .profile-card ~ .card-footer [class*="col-"] span { text-transform: uppercase; } /*login css start*/ .login .container-fluid { width: auto; } .error-500, .error-503, .error-404, .error-400, .error-403, .login { position: inherit !important; } .login-card.auth-body img { width: 100%; } /*login css end*/ /*====== Warning css starts ======= */ .ie-warning { position: fixed; top: 0; left: 0; z-index: 999999; background: #000000; width: 100%; height: 100%; text-align: center; color: #fff; font-family: "Courier New", Courier, monospace; padding: 50px 0; } .ie-warning p { font-size: 17px; } .ie-warning .iew-container { min-width: 1024px; width: 100%; height: 200px; background: #fff; margin: 50px 0; } .ie-warning .iew-download { list-style: none; padding: 30px 0; margin: 0 auto; width: 720px; } .ie-warning .iew-download > li { float: left; vertical-align: top; } .ie-warning .iew-download > li > a { display: block; color: #000; width: 140px; font-size: 15px; padding: 15px 0; } .ie-warning .iew-download > li > a > div { margin-top: 10px; } .ie-warning .iew-download > li > a:hover { background-color: #eee; } /*====== Warning css ends ======= */ /** ===================== Generic-class css start ========================== **/ .generic-card-body code { cursor: pointer; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .generic-image-body li { padding: 0 20px; display: inline-block; } .generic-image-body code { display: block; } .generic-image-body img { display: block; margin: 10px auto 0; } /*====== Padding css starts ======*/ .p-0 { padding: 0px; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-45 { padding: 45px; } .p-50 { padding: 50px; } /*====== Padding css ends ======*/ /*====== Padding-top css starts ======*/ .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } /*====== Padding-top css ends ======*/ /*====== Padding-bottom css starts ======*/ .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } /*====== Padding-bottom css ends ======*/ /*====== Padding-left css starts ======*/ .p-l-0 { padding-left: 0px; } .p-l-5 { padding-left: 5px; } .p-l-10 { padding-left: 10px; } .p-l-15 { padding-left: 15px; } .p-l-20 { padding-left: 20px; } .p-l-25 { padding-left: 25px; } .p-l-30 { padding-left: 30px; } .p-l-35 { padding-left: 35px; } .p-l-40 { padding-left: 40px; } .p-l-45 { padding-left: 45px; } .p-l-50 { padding-left: 50px; } /*====== Padding-left css ends ======*/ /*====== Padding-right css starts ======*/ .p-r-0 { padding-right: 0px; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-r-15 { padding-right: 15px; } .p-r-20 { padding-right: 20px; } .p-r-25 { padding-right: 25px; } .p-r-30 { padding-right: 30px; } .p-r-35 { padding-right: 35px; } .p-r-40 { padding-right: 40px; } .p-r-45 { padding-right: 45px; } .p-r-50 { padding-right: 50px; } /*====== Padding-right css ends ======*/ /*====== Margin css starts ======*/ .m-0 { margin: 0px; } .m-5 { margin: 5px; } .m-10 { margin: 10px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .m-35 { margin: 35px; } .m-40 { margin: 40px; } .m-45 { margin: 45px; } .m-50 { margin: 50px; } /*====== Margin css ends ======*/ /*====== Margin-top css starts ======*/ .m-t-0 { margin-top: 0px; } .m-t-5 { margin-top: 5px; } .m-t-10 { margin-top: 10px; } .m-t-15 { margin-top: 15px; } .m-t-20 { margin-top: 20px; } .m-t-25 { margin-top: 25px; } .m-t-30 { margin-top: 30px; } .m-t-35 { margin-top: 35px; } .m-t-40 { margin-top: 40px; } .m-t-45 { margin-top: 45px; } .m-t-50 { margin-top: 50px; } /*====== Margin-top css ends ======*/ /*====== Margin-Bottom css starts ======*/ .m-b-0 { margin-bottom: 0px; } .m-b-5 { margin-bottom: 5px; } .m-b-10 { margin-bottom: 10px; } .m-b-15 { margin-bottom: 15px; } .m-b-20 { margin-bottom: 20px; } .m-b-25 { margin-bottom: 25px; } .m-b-30 { margin-bottom: 30px; } .m-b-35 { margin-bottom: 35px; } .m-b-40 { margin-bottom: 40px; } .m-b-45 { margin-bottom: 45px; } .m-b-50 { margin-bottom: 50px; } /*====== Margin-Bottom css ends ======*/ /*====== Margin-left css starts ======*/ .m-l-0 { margin-left: 0px; } .m-l-5 { margin-left: 5px; } .m-l-10 { margin-left: 10px; } .m-l-15 { margin-left: 15px; } .m-l-20 { margin-left: 20px; } .m-l-25 { margin-left: 25px; } .m-l-30 { margin-left: 30px; } .m-l-35 { margin-left: 35px; } .m-l-40 { margin-left: 40px; } .m-l-45 { margin-left: 45px; } .m-l-50 { margin-left: 50px; } /*====== Margin-left css ends ======*/ /*====== Margin-right css starts ======*/ .m-r-0 { margin-right: 0px; } .m-r-5 { margin-right: 5px; } .m-r-10 { margin-right: 10px; } .m-r-15 { margin-right: 15px; } .m-r-20 { margin-right: 20px; } .m-r-25 { margin-right: 25px; } .m-r-30 { margin-right: 30px; } .m-r-35 { margin-right: 35px; } .m-r-40 { margin-right: 40px; } .m-r-45 { margin-right: 45px; } .m-r-50 { margin-right: 50px; } /*====== Margin-right css ends ======*/ /*====== Border-radius css starts ======*/ .b-radius-0 { border-radius: 0px !important; } .b-radius-5 { border-radius: 5px !important; } .b-radius-10 { border-radius: 10px !important; } /*====== Border-radius css ends ======*/ /*====== Font-size css starts ======*/ .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-34 { font-size: 34px; } .f-36 { font-size: 36px; } .f-38 { font-size: 38px; } .f-40 { font-size: 40px; } .f-42 { font-size: 42px; } .f-44 { font-size: 44px; } .f-46 { font-size: 46px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-52 { font-size: 52px; } .f-54 { font-size: 54px; } .f-56 { font-size: 56px; } .f-58 { font-size: 58px; } .f-60 { font-size: 60px; } .f-62 { font-size: 62px; } .f-64 { font-size: 64px; } .f-66 { font-size: 66px; } .f-68 { font-size: 68px; } .f-70 { font-size: 70px; } .f-72 { font-size: 72px; } .f-74 { font-size: 74px; } .f-76 { font-size: 76px; } .f-78 { font-size: 78px; } .f-80 { font-size: 80px; } /*====== Font-size css ends ======*/ /*====== Font-weight css starts ======*/ .f-w-100 { font-weight: 100; } .f-w-300 { font-weight: 300; } .f-w-400 { font-weight: 400; } .f-w-600 { font-weight: 600; } .f-w-700 { font-weight: 700; } .f-w-900 { font-weight: 900; } /*====== Font-weight css ends ======*/ /*====== Font-style css starts ======*/ .f-s-normal { font-style: normal; } .f-s-italic { font-style: italic; } .f-s-oblique { font-style: oblique; } .f-s-initial { font-style: initial; } .f-s-inherit { font-style: inherit; } /*====== Font-style css ends ======*/ /*====== Text-align css starts ======*/ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /*====== Text-align css ends ======*/ /*====== Text-Transform css starts ======*/ .text-capitalize { text-transform: capitalize; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } /*====== Text-Transform css ends ======*/ /*====== Text-Decoration css starts ======*/ .text-overline { text-decoration: overline; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } /*====== Text-Decoration css ends ======*/ /*====== Vertical-Align css starts ======*/ .baseline { vertical-align: baseline; } .sub { vertical-align: sub; } .super { vertical-align: super; } .top { vertical-align: top; } .text-top { vertical-align: text-top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .text-bottom { vertical-align: text-bottom; } .initial { vertical-align: initial; } .inherit { vertical-align: inherit; } /*====== Vertical-Align css ends ======*/ /*====== Position css starts ======*/ .pos-static { position: static; } .pos-absolute { position: absolute; } .pos-fixed { position: fixed; } .pos-relative { position: relative; } .pos-initial { position: initial; } .pos-inherit { position: inherit; } /*====== Position css ends ======*/ /*====== Float css starts ======*/ .f-left { float: left; } .f-right { float: right; } .f-none { float: none; } /*====== Float css ends ======*/ /*====== Overflow css starts ======*/ .o-hidden { overflow: hidden; } .o-visible { overflow: visible; } .o-auto { overflow: auto; } /*====== Overflow css ends ======*/ /*====== Image-sizes css starts ======*/ .img-20 { width: 20px; } .img-30 { width: 30px; } .img-40 { width: 40px; } .img-50 { width: 50px; } .img-60 { width: 60px; } .img-70 { width: 70px; } .img-80 { width: 80px; } .img-90 { width: 90px; } .img-100 { width: 100px; } /*====== Image-sizes css ends ======*/ /*======= Text css starts ===========*/ .text-primary { color: #0073aa !important; } .text-warning { color: #f1c40f !important; } .text-default { color: #bdc3c7 !important; } .text-danger { color: #e74c3c !important; } .text-success { color: #2ecc71 !important; } .text-inverse { color: #34495e !important; } .text-info { color: #3498DB !important; } .text-custom { color: #64b0f2 !important; } .text-pink { color: #ff7aa3 !important; } .text-muted { color: #777 !important; } .text-dark { color: #2b3d51 !important; } .text-purple { color: #9261c6 !important; } .text-muted { color: #777 !important; } /*======= Text css ends ===========*/ /*======= Label-color css starts ======= */ .label { border-radius: 2px; color: #fff; font-size: 12px; line-height: 1; margin-bottom: 0; text-transform: capitalize; } .label-primary { background-color: #0073aa; } .label-warning { background-color: #f1c40f; } .label-default { background-color: #bdc3c7; } .label-danger { background-color: #e74c3c; } .label-success { background-color: #2ecc71; } .label-inverse { background-color: #34495e; } .label-info { background-color: #3498DB; } /*======= Label-color css starts ======= */ /*======= Badge-color css starts ======= */ .badge-primary { background-color: #0073aa; } .badge-warning { background-color: #f1c40f; } .badge-default { background-color: #bdc3c7; } .badge-danger { background-color: #e74c3c; } .badge-success { background-color: #2ecc71; } .badge-inverse { background-color: #34495e; } .badge-info { background-color: #3498DB; } /*======= Badge-color css end ======= */ /*======= Background-color css starts ======= */ .bg-color-box { text-align: center; display: inline-block; padding: 10px 20px; box-shadow: 0 0 5px 0 rgba(128, 128, 128, 0.49); font-weight: 600; margin-right: 20px; margin-bottom: 20px; cursor: pointer; } .bg-color-box span { color: #fff; } .bg-primary { background-color: #0073aa !important; color: #fff; } .bg-warning { background-color: #f1c40f !important; color: #fff; } .bg-default { background-color: #bdc3c7 !important; color: #fff; } .bg-danger { background-color: #e74c3c !important; color: #fff; } .bg-success { background-color: #2ecc71 !important; color: #fff; } .bg-inverse { background-color: #34495e !important; color: #fff; } .bg-info { background-color: #3498DB !important; color: #fff; } /*======= Background-color css end ======= */ /*======= Button-color css starts ======= */ .color-primary { background-color: #0073aa; } .color-warning { background-color: #f1c40f; } .color-default { background-color: #bdc3c7; } .color-danger { background-color: #e74c3c; } .color-success { background-color: #2ecc71; } .color-inverse { background-color: #34495e; } .color-info { background-color: #3498DB; } /*======= Button-color css ends ======= */ /*======= Loader-color css starts ======= */ .loader-primary { background-color: #0073aa !important; } .loader-warning { background-color: #f1c40f !important; } .loader-default { background-color: #bdc3c7 !important; } .loader-danger { background-color: #e74c3c !important; } .loader-success { background-color: #2ecc71 !important; } .loader-inverse { background-color: #34495e !important; } .loader-info { background-color: #3498DB !important; } /*======= Loader-color css ends ======= */ /*======= Nestable-color css starts ======= */ .nestable-primary { background-color: #0073aa !important; border-color: #0073aa; color: #fff !important; } .nestable-warning { background-color: #f1c40f !important; border-color: #f1c40f; color: #fff !important; } .nestable-default { background-color: #bdc3c7 !important; border-color: #bdc3c7; color: #fff !important; } .nestable-danger { background-color: #e74c3c !important; border-color: #e74c3c; color: #fff !important; } .nestable-success { background-color: #2ecc71 !important; border-color: #2ecc71; color: #fff !important; } .nestable-inverse { background-color: #34495e !important; border-color: #34495e; color: #fff !important; } .nestable-info { background-color: #3498DB !important; border-color: #3498DB; color: #fff !important; } /*======= Nestable-color css ends ======= */ /*======= Table-Border-Bottom-color css starts ======= */ table tbody .border-bottom-primary td, table tbody .border-bottom-primary th, table thead .border-bottom-primary th { border-bottom: 1px solid #0073aa; } table tbody .border-bottom-warning td, table tbody .border-bottom-warning th, table thead .border-bottom-warning th { border-bottom: 1px solid #f1c40f; } table tbody .border-bottom-default td, table tbody .border-bottom-default th, table thead .border-bottom-default th { border-bottom: 1px solid #bdc3c7; } table tbody .border-bottom-danger td, table tbody .border-bottom-danger th, table thead .border-bottom-danger th { border-bottom: 1px solid #e74c3c; } table tbody .border-bottom-success td, table tbody .border-bottom-success th, table thead .border-bottom-success th { border-bottom: 1px solid #2ecc71; } table tbody .border-bottom-inverse td, table tbody .border-bottom-inverse th, table thead .border-bottom-inverse th { border-bottom: 1px solid #34495e; } table tbody .border-bottom-info td, table tbody .border-bottom-info th, table thead .border-bottom-info th { border-bottom: 1px solid #3498DB; } /*======= Table-Border-Bottom-color css ends ======= */ /*======= Table styling css starts ======= */ .table-styling .table-primary, .table-styling.table-primary { background-color: #0073aa; color: #fff; border: 3px solid #0073aa; } .table-styling .table-primary thead, .table-styling.table-primary thead { background-color: #005077; border: 3px solid #005077; } .table-styling .table-warning, .table-styling.table-warning { background-color: #f1c40f; color: #fff; border: 3px solid #f1c40f; } .table-styling .table-warning thead, .table-styling.table-warning thead { background-color: #c29d0b; border: 3px solid #c29d0b; } .table-styling .table-default, .table-styling.table-default { background-color: #bdc3c7; color: #fff; border: 3px solid #bdc3c7; } .table-styling .table-default thead, .table-styling.table-default thead { background-color: #a1aab0; border: 3px solid #a1aab0; } .table-styling .table-danger, .table-styling.table-danger { background-color: #e74c3c; color: #fff; border: 3px solid #e74c3c; } .table-styling .table-danger thead, .table-styling.table-danger thead { background-color: #d62c1a; border: 3px solid #d62c1a; } .table-styling .table-success, .table-styling.table-success { background-color: #2ecc71; color: #fff; border: 3px solid #2ecc71; } .table-styling .table-success thead, .table-styling.table-success thead { background-color: #25a25a; border: 3px solid #25a25a; } .table-styling .table-inverse, .table-styling.table-inverse { background-color: #34495e; color: #fff; border: 3px solid #34495e; } .table-styling .table-inverse thead, .table-styling.table-inverse thead { background-color: #222f3d; border: 3px solid #222f3d; } .table-styling .table-info, .table-styling.table-info { background-color: #3498DB; color: #fff; border: 3px solid #3498DB; } .table-styling .table-info thead, .table-styling.table-info thead { background-color: #217dbb; border: 3px solid #217dbb; } .table-primary, .table-primary > td, .table-primary > th { background-color: #0073aa; } /*======= Table styling css ends ======= */ /*======= Toolbar css starts ======= */ .toolbar-primary .tool-item { background: #0073aa !important; } .toolbar-primary .tool-item.selected, .toolbar-primary .tool-item:hover { background: #005077 !important; } .toolbar-primary.tool-top .arrow { border-color: #0073aa transparent transparent; } .toolbar-primary.tool-bottom .arrow { border-color: transparent transparent #0073aa; } .toolbar-primary.tool-left .arrow { border-color: transparent transparent transparent #0073aa; } .toolbar-primary.tool-right .arrow { border-color: transparent #0073aa transparent transparent; } .btn-toolbar-primary.pressed { background-color: #0073aa; } .toolbar-warning .tool-item { background: #f1c40f !important; } .toolbar-warning .tool-item.selected, .toolbar-warning .tool-item:hover { background: #c29d0b !important; } .toolbar-warning.tool-top .arrow { border-color: #f1c40f transparent transparent; } .toolbar-warning.tool-bottom .arrow { border-color: transparent transparent #f1c40f; } .toolbar-warning.tool-left .arrow { border-color: transparent transparent transparent #f1c40f; } .toolbar-warning.tool-right .arrow { border-color: transparent #f1c40f transparent transparent; } .btn-toolbar-warning.pressed { background-color: #f1c40f; } .toolbar-light .tool-item { background: #bdc3c7 !important; } .toolbar-light .tool-item.selected, .toolbar-light .tool-item:hover { background: #a1aab0 !important; } .toolbar-light.tool-top .arrow { border-color: #bdc3c7 transparent transparent; } .toolbar-light.tool-bottom .arrow { border-color: transparent transparent #bdc3c7; } .toolbar-light.tool-left .arrow { border-color: transparent transparent transparent #bdc3c7; } .toolbar-light.tool-right .arrow { border-color: transparent #bdc3c7 transparent transparent; } .btn-toolbar-light.pressed { background-color: #bdc3c7; } .toolbar-danger .tool-item { background: #e74c3c !important; } .toolbar-danger .tool-item.selected, .toolbar-danger .tool-item:hover { background: #d62c1a !important; } .toolbar-danger.tool-top .arrow { border-color: #e74c3c transparent transparent; } .toolbar-danger.tool-bottom .arrow { border-color: transparent transparent #e74c3c; } .toolbar-danger.tool-left .arrow { border-color: transparent transparent transparent #e74c3c; } .toolbar-danger.tool-right .arrow { border-color: transparent #e74c3c transparent transparent; } .btn-toolbar-danger.pressed { background-color: #e74c3c; } .toolbar-success .tool-item { background: #2ecc71 !important; } .toolbar-success .tool-item.selected, .toolbar-success .tool-item:hover { background: #25a25a !important; } .toolbar-success.tool-top .arrow { border-color: #2ecc71 transparent transparent; } .toolbar-success.tool-bottom .arrow { border-color: transparent transparent #2ecc71; } .toolbar-success.tool-left .arrow { border-color: transparent transparent transparent #2ecc71; } .toolbar-success.tool-right .arrow { border-color: transparent #2ecc71 transparent transparent; } .btn-toolbar-success.pressed { background-color: #2ecc71; } .toolbar-dark .tool-item { background: #34495e !important; } .toolbar-dark .tool-item.selected, .toolbar-dark .tool-item:hover { background: #222f3d !important; } .toolbar-dark.tool-top .arrow { border-color: #34495e transparent transparent; } .toolbar-dark.tool-bottom .arrow { border-color: transparent transparent #34495e; } .toolbar-dark.tool-left .arrow { border-color: transparent transparent transparent #34495e; } .toolbar-dark.tool-right .arrow { border-color: transparent #34495e transparent transparent; } .btn-toolbar-dark.pressed { background-color: #34495e; } .toolbar-info .tool-item { background: #3498DB !important; } .toolbar-info .tool-item.selected, .toolbar-info .tool-item:hover { background: #217dbb !important; } .toolbar-info.tool-top .arrow { border-color: #3498DB transparent transparent; } .toolbar-info.tool-bottom .arrow { border-color: transparent transparent #3498DB; } .toolbar-info.tool-left .arrow { border-color: transparent transparent transparent #3498DB; } .toolbar-info.tool-right .arrow { border-color: transparent #3498DB transparent transparent; } .btn-toolbar-info.pressed { background-color: #3498DB; } /*======= Toolbar css ends ======= */ /*======= Card-Border-Top-color css starts ======= */ .card-border-primary { border-top: 4px solid #0073aa; } .card-border-warning { border-top: 4px solid #f1c40f; } .card-border-default { border-top: 4px solid #bdc3c7; } .card-border-danger { border-top: 4px solid #e74c3c; } .card-border-success { border-top: 4px solid #2ecc71; } .card-border-inverse { border-top: 4px solid #34495e; } .card-border-info { border-top: 4px solid #3498DB; } /*======= Card-Border-Top-color css ends ======= */ /*======= Panels-wells-color css starts ======= */ .panels-wells .panel-primary { border-color: #0073aa; } .panels-wells .panel-warning { border-color: #f1c40f; } .panels-wells .panel-default { border-color: #bdc3c7; } .panels-wells .panel-danger { border-color: #e74c3c; } .panels-wells .panel-success { border-color: #2ecc71; } .panels-wells .panel-inverse { border-color: #34495e; } .panels-wells .panel-info { border-color: #3498DB; } /*======= Panels-wells-color css ends ======= */ /*======= All-Borders-color css starts ======= */ .b-t-primary { border-top: 1px solid #0073aa; } .b-b-primary { border-bottom: 1px solid #0073aa; } .b-l-primary { border-left: 1px solid #0073aa; } .b-r-primary { border-right: 1px solid #0073aa; } .b-t-warning { border-top: 1px solid #f1c40f; } .b-b-warning { border-bottom: 1px solid #f1c40f; } .b-l-warning { border-left: 1px solid #f1c40f; } .b-r-warning { border-right: 1px solid #f1c40f; } .b-t-default { border-top: 1px solid #bdc3c7; } .b-b-default { border-bottom: 1px solid #bdc3c7; } .b-l-default { border-left: 1px solid #bdc3c7; } .b-r-default { border-right: 1px solid #bdc3c7; } .b-t-danger { border-top: 1px solid #e74c3c; } .b-b-danger { border-bottom: 1px solid #e74c3c; } .b-l-danger { border-left: 1px solid #e74c3c; } .b-r-danger { border-right: 1px solid #e74c3c; } .b-t-success { border-top: 1px solid #2ecc71; } .b-b-success { border-bottom: 1px solid #2ecc71; } .b-l-success { border-left: 1px solid #2ecc71; } .b-r-success { border-right: 1px solid #2ecc71; } .b-t-inverse { border-top: 1px solid #34495e; } .b-b-inverse { border-bottom: 1px solid #34495e; } .b-l-inverse { border-left: 1px solid #34495e; } .b-r-inverse { border-right: 1px solid #34495e; } .b-t-info { border-top: 1px solid #3498DB; } .b-b-info { border-bottom: 1px solid #3498DB; } .b-l-info { border-left: 1px solid #3498DB; } .b-r-info { border-right: 1px solid #3498DB; } .b-t-theme { border-top: 1px solid #ddd; } .b-b-theme { border-bottom: 1px solid #ddd; } .b-l-theme { border-left: 1px solid #ddd; } .b-r-theme { border-right: 1px solid #ddd; } /*======= All-Borders-color css ends ======= */ /**====== Generic-class css end ======**/ /** ===================== Main-header css start ========================== **/ .main-header { margin-bottom: 20px; padding: 20px 0 20px 20px; } .main-header span { color: #9f9f9f; display: block; font-size: 13px; margin-top: 5px; } .header-navbar { min-height: 4em; padding: 0; z-index: 9999; } .header-navbar .navbar-wrapper { background-color: #2C3E50; } .header-navbar .navbar-wrapper .navbar-logo { align-items: center; display: flex; float: left; height: 3.5rem; justify-content: center; text-align: center; text-transform: uppercase; width: 235px; } .header-navbar .navbar-wrapper .navbar-logo h5 { margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-logo a { color: #fff; } .header-navbar .navbar-wrapper .navbar-logo .mobile-menu, .header-navbar .navbar-wrapper .navbar-logo .mobile-search, .header-navbar .navbar-wrapper .navbar-logo .mobile-options { display: none; } .header-navbar .navbar-wrapper .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right { float: left; margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-container .nav-left li, .header-navbar .navbar-wrapper .navbar-container .nav-right li { float: left; line-height: 4; padding: 0 10px; position: relative; } .header-navbar .navbar-wrapper .navbar-container .nav-left a, .header-navbar .navbar-wrapper .navbar-container .nav-right a { color: #000; padding: 1.5rem .6rem; } .header-navbar .navbar-wrapper .navbar-container .nav-left .mega-menu-top i, .header-navbar .navbar-wrapper .navbar-container .nav-right .mega-menu-top i { font-size: 10px; margin-left: 10px; } .header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; } .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img { margin-right: 10px; width: 40px; } .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile i { font-size: 10px; margin-left: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top { perspective: 1000px; z-index: 99; } .header-navbar .navbar-wrapper .navbar-container .header-notification .badge, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge { background: red; border-radius: 100px; left: 27px; position: absolute; top: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { -webkit-transform: translateY(30px); background: #fff; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03); opacity: 0; position: absolute; right: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 24rem; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a { color: #666; transition: all 0.3s ease-in-out; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li { border-top: 1px solid #0073aa, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498DB; line-height: initial; padding: 1em 20px; width: 100%; transition: all 0.3s ease-in-out; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child { padding: 10px 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 { display: inline-block; font-size: 14px; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label { float: right; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:hover, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:hover, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:hover, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:hover { background-color: #f1f1f1; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:hover a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:hover a, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:hover a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:hover a { color: #0073aa; margin-left: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img { width: 40px; margin-right: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-user { font-size: 15px; font-weight: bold; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-msg { margin-bottom: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-time { font-size: 12px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { width: 17em; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a { font-size: 15px; padding-left: 0; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification i, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification i { font-size: 15px; margin-left: 0; margin-right: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li { border-top: none; padding: .7em 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child { padding: .7em 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .profile-notification { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); visibility: visible; } .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .show-notification, .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .lng-dropdown .profile-notification, .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .mega-menu-top .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .lng-dropdown .profile-notification { width: 14em; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top { perspective: inherit; position: static !important; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { left: 0; margin: 0 25px; width: calc(100% - 50px); z-index: 9999; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li { padding: 20px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child { padding: 20px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 { border-bottom: 1px solid #0073aa, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498DB; display: block; margin-bottom: 20px; padding-bottom: 10px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li h6 { border-bottom: 1px solid #ddd; display: block; font-size: 14px; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img { border-radius: 0; transition: all ease-in-out .3s; width: auto; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img:hover, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img:hover { box-shadow: 0px 0px 10px 2px rgba(128, 128, 128, 0.37); } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li { border-top: none; padding-left: 0; padding-top: 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a { padding: 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a i, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a i { font-size: 20px; margin-left: 0; margin-right: 15px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li h5, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li h5 { font-size: 15px; font-weight: 600; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li { border-top: none; padding: 10px 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li:first-child { padding-top: 0; padding: 10px 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links a { display: block; font-size: 14px; padding: 0; text-transform: capitalize; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact label, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact .form-control { font-size: 14px; } /*======= Main-header css end ======*/ /** ===================== Left-side-menu css start ========================== **/ .main-menu { background: #2c3e50; float: left; width: 235px; z-index: 99; } .main-menu .main-menu-header { align-items: center; background: #4a6076; display: flex; padding: 20px; } .main-menu .main-menu-header .user-details { display: inline-block; margin-left: 10px; } .main-menu .main-menu-header .user-details #more-details { cursor: pointer; } .main-menu .main-menu-header .user-details span { color: #fff; display: block; font-size: 14px; text-transform: capitalize; } .main-menu .main-menu-header .user-details span i { font-size: 10px; margin-left: 10px; } .main-menu .main-menu-header .user-details span:first-child { margin-bottom: 5px; } .main-menu .main-menu-content .more-details { display: none; } .main-menu .main-menu-content .more-details a { padding: 10px 15px; display: block; color: #fff; transition: all ease-in .3s; } .main-menu .main-menu-content .more-details a:hover { color: #0073aa; } .main-menu .main-menu-content .more-details a i { margin-right: 10px; } .main-menu .main-menu-content .menu-search { padding: 20px; padding-bottom: 10px; } .main-menu .main-menu-content li { position: relative; } .main-menu .main-menu-content .nav-title { color: #2ed8b6; font-size: 13px; font-weight: 600; letter-spacing: 1px; padding: 10px 5px; text-transform: uppercase; } .main-menu .main-menu-content .nav-title i { font-weight: 800; } .main-menu .main-menu-content .nav-title .menu-caption { right: 10px; } .main-menu .main-menu-content .nav-item.has-class > a, .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a, .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a, .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a, .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a { background: #1ABC9C; } .main-menu .main-menu-content .nav-item.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:hover { color: #fff; } .main-menu .main-menu-content .tree-1.open li .menu-caption, .main-menu .main-menu-content .nav-item .open.tree-2 li .menu-caption, .main-menu .main-menu-content .nav-item .open.tree-3 li .menu-caption, .main-menu .main-menu-content .nav-item .open.tree-4 li .menu-caption { right: 10px; } .main-menu .main-menu-content .tree-1.open .nav-sub-item > a, .main-menu .main-menu-content .nav-item .open.tree-2 .nav-sub-item > a, .main-menu .main-menu-content .nav-item .open.tree-3 .nav-sub-item > a, .main-menu .main-menu-content .nav-item .open.tree-4 .nav-sub-item > a { background: #34495E; } .main-menu .main-menu-content .tree-1.open .has-class > a, .main-menu .main-menu-content .nav-item .open.tree-2 .has-class > a, .main-menu .main-menu-content .nav-item .open.tree-3 .has-class > a, .main-menu .main-menu-content .nav-item .open.tree-4 .has-class > a, .main-menu .main-menu-content .tree-2.open .has-class > a, .main-menu .main-menu-content .tree-3.open .has-class > a, .main-menu .main-menu-content .tree-4.open .has-class > a { color: #1ABC9C; font-weight: 600; } .main-menu .main-menu-content .nav-item, .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 a { color: #fff; } .main-menu .main-menu-content .nav-item a, .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-4 a a { color: #fff; display: block; font-size: 14px; padding: 10px 15px; transition: all ease-in .2s; } .main-menu .main-menu-content .nav-item a:hover { color: #1ABC9C; } .main-menu .main-menu-content .nav-item i, .main-menu .main-menu-content .nav-item .tree-1 a i, .main-menu .main-menu-content .nav-item .tree-2 a i, .main-menu .main-menu-content .nav-item .tree-3 a i, .main-menu .main-menu-content .nav-item .tree-4 a i { margin-right: 10px; font-size: 15px; vertical-align: middle; } .main-menu .main-menu-content .nav-item .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-1 a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-2 a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-3 a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-4 a .icon-arrow-down { display: none; } .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 a { padding-left: 50px; position: relative; } .main-menu .main-menu-content .nav-item .tree-1 a:before, .main-menu .main-menu-content .nav-item .tree-2 a:before, .main-menu .main-menu-content .nav-item .tree-3 a:before, .main-menu .main-menu-content .nav-item .tree-4 a:before { content: '\e649'; font-family: 'themify'; position: absolute; left: 30px; font-size: 10px; top: 13px; } .main-menu .main-menu-content .nav-item .tree-1 .icon-arrow-right, .main-menu .main-menu-content .nav-item .tree-2 .icon-arrow-right, .main-menu .main-menu-content .nav-item .tree-3 .icon-arrow-right, .main-menu .main-menu-content .nav-item .tree-4 .icon-arrow-right { display: none; } .main-menu .main-menu-content .nav-item .tree-2 a { padding-left: 60px; } .main-menu .main-menu-content .nav-item .tree-2 a:before { left: 40px; } .main-menu .main-menu-content .nav-item .tree-3 a { padding-left: 80px; } .main-menu .main-menu-content .nav-item .tree-3 a:before { left: 60px; } .main-menu .main-menu-content .nav-item .tree-4 a { padding-left: 100px; } .main-menu .main-menu-content .nav-item .tree-4 a:before { left: 80px; } .main-navigation a.nav-link.disabled { color: #a2a2a2 !important; } .main-navigation .nav-title span { padding-left: 5px; } .main-navigation .nav-item.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item > a:after { display: none; } .main-navigation .nav-item.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item .menu-caption { right: 10px; } .main-navigation .menu-caption { position: absolute; right: 40px; top: 14px; } .main-navigation .nav-item > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a, .main-navigation .nav-sub-item > a, .main-navigation .nav-sub-item-3 > a, .main-navigation .nav-sub-item-4 > a { position: relative; } .main-navigation .nav-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after, .main-navigation .nav-sub-item > a:after, .main-navigation .nav-sub-item-3 > a:after, .main-navigation .nav-sub-item-4 > a:after { content: '\e61a'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } .main-navigation .nav-item.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class > a:after, .main-navigation .nav-sub-item.has-class > a:after, .main-navigation .nav-sub-item-3.has-class > a:after, .main-navigation .nav-sub-item-4.has-class > a:after { content: '\e622'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } .main-navigation .nav-item .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4, .main-navigation .nav-item .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2, .main-navigation .nav-item .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3, .main-navigation .nav-item .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4, .main-navigation .nav-sub-item .tree-1, .main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-2, .main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-3, .main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-4, .main-navigation .nav-sub-item .tree-2, .main-navigation .nav-sub-item .tree-3, .main-navigation .nav-sub-item .tree-4, .main-navigation .nav-sub-item-3 .tree-1, .main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-2, .main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-3, .main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-4, .main-navigation .nav-sub-item-3 .tree-2, .main-navigation .nav-sub-item-3 .tree-3, .main-navigation .nav-sub-item-3 .tree-4, .main-navigation .nav-sub-item-4 .tree-1, .main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-2, .main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-3, .main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-4, .main-navigation .nav-sub-item-4 .tree-2, .main-navigation .nav-sub-item-4 .tree-3, .main-navigation .nav-sub-item-4 .tree-4 { display: none; } .main-navigation .nav-item.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-4, .main-navigation .nav-item.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-2.open, .main-navigation .nav-item.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-3.open, .main-navigation .nav-item.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-4.open, .main-navigation .nav-sub-item.has-class .tree-1.open, .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-2, .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-3, .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-4, .main-navigation .nav-sub-item.has-class .tree-2.open, .main-navigation .nav-sub-item.has-class .tree-3.open, .main-navigation .nav-sub-item.has-class .tree-4.open, .main-navigation .nav-sub-item-3.has-class .tree-1.open, .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-2, .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-3, .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-4, .main-navigation .nav-sub-item-3.has-class .tree-2.open, .main-navigation .nav-sub-item-3.has-class .tree-3.open, .main-navigation .nav-sub-item-3.has-class .tree-4.open, .main-navigation .nav-sub-item-4.has-class .tree-1.open, .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-2, .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-3, .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-4, .main-navigation .nav-sub-item-4.has-class .tree-2.open, .main-navigation .nav-sub-item-4.has-class .tree-3.open, .main-navigation .nav-sub-item-4.has-class .tree-4.open { display: block; } /**====== Collapse-menu css start ======**/ .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .main-menu-header, .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .main-menu-content { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .main-menu { width: 45px; } .sidebar_toggle a { margin: -5px; line-height: 1; } body.menu-collapsed label { display: none; } body.menu-collapsed .slimScrollDiv, body.menu-collapsed .main-menu-content { overflow: visible !important; } body.menu-collapsed .main-menu-header, body.menu-collapsed .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4, body.menu-collapsed .main-menu .main-menu-content .main-navigation .nav-item .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2, body.menu-collapsed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2, body.menu-collapsed .nav-title span, body.menu-collapsed .nav-item span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a span, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a span, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a span, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a span, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a span, body.menu-collapsed .nav-item > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .menu-search { display: none; } body.menu-collapsed .main-menu { width: 70px; } body.menu-collapsed .main-menu .main-menu-content .nav-title { text-align: center; } body.menu-collapsed .main-navigation { transition: all ease-in .3s; } body.menu-collapsed .main-navigation .nav-item, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a { text-align: center; } body.menu-collapsed .main-navigation .nav-item > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a { position: relative; } body.menu-collapsed .main-navigation .nav-item > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a:after { display: none; } body.menu-collapsed .main-navigation .nav-item > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a i { margin-right: 0; } body.menu-collapsed .main-navigation .nav-item i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a i { margin-right: 5px; } body.menu-collapsed .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 { -webkit-transform: translateY(30px); background: #34495e; display: block; left: 70px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-item:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-navigation .nav-item .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 li, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 li, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 li, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 li, body.menu-collapsed .main-navigation .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 a { text-align: left !important; } body.menu-collapsed .main-navigation .nav-sub-item > a { position: relative; } body.menu-collapsed .main-navigation .nav-sub-item > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-collapsed .main-navigation .nav-sub-item .tree-2 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a { padding-left: 30px; } body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a:before { left: 10px; } body.menu-collapsed .main-navigation .nav-sub-item:hover .tree-2 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-navigation .nav-sub-item-3 > a { position: relative; } body.menu-collapsed .main-navigation .nav-sub-item-3 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a { padding-left: 30px; } body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a:before { left: 10px; } body.menu-collapsed .main-navigation .nav-sub-item-3:hover .tree-3 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-navigation .nav-sub-item-4 > a { position: relative; } body.menu-collapsed .main-navigation .nav-sub-item-4 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a { padding-left: 30px; } body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a:before { left: 10px; } body.menu-collapsed .main-navigation .nav-sub-item-4:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-body .page-wrapper { margin-left: 70px; transition: all ease-in .3s; } /**====== Left-side-menu css end ======**/ /** ===================== Menu-layouts css start ========================== **/ /*===== Fix-menu layout ===== */ body.fix-menu .navbar-wrapper, body.menu-compact .navbar-wrapper, body.menu-rtl .navbar-wrapper, body.menu-sidebar .navbar-wrapper { position: fixed; top: 0; width: 100%; z-index: 999; } /*===== Static-menu layout ===== */ body.menu-static .navbar-wrapper, body.menu-static .main-menu { position: initial; } /*===== Header-fix-menu layout ===== */ body.header-fixed .navbar-wrapper { position: fixed; top: 0; width: 100%; z-index: 9999; } body.header-fixed .main-menu { position: fixed; } body.header-fixed .main-body .page-wrapper { margin-left: 0; } body.header-fixed.menu-hide .main-menu { opacity: 0; transform: translateX(-240px); transition: all linear 300ms; } body.header-fixed.menu-show .main-menu { opacity: 1; transform: translateX(0px); transition: all linear 300ms; } /*===== Compact-menu layout ===== */ body.menu-compact .slimScrollDiv, body.menu-compact .main-menu-content { overflow: visible !important; } body.menu-compact #collapse-menu { display: none; } body.menu-compact .menu-caption { display: none; } body.menu-compact .main-menu { width: 150px; } body.menu-compact .nav-item > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a { padding: 20px 15px !important; text-align: center; } body.menu-compact .nav-item > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a i { display: block; font-size: 30px; margin-bottom: 10px; margin-right: 0 !important; } body.menu-compact .nav-item > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a .icon-arrow-down { display: none; } body.menu-compact .nav-item > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a:after { display: none; } body.menu-compact .main-body .page-wrapper { margin-left: 150px; } body.menu-compact .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4, body.menu-compact .main-menu-header, body.menu-compact .nav-title { display: none; } body.menu-compact .main-navigation { transition: all ease-in .3s; } body.menu-compact .main-navigation .nav-item, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a { text-align: center; } body.menu-compact .main-navigation .nav-item i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a i { margin-right: 5px; } body.menu-compact .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 { z-index: 999; -webkit-transform: translateY(30px); background: #34495e; display: block; left: 150px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; } body.menu-compact .main-navigation .nav-item:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-compact .main-navigation .nav-item .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 li, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 li, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 li, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 li, body.menu-compact .main-navigation .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 a { text-align: left !important; } body.menu-compact .main-navigation .nav-sub-item > a { position: relative; } body.menu-compact .main-navigation .nav-sub-item > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-compact .main-navigation .nav-sub-item .tree-2 { z-index: 999; -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 9999; } body.menu-compact .main-navigation .nav-sub-item .tree-2 a { padding-left: 30px; } body.menu-compact .main-navigation .nav-sub-item .tree-2 a:before { left: 10px; } body.menu-compact .main-navigation .nav-sub-item:hover .tree-2 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-compact .main-navigation .nav-sub-item-3 > a { position: relative; } body.menu-compact .main-navigation .nav-sub-item-3 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 { z-index: 999; -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 9999; } body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a { padding-left: 30px; } body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a:before { left: 10px; } body.menu-compact .main-navigation .nav-sub-item-3:hover .tree-3 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-compact .main-navigation .nav-sub-item-4 > a { position: relative; } body.menu-compact .main-navigation .nav-sub-item-4 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 { z-index: 999; -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 9999; } body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a { padding-left: 30px; } body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a:before { left: 10px; } body.menu-compact .main-navigation .nav-sub-item-4:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } /*===== Bottom-menu layout ===== */ body.menu-bottom .header-navbar { min-height: auto; position: fixed !important; bottom: 0; z-index: 9999 !important; -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.08) !important; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.08) !important; } body.menu-bottom .navbar-wrapper { bottom: 0; top: auto; } body.menu-bottom .mega-menu-top .show-notification, body.menu-bottom .mega-menu-top .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification { bottom: 0 !important; } body.menu-bottom .header-notification .show-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .show-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .header-notification .profile-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification { bottom: 65px; } body.menu-bottom #collapse-menu { display: none; } /*===== RTL-menu layout ===== */ body.menu-rtl { direction: rtl; } body.menu-rtl ul { padding-right: 0; } body.menu-rtl .main-menu { right: 0; } body.menu-rtl .media-left { padding-right: 0; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a i, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a i, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a i { margin-left: 15px; margin-right: 0; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li { padding-right: 0; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-logo, body.menu-rtl .breadcrumb-item { float: right; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; } body.menu-rtl .main-body .page-wrapper { margin-left: 0; margin-right: 240px; } body.menu-rtl .main-body .page-wrapper .page-header-breadcrumb { float: left; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img { margin-left: 10px; } body.menu-rtl .main-navigation .menu-caption { left: 40px; right: auto; } body.menu-rtl .main-navigation .nav-item.single-item .menu-caption, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-1 body.menu-rtl .main-navigation a.single-item .menu-caption, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-2 body.menu-rtl .main-navigation a.single-item .menu-caption, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-3 body.menu-rtl .main-navigation a.single-item .menu-caption, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-4 body.menu-rtl .main-navigation a.single-item .menu-caption { right: auto; } body.menu-rtl .main-navigation .nav-item > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 body.menu-rtl .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 body.menu-rtl .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 body.menu-rtl .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 body.menu-rtl .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a > a:after, body.menu-rtl .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after, body.menu-rtl .main-navigation .nav-sub-item > a:after, body.menu-rtl .main-navigation .nav-sub-item-3 > a:after, body.menu-rtl .main-navigation .nav-sub-item-4 > a:after { left: 20px; right: auto; } body.menu-rtl .main-menu .main-menu-header .user-details { margin-right: 10px; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img { margin-left: 10px; } body.menu-rtl .live-status { right: auto; left: 27px; } body.menu-rtl .userlist-box .media-left { padding-left: 10px; } body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label, body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label { float: left; } body.menu-rtl .rotate-refresh { display: initial; } /*===== Horizontal-fix-menu layout ===== */ body.horizontal-fixed .header-navbar, body.horizontal-static .header-navbar, body.horizontal-icon .header-navbar, body.horizontal-icon-fixed .header-navbar { position: fixed; width: 100%; z-index: 9999; } body.horizontal-fixed .main-menu-header, body.horizontal-static .main-menu-header, body.horizontal-icon .main-menu-header, body.horizontal-icon-fixed .main-menu-header, body.horizontal-fixed #collapse-menu, body.horizontal-static #collapse-menu, body.horizontal-icon #collapse-menu, body.horizontal-icon-fixed #collapse-menu, body.horizontal-fixed .main-menu .main-menu-content li.nav-title, body.horizontal-static .main-menu .main-menu-content li.nav-title, body.horizontal-icon .main-menu .main-menu-content li.nav-title, body.horizontal-icon-fixed .main-menu .main-menu-content li.nav-title, body.horizontal-fixed .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-static .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-icon .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-static .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-icon .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open { display: none; } body.horizontal-fixed .main-menu, body.horizontal-static .main-menu, body.horizontal-icon .main-menu, body.horizontal-icon-fixed .main-menu { position: fixed; width: 100%; top: 55px; z-index: 98; background: #34475a; } body.horizontal-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-static .main-menu .main-menu-content .nav-item > a, body.horizontal-icon .main-menu .main-menu-content .nav-item > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a { padding: 20px 15px; } body.horizontal-fixed .main-navigation, body.horizontal-static .main-navigation, body.horizontal-icon .main-navigation, body.horizontal-icon-fixed .main-navigation { margin-bottom: 0; } body.horizontal-fixed .main-navigation .nav-item .tree-1, body.horizontal-static .main-navigation .nav-item .tree-1, body.horizontal-icon .main-navigation .nav-item .tree-1, body.horizontal-icon-fixed .main-navigation .nav-item .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 0; opacity: 0; position: absolute; top: 60px; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-item .tree-1 li, body.horizontal-static .main-navigation .nav-item .tree-1 li, body.horizontal-icon .main-navigation .nav-item .tree-1 li, body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li { display: block; } body.horizontal-fixed .main-navigation .nav-item:hover .tree-1, body.horizontal-static .main-navigation .nav-item:hover .tree-1, body.horizontal-icon .main-navigation .nav-item:hover .tree-1, body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-navigation .nav-sub-item > a, body.horizontal-static .main-navigation .nav-sub-item > a, body.horizontal-icon .main-navigation .nav-sub-item > a, body.horizontal-icon-fixed .main-navigation .nav-sub-item > a { position: relative; } body.horizontal-fixed .main-navigation .nav-sub-item > a:after, body.horizontal-static .main-navigation .nav-sub-item > a:after, body.horizontal-icon .main-navigation .nav-sub-item > a:after, body.horizontal-icon-fixed .main-navigation .nav-sub-item > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2, body.horizontal-static .main-navigation .nav-sub-item .tree-2, body.horizontal-icon .main-navigation .nav-sub-item .tree-2, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 { -webkit-transform: translateY(30px); background-color: #2C3E50; display: block !important; left: 250px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 li, body.horizontal-static .main-navigation .nav-sub-item .tree-2 li, body.horizontal-icon .main-navigation .nav-sub-item .tree-2 li, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 li { display: block; padding-left: 15px; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a, body.horizontal-static .main-navigation .nav-sub-item .tree-2 a, body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a { padding-left: 30px; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a:before, body.horizontal-static .main-navigation .nav-sub-item .tree-2 a:before, body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a:before, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a:before { left: 10px; } body.horizontal-fixed .main-navigation .nav-sub-item:hover .tree-2, body.horizontal-static .main-navigation .nav-sub-item:hover .tree-2, body.horizontal-icon .main-navigation .nav-sub-item:hover .tree-2, body.horizontal-icon-fixed .main-navigation .nav-sub-item:hover .tree-2 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-navigation .nav-sub-item-3 > a, body.horizontal-static .main-navigation .nav-sub-item-3 > a, body.horizontal-icon .main-navigation .nav-sub-item-3 > a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a { position: relative; } body.horizontal-fixed .main-navigation .nav-sub-item-3 > a:after, body.horizontal-static .main-navigation .nav-sub-item-3 > a:after, body.horizontal-icon .main-navigation .nav-sub-item-3 > a:after, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 { -webkit-transform: translateY(30px); background-color: #2C3E50; display: block !important; left: 250px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 li, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 li, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 li, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 li { display: block; padding-left: 15px; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a { padding-left: 30px; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a:before, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a:before, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before { left: 10px; } body.horizontal-fixed .main-navigation .nav-sub-item-3:hover .tree-3, body.horizontal-static .main-navigation .nav-sub-item-3:hover .tree-3, body.horizontal-icon .main-navigation .nav-sub-item-3:hover .tree-3, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3:hover .tree-3 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-navigation .nav-sub-item-4 > a, body.horizontal-static .main-navigation .nav-sub-item-4 > a, body.horizontal-icon .main-navigation .nav-sub-item-4 > a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a { position: relative; } body.horizontal-fixed .main-navigation .nav-sub-item-4 > a:after, body.horizontal-static .main-navigation .nav-sub-item-4 > a:after, body.horizontal-icon .main-navigation .nav-sub-item-4 > a:after, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 { -webkit-transform: translateY(30px); background-color: #2C3E50; display: block !important; left: 250px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 li, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 li, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 li, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 li { display: block; padding-left: 15px; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a { padding-left: 30px; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a:before, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a:before, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before { left: 10px; } body.horizontal-fixed .main-navigation .nav-sub-item-4:hover .tree-4, body.horizontal-static .main-navigation .nav-sub-item-4:hover .tree-4, body.horizontal-icon .main-navigation .nav-sub-item-4:hover .tree-4, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-body .page-wrapper, body.horizontal-static .main-body .page-wrapper, body.horizontal-icon .main-body .page-wrapper, body.horizontal-icon-fixed .main-body .page-wrapper { margin-left: 0; } body.horizontal-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-static .main-menu .main-menu-content .nav-item > a, body.horizontal-icon .main-menu .main-menu-content .nav-item > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a { display: inline-block; position: relative; } body.horizontal-fixed .main-menu .main-menu-content .nav-item > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after { display: none; } body.horizontal-fixed .main-menu .main-menu-content li, body.horizontal-static .main-menu .main-menu-content li, body.horizontal-icon .main-menu .main-menu-content li, body.horizontal-icon-fixed .main-menu .main-menu-content li { border-top: none; display: inline-block; margin-right: 0; } body.horizontal-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down, body.horizontal-static .main-menu .main-menu-content .nav-item .icon-arrow-down, body.horizontal-icon .main-menu .main-menu-content .nav-item .icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down { margin-right: 20px; position: relative; right: -20px; top: 0; } body.horizontal-fixed .tree-1 li, body.horizontal-static .tree-1 li, body.horizontal-icon .tree-1 li, body.horizontal-icon-fixed .tree-1 li, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-2 li, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-static .tree-2 li, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-icon .tree-2 li, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-2 li, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-3 li, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-static .tree-3 li, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-icon .tree-3 li, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-3 li, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-4 li, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-static .tree-4 li, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-icon .tree-4 li, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-4 li { display: block; } /*===== Horizontal-static layout ===== */ body.horizontal-static .page-header { margin-top: 60px; } /*===== Horizontal-icon-menu layout ===== */ body.horizontal-icon .main-menu .main-menu-content .nav-item > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a { text-align: center; } body.horizontal-icon .main-menu .main-menu-content .nav-item > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i { display: block; margin-bottom: 5px; margin-right: 0px; } /*===== Horizontal-icon-fix-menu layout ===== */ body.horizontal-icon-fixed .main-menu { position: fixed; } body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down { display: none; } body.horizontal-icon-fixed .header-navbar { position: initial; } @media only screen and (max-width: 768px) { body.horizontal-icon-fixed .page-header { margin-top: 0; } } /*===== Sidebar-menu layout ===== */ body.menu-sidebar .navbar-wrapper { position: initial; } /*===== Menu-layouts css end ===== */ /** ===================== Theme-Buttons css start ========================== **/ .btn { border-radius: 2px; text-transform: capitalize; font-size: 15px; padding: 10px 19px; } .button-page .card-block { margin-bottom: -20px; } .button-page .card-block ul { margin-bottom: 0; display: inline-block; } .button-page .card-block a { margin-bottom: 20px; } .button-page .card-block ul li { display: inline-block; margin-right: 20px; float: left; } .button-page .btn { margin-bottom: 20px; margin-right: 10px; } .btn.btn-round { border-radius: 2rem; } .btn.btn-square { border-radius: 0; } .btn.btn-skew { transform: skew(-15deg); } .btn i { margin-right: 5px; } .btn.btn-icon { border-radius: 50%; width: 40px; line-height: 30px; height: 40px; padding: 3px; text-align: center; } .btn-group, .btn-group-vertical { display: inline-block; } .btn-group .btn { float: left; } .icon-btn i { margin-right: 0 !important; } .button-page .btn-group { margin-right: 10px; } .show > .dropdown-menu { overflow: hidden; } .dropdown-danger, .dropdown-success, .dropdown-warning, .dropdown-info, .dropdown-warning, .dropdown-primary, .dropdown-default, .dropdown-inverse, .dropdown-disabled { display: inline-block; vertical-align: center; position: relative; } .dropdown-split [class*=btn-], .btn-group [class*=btn-] { margin-right: 0; } .list-group-item.active { background-color: #0073aa; border-color: #0073aa; } .show > .btn-primary.dropdown-toggle, .sweet-alert .show > button.dropdown-toggle.confirm, .wizard > .actions .show > a.dropdown-toggle { background-color: #004a6d !important; border-color: #004a6d; box-shadow: none; color: #fff; } .btn-disabled, .dropdown-disabled, .dropdown-split-disabled { cursor: not-allowed; } #Note-list li:hover .Note-delete { opacity: 1; transform: translateX(0px); } #Note-list li:hover .Note-delete:hover { background: rgba(0, 0, 0, 0.8); } .button-list .btn { margin-bottom: 10px; margin-right: 30px; } .Note-delete { margin-bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.6); border: none; position: absolute; right: 20px; color: #fff; transition: all ease-in .3s; border-radius: 2px; cursor: pointer; transform: translateX(10px); } .popover-content .color-code { margin-bottom: 10px; } .popover-content .display-color { width: 75px; height: 2.50rem; border-radius: .25rem; margin-right: 30px; background-color: rgba(0, 115, 170, 0.5); border-color: rgba(0, 115, 170, 0.5); } .popover-content span.block { display: block; width: 100%; text-align: center; font-size: 14px; } .popover-title { text-align: center; } .nav-pills .nav-link.active.active, .nav-pills .nav-link.active.active:focus, .nav-pills .nav-link.active.active:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover { background: transparent; color: #0275d8; text-align: center; border-bottom: 1px solid #0275d8; } /**====== Basic-Buttons css Start ======**/ .btn-primary, .sweet-alert button.confirm, .wizard > .actions a { background-color: #0073aa; border-color: #0073aa; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-primary:hover, .sweet-alert button.confirm:hover, .wizard > .actions a:hover { background-color: #0095dd; border-color: #0095dd; } .btn-primary:active, .sweet-alert button.confirm:active, .wizard > .actions a:active { background-color: #004a6d !important; border-color: #004a6d; box-shadow: none; color: #fff; } .btn-primary:focus, .sweet-alert button.confirm:focus, .wizard > .actions a:focus { box-shadow: none; color: #fff; } .btn-primary.disabled, .sweet-alert button.disabled.confirm, .wizard > .actions a.disabled { background-color: rgba(0, 115, 170, 0.5); border-color: rgba(0, 115, 170, 0.5); } .btn-warning { background-color: #f1c40f; border-color: #f1c40f; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-warning:hover { background-color: #f4d03f; border-color: #f4d03f; color: #fff; } .btn-warning:active { background-color: #b8960b !important; border-color: #b8960b; box-shadow: none; color: #fff; } .btn-warning:focus { box-shadow: none; color: #fff; } .btn-warning.disabled { background-color: rgba(241, 196, 15, 0.5); border-color: rgba(241, 196, 15, 0.5); } .btn-default { background-color: #bdc3c7; border-color: #bdc3c7; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-default:hover { background-color: #d9dcde; border-color: #d9dcde; } .btn-default:active { background-color: #9ca5ab !important; border-color: #9ca5ab; box-shadow: none; color: #fff; } .btn-default:focus { box-shadow: none; color: #fff; } .btn-default.disabled { background-color: rgba(189, 195, 199, 0.5); border-color: rgba(189, 195, 199, 0.5); } .btn-danger { background-color: #e74c3c; border-color: #e74c3c; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-danger:hover { background-color: #ed7669; border-color: #ed7669; } .btn-danger:active { background-color: #cd2a19 !important; border-color: #cd2a19; box-shadow: none; color: #fff; } .btn-danger:focus { box-shadow: none; color: #fff; } .btn-danger.disabled { background-color: rgba(231, 76, 60, 0.5); border-color: rgba(231, 76, 60, 0.5); } .btn-success { background-color: #2ecc71; border-color: #2ecc71; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-success:hover { background-color: #54d98c; border-color: #54d98c; } .btn-success:active { background-color: #239a55 !important; border-color: #239a55; box-shadow: none; color: #fff; } .btn-success:focus { box-shadow: none; color: #fff; } .btn-success.disabled { background-color: rgba(46, 204, 113, 0.5); border-color: rgba(46, 204, 113, 0.5); } .btn-inverse { background-color: #34495e; border-color: #34495e; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-inverse:hover { background-color: #46627f; border-color: #46627f; } .btn-inverse:active { background-color: #1e2a37 !important; border-color: #1e2a37; box-shadow: none; color: #fff; } .btn-inverse:focus { box-shadow: none; color: #fff; } .btn-inverse.disabled { background-color: rgba(52, 73, 94, 0.5); border-color: rgba(52, 73, 94, 0.5); } .btn-info { background-color: #3498DB; border-color: #3498DB; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-info:hover { background-color: #5faee3; border-color: #5faee3; } .btn-info:active { background-color: #2077b2 !important; border-color: #2077b2; box-shadow: none; color: #fff; } .btn-info:focus { box-shadow: none; color: #fff; } .btn-info.disabled { background-color: rgba(52, 152, 219, 0.5); border-color: rgba(52, 152, 219, 0.5); } .btn-disabled { background-color: rgba(26, 188, 156, 0.5); border-color: rgba(26, 188, 156, 0.5); color: #fff; cursor: pointer; transition: all ease-in 0.3s; } /**====== Basic-Buttons css end ======**/ /**====== Outline-Buttons css Start ======**/ .btn-outline-primary { color: #004a6d; background-color: #fff; background-color: transparent; } .btn-outline-warning { color: #b8960b; background-color: #fff; background-color: transparent; } .btn-outline-default { color: #9ca5ab; background-color: #fff; background-color: transparent; } .btn-outline-default:hover { color: #fff; } .btn-outline-danger { color: #cd2a19; background-color: #fff; background-color: transparent; } .btn-outline-success { color: #239a55; background-color: #fff; background-color: transparent; } .btn-outline-inverse { color: #1e2a37; background-color: #fff; background-color: transparent; } .btn-outline-inverse:hover { color: #fff; } .btn-outline-warning { color: #b8960b; background-color: #fff; background-color: transparent; } .btn-outline-info { color: #2077b2; background-color: #fff; background-color: transparent; } .btn-outline-disabled { color: #13866f; background-color: #fff; } /**====== Outline-Buttons css end ======**/ /**====== Button-Size css start ======**/ .btn-xlg { padding: 14px 20px; font-size: 21px; line-height: 40px; } .btn-lg { padding: 12px 18px; font-size: 18px; line-height: 32px; } .btn-md { padding: 10px 16px; font-size: 15px; line-height: 23px; } .btn-sm { padding: 8px 14px; line-height: 16px; font-size: 11px; } .btn-mini { padding: 5px 10px; line-height: 14px; font-size: 10px; } /**====== Button-Size css end ======**/ /**====== Badges-button css start ======**/ .btn-default .badge { background-color: #34495e; color: #fff; } .btn-primary .badge, .sweet-alert button.confirm .badge, .wizard > .actions a .badge { color: #0073aa; background-color: #fff; } .btn-success .badge { color: #2ecc71; background-color: #fff; } .btn-info .badge { color: #3498DB; background-color: #fff; } .btn-warning .badge { color: #f1c40f; background-color: #fff; } .btn-danger .badge { color: #e74c3c; background-color: #fff; } /**====== Badges-button css end ======**/ /**====== Social-Buttons css start ======**/ .btn-facebook, .btn-twitter, .btn-linkedin, .btn-dribbble, .btn-google-plus, .btn-instagram, .btn-pinterest, .btn-dropbox, .btn-flickr, .btn-tumblr, .btn-skype, .btn-youtube, .btn-github { color: #fff; } .btn-facebook:hover, .btn-facebook:focus, .btn-twitter:hover, .btn-twitter:focus, .btn-linkedin:hover, .btn-linkedin:focus, .btn-dribbble:hover, .btn-dribbble:focus, .btn-google-plus:hover, .btn-google-plus:focus, .btn-instagram:hover, .btn-instagram:focus, .btn-pinterest:hover, .btn-pinterest:focus, .btn-dropbox:hover, .btn-dropbox:focus, .btn-flickr:hover, .btn-flickr:focus, .btn-tumblr:hover, .btn-tumblr:focus, .btn-skype:hover, .btn-skype:focus, .btn-youtube:hover, .btn-youtube:focus, .btn-github:hover, .btn-github:focus { color: #fff; box-shadow: none; } .btn-facebook { background-color: #3b5998; } .btn-twitter { background-color: #00ACED; } .btn-linkedin { background-color: #007BB6; } .btn-dribbble { background-color: #EA4C89; } .btn-google-plus { background-color: #DD4B39; } .btn-instagram { background-color: #517FA4; } .btn-pinterest { background-color: #CB2027; } .btn-dropbox { background-color: #32506D; } .btn-tumblr { background-color: #00ACED; } /**====== Social-Buttons css end ======**/ /**====== Drop-down-Buttons css start ======**/ .dropdown-default .dropdown-item:hover, .dropdown-split-default .dropdown-item:hover { background-color: #bdc3c7; color: #fff; } .dropdown-primary .dropdown-menu a:hover, .dropdown-split-primary .dropdown-menu a:hover { background-color: #0073aa; color: #fff; } .dropdown-success .dropdown-menu a:hover, .dropdown-split-success .dropdown-menu a:hover { background-color: #2ecc71; color: #fff; } .dropdown-info .dropdown-menu a:hover, .dropdown-split-info .dropdown-menu a:hover { background-color: #3498DB; color: #fff; } .dropdown-warning .dropdown-menu a:hover, .dropdown-split-warning .dropdown-menu a:hover { background-color: #f1c40f; color: #fff; } .dropdown-danger .dropdown-menu a:hover, .dropdown-split-danger .dropdown-menu a:hover { background-color: #e74c3c; color: #fff; } .dropdown-inverse .dropdown-item, .dropdown-split-inverse .dropdown-item { transition: all 0.3s ease-in; } .dropdown-inverse .dropdown-item:hover, .dropdown-split-inverse .dropdown-item:hover { background-color: #34495e; color: #fff; } /**====== Drop-down-Buttons css end ======**/ /**====== Theme-Buttons css end ======**/ /** ===================== Basic form elements css start ========================== **/ .col-form-label { font-size: 14px; } .select2-container { width: 100% !important; } .form-group { margin-bottom: 1.25em; } .form-group .form-control-lg { font-size: 1.25em; } .form-group .form-control-round { border-radius: 50px; } .form-group .form-control-static:focus { outline: none; } .form-group .form-control { margin: 5px 0; } .form-control { font-size: 14px; border-radius: 2px; } .form-control:focus { border-color: #0073aa !important; } .form-control.form-control-normal { font-weight: 400; } .form-control.form-control-bold { font-weight: 600; } .form-control.form-control-capitalize { text-transform: capitalize; } .form-control.form-control-uppercase { text-transform: uppercase; } .form-control.form-control-lowercase { text-transform: lowercase; } .form-control.form-control-variant { font-variant: small-caps; } .form-control.form-control-left { text-align: left; } .form-control.form-control-center { text-align: center; } .form-control.form-control-right { text-align: right; } .form-control.form-control-rtl { direction: rtl; } /*===== Border Inputs start =====*/ .form-control-primary { border-color: #0073aa; color: #0073aa; } .form-control-primary:focus, .form-control-primary:active { border-color: #0073aa !important; color: #0073aa; } .input-group-primary .input-group-addon { background-color: #0073aa; } .input-group-primary .form-control { border-color: #0073aa; color: #0073aa; } .input-group-primary .form-control:focus, .input-group-primary .form-control:active { border-color: #0073aa !important; color: #0073aa; } .form-control-warning { border-color: #f1c40f; color: #f1c40f; } .form-control-warning:focus, .form-control-warning:active { border-color: #f1c40f !important; color: #f1c40f; } .input-group-warning .input-group-addon { background-color: #f1c40f; } .input-group-warning .form-control { border-color: #f1c40f; color: #f1c40f; } .input-group-warning .form-control:focus, .input-group-warning .form-control:active { border-color: #f1c40f !important; color: #f1c40f; } .form-control-default { border-color: #bdc3c7; color: #bdc3c7; } .form-control-default:focus, .form-control-default:active { border-color: #bdc3c7 !important; color: #bdc3c7; } .input-group-default .input-group-addon { background-color: #bdc3c7; } .input-group-default .form-control { border-color: #bdc3c7; color: #bdc3c7; } .input-group-default .form-control:focus, .input-group-default .form-control:active { border-color: #bdc3c7 !important; color: #bdc3c7; } .form-control-danger { border-color: #e74c3c; color: #e74c3c; } .form-control-danger:focus, .form-control-danger:active { border-color: #e74c3c !important; color: #e74c3c; } .input-group-danger .input-group-addon { background-color: #e74c3c; } .input-group-danger .form-control { border-color: #e74c3c; color: #e74c3c; } .input-group-danger .form-control:focus, .input-group-danger .form-control:active { border-color: #e74c3c !important; color: #e74c3c; } .form-control-success { border-color: #2ecc71; color: #2ecc71; } .form-control-success:focus, .form-control-success:active { border-color: #2ecc71 !important; color: #2ecc71; } .input-group-success .input-group-addon { background-color: #2ecc71; } .input-group-success .form-control { border-color: #2ecc71; color: #2ecc71; } .input-group-success .form-control:focus, .input-group-success .form-control:active { border-color: #2ecc71 !important; color: #2ecc71; } .form-control-inverse { border-color: #34495e; color: #34495e; } .form-control-inverse:focus, .form-control-inverse:active { border-color: #34495e !important; color: #34495e; } .input-group-inverse .input-group-addon { background-color: #34495e; } .input-group-inverse .form-control { border-color: #34495e; color: #34495e; } .input-group-inverse .form-control:focus, .input-group-inverse .form-control:active { border-color: #34495e !important; color: #34495e; } .form-control-info { border-color: #3498DB; color: #3498DB; } .form-control-info:focus, .form-control-info:active { border-color: #3498DB !important; color: #3498DB; } .input-group-info .input-group-addon { background-color: #3498DB; } .input-group-info .form-control { border-color: #3498DB; color: #3498DB; } .input-group-info .form-control:focus, .input-group-info .form-control:active { border-color: #3498DB !important; color: #3498DB; } /*===== Form Input-Text start =====*/ .form-txt-primary { color: #0073aa; } .form-txt-primary:focus { color: #0073aa; } .form-txt-primary::-moz-placeholder { color: #0073aa; opacity: 1; } .form-txt-primary:-ms-input-placeholder { color: #0073aa; } .form-txt-primary::-webkit-input-placeholder { color: #0073aa; } .form-txt-warning { color: #f1c40f; } .form-txt-warning:focus { color: #f1c40f; } .form-txt-warning::-moz-placeholder { color: #f1c40f; opacity: 1; } .form-txt-warning:-ms-input-placeholder { color: #f1c40f; } .form-txt-warning::-webkit-input-placeholder { color: #f1c40f; } .form-txt-default { color: #bdc3c7; } .form-txt-default:focus { color: #bdc3c7; } .form-txt-default::-moz-placeholder { color: #bdc3c7; opacity: 1; } .form-txt-default:-ms-input-placeholder { color: #bdc3c7; } .form-txt-default::-webkit-input-placeholder { color: #bdc3c7; } .form-txt-danger { color: #e74c3c; } .form-txt-danger:focus { color: #e74c3c; } .form-txt-danger::-moz-placeholder { color: #e74c3c; opacity: 1; } .form-txt-danger:-ms-input-placeholder { color: #e74c3c; } .form-txt-danger::-webkit-input-placeholder { color: #e74c3c; } .form-txt-success { color: #2ecc71; } .form-txt-success:focus { color: #2ecc71; } .form-txt-success::-moz-placeholder { color: #2ecc71; opacity: 1; } .form-txt-success:-ms-input-placeholder { color: #2ecc71; } .form-txt-success::-webkit-input-placeholder { color: #2ecc71; } .form-txt-inverse { color: #34495e; } .form-txt-inverse:focus { color: #34495e; } .form-txt-inverse::-moz-placeholder { color: #34495e; opacity: 1; } .form-txt-inverse:-ms-input-placeholder { color: #34495e; } .form-txt-inverse::-webkit-input-placeholder { color: #34495e; } .form-txt-info { color: #3498DB; } .form-txt-info:focus { color: #3498DB; } .form-txt-info::-moz-placeholder { color: #3498DB; opacity: 1; } .form-txt-info:-ms-input-placeholder { color: #3498DB; } .form-txt-info::-webkit-input-placeholder { color: #3498DB; } /*===== Form Background-inputs start =====*/ .form-bg-primary { background-color: #0073aa; border-color: #0073aa; color: #fff; } .form-bg-primary:focus { background-color: #0073aa; border-color: #0073aa; color: #fff; } .form-bg-primary::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-primary:-ms-input-placeholder { color: #fff; } .form-bg-primary::-webkit-input-placeholder { color: #fff; } .form-bg-warning { background-color: #f1c40f; border-color: #f1c40f; color: #fff; } .form-bg-warning:focus { background-color: #f1c40f; border-color: #f1c40f; color: #fff; } .form-bg-warning::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-warning:-ms-input-placeholder { color: #fff; } .form-bg-warning::-webkit-input-placeholder { color: #fff; } .form-bg-default { background-color: #bdc3c7; border-color: #bdc3c7; color: #fff; } .form-bg-default:focus { background-color: #bdc3c7; border-color: #bdc3c7; color: #fff; } .form-bg-default::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-default:-ms-input-placeholder { color: #fff; } .form-bg-default::-webkit-input-placeholder { color: #fff; } .form-bg-danger { background-color: #e74c3c; border-color: #e74c3c; color: #fff; } .form-bg-danger:focus { background-color: #e74c3c; border-color: #e74c3c; color: #fff; } .form-bg-danger::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-danger:-ms-input-placeholder { color: #fff; } .form-bg-danger::-webkit-input-placeholder { color: #fff; } .form-bg-success { background-color: #2ecc71; border-color: #2ecc71; color: #fff; } .form-bg-success:focus { background-color: #2ecc71; border-color: #2ecc71; color: #fff; } .form-bg-success::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-success:-ms-input-placeholder { color: #fff; } .form-bg-success::-webkit-input-placeholder { color: #fff; } .form-bg-inverse { background-color: #34495e; border-color: #34495e; color: #fff; } .form-bg-inverse:focus { background-color: #34495e; border-color: #34495e; color: #fff; } .form-bg-inverse::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-inverse:-ms-input-placeholder { color: #fff; } .form-bg-inverse::-webkit-input-placeholder { color: #fff; } .form-bg-info { background-color: #3498DB; border-color: #3498DB; color: #fff; } .form-bg-info:focus { background-color: #3498DB; border-color: #3498DB; color: #fff; } .form-bg-info::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-info:-ms-input-placeholder { color: #fff; } .form-bg-info::-webkit-input-placeholder { color: #fff; } /*===== Form Validation states start =====*/ .has-success .col-form-label { color: #2ecc71; } .has-success .form-control-success { border-color: #2ecc71; } .has-warning .col-form-label { color: #f1c40f; } .has-warning .form-control-success { border-color: #f1c40f; } .has-danger .col-form-label { color: #e74c3c; } .has-danger .form-control-success { border-color: #e74c3c; } /*===== Form-icon css starts =====*/ .left-icon-control { position: relative; } .left-icon-control input { padding-left: 50px; } .left-icon-control .form-icon { position: absolute; top: 50%; left: 17px; margin-top: -12px; } .right-icon-control { position: relative; } .right-icon-control input { padding-right: 50px; } .right-icon-control .form-icon { position: absolute; top: 7px; right: 17px; } .right-icon-control .form-msg-icon { position: absolute; top: 16px; right: 32px; font-size: 20px; } /*===== Form-icon css ends =====*/ /*===== Basic form elements ends =====*/ /** ===================== Form group-add-on css start ========================== **/ .input-group { margin-bottom: 1.25em; } .input-group-addon { background-color: #0073aa; color: #fff; } .input-group-button [class*=btn-] { padding: 0; margin-bottom: 0; } .input-group-button .input-group-addon { transition: all ease-in .3s; } .input-group-button .input-group-addon:hover { background-color: #0095dd; border-color: #0095dd; } .input-group-button .input-group-addon:hover .btn { background-color: #0095dd; border-color: #0095dd; } .input-group-dropdown [class*=btn-] { margin-bottom: 0; } /*===== Form group-add-on ends =====*/ /** ===================== Switches css start ========================== **/ .js-dynamic-disable, .js-dynamic-enable { vertical-align: inherit; } /*===== Switches css ends =====*/ /** ===================== Radio-button css start ========================== **/ .form-radio { position: relative; } .form-radio .form-help { position: absolute; width: 100%; } .form-radio label { position: relative; padding-left: 1.5rem; text-align: left; color: #333; display: block; } .form-radio input { width: auto; opacity: 0.00000001; position: absolute; left: 0; } .radio .helper { position: absolute; top: -0.15rem; left: -0.25rem; cursor: pointer; display: block; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #999; } .radio .helper::after { transform: scale(0); background-color: #0073aa; border-color: #0073aa; } .radio .helper::after, .radio .helper::before { content: ''; position: absolute; left: 0; top: 3px; margin: 0.25rem; width: 1rem; height: 1rem; -webkit-transition: -webkit-transform 0.28s ease; transition: -webkit-transform 0.28s ease; transition: transform 0.28s ease, -webkit-transform 0.28s ease; border-radius: 50%; border: 0.125rem solid #0073aa; } .radio label:hover .helper { color: #0073aa; } .radio input:checked ~ .helper::after { transform: scale(0.5); } .radio input:checked ~ .helper::before { color: #0073aa; } .radio.radiofill input:checked ~ .helper::after { transform: scale(1); } .radio.radiofill .helper::after { background-color: #0073aa; } .radio.radio-disable { opacity: 0.7; } .radio.radio-disable label { cursor: not-allowed; } .radio-inline { display: inline-block; margin-right: 20px; } .radio.radiofill.radio-primary .helper::after { background-color: #0073aa; border-color: #0073aa; } .radio.radiofill.radio-primary .helper::before { border-color: #0073aa; } .radio.radiofill.radio-warning .helper::after { background-color: #f1c40f; border-color: #f1c40f; } .radio.radiofill.radio-warning .helper::before { border-color: #f1c40f; } .radio.radiofill.radio-default .helper::after { background-color: #bdc3c7; border-color: #bdc3c7; } .radio.radiofill.radio-default .helper::before { border-color: #bdc3c7; } .radio.radiofill.radio-danger .helper::after { background-color: #e74c3c; border-color: #e74c3c; } .radio.radiofill.radio-danger .helper::before { border-color: #e74c3c; } .radio.radiofill.radio-success .helper::after { background-color: #2ecc71; border-color: #2ecc71; } .radio.radiofill.radio-success .helper::before { border-color: #2ecc71; } .radio.radiofill.radio-inverse .helper::after { background-color: #34495e; border-color: #34495e; } .radio.radiofill.radio-inverse .helper::before { border-color: #34495e; } .radio.radiofill.radio-info .helper::after { background-color: #3498DB; border-color: #3498DB; } .radio.radiofill.radio-info .helper::before { border-color: #3498DB; } .radio.radio-inline.home-radio { width: 100%; } .radio.radio-inline.home-radio i.helper { width: 100%; left: 0; top: 0; } .radio .helper::before { color: #0073aa; width: 100% !important; height: 40px !important; border-radius: unset; } .home-radio .radio .helper::before { color: #0073aa; width: 100% !important; height: 40px !important; border-radius: unset; margin: 0 !important; top: 0 !important; background: #828282; border-color: #828282 !important; } .form-radio.home-radio { width: 100% !important; } .home-radio form { width: 100% !important; } .home-radio .radio .helper::after{ color: #0073aa; width: 100% !important; height: 40px !important; border-radius: unset; margin: 0 !important; top: 0 !important; } .home-radio label { color:#fff; padding: 0 !important; text-align: center !important; } .home-radio label span { position: absolute; margin-top: 8px; font-size: 17px; text-align: center; width: 100%; left: 0; } .home-radio .radio input:checked ~ .helper::after { transform: scale(1) !important;} /*===== Radio Button css ends =====*/ /*===== Border-checkbox css start =====*/ .border-checkbox-section .border-checkbox-group { display: inline-block; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after { -webkit-animation: check linear 0.5s; animation: check linear 0.5s; opacity: 1; border-color: #0073aa; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after .border-checkbox-label:before { border-color: #eee; } .border-checkbox-section .border-checkbox-group .border-checkbox-label { position: relative; display: inline-block; cursor: pointer; height: 20px; line-height: 20px; padding-left: 30px; margin-right: 15px; } .border-checkbox-section .border-checkbox-group .border-checkbox-label:after { content: ""; display: block; width: 5px; height: 11px; opacity: .9; border-right: 2px solid #eee; border-top: 2px solid #eee; position: absolute; left: 5px; top: 11px; -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -webkit-transform-origin: left top; transform-origin: left top; } .border-checkbox-section .border-checkbox-group .border-checkbox-label:before { content: ""; display: block; border: 2px solid #0073aa; width: 20px; height: 20px; position: absolute; left: 0; } .border-checkbox-section .border-checkbox { display: none; } .border-checkbox-section .border-checkbox:disabled ~ .border-checkbox-label { cursor: no-drop; color: #ccc; } @-webkit-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 5px; } 50% { height: 10px; width: 5px; } } @keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 5px; } 50% { height: 10px; width: 5px; } } .border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before { border: 2px solid #0073aa; } .border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .border-checkbox-label:after { border-color: #0073aa; } .border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before { border: 2px solid #f1c40f; } .border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked + .border-checkbox-label:after { border-color: #f1c40f; } .border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before { border: 2px solid #bdc3c7; } .border-checkbox-section .border-checkbox-group-default .border-checkbox:checked + .border-checkbox-label:after { border-color: #bdc3c7; } .border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before { border: 2px solid #e74c3c; } .border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked + .border-checkbox-label:after { border-color: #e74c3c; } .border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before { border: 2px solid #2ecc71; } .border-checkbox-section .border-checkbox-group-success .border-checkbox:checked + .border-checkbox-label:after { border-color: #2ecc71; } .border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before { border: 2px solid #34495e; } .border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked + .border-checkbox-label:after { border-color: #34495e; } .border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before { border: 2px solid #3498DB; } .border-checkbox-section .border-checkbox-group-info .border-checkbox:checked + .border-checkbox-label:after { border-color: #3498DB; } /*===== Fade-in-checkbox css start =====*/ .checkbox-fade { display: inline-block; margin-right: 15px; } .checkbox-fade label { line-height: 20px; } .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] { display: none; } .checkbox-fade label input[type="checkbox"]:checked + .cr > .cr-icon, .checkbox-fade label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox-fade label input[type="checkbox"] + .cr > .cr-icon, .checkbox-fade label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox-fade label:after { content: ''; display: table; clear: both; } .checkbox-fade.fade-in-disable label, .checkbox-fade.fade-in-disable .cr { color: #ccc; cursor: no-drop; } .checkbox-fade .cr { border-radius: 0px; border: 2px solid #0073aa; cursor: pointer; display: inline-block; float: left; height: 20px; margin-right: 0.5em; position: relative; width: 20px; } .checkbox-fade .cr .cr-icon { color: #0073aa; font-size: 0.8em; left: 0; line-height: 0; position: absolute; right: 0; text-align: center; top: 50%; } .checkbox-fade.fade-in-primary .cr { border: 2px solid #0073aa; } .checkbox-fade.fade-in-primary .cr .cr-icon { color: #0073aa; } .checkbox-fade.fade-in-warning .cr { border: 2px solid #f1c40f; } .checkbox-fade.fade-in-warning .cr .cr-icon { color: #f1c40f; } .checkbox-fade.fade-in-default .cr { border: 2px solid #bdc3c7; } .checkbox-fade.fade-in-default .cr .cr-icon { color: #bdc3c7; } .checkbox-fade.fade-in-danger .cr { border: 2px solid #e74c3c; } .checkbox-fade.fade-in-danger .cr .cr-icon { color: #e74c3c; } .checkbox-fade.fade-in-success .cr { border: 2px solid #2ecc71; } .checkbox-fade.fade-in-success .cr .cr-icon { color: #2ecc71; } .checkbox-fade.fade-in-inverse .cr { border: 2px solid #34495e; } .checkbox-fade.fade-in-inverse .cr .cr-icon { color: #34495e; } .checkbox-fade.fade-in-info .cr { border: 2px solid #3498DB; } .checkbox-fade.fade-in-info .cr .cr-icon { color: #3498DB; } /*===== Color-checkbox css start =====*/ .checkbox-color { display: inline-block; margin-right: 20px; cursor: pointer; } .checkbox-color label { display: inline-block; position: relative; padding-left: 10px; line-height: 25px; } .checkbox-color label::before { content: ""; display: inline-block; position: absolute; top: 3px; width: 20px; height: 20px; left: 0; right: 0; text-align: center; margin-left: -20px; border: 1px solid #ccc; border-radius: 0; background-color: #fff; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox-color label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: -1px; top: 0px; margin-left: -17px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #fff; } .checkbox-color input[type="checkbox"] { opacity: 0; } .checkbox-color input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox-color input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; } .checkbox-color input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox-color input[type="checkbox"]:disabled + label::before { background-color: #eee; cursor: not-allowed; } .checkbox-color.checkbox-circle label::before { border-radius: 50%; } .checkbox-color.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #2196f3; border-color: #2196f3; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #0073aa; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f1c40f; } .checkbox-default input[type="checkbox"]:checked + label::before { background-color: #bdc3c7; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #e74c3c; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #2ecc71; } .checkbox-inverse input[type="checkbox"]:checked + label::before { background-color: #34495e; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #3498DB; } /*===== Tag input css start =====*/ .bootstrap-tagsinput { border: 1px solid #0073aa; line-height: 30px; border-radius: 2px; } .bootstrap-tagsinput .tag { padding: 6px; border-radius: 2px; } /** ===================== Select-2 css start ========================== **/ .select2-container--default:focus { border-color: #0073aa; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .select2-container--default .select2-search__field:focus { border: 1px solid #0073aa; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0073aa; } .select2-container--default .select2-selection--multiple { padding: 3px 30px 4px 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #0073aa; border: 1px solid #0073aa; padding: 5px 15px; color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__choice span { color: #fff; } .select2-container--default .select2-selection--multiple .select2-search__field { border: none; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #0073aa; } .select2-container--default .select2-selection--single { color: #fff; height: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { background-color: #0073aa; color: #fff; padding: 8px 30px 8px 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } /*===== Select-2 css ends =====*/ /** ===================== Multi-select css start ========================== **/ .ms-container .ms-list.ms-focus { border-color: #0073aa; box-shadow: inset 0 1px 1px rgba(26, 188, 156, 0.49), 0 0 8px rgba(26, 188, 156, 0.5); } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #0073aa; } .ms-selectable .custom-header, .ms-selection .custom-header { background-color: #0073aa; color: #fff; text-align: center; } .ms-list { display: block !important; } .ms-list li { width: 100%; } /*===== Multi-select css ends =====*/ /** ===================== Validation-forms css start ========================== **/ .form-group .messages p { margin-bottom: 0; transition: all ease-in .3s; } .form-group .popover-valid { position: absolute; right: 40px; top: 7px; } /*===== Validation-forms css end =====*/ /** ===================== Form-wizards css start ========================== **/ .wizard > .steps .current a { background: #0073aa; transition: all ease-in .3s; cursor: pointer; border-radius: 2px; outline: 1px solid #fff; outline-offset: -7px; } .wizard > .steps .current a:hover { background: #0084c3; outline-offset: 0; } #design-wizard .steps li { position: relative; z-index: 99; margin-bottom: 20px; } #design-wizard .steps li:after { content: ""; position: absolute; height: 2px; background: #0073aa; width: 100%; top: 30px; z-index: -1; } #design-wizard .steps li a { width: 20%; margin: 0 auto; text-align: center; border-radius: 2px; } .wizard > .steps .done a { background: #bdc3c7; } .card .card-block .wizard-form .steps ul { display: block; } .card .card-block .wizard-form li { margin-right: 0; } .wizard > .content { border: 1px solid #ccc; border-radius: 2px; background: #fff; } /*===== Form-wizard forms css end =====*/ /** ===================== Label-Badges css start ========================== **/ .label { border-radius: 4px; font-size: 75%; padding: 4px 7px; margin-right: 5px; font-weight: 700; color: #fff !important; } .label-main { display: inline-block; vertical-align: middle; margin: 8px 5px; } .badge { border-radius: 10px; padding: 3px 7px; } .label.label-lg { padding: 8px 21px; } .label.label-md { padding: 6px 14px; } .badge-lg { padding: 5px 9px; font-size: 14px; } .badge-md { padding: 4px 8px; font-size: 14px; } span.badge { display: inline-block !important; } .label-default { background-color: #bdc3c7 !important; border-color: #bdc3c7; box-shadow: none; color: #fff; } .label-inverse-default { border: 1px solid; border-color: #bdc3c7; color: #bdc3c7 !important; } .label-inverse-primary { border: 1px solid; border-color: #0073aa; color: #0073aa !important; } .label-inverse-success { border: 1px solid; border-color: #2ecc71; color: #2ecc71 !important; } .label-inverse-warning { border: 1px solid; border-color: #f1c40f; color: #f1c40f !important; } .label-inverse-danger { border: 1px solid; border-color: #e74c3c; color: #e74c3c !important; } .label-inverse-info { border: 1px solid; border-color: #3498DB; color: #3498DB !important; } .label-inverse-info-border { border: 1px solid; border-color: #34495e; color: #34495e !important; } .badge-inverse-default { border: 1px solid; border-color: #bdc3c7; color: #bdc3c7 !important; } .badge-inverse-primary { border: 1px solid; border-color: #0073aa; color: #0073aa !important; } .badge-inverse-success { border: 1px solid; border-color: #2ecc71; color: #2ecc71 !important; } .badge-inverse-warning { border: 1px solid; border-color: #f1c40f; color: #f1c40f !important; } .badge-inverse-danger { border: 1px solid; border-color: #e74c3c; color: #e74c3c !important; } .badge-inverse-info { border: 1px solid; border-color: #34495e; color: #34495e !important; } .label-icon label { position: absolute; } .icofont.icofont-envelope { font-size: 20px; } /*===== Label and Badges css end =====*/ /* ====================== All Icon Common Page css ======================== */ .data-table-main.icon-list-demo [class*=col-] { margin-bottom: 10px; } .data-table-main.icon-svg-demo [class*=col-] { margin-bottom: 10px; } .icon-list-demo i { border: 1px solid #eceeef; border-radius: 3px; color: rgba(43, 61, 81, 0.7); display: inline-block; font-size: 24px; height: 50px; line-height: 50px; margin: 0 12px 0 0; text-align: center; vertical-align: middle; width: 50px; } .icon-list-demo div { cursor: pointer; white-space: nowrap; margin-bottom: 10px; } .icon-list-demo i:hover { color: #64b0f2; } /**====== Flag-icon css start ======**/ .flags .f-item { padding: 12px; border: 1px solid #ddd; margin-right: 15px; display: inline-block; } .data-table-main.flags [class*=col-] { display: flex; align-items: center; margin-bottom: 10px; } .content-flag label { margin-bottom: 0; cursor: pointer; } .content-flag .txt-ellipsis { text-overflow: ellipsis; white-space: nowrap; width: 120px; overflow: hidden; } .outer-ellipsis { overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 250px; } label.txt-ellipsis { overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 150px; } .flags .f-item .name, .flags .f-item .capital { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0; } .flags .f-item .code { display: block; font-size: 90%; color: #999; padding-bottom: 0; } /**====== All icon common page css end ======**/ /** ===================== Ready-to-use css start ========================== **/ .bg-pic { background-color: rgba(0, 0, 0, 0.5); background-blend-mode: overlay; } .j-pro { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15); } .j-pro .j-header { background-color: #0073aa; border-top: 1px solid #0073aa; box-shadow: none; } .j-pro .j-icon-right { border-left: 1px solid rgba(0, 0, 0, 0.32); } .j-pro .j-icon-left { border-right: 1px solid rgba(0, 0, 0, 0.32); } .j-pro .j-footer { background-color: #fff; border-top: 1px dashed #0073aa; padding: 20px 25px; } .j-pro .j-footer button { margin: 5px; float: right; } .j-pro .j-divider-text span { color: #222; } .j-pro .btn-primary.disabled, .j-pro .sweet-alert button.disabled.confirm, .sweet-alert .j-pro button.disabled.confirm, .j-pro .wizard > .actions a.disabled, .wizard > .actions .j-pro a.disabled, .j-pro .btn-primary:disabled, .j-pro .sweet-alert button.confirm:disabled, .sweet-alert .j-pro button.confirm:disabled, .j-pro .wizard > .actions a:disabled, .wizard > .actions .j-pro a:disabled { background-color: #2ecc71; border-color: #2ecc71; } .j-pro input[type="text"], .j-pro input[type="password"], .j-pro input[type="email"], .j-pro input[type="search"], .j-pro input[type="url"], .j-pro textarea, .j-pro select, .j-forms input[type="text"], .j-forms input[type="password"], .j-forms input[type="email"], .j-forms input[type="search"], .j-forms input[type="url"], .j-forms textarea, .j-forms select { border: 1px solid rgba(0, 0, 0, 0.15); } .j-pro input[type="text"]:hover, .j-pro input[type="password"]:hover, .j-pro input[type="email"]:hover, .j-pro input[type="search"]:hover, .j-pro input[type="url"]:hover, .j-pro textarea:hover, .j-pro select:hover, .j-pro input[type="text"]:focus, .j-pro input[type="password"]:focus, .j-pro input[type="email"]:focus, .j-pro input[type="search"]:focus, .j-pro input[type="url"]:focus, .j-pro textarea:focus, .j-pro select:focus, .j-pro .j-file-button:hover + input, .j-forms input[type="text"]:hover, .j-forms input[type="password"]:hover, .j-forms input[type="email"]:hover, .j-forms input[type="search"]:hover, .j-forms input[type="url"]:hover, .j-forms textarea:hover, .j-forms select:hover, .j-forms input[type="text"]:focus, .j-forms input[type="password"]:focus, .j-forms input[type="email"]:focus, .j-forms input[type="search"]:focus, .j-forms input[type="url"]:focus, .j-forms textarea:focus, .j-forms select:focus { border: 1px solid #0073aa; } .j-pro .j-radio-toggle, .j-pro .j-checkbox-toggle, .j-pro .j-inline-group .j-radio-toggle, .j-pro .j-inline-group .j-checkbox-toggle { padding: 9px 0 18px 0; } .j-pro .j-tooltip, .j-pro .j-tooltip-image { background-color: #0073aa; } .j-pro .j-tooltip:before, .j-pro .j-tooltip-image:before { border-color: #0073aa transparent; } .j-pro .j-primary-btn, .j-pro .j-file-button, .j-pro .j-secondary-btn, .j-pro .j-widget .j-addon-btn { background-color: #0073aa; } .j-pro .j-primary-btn:hover, .j-pro .j-file-button:hover, .j-pro .j-secondary-btn:hover, .j-pro .j-widget .j-addon-btn:hover { background-color: #0084c3; } .j-pro .j-ratings input + label:hover, .j-pro .j-ratings input + label:hover ~ label, .j-pro .j-ratings input:checked + label, .j-pro .j-ratings input:checked + label ~ label { color: #0073aa; } .j-unit .checkbox-fade { display: block; margin-top: 20px; } .j-forms { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15); } .j-forms button i { margin-right: 0; } .j-forms .checkbox-fade { margin-top: 10px; } .j-forms .checkbox-fade .disabled-view { opacity: 0.5; cursor: not-allowed; } .j-forms .link { color: #0073aa; border-bottom: none; text-transform: capitalize; margin-bottom: 15px; } .j-forms .label { margin-bottom: 15px; } .j-forms .btn-primary:disabled, .j-forms .sweet-alert button.confirm:disabled, .sweet-alert .j-forms button.confirm:disabled, .j-forms .wizard > .actions a:disabled, .wizard > .actions .j-forms a:disabled { background-color: #bdc3c7; border-color: #bdc3c7; } .j-forms .radio-toggle, .j-forms .checkbox-toggle, .j-forms .inline-group .radio-toggle, .j-forms .inline-group .checkbox-toggle { padding: 20px 0 20px 0px; } .j-forms .header { background-color: #0073aa; border-top: 1px solid #0073aa; box-shadow: none; } .j-forms .divider-text span { color: #222; } .j-forms .widget .addon, .j-forms .widget .addon-btn { background-color: #0073aa; color: #fff; } .j-forms .widget .addon:hover, .j-forms .widget .addon:focus, .j-forms .widget .addon-btn:hover, .j-forms .widget .addon-btn:focus { background-color: #0084c3; } .j-forms .widget .addon:hover i, .j-forms .widget .addon:focus i, .j-forms .widget .addon-btn:hover i, .j-forms .widget .addon-btn:focus i { color: #fff; } .j-forms .widget .addon i, .j-forms .widget .addon-btn i { color: #fff; } .j-forms .footer { background-color: #fff; border-top: 1px dashed #1abc9c; padding: 20px 25px; position: relative; margin-top: 10px; } .j-forms .footer button { float: right; margin-bottom: 0; } .j-forms .stepper .stepper-arrow { background-color: #0073aa; } .j-forms .stepper .stepper-arrow:hover { background-color: #0084c3; } .j-forms .stepper .stepper-arrow.up:after { border-bottom: 7px solid #fff; } .j-forms .stepper .stepper-arrow.down:after { border-top: 7px solid #fff; } .popup-menu { padding: 0; } .popup-menu .popup-list { background-color: #2C3E50; border-radius: 0; } .popup-menu .popup-list > ul > li { transition: all ease-in .3s; color: #fff; border-left: none; cursor: pointer; } .popup-menu .popup-list > ul > li:hover { background-color: #384c5f; color: #fff; } .j-tabs-container .j-tabs-label, .j-tabs-container input[type="radio"]:checked + .j-tabs-label { border-top: 4px solid #0073aa; } .pop-up-logo img { margin-top: 10px; margin-left: 80px; } .popup-list-open .popup-list-wrapper { z-index: 99; } .span4 label { color: #222 !important; } .pop-up-wrapper { margin-left: 0 !important; } /**====== Ready-to-use css end ======**/ /** ===================== Box-shadow css start ========================== **/ .box-list div div div { margin-bottom: 20px; } .box-list { padding-bottom: 0; } .box-list p { margin-bottom: 0 !important; } /**====== z-depth-top css start ======**/ .z-depth-top-0 { box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-top-1 { box-shadow: 0 -7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-top-2 { box-shadow: 0 -9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-top-3 { box-shadow: 0 -10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-top-4 { box-shadow: 0 -11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-top-5 { box-shadow: 0 -12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } /**====== z-depth-top css end ======**/ /**====== z-depth-bottom css start ======**/ .z-depth-bottom-0 { box-shadow: 0 5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-bottom-1 { box-shadow: 0 7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-bottom-2 { box-shadow: 0 9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-bottom-3 { box-shadow: 0 10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-bottom-4 { box-shadow: 0 11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-bottom-5 { box-shadow: 0 12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } /**====== z-depth-bottom css end ======**/ /**====== z-depth-left css start ======**/ .z-depth-left-0 { box-shadow: -5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-left-1 { box-shadow: -7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-left-2 { box-shadow: -9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-left-3 { box-shadow: -10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-left-4 { box-shadow: -11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-left-5 { box-shadow: -12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } /**====== z-depth-left css end ======**/ /**====== z-depth-right css start ======**/ .z-depth-right-0 { box-shadow: 5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-right-1 { box-shadow: 7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-right-2 { box-shadow: 9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-right-3 { box-shadow: 10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-right-4 { box-shadow: 11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-right-5 { box-shadow: 12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } /**====== z-depth-right css end ======**/ /**====== z-depth-all-side css start ======**/ .z-depth-0 { box-shadow: 0 0 25px 5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-1 { box-shadow: 0 0 25px 7px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-2 { box-shadow: 0 0 25px 9px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-3 { box-shadow: 0 0 25px 10px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-4 { box-shadow: 0 0 25px 11px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } .z-depth-5 { box-shadow: 0 0 25px 12px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; } /**====== z-depth-all-side css end ======**/ /**====== Box-shadow css end ======**/ /** ===================== Data-table css start ========================== **/ table.table-bordered.dataTable tbody th:focus, table.table-bordered.dataTable tbody td:focus { outline: none; } .card .card-block ul.pagination li { margin-right: 0; } .page-item.active .page-link { background-color: #0073aa; border-color: #0073aa; } .page-link { color: #222; } td.highlight { font-weight: 700; color: #3498DB; background-color: #f5f5f5; } .table.compact td, .table.compact th { padding: .45rem; } .dataTables_paginate .pagination { float: right; } #multi-table_wrapper .dataTables_paginate .pagination { float: none; } #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control, #dt-live-dom .form-control { width: 90%; } .search-api .global_filter, .search-api .column_filter { margin: 0 auto; } .search-api .checkbox-fade { display: block; text-align: center; } td.details-control { background: url("../images/details_open.png") no-repeat center center; cursor: pointer; } tr.shown td.details-control { background: url("../images/details_close.png") no-repeat center center; } #row-select .selected, #row-delete .selected { background-color: #0073aa; color: #fff; } /*===== Autofill data-table ===== */ div.dt-autofill-list div.dt-autofill-button button { background-color: #0073aa; border-color: #0073aa; } table.dataTable { border-collapse: collapse !important; } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background-color: #0073aa; color: #fff; } table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before { margin-top: 0; } table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { margin-top: -6px; margin-left: -5px; } /*===== Button data-table ===== */ button.dt-button, div.dt-button, a.dt-button, button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) { background-color: #0073aa; border-color: #0073aa; border-radius: 2px; color: #fff; background-image: none; font-size: 14px; } button.dt-button.btn-warning, div.dt-button.btn-warning, a.dt-button.btn-warning { background-color: #f1c40f; border-color: #f1c40f; border-radius: 2px; color: #fff; background-image: none; } button.dt-button.btn-danger, div.dt-button.btn-danger, a.dt-button.btn-danger { background-color: #e74c3c; border-color: #e74c3c; border-radius: 2px; color: #fff; background-image: none; } button.dt-button.btn-inverse, div.dt-button.btn-inverse, a.dt-button.btn-inverse { background-color: #34495e; border-color: #34495e; border-radius: 2px; color: #fff; background-image: none; } button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { background-image: none; background-color: #0084c3; border-color: #0073aa; } button.dt-button.btn-warning:hover:not(.disabled), div.dt-button.btn-warning:hover:not(.disabled), a.dt-button.btn-warning:hover:not(.disabled) { background-image: none; background-color: #f4d03f; border-color: #f1c40f; } button.dt-button.btn-danger:hover:not(.disabled), div.dt-button.btn-danger:hover:not(.disabled), a.dt-button.btn-danger:hover:not(.disabled) { background-image: none; background-color: #ed7669; border-color: #e74c3c; } button.dt-button.btn-inverse:hover:not(.disabled), div.dt-button.btn-inverse:hover:not(.disabled), a.dt-button.btn-inverse:hover:not(.disabled) { background-image: none; background-color: #46627f; border-color: #34495e; } div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) { background-color: #0073aa; border-color: #0073aa; background-image: none; } div.dt-buttons { clear: both; } .card .table-card-header b { display: block; color: #0073aa; margin-top: 15px; } .card .table-card-header span { color: #005077; display: inline-block; margin-top: 0; } div.dataTables_wrapper div.dataTables_info { display: inline-block; } /*===== Colreorder data-table ===== */ table.DTCR_clonedTable.dataTable { position: absolute !important; background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201; } /*===== Fixed-column data-table ===== */ table.DTFC_Cloned thead, table.DTFC_Cloned tfoot { background-color: white; } div.DTFC_Blocker { background-color: white; } div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable { margin-bottom: 0; z-index: 2; } div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer { border-bottom: none; } th, td { white-space: nowrap; } /*===== Fixed-header data-table ===== */ table.fixedHeader-floating { position: fixed !important; background-color: white; } table.fixedHeader-floating.no-footer { border-bottom-width: 0; } table.fixedHeader-locked { position: absolute !important; background-color: white; } @media print { table.fixedHeader-floating { display: none; } } /*===== Key-table data-table ===== */ table.dataTable th.focus, table.dataTable td.focus { outline: 3px solid #0073aa; outline-offset: -1px; } table.dataTable td.focus { outline: 1px solid #e74c3c; outline-offset: -3px; background-color: #f8e6e6 !important; } #events { margin-bottom: 1em; padding: 1em; background-color: #f6f6f6; border: 1px solid #999; border-radius: 3px; height: 100px; overflow: auto; } /*===== Row-Re-order data-table ===== */ table.dt-rowReorder-float { position: absolute !important; opacity: 0.8; table-layout: fixed; outline: 2px solid #888; outline-offset: -2px; z-index: 2001; } tr.dt-rowReorder-moving { outline: 2px solid #555; outline-offset: -2px; } body.dt-rowReorder-noOverflow { overflow-x: hidden; } table.dataTable td.reorder { text-align: center; cursor: move; } #result { border: 1px solid #888; background: #f7f7f7; padding: 1em; margin-bottom: 1em; } /*===== Scroller data-table ===== */ div.DTS { display: block !important; } div.DTS tbody th, div.DTS tbody td { white-space: nowrap; } div.DTS div.DTS_Loading { z-index: 1; } div.DTS div.dataTables_scrollBody table { z-index: 2; } div.DTS div.dataTables_paginate, div.DTS div.dataTables_length { display: none; } /**====== Data-table css end ======**/ /** ===================== Foo-table css start ========================== **/ .footable .pagination > .active > a, .footable .pagination > .active > a:focus, .footable .pagination > .active > a:hover, .footable .pagination > .active > span, .footable .pagination > .active > span:focus, .footable .pagination > .active > span:hover { background-color: #0073aa; border-color: #0073aa; } .footable .pagination > li > a, .footable .pagination > li > span { color: #222; } .footable-details.table, .footable.table, table.footable > tfoot > tr.footable-paging > td > span.label { margin-bottom: 0; } table.footable-paging-center > tfoot > tr.footable-paging > td { padding-bottom: 0; } /**====== Foo-table css end ======**/ /** ===================== Handson css start ========================== **/ .make-me-red { color: red; } .scroll-container .wtHolder { height: 350px !important; } .scroll-container #highlighting .wtHolder, .scroll-container #populating .wtHolder, .scroll-container #paginating .wtHolder, .scroll-container #searching .wtHolder, .scroll-container #drag .wtHolder, .scroll-container #validation .wtHolder, .scroll-container #readOnly .wtHolder, .scroll-container #nonEditable .wtHolder, .scroll-container #numericData .wtHolder, .scroll-container #dateDate .wtHolder, .scroll-container #timeData .wtHolder, .scroll-container #checkbox .wtHolder, .scroll-container #select .wtHolder, .scroll-container #dropdown .wtHolder, .scroll-container #autocomplete .wtHolder, .scroll-container #jQuery .wtHolder, .scroll-container #chromaJS .wtHolder, .scroll-container #context .wtHolder, .scroll-container #configuration .wtHolder, .scroll-container #copyPaste .wtHolder, .scroll-container #buttons .wtHolder, .scroll-container #comments .wtHolder { height: auto !important; } .handson-pagination { margin-top: 30px; } .currentRow { background-color: #F9F9FB !important; } .currentCol { background-color: #E7E8EF !important; } .contact-table tr td:nth-child(n-2) { text-align: center; } .contact-table tr td:last-child { position: relative; } .contact-table tr td:last-child .dropdown-menu { top: 52px; } /**====== Handson css end ======**/ .card-block-big { padding: 2em; } .widget-row-set { margin-left: 0; margin-right: 0; } .borderless-card { border-top: none; } .widget-main-card { border-radius: 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.11); } .counter-card-1 h3, .counter-card-2 h3, .counter-card-3 h3 { margin-bottom: 16px; font-weight: 600; color: #222; } .counter-card-1 [class*="card-"] > i, .counter-card-2 [class*="card-"] > i, .counter-card-3 [class*="card-"] > i { position: relative; font-size: 40px; border: 4px solid #2ecc71; border-left: 4px solid #ccc; border-radius: 50%; padding: 21px 24px; color: #2ecc71; top: 20px; left: 5px; } .counter-card-1 .counter-card-text, .counter-card-2 .counter-card-text, .counter-card-3 .counter-card-text { display: inline-block; text-align: center; } .counter-card-2 [class*="card-"] > i { border: 4px solid #e74c3c; border-left: 4px solid #ccc; color: #e74c3c; } .counter-card-3 [class*="card-"] > i { border: 4px solid #f1c40f; border-left: 4px solid #ccc; color: #f1c40f; } .turnover-graph .card-block .turnover-price { position: absolute; right: 20px; top: 20px; font-size: 40px; font-weight: 600; } @media screen and (max-width: 991px) { .turnover-graph .card-block .turnover-price { right: 10px; top: 15px; font-size: 20px; } } .turnover-graph .card-block .turnover-rate { position: absolute; left: 20px; top: 60px; background-color: #0073aa; color: #fff; border-radius: 20px; padding: 4px 15px; } .turnover-graph #turnoverareachart { margin-bottom: -5px; min-height: 200px; } .sale-report-card { border-top: none !important; } .sale-report-card .sale-rate { font-size: 30px; font-weight: 600; color: #fff; position: absolute; top: 20px; right: 20px; } .sale-report-card .progress { height: 0.5rem; } .sale-report-card p { margin-top: 30px; font-size: 15px; } .sale-report-card h5, .sale-report-card p { color: #fff; } .sale-report-card:nth-child(1) { background-color: #2ecc71; } .sale-report-card:nth-child(1) .progress-bar-success { background-color: #25a25a; } .sale-report-card:nth-child(2) { background-color: #f1c40f; } .sale-report-card:nth-child(2) .progress-bar-warning { background-color: #c29d0b; } .week-status-card { text-align: center; } .week-status-card .card-footer i { font-size: 20px; vertical-align: middle; } .week-status-card .card-footer span { margin: 0 10px; } .week-status-card h2 { padding: 18px 0; } .review-card .card-block .review-duration { position: absolute; top: 20px; right: 20px; background-color: #0073aa; color: #fff; padding: 4px 10px; border-radius: 20px; } .review-card .card-block .review-social-link li { display: inline-block; } .review-card .card-block .review-social-link li .btn { margin: 5px 12px 5px 0; } .review-card .card-block .review-social-link li .btn i { border-radius: 50%; width: 40px; line-height: 28px; height: 40px; padding: 9px; margin-right: -12px; } .user-card-block .card-block { padding: 30px; } .user-card-block .card-block .card-contain h5 { font-size: 18px; font-weight: 600; color: #222; margin: 0; } .user-card-block .card-block .card-data p { margin-bottom: 5px; } .user-card-block .card-block .card-data span { font-size: 20px; font-weight: 600; color: #359de1; } .chart-stat-card-1 .chart-stat-cont, .chart-stat-card-1 .chart-stat-graph, .chart-stat-card-2 .chart-stat-cont, .chart-stat-card-2 .chart-stat-graph, .chart-stat-card-3 .chart-stat-cont, .chart-stat-card-3 .chart-stat-graph { float: left; } .chart-stat-card-1 .chart-stat-cont h6, .chart-stat-card-2 .chart-stat-cont h6, .chart-stat-card-3 .chart-stat-cont h6 { color: #fff; text-transform: uppercase; } .chart-stat-card-1 .chart-stat-cont span, .chart-stat-card-2 .chart-stat-cont span, .chart-stat-card-3 .chart-stat-cont span { font-size: 30px; color: #fff; line-height: 1.27; } .chart-stat-card-1 .chart-stat-cont { background-color: #25a25a; } .chart-stat-card-1 .chart-stat-graph { background-color: #1b7943; } .chart-stat-card-2 .chart-stat-cont { background-color: #f1c40f; } .chart-stat-card-2 .chart-stat-graph { background-color: #c29d0b; } .chart-stat-card-3 .chart-stat-cont { background-color: #0073aa; } .chart-stat-card-3 .chart-stat-graph { background-color: #005077; } .checkbox-fade label { line-height: 25px; } .card-block .new-task .fade-in-primary .cr { border: 2px solid #ccc; margin-top: 12px; margin-right: 20px; } .card-block .new-task .fade-in-primary .subject { display: block; margin-left: 35px; margin-bottom: 16px; } .card-block .new-task .fade-in-primary .check-task p { display: block; margin-left: 35px; } .task-list-to-do .card-block .new-task .fade-in-primary span.cr { margin-top: 0; } .client-card .table-responsive .table th { border-top: none; border-bottom: none; vertical-align: middle; } .client-card .table-responsive .table tbody tr:first-child td { border-top: none; } .client-card .table-responsive .table tbody td { vertical-align: middle; } .client-card .table-responsive .table tbody td p { display: inline-block; margin-left: 30px; } .card-task span { padding: 5px 12px; color: #fff; font-weight: 600; font-size: 16px; letter-spacing: 1px; } .card-task .btn-default { background-color: transparent; color: #bdc3c7; border-color: #bdc3c7; cursor: pointer; transition: all ease-in 0.3s; } .news-card h6, .news-card p, .news-card span { color: #fff; } .news-card span { font-style: italic; } .reset-table tr td { vertical-align: middle; } .reset-table tr td img { width: 40px; display: inline-block; } .reset-table tr td .btn { padding: 6px 19px; } .reset-table tr:first-child td, .reset-table tr:first-child th { border-top: none; } .card-visitor-block .card-visitor-button { display: flex; align-items: center; } .card-visitor-block .card-visitor-button .btn-icon { border-radius: 50%; width: 70px; line-height: 30px; height: 70px; padding: 3px; text-align: center; font-size: 30px; } .card-visitor-block .card-visitor-button .btn-icon i { margin: 0; } .card-visitor-block .card-visitor-button .card-contain { display: inline-block; margin-left: 20px; text-align: left; } .card-visitor-block .card-visitor-button .card-contain h6 { font-size: 18px; font-weight: 600; color: #222; } .weather-card-1 { color: #fff; padding-right: 0; } .weather-card-1 .mob-bg-calender { height: 100%; width: 100%; } .weather-card-1 .mob-bg-calender h3 { padding: 20px 0; } .weather-card-1 .mob-bg-calender .weather-temp { font-size: 80px; } .weather-card-1 h5 { color: #fff; } .weather-card-1 #sun { width: 130px; height: 130px; } .weather-card-1 #sun .climacon_component-stroke { fill: #fff; } #w-svg-1.climacon, #w-svg-2.climacon, #w-svg-3.climacon, #w-svg-4.climacon { width: 85px; height: 85px; display: block; margin: 25px auto; } .weather-calender .pignose-calendar { width: auto; max-width: initial; box-shadow: none; border: none; border-left: 1px solid #ddd; } .weather-calender .pignose-calendar .pignose-calendar-top { box-shadow: none; } .weather-calender .pignose-calendar-unit.pignose-calendar-unit-active a { background-color: #0073aa; box-shadow: none; } .card-notification { position: relative; } .card-notification:before { content: ""; width: 15px; height: 15px; border: 2px solid #0073aa; border-radius: 50%; position: absolute; } .card-notification:after { content: ""; background: #bdc3c7; height: 55px; width: 2px; position: absolute; top: 20px; left: 7px; } .card-notification .card-noti-conatin { margin-left: 30px; } .card-notification .card-noti-conatin span { color: #2ecc71; } .card-status p { display: inline-block; } .card-comment-icon .btn-primary, .card-comment-icon .sweet-alert button.confirm, .sweet-alert .card-comment-icon button.confirm, .card-comment-icon .wizard > .actions a, .wizard > .actions .card-comment-icon a { background-color: #005077; border: 3px solid #0095dd; } .card-comment-icon .btn-warning { background-color: #c29d0b; border: 3px solid #f4d03f; } .card-comment-icon .btn-success { background-color: #25a25a; border: 3px solid #54d98c; } .card-comment-icon .btn-icon { border-radius: 50%; width: 80px; line-height: 30px; height: 80px; padding: 3px; text-align: center; font-size: 25px; } .card-comment-icon .btn-icon i { margin: 0; } .card-msg { position: relative; } .card-msg:first-child .card-msg-img:after { background-color: #2ecc71; } .card-msg:nth-child(2) .card-msg-img:after { background-color: #f1c40f; } .card-msg:nth-child(3) .card-msg-img:after { background-color: #0073aa; } .card-msg:last-child .card-msg-img:after { background-color: #2ecc71; } .card-msg .card-msg-img { position: relative; } .card-msg .card-msg-img img { width: 50px; position: absolute; } .card-msg .card-msg-img:after { content: ""; position: absolute; height: 10px; width: 10px; border-radius: 50px; left: 40px; top: 5px; border: 1px solid #fff; } .card-msg .card-msg-contain { display: inline-block; margin-left: 70px; } .card-msg .card-msg-contain span { color: #222; font-size: 15px; } .card-contact .widget-profile-card-1 { position: relative; margin-bottom: 70px; } .card-contact .widget-profile-card-1 .bg-layer { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } .card-contact .widget-profile-card-1 img { width: 100%; } .card-contact .widget-profile-card-1 .btn-icon { position: absolute; top: 30px; } .card-contact .widget-profile-card-1 .btn-icon.b-lft { left: 30px; } .card-contact .widget-profile-card-1 .btn-icon.b-rgt { right: 30px; } .card-contact .widget-profile-card-1 .btn-icon i { margin: 0; } .card-contact .middle-user img { width: 115px; border-radius: 50%; height: 100%; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } .card-contact h5 { color: #222; } .customtext { border: 2px solid #bdc3c7; padding: 5px 20px; position: absolute; } .customtext span { display: block; font-size: 16px; color: #222; } .product-table .table td { vertical-align: middle; } .product-table .table td .btn { padding: 5px 18px; } .product-table .table tr:first-child td, .product-table .table tr:first-child th { border-top: none; } .order-task .table td { vertical-align: middle; } .order-task .table td img { width: 50px; display: inline-block; } .order-task .table td p { margin: 0; } .order-task .table td .btn { padding: 6px 19px; } .order-task .table tbody tr:first-child td { border-top: none; } .warning-border { border-top-color: #f1c40f; } .success-border { border-top-color: #2ecc71; } .social-widget-card { border-top: none; color: #fff; } .social-widget-card:hover i { opacity: 1; transform: scale(1.1); } .social-widget-card i { position: absolute; right: 30px; top: 50px; font-size: 48px; opacity: 0.4; transition: all ease-in 0.3s; } .bg-facebook { background-color: #3B5998; } .bg-dribbble { background-color: #EA4C89; } .bg-twitter { background-color: #4099FF; } .bg-linkein { background-color: #0077B5; } .bg-google-plus { background-color: #d34836; } .txt-facebook { color: #3B5998; } .txt-dribbble { color: #EA4C89; } .txt-twitter { color: #4099FF; } .txt-linkein { color: #0077B5; } .txt-google-plus { color: #d34836; } .widget-profile-card-1 { position: relative; margin-bottom: 50px; } .widget-profile-card-1 .middle-user { position: absolute; left: 0; right: 0; width: 100%; margin: 0 auto; text-align: center; bottom: -60px; } .widget-profile-card-1 .middle-user img { width: 115px; border-radius: 50%; } .widget-profile-card-1 ~ .card-footer [class*=col-] { border-right: 1px solid #fff; } .widget-profile-card-1 ~ .card-footer [class*=col-]:last-child { border: none; } .weather-bg-card { position: relative; } .weather-bg-card img { width: 100%; } .weather-bg-card .card-block { position: absolute; bottom: 20px; width: 100%; text-align: center; } .weather-bg-card h5 { color: #fff; } .weather-bg-card .card-block-big { position: absolute; top: 0; } .weather-bg-card .card-block-big span { color: #fff; } .weather-bg-card .weather-temp { font-size: 70px; color: #fff; } .weather-bg-card ~ .card-footer { border-top: none; } .table-1-card .table th { border-top: none; } .table-1-card .card-block { padding-top: 10px; padding-bottom: 0; } .widget-content-footer { padding-top: 25px; padding-bottom: 25px; font-size: 16px; background-color: #e6e9ea; } .tab-card .media { margin-bottom: 10px; } .tab-card .media:last-child { margin-bottom: 0; } .social-card { min-height: 170px; position: relative; } .social-card .social-bg-card, .social-card .social-cont { position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); } .social-card .social-cont { top: 0; left: 0; background-color: #fff; z-index: 10; display: flex; align-items: center; overflow: hidden; } .social-card .social-cont .s-main-cont { margin: 0 auto; } .social-card .social-cont:after { content: ""; border: 8px solid transparent; position: absolute; transform: rotate(45deg); bottom: -8px; left: calc(50% - 10px); } .social-card .social-cont.fb-card:after { border-top: 8px solid #3B5998; border-left: 8px solid #3B5998; } .social-card .social-cont.db-card:after { border-top: 8px solid #EA4C89; border-left: 8px solid #EA4C89; } .social-card .social-cont .bg-icon { font-size: 150px; position: absolute; right: -50px; bottom: -50px; opacity: 0.1; } .social-card .social-cont i { font-size: 35px; } .social-card .social-bg-card { bottom: 0; right: 0; z-index: 0; } .social-card .social-bg-card span { position: absolute; right: -24px; transform: rotate(90deg); bottom: 50px; font-weight: 600; color: #fff; } @media only screen and (max-width: 768px) { .weather-card-1 .mob-bg-calender .weather-temp { font-size: 50px; } .weather-card-1 #sun { width: 100px; height: 100px; } #w-svg-1.climacon, #w-svg-2.climacon, #w-svg-3.climacon, #w-svg-4.climacon { width: 60px; height: 60px; margin: 0 auto; } } @media only screen and (max-width: 576px) { .weather-card-1 { padding-right: 0; } .weather-card-1 .mob-bg-calender .weather-temp { font-size: 60px; } .daily-whether div { margin: 20px 0; } .climacon { margin: 0 auto; } .p-l-0 { padding-left: 15px; } } @media only screen and (max-width: 420px) { .review-card .card-block .review-social-link li .btn { margin: 5px 4px 5px 0; } .chart-stat-card-1 .chart-stat-graph span, .chart-stat-card-2 .chart-stat-graph span, .chart-stat-card-3 .chart-stat-graph span { margin-left: -15px; } .user-card-block .card-block .card-data div > div { max-width: 50%; width: 50%; flex: 0 0 50%; } .user-card-block .card-block .card-data div > div:nth-child(even) { border-right: none; } .card-contact .widget-profile-card-1 .middle-user { bottom: -40px; } .card-contact .widget-profile-card-1 .middle-user img { width: 80px; } .card-contact .widget-profile-card-1 .btn-icon { top: 15px; } .card-contact .widget-profile-card-1 .btn-icon.b-lft { left: 15px; } .card-contact .widget-profile-card-1 .btn-icon.b-rgt { right: 15px; } .card-task > div > div > div { max-width: 100%; width: 100%; flex: 0 0 100%; text-align: center; } .info-block { margin-left: 10px; } } /** ===================== Theme-dashboard css start ========================== **/ .d-timeline-btn .f-right { height: 40px; width: 40px; border-radius: 50px; cursor: pointer; padding: 0; } .d-timeline-btn .f-right i { margin-right: 0; } #datebasechart { height: 590px; width: 100%; } .bullet { font: 10px sans-serif; } .bullet .marker { stroke: #000; stroke-width: 2px; } .bullet .tick line { stroke: #666; stroke-width: .5px; } .bullet .range.s0 { fill: #eee; } .bullet .range.s1 { fill: #ddd; } .bullet .range.s2 { fill: #ccc; } .bullet .measure.s0 { fill: lightsteelblue; } .bullet .measure.s1 { fill: steelblue; } .bullet .title { font-size: 14px; font-weight: bold; } .bullet .subtitle { fill: #999; } .section-graph { position: relative; height: 151px; color: #fff; background: #55bc75; background-image: linear-gradient(#55bc75, #55bc75 50%, #4daf7c 50%); } .section-graph .graph-info { z-index: 99; position: absolute; font-weight: bold; margin-top: 18px; margin-left: 21px; width: 100px; } .section-graph .graph-info .graph-arrow { width: 0; height: 0; margin-top: 18px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid white; float: left; } .section-graph .graph-info .graph-info-big { font-size: 24px; float: left; margin-left: 3px; } .section-graph .graph-info .graph-info-small { margin-left: 3px; font-size: 12px; font-weight: normal; color: rgba(255, 255, 255, 0.5); clear: left; margin-left: 8px; } /* * Info Section */ .section-info { padding: 21px 21px 21px; color: #8a786a; overflow: hidden; } .info-time { font-size: 12px; } .info-block { background-color: #fff; border: 1px solid #ccc; text-align: center; width: 120px; border-radius: 3px; float: left; padding: 4px 0; } .info-block dt, .info-block dd { margin: 0; padding: 0; } .info-block dt { font-weight: bold; } .info-block dd { font-size: 12px; } .info-aapl { float: left; margin-top: 20px; } .info-aapl h4 { font-size: 13px; font-weight: normal; margin-bottom: 10px; } .info-aapl ul { margin: 0; padding: 0; } .info-aapl li { margin: 0; display: block; width: 9px; height: 40px; margin-right: 6px; background-color: #f5f0ec; float: left; position: relative; } .info-aapl li span { display: block; width: 9px; height: 40px; position: absolute; bottom: 0; } .info-aapl li span.orange { background-color: #f1c40f; } .info-aapl li span.green { background-color: #2ecc71; } .yearly-change { width: 94px; float: right; margin-top: 20px; } .yearly-change h4 { font-size: 13px; font-weight: normal; margin-bottom: 10px; } .yearly-change span { display: block; height: 40px; line-height: 40px; color: white; background-color: #0073aa; text-align: center; border-radius: 3px; font-weight: bold; } .yearly-change span em { color: rgba(255, 255, 255, 0.7); } .analytic-table tr td:first-child { padding-left: 20px; } .analytic-table tr td:last-child { padding-right: 30px; text-align: right; font-size: 16px; } .analytic-table span { display: block; } .analytic-table .count { font-size: 18px; font-weight: 600; } .analytic-table .table-msg { font-size: 14px; margin-top: 5px; } .analytic-user i { font-size: 52px; color: #0073aa; } .analytic-user .card-footer { padding-top: 25px; padding-bottom: 25px; font-size: 16px; background-color: #e6e9ea; } .analytic-user h1 { margin: 25px 0; font-weight: 300; } .analytic-user h4 { font-size: 20px; color: #3498DB; font-weight: 600; } /**====== Theme-dashboard css end ======**/ /** ===================== Alert css start ========================== **/ .alert { font-size: 15px; margin-bottom: 2rem; } .alert.icons-alert { border-left-width: 48px; } .alert.icons-alert .alert-icon { left: 15px; position: relative; text-align: center; top: 0; z-index: 3; } .alert.icons-alert p { line-height: 21px; margin-bottom: 0; } .close { font-size: 16px; margin-top: 5px; } /*===== Primary alert ===== */ .alert-default { background-color: #fff; border-color: #bdc3c7; color: #bdc3c7; } .alert-primary { background-color: #fff; border-color: #0073aa; color: #0073aa; } .alert-success { background-color: #fff; border-color: #2ecc71; color: #2ecc71; } .alert-info { background-color: #fff; border-color: #3498DB; color: #3498DB; } .alert-warning { background-color: #fff; border-color: #f1c40f; color: #f1c40f; } .alert-danger { background-color: #fff; border-color: #e74c3c; color: #e74c3c; } /*===== Border alert ===== */ .border-default { border-color: transparent; border-left: 3px solid #bdc3c7; border-radius: 0; box-shadow: 0 0 1px #999; color: #bdc3c7; } .border-primary { border-color: transparent; border-left: 3px solid #0073aa; border-radius: 0; box-shadow: 0 0 1px #999; color: #0073aa; } .border-success { border-color: transparent; border-left: 3px solid #2ecc71; border-radius: 0; box-shadow: 0 0 1px #999; color: #2ecc71; } .border-info { border-color: transparent; border-left: 3px solid #3498DB; border-radius: 0; box-shadow: 0 0 1px #999; color: #3498DB; } .border-warning { border-color: transparent; border-left: 3px solid #f1c40f; border-radius: 0; box-shadow: 0 0 1px #999; color: #f1c40f; } .border-danger { border-color: transparent; border-left: 3px solid #e74c3c; border-radius: 0; box-shadow: 0 0 1px #999; color: #e74c3c; } /*===== Solid-background alert ===== */ .background-default { background-color: #bdc3c7; color: #fff; } .background-primary { background-color: #0073aa; color: #fff; } .background-success { background-color: #2ecc71; color: #fff; } .background-info { background-color: #3498DB; color: #fff; } .background-warning { background-color: #f1c40f; color: #fff; } .background-danger { background-color: #e74c3c; color: #fff; } .icons-alert { position: relative; } .icons-alert:before { color: #fff; content: '\f027'; font-family: 'IcoFont' !important; font-size: 16px; left: -30px; position: absolute; } [class*="alert-"] code { margin-left: 10px; } /*======= Alert css ends ===========*/ /* ======================================= Authentication-page css start ========================================= */ .common-img-bg { background-size: cover; background: url(../images/bg.jpg) no-repeat center center fixed; height: 100%; } @media only screen and (max-width: 992px) { .common-img-bg { background: #f3f3f3 !important; } } .login-card { border-radius: 30px; position: relative; display: block; } .login-card h1 { font-size: 25px; font-weight: 400; margin-bottom: 20px; text-align: center; } .login { text-align: left; } .login ul li label { color: #757575; font-weight: 600; letter-spacing: 1px; } .login h3 { color: #666666; font-size: 24px; font-weight: 600; margin-top: 20px; } .login.header { align-items: flex-start; } .header .login-card { margin-top: 30px; } .social-login { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 30px; } .social-login .btn { margin-left: 5px; margin-right: 5px; } .login-card .card-footer { background: #fff; } .login-card h1 { color: #1b8bf9; } .login-card .forget { border-bottom: 1px solid #fff; font-size: 24px; line-height: 0.6; } .login-card h3 { color: #666666; font-size: 24px; font-weight: 600; margin-top: 20px; } .btn-signup .btn-md, .btn-singin1 .btn-md, .btn-singin2 .btn-md { font-size: 22px; font-weight: 400; width: 400px; } .form-group-main .form-group { margin: 30px 0; } .login-card .unlock, .login-card .btn-forgot { text-align: center; } .imgs-screen .img-circle { padding: 4px; border: 1px solid #E6E6E4; } .sign-in-with { font-weight: 600; margin: 24px auto 16px; position: relative; text-align: center; } .sign-in-with .text { display: inline-block; padding: 0 8px; position: relative; vertical-align: baseline; z-index: 9999; } .sign-in-with .text:after { left: 100%; } .sign-in-with .text:before { right: 100%; } .sign-in-with .text:after, .sign-in-with .text:before { border-top: 1px solid rgba(0, 0, 0, 0.28); content: ''; display: block; position: absolute; top: 8px; width: 60px; } .error-500, .error-503, .error-404, .error-400, .error-403, .login { align-items: center; background-color: #2196F3; display: flex; height: 100%; position: fixed; text-align: center; width: 100%; } .pos-relative.login { position: relative !important; } .auth-box { background-color: #fff; border-radius: 8px; margin: 20px 0 0 0; padding: 20px; } .auth-box .confirm h3 { color: #0073aa; font-size: 34px; } .auth-box i.icofont-check-circled { font-size: 42px; } .btn-facebook { background-color: #3c5a99; border-color: #3c5a99; border-radius: 2px; color: #fff; cursor: pointer; } .btn-twitter { background-color: #41abe1; border-color: #41abe1; border-radius: 2px; color: #fff; cursor: pointer; } .btn-google-plus, .btn-linkedin, .btn-pinterest { border-radius: 2px; } .footer { bottom: 0; position: fixed; width: 100%; z-index: 9; } .footer p { margin-bottom: 0; padding: 18px; width: 100%; } .login-card-modal { margin: 0 auto; } .login.login-modal-main { background-color: #fff; } .mixed-form .tabbed-modal .nav-link h6 { padding: 10px 0; } .mixed-form .tabbed-modal .nav-link { background-color: #f5f5f5; border-radius: none; color: #888; } .mixed-form .tabbed-modal .nav-link.active { background-color: transparent; border-color: transparent; color: #34495e; } .mixed-form .modal-body { padding: 0; } .mixed-form .auth-box { background-color: #fff; border-radius: 8px; margin: 10px; padding: 10px; } .mixed-form .auth-box h3 { color: #666666; font-size: 22px; font-weight: 600; margin-top: 20px; } .mixed-form .auth-box i.icofont-check-circled { font-size: 42px; } .auth-box-main .navbar-nav li { color: #fff; line-height: 40px; } .offline-404 { background-color: #f3f3f3; } .offline-404 .auth-body { margin-top: -100px; } .offline-404 h1 { color: #2c3e50; font-size: 160px; font-weight: 600; letter-spacing: 5px; text-shadow: 3px -2px 4px rgba(128, 128, 128, 0.57); } .offline-404 h2 { color: #aaa; font-weight: 600; margin-bottom: 40px; margin-top: 30px; } @media only screen and (max-width: 992px) { .header-navbar { width: 100%; } .auth-body .text-center img { display: none; } .error-500, .error-503, .error-404, .error-400, .error-403, .login { display: block !important; position: relative !important; } .offline-404 .auth-body { margin-top: 100px; } } @media only screen and (max-width: 480px) { .auth-body { margin-bottom: 45px; } } /**====== Authentication-page css end ======**/ /** ===================== Breadcrumb css start ========================== **/ .caption-breadcrumb .breadcrumb-header, .primary-breadcrumb .breadcrumb-header, .inverse-breadcrumb .breadcrumb-header, .danger-breadcrumb .breadcrumb-header, .info-breadcrumb .breadcrumb-header, .warning-breadcrumb .breadcrumb-header, .success-breadcrumb .breadcrumb-header { display: inline-block; } .caption-breadcrumb .breadcrumb-header span, .primary-breadcrumb .breadcrumb-header span, .inverse-breadcrumb .breadcrumb-header span, .danger-breadcrumb .breadcrumb-header span, .info-breadcrumb .breadcrumb-header span, .warning-breadcrumb .breadcrumb-header span, .success-breadcrumb .breadcrumb-header span { display: block; font-size: 13px; margin-top: 5px; } .front-icon-breadcrumb .breadcrumb-header { display: inline-block; } .front-icon-breadcrumb .big-icon { display: inline-block; } .front-icon-breadcrumb .big-icon i { font-size: 64px; color: #0073aa; } .front-icon-breadcrumb .d-inline-block span { display: block; font-size: 13px; margin-top: 5px; } .primary-breadcrumb, .inverse-breadcrumb, .danger-breadcrumb, .info-breadcrumb, .warning-breadcrumb, .success-breadcrumb { background-color: #0073aa; color: #fff; } .primary-breadcrumb h5, .inverse-breadcrumb h5, .danger-breadcrumb h5, .info-breadcrumb h5, .warning-breadcrumb h5, .success-breadcrumb h5, .primary-breadcrumb a, .inverse-breadcrumb a, .danger-breadcrumb a, .info-breadcrumb a, .warning-breadcrumb a, .success-breadcrumb a, .primary-breadcrumb .breadcrumb-title li:last-child a, .inverse-breadcrumb .breadcrumb-title li:last-child a, .danger-breadcrumb .breadcrumb-title li:last-child a, .info-breadcrumb .breadcrumb-title li:last-child a, .warning-breadcrumb .breadcrumb-title li:last-child a, .success-breadcrumb .breadcrumb-title li:last-child a, .primary-breadcrumb .breadcrumb-item + .breadcrumb-item::before, .inverse-breadcrumb .breadcrumb-item + .breadcrumb-item::before, .danger-breadcrumb .breadcrumb-item + .breadcrumb-item::before, .info-breadcrumb .breadcrumb-item + .breadcrumb-item::before, .warning-breadcrumb .breadcrumb-item + .breadcrumb-item::before, .success-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #fff; } .inverse-breadcrumb { background-color: #34495e; } .danger-breadcrumb { background-color: #e74c3c; } .info-breadcrumb { background-color: #3498DB; } .warning-breadcrumb { background-color: #f1c40f; } .success-breadcrumb { background-color: #2ecc71; } /**====== Breadcrumb css end ======**/ /** ===================== Chart css start ========================== **/ .nvd-chart { height: 400px; } .peity-chart .peity { width: 100%; height: 250px; } #areachart .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke: #187c68; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } .morris-hover { position: absolute; left: auto !important; top: -70px !important; right: 0; background: #fff; padding: 20px; border: 1px solid #ccc; } /**====== Chart css end ======**/ /** ===================== Chatting css start ========================== **/ .chat-bg { background-image: url("../images/chat-bg.jpg"); background-size: cover; background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.45); } #main-chat .chat-single-box.active .chat-header { background-color: #0073aa; } #main-chat .chat-single-box.active .chat-header a { color: #fff; } #main-chat .chat-single-box .chat-header a { color: #fff; } #main-chat .chat-box ul.boxs li.chat-single-box .chat-header.custom-collapsed { position: absolute; bottom: 0; width: 300px; } #main-chat .minimized { background-color: #1e2730; } #main-chat .user-groups { padding-left: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } #main-chat .user-groups .userlist-box { border-bottom: none; } #main-chat .user-groups .userlist-box:last-child { padding-bottom: 0; margin-bottom: 0; } #main-chat .user-groups .media { padding-left: 0; } #main-chat .user-groups h6 { font-size: 15px; font-weight: 600; margin-bottom: 20px; } #main-chat .user-groups li { margin-bottom: 20px; } #main-chat .user-groups li:last-child { margin-bottom: 0; } #main-chat .user-groups li.work, #main-chat .user-groups li.frnds { position: relative; padding-left: 20px; } #main-chat .user-groups li.work:before, #main-chat .user-groups li.frnds:before { content: ''; position: absolute; height: 10px; width: 10px; background-color: #2ecc71; border-radius: 50px; left: 0; top: 6px; } #main-chat .user-groups li.frnds:before { background-color: #e74c3c; } .user-box { height: 100%; } .close { opacity: 1; } .write-msg { padding: 12px; bottom: 10px; border-top: 1px solid #ddd; } .write-msg #paper-btn i { font-size: 18px; margin-right: 0; cursor: pointer; } .chat-box .secondary:active:hover { background-color: #fff; } #main-chat .chat-box ul.boxs li.minimized { height: 30px; width: 30px; bottom: 0; position: absolute; left: -50px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; cursor: pointer; } #main-chat .chat-box ul.boxs li.minimized .count { color: #fff; text-align: center; margin: 5px; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown { list-style: none; display: none; position: absolute; background-color: #f5f5f5; -webkit-box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.5); -moz-box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.5); box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.5); width: 150px; z-index: 100; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 0; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li { padding: 2px 5px; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li div { display: inline-block; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .username { width: 85%; height: 22px; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove { width: 13%; padding: 2PX 4PX; float: right; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove:hover { background-color: #c0c0c0 !important; } #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li:hover { color: black; } #main-chat .chat-box ul.boxs li.hidden { display: none; } .chat-single-box { height: 440px; float: right; width: 300px; margin-right: 15px; direction: ltr; z-index: 999; bottom: 0; } .chat-single-box .chat-header { background-color: #bdc3c7; color: #fff; } .box-live-status { height: 10px; width: 10px; border-radius: 100%; border: 1px solid; } .chat-msg-img { height: 50px; width: 50px; } .msg-reply { padding: 5px; position: relative; right: 10px; border-radius: 2px; top: 6px; margin-bottom: 10px; } .header-users { right: 0; top: 103px; width: 300px; height: 100%; } .users { right: 0; top: 103px; width: 300px; height: 100%; } .p-chat-user { position: fixed; top: 50px; z-index: 99; border-left: 1px solid #ccc; } .users-main { height: 100%; width: 300px; position: fixed; border-radius: 0px; } .userlist-box { cursor: pointer; border-bottom: 1px solid #efefef; } .userlist-box .media-left { padding-right: 10px; } .users-main .media { display: flex; align-items: center; padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; position: relative; } .user-box .media-object { height: 45px; width: 45px; display: inline-block; } .chat-menu-content, .chat-menu-reply { background: #f3f3f3; position: relative; overflow: visible; border-radius: 4px; } .chat-menu-content:before { position: absolute; top: 20px; left: -14px; width: 0; height: 0; content: ''; border: 8px solid transparent; border-right-color: #f3f3f3; } .chat-menu-reply:before { position: absolute; top: 20px; right: -14px; width: 0; height: 0; content: ''; border: 8px solid transparent; border-left-color: #0073aa; } .chat-reply-box { background-color: #fff; position: absolute; bottom: 43px; width: 100%; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; border-top: 1px solid #ccc; } .chat-inner-header { text-align: center; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding: 20px; } .chat-send { position: absolute; bottom: 5px; right: 0; border: none; background-color: transparent; color: #0073aa; transform: rotate(45deg); } .showChat_inner .chat-messages { padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .chat-menu-content .chat-cont, .chat-menu-reply .chat-cont { padding: 10px; } .chat-menu-content .chat-time, .chat-menu-reply .chat-time { padding-left: 10px; padding-bottom: 10px; } .back_chatBox { margin: 0 auto; font-weight: 600; } .back_chatBox i { float: left; position: absolute; margin-top: 5px; left: 20px; cursor: pointer; } .designation { cursor: pointer; } .extra-profile-list { display: none; } .chat-menu-reply .chat-cont, .chat-menu-reply .chat-time { color: #fff; } .chat-menu-reply { background: #0073aa; margin-right: 10px; } .users-main .media .chat-header { font-size: 14px; font-weight: 600; } .users-main .media-body div + div { font-size: 12px; } .chat-body { overflow-y: auto; height: 340px; } .users-main-fix { height: auto; position: fixed; bottom: 0px; top: 151px; } .chat-footer, .chat-link { border-color: #0073aa; } .chat-footer .input-group-addon { padding: 7px .75rem; } .form-control:focus ~ .chat-send { border-color: #0073aa; } .minimized-box { padding: 5px 10px; } .write-msg input { border-radius: 0; border-right: 0; } .write-msg .btn { box-shadow: none; border-left: 0; font-size: 14px; } .write-msg .btn-secondary:hover { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-left: 0; } .form-control:focus ~ .input-group-btn .btn-secondary { border-color: #66afe9; color: #0073aa; } .img-chat-profile { height: 45px; width: 45px; } .chat-minimize .chat-body, .chat-minimize .chat-footer { display: none; } .chat-box { margin-right: 290px; height: 440px; position: fixed; bottom: 0; right: 0; z-index: 99; } .user-box .media-object, .friend-box .media-object { height: 45px; width: 45px; display: inline-block; } .friend-box img { margin-right: 10px; margin-bottom: 10px; } .chat-header { color: #222222; } .live-status { height: 10px; width: 10px; position: absolute; top: 20px; right: 20px; border-radius: 100%; border: 1px solid; } .showChat { display: none; } .showChat_inner { position: fixed; top: 50px; background-color: white; right: 0; display: none; width: 300px; height: 100%; z-index: 99; border-left: 1px solid #ccc; } /**====== Chatting css end ======**/ /* ======================= Start Color-page Css =========================== */ .amber-colors ul li p, .bg-danger li p, .bg-default li p, .bg-info li p, .bg-primary li p, .bg-success li p, .bg-warning li p, .blue-colors ul li p, .blue-grey-colors ul li p, .brown-colors ul li p, .cyan-colors ul li p, .deep-orange-colors ul li p, .deep-purple-colors ul li p, .green-colors ul li p, .grey-colors ul li p, .indigo-colors ul li p, .light-blue-colors ul li p, .light-green-colors ul li p, .lime-colors ul li p, .orange-colors ul li p, .pink-colors ul li p, .purple-colors ul li p, .red-colors ul li p, .teal-colors ul li p, .yellow-colors ul li p, .primary-colorr ul li p, .success-colorr ul li p, .info-colorr ul li p, .warning-colorr ul li p, .danger-colorr ul li p { font-size: 18px; padding: 10px 0; text-align: center; text-transform: uppercase; color: #fff; margin-bottom: 0; } /**====== Accent-red-color css start ======**/ .red-colors ul li:nth-child(14) { background-color: #e40505; } .red-colors ul li:nth-child(14) p:before { content: "#e40505"; } .red-colors ul li:nth-child(13) { background-color: #f30606; } .red-colors ul li:nth-child(13) p:before { content: "#f30606"; } .red-colors ul li:nth-child(12) { background-color: #f90f0f; } .red-colors ul li:nth-child(12) p:before { content: "#f90f0f"; } .red-colors ul li:nth-child(11) { background-color: #fa1d1d; } .red-colors ul li:nth-child(11) p:before { content: "#fa1d1d"; } .red-colors ul li:nth-child(10) { background-color: #fa2c2c; } .red-colors ul li:nth-child(10) p:before { content: "#fa2c2c"; } .red-colors ul li:nth-child(9) { background-color: #fa3b3b; } .red-colors ul li:nth-child(9) p:before { content: "#fa3b3b"; } .red-colors ul li:nth-child(8) { background-color: #fb4a4a; } .red-colors ul li:nth-child(8) p:before { content: "#fb4a4a"; } .red-colors ul li:nth-child(7) { background-color: #fb5959; } .red-colors ul li:nth-child(7) p:before { content: "#fb5959"; } .red-colors ul li:nth-child(6) { background-color: #fb6868; } .red-colors ul li:nth-child(6) p:before { content: "#fb6868"; } .red-colors ul li:nth-child(5) { background-color: #fc7777; } .red-colors ul li:nth-child(5) p:before { content: "#fc7777"; } .red-colors ul li:nth-child(4) { background-color: #fc8686; } .red-colors ul li:nth-child(4) p:before { content: "#fc8686"; } .red-colors ul li:nth-child(3) { background-color: #fd9595; } .red-colors ul li:nth-child(3) p:before { content: "#fd9595"; } .red-colors ul li:nth-child(2) { background-color: #fda4a4; } .red-colors ul li:nth-child(2) p:before { content: "#fda4a4"; } .red-colors ul li:nth-child(1) { background-color: #fdb3b3; } .red-colors ul li:nth-child(1) p:before { content: "#fdb3b3"; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .pink-colors ul li:nth-child(14) { background-color: #d4166c; } .pink-colors ul li:nth-child(14) p:before { content: "#d4166c"; } .pink-colors ul li:nth-child(13) { background-color: #e21873; } .pink-colors ul li:nth-child(13) p:before { content: "#e21873"; } .pink-colors ul li:nth-child(12) { background-color: #e7217b; } .pink-colors ul li:nth-child(12) p:before { content: "#e7217b"; } .pink-colors ul li:nth-child(11) { background-color: #e92f83; } .pink-colors ul li:nth-child(11) p:before { content: "#e92f83"; } .pink-colors ul li:nth-child(10) { background-color: #ea3d8b; } .pink-colors ul li:nth-child(10) p:before { content: "#ea3d8b"; } .pink-colors ul li:nth-child(9) { background-color: #ec4b94; } .pink-colors ul li:nth-child(9) p:before { content: "#ec4b94"; } .pink-colors ul li:nth-child(8) { background-color: #ed599c; } .pink-colors ul li:nth-child(8) p:before { content: "#ed599c"; } .pink-colors ul li:nth-child(7) { background-color: #ef67a4; } .pink-colors ul li:nth-child(7) p:before { content: "#ef67a4"; } .pink-colors ul li:nth-child(6) { background-color: #f074ac; } .pink-colors ul li:nth-child(6) p:before { content: "#f074ac"; } .pink-colors ul li:nth-child(5) { background-color: #f282b5; } .pink-colors ul li:nth-child(5) p:before { content: "#f282b5"; } .pink-colors ul li:nth-child(4) { background-color: #f390bd; } .pink-colors ul li:nth-child(4) p:before { content: "#f390bd"; } .pink-colors ul li:nth-child(3) { background-color: #f59ec5; } .pink-colors ul li:nth-child(3) p:before { content: "#f59ec5"; } .pink-colors ul li:nth-child(2) { background-color: #f6accd; } .pink-colors ul li:nth-child(2) p:before { content: "#f6accd"; } .pink-colors ul li:nth-child(1) { background-color: #f8bad6; } .pink-colors ul li:nth-child(1) p:before { content: "#f8bad6"; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .purple-colors ul li:nth-child(14) { background-color: #b014ff; } .purple-colors ul li:nth-child(14) p:before { content: "#b014ff"; } .purple-colors ul li:nth-child(13) { background-color: #b524ff; } .purple-colors ul li:nth-child(13) p:before { content: "#b524ff"; } .purple-colors ul li:nth-child(12) { background-color: #ba33ff; } .purple-colors ul li:nth-child(12) p:before { content: "#ba33ff"; } .purple-colors ul li:nth-child(11) { background-color: #c042ff; } .purple-colors ul li:nth-child(11) p:before { content: "#c042ff"; } .purple-colors ul li:nth-child(10) { background-color: #c551ff; } .purple-colors ul li:nth-child(10) p:before { content: "#c551ff"; } .purple-colors ul li:nth-child(9) { background-color: #ca61ff; } .purple-colors ul li:nth-child(9) p:before { content: "#ca61ff"; } .purple-colors ul li:nth-child(8) { background-color: #cf70ff; } .purple-colors ul li:nth-child(8) p:before { content: "#cf70ff"; } .purple-colors ul li:nth-child(7) { background-color: #d47fff; } .purple-colors ul li:nth-child(7) p:before { content: "#d47fff"; } .purple-colors ul li:nth-child(6) { background-color: #d98fff; } .purple-colors ul li:nth-child(6) p:before { content: "#d98fff"; } .purple-colors ul li:nth-child(5) { background-color: #de9eff; } .purple-colors ul li:nth-child(5) p:before { content: "#de9eff"; } .purple-colors ul li:nth-child(4) { background-color: #e4adff; } .purple-colors ul li:nth-child(4) p:before { content: "#e4adff"; } .purple-colors ul li:nth-child(3) { background-color: #e9bdff; } .purple-colors ul li:nth-child(3) p:before { content: "#e9bdff"; } .purple-colors ul li:nth-child(2) { background-color: #eeccff; } .purple-colors ul li:nth-child(2) p:before { content: "#eeccff"; } .purple-colors ul li:nth-child(1) { background-color: #f3dbff; } .purple-colors ul li:nth-child(1) p:before { content: "#f3dbff"; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .deep-purple-colors ul li:nth-child(14) { background-color: #6b05f9; } .deep-purple-colors ul li:nth-child(14) p:before { content: "#6b05f9"; } .deep-purple-colors ul li:nth-child(13) { background-color: #7414fa; } .deep-purple-colors ul li:nth-child(13) p:before { content: "#7414fa"; } .deep-purple-colors ul li:nth-child(12) { background-color: #7d23fa; } .deep-purple-colors ul li:nth-child(12) p:before { content: "#7d23fa"; } .deep-purple-colors ul li:nth-child(11) { background-color: #8632fb; } .deep-purple-colors ul li:nth-child(11) p:before { content: "#8632fb"; } .deep-purple-colors ul li:nth-child(10) { background-color: #8f41fb; } .deep-purple-colors ul li:nth-child(10) p:before { content: "#8f41fb"; } .deep-purple-colors ul li:nth-child(9) { background-color: #9850fb; } .deep-purple-colors ul li:nth-child(9) p:before { content: "#9850fb"; } .deep-purple-colors ul li:nth-child(8) { background-color: #a05ffc; } .deep-purple-colors ul li:nth-child(8) p:before { content: "#a05ffc"; } .deep-purple-colors ul li:nth-child(7) { background-color: #a96efc; } .deep-purple-colors ul li:nth-child(7) p:before { content: "#a96efc"; } .deep-purple-colors ul li:nth-child(6) { background-color: #b27cfc; } .deep-purple-colors ul li:nth-child(6) p:before { content: "#b27cfc"; } .deep-purple-colors ul li:nth-child(5) { background-color: #bb8bfd; } .deep-purple-colors ul li:nth-child(5) p:before { content: "#bb8bfd"; } .deep-purple-colors ul li:nth-child(4) { background-color: #c49afd; } .deep-purple-colors ul li:nth-child(4) p:before { content: "#c49afd"; } .deep-purple-colors ul li:nth-child(3) { background-color: #cda9fd; } .deep-purple-colors ul li:nth-child(3) p:before { content: "#cda9fd"; } .deep-purple-colors ul li:nth-child(2) { background-color: #d5b8fd; } .deep-purple-colors ul li:nth-child(2) p:before { content: "#d5b8fd"; } .deep-purple-colors ul li:nth-child(1) { background-color: #dec7fe; } .deep-purple-colors ul li:nth-child(1) p:before { content: "#dec7fe"; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .indigo-colors ul li:nth-child(14) { background-color: #415dfe; } .indigo-colors ul li:nth-child(14) p:before { content: "#415dfe"; } .indigo-colors ul li:nth-child(13) { background-color: #4d68fe; } .indigo-colors ul li:nth-child(13) p:before { content: "#4d68fe"; } .indigo-colors ul li:nth-child(12) { background-color: #5a72fe; } .indigo-colors ul li:nth-child(12) p:before { content: "#5a72fe"; } .indigo-colors ul li:nth-child(11) { background-color: #677dfe; } .indigo-colors ul li:nth-child(11) p:before { content: "#677dfe"; } .indigo-colors ul li:nth-child(10) { background-color: #7388fe; } .indigo-colors ul li:nth-child(10) p:before { content: "#7388fe"; } .indigo-colors ul li:nth-child(9) { background-color: #8093fe; } .indigo-colors ul li:nth-child(9) p:before { content: "#8093fe"; } .indigo-colors ul li:nth-child(8) { background-color: #8d9efe; } .indigo-colors ul li:nth-child(8) p:before { content: "#8d9efe"; } .indigo-colors ul li:nth-child(7) { background-color: #9aa8ff; } .indigo-colors ul li:nth-child(7) p:before { content: "#9aa8ff"; } .indigo-colors ul li:nth-child(6) { background-color: #a6b3ff; } .indigo-colors ul li:nth-child(6) p:before { content: "#a6b3ff"; } .indigo-colors ul li:nth-child(5) { background-color: #b3beff; } .indigo-colors ul li:nth-child(5) p:before { content: "#b3beff"; } .indigo-colors ul li:nth-child(4) { background-color: #c0c9ff; } .indigo-colors ul li:nth-child(4) p:before { content: "#c0c9ff"; } .indigo-colors ul li:nth-child(3) { background-color: #ccd4ff; } .indigo-colors ul li:nth-child(3) p:before { content: "#ccd4ff"; } .indigo-colors ul li:nth-child(2) { background-color: #d9dfff; } .indigo-colors ul li:nth-child(2) p:before { content: "#d9dfff"; } .indigo-colors ul li:nth-child(1) { background-color: #e6e9ff; } .indigo-colors ul li:nth-child(1) p:before { content: "#e6e9ff"; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .blue-colors ul li:nth-child(14) { background-color: #3a6eff; } .blue-colors ul li:nth-child(14) p:before { content: "#3a6eff"; } .blue-colors ul li:nth-child(13) { background-color: #4778ff; } .blue-colors ul li:nth-child(13) p:before { content: "#4778ff"; } .blue-colors ul li:nth-child(12) { background-color: #5381ff; } .blue-colors ul li:nth-child(12) p:before { content: "#5381ff"; } .blue-colors ul li:nth-child(11) { background-color: #608aff; } .blue-colors ul li:nth-child(11) p:before { content: "#608aff"; } .blue-colors ul li:nth-child(10) { background-color: #6d94ff; } .blue-colors ul li:nth-child(10) p:before { content: "#6d94ff"; } .blue-colors ul li:nth-child(9) { background-color: #7a9dff; } .blue-colors ul li:nth-child(9) p:before { content: "#7a9dff"; } .blue-colors ul li:nth-child(8) { background-color: #86a6ff; } .blue-colors ul li:nth-child(8) p:before { content: "#86a6ff"; } .blue-colors ul li:nth-child(7) { background-color: #93b0ff; } .blue-colors ul li:nth-child(7) p:before { content: "#93b0ff"; } .blue-colors ul li:nth-child(6) { background-color: #a0b9ff; } .blue-colors ul li:nth-child(6) p:before { content: "#a0b9ff"; } .blue-colors ul li:nth-child(5) { background-color: #adc3ff; } .blue-colors ul li:nth-child(5) p:before { content: "#adc3ff"; } .blue-colors ul li:nth-child(4) { background-color: #b9ccff; } .blue-colors ul li:nth-child(4) p:before { content: "#b9ccff"; } .blue-colors ul li:nth-child(3) { background-color: #c6d5ff; } .blue-colors ul li:nth-child(3) p:before { content: "#c6d5ff"; } .blue-colors ul li:nth-child(2) { background-color: #d3dfff; } .blue-colors ul li:nth-child(2) p:before { content: "#d3dfff"; } .blue-colors ul li:nth-child(1) { background-color: #e0e8ff; } .blue-colors ul li:nth-child(1) p:before { content: "#e0e8ff"; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .light-blue-colors ul li:nth-child(14) { background-color: #059cf9; } .light-blue-colors ul li:nth-child(14) p:before { content: "#059cf9"; } .light-blue-colors ul li:nth-child(13) { background-color: #14a2fa; } .light-blue-colors ul li:nth-child(13) p:before { content: "#14a2fa"; } .light-blue-colors ul li:nth-child(12) { background-color: #23a8fa; } .light-blue-colors ul li:nth-child(12) p:before { content: "#23a8fa"; } .light-blue-colors ul li:nth-child(11) { background-color: #32aefb; } .light-blue-colors ul li:nth-child(11) p:before { content: "#32aefb"; } .light-blue-colors ul li:nth-child(10) { background-color: #41b4fb; } .light-blue-colors ul li:nth-child(10) p:before { content: "#41b4fb"; } .light-blue-colors ul li:nth-child(9) { background-color: #50bafb; } .light-blue-colors ul li:nth-child(9) p:before { content: "#50bafb"; } .light-blue-colors ul li:nth-child(8) { background-color: #5fc0fc; } .light-blue-colors ul li:nth-child(8) p:before { content: "#5fc0fc"; } .light-blue-colors ul li:nth-child(7) { background-color: #6ec6fc; } .light-blue-colors ul li:nth-child(7) p:before { content: "#6ec6fc"; } .light-blue-colors ul li:nth-child(6) { background-color: #7cccfc; } .light-blue-colors ul li:nth-child(6) p:before { content: "#7cccfc"; } .light-blue-colors ul li:nth-child(5) { background-color: #8bd2fd; } .light-blue-colors ul li:nth-child(5) p:before { content: "#8bd2fd"; } .light-blue-colors ul li:nth-child(4) { background-color: #9ad7fd; } .light-blue-colors ul li:nth-child(4) p:before { content: "#9ad7fd"; } .light-blue-colors ul li:nth-child(3) { background-color: #a9ddfd; } .light-blue-colors ul li:nth-child(3) p:before { content: "#a9ddfd"; } .light-blue-colors ul li:nth-child(2) { background-color: #b8e3fd; } .light-blue-colors ul li:nth-child(2) p:before { content: "#b8e3fd"; } .light-blue-colors ul li:nth-child(1) { background-color: #c7e9fe; } .light-blue-colors ul li:nth-child(1) p:before { content: "#c7e9fe"; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .cyan-colors ul li:nth-child(14) { background-color: #05c6e3; } .cyan-colors ul li:nth-child(14) p:before { content: "#05c6e3"; } .cyan-colors ul li:nth-child(13) { background-color: #06d3f2; } .cyan-colors ul li:nth-child(13) p:before { content: "#06d3f2"; } .cyan-colors ul li:nth-child(12) { background-color: #0edbf9; } .cyan-colors ul li:nth-child(12) p:before { content: "#0edbf9"; } .cyan-colors ul li:nth-child(11) { background-color: #1dddfa; } .cyan-colors ul li:nth-child(11) p:before { content: "#1dddfa"; } .cyan-colors ul li:nth-child(10) { background-color: #2bdffa; } .cyan-colors ul li:nth-child(10) p:before { content: "#2bdffa"; } .cyan-colors ul li:nth-child(9) { background-color: #3ae1fa; } .cyan-colors ul li:nth-child(9) p:before { content: "#3ae1fa"; } .cyan-colors ul li:nth-child(8) { background-color: #49e4fb; } .cyan-colors ul li:nth-child(8) p:before { content: "#49e4fb"; } .cyan-colors ul li:nth-child(7) { background-color: #58e6fb; } .cyan-colors ul li:nth-child(7) p:before { content: "#58e6fb"; } .cyan-colors ul li:nth-child(6) { background-color: #67e8fb; } .cyan-colors ul li:nth-child(6) p:before { content: "#67e8fb"; } .cyan-colors ul li:nth-child(5) { background-color: #76eafc; } .cyan-colors ul li:nth-child(5) p:before { content: "#76eafc"; } .cyan-colors ul li:nth-child(4) { background-color: #85edfc; } .cyan-colors ul li:nth-child(4) p:before { content: "#85edfc"; } .cyan-colors ul li:nth-child(3) { background-color: #94effc; } .cyan-colors ul li:nth-child(3) p:before { content: "#94effc"; } .cyan-colors ul li:nth-child(2) { background-color: #a3f1fd; } .cyan-colors ul li:nth-child(2) p:before { content: "#a3f1fd"; } .cyan-colors ul li:nth-child(1) { background-color: #b2f3fd; } .cyan-colors ul li:nth-child(1) p:before { content: "#b2f3fd"; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .teal-colors ul li:nth-child(14) { background-color: #05cfb3; } .teal-colors ul li:nth-child(14) p:before { content: "#05cfb3"; } .teal-colors ul li:nth-child(13) { background-color: #06dec0; } .teal-colors ul li:nth-child(13) p:before { content: "#06dec0"; } .teal-colors ul li:nth-child(12) { background-color: #06edcd; } .teal-colors ul li:nth-child(12) p:before { content: "#06edcd"; } .teal-colors ul li:nth-child(11) { background-color: #0af9d7; } .teal-colors ul li:nth-child(11) p:before { content: "#0af9d7"; } .teal-colors ul li:nth-child(10) { background-color: #19f9da; } .teal-colors ul li:nth-child(10) p:before { content: "#19f9da"; } .teal-colors ul li:nth-child(9) { background-color: #27f9dc; } .teal-colors ul li:nth-child(9) p:before { content: "#27f9dc"; } .teal-colors ul li:nth-child(8) { background-color: #36fadf; } .teal-colors ul li:nth-child(8) p:before { content: "#36fadf"; } .teal-colors ul li:nth-child(7) { background-color: #45fae1; } .teal-colors ul li:nth-child(7) p:before { content: "#45fae1"; } .teal-colors ul li:nth-child(6) { background-color: #54fbe3; } .teal-colors ul li:nth-child(6) p:before { content: "#54fbe3"; } .teal-colors ul li:nth-child(5) { background-color: #63fbe6; } .teal-colors ul li:nth-child(5) p:before { content: "#63fbe6"; } .teal-colors ul li:nth-child(4) { background-color: #72fbe8; } .teal-colors ul li:nth-child(4) p:before { content: "#72fbe8"; } .teal-colors ul li:nth-child(3) { background-color: #81fceb; } .teal-colors ul li:nth-child(3) p:before { content: "#81fceb"; } .teal-colors ul li:nth-child(2) { background-color: #90fced; } .teal-colors ul li:nth-child(2) p:before { content: "#90fced"; } .teal-colors ul li:nth-child(1) { background-color: #9ffcef; } .teal-colors ul li:nth-child(1) p:before { content: "#9ffcef"; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .green-colors ul li:nth-child(14) { background-color: #05d85c; } .green-colors ul li:nth-child(14) p:before { content: "#05d85c"; } .green-colors ul li:nth-child(13) { background-color: #06e763; } .green-colors ul li:nth-child(13) p:before { content: "#06e763"; } .green-colors ul li:nth-child(12) { background-color: #06f669; } .green-colors ul li:nth-child(12) p:before { content: "#06f669"; } .green-colors ul li:nth-child(11) { background-color: #12f972; } .green-colors ul li:nth-child(11) p:before { content: "#12f972"; } .green-colors ul li:nth-child(10) { background-color: #21f97a; } .green-colors ul li:nth-child(10) p:before { content: "#21f97a"; } .green-colors ul li:nth-child(9) { background-color: #30fa83; } .green-colors ul li:nth-child(9) p:before { content: "#30fa83"; } .green-colors ul li:nth-child(8) { background-color: #3ffa8c; } .green-colors ul li:nth-child(8) p:before { content: "#3ffa8c"; } .green-colors ul li:nth-child(7) { background-color: #4efb95; } .green-colors ul li:nth-child(7) p:before { content: "#4efb95"; } .green-colors ul li:nth-child(6) { background-color: #5dfb9e; } .green-colors ul li:nth-child(6) p:before { content: "#5dfb9e"; } .green-colors ul li:nth-child(5) { background-color: #6cfba7; } .green-colors ul li:nth-child(5) p:before { content: "#6cfba7"; } .green-colors ul li:nth-child(4) { background-color: #7bfcb0; } .green-colors ul li:nth-child(4) p:before { content: "#7bfcb0"; } .green-colors ul li:nth-child(3) { background-color: #8afcb9; } .green-colors ul li:nth-child(3) p:before { content: "#8afcb9"; } .green-colors ul li:nth-child(2) { background-color: #98fcc2; } .green-colors ul li:nth-child(2) p:before { content: "#98fcc2"; } .green-colors ul li:nth-child(1) { background-color: #a7fdcb; } .green-colors ul li:nth-child(1) p:before { content: "#a7fdcb"; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .light-green-colors ul li:nth-child(14) { background-color: #6fe423; } .light-green-colors ul li:nth-child(14) p:before { content: "#6fe423"; } .light-green-colors ul li:nth-child(13) { background-color: #78e631; } .light-green-colors ul li:nth-child(13) p:before { content: "#78e631"; } .light-green-colors ul li:nth-child(12) { background-color: #81e73e; } .light-green-colors ul li:nth-child(12) p:before { content: "#81e73e"; } .light-green-colors ul li:nth-child(11) { background-color: #8ae94c; } .light-green-colors ul li:nth-child(11) p:before { content: "#8ae94c"; } .light-green-colors ul li:nth-child(10) { background-color: #93eb5a; } .light-green-colors ul li:nth-child(10) p:before { content: "#93eb5a"; } .light-green-colors ul li:nth-child(9) { background-color: #9bec67; } .light-green-colors ul li:nth-child(9) p:before { content: "#9bec67"; } .light-green-colors ul li:nth-child(8) { background-color: #a4ee75; } .light-green-colors ul li:nth-child(8) p:before { content: "#a4ee75"; } .light-green-colors ul li:nth-child(7) { background-color: #adf083; } .light-green-colors ul li:nth-child(7) p:before { content: "#adf083"; } .light-green-colors ul li:nth-child(6) { background-color: #b6f190; } .light-green-colors ul li:nth-child(6) p:before { content: "#b6f190"; } .light-green-colors ul li:nth-child(5) { background-color: #bff39e; } .light-green-colors ul li:nth-child(5) p:before { content: "#bff39e"; } .light-green-colors ul li:nth-child(4) { background-color: #c8f5ac; } .light-green-colors ul li:nth-child(4) p:before { content: "#c8f5ac"; } .light-green-colors ul li:nth-child(3) { background-color: #d1f6b9; } .light-green-colors ul li:nth-child(3) p:before { content: "#d1f6b9"; } .light-green-colors ul li:nth-child(2) { background-color: #daf8c7; } .light-green-colors ul li:nth-child(2) p:before { content: "#daf8c7"; } .light-green-colors ul li:nth-child(1) { background-color: #e3fad4; } .light-green-colors ul li:nth-child(1) p:before { content: "#e3fad4"; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .lime-colors ul li:nth-child(14) { background-color: #baf905; } .lime-colors ul li:nth-child(14) p:before { content: "#baf905"; } .lime-colors ul li:nth-child(13) { background-color: #bffa14; } .lime-colors ul li:nth-child(13) p:before { content: "#bffa14"; } .lime-colors ul li:nth-child(12) { background-color: #c3fa23; } .lime-colors ul li:nth-child(12) p:before { content: "#c3fa23"; } .lime-colors ul li:nth-child(11) { background-color: #c7fb32; } .lime-colors ul li:nth-child(11) p:before { content: "#c7fb32"; } .lime-colors ul li:nth-child(10) { background-color: #cbfb41; } .lime-colors ul li:nth-child(10) p:before { content: "#cbfb41"; } .lime-colors ul li:nth-child(9) { background-color: #cffb50; } .lime-colors ul li:nth-child(9) p:before { content: "#cffb50"; } .lime-colors ul li:nth-child(8) { background-color: #d3fc5f; } .lime-colors ul li:nth-child(8) p:before { content: "#d3fc5f"; } .lime-colors ul li:nth-child(7) { background-color: #d7fc6e; } .lime-colors ul li:nth-child(7) p:before { content: "#d7fc6e"; } .lime-colors ul li:nth-child(6) { background-color: #dbfc7c; } .lime-colors ul li:nth-child(6) p:before { content: "#dbfc7c"; } .lime-colors ul li:nth-child(5) { background-color: #dffd8b; } .lime-colors ul li:nth-child(5) p:before { content: "#dffd8b"; } .lime-colors ul li:nth-child(4) { background-color: #e3fd9a; } .lime-colors ul li:nth-child(4) p:before { content: "#e3fd9a"; } .lime-colors ul li:nth-child(3) { background-color: #e8fda9; } .lime-colors ul li:nth-child(3) p:before { content: "#e8fda9"; } .lime-colors ul li:nth-child(2) { background-color: #ecfdb8; } .lime-colors ul li:nth-child(2) p:before { content: "#ecfdb8"; } .lime-colors ul li:nth-child(1) { background-color: #f0fec7; } .lime-colors ul li:nth-child(1) p:before { content: "#f0fec7"; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .yellow-colors ul li:nth-child(14) { background-color: #ffd812; } .yellow-colors ul li:nth-child(14) p:before { content: "#ffd812"; } .yellow-colors ul li:nth-child(13) { background-color: #ffda1f; } .yellow-colors ul li:nth-child(13) p:before { content: "#ffda1f"; } .yellow-colors ul li:nth-child(12) { background-color: #ffdc2b; } .yellow-colors ul li:nth-child(12) p:before { content: "#ffdc2b"; } .yellow-colors ul li:nth-child(11) { background-color: #ffde38; } .yellow-colors ul li:nth-child(11) p:before { content: "#ffde38"; } .yellow-colors ul li:nth-child(10) { background-color: #ffe045; } .yellow-colors ul li:nth-child(10) p:before { content: "#ffe045"; } .yellow-colors ul li:nth-child(9) { background-color: #ffe351; } .yellow-colors ul li:nth-child(9) p:before { content: "#ffe351"; } .yellow-colors ul li:nth-child(8) { background-color: #ffe55e; } .yellow-colors ul li:nth-child(8) p:before { content: "#ffe55e"; } .yellow-colors ul li:nth-child(7) { background-color: #ffe76b; } .yellow-colors ul li:nth-child(7) p:before { content: "#ffe76b"; } .yellow-colors ul li:nth-child(6) { background-color: #ffe978; } .yellow-colors ul li:nth-child(6) p:before { content: "#ffe978"; } .yellow-colors ul li:nth-child(5) { background-color: #ffeb84; } .yellow-colors ul li:nth-child(5) p:before { content: "#ffeb84"; } .yellow-colors ul li:nth-child(4) { background-color: #ffed91; } .yellow-colors ul li:nth-child(4) p:before { content: "#ffed91"; } .yellow-colors ul li:nth-child(3) { background-color: #ffef9e; } .yellow-colors ul li:nth-child(3) p:before { content: "#ffef9e"; } .yellow-colors ul li:nth-child(2) { background-color: #fff1ab; } .yellow-colors ul li:nth-child(2) p:before { content: "#fff1ab"; } .yellow-colors ul li:nth-child(1) { background-color: #fff3b7; } .yellow-colors ul li:nth-child(1) p:before { content: "#fff3b7"; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .amber-colors ul li:nth-child(14) { background-color: #ffb012; } .amber-colors ul li:nth-child(14) p:before { content: "#ffb012"; } .amber-colors ul li:nth-child(13) { background-color: #ffb41f; } .amber-colors ul li:nth-child(13) p:before { content: "#ffb41f"; } .amber-colors ul li:nth-child(12) { background-color: #ffb92b; } .amber-colors ul li:nth-child(12) p:before { content: "#ffb92b"; } .amber-colors ul li:nth-child(11) { background-color: #ffbd38; } .amber-colors ul li:nth-child(11) p:before { content: "#ffbd38"; } .amber-colors ul li:nth-child(10) { background-color: #ffc145; } .amber-colors ul li:nth-child(10) p:before { content: "#ffc145"; } .amber-colors ul li:nth-child(9) { background-color: #ffc551; } .amber-colors ul li:nth-child(9) p:before { content: "#ffc551"; } .amber-colors ul li:nth-child(8) { background-color: #ffca5e; } .amber-colors ul li:nth-child(8) p:before { content: "#ffca5e"; } .amber-colors ul li:nth-child(7) { background-color: #ffce6b; } .amber-colors ul li:nth-child(7) p:before { content: "#ffce6b"; } .amber-colors ul li:nth-child(6) { background-color: #ffd278; } .amber-colors ul li:nth-child(6) p:before { content: "#ffd278"; } .amber-colors ul li:nth-child(5) { background-color: #ffd684; } .amber-colors ul li:nth-child(5) p:before { content: "#ffd684"; } .amber-colors ul li:nth-child(4) { background-color: #ffdb91; } .amber-colors ul li:nth-child(4) p:before { content: "#ffdb91"; } .amber-colors ul li:nth-child(3) { background-color: #ffdf9e; } .amber-colors ul li:nth-child(3) p:before { content: "#ffdf9e"; } .amber-colors ul li:nth-child(2) { background-color: #ffe3ab; } .amber-colors ul li:nth-child(2) p:before { content: "#ffe3ab"; } .amber-colors ul li:nth-child(1) { background-color: #ffe7b7; } .amber-colors ul li:nth-child(1) p:before { content: "#ffe7b7"; } /**====== Amber-color css end ======**/ /**====== Orange-color css start ======**/ .orange-colors ul li:nth-child(14) { background-color: #ff7814; } .orange-colors ul li:nth-child(14) p:before { content: "#ff7814"; } .orange-colors ul li:nth-child(13) { background-color: #ff8124; } .orange-colors ul li:nth-child(13) p:before { content: "#ff8124"; } .orange-colors ul li:nth-child(12) { background-color: #ff8933; } .orange-colors ul li:nth-child(12) p:before { content: "#ff8933"; } .orange-colors ul li:nth-child(11) { background-color: #ff9242; } .orange-colors ul li:nth-child(11) p:before { content: "#ff9242"; } .orange-colors ul li:nth-child(10) { background-color: #ff9b51; } .orange-colors ul li:nth-child(10) p:before { content: "#ff9b51"; } .orange-colors ul li:nth-child(9) { background-color: #ffa461; } .orange-colors ul li:nth-child(9) p:before { content: "#ffa461"; } .orange-colors ul li:nth-child(8) { background-color: #ffad70; } .orange-colors ul li:nth-child(8) p:before { content: "#ffad70"; } .orange-colors ul li:nth-child(7) { background-color: #ffb67f; } .orange-colors ul li:nth-child(7) p:before { content: "#ffb67f"; } .orange-colors ul li:nth-child(6) { background-color: #ffbe8f; } .orange-colors ul li:nth-child(6) p:before { content: "#ffbe8f"; } .orange-colors ul li:nth-child(5) { background-color: #ffc79e; } .orange-colors ul li:nth-child(5) p:before { content: "#ffc79e"; } .orange-colors ul li:nth-child(4) { background-color: #ffd0ad; } .orange-colors ul li:nth-child(4) p:before { content: "#ffd0ad"; } .orange-colors ul li:nth-child(3) { background-color: #ffd9bd; } .orange-colors ul li:nth-child(3) p:before { content: "#ffd9bd"; } .orange-colors ul li:nth-child(2) { background-color: #ffe2cc; } .orange-colors ul li:nth-child(2) p:before { content: "#ffe2cc"; } .orange-colors ul li:nth-child(1) { background-color: #ffeadb; } .orange-colors ul li:nth-child(1) p:before { content: "#ffeadb"; } /**====== Orange-color css start ======**/ /**====== Deep-Orange-color css start ======**/ .deep-orange-colors ul li:nth-child(14) { background-color: #ec3305; } .deep-orange-colors ul li:nth-child(14) p:before { content: "#ec3305"; } .deep-orange-colors ul li:nth-child(13) { background-color: #f93707; } .deep-orange-colors ul li:nth-child(13) p:before { content: "#f93707"; } .deep-orange-colors ul li:nth-child(12) { background-color: #fa4316; } .deep-orange-colors ul li:nth-child(12) p:before { content: "#fa4316"; } .deep-orange-colors ul li:nth-child(11) { background-color: #fa5025; } .deep-orange-colors ul li:nth-child(11) p:before { content: "#fa5025"; } .deep-orange-colors ul li:nth-child(10) { background-color: #fa5c34; } .deep-orange-colors ul li:nth-child(10) p:before { content: "#fa5c34"; } .deep-orange-colors ul li:nth-child(9) { background-color: #fb6843; } .deep-orange-colors ul li:nth-child(9) p:before { content: "#fb6843"; } .deep-orange-colors ul li:nth-child(8) { background-color: #fb7452; } .deep-orange-colors ul li:nth-child(8) p:before { content: "#fb7452"; } .deep-orange-colors ul li:nth-child(7) { background-color: #fb8061; } .deep-orange-colors ul li:nth-child(7) p:before { content: "#fb8061"; } .deep-orange-colors ul li:nth-child(6) { background-color: #fc8c70; } .deep-orange-colors ul li:nth-child(6) p:before { content: "#fc8c70"; } .deep-orange-colors ul li:nth-child(5) { background-color: #fc987f; } .deep-orange-colors ul li:nth-child(5) p:before { content: "#fc987f"; } .deep-orange-colors ul li:nth-child(4) { background-color: #fca48e; } .deep-orange-colors ul li:nth-child(4) p:before { content: "#fca48e"; } .deep-orange-colors ul li:nth-child(3) { background-color: #fdb09d; } .deep-orange-colors ul li:nth-child(3) p:before { content: "#fdb09d"; } .deep-orange-colors ul li:nth-child(2) { background-color: #fdbcac; } .deep-orange-colors ul li:nth-child(2) p:before { content: "#fdbcac"; } .deep-orange-colors ul li:nth-child(1) { background-color: #fdc8bb; } .deep-orange-colors ul li:nth-child(1) p:before { content: "#fdc8bb"; } /**====== Deep-Orange-color css end ======**/ /**====== Brown-color css start ======**/ .brown-colors ul li:nth-child(14) { background-color: #513631; } .brown-colors ul li:nth-child(14) p:before { content: "#513631"; } .brown-colors ul li:nth-child(13) { background-color: #61403a; } .brown-colors ul li:nth-child(13) p:before { content: "#61403a"; } .brown-colors ul li:nth-child(12) { background-color: #714b44; } .brown-colors ul li:nth-child(12) p:before { content: "#714b44"; } .brown-colors ul li:nth-child(11) { background-color: #81554d; } .brown-colors ul li:nth-child(11) p:before { content: "#81554d"; } .brown-colors ul li:nth-child(10) { background-color: #916057; } .brown-colors ul li:nth-child(10) p:before { content: "#916057"; } .brown-colors ul li:nth-child(9) { background-color: #a06b61; } .brown-colors ul li:nth-child(9) p:before { content: "#a06b61"; } .brown-colors ul li:nth-child(8) { background-color: #aa7a71; } .brown-colors ul li:nth-child(8) p:before { content: "#aa7a71"; } .brown-colors ul li:nth-child(7) { background-color: #b38981; } .brown-colors ul li:nth-child(7) p:before { content: "#b38981"; } .brown-colors ul li:nth-child(6) { background-color: #bd9791; } .brown-colors ul li:nth-child(6) p:before { content: "#bd9791"; } .brown-colors ul li:nth-child(5) { background-color: #c6a6a1; } .brown-colors ul li:nth-child(5) p:before { content: "#c6a6a1"; } .brown-colors ul li:nth-child(4) { background-color: #d0b5b1; } .brown-colors ul li:nth-child(4) p:before { content: "#d0b5b1"; } .brown-colors ul li:nth-child(3) { background-color: #dac4c1; } .brown-colors ul li:nth-child(3) p:before { content: "#dac4c1"; } .brown-colors ul li:nth-child(2) { background-color: #e3d3d0; } .brown-colors ul li:nth-child(2) p:before { content: "#e3d3d0"; } .brown-colors ul li:nth-child(1) { background-color: #ede2e0; } .brown-colors ul li:nth-child(1) p:before { content: "#ede2e0"; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .grey-colors ul li:nth-child(14) { background-color: #323232; } .grey-colors ul li:nth-child(14) p:before { content: "#323232"; } .grey-colors ul li:nth-child(13) { background-color: #3f3f3f; } .grey-colors ul li:nth-child(13) p:before { content: "#3f3f3f"; } .grey-colors ul li:nth-child(12) { background-color: #4b4b4b; } .grey-colors ul li:nth-child(12) p:before { content: "#4b4b4b"; } .grey-colors ul li:nth-child(11) { background-color: #585858; } .grey-colors ul li:nth-child(11) p:before { content: "#585858"; } .grey-colors ul li:nth-child(10) { background-color: #656565; } .grey-colors ul li:nth-child(10) p:before { content: "#656565"; } .grey-colors ul li:nth-child(9) { background-color: #727272; } .grey-colors ul li:nth-child(9) p:before { content: "#727272"; } .grey-colors ul li:nth-child(8) { background-color: #7e7e7e; } .grey-colors ul li:nth-child(8) p:before { content: "#7e7e7e"; } .grey-colors ul li:nth-child(7) { background-color: #8b8b8b; } .grey-colors ul li:nth-child(7) p:before { content: "#8b8b8b"; } .grey-colors ul li:nth-child(6) { background-color: #989898; } .grey-colors ul li:nth-child(6) p:before { content: "#989898"; } .grey-colors ul li:nth-child(5) { background-color: #a5a5a5; } .grey-colors ul li:nth-child(5) p:before { content: "#a5a5a5"; } .grey-colors ul li:nth-child(4) { background-color: #b1b1b1; } .grey-colors ul li:nth-child(4) p:before { content: "#b1b1b1"; } .grey-colors ul li:nth-child(3) { background-color: #bebebe; } .grey-colors ul li:nth-child(3) p:before { content: "#bebebe"; } .grey-colors ul li:nth-child(2) { background-color: #cbcbcb; } .grey-colors ul li:nth-child(2) p:before { content: "#cbcbcb"; } .grey-colors ul li:nth-child(1) { background-color: #d8d8d8; } .grey-colors ul li:nth-child(1) p:before { content: "#d8d8d8"; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .blue-grey-colors ul li:nth-child(14) { background-color: #35444a; } .blue-grey-colors ul li:nth-child(14) p:before { content: "#35444a"; } .blue-grey-colors ul li:nth-child(13) { background-color: #3f5159; } .blue-grey-colors ul li:nth-child(13) p:before { content: "#3f5159"; } .blue-grey-colors ul li:nth-child(12) { background-color: #4a5f68; } .blue-grey-colors ul li:nth-child(12) p:before { content: "#4a5f68"; } .blue-grey-colors ul li:nth-child(11) { background-color: #546d77; } .blue-grey-colors ul li:nth-child(11) p:before { content: "#546d77"; } .blue-grey-colors ul li:nth-child(10) { background-color: #5f7a85; } .blue-grey-colors ul li:nth-child(10) p:before { content: "#5f7a85"; } .blue-grey-colors ul li:nth-child(9) { background-color: #6a8894; } .blue-grey-colors ul li:nth-child(9) p:before { content: "#6a8894"; } .blue-grey-colors ul li:nth-child(8) { background-color: #78949f; } .blue-grey-colors ul li:nth-child(8) p:before { content: "#78949f"; } .blue-grey-colors ul li:nth-child(7) { background-color: #87a0aa; } .blue-grey-colors ul li:nth-child(7) p:before { content: "#87a0aa"; } .blue-grey-colors ul li:nth-child(6) { background-color: #96abb4; } .blue-grey-colors ul li:nth-child(6) p:before { content: "#96abb4"; } .blue-grey-colors ul li:nth-child(5) { background-color: #a5b7bf; } .blue-grey-colors ul li:nth-child(5) p:before { content: "#a5b7bf"; } .blue-grey-colors ul li:nth-child(4) { background-color: #b4c3ca; } .blue-grey-colors ul li:nth-child(4) p:before { content: "#b4c3ca"; } .blue-grey-colors ul li:nth-child(3) { background-color: #c3cfd4; } .blue-grey-colors ul li:nth-child(3) p:before { content: "#c3cfd4"; } .blue-grey-colors ul li:nth-child(2) { background-color: #d2dbdf; } .blue-grey-colors ul li:nth-child(2) p:before { content: "#d2dbdf"; } .blue-grey-colors ul li:nth-child(1) { background-color: #e1e7e9; } .blue-grey-colors ul li:nth-child(1) p:before { content: "#e1e7e9"; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .primary-colorr ul li:nth-child(14) { background-color: #1cc9a7; } .primary-colorr ul li:nth-child(14) p:before { content: "#1cc9a7"; } .primary-colorr ul li:nth-child(13) { background-color: #1ed7b2; } .primary-colorr ul li:nth-child(13) p:before { content: "#1ed7b2"; } .primary-colorr ul li:nth-child(12) { background-color: #23e1bb; } .primary-colorr ul li:nth-child(12) p:before { content: "#23e1bb"; } .primary-colorr ul li:nth-child(11) { background-color: #31e2bf; } .primary-colorr ul li:nth-child(11) p:before { content: "#31e2bf"; } .primary-colorr ul li:nth-child(10) { background-color: #3ee4c4; } .primary-colorr ul li:nth-child(10) p:before { content: "#3ee4c4"; } .primary-colorr ul li:nth-child(9) { background-color: #4ce6c8; } .primary-colorr ul li:nth-child(9) p:before { content: "#4ce6c8"; } .primary-colorr ul li:nth-child(8) { background-color: #59e8cc; } .primary-colorr ul li:nth-child(8) p:before { content: "#59e8cc"; } .primary-colorr ul li:nth-child(7) { background-color: #66ead0; } .primary-colorr ul li:nth-child(7) p:before { content: "#66ead0"; } .primary-colorr ul li:nth-child(6) { background-color: #74ecd4; } .primary-colorr ul li:nth-child(6) p:before { content: "#74ecd4"; } .primary-colorr ul li:nth-child(5) { background-color: #81eed8; } .primary-colorr ul li:nth-child(5) p:before { content: "#81eed8"; } .primary-colorr ul li:nth-child(4) { background-color: #8fefdc; } .primary-colorr ul li:nth-child(4) p:before { content: "#8fefdc"; } .primary-colorr ul li:nth-child(3) { background-color: #9cf1e1; } .primary-colorr ul li:nth-child(3) p:before { content: "#9cf1e1"; } .primary-colorr ul li:nth-child(2) { background-color: #aaf3e5; } .primary-colorr ul li:nth-child(2) p:before { content: "#aaf3e5"; } .primary-colorr ul li:nth-child(1) { background-color: #b7f5e9; } .primary-colorr ul li:nth-child(1) p:before { content: "#b7f5e9"; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .success-colorr ul li:nth-child(14) { background-color: #33d176; } .success-colorr ul li:nth-child(14) p:before { content: "#33d176"; } .success-colorr ul li:nth-child(13) { background-color: #3bd37c; } .success-colorr ul li:nth-child(13) p:before { content: "#3bd37c"; } .success-colorr ul li:nth-child(12) { background-color: #44d581; } .success-colorr ul li:nth-child(12) p:before { content: "#44d581"; } .success-colorr ul li:nth-child(11) { background-color: #4cd787; } .success-colorr ul li:nth-child(11) p:before { content: "#4cd787"; } .success-colorr ul li:nth-child(10) { background-color: #54d98c; } .success-colorr ul li:nth-child(10) p:before { content: "#54d98c"; } .success-colorr ul li:nth-child(9) { background-color: #5dda92; } .success-colorr ul li:nth-child(9) p:before { content: "#5dda92"; } .success-colorr ul li:nth-child(8) { background-color: #65dc98; } .success-colorr ul li:nth-child(8) p:before { content: "#65dc98"; } .success-colorr ul li:nth-child(7) { background-color: #6dde9d; } .success-colorr ul li:nth-child(7) p:before { content: "#6dde9d"; } .success-colorr ul li:nth-child(6) { background-color: #76e0a3; } .success-colorr ul li:nth-child(6) p:before { content: "#76e0a3"; } .success-colorr ul li:nth-child(5) { background-color: #7ee2a8; } .success-colorr ul li:nth-child(5) p:before { content: "#7ee2a8"; } .success-colorr ul li:nth-child(4) { background-color: #86e4ae; } .success-colorr ul li:nth-child(4) p:before { content: "#86e4ae"; } .success-colorr ul li:nth-child(3) { background-color: #8fe6b4; } .success-colorr ul li:nth-child(3) p:before { content: "#8fe6b4"; } .success-colorr ul li:nth-child(2) { background-color: #97e8b9; } .success-colorr ul li:nth-child(2) p:before { content: "#97e8b9"; } .success-colorr ul li:nth-child(1) { background-color: #9fe9bf; } .success-colorr ul li:nth-child(1) p:before { content: "#9fe9bf"; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .info-colorr ul li:nth-child(14) { background-color: #3d9cdd; } .info-colorr ul li:nth-child(14) p:before { content: "#3d9cdd"; } .info-colorr ul li:nth-child(13) { background-color: #45a1de; } .info-colorr ul li:nth-child(13) p:before { content: "#45a1de"; } .info-colorr ul li:nth-child(12) { background-color: #4ea5e0; } .info-colorr ul li:nth-child(12) p:before { content: "#4ea5e0"; } .info-colorr ul li:nth-child(11) { background-color: #57aae1; } .info-colorr ul li:nth-child(11) p:before { content: "#57aae1"; } .info-colorr ul li:nth-child(10) { background-color: #5faee3; } .info-colorr ul li:nth-child(10) p:before { content: "#5faee3"; } .info-colorr ul li:nth-child(9) { background-color: #68b2e4; } .info-colorr ul li:nth-child(9) p:before { content: "#68b2e4"; } .info-colorr ul li:nth-child(8) { background-color: #71b7e6; } .info-colorr ul li:nth-child(8) p:before { content: "#71b7e6"; } .info-colorr ul li:nth-child(7) { background-color: #79bbe7; } .info-colorr ul li:nth-child(7) p:before { content: "#79bbe7"; } .info-colorr ul li:nth-child(6) { background-color: #82c0e9; } .info-colorr ul li:nth-child(6) p:before { content: "#82c0e9"; } .info-colorr ul li:nth-child(5) { background-color: #8bc4ea; } .info-colorr ul li:nth-child(5) p:before { content: "#8bc4ea"; } .info-colorr ul li:nth-child(4) { background-color: #93c8ec; } .info-colorr ul li:nth-child(4) p:before { content: "#93c8ec"; } .info-colorr ul li:nth-child(3) { background-color: #9ccded; } .info-colorr ul li:nth-child(3) p:before { content: "#9ccded"; } .info-colorr ul li:nth-child(2) { background-color: #a5d1ef; } .info-colorr ul li:nth-child(2) p:before { content: "#a5d1ef"; } .info-colorr ul li:nth-child(1) { background-color: #add6f1; } .info-colorr ul li:nth-child(1) p:before { content: "#add6f1"; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .warning-colorr ul li:nth-child(14) { background-color: #f2c619; } .warning-colorr ul li:nth-child(14) p:before { content: "#f2c619"; } .warning-colorr ul li:nth-child(13) { background-color: #f2c922; } .warning-colorr ul li:nth-child(13) p:before { content: "#f2c922"; } .warning-colorr ul li:nth-child(12) { background-color: #f3cb2c; } .warning-colorr ul li:nth-child(12) p:before { content: "#f3cb2c"; } .warning-colorr ul li:nth-child(11) { background-color: #f3cd36; } .warning-colorr ul li:nth-child(11) p:before { content: "#f3cd36"; } .warning-colorr ul li:nth-child(10) { background-color: #f4d03f; } .warning-colorr ul li:nth-child(10) p:before { content: "#f4d03f"; } .warning-colorr ul li:nth-child(9) { background-color: #f4d249; } .warning-colorr ul li:nth-child(9) p:before { content: "#f4d249"; } .warning-colorr ul li:nth-child(8) { background-color: #f5d552; } .warning-colorr ul li:nth-child(8) p:before { content: "#f5d552"; } .warning-colorr ul li:nth-child(7) { background-color: #f5d75c; } .warning-colorr ul li:nth-child(7) p:before { content: "#f5d75c"; } .warning-colorr ul li:nth-child(6) { background-color: #f6d966; } .warning-colorr ul li:nth-child(6) p:before { content: "#f6d966"; } .warning-colorr ul li:nth-child(5) { background-color: #f7dc6f; } .warning-colorr ul li:nth-child(5) p:before { content: "#f7dc6f"; } .warning-colorr ul li:nth-child(4) { background-color: #f7de79; } .warning-colorr ul li:nth-child(4) p:before { content: "#f7de79"; } .warning-colorr ul li:nth-child(3) { background-color: #f8e083; } .warning-colorr ul li:nth-child(3) p:before { content: "#f8e083"; } .warning-colorr ul li:nth-child(2) { background-color: #f8e38c; } .warning-colorr ul li:nth-child(2) p:before { content: "#f8e38c"; } .warning-colorr ul li:nth-child(1) { background-color: #f9e596; } .warning-colorr ul li:nth-child(1) p:before { content: "#f9e596"; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .danger-colorr ul li:nth-child(14) { background-color: #e85445; } .danger-colorr ul li:nth-child(14) p:before { content: "#e85445"; } .danger-colorr ul li:nth-child(13) { background-color: #e95d4e; } .danger-colorr ul li:nth-child(13) p:before { content: "#e95d4e"; } .danger-colorr ul li:nth-child(12) { background-color: #ea6557; } .danger-colorr ul li:nth-child(12) p:before { content: "#ea6557"; } .danger-colorr ul li:nth-child(11) { background-color: #eb6d60; } .danger-colorr ul li:nth-child(11) p:before { content: "#eb6d60"; } .danger-colorr ul li:nth-child(10) { background-color: #ed7669; } .danger-colorr ul li:nth-child(10) p:before { content: "#ed7669"; } .danger-colorr ul li:nth-child(9) { background-color: #ee7e72; } .danger-colorr ul li:nth-child(9) p:before { content: "#ee7e72"; } .danger-colorr ul li:nth-child(8) { background-color: #ef867c; } .danger-colorr ul li:nth-child(8) p:before { content: "#ef867c"; } .danger-colorr ul li:nth-child(7) { background-color: #f08f85; } .danger-colorr ul li:nth-child(7) p:before { content: "#f08f85"; } .danger-colorr ul li:nth-child(6) { background-color: #f1978e; } .danger-colorr ul li:nth-child(6) p:before { content: "#f1978e"; } .danger-colorr ul li:nth-child(5) { background-color: #f29f97; } .danger-colorr ul li:nth-child(5) p:before { content: "#f29f97"; } .danger-colorr ul li:nth-child(4) { background-color: #f3a8a0; } .danger-colorr ul li:nth-child(4) p:before { content: "#f3a8a0"; } .danger-colorr ul li:nth-child(3) { background-color: #f4b0a9; } .danger-colorr ul li:nth-child(3) p:before { content: "#f4b0a9"; } .danger-colorr ul li:nth-child(2) { background-color: #f6b8b2; } .danger-colorr ul li:nth-child(2) p:before { content: "#f6b8b2"; } .danger-colorr ul li:nth-child(1) { background-color: #f7c1bb; } .danger-colorr ul li:nth-child(1) p:before { content: "#f7c1bb"; } /**====== Danger-color css end ======**/ /**====== Color-color css end ======**/ /** ===================== Draggable css start ========================== **/ #draggableMultiple .sortable-moves { cursor: move; margin-bottom: 0; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14); margin-bottom: 20px; padding: 15px 0 15px 60px; } .sortable-moves { font-size: 14px; line-height: 1.55556em; list-style-type: none; margin-bottom: 15px; min-height: 3.55556em; padding-left: 5.11111em; position: relative; cursor: move; } .sortable-moves img { position: absolute; height: 40px; left: 10px; border-radius: 50px; top: 15px; } .sortable-moves h6 { margin-bottom: 0; font-weight: bold; } .card-sub { cursor: move; border: none; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); } .card-sub:hover { box-shadow: 0 0 25px -5px #9e9c9e; transition: all 180ms linear; } /**====== Draggable css end ======**/ /** ===================== Payment-card css start ========================== **/ .payment-card .icofont-paypal-alt, .payment-card .icofont-visa-alt, .payment-card .icofont-mastercard { display: block; font-size: 60px; color: #ed5565; } .payment-card .icofont-visa-alt { color: #1c84c6; } .payment-card .icofont-mastercard { color: #f8ac59; } .payment-tabs .nav-tabs .slide, .payment-tabs .md-tabs .nav-item + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a { width: calc(100% / 6); } .demo-container { padding-bottom: 0; } .jp-card .jp-card-front, .jp-card .jp-card-back { background: #0073aa !important; } .payment-form { max-width: 550px; margin: 0 auto; padding: 20px; padding-bottom: 0; } /**====== Payment-card css end ======**/ /** ===================== Editor css start ========================== **/ .ace_editor { width: 100% !important; position: relative !important; margin-top: 20px; } .long-press:focus { outline-color: #0073aa; } .inputor:focus { border-color: #0073aa; } #edui1 { width: auto !important; } /**====== Editor css end ======**/ /** ===================== FB-wall css start ========================== **/ .tab-pane form .md-add-on i { font-size: 20px; } .wall-elips { position: absolute; right: 15px; } .social-wallpaper { position: relative; } .social-profile { position: relative; padding-top: 15px; } .timeline-btn { position: absolute; bottom: 0; right: 30px; } .nav-tabs.md-tabs.tab-timeline li a { padding: 20px 0 10px; color: #666666; font-size: 18px; } .social-timeline-left { position: absolute; top: -200px; margin-right: 15px; } .post-input { padding: 10px 10px 10px 5px; display: block; width: 100%; border: none; resize: none; } .user-box .media-object, .friend-box .media-object { height: 45px; width: 45px; display: inline-block; } @media only screen and (max-width: 768px) { .user-box .media-object, .friend-box .media-object { height: 38px; width: 38px; } } .friend-box img { margin-right: 10px; margin-bottom: 10px; } .chat-header { color: #222222; } .live-status { height: 9px; width: 9px; position: absolute; bottom: 0; right: 17px; border-radius: 100%; border: 1px solid; } .tab-timeline .slide { bottom: -1px; } .image-upload input { visibility: hidden; max-width: 0; max-height: 0; } .file-upload-lbl { max-width: 15px; padding: 5px 0 0; } .ellipsis::after { top: 15px; border: none; position: absolute; content: '\f142'; font-family: FontAwesome; right: 30px; } .elipsis-box { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11); top: 40px; right: -10px; } .elipsis-box:after { content: ''; height: 13px; width: 13px; background: #fff; position: absolute; top: -5px; right: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -3px -3px 11px 1px rgba(170, 170, 170, 0.22); } .friend-elipsis { left: -10px; top: -10px; } .social-profile:hover .profile-hvr, .social-wallpaper:hover .profile-hvr { opacity: 1; transition: all ease-in-out 0.3s; } .profile-hvr { opacity: 0; position: absolute; text-align: center; width: 100%; font-size: 20px; padding: 10px; top: 0; color: #fff; background-color: rgba(0, 0, 0, 0.61); transition: all ease-in-out 0.3s; } .social-profile { margin: 0 15px; } .social-follower { text-align: center; } .social-follower h4 { font-size: 18px; margin-bottom: 10px; font-style: normal; } .social-follower h5 { font-size: 14px; } .social-follower .follower-counter { text-align: center; margin-top: 25px; margin-bottom: 25px; font-size: 13px; } .social-follower .follower-counter .txt-primary { font-size: 24px; } .timeline-icon { height: 45px; width: 45px; display: block; margin: 0 auto; border: 4px #fff solid; } .social-timelines-left:after { height: 3px; width: 25%; position: absolute; background: #cccccc; top: 20px; content: ""; right: 0; z-index: 0; } .timeline-right > div { z-index: 4; } .social-timelines { z-index: 3; } .social-timelines:before { position: absolute; content: ' '; width: 3px; background: #cccccc; left: 4%; z-index: 0; height: 100%; top: 0; z-index: 1; } .timeline-dot:after, .timeline-dot:before { content: ""; position: absolute; height: 9px; width: 9px; background-color: #cccccc; left: 3.8%; border-radius: 100%; } .user-box .social-designation, .post-timelines .social-time { font-size: 13px; } .user-box .f-right { text-transform: capitalize; } .social-msg span { color: #666; padding-left: 10px; padding-right: 10px; margin-right: 10px; } .social-msg a { display: inline-block; } .view-info .social-label, .contact-info .social-label, .work-info .social-label { font-size: 15px; padding-left: 0; padding-top: 0; } .view-info .social-user-name, .contact-info .social-user-name, .work-info .social-user-name { font-size: 14px; padding-left: 0; } .friend-elipsis .social-designation { font-size: 13px; } .timeline-details p { padding-top: 10px; margin-bottom: 0; } .timeline-details .chat-header, .post-timelines .chat-header { font-size: 15px; font-weight: 600; } .social-client-description { padding-bottom: 20px; margin-bottom: 20px; } .social-client-description p { margin-top: 5px; margin-bottom: 0; } .social-client-description span { font-size: 12px; margin-left: 10px; } .social-client-description .chat-header { font-size: 13px; } .social-tabs a { font-size: 18px; } .timeline-btn a { margin-bottom: 20px; } .profile-hvr i { cursor: pointer; } /*====== FB-wall css End ======*/ /** ===================== Full-calender css start ========================== **/ .fc-left { margin-bottom: 10px; } #external-events h4 { font-size: 16px; margin-top: 0; padding-top: 1em; } #external-events .fc-event { background: #fff; color: #000; cursor: move; border-left: none; padding: 5px 18px; margin-bottom: 5px; } #external-events p { margin: 1.5em 0; font-size: 11px; color: #666; } #external-events p input { margin: 0; vertical-align: middle; } .fc th, .fc td { line-height: 2.5; } .fc-state-default { background-color: #fff; color: #272727; } tr:first-child > td > .fc-day-grid-event { color: #000; padding-left: 10px; background: #f3f3f3; } .fc-nonbusiness { background-color: #fff; } .fc-state-active { background-color: #0073aa; color: #fff; } .fc-toolbar { margin-bottom: 8px; } .fc-toolbar .fc-center { display: block; } .fc-center h2 { font-weight: 300; font-size: 25px; margin-top: 10px; } .fc button { height: auto; padding: 10px; } .fc-toolbar .fc-left { float: right; } .fc-button-group { margin-right: 10px; } .fc .fc-toolbar > * > * { margin-left: 0; } .fc-event, .fc-event-dot { background-color: transparent; } .fc-day-grid-event:hover { color: #000 !important; opacity: 0.8; } .fc-time-grid-event .fc-content { color: #fff; } .fc-bgevent { /* default look for background events */ background: #d8d6d6 !important; } .fc-state-default { background-image: none !important; border-color: none !important; text-shadow: none !important; box-shadow: none !important; } .fc-state-down, .fc-state-active { background-color: none !important; background-image: none !important; box-shadow: none !important; } .fc th { background: #0073aa; color: #fff; border-color: #0073aa; } .fc-event { line-height: 1.3; border-radius: 2px; border-left: 4px solid #0073aa !important; } tr:first-child > td > .fc-day-grid-event { margin-left: 0; } .clndr { width: 100%; } .clndr { background-color: #F3F3F3; box-shadow: 0 4 px 0 #272727; } .clndr .clndr-controls { padding: 14px; background-color: #0073AA; color: #fff; text-align: center; } .clndr.clndr-controls.clndr-previous-button { float: left; text-align: left; } .clndr.clndr-controls.clndr-next-button { float: right; text-align: right; } .clndr.clndr-controls.clndr-next-button, .clndr.clndr-controls.clndr-previous-button { width: 30px; cursor: pointer; } .clndr.clndr-controls.clndr-next-button:hover, .clndr.clndr-controls.clndr-previous-button:hover { opacity: 0.5; } .clndr.clndr-grid { float: left; width: 65%; background-color: #FFF; } .clndr.clndr-grid.days-of-the-week { width: 100%; background-color: #F6BB42; } .clndr.clndr-grid.days-of-the-week.header-day { float: left; width: 14.2857%; padding: 14px; text-align: center; color: #fff; } .clndr.clndr-grid.days { width: 100%; } .clndr.clndr-grid.days.day, .clndr.clndr-grid.days.empty { float: left; width: 14.2857%; padding: 12px 0; text-align: center; color: #4f4f4f; } .clndr .clndr-grid .days .day.event .day-number, .clndr .clndr-grid .days .empty.event .day-number { border: 1px solid #0073AA; border-radius: 50%; padding: 6px 9px; } @media only screen and (max-width: 573px) { .clndr .clndr-grid .days .day.event .day-number, .clndr .clndr-grid .days .empty.event .day-number { padding: 0 2px; } } .clndr.clndr-grid.days.day.adjacent-month.day-number, .clndr.clndr-grid.days.day.inactive.day-number, .clndr.clndr-grid.days.empty.adjacent-month.day-number { opacity: .3; cursor: pointer; } .clndr.clndr-grid.days.day.selected { background-color: #DA4453; color: #fff; } .clndr.clndr-grid.days.today { background-color: #0073AA; color: #fff; background-image: none; } .clndr.event-listing { float: left; width: 35%; } .clndr.event-listing.event-listing-title { padding: 15.5px; font-size: .88rem; background-color: #f4a911; text-align: center; color: #fff; letter-spacing: 1px; } .clndr.event-listing.event-item { padding: 6px 14px; color: #4f4f4f; } .clndr .event-listing .event-item-location { font-weight: 400; } .fc-event { border-color: #0073aa; } /**====== Full-calender css end ======**/ /** ===================== Job-pages css start ========================== **/ .job-right-header .card-header .card-header-right { top: 7px; right: 15px; } .job-right-header .radio-inline { display: block; } .job-right-header .checkbox-fade { display: block; } .job-right-header .checkbox-fade label { position: absolute; z-index: 99; } .job-right-header .checkbox-fade div { position: relative; padding-left: 40px; margin-bottom: 20px; } .job-right-header a { color: #0073aa; font-weight: 600; } .job-details-list { padding-left: inherit; list-style-type: square; margin-bottom: 40px; } .job-details-list li { margin-bottom: 10px; } .company-name p { font-weight: 600; color: #0073aa; font-size: 20px; margin-bottom: 5px; } .job-cards .media { padding-top: 20px; padding-bottom: 20px; display: flex; align-items: center; position: relative; border-bottom: 1px solid #ddd; } .job-cards:last-child .media { border-bottom: none; padding-bottom: 0; } .job-cards img { width: 60px; } .job-cards .media-right { position: absolute; top: 20px; right: 0; } .job-badge { position: absolute; top: 20px; right: 10px; } .job-lable .label { background-color: #0073aa; color: #fff; margin: 5px 10px; position: relative; z-index: 9; display: inline-block; padding: 5px 10px 5px 12px; } .job-lable .label:before { content: ""; background-color: #0073aa; width: 15px; height: 15px; transform: rotate(45deg); position: absolute; left: -7px; top: 3px; z-index: -1; } .job-lable .label:after { content: '\ed55'; font-family: 'IcoFont' !important; position: absolute; left: 0; font-size: 5px; top: 8px; } .job-card-desc { font-weight: 600; margin-top: 10px; } .job-meta-data { text-transform: capitalize; font-size: 12px; margin-bottom: 10px; } .job-meta-data i { margin-right: 5px; color: #0073aa; } /**====== Job-pages css end ======**/ /** ===================== Mail-pages css start ========================== **/ .email-card { padding: 0 15px; } .email-card .user-head { background-color: #0073aa; padding: 10px; min-height: 80px; display: flex; align-items: center; } .email-card .user-head .user-name { margin-left: 10px; margin-bottom: 10px; } .email-card .user-head .user-name span { display: block; color: #fff; } .email-card .user-body { margin-left: -15px; margin-right: -15px; background-color: #fff; border-right: 1px solid #ddd; } .email-card .user-body .page-list li { text-transform: capitalize; border-bottom: 1px solid #ddd; transition: all ease-in .3s; cursor: pointer; } .email-card .user-body .page-list li .mail-section { padding: 15px 20px; display: block; color: #6a6a6a; } .email-card .user-body .page-list li .mail-section a { color: #6a6a6a; } .email-card .user-body .page-list li i { margin-right: 10px; } .email-card .user-body .page-list li.active, .email-card .user-body .page-list li:hover { background-color: #e5e5e5; } .email-card .user-body .label-list a { padding: 10px 20px; display: block; color: #6a6a6a; position: relative; padding-left: 25px; } .email-card .user-body .label-list a:before { content: ''; position: absolute; height: 10px; width: 10px; border-radius: 50px; left: 0; top: 16px; } .email-card .user-body .label-list a.mail-work:before { background-color: #0073aa; } .email-card .user-body .label-list a.mail-design:before { background-color: #3498DB; } .email-card .user-body .label-list a.mail-family:before { background-color: #2ecc71; } .email-card .user-body .label-list a.mail-friends:before { background-color: #f1c40f; } .email-card .user-body .label-list a.mail-office:before { background-color: #e74c3c; } .email-card .mail-box-head { background-color: #bdc3c7; min-height: 80px; padding: 20px 0; } .email-card .mail-box-head h3 { color: #fff; } .email-card .mail-box-head .input-group { margin-bottom: 0; } .email-card .mail-body { padding: 20px 0; } .email-card .mail-body .mail-body-header { margin-bottom: 20px; } .email-card .mail-body .mail-body-header .btn-group { height: 42px; } .email-card .mail-body-content .check-star { display: flex; align-items: center; } .email-card .mail-body-content .check-star .icofont-star { margin-top: -8px; } .email-card .mail-body-content tr { transition: all ease-in .3s; } .email-card .mail-body-content tr:hover { background-color: #e5e5e5; cursor: pointer; } .email-card .mail-body-content .unread a { color: #222; font-weight: 600; } .email-card .mail-body-content .read a { color: #222; font-weight: 400; } .email-summernote ~ .note-frame { border: 1px solid #ddd; border-radius: 2px; } .email-read .photo-table { padding-right: 10px; } .email-read .user-name { margin-bottom: 10px; } .mail-body-content.email-read { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); border-radius: 4px; } .mail-body-content.email-read .card { border-top: none; margin-bottom: 0; } .mail-body-content.email-read:hover { box-shadow: 0 0 25px -5px #9e9c9e; transition: all 150ms linear; } .user-name { margin-bottom: 20px; } .email-card .user-mail h6 { font-size: 14px; margin-top: 5px; margin-bottom: 20px; color: #292b2c; } .email-content { line-height: 30px; border-bottom: 1px solid #ccc; padding-bottom: 15px; } .mail-img { margin-top: 20px; } .email-welcome-txt { font-weight: 600; } /**====== Mail-pages css end ======**/ .set-map { height: 400px; } #mapGeo { height: 345px; } #address-search .input-group { margin-bottom: 0; } /** ===================== Navbar-varients css start ========================== **/ .light-nav-border, .primary-nav, .warning-nav, .success-nav, .info-nav, .danger-nav { background-color: #fff; border: 1px solid #ddd; padding: 15px; } .light-nav-border a, .primary-nav a, .warning-nav a, .success-nav a, .info-nav a, .danger-nav a { color: #222; } .light-nav-border li.active a, .primary-nav li.active a, .warning-nav li.active a, .success-nav li.active a, .info-nav li.active a, .danger-nav li.active a { color: #0073aa; font-weight: 600; } .light-nav-border .nav-item, .primary-nav .nav-item, .warning-nav .nav-item, .success-nav .nav-item, .info-nav .nav-item, .danger-nav .nav-item, .light-nav-border .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .light-nav-border a, .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a, .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a, .success-nav .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .success-nav a, .info-nav .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .info-nav a, .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a, .light-nav-border .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .light-nav-border a, .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a, .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a, .success-nav .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .success-nav a, .info-nav .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .info-nav a, .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a, .light-nav-border .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .light-nav-border a, .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a, .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a, .success-nav .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .success-nav a, .info-nav .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .info-nav a, .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a, .light-nav-border .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .light-nav-border a, .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a, .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a, .success-nav .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .success-nav a, .info-nav .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .info-nav a, .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a { margin-left: 15px; } .light-nav-border .nav-item:hover .navbar-varient-submenu, .primary-nav .nav-item:hover .navbar-varient-submenu, .warning-nav .nav-item:hover .navbar-varient-submenu, .success-nav .nav-item:hover .navbar-varient-submenu, .info-nav .nav-item:hover .navbar-varient-submenu, .danger-nav .nav-item:hover .navbar-varient-submenu, .light-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .light-nav-border a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu, .light-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .light-nav-border a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu, .light-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .light-nav-border a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu, .light-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .light-nav-border a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu { -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 1; visibility: visible; } .light-nav-border .navbar-varient-submenu, .primary-nav .navbar-varient-submenu, .warning-nav .navbar-varient-submenu, .success-nav .navbar-varient-submenu, .info-nav .navbar-varient-submenu, .danger-nav .navbar-varient-submenu { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03); border: 1px solid #ddd; position: absolute; width: 16em; background-color: #fff; transition: all linear 0.3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; z-index: 999; } .light-nav-border .navbar-varient-submenu a, .primary-nav .navbar-varient-submenu a, .warning-nav .navbar-varient-submenu a, .success-nav .navbar-varient-submenu a, .info-nav .navbar-varient-submenu a, .danger-nav .navbar-varient-submenu a { padding: 10px; display: block; transition: background-color linear 0.3s; } .light-nav-border .navbar-varient-submenu a:hover, .primary-nav .navbar-varient-submenu a:hover, .warning-nav .navbar-varient-submenu a:hover, .success-nav .navbar-varient-submenu a:hover, .info-nav .navbar-varient-submenu a:hover, .danger-nav .navbar-varient-submenu a:hover { background-color: #f1f1f1; } .light-nav-border .profile-sub-menu, .primary-nav .profile-sub-menu, .warning-nav .profile-sub-menu, .success-nav .profile-sub-menu, .info-nav .profile-sub-menu, .danger-nav .profile-sub-menu { right: 10px; } .light-nav-border .profile-sub-menu i, .primary-nav .profile-sub-menu i, .warning-nav .profile-sub-menu i, .success-nav .profile-sub-menu i, .info-nav .profile-sub-menu i, .danger-nav .profile-sub-menu i { margin-right: 10px; } .primary-nav { background-color: #11b2ff; } .primary-nav a { color: #666; } .primary-nav li.active a { color: #666; font-weight: 600; } .primary-nav .navbar-varient-submenu a { color: #222; } .warning-nav { background-color: #f7dc6f; } .warning-nav a { color: #666; } .warning-nav li.active a { color: #666; font-weight: 600; } .warning-nav .navbar-varient-submenu a { color: #222; } .success-nav { background-color: #7ee2a8; } .success-nav a { color: #666; } .success-nav li.active a { color: #666; font-weight: 600; } .success-nav .navbar-varient-submenu a { color: #222; } .info-nav { background-color: #8bc4ea; } .info-nav a { color: #666; } .info-nav li.active a { color: #666; font-weight: 600; } .info-nav .navbar-varient-submenu a { color: #222; } .danger-nav { background-color: #f5b4ae; } .danger-nav a { color: #666; } .danger-nav li.active a { color: #666; font-weight: 600; } .danger-nav .navbar-varient-submenu a { color: #222; } .bg-dark { background-color: #2C3E50; color: #fff; } .navbar-dark .navbar-brand, .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .navbar-light .navbar-nav .open > .nav-link { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.3); } .navbar-dark button.btn { color: #fff; border-color: #fff; } .dark-nav-border, .primary-nav-dark, .warning-nav-dark, .success-nav-dark, .info-nav-dark, .danger-nav-dark { border: 1px solid #2C3E50; padding: 15px; } .primary-nav, .warning-nav, .success-nav, .info-nav, .danger-nav { border: none; padding: 15px; } .dark-nav-border a, .primary-nav-dark a, .warning-nav-dark a, .success-nav-dark a, .info-nav-dark a, .danger-nav-dark a, .primary-nav a, .warning-nav a, .success-nav a, .info-nav a, .danger-nav a { color: rgba(0, 0, 0, 0.9); } .dark-nav-border .navbar-varient-submenu, .primary-nav-dark .navbar-varient-submenu, .warning-nav-dark .navbar-varient-submenu, .success-nav-dark .navbar-varient-submenu, .info-nav-dark .navbar-varient-submenu, .danger-nav-dark .navbar-varient-submenu, .primary-nav .navbar-varient-submenu, .warning-nav .navbar-varient-submenu, .success-nav .navbar-varient-submenu, .info-nav .navbar-varient-submenu, .danger-nav .navbar-varient-submenu { box-shadow: -2 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03); border: 1px solid #ddd; position: absolute; width: 16em; background-color: #fff; transition: all linear 0.3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; z-index: 999; } .dark-nav-border .nav-item:hover .navbar-varient-submenu, .primary-nav-dark .nav-item:hover .navbar-varient-submenu, .warning-nav-dark .nav-item:hover .navbar-varient-submenu, .success-nav-dark .nav-item:hover .navbar-varient-submenu, .info-nav-dark .nav-item:hover .navbar-varient-submenu, .danger-nav-dark .nav-item:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .primary-nav .nav-item:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .nav-item:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu, .success-nav .nav-item:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu, .info-nav .nav-item:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu, .danger-nav .nav-item:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu, .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu, .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu, .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu, .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu, .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu, .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu, .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu { -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 1; visibility: visible; } .dark-nav-border .navbar-varient-submenu a:hover, .primary-nav-dark .navbar-varient-submenu a:hover, .warning-nav-dark .navbar-varient-submenu a:hover, .success-nav-dark .navbar-varient-submenu a:hover, .info-nav-dark .navbar-varient-submenu a:hover, .danger-nav-dark .navbar-varient-submenu a:hover, .primary-nav .navbar-varient-submenu a:hover, .warning-nav .navbar-varient-submenu a:hover, .success-nav .navbar-varient-submenu a:hover, .info-nav .navbar-varient-submenu a:hover, .danger-nav .navbar-varient-submenu a:hover { background-color: #f1f1f1; } .dark-nav-border .navbar-varient-submenu a, .primary-nav-dark .navbar-varient-submenu a, .warning-nav-dark .navbar-varient-submenu a, .success-nav-dark .navbar-varient-submenu a, .info-nav-dark .navbar-varient-submenu a, .danger-nav-dark .navbar-varient-submenu a, .primary-nav .navbar-varient-submenu a, .warning-nav .navbar-varient-submenu a, .success-nav .navbar-varient-submenu a, .info-nav .navbar-varient-submenu a, .danger-nav .navbar-varient-submenu a { padding: 10px; display: block; transition: background-color linear 0.3s; } .dark-nav-border li.active a, .primary-nav-dark li.active a, .warning-nav-dark li.active a, .success-nav-dark li.active a, .info-nav-dark li.active a, .danger-nav-dark li.active a, .primary-nav li.active a, .warning-nav li.active a, .success-nav li.active a, .info-nav li.active a, .danger-nav li.active a { color: #666; font-weight: 600; } .dark-nav-border .profile-sub-menu, .primary-nav-dark .profile-sub-menu, .warning-nav-dark .profile-sub-menu, .success-nav-dark .profile-sub-menu, .info-nav-dark .profile-sub-menu, .danger-nav-dark .profile-sub-menu, .primary-nav .profile-sub-menu, .warning-nav .profile-sub-menu, .success-nav .profile-sub-menu, .info-nav .profile-sub-menu, .danger-nav .profile-sub-menu { right: 10px; } .primary-nav-dark { background-color: #005077; border: none; } .primary-nav-dark a { color: #fff; } .primary-nav-dark li.active a { color: #fff; font-weight: 600; } .primary-nav-dark .navbar-varient-submenu a { color: #fff; } .primary-nav-dark .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .primary-nav-dark .navbar-varient-submenu { background-color: #005077; border-color: #003f5d; } .primary-nav-dark .navbar-varient-submenu a:hover { background-color: #003f5d; } .warning-nav-dark { background-color: #c29d0b; border: none; } .warning-nav-dark a { color: #fff; } .warning-nav-dark li.active a { color: #fff; font-weight: 600; } .warning-nav-dark .navbar-varient-submenu a { color: #fff; } .warning-nav-dark .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .warning-nav-dark .navbar-varient-submenu { background-color: #c29d0b; border-color: #aa8a0a; } .warning-nav-dark .navbar-varient-submenu a:hover { background-color: #aa8a0a; } .success-nav-dark { background-color: #25a25a; border: none; } .success-nav-dark a { color: #fff; } .success-nav-dark li.active a { color: #fff; font-weight: 600; } .success-nav-dark .navbar-varient-submenu a { color: #fff; } .success-nav-dark .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .success-nav-dark .navbar-varient-submenu { background-color: #25a25a; border-color: #208e4e; } .success-nav-dark .navbar-varient-submenu a:hover { background-color: #208e4e; } .info-nav-dark { background-color: #217dbb; border: none; } .info-nav-dark a { color: #fff; } .info-nav-dark li.active a { color: #fff; font-weight: 600; } .info-nav-dark .navbar-varient-submenu a { color: #fff; } .info-nav-dark .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .info-nav-dark .navbar-varient-submenu { background-color: #217dbb; border-color: #1d6fa5; } .info-nav-dark .navbar-varient-submenu a:hover { background-color: #1d6fa5; } .danger-nav-dark { background-color: #d62c1a; border: none; } .danger-nav-dark a { color: #fff; } .danger-nav-dark li.active a { color: #fff; font-weight: 600; } .danger-nav-dark .navbar-varient-submenu a { color: #fff; } .danger-nav-dark .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .danger-nav-dark .navbar-varient-submenu { background-color: #d62c1a; border-color: #bf2718; } .danger-nav-dark .navbar-varient-submenu a:hover { background-color: #bf2718; } .nav-item label.badge-top-left, .main-menu .main-menu-content .nav-item .tree-1 a label.badge-top-left, .main-menu .main-menu-content .nav-item .tree-2 a label.badge-top-left, .main-menu .main-menu-content .nav-item .tree-3 a label.badge-top-left, .main-menu .main-menu-content .nav-item .tree-4 a label.badge-top-left { right: 4.4%; bottom: 38px; } .nav-item .radio-inline, .main-menu .main-menu-content .nav-item .tree-1 a .radio-inline, .main-menu .main-menu-content .nav-item .tree-2 a .radio-inline, .main-menu .main-menu-content .nav-item .tree-3 a .radio-inline, .main-menu .main-menu-content .nav-item .tree-4 a .radio-inline { margin-top: 7px; } .primary-nav-dark button, .warning-nav-dark button, .success-nav-dark button, .info-nav-dark button, .danger-nav-dark button { border-color: #fff; } .primary-nav-dark i, .warning-nav-dark i, .success-nav-dark i, .info-nav-dark i, .danger-nav-dark i { color: #fff; } .primary-nav button, .warning-nav button, .success-nav button, .info-nav button, .danger-nav button { border-color: rgba(0, 0, 0, 0.6) !important; } .primary-nav i, .warning-nav i, .success-nav i, .info-nav i, .danger-nav i { color: rgba(0, 0, 0, 0.6) !important; } .light-nav-border button, .primary-nav button, .warning-nav button, .success-nav button, .info-nav button, .danger-nav button { border-color: rgba(0, 0, 0, 0.1); } .light-nav-border i, .primary-nav i, .warning-nav i, .success-nav i, .info-nav i, .danger-nav i { color: rgba(0, 0, 0, 0.4); } /**====== Navbar-varients css end ======**/ /** ===================== Note css start ========================== **/ .note-card { padding-top: 0; padding-bottom: 0; } .note-card .note-box-aside { border-right: 1px solid #ddd; } .note-card .note-box-aside .row { padding: 20px 0; display: flex; align-items: center; } .note-card .Note-header { padding: 20px 0; } .note-card .note-write { position: relative; background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffec 5%) 0 0; background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffec 5%) 0 0; background: linear-gradient(top, #f0f0f0 0%, #ffffec 5%) 0 0; -webkit-background-size: 100% 35px; -moz-background-size: 100% 35px; background-size: 100% 35px; } .note-card .note-write:before { content: ''; position: absolute; width: 0px; top: 0; left: 32px; bottom: 0; border-left: 1px solid #dacaaa; } .note-card .note-write:after { content: ''; position: absolute; width: 0px; top: 0; left: 34px; bottom: 0; border-left: 1px solid #dacaaa; } .note-card #Note-pad { border: none; resize: none; background: transparent; padding: 0px 20px 0 50px; line-height: 35px; min-height: 450px; } .note-card .Note-created__on { display: block; } .summernote-page .modal-footer { margin: 0 auto; } /**====== Note css end ======**/ /** ===================== Prism css start ========================== **/ pre[class*="language-"] { background-color: #fff; border: 1px solid #ddd; } pre[class*="language-"] code { background-color: #fff !important; } pre.line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; } pre.line-numbers > code { position: relative; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; /* works for line-numbers below 1000 lines */ letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; } /**====== Prism css end ======**/ /** ===================== Progress-bar css start ========================== **/ .progress-xl { height: 30px; } .progress-lg { height: 24px; } .progres-md { height: 18px; } .progress-sm { height: 12px; } .progress-xs { height: 6px; } .progress-bar-page .progress { margin-bottom: 2rem; height: 1rem; } .progress-bar-default { background-color: #bdc3c7; } .progress-bar-primary { background-color: #0073aa; } .progress-bar-success { background-color: #2ecc71; } .progress-bar-info { background-color: #3498DB; } .progress-bar-warning { background-color: #f1c40f; } .progress-bar-danger { background-color: #e74c3c; } .progress-bar-pink { background-color: #ff7aa3; } .progress-bar-purple { background-color: #9261c6; } .progress-bar-orange { background-color: #e67e22; } .progress-bar-yellow { background-color: #f1c40f; } .progress-bar-emrald { background-color: #2ecc71; } /**====== Progress-bar css end ======**/ /** ===================== Pre-loader css start ========================== **/ /*===== Loader1 =====*/ .loader { margin: 18px auto; top: 65px; left: 65px; right: 0; width: 100px; height: 100px; position: relative; transform: translate(-50%, -50%); } .loader.animation-start .circle { animation: rotating 2s ease-in-out infinite; } .loader.animation-stop .circle { animation-iteration-count: 1; } .loader .circle { width: 50px; height: 50px; display: block; position: absolute; transform-origin: 50% 50%; animation-iteration-count: 0; } .loader .circle:after { content: ''; top: 0; left: 0; width: 10px; height: 10px; display: block; border-radius: 50%; transform: translate(-50%, -50%); background-color: #0073aa; } .loader .circle.delay-1 { animation-delay: 0.125s; } .loader .circle.size-1:after { width: 11px; height: 11px; } .loader .circle.delay-2 { animation-delay: 0.25s; } .loader .circle.size-2:after { width: 12px; height: 12px; } .loader .circle.delay-3 { animation-delay: 0.375s; } .loader .circle.size-3:after { width: 13px; height: 13px; } .loader .circle.delay-4 { animation-delay: 0.5s; } .loader .circle.size-4:after { width: 14px; height: 14px; } .loader .circle.delay-5 { animation-delay: 0.625s; } .loader .circle.size-5:after { width: 15px; height: 15px; } .loader .circle.delay-6 { animation-delay: 0.75s; } .loader .circle.size-6:after { width: 16px; height: 16px; } .loader .circle.delay-7 { animation-delay: 0.875s; } .loader .circle.size-7:after { width: 17px; height: 17px; } .loader .circle.delay-8 { animation-delay: 1s; } .loader .circle.size-8:after { width: 18px; height: 18px; } .loader .circle.delay-9 { animation-delay: 1.125s; } .loader .circle.size-9:after { width: 19px; height: 19px; } .loader .circle.delay-10 { animation-delay: 1.25s; } .loader .circle.size-10:after { width: 20px; height: 20px; } .loader .circle.delay-11 { animation-delay: 1.375s; } .loader .circle.size-11:after { width: 21px; height: 21px; } .loader .circle.delay-12 { animation-delay: 1.5s; } .loader .circle.size-12:after { width: 22px; height: 22px; } @keyframes rotating { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*===== Loader2 =====*/ #loader2 { width: 80px; height: 130px; display: block; transform-origin: 50% 50%; top: calc(50% - 50px); left: calc(50% - 50px); animation: spin 1s linear infinite; margin: 0 auto; } #circle-loader2 { fill: none; stroke: #0073aa; stroke-width: 4; animation: draw 3s ease-in-out infinite; } @keyframes draw { 0% { stroke-dasharray: 20, 282.6; } 50% { stroke-dasharray: 200, 282.6; } 100% { stroke-dasharray: 20, 282.6; } } @keyframes spin { to { transform: rotate(360deg); } } /*==== Loader3 ====*/ .preloader3 { width: auto; height: 130px; text-align: center; font-size: 10px; display: flex; align-items: center; justify-content: center; } .preloader3 > div { margin: 2px; background-color: #0073aa; height: 10px; width: 10px; border-radius: 50%; display: inline-block; -webkit-animation: stretchdelay 0.7s infinite ease-in-out; animation: stretchdelay 0.7s infinite ease-in-out; } .preloader3 .circ2 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .preloader3 .circ3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .preloader3 .circ4 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .preloader3 .circ5 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .preloader3 .loader-md { height: 13px; width: 13px; } .preloader3 .loader-lg { height: 18px; width: 18px; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: translateY(-10px); } 20% { -webkit-transform: translateY(-20px); } } @keyframes stretchdelay { 0%, 40%, 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); } 20% { transform: translateY(-20px); -webkit-transform: translateY(-20px); } } @keyframes rotateColor { 0% { border-top-color: #1b8bf9; } 12.5% { border-bottom-color: rgba(27, 139, 249, 0.8); } 25% { border-bottom-color: rgba(27, 139, 249, 0.6); } 37.5% { border-bottom-color: rgba(27, 139, 249, 0.4); } 50% { border-bottom-color: rgba(27, 139, 249, 0.6); } 50.00001% { border-bottom-color: #1b8bf9; } 62.5% { border-bottom-color: rgba(27, 139, 249, 0.8); } 75% { border-bottom-color: rgba(27, 139, 249, 0.6); } 87.5% { border-bottom-color: rgba(27, 139, 249, 0.4); } } /*===== Loader4 =====*/ .preloader4 { width: 30px; height: 30px; position: relative; margin: 55px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #0073aa; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /*===== Loader5 =====*/ .preloader5 { margin: 55px 0; text-align: center; } .preloader5 .circle-5 { display: inline-block; padding: 11px; margin: 0 0.6em; background: #0073aa; border-radius: 100%; } .preloader5 .l { -webkit-animation: pulse 2s infinite linear; animation: pulse 2s infinite linear; } .preloader5 .m { -webkit-animation: pulse 2s infinite linear; animation: pulse 2s infinite linear; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .preloader5 .r { -webkit-animation: pulse 2s infinite linear; animation: pulse 2s infinite linear; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes pulse { 10% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1.7); transform: scale(1.7); } 50% { -webkit-transform: scale(1.7); transform: scale(1.7); } 70% { -webkit-transform: scale(1.7); transform: scale(1.7); } 80% { -webkit-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 10% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1.7); transform: scale(1.7); } 50% { -webkit-transform: scale(1.7); transform: scale(1.7); } 70% { -webkit-transform: scale(1.7); transform: scale(1.7); } 80% { -webkit-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /*===== Loader6 =====*/ .preloader6 { border-radius: 100%; width: 100px; height: 100px; position: relative; overflow: hidden; z-index: 1; background: inherit; margin: 18px 0; } .preloader6 hr { border: 0; background: inherit; width: 80%; height: 80%; margin: 10%; border-radius: 100%; } .preloader6::before, .preloader6::after, .preloader6 hr::before, .preloader6 hr::after { content: ''; position: absolute; top: 0; z-index: -1; left: 33px; border: 17px solid transparent; border-bottom: 50px solid #0073aa; border-top: 50px solid #0073aa; animation: rotateColor 1000ms infinite; } .preloader6::after { transform: rotate(45deg); animation-delay: 125ms; } .preloader6 hr::before { transform: rotate(90deg); animation-delay: 250ms; } .preloader6 hr::after { transform: rotate(135deg); animation-delay: 375ms; } .loader-block, .loader { display: flex; align-items: center; justify-content: center; } @keyframes rotateColor { 0% { border-top-color: #0073aa; } 12.5% { border-bottom-color: rgba(0, 115, 170, 0.8); } 25% { border-bottom-color: rgba(0, 115, 170, 0.6); } 37.5% { border-bottom-color: rgba(0, 115, 170, 0.4); } 50% { border-bottom-color: rgba(0, 115, 170, 0.6); } 50.00001% { border-bottom-color: #0073aa; } 62.5% { border-bottom-color: rgba(0, 115, 170, 0.8); } 75% { border-bottom-color: rgba(0, 115, 170, 0.6); } 87.5% { border-bottom-color: rgba(0, 115, 170, 0.4); } } /*========= Pre-loader css end ============*/ /*range slider start */ .range-slider { min-height: 200px; display: flex; align-items: center; margin-left: 15px; } #RGB { height: 10px; background: gray; } #RC .slider-selection { background: #FF8282; } #RC .slider-handle { background: red; } #GC .slider-selection { background: #428041; } #GC .slider-handle { background: green; } #BC .slider-selection { background: #8283FF; } #BC .slider-handle { border-bottom-color: blue; } #R, #G, #B { width: 300px; } .range-slider-contain { position: absolute; bottom: 12%; } .slider-handle { top: -5px; background-image: linear-gradient(to bottom, #0073AA 0%, #0073AA 100%); box-shadow: none; } .slider-tick, .slider-track { background-image: linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%); } .slider-handle.custom::before { line-height: 15px; font-size: 35px; color: #0073AA; } #slider12a .slider-track-high, #slider12c .slider-track-high { background: green; } #slider12b .slider-track-low, #slider12c .slider-track-low { background: red; } #slider12c .slider-selection { background: yellow; } .slider-selection.tick-slider-selection { background-image: linear-gradient(to bottom, #008daa 0%, #008daa 100%); } .slider-tick.in-selection { background-image: linear-gradient(to bottom, #008daa 0%, #008daa 100%); } .slider.slider-horizontal .slider-track { height: 2px; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { top: -5px; cursor: pointer; } /*range slider end */ /** ===================== Rating css start ========================== **/ .br-wrapper { margin: 20px 0 50px; } .br-theme-bars-1to10 .br-widget .br-current-rating { clear: both; padding: 0; font-size: 16px; color: #757575; font-weight: 600; } .br-theme-bars-reversed .br-widget .br-current-rating { clear: both; padding: 0; line-height: 2; font-size: 16px; } .br-theme-bars-movie .br-widget .br-current-rating { color: #757575; font-weight: 600; text-align: left; } .br-theme-bars-horizontal .br-widget .br-current-rating, .br-theme-bars-reversed .br-widget .br-current-rating { color: #757575; font-weight: 600; } span.value { display: inline; } .current-rating { position: relative; top: -50px; } .current-rating.hidden { display: none; } .your-rating { position: relative; top: -50px; } .your-rating.hidden { display: none; } .br-theme-bars-1to10 .br-widget a, .br-theme-bars-movie .br-widget a, .br-theme-bars-reversed .br-widget a, .br-theme-bars-horizontal .br-widget a { background-color: #81BEF7; } .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected, .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected, .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected, .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected { background-color: #0073aa; } .br-theme-bars-pill .br-widget a { background-color: #81BEF7; color: #fff; } .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { background-color: #0073aa; } .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { color: #0073aa; } .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after { color: #0073aa; } .br-theme-bars-square .br-widget a { border: 2px solid #81BEF7; color: #0073aa; } .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected { border: 2px solid #81BEF7; color: #0073aa; } .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .br-theme-fontawesome-stars-o .br-widget a:after, .br-theme-fontawesome-stars-o .br-widget a.br-active:after, .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after { color: #0073aa; } /**====== Rating css end ======**/ /** ===================== Todo css start ========================== **/ #task-container ul { overflow: hidden; } #task-container .task-headline { display: none; color: #666666; border-bottom: 1px solid #C8C7BB; padding-bottom: 20px; margin-bottom: 20px; font-size: 1.6em; position: relative; } #task-container .task-headline:before { height: 1px; width: 100%; background: #FFF; position: absolute; content: " "; bottom: 0; left: 0; } #task-container .nothing-message { height: 160px; color: #666; background-size: 15%; } #task-container li { float: left; width: 49%; overflow: auto; height: auto; min-height: 10px; background: #FFF; display: inline-block; padding: 20px; border: 1px solid #CCC; color: #666; border-top: 9px solid #0073aa; cursor: pointer; margin-bottom: 20px; margin-right: 2%; transition: all 0.3s; position: relative; } #task-container li:nth-child(even) { margin-right: 0; } #task-container li:hover { opacity: 1; border-top: 9px solid #bdc3c7; } #task-container li.complete { opacity: 1; border-top: 9px solid #e74c3c; transition: all ease-in 0.3s; } #task-container li.complete:before { background: url("../images/complete.png") no-repeat; position: absolute; top: 5px; right: 5px; content: ""; width: 55px; height: 55px; background-size: 100%; } #task-container li.complete:hover { border-top: 9px solid #bdc3c7; opacity: 1; } #task-container li.complete p { text-decoration: line-through; } #task-container p { line-height: 1.6em; text-align: left; } .add-line.complete { text-decoration: line-through; } .task-panel .to-do-label { padding-bottom: 0; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; } .task-panel .to-do-label:last-child { border-bottom: none; margin-bottom: 0; padding: 0; } .to-do-list { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; } .to-do-list i { color: #ccc; font-size: 24px; opacity: 0; } .to-do-list:last-child { border: none; padding: 0; margin: 0; } .to-do-list:hover i { opacity: 1; transition: opacity ease-in 0.3s; } .to-do-list p { display: inline-block; } .to-do-label .checkbox-fade { display: block; } .to-do-label .checkbox-fade .delete_todo { float: right; font-size: 24px; color: #ccc; } .to-do-label .check-task { display: block; } .to-do-label i { cursor: pointer; } .done-task span, .done-task .captions { text-decoration: line-through; } /**====== Todo css end ======**/ @media only screen and (min-width: 576px) and (max-width: 1366px) { /*====== job-card-view css start ====== */ .job-card.card-columns { column-count: 2; } /*====== job-card-view css end ====== */ } @media only screen and (max-width: 1199px) { .card .card-header .card-header-right i { margin: 0 10px; } /* Job details Css Start */ .similar-job .media { display: inline-block; } .similar-job .media .media-body { margin-top: 20px; } /* Job details Css End */ .blog-page-card { margin-bottom: 30px; } .blog-page-card:last-child { margin-bottom: 0; } #draggablePanelList [class*="col-"] .card-sub { margin-bottom: 30px; } #draggablePanelList [class*="col-"]:last-child .card-sub { margin-bottom: 0; } .user-head { justify-content: center; } .user-body { min-height: auto !important; } .mail-box-head { text-align: center; } .mail-box-head form { float: inherit; } #external-events h6 { margin-top: 0; margin-bottom: 20px; } .just_edit .input-group { width: 100% !important; } .dotted-line-theme .ibtn_container { top: 10px; position: inherit; } .users-card [class*="col-"] { margin-bottom: 20px; } .users-card [class*="col-"]:last-child { margin-bottom: 0; } .timeline-btn { text-align: center; width: 100%; right: 0; } .social-timeline-left { position: inherit; top: 0; margin-right: 0; } .timeline-icon { position: absolute; margin-left: 0; } .social-timelines:before { left: 35px; } .timeline-dot:after, .timeline-dot:before { left: 32px; } .user-box .f-right { float: none; display: block; } .main-timeline { padding: 10px; } .main-timeline:after, .main-timeline:before { margin-left: -94px; margin-top: 25px; display: none; } .cd-timeline-content::before { top: 15px; } .cd-date, .cd-details { display: block; padding-left: 20px !important; padding-top: 0 !important; } .cd-details { margin-bottom: 20px; } .cd-timeline-content p { margin-bottom: 0; } .clock-widget .basic-alarm { display: none; } .weather-card-2 .weather-card-temp { padding: 0; } .weather-card-2 .card-footer { padding-top: 20px; padding-bottom: 20px; } .user-activity-card .card-block-big { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 1024px) { .main-body .page-wrapper .page-header-title { display: block; } .main-body .page-wrapper .page-header { margin-bottom: 10px; } .main-body .page-wrapper .page-header-breadcrumb { float: inherit; display: inline-block; margin-top: 10px; } body .pcoded[vertical-placement="right"] .main-body .page-wrapper .page-header .page-header-breadcrumb { float: none; direction: ltr; } body .pcoded[vertical-placement="right"] .pcoded-wrapper .page-header .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #868e96; content: "/"; } body .pcoded[vertical-placement="right"] .pcoded-wrapper .page-header .breadcrumb-item + .breadcrumb-item::after { content: none; } } @media only screen and (min-width: 1025px) { body .pcoded[vertical-placement="right"] .pcoded-wrapper .page-header .breadcrumb-item + .breadcrumb-item::after { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #868e96; content: "/"; } body .pcoded[vertical-placement="right"] .pcoded-wrapper .page-header .breadcrumb-item + .breadcrumb-item::before { content: none; } } @media only screen and (max-width: 992px) { #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control, #dt-live-dom .form-control { width: 80%; } .pcoded-main-container { margin-top: 56px !important; } .card-title { font-size: 18px; font-weight: 600; margin-bottom: 5px; } .header-navbar { position: fixed !important; z-index: 1209; } .header-navbar[pcoded-header-position="relative"] { position: fixed !important; top: 0; } .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; } .header-navbar .navbar-wrapper .navbar-logo { width: 100%; } .header-navbar .navbar-wrapper .navbar-logo .mobile-menu { display: block; position: absolute; left: 30px; top: 18px; } .header-navbar .navbar-wrapper .navbar-logo .mobile-search { display: block; position: absolute; left: 70px; top: 18px; } .header-navbar .navbar-wrapper .navbar-logo .mobile-options { display: block; position: absolute; right: 30px; } .header-navbar .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right { display: none; } .btn-blog { text-align: center; } .animation-image img { margin: 20px auto 0; } .animation-type { text-align: center; } .nav-tabs.md-tabs.tab-timeline li a { font-size: 16px; } } @media only screen and (max-width: 991px) { .messages-content { border-right: none; } } @media only screen and (min-width: 992px) { .btn-blog { text-align: right; } } @media only screen and (max-width: 768px) { .card-block.list-tag ul li:last-child { margin-bottom: 20px; } .inline-order-list { margin-top: 0; } h4 { font-size: 1rem; font-weight: 600; } .mail-body-content .form-group:nth-child(2) .form-control { margin-bottom: 20px; } .mail-body-content .form-group:nth-child(2) .col-md-6:last-child .form-control { margin-bottom: 0; } .card h5 { font-size: 16px; } .header-navbar .navbar-wrapper .navbar-logo { display: inherit; padding-top: 13px; } .header-navbar .navbar-wrapper .navbar-logo a { display: inline-block; } .header-navbar .navbar-wrapper .navbar-logo .mobile-options { top: 18px; } .main-body .page-wrapper .page-header-title { display: block; } body.header-fixed .main-body .page-wrapper { padding-bottom: 0; padding-top: 15px; } .card-header-right i:nth-child(n+2) { display: none; } .dataTables_paginate .pagination { float: inherit; text-align: center; display: inline-block; margin-top: 10px !important; } .card .card-block ul.pagination li { float: left; margin-bottom: 10px; } div.dataTables_wrapper div.dataTables_info { display: inherit; } .wizard > .steps > ul > li { float: inherit; width: 100%; } .gallery-page .grid { padding: 0; } figure.effect-steve h2 { margin-top: 0; } .cover-profile .profile-bg-img { margin-bottom: 0; } .card-block.user-info { position: inherit; text-align: center; background-color: #bdc3c7; margin-bottom: 20px; } .user-info .media-left, .user-info .media-body { display: block; } .cover-btn { position: inherit; float: none; } .cover-btn .btn:first-child { margin-right: 10px; } .user-info .user-title { position: initial; margin-bottom: 10px; margin-top: 10px; } .nav-tabs.md-tabs.tab-timeline li a { font-size: 14px; } .user-content h4 { font-size: 1rem; } .user-content h5 { margin-right: 0; font-size: 14px; } .top-cap-text p { padding: 0; } .top-cap-text p:last-child { margin-bottom: 0; } .user-card .btn span { font-size: 13px; } .toolbar-page [class*="col-"] { margin-bottom: 15px; } .toolbar-page [class*="col-"]:last-child { margin-bottom: 0; } .offline-404 h1 { font-size: 80px; } .offline-404 h2 { font-size: 25px; } .invoice-contact { margin-top: 20px; margin-bottom: 0; } .lng-dropdown { display: none; } .group-widget .card-block-big { height: 110px; } .client-blocks ul li { font-size: 30px; } .widget-profile-card-1 ~ .card-footer [class*=col-] { border: none; margin: 0 auto; } .large-widget-card i { top: 15px; } .user-activity-card .user-number { padding: 15px 0; } .user-activity-card .m-b-40 { margin-bottom: 10px; } .blur-user-card .blur-footer [class*="col-"] { margin: 0 auto; border: none; } .switchery { margin-bottom: 20px; } .switchery-large, .switchery-large ~ .switchery-default, .switchery-small { margin-bottom: 0; } .js-dynamic-disable, .js-dynamic-enable { display: block; width: 100%; } .js-dynamic-disable { margin-bottom: 20px; } .radio-inline, .border-checkbox-section .border-checkbox-group, .checkbox-color { display: block; } .checkbox-fade { display: inline-block; } .md-content { font-size: 10px; } .pagination { float: inherit; text-align: center; display: inline-block; margin-top: 10px !important; } .pagination li { float: left; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { /* Authentication Css Start */ .login-card.auth-body, .signin-card.auth-body, .signup-card.auth-body { width: 100%; } .signin-card .share-btn i { padding: 0; } .comment-input .input-group { display: block; } .comment-input .input-group i { text-align: center; width: 100%; } .comment-input .input-group input { width: 100%; margin-top: 10px; margin-bottom: 10px; } /* Authentication Css End */ } @media only screen and (max-width: 640px) { .dt-button { margin-bottom: 5px; } .email-read .card-header h6 { float: none; margin-top: 10px; } .email-read .media { display: inline-block; } .email-read .media.m-b-20 { margin-bottom: 0; } .email-read .mail-img [class*="col-"] { margin-bottom: 30px; } .email-read .mail-img [class*="col-"]:last-child { margin-bottom: 0; } } @media only screen and (max-width: 573px) { .md-tabs { display: initial; } .md-tabs .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a { width: calc(100% / 1); } .nav-tabs .slide { display: none; } .toolbar-page [class*="col-"] .sub-title { text-align: center; } #task-container li { width: 100%; } .nav-tabs.tabs { display: inherit; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs a.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs a.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs a.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs a.show .nav-link, .nav-tabs .nav-link.active { border: none; } .nav-tabs .nav-link { text-align: center; } .search-content { display: block; text-align: center; } .search-content img { margin-top: 20px; } .seacrh-header { margin-top: 0; } .seacrh-header .input-group { margin-bottom: 0; } .payment-card .text-right { text-align: left !important; } .payment-tabs .md-tabs .nav-item + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a { width: calc(100% / 1); } .jp-card { min-width: 225px !important; } .payment-form { padding: 20px 0 0; } .modal-mob-btn [class*="col-"]:first-child { margin-bottom: 20px; } .location-mob-btn .btn { margin-bottom: 20px; margin-right: 0; } .location-mob-btn .btn:last-child { margin-bottom: 0; } .job-cards .media { display: inline-block; text-align: center; padding-top: 15px; padding-bottom: 15px; } .job-cards .media p { margin-bottom: 0; } .invoice-btn-group .m-r-20 { margin-right: 0; } .table-card .row-table { display: block; text-align: center; } .table-card .row-table i { font-size: 28px; margin-bottom: 10px; display: inline-block; } .table-card .row-table .br { border: none; border-bottom: 1px solid #ccc; } .table-card .row-table > [class*=col-] { display: block; } .card-block-big { padding: 1em; } .card-block-big #barchart, .card-block-big #barchart2 { display: inline-block; margin-bottom: 10px; } .widget-primary-card [class*="col-"] { padding: 1em; } .widget-primary-card [class*="col-"] h6 { margin-bottom: 0; } .cd-horizontal-timeline .events-content em { text-align: left; } .events-content h2 { font-size: 20px; } .cd-horizontal-timeline { margin: 0 auto; } .social-widget-card i { top: 25px; font-size: 38px; } .widget-chat-box .card-header i { display: none; } .mobile-inputs [class*="col-"]:first-child { margin-bottom: 20px; } .pagination-lg .page-link { padding: .75rem .65rem; } .mobtn { padding: 10px; } } @media only screen and (max-width: 480px) { /* Blog details css start */ .blog-page hr { margin-top: 20px; margin-bottom: 20px; } .main-body .page-wrapper { padding: 0; } .card-block { padding: 0.75rem; } /* Blog details css end */ [class*="alert-"] code { margin-left: 0; } .j-forms { background-color: #fff; border-color: transparent; } .j-forms .unit { margin-bottom: 0; } .j-forms .label { margin-bottom: 5px; margin-top: 10px; color: #2d3e50 !important; } .j-forms .content { padding: 0; } .j-forms .divider-text { height: auto; margin-top: 30px; margin-bottom: 10px; } .j-forms .divider-text span { white-space: pre-line; display: block; line-height: 1.8; } .breadcrumb-page .card { text-align: center; } .wizard.vertical > .steps { width: 100%; } .wizard.vertical > .content { width: 95%; } div.dataTables_wrapper div.dataTables_filter input { width: 150px; } #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control, #dt-live-dom .form-control { width: 70%; } .grid figure { min-width: auto; } .mytooltip .tooltip-content { width: 310px; margin: 0 0 20px -90px; } .mytooltip .tooltip-content:after { margin-left: -90px; } .cd-timeline-content .media { display: inherit !important; padding-left: 20px; } .cd-timeline-content .media .media-left { text-align: center; margin: 10px auto; } .summernote-page .modal-footer { display: inline-block; text-align: center; } .summernote-page .modal-footer > :not(:first-child) { margin-top: 10px; margin-left: 0; } .product-detail .txt-muted.d-inline-block { margin-top: 10px; } .product-detail .txt-muted.d-inline-block ~ .f-right { float: none; display: block; margin-top: 10px; } .mob-product-btn { text-align: center; } .mob-product-btn .btn-primary, .mob-product-btn .sweet-alert button.confirm, .sweet-alert .mob-product-btn button.confirm, .mob-product-btn .wizard > .actions a, .wizard > .actions .mob-product-btn a { margin-right: 0; display: block; margin: 10px auto; } .bd-example .modal-footer { display: block; } .show .modal-dialog { top: 56px; } /* Job details Css Start */ .similar-job .media, .company-profile .media { display: inline-block; } .similar-job .media .media-body, .company-profile .media .media-body { margin-top: 20px; } /* Job details Css End */ } @media only screen and (max-width: 460px) { .fc-toolbar .fc-right .fc-button-group { margin-right: 0; } .social-msg a { margin-bottom: 10px; } .social-msg a:last-child { margin-bottom: 0; } /* Job find Css Start */ .set-btn .btn { padding: 10px; } /* Job find Css End */ .timeline-right .card { margin-left: 20px; } figure.effect-moses h2 { width: 50%; height: 60%; padding: 10px; font-size: 20px; } figure.effect-moses p { padding: 10px; } } @media only screen and (max-width: 576px) { .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { min-width: 280px; left: 0; right: auto; width: auto; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { left: auto; right: 0; } .nav-tabs .nav-link.active { box-shadow: 0 0 1px #1abc9c; margin-bottom: 5px; } .md-tabs .nav-item a, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a { margin-bottom: 5px; } } @media only screen and (min-width: 801px) and (max-width: 915px) { .grid figure { min-width: auto; } } @media only screen and (min-width: 1200px) and (max-width: 1258px) { .user-head { text-align: center; } .user-head .user-face { margin: 0 auto; } .user-head .user-name { display: none; } /* Job details Css Start */ .similar-job .media { display: inline-block; } .similar-job .media .media-body { margin-top: 20px; } /* Job details Css End */ } @media only screen and (min-width: 1279px) and (max-width: 1500px) { .cd-horizontal-timeline { margin: 0 auto; } #chartdiv { height: 440px; } .social-card-1 .card-block-big { padding: 1.3em; } #morris-extra-area { height: 400px !important; } .widget-chat-box .receive-chat, .widget-chat-box .send-chat { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* Job details Css Start */ .similar-job .media { display: inline-block; } .similar-job .media .media-body { margin-top: 20px; } /* Job details Css End */ .card .card-header .card-header-right i { margin: 0 10px; } } /** ===================== Dark-Layout css start ========================== **/ body.dark-layout { background-color: #333; transition: all linear .3s; } body.dark-layout .header-navbar .navbar-wrapper, body.dark-layout .jstree-default .jstree-clicked, body.dark-layout .prod-item .prod-info, body.dark-layout .filter-bar > .navbar, body.dark-layout #task-container li { background-color: #1b1b1b; } body.dark-layout .main-menu { background: #242424; } body.dark-layout .main-menu .main-menu-header, body.dark-layout .nav-tabs .nav-link.active, body.dark-layout .page-link:hover, body.dark-layout .location-selector .bit:hover, body.dark-layout .ms-container .ms-selectable li.disabled, body.dark-layout .ms-container .ms-selection li.disabled, body.dark-layout .j-forms .divider-text span, body.dark-layout .j-pro .j-divider-text span, body.dark-layout .handsontable th, body.dark-layout .cd-timeline-content, body.dark-layout .email-card .user-body .page-list li.active, body.dark-layout .email-card .user-body .page-list li:hover, body.dark-layout .email-card .mail-body-content tr:hover, body.dark-layout #external-events .fc-event { background: #000; } body.dark-layout .card { background: #292929; border-top-color: #555; color: #fff; } body.dark-layout .card h5 { color: #a3a3a3; } body.dark-layout .well, body.dark-layout .page-link, body.dark-layout .table-bordered td, body.dark-layout .table-bordered th, body.dark-layout .grid-layout span, body.dark-layout .vertical-alignment .row, body.dark-layout .location-selector, body.dark-layout pre[class*="language-"], body.dark-layout .icon-list-demo i, body.dark-layout .ms-container .ms-list, body.dark-layout .ms-container .ms-selectable li.ms-elem-selectable, body.dark-layout .ms-container .ms-selection li.ms-elem-selection, body.dark-layout .wizard > .content, body.dark-layout .j-forms, body.dark-layout .j-pro, body.dark-layout .table-bordered, body.dark-layout table.dataTable td.select-checkbox:before, body.dark-layout table.dataTable th.select-checkbox:before, body.dark-layout .email-summernote ~ .note-frame, body.dark-layout .thumb-block, body.dark-layout #task-container li { border-color: #555; } body.dark-layout .cd-timeline::before, body.dark-layout .cd-timeline-content::before, body.dark-layout .main-timeline:before, body.dark-layout .main-timeline:after { background: #555; } body.dark-layout .card-footer, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { background: #292929; color: #fff; } body.dark-layout .table-card .row-table .br, body.dark-layout .social-card-1 .card-footer [class*="col-"], body.dark-layout .email-card .user-body, body.dark-layout .messages-content, body.dark-layout .note-card .note-box-aside { border-right-color: #555; } body.dark-layout .table-card .row-table:first-child, body.dark-layout .to-do-list, body.dark-layout .modal-header, body.dark-layout .email-card .user-body .page-list li, body.dark-layout .search-content { border-bottom-color: #555; } body.dark-layout .table td, body.dark-layout .table th, body.dark-layout .card-footer, body.dark-layout .tab-below, body.dark-layout .chat-reply-box, body.dark-layout .panel-footer, body.dark-layout .modal-footer, body.dark-layout .j-forms .footer, body.dark-layout .j-forms .divider, body.dark-layout .j-forms .divider-text, body.dark-layout .j-pro .j-footer, body.dark-layout .footable-details.table > tbody > tr > td, body.dark-layout .footable-details.table > tbody > tr > th, body.dark-layout .footable-details.table > tfoot > tr > td, body.dark-layout .footable-details.table > tfoot > tr > th, body.dark-layout .footable-details.table > thead > tr > td, body.dark-layout .footable-details.table > thead > tr > th, body.dark-layout .footable.table > tbody > tr > td, body.dark-layout .footable.table > tbody > tr > th, body.dark-layout .footable.table > tfoot > tr > td, body.dark-layout .footable.table > tfoot > tr > th, body.dark-layout .footable.table > thead > tr > td, body.dark-layout .footable.table > thead > tr > th, body.dark-layout .write-msg, body.dark-layout .version .nav li:first-child { border-top-color: #555; } body.dark-layout .p-chat-user, body.dark-layout .showChat_inner, body.dark-layout .invoice-table { border-left-color: #555; } body.dark-layout .table > thead > tr > th, body.dark-layout .userlist-box, body.dark-layout .card-header, body.dark-layout .nav-tabs, body.dark-layout .chat-inner-header { border-bottom-color: #555; } body.dark-layout .widget-chat-box .send-chat, body.dark-layout .widget-chat-box .receive-chat { background: #333; } body.dark-layout .widget-chat-box .send-chat:before, body.dark-layout .widget-chat-box .receive-chat:before { border-top-color: #333; border-right-color: #333; } body.dark-layout .nav-tabs .nav-item.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .nav-link.active { border-color: #555 #555 #555; color: #fff; } body.dark-layout .tab-below .active { border-top: none; } body.dark-layout text { fill: #fff; } body.dark-layout .main-menu .main-menu-content .nav-item.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a.has-class > a, body.dark-layout .card .card-header .card-header-right, body.dark-layout code, body.dark-layout .card .card-block code, body.dark-layout .fb-timeliner, body.dark-layout .version .nav li:hover { background: #1b1b1b; } body.dark-layout .main-menu .main-menu-content .nav-item a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-1 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 a a, body.dark-layout .sub-title, body.dark-layout .breadcrumb-title a, body.dark-layout h4.m-b-30, body.dark-layout code, body.dark-layout .card .card-block code, body.dark-layout .clock-widget .bg-alarm, body.dark-layout .clock-widget .basic-alarm, body.dark-layout .nav-tabs .nav-item a, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 body.dark-layout .nav-tabs a a, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 body.dark-layout .nav-tabs a a, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 body.dark-layout .nav-tabs a a, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 body.dark-layout .nav-tabs a a, body.dark-layout .dark-nav-border a, body.dark-layout .primary-nav-dark a, body.dark-layout .warning-nav-dark a, body.dark-layout .success-nav-dark a, body.dark-layout .info-nav-dark a, body.dark-layout .danger-nav-dark a, body.dark-layout .page-link, body.dark-layout .main-body .page-wrapper .page-header-title h4, body.dark-layout .modal-title, body.dark-layout .close, body.dark-layout .icon-list-demo i, body.dark-layout .form-radio label, body.dark-layout .ms-container .ms-selectable li.ms-elem-selectable, body.dark-layout .ms-container .ms-selection li.ms-elem-selection, body.dark-layout .j-forms .divider-text span, body.dark-layout .j-pro .j-label, body.dark-layout .j-pro .j-divider-text span, body.dark-layout .j-pro .j-icon-left, body.dark-layout .j-pro .j-icon-right, body.dark-layout .j-pro .j-radio, body.dark-layout .j-pro .j-checkbox, body.dark-layout .j-pro .j-radio-toggle, body.dark-layout .j-pro .j-checkbox-toggle, body.dark-layout .handsontable th, body.dark-layout .left-icon-control .form-icon, body.dark-layout .offline-404 h1, body.dark-layout .cd-timeline-content .cd-date, body.dark-layout ul.list-contacts .list-group-item a, body.dark-layout .port_detail_next_search a, body.dark-layout .email-card .mail-body-content .unread a, body.dark-layout .email-card .user-mail h6, body.dark-layout .navbar-light .navbar-nav .nav-link, body.dark-layout h4.m-b-30, body.dark-layout .thead-default th, body.dark-layout .fc-state-default, body.dark-layout .light-nav-border a, body.dark-layout .primary-nav a, body.dark-layout .warning-nav a, body.dark-layout .success-nav a, body.dark-layout .info-nav a, body.dark-layout .danger-nav a, body.dark-layout .primary-nav a, body.dark-layout .warning-nav a, body.dark-layout .success-nav a, body.dark-layout .info-nav a, body.dark-layout .danger-nav a { color: #a3a3a3; } body.dark-layout .nav-tabs .nav-link:focus, body.dark-layout .nav-tabs .nav-link:hover { border-color: #555 #555 #555; } body.dark-layout .widget-chat-box .card-header i, body.dark-layout .card .card-header span, body.dark-layout .main-menu .main-menu-content .tree-1.open .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-2 .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-3 .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-4 .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-2 .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-3 .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-4 .has-class > a, body.dark-layout .main-menu .main-menu-content .tree-2.open .has-class > a, body.dark-layout .main-menu .main-menu-content .tree-3.open .has-class > a, body.dark-layout .main-menu .main-menu-content .tree-4.open .has-class > a, body.dark-layout .main-menu .main-menu-content .nav-title, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a, body.dark-layout .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a, body.dark-layout .mega-menu-title, body.dark-layout .form-group label, body.dark-layout .chat-header, body.dark-layout .cd-horizontal-timeline .events a, body.dark-layout .borderless-card [class*="breadcrumb-"] h5, body.dark-layout .borderless-card [class*="breadcrumb-"] a, body.dark-layout .form-control, body.dark-layout .dropdown-item, body.dark-layout .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year, body.dark-layout .nav-tabs .nav-item.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .primary-nav-dark a, body.dark-layout .warning-nav-dark a, body.dark-layout .success-nav-dark a, body.dark-layout .info-nav-dark a, body.dark-layout .danger-nav-dark a, body.dark-layout .primary-nav a, body.dark-layout .warning-nav a, body.dark-layout .success-nav a, body.dark-layout .info-nav a, body.dark-layout .danger-nav a, body.dark-layout .accordion-msg, body.dark-layout .card .card-block p, body.dark-layout .chat-inner-header, body.dark-layout .right-icon-control .form-icon, body.dark-layout .jstree-default .jstree-clicked, body.dark-layout .close:hover, body.dark-layout .modal-body, body.dark-layout .j-forms input[type="text"], body.dark-layout .j-forms input[type="password"], body.dark-layout .j-forms input[type="email"], body.dark-layout .j-forms input[type="search"], body.dark-layout .j-forms input[type="url"], body.dark-layout .j-forms textarea, body.dark-layout .j-forms select, body.dark-layout .j-pro input[type="text"], body.dark-layout .j-pro input[type="password"], body.dark-layout .j-pro input[type="email"], body.dark-layout .j-pro input[type="search"], body.dark-layout .j-pro input[type="url"], body.dark-layout .j-pro textarea, body.dark-layout .j-pro select, body.dark-layout .note-editor.note-frame .note-editing-area .note-editable, body.dark-layout .email-card .mail-body-content .read a, body.dark-layout #external-events .fc-event, body.dark-layout #ta { color: #fff; } body.dark-layout .main-menu .main-menu-content .tree-1.open .nav-sub-item > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-2 .nav-sub-item > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-3 .nav-sub-item > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-4 .nav-sub-item > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-2 .nav-sub-item > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-3 .nav-sub-item > a, body.dark-layout .main-menu .main-menu-content .nav-item .open.tree-4 .nav-sub-item > a { background: #2d2d2d; } body.dark-layout .morphsearch.open .morphsearch-form, body.dark-layout .dummy-media-object, body.dark-layout .card .card-block .dropdown-menu, body.dark-layout .clock-widget, body.dark-layout .pignose-calendar, body.dark-layout .pignose-calendar .pignose-calendar-top, body.dark-layout .nav-tabs .nav-item.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 body.dark-layout .nav-tabs a.show .nav-link, body.dark-layout .alert-danger, body.dark-layout .alert-warning, body.dark-layout .alert-info, body.dark-layout .alert-success, body.dark-layout .alert-primary, body.dark-layout .alert-default, body.dark-layout .showChat_inner, body.dark-layout .chat-reply-box, body.dark-layout .modal-content, body.dark-layout .location-selector .bit, body.dark-layout .j-forms, body.dark-layout .j-forms .footer, body.dark-layout .j-pro, body.dark-layout .j-pro .j-footer, body.dark-layout .handsontable th, body.dark-layout .handsontable td, body.dark-layout .offline-404, body.dark-layout .dropdown-menu, body.dark-layout .email-card .user-body { background: #292929; } body.dark-layout .morphsearch-close::before, body.dark-layout .morphsearch-close::after { background: #999; } body.dark-layout .morphsearch.open, body.dark-layout .morphsearch-content, body.dark-layout .theme-loader, body.dark-layout .form-control, body.dark-layout .md-tabs .nav-item a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a, body.dark-layout .well, body.dark-layout .panel-footer, body.dark-layout .panel, body.dark-layout .page-link, body.dark-layout .location-selector, body.dark-layout pre[class*="language-"], body.dark-layout .bootstrap-tagsinput, body.dark-layout .select2-container--default .select2-selection--multiple, body.dark-layout .ms-container .ms-selectable, body.dark-layout .ms-container .ms-selection, body.dark-layout .wizard > .steps .disabled a, body.dark-layout .wizard > .steps .disabled a:hover, body.dark-layout .wizard > .steps .disabled a:active, body.dark-layout .wizard > .content, body.dark-layout .j-forms input[type="text"], body.dark-layout .j-forms input[type="password"], body.dark-layout .j-forms input[type="email"], body.dark-layout .j-forms input[type="search"], body.dark-layout .j-forms input[type="url"], body.dark-layout .j-forms textarea, body.dark-layout .j-forms select, body.dark-layout .j-pro input[type="text"], body.dark-layout .j-pro input[type="password"], body.dark-layout .j-pro input[type="email"], body.dark-layout .j-pro input[type="search"], body.dark-layout .j-pro input[type="url"], body.dark-layout .j-pro textarea, body.dark-layout .j-pro select, body.dark-layout .footable-details.table-striped > tbody > tr:nth-child(odd), body.dark-layout .footable.table-striped > tbody > tr:nth-child(odd), body.dark-layout .main-timeline, body.dark-layout .dropdown-item:focus, body.dark-layout .dropdown-item:hover, body.dark-layout .list-group-item, body.dark-layout .note-editor.note-frame .note-editing-area .note-editable, body.dark-layout #main-chat .chat-single-box.active .chat-header, body.dark-layout .post-input, body.dark-layout .msg-send, body.dark-layout .note-editor.note-frame .note-statusbar, body.dark-layout #ta, body.dark-layout .thead-default th, body.dark-layout .invoice-total, body.dark-layout .fc-state-default, body.dark-layout .jFiler-input-dragDrop, body.dark-layout .jFiler-theme-default .jFiler-input, body.dark-layout .light-nav-border, body.dark-layout .primary-nav, body.dark-layout .warning-nav, body.dark-layout .success-nav, body.dark-layout .info-nav, body.dark-layout .danger-nav, body.dark-layout .primary-nav, body.dark-layout .warning-nav, body.dark-layout .success-nav, body.dark-layout .info-nav, body.dark-layout .danger-nav { background: #333; } body.dark-layout .md-tabs .nav-item a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 body.dark-layout .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, body.dark-layout .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a { border-radius: 0; } body.dark-layout .ball-scale > div { background: #fff; } body.dark-layout .tree-1, body.dark-layout .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item body.dark-layout .tree-2, body.dark-layout .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item body.dark-layout .tree-3, body.dark-layout .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item body.dark-layout .tree-4, body.dark-layout .tree-2, body.dark-layout .tree-3, body.dark-layout .tree-4 { background-color: #2d2d2d !important; } body.dark-layout .page-item.disabled .page-link { color: #a3a3a3; background-color: #333; border-color: #555; } body.dark-layout .ct-grid { stroke: rgba(255, 255, 255, 0.2); } body.dark-layout .ct-label.ct-vertical.ct-start, body.dark-layout .ct-label.ct-horizontal.ct-end { color: rgba(255, 255, 255, 0.38); } body.dark-layout .img-tabs a { opacity: 1; } body.dark-layout pre[class*="language-"] code { background-color: #000 !important; } body.dark-layout .bg-white { background-color: #000 !important; } body.dark-layout code[class*="language-"] { text-shadow: none; } body.dark-layout #reportrange { background: #333 !important; } body.dark-layout .chat-bg { background: rgba(1, 1, 1, 0.69); } /**====== Dark-Layout css end ======**/ .pcoded .pcoded-container { position: relative; background: #d5dae6; } .pcoded .pcoded-header { position: relative; display: block; } .pcoded .pcoded-navbar { display: block; } .pcoded-main-container { display: block; position: relative; background: #e9e9e9; min-height: calc(100vh - 56px); } .pcoded .pcoded-content { position: relative; display: block; } .pcoded-inner-navbar { display: block; position: relative; } .pcoded-inner-content { padding: 10px; } .pcoded .pcoded-navbar .pcoded-item { display: block; list-style: none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item > li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item > li > a { display: block; font-size: 14px; padding: 0 15px; text-decoration: none; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { list-style: outside none none; margin: 0; padding: 0; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { display: block; font-size: 14px; font-weight: 400; padding: 0 15px; text-decoration: none; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { font-size: 10px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { font-size: 15px; padding-right: 10px; } .pcoded-inner-navbar { height: 100%; } .pcoded[theme-layout="vertical"] .pcoded-header { width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); z-index: 1029; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header { display: block; z-index: 1028; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header .pcoded-logo { opacity: 1; text-align: center; visibility: visible; height: 50px; white-space: nowrap; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header .pcoded-logo a { display: block; text-decoration: none; padding: 9px 0; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-icon { bottom: -21px; font-size: 60px; left: 8px; position: absolute; z-index: -1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-icon { font-size: 45px; bottom: -7px; left: 5px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-text, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-text, .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-text { font-family: open sans; font-size: 16px; font-weight: 600; left: 60px; margin: 0 auto !important; opacity: 1; position: absolute; text-transform: uppercase; top: 25px; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-text, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-text { left: 15px; top: 13px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .pcoded-left-header .pcoded-logo .logo-text { font-family: open sans; font-size: 16px; font-weight: 400; margin: 0 auto !important; opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); position: relative; top: 5px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-text { opacity: 0; position: absolute; transform: rotateX(90deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); visibility: hidden; } .pcoded[theme-layout="vertical"][vertical-nav-type="offcanvas"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo { opacity: 0; visibility: hidden; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-header .pcoded-left-header .pcoded-logo a .hide-in-smallsize { display: none; } .pcoded[theme-layout="vertical"] .pcoded-header .sidebar_toggle a { border-radius: 4px; float: left; font-size: 18px; height: 35px; margin-right: 5px; position: relative; text-align: center; top: 7px; width: 40px; border-width: 0; border-style: solid; } .pcoded[theme-layout="vertical"] .pcoded-header .sidebar_toggle a i { position: relative; top: -7px; } .pcoded[theme-layout="vertical"] .pcoded-header .sidebar_toggle a:hover { text-decoration: none; } .sidebar_toggle a:focus { text-decoration: none; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header { line-height: 50px; padding: 0 15px; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header { float: left; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header { float: right; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header { padding-left: 20px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header .pcoded-right-header .pcoded-rl-header { padding-left: 0; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header ul { list-style: outside none none; margin: 0; padding: 0; } .pcoded-right-header .pcoded-rr-header ul { list-style: outside none none; margin: 0; padding: 0; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header ul > li, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header ul > li { float: left; list-style: outside none none; margin: 0; padding: 0 5px; position: relative; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header ul > li > a { font-size: 14px; font-weight: 500; text-decoration: none; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header li.icons > a > i, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header li.icons > a > i { font-size: 18px; position: relative; top: 3px; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header li.icons > a, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header li.icons > a { padding: 0 5px; } .pcoded[theme-layout="vertical"] .pcoded-right-header .pcoded-badge { background-color: #777; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; min-height: 17px; min-width: 10px; opacity: 1; padding: 4px 7px; position: absolute; right: -4px; text-align: center; top: 9px; transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; vertical-align: middle; visibility: visible; white-space: nowrap; } .pcoded[theme-layout="vertical"] .pcoded-badge.badge-success { background-color: #70ca63; color: #fff; } .pcoded[theme-layout="vertical"] .pcoded-badge.badge-warning { background-color: #fecd33; color: #fff; } .pcoded[theme-layout="vertical"] .pcoded-badge.badge-danger { background-color: #f13b48; color: #fff; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .hide-small-device { display: none; } .pcoded[theme-layout="vertical"] .pcoded-navbar { z-index: 1027; height: 100%; } .pcoded[theme-layout="vertical"] .pcoded-content { position: relative; display: block; } .pcoded[theme-layout="vertical"] .pcoded-container { overflow: hidden; position: relative; margin: 0 auto; } .pcoded[theme-layout="vertical"].pcoded-wrapper, .pcoded[theme-layout="vertical"] .pcoded-main-container { position: relative; margin: 0 auto; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-search { border-top-width: 1px; border-top-style: solid; padding: 20px 10px; position: relative; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"] .pcoded-navbar .pcoded-search { border-radius: 4px 4px 0 0; } .pcoded-search input[type="text"] { display: block; margin: 0; width: 100%; font-family: "Open Sans", sans-serif; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; background: transparent; padding: 6px 22px 6px 3px; border: none; border-bottom-width: 1px; border-bottom-style: solid; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } .pcoded-search input[type="text"]:focus { border-bottom-width: 1px; border-bottom-style: solid; } .style-4 input[type="text"].focus { border-bottom-width: 1px; border-bottom-style: solid; } .pcoded-search .search-icon { cursor: pointer; margin-top: -33px; padding: 4px; position: absolute; right: 10px; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search-box { visibility: hidden; opacity: 0; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); position: absolute; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search input[type="text"] { padding: 10px 22px 10px 3px; } .searchbar-toggle:before { content: "\f002"; cursor: pointer; float: right; font-family: FontAwesome; left: 0; position: absolute; top: 10px; visibility: hidden; opacity: 0; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); } .pcoded[vertical-nav-type="collapsed"] .searchbar-toggle:before { left: 15px; top: 10px; visibility: visible; opacity: 1; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); } .pcoded[vertical-nav-type="collapsed"] .pcoded-search.open .searchbar-toggle:before { content: "\f05c"; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search.open .pcoded-search-box { margin-left: 35px; opacity: 1; position: absolute; top: 0; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); visibility: visible; width: 200px; padding-right: 10px; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search .search-icon { margin-top: -35px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li > a { text-align: left; padding: 10px 15px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { position: relative; width: 100%; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: left; padding: 8.7px 10px; } .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { padding-left: 30px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { width: 100%; list-style: outside none none; margin: 0; padding: 0; opacity: 0; visibility: hidden; position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { -webkit-transform-origin: 0 0; transform-origin: 10% 10%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dashed"] li > a { border-bottom-style: dashed; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dotted"] li > a { border-bottom-style: dotted; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] li > a { border-bottom-style: solid; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="none"] li > a { border: none; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="false"] > li > a { border-bottom-width: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a { border-bottom-width: 1px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[subitem-border="false"] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 1px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { float: right; font-style: normal; margin-left: 3px; font-size: 10px; position: absolute; right: 15px; top: 0; padding-top: 10px; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after { float: right; font-style: normal; margin-left: 3px; font-size: 10px; position: absolute; right: 15px; top: 0; padding-top: 13px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { float: right; font-style: normal; margin-left: 3px; position: absolute; right: 15px; font-size: 12px; top: 0; padding-top: 10px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after { float: right; font-style: normal; margin-left: 3px; position: absolute; right: 15px; font-size: 12px; top: 0; padding-top: 13px; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style1"] > a:after { content: "\e606"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after { content: "\e604"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style2"] > a:after { content: "\e095"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style2"] > a:after { content: "\e615"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style3"] > a:after { content: '\e61a'; font-family: 'themify'; font-size: 14px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style3"] > a:after { content: '\e622'; font-family: 'themify'; font-size: 14px; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header[pcoded-lheader-position="relative"] { position: relative; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header[pcoded-lheader-position="fixed"] { position: fixed; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header[pcoded-lheader-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="relative"] { position: relative; } .pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="fixed"] { position: fixed; } .pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="relative"] { position: relative; } .pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="fixed"] { position: fixed; z-index: 1028; } .pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"][vertical-layout="wide"] .pcoded-container { width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="box"] .pcoded-container { max-width: 1200px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="box"] .pcoded-container .pcoded-header { max-width: 1200px; } .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"][vertical-layout="box"] .pcoded-container { width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-layout="box"] .pcoded-container { max-width: 100%; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][vertical-layout="widebox"] .pcoded-container { width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="widebox"] .pcoded-main-container, .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="widebox"] .pcoded-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"][vertical-layout="widebox"] .pcoded-main-container, .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"][vertical-layout="widebox"] .pcoded-wrapper { max-width: 900px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-layout="widebox"] .pcoded-main-container, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-layout="widebox"] .pcoded-wrapper { max-width: 100%; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][vertical-layout="widebox"] .pcoded-wrapper { overflow: hidden; } .pcoded .pcoded-overlay-box { background: #000 none repeat scroll 0 0; bottom: 0; height: 100%; position: fixed; top: 0; width: 100%; z-index: -1; opacity: 0; visibility: hidden; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; overflow: hidden; } .pcoded[vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="fullsub-collapsed"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-overlay-box { visibility: visible; z-index: 1026; opacity: 0.3; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; overflow: hidden; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { display: none; font-size: 10px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { font-style: normal; padding-right: 4px; font-size: 10px; position: relative; left: 0; top: 0; opacity: 1; visibility: visible; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style1"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f105"; font-family: FontAwesome; padding-right: 5px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style2"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f22d"; font-family: FontAwesome; padding-right: 5px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style3"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e08d"; font-family: simple-line-icons; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style4"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f124"; font-family: FontAwesome; padding-right: 10px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style5"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f0da"; font-family: FontAwesome; padding-right: 10px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style6"] .pcoded-submenu li > a .pcoded-mtext:before { content: '\e649'; font-family: 'themify'; padding-right: 10px; font-size: 12px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 10px solid transparent; border-right: 8px solid #e9e9e9; border-top: 10px solid transparent; display: block; float: right; height: 0; position: absolute; right: 0; top: calc(50% - 10px); width: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li:hover > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar { float: right; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-content { float: unset; left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-navbar { float: left; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-content { float: unset; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-left-header { float: right; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-right-header { float: unset; left: unset; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-header .pcoded-left-header { float: left; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-header .pcoded-right-header { float: unset; right: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-header .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-content { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-content { margin-right: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-content { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-content { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-effect="overlay"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent !important; border-bottom: transparent !important; border-right: transparent !important; border-top: 15px solid transparent; } .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 45px; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-content { margin-left: 45px; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-content { margin-right: 45px; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-content { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-content { margin-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-content { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-content { margin-right: 45px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; visibility: visible; position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after { opacity: 1; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 0; visibility: hidden; position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-mtext { opacity: 1; visibility: visible; position: absolute; padding-left: 22px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after { opacity: 0; visibility: hidden; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger a:after { opacity: 1; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger { display: block; position: relative; width: 255px; z-index: 1024; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 45px; position: absolute; width: 210px; z-index: 1024; border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger.active > a > .pcoded-mcaret { display: none; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-navbar { width: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-content { margin-left: 0; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-navbar { width: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-content { margin-right: 0; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-navbar { width: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-navbar { width: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-navbar { width: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-navbar { width: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 190px; margin-right: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-content { margin-left: 190px; margin-right: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 190px; margin-left: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-content { margin-right: 190px; margin-left: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-content { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-content { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li > a { line-height: unset; text-align: center; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; position: relative; text-align: center; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { display: block; font-size: 18px; padding: 5px; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 18px solid transparent; border-right: 12px solid #e9e9e9; border-top: 18px solid transparent; top: 18px; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.active > a:before { height: 100%; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li:hover > a:before { height: 100%; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu[dropdown-icon="style1"] > a:after { top: 18px; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="desktop"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="tablet"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 210px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-header .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-content { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-content { margin-right: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-content { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-content { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-inner-navbar, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-inner-navbar, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li { position: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; bottom: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { position: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; bottom: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-header.iscollapsed .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-content { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-content { margin-right: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-content { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-content { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li { position: relative; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { position: relative; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 19px solid transparent; border-right: 12px solid; border-top: 19px solid transparent; display: block; float: right; height: 0; position: absolute; right: 0; top: 0; width: 0; z-index: 1025; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .pcoded-header.iscollapsed .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar { width: 100%; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-content { margin-left: 0; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .pcoded-header.iscollapsed .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar { top: 0; bottom: 0; left: 0; right: 0; z-index: 1030; opacity: 1; visibility: visible; width: 100%; /* transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition: all 0.3s linear; */ } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.active > a { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a { border-bottom-width: 0 !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[pcoded-navbar-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[pcoded-navbar-position="fixed"] { position: fixed; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-inner-navbar { margin-top: 40px; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-main-container { display: block; position: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a { height: 45px; line-height: 45px; text-align: center; font-size: 24px; font-weight: 500; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; position: relative; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-navigatio-lavel { display: none !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.active > a:before, .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li a .pcoded-badge { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li:hover > a { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li:hover > a:before { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a { padding: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .sidebar_toggle { height: 30px; } .pcoded-navbar .sidebar_toggle a { opacity: 1; visibility: visible; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .sidebar_toggle a { color: #f1f1f1; float: right; font-size: 36px; opacity: 1; position: relative; right: 10px; text-decoration: none; top: 0; transition: opacity 0.8s linear 0s; -webkit-transition: opacity 0.8s linear 0s; -ms-transition: opacity 0.8s linear 0s; -moz-transition: opacity 0.8s linear 0s; -o-transition: opacity 0.8s linear 0s; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); } .pcoded-navbar .sidebar_toggle a:hover { color: #fff; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a { background: transparent !important; border-bottom-color: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: center; font-size: 24px; font-weight: 500; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-width: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-submenu > li.active > a { background: transparent !important; color: #FFF !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .pcoded-left-header { width: 100% !important; padding-left: 235px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="collapsed"] .pcoded-header.nocollapsed .pcoded-left-header { padding-left: 45px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-effect="overlay"] .pcoded-header.nocollapsed .pcoded-left-header, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="fullpage"] .pcoded-header.nocollapsed .pcoded-left-header, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="offcanvas"] .pcoded-header.nocollapsed .pcoded-left-header { padding-left: 0; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed { height: 100px !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .pcoded-right-header { padding: 50px 5px 0 !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-effect="overlay"] .pcoded-header.nocollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="offcanvas"] .pcoded-header.nocollapsed .pcoded-right-header { margin: 0 !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .sidebar_toggle a { background: transparent none repeat scroll 0 0; border-radius: 4px; color: #fff; float: left; font-size: 18px; height: 35px; margin-right: 5px; position: fixed; right: 0; text-align: center; top: 6px; width: 40px; z-index: 1028; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-navbar { top: 0; z-index: 1030; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-main-container { position: unset; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] #styleSelector { top: 100px; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel { font-size: 13px; font-weight: 600; letter-spacing: 1px; opacity: 1; padding: 10px 15px 2px; text-transform: capitalize; visibility: visible; width: 100%; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; border-bottom: 2px solid; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel:before { content: ""; position: absolute; left: 0; width: 2px; height: 20px; top: 8px; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme1"]:before { background-color: #ff5e3a !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme2"]:before { background-color: #0096b1 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme3"]:before { background-color: #e64056 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme4"]:before { background-color: #967adc !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme5"]:before { background-color: #0073aa !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme6"]:before { background-color: #FF5370 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme7"]:before { background-color: #F76D47 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme8"]:before { background-color: #FFB62C !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme9"]:before { background-color: #91B859 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme10"]:before { background-color: #39ADB5 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme11"]:before { background-color: #7C4DFF !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme12"]:before { background-color: #945EB8 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme1"] { color: #ff5e3a !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme2"] { color: #0096b1 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme3"] { color: #e64056 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme4"] { color: #967adc !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme5"] { color: #0073aa !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme6"] { color: #FF5370 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme7"] { color: #F76D47 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme8"] { color: #FFB62C !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme9"] { color: #91B859 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme10"] { color: #39ADB5 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme11"] { color: #7C4DFF !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme12"] { color: #945EB8 !important; } .pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-navigatio-lavel { opacity: 0; visibility: hidden; position: absolute; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[vertical-nav-type="compact"] .pcoded-navbar .pcoded-navigatio-lavel { text-align: center; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge { position: absolute; right: 30px; text-align: center; top: 12px; vertical-align: middle; white-space: nowrap; opacity: 1; visibility: visible; transition: opacity 0.3s linear; } .pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li > a .pcoded-badge { opacity: 0; visibility: hidden; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-badge { opacity: 1; visibility: visible; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge.badge-success { color: #fff; background-color: #70ca63; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge.badge-danger { color: #fff; background-color: #f13b48; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge.badge-warning { color: #000; background-color: #fecd33; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.active > a { /* > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 15px solid transparent; border-left: 10px solid #e9e9e9; border-top: 15px solid transparent; left: 0; right: auto; top: 4px; border-right: 0; } */ } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.active > a:before { left: auto; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { float: right; position: absolute; right: 0; top: 11px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { left: 8px; right: auto; top: -1px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { left: auto; right: 0; padding-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li a .pcoded-badge { position: relative; right: -1px; top: -2px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li:hover > a:before { left: auto; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { left: auto; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { float: right; left: 6px; top: 3px; padding-right: 10px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li .pcoded-submenu li > a .pcoded-badge { left: 23px; position: absolute; right: auto; top: 11px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-navigatio-lavel { text-align: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style1"] > a:after { content: "\e605"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after { content: "\e604"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: auto; right: 100%; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu > a:after { left: 7px; right: auto; top: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger { left: auto; right: 210px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: auto; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item li a .pcoded-badge { position: absolute; right: auto; top: 10px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-right-header .pcoded-rl-header { float: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-right-header .pcoded-rr-header { float: left; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .sidebar_toggle { float: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-search.open .pcoded-search-box { right: 0; } /* Theme Patteren CSS Start */ body[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.png"); } body[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.png"); } body[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.png"); } body[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.png"); } body[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.png"); } body[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.png"); } body[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.png"); } body[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.png"); } body[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.png"); } /* Theme Patteren CSS Close */ /* ########### Theme1 Color Combation CSS Style Start Here ##################### */ .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a { background: #ff5e3a !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li.active > a { color: #ff886d !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu.active > a { background: #ff5e3a !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a { color: #fff !important; background: #ff5e3a; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a:before { border-left-color: #ff5e3a !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item > li.active > a { background: #0096b1 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li .pcoded-submenu li.active > a { color: #00c1e4 !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li.pcoded-hasmenu.active > a { background: #0096b1 !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li:hover > a { color: #fff !important; background: #0096b1; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item > li.active > a:before { border-left-color: #0096b1 !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item > li.active > a { background: #e64056 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li .pcoded-submenu li.active > a { color: #ec6d7e !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li.pcoded-hasmenu.active > a { background: #e64056 !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li:hover > a { color: #fff !important; background: #e64056; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item > li.active > a:before { border-left-color: #e64056 !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item > li.active > a { background: #967adc !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li .pcoded-submenu li.active > a { color: #b6a2e7 !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li.pcoded-hasmenu.active > a { background: #967adc !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li:hover > a { color: #fff !important; background: #967adc; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item > li.active > a:before { border-left-color: #967adc !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item > li.active > a { background: #0073aa !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li .pcoded-submenu li.active > a { color: #0095dd !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li.pcoded-hasmenu.active > a { background: #0073aa !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li:hover > a { color: #fff !important; background: #0073aa; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item > li.active > a:before { border-left-color: #0073aa !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item > li.active > a { background: #FF5370 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li .pcoded-submenu li.active > a { color: #ff869a !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li.pcoded-hasmenu.active > a { background: #FF5370 !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li:hover > a { color: #fff !important; background: #FF5370; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item > li.active > a:before { border-left-color: #FF5370 !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item > li.active > a { background: #F76D47 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li .pcoded-submenu li.active > a { color: #f99478 !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li.pcoded-hasmenu.active > a { background: #F76D47 !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li:hover > a { color: #fff !important; background: #F76D47; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item > li.active > a:before { border-left-color: #F76D47 !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item > li.active > a { background: #FFB62C !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li .pcoded-submenu li.active > a { color: #ffc85f !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li.pcoded-hasmenu.active > a { background: #FFB62C !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li:hover > a { color: #fff !important; background: #FFB62C; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item > li.active > a:before { border-left-color: #FFB62C !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item > li.active > a { background: #91B859 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item li .pcoded-submenu li.active > a { color: #a9c77d !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item li.pcoded-hasmenu.active > a { background: #91B859 !important; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item li:hover > a { color: #fff !important; background: #91B859; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item > li.active > a:before { border-left-color: #91B859 !important; } .pcoded .pcoded-navbar[active-item-theme="theme9"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item > li.active > a { background: #39ADB5 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item li .pcoded-submenu li.active > a { color: #57c3ca !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item li.pcoded-hasmenu.active > a { background: #39ADB5 !important; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item li:hover > a { color: #fff !important; background: #39ADB5; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item > li.active > a:before { border-left-color: #39ADB5 !important; } .pcoded .pcoded-navbar[active-item-theme="theme10"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item > li.active > a { background: #7C4DFF !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item li .pcoded-submenu li.active > a { color: #a280ff !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item li.pcoded-hasmenu.active > a { background: #7C4DFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item li:hover > a { color: #fff !important; background: #7C4DFF; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item > li.active > a:before { border-left-color: #7C4DFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme11"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item > li.active > a { background: #945EB8 !important; color: #fff !important; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item li .pcoded-submenu li.active > a { color: #ac81c8 !important; font-weight: 600; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item li.pcoded-hasmenu.active > a { background: #945EB8 !important; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item li:hover > a { color: #fff !important; background: #945EB8; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item > li.active > a:before { border-left-color: #945EB8 !important; } .pcoded .pcoded-navbar[active-item-theme="theme12"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme1"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme1"] { background: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] { background: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .main-menu { background-color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .main-menu .main-menu-header { background-color: #39424a; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.active > a { background: #23282d; color: #FFF; border-bottom-color: #39424a; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.active > a:before { border-left-color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li > a { border-bottom-color: #39424a; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #23282d; color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu { background-color: #333a41; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li:hover > a { background: #23282d; color: #FFF; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background-color: #333a41; color: #FFF; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background-color: #333a41; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li:hover > a:before { border-left-color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a { background: #23282d; border-bottom-color: #39424a; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger.active > a { background: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #23282d; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-navigatio-lavel { color: #23282d; border-bottom-color: transparent; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] a { transition: all 0.3s ease-in-out; } .pcoded .pcoded-navbar[data-navbar-theme="theme1"] li:hover > a { background-color: #39424a !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #23282d !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[data-navbar-theme="theme1"] { background-color: #23282d; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[data-navbar-theme="theme1"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[data-navbar-theme="theme1"] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu.pcoded-trigger.active > a { color: #fff !important; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #fff !important; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li .pcoded-submenu li.active > a { color: #000 !important; font-weight: 600; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #000 !important; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li:hover > a { color: #000 !important; background: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] { background: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .main-menu { background-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .main-menu .main-menu-header { background-color: #e6e6e6; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li > a { color: #000 !important; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.active > a { background: #fff; color: #FFF; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.active > a:before { border-left-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li > a { border-bottom-color: #e6e6e6; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #fff; color: #000; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu { background-color: #f2f2f2; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after { color: #000; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after { color: #000; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li:hover > a { background: #fff; color: #000; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background-color: #ededed; color: #000; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background-color: #ededed; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li:hover > a:before { border-left-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #000; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger > a { background: #fff; border-bottom-color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger.active > a { background: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #fff; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] .pcoded-navigatio-lavel { color: #fff; border-bottom-color: transparent; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] a { transition: all 0.3s ease-in-out; } .pcoded .pcoded-navbar[data-navbar-theme="themelight1"] li:hover > a { background-color: #e6e6e6 !important; } .pcoded .pcoded-header .navbar-logo[data-navbar-theme="theme1"] { background-color: #23282d; } .pcoded .pcoded-header .navbar-logo[data-navbar-theme="themelight1"] { background-color: #23282D; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-navbar, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-navbar { margin-top: 10px; border-radius: 4px 4px 0 0; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-navbar .profile-box, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-navbar .profile-box { border-radius: 4px 4px 0 0; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-header, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-main-container, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-header, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-main-container { padding-left: 10px; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][vertical-layout="widebox"][pcoded-device-type="desktop"] .pcoded-header .pcoded-wrapper, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][vertical-layout="widebox"][pcoded-device-type="tablet"] .pcoded-header .pcoded-wrapper { padding-left: 5px; } .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-navbar { top: 0; } .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-main-container { position: unset; } .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-header .pcoded-left-header { display: none; } .pcoded #styleSelector { min-height: 300px; height: 80vh; border: 1px solid #e9e9e9; background: #FFF; position: fixed; margin: 0; padding: 20px; width: 300px; top: 10vh; z-index: 100; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } .pcoded #styleSelector.open { background: #FFF none repeat scroll 0 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } .pcoded[theme-layout="horizontal"] #styleSelector, .pcoded[vertical-placement="left"] #styleSelector { right: -300px; } .pcoded[theme-layout="horizontal"] #styleSelector.open, .pcoded[vertical-placement="left"] #styleSelector.open { right: 0; } .pcoded[vertical-placement="right"] #styleSelector { left: -300px; } .pcoded[vertical-placement="right"] #styleSelector.open { left: 0; } .selector-toggle { position: relative; } .pcoded .selector-toggle > a { border: 2px solid #0073aa; position: absolute; top: 200px; width: 60px; height: 66px; display: block; cursor: pointer; text-align: center; background: #23282D; color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); padding: 14px 4px; } .pcoded[theme-layout="horizontal"] .selector-toggle > a, .pcoded[vertical-placement="left"] .selector-toggle > a { left: -80px; border-right: 0; border-radius: 4px 0 0 4px; } .pcoded[vertical-placement="right"] .selector-toggle > a { right: -80px; border-left: 0; border-radius: 0 4px 4px 0; } @media screen and (max-width: 1366px) { .pcoded .selector-toggle > a { width: 50px; height: 56px; padding: 10px 3px; } .pcoded[theme-layout="horizontal"] .selector-toggle > a, .pcoded[vertical-placement="left"] .selector-toggle > a { left: -70px; } .pcoded[vertical-placement="right"] .selector-toggle > a { right: -70px; } } .selector-toggle > a:before { font-family: 'themify'; font-size: 30px; content: "\e60f"; position: relative; float: left; left: 13px; line-height: 35px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; animation: mymove 1.3s infinite linear; } @media screen and (max-width: 1366px) { .selector-toggle > a:before { font-size: 21px; } } .open .selector-toggle > a:before { font-family: 'themify'; font-size: 30px; content: "\e646"; position: relative; float: left; left: 13px; line-height: 35px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; animation: mymove 0s infinite linear; } @media screen and (max-width: 1366px) { .open .selector-toggle > a:before { font-size: 21px; } } .style-cont .nav li a.nav-link { margin-bottom: 10px; } #styleSelector .nav-tabs { margin: 20px 0; } #styleSelector .nav-tabs .nav-item, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 #styleSelector .nav-tabs a, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 #styleSelector .nav-tabs a, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 #styleSelector .nav-tabs a, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 #styleSelector .nav-tabs a { width: calc(100% / 3); margin: 0; padding: 0; float: left; } #styleSelector .nav-tabs .nav-item a, .main-menu .main-menu-content .nav-item .tree-1 #styleSelector .nav-tabs a a, .main-menu .main-menu-content .nav-item .tree-2 #styleSelector .nav-tabs a a, .main-menu .main-menu-content .nav-item .tree-3 #styleSelector .nav-tabs a a, .main-menu .main-menu-content .nav-item .tree-4 #styleSelector .nav-tabs a a { color: #0073aa; text-align: center; border-radius: 0; background-color: #fff; border: none; transition: all 0.3s ease-in-out; border-bottom: 3px solid #0073aa; } #styleSelector .nav-tabs .nav-item a.active, .main-menu .main-menu-content .nav-item .tree-1 #styleSelector .nav-tabs a a.active, .main-menu .main-menu-content .nav-item .tree-2 #styleSelector .nav-tabs a a.active, .main-menu .main-menu-content .nav-item .tree-3 #styleSelector .nav-tabs a a.active, .main-menu .main-menu-content .nav-item .tree-4 #styleSelector .nav-tabs a a.active { color: #fff; background-color: #23282d; } #styleSelector .form-control { border: none; box-shadow: none; background-color: #f1f1f1; margin-bottom: 10px; } #styleSelector .form-control:focus { border: none; background-color: #f1f1f1; } #styleSelector ul { border: 0 none; margin: 0; padding: 0; width: 100%; } #styleSelector ul li { border-bottom: 0 solid #e9e9e9; display: block; margin: 0; padding: 0; text-align: left; width: 100%; } #styleSelector ul li p.selector-title, #styleSelector ul li span.selector-title { color: #444; font-size: 14px; margin: 0 0 20px; padding: 10px 0; text-align: left; } #styleSelector ul li p.selector-title { font-weight: 400; border-bottom: 1px solid #e9e9e9; } #styleSelector ul li p.selector-title.main-title { font-weight: 600; } #styleSelector ul li p.sub-title.drp-title { border-bottom: 0 solid transparent; margin-bottom: 0; margin-top: 10px; } #styleSelector > ul > li > .sub-title { color: #9c9c9c; display: block; font-size: 13px; margin: 0; padding: 5px 0; position: relative; text-align: left; } #styleSelector li { padding: 5px; } .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; padding: 3px 10px; } @-moz-document url-prefix() { .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; display: inline-block; line-height: 1.5em; padding: 3px 10px; margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } .theme-option select.minimal { background-image: -webkit-linear-gradient(45deg, transparent 50%, gray 50%), -webkit-linear-gradient(315deg, gray 50%, transparent 50%), -webkit-linear-gradient(left, #ccc, #ccc); background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 18px) calc(1em + -1px), calc(100% - 13px) calc(1em + -1px), calc(100% - 2.5em) 4px; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } .theme-option select.minimal:active, .theme-option select.minimal:focus { background-image: -webkit-linear-gradient(45deg, gray 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, gray 50%), -webkit-linear-gradient(left, gray, gray); background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, gray, gray); background-position: calc(100% - 15px) 13px, calc(100% - 20px) 13px, calc(100% - 2.5em) 0.3em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: #66afe9; outline: 0; } } .theme-color { padding: 0; width: 100%; } .theme-color a { border-radius: 4px; cursor: pointer; display: inline-block; height: 20px; width: 20px; margin: 5px 10px; box-shadow: 0.4px 0.9px 3px 0 rgba(0, 0, 0, 0.33); } .theme-color a:first-child { margin-left: 0; } .theme-color a:focus, .theme-color a:hover { text-decoration: none; } .theme-color a[lheader-theme="theme1"] { background: #ff5e3a; } .theme-color a[lheader-theme="theme2"] { background: #0096b1; } .theme-color a[lheader-theme="theme3"] { background: #e64056; } .theme-color a[lheader-theme="theme4"] { background: #967adc; } .theme-color a[lheader-theme="theme5"] { background: #0073aa; } .theme-color a[lheader-theme="theme6"] { background: #FF5370; } .theme-color a[lheader-theme="theme7"] { background: #F76D47; } .theme-color a[lheader-theme="theme8"] { background: #FFB62C; } .theme-color a[lheader-theme="theme9"] { background: #91B859; } .theme-color a[lheader-theme="theme10"] { background: #39ADB5; } .theme-color a[lheader-theme="theme11"] { background: #7C4DFF; } .theme-color a[lheader-theme="theme12"] { background: #945EB8; } .theme-color a[header-theme="theme1"] { background: #fff; } .theme-color a[active-item-theme="theme1"] { background: #ff5e3a; } .theme-color a[active-item-theme="theme2"] { background: #0096b1; } .theme-color a[active-item-theme="theme3"] { background: #e64056; } .theme-color a[active-item-theme="theme4"] { background: #967adc; } .theme-color a[active-item-theme="theme5"] { background: #0073aa; } .theme-color a[active-item-theme="theme6"] { background: #FF5370; } .theme-color a[active-item-theme="theme7"] { background: #F76D47; } .theme-color a[active-item-theme="theme8"] { background: #FFB62C; } .theme-color a[active-item-theme="theme9"] { background: #91B859; } .theme-color a[active-item-theme="theme10"] { background: #39ADB5; } .theme-color a[active-item-theme="theme11"] { background: #7C4DFF; } .theme-color a[active-item-theme="theme12"] { background: #945EB8; } .theme-color a.data-navbar-theme { width: 60px; height: 50px; } .theme-color a.data-navbar-theme .head, .theme-color a.data-navbar-theme .cont { display: block; position: relative; } .theme-color a.data-navbar-theme .head:after, .theme-color a.data-navbar-theme .head:before, .theme-color a.data-navbar-theme .cont:after, .theme-color a.data-navbar-theme .cont:before { content: ""; height: 100%; display: inline-block; position: absolute; } .theme-color a.data-navbar-theme .head:after, .theme-color a.data-navbar-theme .cont:after { width: 40%; left: 0; } .theme-color a.data-navbar-theme .head:before, .theme-color a.data-navbar-theme .cont:before { width: 60%; right: 0; } .theme-color a.data-navbar-theme .head { height: 10px; } .theme-color a.data-navbar-theme .head:before { background: #fff; } .theme-color a.data-navbar-theme .cont { height: 40px; } .theme-color a.data-navbar-theme .cont:before { background: #e9e9e9; } .theme-color a[data-navbar-theme="theme1"] .head:after, .theme-color a[data-navbar-theme="theme1"] .cont:after { background: #23282d; } .theme-color a[data-navbar-theme="themelight1"] .head:after, .theme-color a[data-navbar-theme="themelight1"] .cont:after { background: #fff; } .theme-color a[sub-item-theme="theme1"] { background: #70ca63; } .theme-color a[sub-item-theme="theme2"] { background: #3498DB; } .theme-color a[sub-item-theme="theme3"] { background: #485BBD; } .theme-color a[sub-item-theme="theme4"] { background: #e7604a; } .theme-color a[sub-item-theme="theme5"] { background: #333843; } .theme-color a[sub-item-theme="theme6"] { background: #624e89; } .theme-color a[sub-item-theme="theme7"] { background: #FFF; } .theme-color a[sub-item-theme="theme8"] { background: #384b5f; } .theme-color a[sub-item-theme="theme9"] { background: #578ebe; } .theme-color a[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.png"); } .theme-color a[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.png"); } .theme-color a[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.png"); } .theme-color a[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.png"); } .theme-color a[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.png"); } .theme-color a[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.png"); } .theme-color a[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.png"); } .theme-color a[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.png"); } .theme-color a[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.png"); } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .spark-chart, .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"] .spark-chart { display: none; } .spark-chart-title { text-align: center; } .content-title { margin-bottom: 10px; } .main-title { color: #424242; font-size: 22px; font-weight: 400; margin: 0; } .small-text { font-size: 14px; } .info-widget .info-box-stats { float: left; margin-top: 5px; } .info-widget .info-box-stats p { font-size: 28px; /* margin-bottom: 14px; */ color: #666; font-weight: 300; } .info-widget .info-box-stats span.info-box-title { display: block; font-size: 13px; margin-bottom: 10px; color: #a4a4a4; } .info-widget .info-box-icon { position: absolute; right: 30px; } .info-widget .info-box-icon i { font-size: 45px; color: #FFF; } .info-widget .info-box-progress { clear: both; } .info-widget .progress { margin: 0; } .breadcrumb { background-color: transparent; border-radius: 0; padding: 8px 0; margin-bottom: 10px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .breadcrumb { display: none; } .top-country-panel .country-name { color: #7e7e7e; font-size: 14px; font-weight: 400; } .top-country-panel .earning { color: #7e7e7e; float: right; font-size: 15px; } .top-country-panel .list-group { border: 1px solid #d1d1d1; border-radius: 4px; } .top-country-panel .list-group-item { background-color: #fff; border: 0 solid #f1f1f1; border-bottom: 1px solid #f1f1f1; display: block; margin-bottom: 0; padding: 7px 15px; position: relative; } .top-country-panel .list-group-item:last-child { border-bottom: 0 solid #f1f1f1; } .top-country-panel .top-country-title { font-size: 16px; margin: 0; padding: 3px 0; } .top-country-panel .img-thumbnail { background-color: #fff; border: 0 solid #ddd; border-radius: 0; margin-right: 5px; padding: 6px 8px 8px; position: relative; top: 3px; } .table-container .table { border: 0 solid #f1f1f1; margin-bottom: 0; } .table-container .table tr th { border-bottom: 1px solid #f1f1f1; font-size: 13px; font-weight: 600; background: #00bcd4; color: #FFF; } .table-container .table > tbody > tr > td, .table-container .table > tbody > tr > th { border-top: 1px solid #f1f1f1; line-height: 1.42857; padding: 8px; vertical-align: top; } .table-container .table > tfoot > tr > td, .table-container .table > tfoot > tr > th { border-top: 1px solid #f1f1f1; line-height: 1.42857; padding: 8px; vertical-align: top; } .table-container .table > thead > tr > td, .table-container .table > thead > tr > th { border-top: 1px solid #f1f1f1; line-height: 1.42857; padding: 8px; vertical-align: top; } .table-container .table > tbody > tr > td, .table-container .table > tfoot > tr > td, .table-container .table > thead > tr > td { font-family: arial; font-size: 13px; font-weight: 300; } .table-container .table > tbody > tr.total > td { border-bottom: 1px solid #DDD; font-size: 14px; font-weight: 600; background: #FFF; } .pageview-statistics-panel .statistics-name { font-size: 14px; } .pageview-statistics-panel .value { float: right; font-size: 15px; } .pageview-statistics-panel .list-group-item { background-color: #00bcd4; border: 1px solid #1dcde4; display: block; margin-bottom: -1px; padding: 7px 15px; position: relative; color: #FFF; } .pageview-statistics-panel .pageview-statistics-title { font-size: 18px; margin: 0; padding: 3px 0; } .traffic-source-panel .traffic-source-name { font-size: 14px; } .traffic-source-panel .value { float: right; font-size: 18px; position: relative; top: -4px; } .traffic-source-panel .value small { font-size: 13px; padding-left: 10px; color: #f1f1f1; } .traffic-source-panel .list-group-item { background-color: #46be8a; border: 1px solid #65d5a4; color: #fff; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; } .traffic-source-panel .traffic-source-title { font-size: 18px; margin: 0; padding: 3px 0; } .review-panel .review-title { color: #666; font-size: 14px; font-weight: 700; } .review-panel .user-by { float: right; font-size: 14px; position: absolute; right: 12px; top: 6px; } .review-panel .user-by a { color: #4d5ec1; } .review-panel .user-by .time-ago { font-size: 13px; padding-left: 2px; color: #999; } .review-panel .list-group { border: 1px solid #d1d1d1; border-radius: 4px; } .review-panel .list-group-item { background-color: #FFF; border: 0 solid #f1f1f1; border-bottom: 1px solid #f1f1f1; color: #333; display: block; margin-bottom: 0; padding: 10px 15px; position: relative; } .review-panel .list-group-item:last-child { border-bottom: 0 solid #f1f1f1; } .review-panel .review-heading { font-size: 18px; margin: 0; padding: 3px 0; } .rate { color: #f9ab49; } .review-panel .review-text { color: #7e7e7e; font-size: 13px; font-weight: 400; padding-top: 2px; } .up-arrow { color: #46be8a; } .down-arrow { color: #eb6357; } .up-arrow i { color: #46be8a; padding-left: 5px; } .down-arrow i { color: #eb6357; padding-left: 5px; } .comment-panel .user-by { color: #666; font-size: 14px; font-weight: 700; } .comment-panel .time-ago { float: right; font-size: 13px; position: absolute; right: 12px; top: 6px; color: #999; } .comment-panel .time-ago a { color: #4d5ec1; } .comment-panel .list-group { border: 1px solid #d1d1d1; border-radius: 4px; } .comment-panel .list-group-item { background-color: #FFF; border: 0 solid #f1f1f1; border-bottom: 1px solid #f1f1f1; color: #333; display: block; margin-bottom: 0; padding: 10px 15px; position: relative; } .comment-panel .list-group-item:last-child { border-bottom: 0 solid #f1f1f1; } .comment-panel .comment-heading { font-size: 18px; margin: 0; padding: 3px 0; } .comment-panel .comment-text { color: #7e7e7e; font-size: 13px; font-weight: 400; padding-top: 2px; } .comment-panel .user-img img { border-radius: 50%; height: 35px; width: 35px; } .comment-panel .item-purchase-status { background-color: #00bcd4; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; min-width: 10px; opacity: 1; padding: 3px 7px; position: relative; text-align: center; transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; vertical-align: middle; visibility: visible; white-space: nowrap; } .comment-panel .comment-item-status { padding: 4px 0; text-align: right; } .comment-panel .comment-reply a { color: #4285f4; font-size: 13px; padding-left: 10px; } .comment-panel p { margin: 0 0 2px; } .item-download-box .progress { background-color: #f5f5f5; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 8px; margin-bottom: 10px; overflow: hidden; } .progress-bar { box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset; color: #fff; float: left; font-size: 9px; height: 100%; line-height: 10px; text-align: center; } .item-download-box { margin-bottom: 10px; } .item-download-box .item-name { color: #767676; font-size: 14px; font-weight: 400; margin-bottom: 5px; } .item-download-box .item-name img { border-radius: 0; height: 25px; margin-right: 5px; width: 25px; display: none; } .item-download-box .count { color: #666; float: right; font-size: 14px; font-weight: 500; } .message-panel .user-by { color: #666; font-size: 14px; font-weight: 600; } .message-panel .time-ago { color: #999; float: right; font-size: 11px; position: absolute; right: 8px; top: 6px; } .message-panel .time-ago a { color: #4d5ec1; } .message-panel .list-group { border: 1px solid #d1d1d1; border-radius: 4px; } .message-panel .list-group-item { background-color: #FFF; border: 0 solid #f1f1f1; border-bottom: 1px solid #f1f1f1; color: #333; display: block; margin-bottom: 0; padding: 10px 15px; position: relative; } .message-panel .list-group-item:last-child { border-bottom: 0 solid #f1f1f1; } .message-panel .message-heading { font-size: 18px; margin: 0; padding: 3px 0; } .message-panel .message-text { color: #7e7e7e; font-size: 13px; font-weight: 400; padding-top: 2px; } .message-panel .user-img img { border-radius: 4px; height: 30px; width: 30px; } .message-panel .item-purchase-status { background-color: #00bcd4; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; min-width: 10px; opacity: 1; padding: 3px 7px; position: relative; text-align: center; transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; vertical-align: middle; visibility: visible; white-space: nowrap; } .message-panel .message-item-status { padding: 4px 0; text-align: right; } .message-panel .message-reply a { color: #4285f4; font-size: 13px; padding-left: 10px; } .message-panel p { margin: 0 0 2px; } .panel-body { overflow-x: hidden; } .pcoded-rr-header .btn { font-size: 12px; font-weight: 600; } /* fixed issue 20170319 */ .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { float: none; position: relative; z-index: 1051; left: 93%; top: 1px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { left: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a .pcoded-micon i, .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-trigger.active > a .pcoded-micon i { left: 94%; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li { position: static; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-main-container { position: static; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-main-container, .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-main-container { position: static; } .pcoded .pcoded-header[header-theme="theme1"] { background: #fff; } body .pcoded[vertical-placement="right"] .users, body .pcoded[vertical-placement="right"] .showChat_inner { right: auto; left: 0; } body .pcoded[vertical-placement="right"] .main-body { direction: rtl; } body .pcoded[vertical-placement="right"] .main-body .page-wrapper .page-header-breadcrumb { float: left; } body .pcoded[vertical-placement="right"] .main-body .language-markup { direction: ltr; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-logo { float: right !important; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; margin-right: 240px; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-left li, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right li, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right li { float: right !important; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-left, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right { float: left; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { right: auto; left: 0; } body .pcoded[vertical-nav-type="compact"] .main-menu { width: 190px; } body .pcoded[vertical-nav-type="compact"] .main-menu .main-menu-header .user-details span { font-size: 12px; } body .pcoded[vertical-nav-type="compact"] .main-menu .pcoded-badge { display: none; } body.menu-bottom .pcoded .pcoded-main-container { margin-top: 0 !important; } body.menu-bottom .showChat_inner, body.menu-bottom .p-chat-user { top: 0; } body.menu-bottom .navbar-wrapper { z-index: 1050; } @media only screen and (max-width: 992px) { body.menu-bottom .navbar-wrapper .pcoded-navbar { top: -56px; } } .mCSB_container, .mCustomScrollBox { overflow: visible !important; } /*# sourceMappingURL=style.css.map */ /*Timeline Chart Start*/ .main-timeline{overflow:hidden;position:relative} .main-timeline .timeline{width:50%;float:left;z-index:1;position:relative} .main-timeline .timeline:after,.main-timeline .timeline:before{content:"";display:block;clear:both} .main-timeline .timeline:before{content:"";width:40px;height:90%;background:#727cb6;position:absolute;top:10%;right:-20px} .main-timeline .timeline:last-child:before{height:0} .main-timeline .timeline-icon{width:80px;height:80px;border-radius:50%;background:#727cb6;overflow:hidden;text-align:center;position:absolute;top:0;right:-40px;z-index:3} .main-timeline .timeline-icon:before{content:"";width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #727cb6;box-shadow:0 0 0 4px #a5afe4;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0} .main-timeline .timeline-icon i{font-size:35px;color:#303a3b;line-height:80px;z-index:1;position:relative} .main-timeline .year{display:block;padding:0 60px 0 30px;font-size:30px;color:#303a3b;text-align:right;border-bottom:2px solid #303a3b;z-index:2;position:relative} .main-timeline .year:before{content:"";display:block;width:30px;height:30px;border-radius:50%;background:#727cb6;border:5px solid #fff;box-shadow:0 0 0 4px #727cb6;margin:auto;position:absolute;bottom:-15px;left:4px} .main-timeline .year:after{content:"";border-left:10px solid #303a3b;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-11px;left:50px} .main-timeline .timeline-content{padding:18px 60px 18px 40px;text-align:right;position:relative;z-index:1} .main-timeline .timeline-content:after,.main-timeline .timeline-content:before{content:"";width:80px;height:150px;border-radius:50%;background:#fff;position:absolute;top:-7%;right:15px;z-index:-1} .main-timeline .timeline-content:after{left:auto;right:-95px} .main-timeline .timeline:last-child .timeline-content:after,.main-timeline .timeline:last-child .timeline-content:before{width:0;height:0} .main-timeline .title{font-size:22px;font-weight:700;color:#727cb6;margin-top:0} .main-timeline .description{font-size:15px;color:#7f8386;line-height:25px} .main-timeline .timeline:nth-child(2){margin-top:140px} .main-timeline .timeline:nth-child(even){margin-bottom:80px} .main-timeline .timeline:nth-child(odd){margin:-140px 0 0} .main-timeline .timeline:first-child,.main-timeline .timeline:last-child:nth-child(even){margin:0!important} .main-timeline .timeline:nth-child(2n) .timeline-icon,.main-timeline .timeline:nth-child(2n):before{right:auto;left:-20px;background:#e77e21} .main-timeline .timeline:nth-child(2n) .timeline-icon{left:-40px} .main-timeline .timeline:nth-child(2n) .year{padding:0 30px 0 60px;text-align:left} .main-timeline .timeline:nth-child(2n) .year:before{left:auto;right:3px} .main-timeline .timeline:nth-child(2n) .year:after{border-left:none;border-right:10px solid #303a3b;right:50px} .main-timeline .timeline:nth-child(2n) .timeline-content{padding:18px 40px 18px 60px;text-align:left} .main-timeline .timeline:nth-child(2n) .timeline-content:before{left:-95px} .main-timeline .timeline:nth-child(2n) .timeline-content:after{left:15px} .main-timeline .timeline:nth-child(2n) .timeline-icon:before{border-color:#e77e21;box-shadow:0 0 0 4px #f1a563} .main-timeline .timeline:nth-child(2n) .year:before{background:#e77e21;box-shadow:0 0 0 4px #e77e21} .main-timeline .timeline:nth-child(2n) .title{color:#e77e21} .main-timeline .timeline:nth-child(3n) .timeline-icon,.main-timeline .timeline:nth-child(3n):before{background:#008b8b} .main-timeline .timeline:nth-child(3n) .timeline-icon:before{border-color:#008b8b;box-shadow:0 0 0 4px #50b5b4} .main-timeline .timeline:nth-child(3n) .year:before{background:#008b8b;box-shadow:0 0 0 4px #008b8b} .main-timeline .timeline:nth-child(3n) .title{color:#008b8b} .main-timeline .timeline:nth-child(4n) .timeline-icon,.main-timeline .timeline:nth-child(4n):before{background:#ed687c} .main-timeline .timeline:nth-child(4n) .timeline-icon:before{border-color:#ed687c;box-shadow:0 0 0 4px #f798a8} .main-timeline .timeline:nth-child(4n) .year:before{background:#ed687c;box-shadow:0 0 0 4px #ed687c} .main-timeline .timeline:nth-child(4n) .title{color:#ed687c} @media only screen and (max-width:990px){ .main-timeline .timeline{width:100%} .main-timeline .timeline:nth-child(even),.main-timeline .timeline:nth-child(odd){margin:0} .main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before{width:30px;height:100%;left:25px} .main-timeline .timeline-icon,.main-timeline .timeline:nth-child(2n) .timeline-icon{left:0} .main-timeline .timeline:nth-child(2n) .year,.main-timeline .year{text-align:left;padding:0 30px 0 100px} .main-timeline .timeline:nth-child(2n) .year:before,.main-timeline .year:before{left:auto;right:4px} .main-timeline .year:after{left:auto;right:50px;border-right:10px solid #303a3b;border-left:none} .main-timeline .timeline-content .description{color:#666} .main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{text-align:left;padding:18px 40px 18px 100px} .main-timeline .timeline-content:after,.main-timeline .timeline-content:before{width:0;height:0} } /*Entered time*/ .main-timeline .timeline.entered-time .timeline-icon, .main-timeline .timeline.entered-time:before { background: #9c9e9e !important; } .main-timeline .timeline.entered-time .timeline-icon:before { border-color: #9c9e9e !important; box-shadow: 0 0 0 4px #9c9e9e !important; } .main-timeline .timeline.entered-time .year:before { background: #9c9e9e !important; box-shadow: 0 0 0 4px #9c9e9e !important; } .main-timeline .timeline.entered-time .title { color: #9c9e9e !important; } .main-timeline .timeline.entered-time .year { color: #9c9e9e !important; } /*front-desk*/ .main-timeline .timeline.entered-frontdesk .timeline-icon, .main-timeline .timeline.entered-frontdesk:before { background: #f8781f !important; } .main-timeline .timeline.entered-frontdesk .timeline-icon:before { border-color: #f8781f !important; box-shadow: 0 0 0 4px #f8781f !important; } .main-timeline .timeline.entered-frontdesk .year:before { background: #f8781f !important; box-shadow: 0 0 0 4px #f8781f !important; } .main-timeline .timeline.entered-frontdesk .title { color: #f8781f !important; } .main-timeline .timeline.entered-frontdesk .year { color: #f8781f !important; } /*Department-desk*/ .main-timeline .timeline.entered-department .timeline-icon, .main-timeline .timeline.entered-department:before { background: #105572 !important; } .main-timeline .timeline.entered-department .timeline-icon:before { border-color: #105572 !important; box-shadow: 0 0 0 4px #105572 !important; } .main-timeline .timeline.entered-department .year:before { background: #105572 !important; box-shadow: 0 0 0 4px #105572 !important; } .main-timeline .timeline.entered-department .title { color: #105572 !important; } .main-timeline .timeline.entered-department .year { color: #105572 !important; } /*Account*/ .main-timeline .timeline.entered-account .timeline-icon, .main-timeline .timeline.entered-account:before { background: #116925 !important; } .main-timeline .timeline.entered-account .timeline-icon:before { border-color: #116925 !important; box-shadow: 0 0 0 4px #116925 !important; } .main-timeline .timeline.entered-account .year:before { background: #116925 !important; box-shadow: 0 0 0 4px #116925 !important; } .main-timeline .timeline.entered-account .title { color: #116925 !important; } .main-timeline .timeline.entered-account .year { color: #116925 !important; } .main-timeline .year { font-size: 22px !important; font-weight: 700 !important; margin-top: 0 !important; text-transform:uppercase !important; } /*Timeline Chart End*/ /*car workshop manage*/ .manage-fix-width { white-space: normal; text-align: justify; } .tc-upload-image { margin-top: 15px; } /*car workshop manage*/ /*complete Job Sheet*/ .btn-card-header { padding: 20px 20px !important; } /*complete Job Sheet*/ /* Accounting Job Sheet*/ .account-table { width: 100% !important; } #sig-canvas{ touch-action: none; } /* Accounting Job Sheet*/