Created
May 26, 2020 13:20
-
-
Save iandidsbury/f6692693bd382da863de20f0835ddc3f to your computer and use it in GitHub Desktop.
Replace css for lepton1.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ALL - START */ | |
| :root { | |
| --logo: url(/images/logo/theme1.png) !important; | |
| --logo-reverse: url(/images/logo/theme1-reverse.png) !important; | |
| --sidebar-bg: #ffffff; | |
| --brand: #5472d4; | |
| --primary: #5472d4; | |
| --secondary: #8191A6; | |
| --success: #50a1b1; | |
| --info: #FEBA57; | |
| --warning: #ee6f42; | |
| --danger: #d12941; | |
| --light: #E9EDF2; | |
| --global-text: #000000; | |
| --global-bg: #ffffff; | |
| --text-color: #081449; | |
| --background: #eee; | |
| --sidebar-bg: #ffffff; | |
| --sidebar-text: #000000; | |
| --border-color: rgba(8, 20, 73, 0.1); | |
| --shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| --shadow-big: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| --shadow-smooth: 0px 0px 35px 0 rgba(0, 0, 0, 0.2); | |
| } | |
| /* poppins-100 - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: normal; | |
| font-weight: 100; | |
| src: local("Poppins Thin"), local("Poppins-Thin"), url("../assets/fonts/poppins-v6-latin-100.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-100.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-200 - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: normal; | |
| font-weight: 200; | |
| src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("../assets/fonts/poppins-v6-latin-200.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-200.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-300 - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: normal; | |
| font-weight: 300; | |
| src: local("Poppins Light"), local("Poppins-Light"), url("../assets/fonts/poppins-v6-latin-300.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-300.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-regular - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local("Poppins Regular"), local("Poppins-Regular"), url("../assets/fonts/poppins-v6-latin-regular.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-regular.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-italic - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: italic; | |
| font-weight: 400; | |
| src: local("Poppins Italic"), local("Poppins-Italic"), url("../assets/fonts/poppins-v6-latin-italic.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-italic.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-600 - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: normal; | |
| font-weight: 600; | |
| src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../assets/fonts/poppins-v6-latin-600.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-600.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-600italic - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: italic; | |
| font-weight: 600; | |
| src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url("../assets/fonts/poppins-v6-latin-600italic.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-600italic.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-700italic - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: italic; | |
| font-weight: 700; | |
| src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../assets/fonts/poppins-v6-latin-700italic.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-700italic.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* poppins-700 - latin */ | |
| @font-face { | |
| font-family: 'Poppins'; | |
| font-style: normal; | |
| font-weight: 700; | |
| src: local("Poppins Bold"), local("Poppins-Bold"), url("../assets/fonts/poppins-v6-latin-700.woff2") format("woff2"), url("../assets/fonts/poppins-v6-latin-700.woff") format("woff"); | |
| /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* ~ */ | |
| /* ---------- VARIABLES STYLES - START */ | |
| /*$open-sans: 'Open Sans', sans-serif;*/ | |
| /* ---------- VARIABLES STYLES - END */ | |
| /* ~ */ | |
| /* ~ */ | |
| /* ---------- GLOBAL MIXINS - START */ | |
| /* < 576px */ | |
| /* >= 576px */ | |
| /* >= 768px */ | |
| /* >= 768px */ | |
| /* >= 992px */ | |
| /* >= 1200px */ | |
| /* ---------- GLOBAL MIXINS - END */ | |
| /* ~ */ | |
| /* ~ */ | |
| /* ---------- GLOBAL PLACEHOLDERS - START */ | |
| .modal-backdrop, .lp-opened-sidebar .lp-sidebar, .lp-closed .lp-sidebar { | |
| background-attachment: fixed !important; | |
| background-size: contain !important; | |
| } | |
| /* ---------- GLOBAL PLACEHOLDERS - END */ | |
| /* ~ */ | |
| .datepicker table tr td.range, | |
| .datepicker table tr td.range.disabled, | |
| .datepicker table tr td.range.disabled:hover, | |
| .datepicker table tr td.range:hover { | |
| background: rgba(84, 114, 212, 0.1); | |
| } | |
| .datepicker table tr td span.active, | |
| .datepicker table tr td span.active.disabled, | |
| .datepicker table tr td span.active.disabled:hover, | |
| .datepicker table tr td span.active:hover, | |
| .datepicker table tr td.active, | |
| .datepicker table tr td.active.disabled, | |
| .datepicker table tr td.active.disabled:hover, | |
| .datepicker table tr td.active:hover { | |
| background: #5472d4; | |
| } | |
| .datepicker td, | |
| .datepicker th { | |
| width: 40px; | |
| height: 38px; | |
| } | |
| .datepicker .datepicker-switch:hover, | |
| .datepicker .next:hover, | |
| .datepicker .prev:hover, | |
| .datepicker tfoot tr th:hover, | |
| .datepicker table tr td.day.focused, | |
| .datepicker table tr td.day:hover { | |
| background: #f2f2f2; | |
| } | |
| .datepicker-dropdown { | |
| background: white !important; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| } | |
| ngb-datepicker .btn-light { | |
| background: #ffffff; | |
| border-color: #ffffff; | |
| color: #081449; | |
| } | |
| ngb-datepicker .btn-light:hover { | |
| background: #f2f2f2; | |
| color: #081449; | |
| } | |
| ngb-datepicker .custom-select { | |
| color: #081449 !important; | |
| } | |
| ngb-datepicker .ng-range { | |
| background: rgba(84, 114, 212, 0.1); | |
| } | |
| ngb-datepicker .ng-range-end { | |
| background: #8191A6; | |
| color: #fff; | |
| } | |
| ngb-datepicker .ngb-dp-header { | |
| background: #ffffff; | |
| border-color: #ffffff; | |
| color: #081449; | |
| } | |
| ngb-datepicker .ngb-dp-weekdays { | |
| background: #ffffff; | |
| border-color: #ffffff; | |
| color: #081449; | |
| } | |
| ngb-datepicker .text-muted { | |
| color: #081449 !important; | |
| opacity: 0.35 !important; | |
| } | |
| /* ~ */ | |
| /* ---------- GENERAL STYLES - START */ | |
| /*.dropdown-menu { | |
| -webkit-transition: all .2s ease-in-out; | |
| transition: all .2s ease-in-out; | |
| -webkit-transform-origin: top center; | |
| transform-origin: top center; | |
| }*/ | |
| .lp-content { | |
| width: 100%; | |
| padding-right: 0; | |
| padding-left: 0; | |
| margin-right: auto; | |
| margin-left: auto; | |
| min-height: calc(100vh - 124px); | |
| } | |
| .lp-topmenu .lp-content { | |
| min-height: calc(100vh - 160px); | |
| } | |
| body { | |
| font-family: "Poppins", sans-serif; | |
| font-weight: 400; | |
| font-size: 14px; | |
| line-height: 18px; | |
| background: #eee url(../assets/backgrounds/bg-transparent.png) top center no-repeat; | |
| color: #000000; | |
| background-attachment: fixed !important; | |
| background-size: cover !important; | |
| padding-top: 48px; | |
| } | |
| body .lp-content { | |
| padding: 0 36px 36px 24px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| body.lp-opened-sidebar .lp-content { | |
| padding: 0 36px 24px 300px; | |
| } | |
| body.lp-opened-sidebar .lp-footer { | |
| padding-left: 300px; | |
| } | |
| body.lp-closed .lp-content { | |
| padding: 0 36px 24px 114px; | |
| } | |
| body.lp-closed .lp-footer { | |
| padding-left: 126px; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| body { | |
| padding-top: 64px; | |
| } | |
| body .lp-content { | |
| padding: 0 15px !important; | |
| } | |
| body .lp-footer { | |
| padding: 20px !important; | |
| } | |
| body .lp-footer > div.d-flex { | |
| display: block !important; | |
| text-align: center; | |
| } | |
| body .lp-footer > div.d-flex > div { | |
| padding: 5px; | |
| } | |
| } | |
| body.lp-topmenu { | |
| padding-top: 63px; | |
| } | |
| body.lp-topmenu .lp-content { | |
| padding: 0 48px 24px; | |
| } | |
| body.lp-topmenu .lp-footer { | |
| padding-left: 16px; | |
| } | |
| body.lp-boxed .lp-content { | |
| max-width: 1280px; | |
| } | |
| body.lp-boxed:not(.lp-topbar) .lp-content { | |
| max-width: 1440px; | |
| } | |
| body.lp-boxed .lp-footer { | |
| padding-left: 300px; | |
| } | |
| .content-header-title, | |
| .breadcrumb, | |
| .breadcrumb-item, | |
| .breadcrumb-item a, | |
| .breadcrumb-item.active, | |
| .breadcrumb-item + .breadcrumb-item::before { | |
| color: #000000; | |
| } | |
| .navbar-brand, | |
| .navbar-brand:hover, | |
| .lp-toggle-sidebar i { | |
| color: #000000; | |
| } | |
| .lp-sidebar a, header a, .btn, .navbar-brand { | |
| font-family: "Poppins", sans-serif; | |
| font-weight: 400; | |
| } | |
| .entry-row { | |
| margin: 24px 0 12px 0; | |
| } | |
| .entry-row .btn, .entry-row .btn-group .btn { | |
| padding: 3px 6px !important; | |
| font-size: .875em !important; | |
| top: -4px; | |
| position: relative; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .entry-row { | |
| margin: 12px 0 12px; | |
| } | |
| .entry-row .btn, .entry-row .btn-group .btn { | |
| display: block; | |
| top: 0px; | |
| margin-bottom: 1em; | |
| width: 100%; | |
| padding: 6px !important; | |
| text-align: center; | |
| } | |
| .entry-row .btn-group { | |
| display: block; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| } | |
| .custom-file-label { | |
| border-width: 2px; | |
| border-color: #f7f7f7; | |
| } | |
| .custom-file-label::after { | |
| top: -1px; | |
| right: -1px; | |
| border-left-width: 2px; | |
| border-color: #eee; | |
| background: none; | |
| } | |
| .custom-file-input:focus ~ .custom-file-label { | |
| color: #495057; | |
| background-color: #fff; | |
| border-color: rgba(84, 114, 212, 0.25); | |
| outline: 0; | |
| box-shadow: 0 0 0.2rem #eee; | |
| } | |
| .custom-file-input:focus ~ .custom-file-label::after { | |
| border-color: rgba(84, 114, 212, 0.25); | |
| } | |
| .card-seperator { | |
| border-bottom: 1px solid #fafafa; | |
| margin: 1.5rem 0; | |
| } | |
| h1.content-header-title { | |
| font-size: 1.5em; | |
| margin: 3px 0 0; | |
| } | |
| .code-area { | |
| margin: 30px 0 60px; | |
| } | |
| body.abp-account-layout { | |
| padding-top: 0; | |
| } | |
| .navbar-brand { | |
| width: 180px; | |
| height: 24px; | |
| background: var(--logo) center left; | |
| background-size: contain !important; | |
| background-repeat: no-repeat; | |
| z-index: 106; | |
| top: 21px; | |
| left: 86px; | |
| position: absolute; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .navbar-brand { | |
| top: 10px; | |
| height: 30px; | |
| margin: 5px 10px; | |
| left: 10px; | |
| } | |
| } | |
| .navbar-toggler { | |
| color: #000000 !important; | |
| outline: none !important; | |
| } | |
| .lp-closed .navbar-brand { | |
| opacity: 0; | |
| } | |
| .lp-closed.lp-extended .navbar-brand { | |
| opacity: 1; | |
| } | |
| .account-brand .navbar-brand { | |
| background: var(--logo-reverse) center center; | |
| background-size: contain !important; | |
| background-repeat: no-repeat; | |
| height: 50px; | |
| top: -20px; | |
| margin: 0; | |
| left: 50%; | |
| margin-left: -86px; | |
| } | |
| /* ---------- GENERAL STYLES - END */ | |
| /* ~ */ | |
| /* abp needs */ | |
| .form-with-card .card { | |
| margin-bottom: 0; | |
| } | |
| .form-with-card .custom-body { | |
| height: 308px; | |
| /* 100% = dialog height, 120px = header + footer */ | |
| overflow-y: auto; | |
| } | |
| .form-with-card .custom-secret-body { | |
| height: 240px; | |
| /* 100% = dialog height, 120px = header + footer */ | |
| } | |
| .form-with-card .custom-AppUri-body, .form-with-card .custom-restriction-body, .form-with-card .custom-properties-body { | |
| height: 150px; | |
| /* 100% = dialog height, 120px = header + footer */ | |
| } | |
| .form-with-card .custom-grantType-body { | |
| height: 120px; | |
| /* 100% = dialog height, 120px = header + footer */ | |
| } | |
| .custom-control-label::before, .custom-control-label::after { | |
| top: 0.125rem; | |
| } | |
| .fs-9 { | |
| font-size: .95em; | |
| } | |
| .mw-100 { | |
| min-width: 150px; | |
| } | |
| /* | |
| loader | |
| */ | |
| .loader { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| width: 100vw; | |
| height: 100vh; | |
| background: #eee; | |
| z-index: 1001; | |
| } | |
| .loader .indicator { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%) scale(2); | |
| } | |
| .loader .indicator svg polyline { | |
| fill: none; | |
| stroke-width: 2; | |
| stroke-linecap: round; | |
| stroke-linejoin: round; | |
| } | |
| .loader .indicator svg polyline#back { | |
| stroke: rgba(84, 114, 212, 0.3); | |
| } | |
| .loader .indicator svg polyline#front { | |
| stroke: #5472d4; | |
| stroke-dasharray: 12, 36; | |
| stroke-dashoffset: 48; | |
| animation: dash 1s linear infinite; | |
| } | |
| @keyframes dash { | |
| 62.5% { | |
| opacity: 1; | |
| } | |
| to { | |
| stroke-dashoffset: 0; | |
| } | |
| } | |
| /* | |
| validation | |
| */ | |
| .field-validation-error.text-danger span { | |
| margin: 0.5rem 0rem 0rem 0rem; | |
| font-size: .8em; | |
| background: #f7f7f7; | |
| color: #000000; | |
| padding: 8px 12px; | |
| display: block; | |
| border: 2px solid #d12941; | |
| transition: 0; | |
| border-radius: 0.25rem 0.25rem 0.25rem 0.25rem; | |
| line-height: 1.5; | |
| } | |
| .fontawesome-icon-list a { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| display: block; | |
| color: #222; | |
| line-height: 32px; | |
| height: 32px; | |
| padding-left: 10px; | |
| border-radius: 4px; | |
| } | |
| .lepton-demo-options { | |
| position: fixed; | |
| bottom: -300px; | |
| right: 0; | |
| text-align: right; | |
| color: #fff; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .lepton-demo-options:hover { | |
| bottom: 0; | |
| } | |
| .lepton-demo-options label.open-demo-container { | |
| background: #131323; | |
| padding: 8px 16px; | |
| border-top-left-radius: 10px; | |
| margin: 0; | |
| } | |
| .lepton-demo-options .lepton-demo-content { | |
| background: #131323; | |
| border-top-left-radius: 10px; | |
| padding: 20px; | |
| width: 500px; | |
| text-align: left; | |
| height: 300px; | |
| } | |
| .abp-account-layout .card .card-header .navbar-nav { | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| } | |
| .abp-account-layout .card .card-header .navbar-nav .btn { | |
| box-shadow: none; | |
| padding: 0 !important; | |
| } | |
| .abp-account-layout .card .card-header .navbar-nav .btn:hover, .abp-account-layout .card .card-header .navbar-nav .btn:focus, .abp-account-layout .card .card-header .navbar-nav .btn:active { | |
| box-shadow: none; | |
| } | |
| .abp-account-layout .card .card-header .navbar-nav .btn.dropdown-toggle span.current-language-name { | |
| display: none; | |
| } | |
| .abp-account-layout .card .card-header .navbar-nav .btn.dropdown-toggle:after { | |
| display: none; | |
| } | |
| .error-page-container { | |
| max-width: 600px; | |
| margin: 50px auto; | |
| background: #ffffff; | |
| color: #081449; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| padding: 3em; | |
| border-radius: 4px; | |
| overflow: hidden; | |
| } | |
| .error-page-container .status-content h1 { | |
| font-size: 5em; | |
| margin: 0 0 -20px; | |
| } | |
| .error-page-container .status-content h2 small { | |
| font-size: .5em; | |
| opacity: .5; | |
| display: block; | |
| text-transform: uppercase; | |
| } | |
| .error-page-container .status-icon { | |
| position: relative; | |
| } | |
| .error-page-container .status-icon span { | |
| position: absolute; | |
| width: 360px; | |
| height: 360px; | |
| background: #eee; | |
| border-radius: 360px; | |
| left: -150px; | |
| top: -150px; | |
| z-index: 0; | |
| } | |
| .error-page-container .status-icon .fa { | |
| position: relative; | |
| z-index: 1; | |
| font-size: 8em; | |
| } | |
| #btnFullscreen .fa-expand { | |
| display: inline-block; | |
| } | |
| #btnFullscreen .fa-compress { | |
| display: none; | |
| } | |
| #btnFullscreen.expanded .fa-expand { | |
| display: none; | |
| } | |
| #btnFullscreen.expanded .fa-compress { | |
| display: inline-block; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| #btnFullscreen { | |
| display: none !important; | |
| } | |
| } | |
| .lp-content > .row > div > .card.card-one { | |
| /*height: calc( 100% - $grid);*/ | |
| } | |
| .lp-content > .row > div > .card.card-two { | |
| /*height: calc( 50% - $grid);*/ | |
| } | |
| .lp-content > .row > div > .card.card-three { | |
| /*height: calc( 33.33% - $grid);*/ | |
| } | |
| .lp-content > .row > div > .card.card-four { | |
| /*height: calc( 25% - $grid);*/ | |
| } | |
| .lp-content > .row > div > .card.card-five { | |
| /*height: calc( 20% - $grid);*/ | |
| } | |
| .opc-65 { | |
| opacity: .65; | |
| } | |
| .opacity-50 { | |
| opacity: .5; | |
| } | |
| .chat-box { | |
| background: #e6e6e6; | |
| } | |
| /* ~ */ | |
| /* ---------- BOOTSTRAP OVERRIDES - START */ | |
| body h1, body .h1 { | |
| font-size: 30px; | |
| } | |
| body h2, body .h2 { | |
| font-size: 24px; | |
| } | |
| body h3, body .h3 { | |
| font-size: 18px; | |
| } | |
| body h4, body .h4 { | |
| font-size: 15px; | |
| } | |
| body h5, body .h5 { | |
| font-size: 13.5px; | |
| } | |
| body h6, body .h6 { | |
| font-size: 12px; | |
| } | |
| body label { | |
| margin-bottom: 0.25rem; | |
| } | |
| body .row { | |
| margin-right: -12px; | |
| margin-left: -12px; | |
| } | |
| body hr { | |
| margin-top: .5rem; | |
| margin-bottom: .5rem; | |
| border: 0; | |
| border-top: 1px solid rgba(0, 0, 0, 0.05); | |
| } | |
| body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 { | |
| font-family: "Poppins", sans-serif; | |
| font-weight: 600; | |
| line-height: 1.5; | |
| } | |
| body pre { | |
| background: white; | |
| color: #081449; | |
| margin-bottom: 0; | |
| } | |
| body .col-1, body .col-2, body .col-3, body .col-4, body .col-5, body .col-6, body .col-7, body .col-8, body .col-9, body .col-10, body .col-11, body .col-12, body .col, body .col-auto, body .col-sm-1, body .col-sm-2, body .col-sm-3, body .col-sm-4, body .col-sm-5, body .col-sm-6, body .col-sm-7, body .col-sm-8, body .col-sm-9, body .col-sm-10, body .col-sm-11, body .col-sm-12, body .col-sm, body .col-sm-auto, body .col-md-1, body .col-md-2, body .col-md-3, body .col-md-4, body .col-md-5, body .col-md-6, body .col-md-7, body .col-md-8, body .col-md-9, body .col-md-10, body .col-md-11, body .col-md-12, body .col-md, body .col-md-auto, body .col-lg-1, body .col-lg-2, body .col-lg-3, body .col-lg-4, body .col-lg-5, body .col-lg-6, body .col-lg-7, body .col-lg-8, body .col-lg-9, body .col-lg-10, body .col-lg-11, body .col-lg-12, body .col-lg, body .col-lg-auto, body .col-xl-1, body .col-xl-2, body .col-xl-3, body .col-xl-4, body .col-xl-5, body .col-xl-6, body .col-xl-7, body .col-xl-8, body .col-xl-9, body .col-xl-10, body .col-xl-11, body .col-xl-12, body .col-xl, body .col-xl-auto { | |
| padding-right: 12px; | |
| padding-left: 12px; | |
| } | |
| p { | |
| margin-top: 0; | |
| margin-bottom: 1rem; | |
| } | |
| p + p { | |
| margin-top: 1rem; | |
| margin-bottom: 0; | |
| } | |
| .btn { | |
| border-width: 2px; | |
| border-radius: 4px; | |
| padding: 5px 18px; | |
| font-size: 1em; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .btn:hover, .btn:focus, .btn:active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled):active:focus, .btn.visible { | |
| outline: none; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| } | |
| .btn.btn-sm { | |
| padding: 4px 12px; | |
| font-size: 0.9em; | |
| } | |
| .btn.btn-md { | |
| padding: 6px 18px; | |
| font-size: 1em; | |
| } | |
| .btn.btn-lg { | |
| padding: 8px 27px; | |
| font-size: 1.1em; | |
| } | |
| .btn.btn-primary { | |
| color: #fff; | |
| background-color: #5472d4; | |
| border-color: #5472d4; | |
| } | |
| .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #3154c4; | |
| border-color: #3154c4; | |
| } | |
| .btn.btn-outline-primary { | |
| color: #5472d4; | |
| border-color: #5472d4; | |
| } | |
| .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #5472d4; | |
| border-color: #5472d4; | |
| } | |
| .btn.btn-secondary { | |
| color: #fff; | |
| background-color: #8191A6; | |
| border-color: #8191A6; | |
| } | |
| .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #65778f; | |
| border-color: #65778f; | |
| } | |
| .btn.btn-outline-secondary { | |
| color: #8191A6; | |
| border-color: #8191A6; | |
| } | |
| .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #8191A6; | |
| border-color: #8191A6; | |
| } | |
| .btn.btn-success { | |
| color: #fff; | |
| background-color: #50a1b1; | |
| border-color: #50a1b1; | |
| } | |
| .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #40818e; | |
| border-color: #40818e; | |
| } | |
| .btn.btn-outline-success { | |
| color: #50a1b1; | |
| border-color: #50a1b1; | |
| } | |
| .btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success:active, .btn.btn-outline-success:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #50a1b1; | |
| border-color: #50a1b1; | |
| } | |
| .btn.btn-info { | |
| color: #484848; | |
| background-color: #FEBA57; | |
| border-color: #FEBA57; | |
| } | |
| .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:not(:disabled):not(.disabled):active { | |
| color: #484848; | |
| background-color: #fea524; | |
| border-color: #fea524; | |
| } | |
| .btn.btn-outline-info { | |
| color: #FEBA57; | |
| border-color: #FEBA57; | |
| } | |
| .btn.btn-outline-info:hover, .btn.btn-outline-info:focus, .btn.btn-outline-info:active, .btn.btn-outline-info:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #FEBA57; | |
| border-color: #FEBA57; | |
| } | |
| .btn.btn-warning { | |
| color: #fff; | |
| background-color: #ee6f42; | |
| border-color: #ee6f42; | |
| } | |
| .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #e84c15; | |
| border-color: #e84c15; | |
| } | |
| .btn.btn-outline-warning { | |
| color: #ee6f42; | |
| border-color: #ee6f42; | |
| } | |
| .btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:active, .btn.btn-outline-warning:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #ee6f42; | |
| border-color: #ee6f42; | |
| } | |
| .btn.btn-danger { | |
| color: #fff; | |
| background-color: #d12941; | |
| border-color: #d12941; | |
| } | |
| .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #a62134; | |
| border-color: #a62134; | |
| } | |
| .btn.btn-outline-danger { | |
| color: #d12941; | |
| border-color: #d12941; | |
| } | |
| .btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger:active, .btn.btn-outline-danger:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #d12941; | |
| border-color: #d12941; | |
| } | |
| .btn.btn-outline-default { | |
| border-color: 300; | |
| background: none; | |
| } | |
| .btn.btn-outline-default:hover, .btn.btn-outline-default:focus, .btn.btn-outline-default:active, .btn.btn-outline-default:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| } | |
| .btn.btn-link { | |
| box-shadow: none; | |
| } | |
| .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:not(:disabled):not(.disabled):active { | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .btn.dropdown-toggle-split { | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| } | |
| .btn-group.btn-group-lg .btn, .btn-group-vertical.btn-group-lg .btn { | |
| padding: 8px 27px; | |
| font-size: 1.1em; | |
| } | |
| .btn-group.btn-group-md .btn, .btn-group-vertical.btn-group-md .btn { | |
| padding: 6px 18px; | |
| font-size: 1em; | |
| } | |
| .btn-group.btn-group-sm .btn, .btn-group-vertical.btn-group-sm .btn { | |
| padding: 4px 12px; | |
| font-size: 0.9em; | |
| } | |
| .btn-group .btn, .btn-group-vertical .btn { | |
| text-align: left; | |
| padding-left: 12px !important; | |
| padding-right: 12px !important; | |
| } | |
| .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { | |
| margin-left: -2px !important; | |
| } | |
| .btn-toolbar .btn { | |
| padding: 6px 14px !important; | |
| } | |
| .breadcrumb { | |
| padding: 12px 0 0; | |
| margin-bottom: 0; | |
| background: none; | |
| font-size: .82em; | |
| opacity: .35; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .breadcrumb { | |
| padding: 5px 0 0; | |
| } | |
| } | |
| .breadcrumb .breadcrumb-item { | |
| padding-left: 0.25rem; | |
| } | |
| .breadcrumb .breadcrumb-item:before { | |
| padding-right: 0.25rem; | |
| font-size: .85em; | |
| } | |
| .alert { | |
| padding: 18px; | |
| background: #ffffff; | |
| color: #000000; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-color: 300; | |
| border-radius: 4px; | |
| border-width: 2px; | |
| } | |
| .alert .alert-heading { | |
| font-size: 1.2em; | |
| margin-bottom: 2px; | |
| } | |
| .alert a { | |
| border-bottom: 1px solid; | |
| } | |
| .alert a:hover { | |
| text-decoration: none; | |
| border-bottom: 2px solid; | |
| } | |
| .alert .alert-icon { | |
| width: 40px; | |
| height: 40px; | |
| text-align: center; | |
| line-height: 40px; | |
| margin: -8px 0 -8px 0; | |
| border-radius: 5px; | |
| font-size: 32px; | |
| } | |
| .alert.alert-dismissible .close { | |
| padding: 0.125rem .75rem; | |
| top: 50%; | |
| margin-top: -18px; | |
| right: 8px; | |
| } | |
| .alert.alert-primary { | |
| border-color: #5472d4; | |
| color: #081449; | |
| } | |
| .alert.alert-primary a, .alert.alert-primary .fa { | |
| color: #5472d4; | |
| } | |
| .alert.alert-secondary { | |
| border-color: #8191A6; | |
| color: #081449; | |
| } | |
| .alert.alert-secondary a, .alert.alert-secondary .fa, .alert.alert-secondary .alert-heading { | |
| color: #8191A6; | |
| } | |
| .alert.alert-success { | |
| border-color: #50a1b1; | |
| color: #081449; | |
| } | |
| .alert.alert-success a, .alert.alert-success .fa, .alert.alert-success .alert-heading { | |
| color: #50a1b1; | |
| } | |
| .alert.alert-info { | |
| border-color: #FEBA57; | |
| color: #081449; | |
| } | |
| .alert.alert-info a, .alert.alert-info .fa, .alert.alert-info .alert-heading { | |
| color: #FEBA57; | |
| } | |
| .alert.alert-warning { | |
| border-color: #ee6f42; | |
| color: #081449; | |
| } | |
| .alert.alert-warning a, .alert.alert-warning .fa, .alert.alert-warning .alert-heading { | |
| color: #ee6f42; | |
| } | |
| .alert.alert-danger { | |
| border-color: #d12941; | |
| color: #081449; | |
| } | |
| .alert.alert-danger a, .alert.alert-danger .fa, .alert.alert-danger .alert-heading { | |
| color: #d12941; | |
| } | |
| .alert.alert-outline { | |
| border-color: rgba(0, 0, 0, 0.2) !important; | |
| color: rgba(0, 0, 0, 0.9) !important; | |
| box-shadow: none; | |
| } | |
| .alert.alert-outline a, .alert.alert-outline .fa, .alert.alert-outline .alert-heading { | |
| color: #000000 !important; | |
| } | |
| .alert.alert-outline .close { | |
| color: #000000 !important; | |
| } | |
| .alert.alert-outline .close:hover, .alert.alert-outline .close:focus, .alert.alert-outline .close:active, .alert.alert-outline .close:not(:disabled):not(.disabled):active, .alert.alert-outline .close.visible { | |
| color: #000000 !important; | |
| } | |
| #toast-container.toast-top-full-width, #toast-container.toast-top-center { | |
| background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%); | |
| padding: 20px 15px 100px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| #toast-container.toast-bottom-full-width, #toast-container.toast-bottom-center { | |
| background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%); | |
| padding: 100px 15px 20px 15px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| #toast-container.toast-top-right { | |
| top: 8px; | |
| right: 8px; | |
| } | |
| #toast-container.toast-top-left { | |
| top: 8px; | |
| left: 8px; | |
| } | |
| #toast-container.toast-bottom-left { | |
| bottom: 8px; | |
| left: 8px; | |
| } | |
| #toast-container.toast-bottom-right { | |
| bottom: 8px; | |
| right: 8px; | |
| } | |
| #toast-container .toast { | |
| position: relative; | |
| border: 2px solid transparent; | |
| background: #ffffff !important; | |
| color: #081449; | |
| border-radius: 4px; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| } | |
| #toast-container .toast:hover { | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| #toast-container .toast:before { | |
| content: "\f00c"; | |
| position: absolute; | |
| left: 16px; | |
| top: 15px; | |
| display: inline-block; | |
| font: normal normal normal 14px/1 'Font Awesome 5 Free'; | |
| font-weight: 900; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| font-size: 1.65em; | |
| text-align: center; | |
| } | |
| #toast-container .toast.toast-info { | |
| border-color: #FEBA57; | |
| } | |
| #toast-container .toast.toast-info:before { | |
| content: "\f129"; | |
| color: #FEBA57; | |
| } | |
| #toast-container .toast.toast-success { | |
| border-color: #50a1b1; | |
| } | |
| #toast-container .toast.toast-success:before { | |
| content: "\f00c"; | |
| color: #50a1b1; | |
| } | |
| #toast-container .toast.toast-warning { | |
| border-color: #ee6f42; | |
| } | |
| #toast-container .toast.toast-warning:before { | |
| content: "\f12a"; | |
| color: #ee6f42; | |
| } | |
| #toast-container .toast.toast-error { | |
| border-color: #d12941; | |
| } | |
| #toast-container .toast.toast-error:before { | |
| content: "\f00d"; | |
| color: #d12941; | |
| } | |
| #toast-container > div { | |
| opacity: .975; | |
| } | |
| #toast-container button.toast-close-button { | |
| color: #000; | |
| } | |
| .card { | |
| border: 0; | |
| background: #ffffff; | |
| color: #000000; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-radius: 4px; | |
| margin-bottom: 24px; | |
| } | |
| .card .card-header { | |
| border-bottom: 1px solid rgba(8, 20, 73, 0.05); | |
| padding: 14.4px 24px; | |
| background: none; | |
| } | |
| .card .card-header .card-title { | |
| font-size: 1.25em; | |
| margin: 2px 0; | |
| color: #000000; | |
| } | |
| .card .card-header .btn { | |
| font-size: .9em !important; | |
| padding: 2px 8px !important; | |
| } | |
| .card .card-body { | |
| padding: 24px 24px 19.2px 24px; | |
| } | |
| .card .card-body .card-body-section + .card-body-section { | |
| margin-top: 24px; | |
| } | |
| .card .card-body .nav-pills.flex-column { | |
| box-shadow: none; | |
| padding: 0; | |
| } | |
| .card .card-body .nav-pills.flex-column .tab-content { | |
| padding-top: 0; | |
| } | |
| .card .card-footer { | |
| border: 0; | |
| background: none; | |
| border-top: 1px solid rgba(8, 20, 73, 0.05); | |
| border-radius: 0 0 4px 4px; | |
| padding: 14.4px 24px; | |
| } | |
| .card .card-footer .btn.btn-sm { | |
| padding: 4px 18px; | |
| font-size: 0.9em; | |
| margin: -5px 0; | |
| } | |
| .card .list-group { | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-radius: 4px; | |
| } | |
| .card .list-group .list-group-item { | |
| border-color: #eee; | |
| } | |
| .form-control { | |
| font-size: 1em; | |
| color: #000000 !important; | |
| } | |
| .input-group-text { | |
| font-size: 1em; | |
| color: #000000 !important; | |
| } | |
| .input-group .input-group-text { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| border-color: #ffffff; | |
| } | |
| .form-control, .custom-select, .custom-file-label { | |
| border: 2px solid #ebebeb; | |
| background-color: #f2f2f2 !important; | |
| } | |
| .form-control:focus, .form-control:active, .form-control:visited, .custom-select:focus, .custom-select:active, .custom-select:visited, .custom-file-label:focus, .custom-file-label:active, .custom-file-label:visited { | |
| color: #000000 !important; | |
| background-color: #fcfcfc !important; | |
| background-color: #ffffff; | |
| border-color: rgba(84, 114, 212, 0.25) !important; | |
| outline: 0 !important; | |
| box-shadow: 0 0 0.2rem #5472d4 !important; | |
| } | |
| .form-control:disabled, .form-control[readonly], .custom-select:disabled, .custom-select[readonly], .custom-file-label:disabled, .custom-file-label[readonly] { | |
| background-color: #f7f7f7; | |
| } | |
| .form-control[readonly], .custom-select[readonly], .custom-file-label[readonly] { | |
| border: 2px solid #f7f7f7; | |
| background-color: #f7f7f7 !important; | |
| } | |
| .form-control[readonly]:focus, .form-control[readonly]:active, .form-control[readonly]:visited, .custom-select[readonly]:focus, .custom-select[readonly]:active, .custom-select[readonly]:visited, .custom-file-label[readonly]:focus, .custom-file-label[readonly]:active, .custom-file-label[readonly]:visited { | |
| background-color: #ffffff; | |
| border-color: #f7f7f7 !important; | |
| outline: 0 !important; | |
| box-shadow: none !important; | |
| } | |
| .input-group-text { | |
| background-color: #f7f7f7; | |
| border: 0px; | |
| } | |
| .dropdown-menu { | |
| min-width: 180px; | |
| background: #ffffff; | |
| color: #081449; | |
| font-size: .9em; | |
| margin: 0; | |
| border-radius: 0 4px 4px 4px; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| border: 0; | |
| padding: 10px 12px !important; | |
| border-radius: 0; | |
| overflow: hidden; | |
| } | |
| .dropdown-menu .dropdown-item { | |
| padding: 6px 8px; | |
| color: unset; | |
| opacity: .75; | |
| font-weight: 600; | |
| } | |
| .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:not(:disabled):not(.disabled):active { | |
| background: none; | |
| opacity: 1; | |
| } | |
| .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:not(:disabled):not(.disabled):active { | |
| color: #000000; | |
| text-decoration: none; | |
| background-color: white; | |
| padding: 6px 8px; | |
| border-radius: 4px; | |
| } | |
| .dropdown-menu .dropdown-item-text, .dropdown-menu p { | |
| padding: 6px 8px; | |
| } | |
| .dropdown-menu .dropdown-header { | |
| background: #ffffff; | |
| margin: -12px -12px 8px; | |
| padding: 14px 20px !important; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .dropdown-menu .dropdown-divider { | |
| margin: 8px -12px; | |
| } | |
| .dropdown-menu.dropdown-menu-right { | |
| border-radius: 4px 0 4px 4px; | |
| } | |
| .dropdown-menu form { | |
| padding: 18px; | |
| margin: 13px 0; | |
| border-radius: 6.125px; | |
| } | |
| .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, | |
| .custom-control-input:checked ~ .custom-control-label::before { | |
| background-color: #50a1b1; | |
| } | |
| .custom-radio .custom-control-input:checked ~ .custom-control-label::before, | |
| .custom-control-input:checked ~ .custom-control-label::before { | |
| background-color: #5472d4; | |
| } | |
| .badge { | |
| padding: 0.35em 0.5em 0.25em 0.5em; | |
| font-size: 72%; | |
| border-radius: 10px; | |
| } | |
| .tooltip > .tooltip-inner { | |
| background-color: #fff; | |
| color: #000; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| padding: 0.5rem 1rem; | |
| } | |
| .tooltip.bs-tooltip-left > .arrow:before { | |
| border-left-color: #fff; | |
| } | |
| .tooltip.bs-tooltip-top > .arrow:before { | |
| border-top-color: #fff; | |
| } | |
| .tooltip.bs-tooltip-right > .arrow:before { | |
| border-right-color: #fff; | |
| } | |
| .tooltip.bs-tooltip-bottom > .arrow:before { | |
| border-bottom-color: #fff; | |
| } | |
| .modal { | |
| overflow-y: auto !important; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| color: #081449; | |
| } | |
| .modal .modal-content { | |
| border-radius: 4px; | |
| background: #ffffff; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border: 0; | |
| } | |
| .modal .modal-content .modal-header { | |
| padding: 12px 24px; | |
| background: #ffffff; | |
| border-color: #fafafa; | |
| color: #081449; | |
| } | |
| .modal .modal-content .modal-header .modal-title { | |
| margin: 8px 0px; | |
| line-height: 1; | |
| font-size: 1.5em; | |
| } | |
| .modal .modal-content .modal-body { | |
| padding: 24px; | |
| background: #ffffff; | |
| color: #081449; | |
| } | |
| .modal .modal-content .modal-body .nav-pills.flex-column { | |
| box-shadow: none; | |
| padding: 0; | |
| } | |
| .modal .modal-content .modal-body .nav-pills.flex-column .tab-content { | |
| padding-top: 0; | |
| } | |
| .modal .modal-content .modal-body .nav-tabs { | |
| box-shadow: none; | |
| margin-top: -24px; | |
| margin-left: -24px; | |
| margin-right: -24px; | |
| margin-bottom: 0; | |
| } | |
| .modal .modal-content .modal-body .tab-content { | |
| box-shadow: none; | |
| margin-top: 0; | |
| margin-left: -24px; | |
| margin-right: -24px; | |
| margin-bottom: -24px; | |
| } | |
| .modal .modal-content .modal-body .tab-content .nav-tabs { | |
| box-shadow: none; | |
| margin: 0; | |
| border: 1px solid #f7f7f7; | |
| border-bottom: 0; | |
| } | |
| .modal .modal-content .modal-body .tab-content .tab-content { | |
| box-shadow: none; | |
| margin: 0; | |
| border: 1px solid #f7f7f7; | |
| border-top: 0; | |
| margin-bottom: 20px; | |
| } | |
| .modal .modal-content .modal-body > .row > div[class^="col-"] .tab-content { | |
| padding-top: 0; | |
| padding-left: 34px; | |
| } | |
| .modal .modal-content .modal-footer { | |
| background: #fcfcfc; | |
| border-radius: 0 0 4px 4px; | |
| border: 0; | |
| } | |
| .modal .modal-lg { | |
| max-width: 720px; | |
| } | |
| .swal-modal { | |
| border-radius: 4px; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border: 0; | |
| animation: none !important; | |
| transition: all .2s ease-in-out; | |
| background: #f8f8f8; | |
| } | |
| .swal-modal .swal-footer { | |
| padding: 1rem; | |
| margin-top: 30px; | |
| background: #eee; | |
| } | |
| .swal-modal .swal-footer .swal-button-container { | |
| margin: 0; | |
| } | |
| .swal-modal .swal-footer .swal-button-container .swal-button { | |
| padding: 4px 12px; | |
| margin-left: 10px; | |
| color: #fff; | |
| background-color: #5472d4; | |
| border-color: #5472d4; | |
| border-radius: 4px; | |
| } | |
| .swal-modal .swal-footer .swal-button-container .swal-button:hover, .swal-modal .swal-footer .swal-button-container .swal-button:focus, .swal-modal .swal-footer .swal-button-container .swal-button:active, .swal-modal .swal-footer .swal-button-container .swal-button:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #3154c4; | |
| border-color: #3154c4; | |
| box-shadow: none; | |
| } | |
| .swal-modal .swal-title { | |
| font-size: 18px; | |
| color: #081449; | |
| word-break: break-word; | |
| } | |
| .swal-modal .swal-text { | |
| font-size: 14px; | |
| color: #081449; | |
| word-break: break-word; | |
| } | |
| .swal-modal .swal-icon { | |
| transform: scale(0.6); | |
| margin-bottom: -5px; | |
| } | |
| .swal-modal .swal-icon--success:after, .swal-modal .swal-icon--success:before, .swal-modal .swal-icon--success__hide-corners { | |
| background: #f8f8f8; | |
| } | |
| .swal-overlay { | |
| background: rgba(225, 225, 225, 0.7) !important; | |
| } | |
| .confirmation .confirmation-backdrop { | |
| background: rgba(225, 225, 225, 0.7) !important; | |
| } | |
| .confirmation .confirmation-dialog { | |
| border: 0; | |
| border-radius: 4px; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| background: #f8f8f8; | |
| } | |
| .confirmation .confirmation-dialog .icon-container .icon { | |
| stroke: #5472d4; | |
| color: #5472d4; | |
| } | |
| .confirmation .confirmation-dialog .icon-container.info .icon { | |
| stroke: #FEBA57; | |
| color: #FEBA57; | |
| } | |
| .confirmation .confirmation-dialog .icon-container.success .icon { | |
| stroke: #50a1b1; | |
| color: #50a1b1; | |
| } | |
| .confirmation .confirmation-dialog .icon-container.warning .icon { | |
| stroke: #ee6f42; | |
| color: #ee6f42; | |
| } | |
| .confirmation .confirmation-dialog .icon-container.error .icon { | |
| stroke: #d12941; | |
| color: #d12941; | |
| } | |
| .confirmation .confirmation-dialog .content .title { | |
| color: #081449; | |
| } | |
| .confirmation .confirmation-dialog .content .message { | |
| color: #081449; | |
| } | |
| .confirmation .confirmation-dialog .footer { | |
| background: #eee; | |
| } | |
| .confirmation .confirmation-dialog .footer .confirmation-button { | |
| background-color: #5472d4; | |
| color: #FFF; | |
| } | |
| .confirmation .confirmation-dialog .footer .confirmation-button:hover, .confirmation .confirmation-dialog .footer .confirmation-button:focus, .confirmation .confirmation-dialog .footer .confirmation-button:active { | |
| background-color: #4061cf; | |
| } | |
| .modal-backdrop { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1040; | |
| background: #e1e1e1; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .modal-backdrop.show { | |
| opacity: 0.8; | |
| } | |
| .close { | |
| font-weight: 100; | |
| font-size: 32px; | |
| opacity: .6; | |
| text-shadow: none; | |
| color: #000000; | |
| } | |
| .close:hover, .close:focus, .close:active, .close:not(:disabled):not(.disabled):active, .close.visible { | |
| outline: none; | |
| box-shadow: none; | |
| opacity: .5; | |
| } | |
| .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { | |
| background-color: whitesmoke; | |
| border: 2px solid #ebebeb !important; | |
| border-radius: 4px; | |
| color: #081449; | |
| min-height: 36px; | |
| } | |
| .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__choice__remove, .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| color: #081449; | |
| font-weight: normal; | |
| margin-right: 7px; | |
| } | |
| .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__rendered:hover, .select2-container--default .select2-selection--single .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--single .select2-selection__rendered:hover { | |
| color: #081449; | |
| } | |
| .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--single .select2-selection__choice { | |
| background-color: #ffffff; | |
| border: 0; | |
| border-radius: 4px; | |
| color: #081449; | |
| padding: 0px 6px; | |
| font-size: .86em; | |
| } | |
| .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] { | |
| background-color: #f2f2f2; | |
| color: #081449; | |
| } | |
| .select2-container--default .select2-results__option[aria-selected=true]:hover, .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { | |
| background-color: #f2f2f2 !important; | |
| color: #081449 !important; | |
| } | |
| .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default:focus .select2-selection--multiple, .select2-container--default:focus .select2-selection--single, .select2-container--default.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--below .select2-selection--single { | |
| outline: none; | |
| box-shadow: none; | |
| } | |
| .custom-control-label::before { | |
| background-color: whitesmoke; | |
| border: 2px solid #ebebeb !important; | |
| } | |
| .select2-dropdown { | |
| background-color: whitesmoke; | |
| color: #081449; | |
| border: 0 !important; | |
| margin-top: -3px; | |
| } | |
| .select2-container--default .select2-search--dropdown .select2-search__field { | |
| border: 2px solid #f7f7f7 !important; | |
| border-radius: 4px; | |
| background: #fafafa; | |
| } | |
| .select2-container--default .select2-search--dropdown .select2-search__field:focus { | |
| color: #5472d4; | |
| border-color: rgba(84, 114, 212, 0.25) !important; | |
| box-shadow: 0 0 0.2rem #eee; | |
| outline: none; | |
| box-shadow: none; | |
| } | |
| .accordion h5 { | |
| color: #5472d4; | |
| display: block; | |
| padding: 12px 16px; | |
| font-size: 1.125em; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| margin: 0; | |
| } | |
| .accordion .card { | |
| margin-bottom: 0; | |
| border-radius: 4px; | |
| border: 2px solid #f7f7f7; | |
| box-shadow: none; | |
| } | |
| .accordion .card .card-header { | |
| border: 0; | |
| color: #081449; | |
| background-color: #ffffff; | |
| border-color: #fcfcfc; | |
| padding: 0; | |
| user-select: none; | |
| } | |
| .accordion .card .card-header .fa { | |
| margin-right: 10px; | |
| } | |
| .accordion .card .card-header .card-title, .accordion .card .card-header .btn-link { | |
| color: #000000; | |
| display: block; | |
| padding: 12px 16px; | |
| font-size: 1.125em; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| margin: 0; | |
| box-shadow: none; | |
| } | |
| .accordion .card .card-header .card-title:hover, .accordion .card .card-header .btn-link:hover { | |
| cursor: pointer; | |
| } | |
| .accordion .card .card-header .card-title:after, .accordion .card .card-header .btn-link:after { | |
| content: ""; | |
| position: relative; | |
| top: 1px; | |
| display: inline-block; | |
| font-weight: 600; | |
| font-size: 1.5em; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| float: right; | |
| transition: transform .25s linear; | |
| -webkit-transition: -webkit-transform .25s linear; | |
| color: #000000; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .accordion .card .card-header .card-title:after, .accordion .card .card-header .btn-link:after { | |
| position: absolute; | |
| top: 16px; | |
| right: 15px; | |
| font-size: 1em; | |
| } | |
| } | |
| .accordion .card .card-header .card-title[aria-expanded="true"]:after { | |
| content: "\2212"; | |
| -webkit-transform: rotate(180deg); | |
| transform: rotate(180deg); | |
| } | |
| .accordion .card .card-header .card-title[aria-expanded="false"]:after { | |
| content: "\002b"; | |
| -webkit-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| color: #bbb; | |
| } | |
| .tab-content { | |
| padding: 1.75rem; | |
| background: #ffffff; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .nav-tabs { | |
| background: #eee; | |
| border: 0; | |
| box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05); | |
| position: relative; | |
| z-index: 2; | |
| border-bottom-width: 2px; | |
| } | |
| .nav-tabs .nav-item { | |
| margin-bottom: 0; | |
| background: #eee; | |
| } | |
| .nav-tabs .nav-item:hover { | |
| background: rgba(255, 255, 255, 0.4); | |
| } | |
| .nav-tabs .nav-item:hover .nav-link { | |
| color: rgba(8, 20, 73, 0.8); | |
| border-width: 2px; | |
| } | |
| .nav-tabs .nav-item .nav-link { | |
| border: 0; | |
| padding: 1.25rem 1.75rem; | |
| border-radius: 0; | |
| color: rgba(8, 20, 73, 0.6); | |
| font-weight: 600; | |
| } | |
| .nav-tabs .nav-item .nav-link.active { | |
| color: #5472d4; | |
| background: #ffffff; | |
| } | |
| .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { | |
| color: #081449; | |
| background-color: white; | |
| border-color: white; | |
| } | |
| .nav-pills { | |
| padding: 1.75rem; | |
| border: 0; | |
| box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1); | |
| background: #ffffff; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .nav-pills .nav-item { | |
| margin-bottom: 0; | |
| border-radius: 4px; | |
| } | |
| .nav-pills .nav-item + .nav-item .nav-link { | |
| margin-left: 10px; | |
| } | |
| .nav-pills .nav-item:hover .nav-link { | |
| color: rgba(8, 20, 73, 0.8); | |
| background: rgba(255, 255, 255, 0.4); | |
| } | |
| .nav-pills .nav-item .nav-link { | |
| border: 2px solid #eee; | |
| padding: 0.5rem 1.75rem; | |
| border-radius: 0; | |
| color: rgba(8, 20, 73, 0.6); | |
| font-weight: 600; | |
| border-radius: 4px; | |
| } | |
| .nav-pills .nav-item .nav-link.active { | |
| border: 2px solid #5472d4; | |
| background: #5472d4; | |
| color: #fff; | |
| position: relative; | |
| } | |
| .nav-pills.flex-column { | |
| padding: 1.75rem; | |
| } | |
| .nav-pills.flex-column + .nav-item .nav-link { | |
| margin-left: 0px; | |
| } | |
| .nav-pills.flex-column .nav-link { | |
| border: 2px solid #eee; | |
| padding: 0.5rem 1rem; | |
| border-radius: 0; | |
| color: rgba(8, 20, 73, 0.6); | |
| font-weight: 600; | |
| border-radius: 4px; | |
| margin-bottom: .5rem; | |
| margin-left: 0 !important; | |
| } | |
| .nav-pills.flex-column .nav-link.active { | |
| border: 2px solid #5472d4; | |
| background: #5472d4; | |
| color: #fff; | |
| } | |
| .flag-icon.flag-icon-squared { | |
| width: 18px; | |
| height: 18px; | |
| border-radius: 50px; | |
| top: -2px; | |
| } | |
| .dropdown-divider { | |
| border-color: rgba(8, 20, 73, 0.1); | |
| } | |
| .bg-light { | |
| background-color: #fafafa !important; | |
| } | |
| /* ---------- BOOTSTRAP OVERRIDES - END */ | |
| /* ~ */ | |
| .list-group { | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .list-group .list-group-item { | |
| padding: 1.25rem 1.75rem; | |
| display: block; | |
| font-size: .9em; | |
| color: #081449; | |
| background: #ffffff; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| border-width: 0; | |
| margin: 0; | |
| } | |
| .list-group .list-group-item .fa-notification-icon { | |
| background: #eee; | |
| padding: 14px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| font-size: 18px; | |
| border-radius: 5px; | |
| } | |
| .list-group .list-group-item:hover { | |
| text-decoration: none; | |
| background: rgba(84, 114, 212, 0.04); | |
| } | |
| .list-group .list-group-item:hover .fa-notification-icon { | |
| color: #5472d4; | |
| padding: 14px; | |
| font-size: 18px; | |
| border-radius: 5px; | |
| } | |
| .list-group .list-group-item h5 { | |
| font-size: 1.2em; | |
| margin: 2px 0; | |
| } | |
| .list-group .list-group-item + .list-group-item { | |
| border-top-width: 1px; | |
| } | |
| .list-group .list-group-item.active, .list-group .list-group-item.selected { | |
| color: #fff; | |
| background: #5472d4; | |
| } | |
| .list-notifications .list-group { | |
| max-height: 352px; | |
| overflow-y: auto; | |
| margin: 20px 0; | |
| } | |
| .popover { | |
| font-size: 0.85rem; | |
| background-color: #ffffff; | |
| color: #081449; | |
| border: 0; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-radius: 4px; | |
| } | |
| .popover .popover-header { | |
| padding: 0.75rem 1rem; | |
| margin-bottom: 0; | |
| font-size: 0.95rem; | |
| background-color: #fafafa; | |
| border-bottom: 0; | |
| /*border-top-left-radius: calc($radius - 1px);*/ | |
| /*border-top-right-radius: calc($radius - 1px);*/ | |
| border-top-left-radius: 3px; | |
| border-top-right-radius: 3px; | |
| } | |
| .popover .popover-body { | |
| padding: 0.75rem 1rem 1rem; | |
| color: #081449; | |
| } | |
| .font-smaller { | |
| font-size: .9em; | |
| } | |
| .progress { | |
| background: #eee; | |
| } | |
| .progress-bar { | |
| background-color: #5472d4; | |
| } | |
| .abp-loading { | |
| background: rgba(225, 225, 225, 0.15); | |
| } | |
| .bg-brand { | |
| background-color: #5472d4 !important; | |
| } | |
| .bg-primary { | |
| background-color: #5472d4 !important; | |
| } | |
| .bg-secondary { | |
| background-color: #8191A6 !important; | |
| } | |
| .bg-success { | |
| background-color: #50a1b1 !important; | |
| } | |
| .bg-info { | |
| background-color: #FEBA57 !important; | |
| } | |
| .bg-warning { | |
| background-color: #ee6f42 !important; | |
| } | |
| .bg-danger { | |
| background-color: #d12941 !important; | |
| } | |
| .bg-light { | |
| background-color: 300 !important; | |
| } | |
| .bg-dark { | |
| /*background-color: !important;*/ | |
| } | |
| .text-brand { | |
| color: #5472d4 !important; | |
| } | |
| .text-primary { | |
| color: #5472d4 !important; | |
| } | |
| .text-secondary { | |
| color: #8191A6 !important; | |
| } | |
| .text-success { | |
| color: #50a1b1 !important; | |
| } | |
| .text-info { | |
| color: #FEBA57 !important; | |
| } | |
| .text-warning { | |
| color: #ee6f42 !important; | |
| } | |
| .text-danger { | |
| color: #d12941 !important; | |
| } | |
| .text-light { | |
| color: 300 !important; | |
| } | |
| .text-dark { | |
| /*color: !important;*/ | |
| } | |
| .border-brand { | |
| border-color: #5472d4 !important; | |
| } | |
| .border-primary { | |
| border-color: #5472d4 !important; | |
| } | |
| .border-secondary { | |
| border-color: #8191A6 !important; | |
| } | |
| .border-success { | |
| border-color: #50a1b1 !important; | |
| } | |
| .border-info { | |
| border-color: #FEBA57 !important; | |
| } | |
| .border-warning { | |
| border-color: #ee6f42 !important; | |
| } | |
| .border-danger { | |
| border-color: #d12941 !important; | |
| } | |
| .border-light { | |
| border-color: 300 !important; | |
| } | |
| .border-dark { | |
| /*border-color: !important;*/ | |
| } | |
| .badge-brand { | |
| background-color: #5472d4 !important; | |
| } | |
| .badge-primary { | |
| background-color: #5472d4 !important; | |
| } | |
| .badge-secondary { | |
| background-color: #8191A6 !important; | |
| } | |
| .badge-success { | |
| background-color: #50a1b1 !important; | |
| } | |
| .badge-info { | |
| background-color: #FEBA57 !important; | |
| } | |
| .badge-warning { | |
| background-color: #ee6f42 !important; | |
| } | |
| .badge-danger { | |
| background-color: #d12941 !important; | |
| } | |
| .badge-light { | |
| background-color: 300 !important; | |
| } | |
| .badge-dark { | |
| /*background-color: !important;*/ | |
| } | |
| .border { | |
| border: 1px solid rgba(8, 20, 73, 0.1) !important; | |
| } | |
| .border-bottom { | |
| border-bottom: 1px solid rgba(8, 20, 73, 0.1) !important; | |
| } | |
| .border-top { | |
| border-top: 1px solid rgba(8, 20, 73, 0.1) !important; | |
| } | |
| .border-left { | |
| border-left: 1px solid rgba(8, 20, 73, 0.1) !important; | |
| } | |
| .border-right { | |
| border-right: 1px solid rgba(8, 20, 73, 0.1) !important; | |
| } | |
| .font-size-xs { | |
| font-size: .9em; | |
| } | |
| .opacity-50 { | |
| opacity: .5; | |
| } | |
| .jstree-default .jstree-clicked, | |
| .jstree-default .jstree-wholerow-clicked { | |
| background: rgba(0, 0, 0, 0.1) !important; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .jstree-wholerow-ul .jstree-clicked { | |
| background: none !important; | |
| } | |
| .jstree-wholerow-ul .jstree-anchor { | |
| background: none !important; | |
| } | |
| .jstree-default .jstree-hovered, .jstree-default .jstree-wholerow-hovered { | |
| background: rgba(0, 0, 0, 0.05) !important; | |
| } | |
| .jstree-wholerow-hovered .jstree-anchor { | |
| background: none !important; | |
| } | |
| .vakata-context, .vakata-context ul { | |
| background: #ffffff; | |
| border: 2px solid #f7f7f7; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1), 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-radius: 2px; | |
| } | |
| .vakata-context li > a { | |
| color: #000000; | |
| text-shadow: 1px 1px 0 #eee; | |
| border-radius: 2px; | |
| } | |
| .vakata-context li > a:hover { | |
| background-color: rgba(84, 114, 212, 0.1); | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .vakata-context .vakata-context-hover > a { | |
| background-color: rgba(84, 114, 212, 0.1); | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { | |
| background: rgba(0, 0, 0, 0.2); | |
| border-top: 1px solid rgba(255, 255, 255, 0.5); | |
| border-left: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .vakata-context li > a .vakata-contextmenu-sep { | |
| border-left: 1px solid rgba(0, 0, 0, 0.1); | |
| background: rgba(0, 0, 0, 0.1); | |
| } | |
| .mw-65 { | |
| max-width: 65% !important; | |
| } | |
| .w-lp-auto { | |
| width: auto !important; | |
| } | |
| /* ~ */ | |
| .table-striped tbody tr:nth-of-type(odd) { | |
| background-color: #fafafa; | |
| } | |
| .table-bordered th, | |
| .table-bordered td { | |
| border-color: whitesmoke; | |
| } | |
| .table .thead-dark th { | |
| color: #081449; | |
| background-color: #f7f7f7; | |
| border-color: #ebebeb; | |
| } | |
| .table thead th { | |
| border-color: #ebebeb; | |
| } | |
| table { | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| caption { | |
| color: #081449; | |
| opacity: 0.6; | |
| } | |
| .table { | |
| color: #081449; | |
| } | |
| .table > thead > tr > th, | |
| .table > thead > tr > td, | |
| .table > tbody > tr > th, | |
| .table > tbody > tr > td, | |
| .table > tfoot > tr > th, | |
| .table > tfoot > tr > td { | |
| border-top: 1px solid whitesmoke; | |
| } | |
| .table > thead > tr > th { | |
| border-bottom: 2px solid whitesmoke; | |
| } | |
| .table > tbody + tbody { | |
| border-top: 1px solid whitesmoke; | |
| } | |
| .table .table { | |
| background-color: #eee; | |
| } | |
| .table.table-bordered { | |
| border: 1px solid whitesmoke; | |
| } | |
| .table.table-bordered > thead > tr > th, | |
| .table.table-bordered > thead > tr > td, | |
| .table.table-bordered > tbody > tr > th, | |
| .table.table-bordered > tbody > tr > td, | |
| .table.table-bordered > tfoot > tr > th, | |
| .table.table-bordered > tfoot > tr > td { | |
| border: 1px solid #ebebeb; | |
| } | |
| .table.table-bordered > thead > tr > th, | |
| .table.table-bordered > thead > tr > td { | |
| border-bottom-width: 1px !important; | |
| } | |
| .table.table-striped > tbody > tr:nth-of-type(odd) { | |
| background-color: whitesmoke; | |
| } | |
| .table.table-dark { | |
| color: #ffffff; | |
| background-color: #06103b; | |
| border-color: #040a24; | |
| } | |
| .table.table-dark > thead > tr > th, | |
| .table.table-dark > thead > tr > td, | |
| .table.table-dark > tbody > tr > th, | |
| .table.table-dark > tbody > tr > td, | |
| .table.table-dark > tfoot > tr > th, | |
| .table.table-dark > tfoot > tr > td { | |
| border-color: #020512; | |
| } | |
| .table.table-dark.table-striped > thead > tr > th, | |
| .table.table-dark.table-striped > thead > tr > td, | |
| .table.table-dark.table-striped > tbody > tr > th, | |
| .table.table-dark.table-striped > tbody > tr > td, | |
| .table.table-dark.table-striped > tfoot > tr > th, | |
| .table.table-dark.table-striped > tfoot > tr > td { | |
| border-color: #020512; | |
| } | |
| .table.table-dark.table-striped > tbody > tr:nth-of-type(odd) { | |
| background-color: #040a24; | |
| border-color: #040a24; | |
| } | |
| .table-hover > tbody > tr:hover { | |
| background-color: white; | |
| } | |
| .table-info, | |
| .table-info > th, | |
| .table-info > td, | |
| .table-danger, | |
| .table-danger > th, | |
| .table-danger > td, | |
| .table-warning, | |
| .table-warning > th, | |
| .table-warning > td, | |
| .table-success, | |
| .table-success > th, | |
| .table-success > td { | |
| color: #333; | |
| } | |
| /* ---------- DATATABLES - START */ | |
| .dataTables_wrapper .btn:hover, .dataTables_wrapper .btn:focus, .dataTables_wrapper .btn:active, .dataTables_wrapper .btn:not(:disabled):not(.disabled):active { | |
| color: #fff; | |
| background-color: #3154c4; | |
| border-color: #3154c4; | |
| } | |
| table.dataTable thead > tr > th.sorting_asc, | |
| table.dataTable thead > tr > th.sorting_desc, | |
| table.dataTable thead > tr > th.sorting, | |
| table.dataTable thead > tr > td.sorting_asc, | |
| table.dataTable thead > tr > td.sorting_desc, | |
| table.dataTable thead > tr > td.sorting { | |
| padding-right: 20px; | |
| } | |
| .dataTables_wrapper { | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-radius: 4px; | |
| padding: 0; | |
| } | |
| .card .dataTables_wrapper { | |
| box-shadow: none; | |
| border-radius: 0; | |
| padding: 0; | |
| /*margin-left: -$grid; | |
| margin-right: -$grid; | |
| margin-bottom: -$grid; | |
| margin-top: -$grid; | |
| width: calc( 100% + 49px );*/ | |
| border: 1px solid #ffffff; | |
| border-width: 0 1px; | |
| } | |
| .dataTables_scrollBody { | |
| min-height: 245px; | |
| } | |
| table.dataTable { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| table.dataTable thead th, | |
| table.dataTable tfoot th { | |
| padding: 0.75rem 1rem; | |
| font-size: 0.9em; | |
| color: rgba(0, 0, 0, 0.5); | |
| vertical-align: bottom; | |
| line-height: 1.25; | |
| border-bottom: 1px solid #f2f2f2; | |
| font-weight: 600; | |
| background: #ffffff; | |
| } | |
| table.dataTable thead th:after, table.dataTable thead th:before, | |
| table.dataTable tfoot th:after, | |
| table.dataTable tfoot th:before { | |
| opacity: 0.4 !important; | |
| font-weight: 900; | |
| margin-top: -1px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| table.dataTable thead th:hover:after, table.dataTable thead th:hover:before, | |
| table.dataTable tfoot th:hover:after, | |
| table.dataTable tfoot th:hover:before { | |
| opacity: 0.8 !important; | |
| font-weight: 900; | |
| } | |
| table.dataTable thead th.sorting_asc:before, | |
| table.dataTable tfoot th.sorting_asc:before { | |
| color: #5472d4; | |
| opacity: 1 !important; | |
| } | |
| table.dataTable thead th.sorting_desc:after, | |
| table.dataTable tfoot th.sorting_desc:after { | |
| color: #5472d4; | |
| opacity: 1 !important; | |
| } | |
| table.dataTable thead tr th { | |
| border-top: 0; | |
| } | |
| table.dataTable thead tr th input[type="text"] { | |
| border: 0; | |
| background: #ffffff; | |
| margin: -1rem; | |
| width: calc(100% + 1.6rem); | |
| padding: 0 1rem; | |
| height: 25px; | |
| font-size: 0.9em; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| opacity: 0.5; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| table.dataTable thead tr th input[type="text"]:focus { | |
| opacity: 1; | |
| outline: none; | |
| box-shadow: none; | |
| background: #fff; | |
| } | |
| table.dataTable thead tr:last-child th { | |
| border-bottom: 2px solid #f7f7f7; | |
| } | |
| table.dataTable tbody tr { | |
| transition: 700ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| background: #ffffff; | |
| z-index: 1; | |
| } | |
| table.dataTable tbody tr:hover td { | |
| border-bottom-color: rgba(84, 114, 212, 0.25); | |
| } | |
| table.dataTable tbody tr td { | |
| padding: 0 1rem; | |
| vertical-align: middle; | |
| height: 48px; | |
| transition: 700ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| border-bottom: 1px solid #f2f2f2; | |
| border-top: 0; | |
| color: rgba(0, 0, 0, 0.7); | |
| } | |
| table.dataTable tbody tr td .btn { | |
| padding: 3px 7px !important; | |
| font-size: 0.9em !important; | |
| } | |
| table.dataTable tbody tr td.sorting_1 { | |
| color: #000000; | |
| } | |
| table.dataTable tfoot th { | |
| border-top: 1px solid #e5e5e5; | |
| border-bottom: 0; | |
| vertical-align: baseline; | |
| } | |
| table.dataTable .form-control, | |
| table.dataTable .custom-select { | |
| border-width: 1px !important; | |
| } | |
| .table-col-sm { | |
| width: 40px; | |
| } | |
| .paginate_button.page-item { | |
| margin-left: 1px; | |
| } | |
| .paginate_button.page-item a.page-link { | |
| padding: 6px 10px !important; | |
| border-radius: 4px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| border: 0 !important; | |
| background: none; | |
| min-width: 27px; | |
| text-align: center; | |
| color: #081449; | |
| } | |
| .paginate_button.page-item a.page-link:hover { | |
| background: #f2f2f2; | |
| } | |
| .paginate_button.page-item.active a.page-link { | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15); | |
| background: #5472d4; | |
| color: #fff; | |
| } | |
| .paginate_button.page-item.previous a.page-link, .paginate_button.page-item.next a.page-link { | |
| border: 0; | |
| color: #081449; | |
| background: none; | |
| } | |
| .paginate_button.page-item.previous.disabled a.page-link, .paginate_button.page-item.next.disabled a.page-link { | |
| opacity: 0.4; | |
| } | |
| .dataTables_filter { | |
| background: #ffffff; | |
| padding: 0.75rem; | |
| } | |
| .dataTables_filter label { | |
| margin: 0; | |
| font-size: 0.8em; | |
| font-weight: bold !important; | |
| color: rgba(0, 0, 0, 0.5); | |
| text-transform: uppercase; | |
| } | |
| .dataTable_footer { | |
| background: #ffffff; | |
| color: rgba(8, 20, 73, 0.75); | |
| margin: 0 !important; | |
| min-height: 48px; | |
| border-top: 2px solid #f7f7f7; | |
| } | |
| .dataTables_paginate, | |
| .dataTables_info, | |
| .dataTables_length { | |
| margin: 0; | |
| padding: 0.5rem 0.25rem !important; | |
| font-size: 0.9em !important; | |
| } | |
| .dataTables_info { | |
| line-height: 32px; | |
| opacity: 0.5; | |
| font-size: 0.9em !important; | |
| } | |
| .dataTables_length { | |
| margin: 2px 0; | |
| font-size: 0.9em !important; | |
| } | |
| .dataTables_length label { | |
| margin: 0 !important; | |
| } | |
| td.dataTables_empty { | |
| padding: 2rem !important; | |
| } | |
| .dataTable tbody tr td div.dropdown ul.dropdown-menu li:hover { | |
| background: #fcfcfc; | |
| } | |
| td.details-control { | |
| cursor: pointer; | |
| font-family: 'Font Awesome\ 5 Free'; | |
| font-weight: 900; | |
| } | |
| td.details-control:before { | |
| /* fa-plus*/ | |
| content: "\f067"; | |
| } | |
| tr.shown td.details-control { | |
| font-family: 'Font Awesome\ 5 Free'; | |
| font-weight: 900; | |
| } | |
| tr.shown td.details-control:before { | |
| /*fa-minus*/ | |
| content: "\f068"; | |
| } | |
| /* ---------- DATATABLES - END */ | |
| /* ~ */ | |
| /* --------------- PRIMENG TABLES */ | |
| /* Sections */ | |
| /* Paginator */ | |
| /* Scrollable */ | |
| /* Frozen Columns */ | |
| /* Resizable */ | |
| /* Edit */ | |
| /* Reorder */ | |
| /* Responsive */ | |
| /* Loader */ | |
| .ui-table { | |
| position: relative; | |
| } | |
| .ui-table table { | |
| border-collapse: collapse; | |
| width: 100%; | |
| table-layout: fixed; | |
| } | |
| .ui-table .ui-table-thead > tr > th { | |
| padding: 0.25em 0.5em; | |
| } | |
| .ui-table .ui-table-tbody > tr > td { | |
| padding: 0.25em 0.5em; | |
| } | |
| .ui-table .ui-table-tbody > tr > td.ui-editing-cell { | |
| padding: 0; | |
| } | |
| .ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor > * { | |
| width: 100%; | |
| } | |
| .ui-table .ui-table-tfoot > tr > td { | |
| padding: 0.25em 0.5em; | |
| } | |
| .ui-table .ui-sortable-column { | |
| cursor: pointer; | |
| } | |
| .ui-table p-sorticon { | |
| vertical-align: middle; | |
| } | |
| .ui-table .ui-column-resizer { | |
| display: block; | |
| position: absolute !important; | |
| top: 0; | |
| right: 0; | |
| margin: 0; | |
| width: 0.5em; | |
| height: 100%; | |
| padding: 0px; | |
| cursor: col-resize; | |
| border: 1px solid transparent; | |
| } | |
| .ui-table .ui-column-resizer-helper { | |
| width: 1px; | |
| position: absolute; | |
| z-index: 10; | |
| display: none; | |
| } | |
| .ui-table .ui-table-loading-icon { | |
| font-size: 2em; | |
| } | |
| .ui-table .pagination-wrapper { | |
| background-color: #ffffff; | |
| border: 1px solid #f2f2f2; | |
| } | |
| .ui-table .pagination-wrapper .page-link { | |
| color: #081449; | |
| } | |
| .ui-table .pagination-wrapper .page-link:hover { | |
| background-color: #f2f2f2; | |
| color: #081449; | |
| } | |
| .ui-table .pagination-wrapper .page-item.active .page-link { | |
| background-color: #5472d4; | |
| color: #ffffff; | |
| } | |
| .ui-table-auto-layout > .ui-table-wrapper { | |
| overflow-x: auto; | |
| } | |
| .ui-table-auto-layout > .ui-table-wrapper > table { | |
| table-layout: auto; | |
| } | |
| .ui-table-caption { | |
| padding: 0.25em 0.5em; | |
| text-align: center; | |
| font-weight: bold; | |
| border-bottom: 0 none; | |
| } | |
| .ui-table-summary { | |
| padding: 0.25em 0.5em; | |
| text-align: center; | |
| font-weight: bold; | |
| border-top: 0 none; | |
| } | |
| .ui-table-scrollable-wrapper { | |
| position: relative; | |
| } | |
| .ui-table-scrollable-header { | |
| overflow: hidden; | |
| border: 0 none; | |
| } | |
| .ui-table-scrollable-footer { | |
| overflow: hidden; | |
| border: 0 none; | |
| } | |
| .ui-table-scrollable-body { | |
| overflow: auto; | |
| position: relative; | |
| } | |
| .ui-table-virtual-table { | |
| position: absolute; | |
| } | |
| .ui-table-loading-virtual-table { | |
| display: none; | |
| } | |
| .ui-table-frozen-view .ui-table-scrollable-body { | |
| overflow: hidden; | |
| } | |
| .ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child { | |
| border-right: 0 none; | |
| } | |
| .ui-table-unfrozen-view { | |
| position: absolute; | |
| top: 0px; | |
| } | |
| .ui-table-resizable > .ui-table-wrapper { | |
| overflow-x: auto; | |
| } | |
| .ui-table-resizable .ui-table-thead > tr > th { | |
| overflow: hidden; | |
| } | |
| .ui-table-resizable .ui-table-tfoot > tr > td { | |
| overflow: hidden; | |
| } | |
| .ui-table-resizable .ui-table-tbody > tr > td { | |
| overflow: hidden; | |
| } | |
| .ui-table-resizable .ui-resizable-column { | |
| background-clip: padding-box; | |
| position: relative; | |
| } | |
| .ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer { | |
| display: none; | |
| } | |
| .ui-table-reorder-indicator-up { | |
| position: absolute; | |
| display: none; | |
| } | |
| .ui-table-reorder-indicator-down { | |
| position: absolute; | |
| display: none; | |
| } | |
| .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title { | |
| display: none; | |
| } | |
| .ui-table-loading { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; | |
| opacity: 0.1; | |
| z-index: 1; | |
| } | |
| .ui-table-loading-content { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| z-index: 2; | |
| margin-top: -1em; | |
| margin-left: -1em; | |
| } | |
| body .ui-table .ui-table-caption { | |
| background-color: whitesmoke; | |
| color: #081449; | |
| border: 1px solid #ebebeb; | |
| padding: 0.571em 1em; | |
| text-align: center; | |
| border-bottom: 0 none; | |
| font-weight: 700; | |
| } | |
| body .ui-table .ui-table-summary { | |
| background-color: whitesmoke; | |
| color: #081449; | |
| border: 1px solid #ebebeb; | |
| padding: 0.571em 1em; | |
| text-align: center; | |
| border-top: 0 none; | |
| font-weight: 700; | |
| } | |
| body .ui-table .ui-table-thead > tr > th { | |
| padding: 0.571em 0.857em; | |
| border: 1px solid #ebebeb; | |
| font-weight: 700; | |
| color: #081449; | |
| background-color: whitesmoke; | |
| } | |
| body .ui-table .ui-table-tbody > tr { | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| body .ui-table .ui-table-tbody > tr > td, | |
| body .ui-table .ui-table-tbody > tr .empty-row-content { | |
| padding: 0.571em 0.857em; | |
| background-color: inherit; | |
| border: 1px solid #ebebeb; | |
| } | |
| body .ui-table .ui-table-tbody > tr:nth-child(even) { | |
| background-color: #fafafa; | |
| } | |
| body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight { | |
| background-color: #ebebeb; | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a { | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected { | |
| background-color: #ebebeb; | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-table-tbody > tr.ui-state-highlight { | |
| background-color: #ebebeb; | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-table-tbody > tr.ui-state-highlight a { | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected { | |
| background-color: #ebebeb; | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td { | |
| -webkit-box-shadow: inset 0 2px 0 0 #007ad9; | |
| -moz-box-shadow: inset 0 2px 0 0 #007ad9; | |
| box-shadow: inset 0 2px 0 0 #007ad9; | |
| } | |
| body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td { | |
| -webkit-box-shadow: inset 0 -2px 0 0 #007ad9; | |
| -moz-box-shadow: inset 0 -2px 0 0 #007ad9; | |
| box-shadow: inset 0 -2px 0 0 #007ad9; | |
| } | |
| body .ui-table .ui-table-tfoot > tr > td { | |
| padding: 0.571em 0.857em; | |
| border: 1px solid #ebebeb; | |
| font-weight: 700; | |
| color: #081449; | |
| background-color: #ffffff; | |
| } | |
| body .ui-table .ui-sortable-column .ui-sortable-column-icon { | |
| color: #0c1e6e; | |
| } | |
| body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover { | |
| background-color: #ebebeb; | |
| color: #081449; | |
| } | |
| body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon { | |
| color: #081449; | |
| } | |
| body .ui-table .ui-sortable-column.ui-state-highlight { | |
| background-color: #ebebeb; | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon { | |
| color: #ffffff; | |
| } | |
| body .ui-table .ui-editable-column input { | |
| font-size: 14px; | |
| font-family: "Poppins", sans-serif; | |
| } | |
| body .ui-table .ui-editable-column input:focus { | |
| outline: 1px solid #e0e0e0; | |
| outline-offset: 2px; | |
| } | |
| body .ui-table .ui-column-resizer-helper { | |
| background-color: #ebebeb; | |
| } | |
| body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover { | |
| cursor: pointer; | |
| background-color: #e6e6e6; | |
| color: #081449; | |
| } | |
| @media screen and (max-width: 40em) { | |
| .ui-table-responsive .ui-table-thead > tr > th { | |
| display: none !important; | |
| } | |
| .ui-table-responsive .ui-table-tfoot > tr > td { | |
| display: none !important; | |
| } | |
| .ui-table-responsive .ui-table-tbody > tr > td { | |
| text-align: left; | |
| display: block; | |
| border: 0 none; | |
| width: 100% !important; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| clear: left; | |
| } | |
| .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title { | |
| padding: 0.4em; | |
| min-width: 30%; | |
| display: inline-block; | |
| margin: -0.4em 1em -0.4em -0.4em; | |
| font-weight: bold; | |
| } | |
| body .ui-table.ui-table-responsive .ui-table-tbody > tr > td { | |
| border: 0 none; | |
| } | |
| } | |
| .abp-confirm .abp-confirm-footer { | |
| background: #ffffff; | |
| } | |
| .abp-confirm .ui-toast-message-content { | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-error { | |
| border: 2px solid #d12941; | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-message-content .ui-toast-icon { | |
| color: #d12941; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-warn { | |
| border: 2px solid #ee6f42; | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-message-content .ui-toast-icon { | |
| color: #ee6f42; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-success { | |
| border: 2px solid #50a1b1; | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-message-content .ui-toast-icon { | |
| color: #50a1b1; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-info { | |
| border: 2px solid #FEBA57; | |
| background-color: #ffffff; | |
| color: #081449; | |
| } | |
| body abp-toast .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-message-content .ui-toast-icon { | |
| color: #FEBA57; | |
| } | |
| abp-toast .ui-toast-close-icon { | |
| color: #081449 !important; | |
| } | |
| abp-loader-bar .abp-progress { | |
| background-color: #5472d4 !important; | |
| } | |
| /* ~ */ | |
| /* ---------- HEADER STYLES - START */ | |
| header { | |
| background: rgba(0, 0, 0, 0.075); | |
| color: #ffffff; | |
| background-attachment: fixed; | |
| background-size: cover; | |
| position: fixed; | |
| left: 0; | |
| top: 0; | |
| right: 0; | |
| z-index: 102; | |
| transition: all .3s; | |
| /* ---------- ---------- HEADER TOOLBAR STYLES - START */ | |
| /* ---------- ---------- HEADER TOOLBAR STYLES - END */ | |
| } | |
| header .toolbar-nav { | |
| padding-right: 10px; | |
| font-size: .95em; | |
| } | |
| header .toolbar-nav > .nav-item > .dropdown > .btn i { | |
| opacity: .35; | |
| transition: all .2s; | |
| } | |
| header .toolbar-nav > .nav-item > .dropdown > .btn span { | |
| opacity: .7; | |
| transition: all .2s; | |
| } | |
| header .toolbar-nav > .nav-item > .dropdown > .btn:hover i { | |
| color: #5472d4; | |
| opacity: 1; | |
| } | |
| header .toolbar-nav > .nav-item > .dropdown > .btn:hover span { | |
| opacity: 1; | |
| } | |
| header .toolbar-nav .btn { | |
| position: relative; | |
| height: 48px; | |
| line-height: 36px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| box-shadow: none; | |
| border: 0; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| color: #081449; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| header .toolbar-nav .btn { | |
| height: 44px; | |
| line-height: 24px; | |
| color: #000000 !important; | |
| } | |
| header .toolbar-nav .btn .fa { | |
| width: 44px; | |
| height: 32px; | |
| line-height: 1.8; | |
| vertical-align: middle; | |
| font-size: 16px; | |
| opacity: .5; | |
| } | |
| header .toolbar-nav .btn img { | |
| width: 24px; | |
| height: 24px; | |
| opacity: .5; | |
| margin: 0 10px; | |
| } | |
| header .toolbar-nav .btn .flag-icon { | |
| width: 24px; | |
| height: 24px; | |
| margin: 0 10px; | |
| top: -6px; | |
| } | |
| header .toolbar-nav .btn span { | |
| font-size: .96em; | |
| opacity: .8; | |
| } | |
| } | |
| header .toolbar-nav .btn:hover, header .toolbar-nav .btn:focus, header .toolbar-nav .btn:active, header .toolbar-nav .btn:visited { | |
| outline: none; | |
| box-shadow: none; | |
| } | |
| header .toolbar-nav .btn.dropdown-toggle:after { | |
| display: none; | |
| } | |
| header .toolbar-nav .dropdown-menu { | |
| background: white !important; | |
| } | |
| header .toolbar-nav .dropdown-menu.search-dropdown { | |
| padding: 2px !important; | |
| } | |
| header .toolbar-nav .dropdown-menu.search-dropdown .btn { | |
| height: 31px; | |
| line-height: 1; | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications { | |
| min-width: 400px; | |
| background: #ffffff; | |
| padding: 20px !important; | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group { | |
| max-height: 352px; | |
| overflow-y: auto; | |
| margin: 20px 0; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item { | |
| padding: 0; | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a { | |
| padding: 20px; | |
| display: block; | |
| font-size: .9em; | |
| color: #081449; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a .fa-notification-icon { | |
| background: #eee; | |
| padding: 14px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| font-size: 18px; | |
| border-radius: 5px; | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a:hover { | |
| text-decoration: none; | |
| background: rgba(255, 255, 255, 0.5); | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a:hover .fa-notification-icon { | |
| color: #5472d4; | |
| padding: 14px; | |
| font-size: 18px; | |
| border-radius: 5px; | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a h5 { | |
| font-size: 1.2em; | |
| margin: 2px 0; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| header .toolbar-nav .dropdown-menu { | |
| margin: 5px 30px 20px; | |
| border-radius: 4px; | |
| } | |
| header .toolbar-nav .dropdown-menu.dropdown-menu-notifications { | |
| min-width: auto; | |
| background: #ffffff; | |
| } | |
| header .toolbar-nav .dropdown-menu.search-dropdown .btn { | |
| padding: 3px 10px 2px; | |
| color: #081449; | |
| background: #ffffff; | |
| } | |
| header .toolbar-nav .dropdown-menu.search-dropdown .btn .fa { | |
| color: #081449; | |
| width: auto; | |
| opacity: 1; | |
| } | |
| } | |
| header .toolbar-nav .dropdown-menu .btn { | |
| height: auto; | |
| color: #fff; | |
| line-height: 26px; | |
| } | |
| header .toolbar-nav > li > .btn, header .toolbar-nav > li > .btn-group > .btn { | |
| background: none; | |
| } | |
| header .toolbar-nav > li > .btn:hover, header .toolbar-nav > li > .btn:active, header .toolbar-nav > li > .btn:visited, header .toolbar-nav > li > .btn:focus, header .toolbar-nav > li > .btn-group > .btn:hover, header .toolbar-nav > li > .btn-group > .btn:active, header .toolbar-nav > li > .btn-group > .btn:visited, header .toolbar-nav > li > .btn-group > .btn:focus { | |
| background: none; | |
| } | |
| header .search-dropdown { | |
| min-width: 300px; | |
| padding: 10px; | |
| } | |
| header .user-avatar { | |
| border-radius: 100%; | |
| width: 24px; | |
| height: 24px; | |
| margin-top: -1px; | |
| } | |
| header .user-avatar-big { | |
| margin: 0; | |
| width: 44px; | |
| height: 44px; | |
| border-radius: 100%; | |
| } | |
| header body.lp-topmenu .toolbar-nav { | |
| margin-top: 5px !important; | |
| margin-bottom: -5px !important; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| header .user-nav-mobile { | |
| background: #ffffff; | |
| top: 60px; | |
| } | |
| header .user-nav-mobile .toolbar-nav { | |
| padding: 5px; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) { | |
| header { | |
| background: #ffffff; | |
| height: 60px; | |
| } | |
| } | |
| header .navbar { | |
| padding: 0; | |
| } | |
| .scrolled:not(.lp-topmenu) header { | |
| background: #ffffff; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| body.lp-topmenu header { | |
| background: #171d35; | |
| background: linear-gradient(7deg, #324169, #171d35); | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| color: #ffffff; | |
| min-height: 63px; | |
| } | |
| body.lp-topmenu header .toolbar-nav .btn { | |
| color: #ffffff; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| body.lp-topmenu header .toolbar-nav .btn { | |
| color: #000000 !important; | |
| } | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu { | |
| background: #ffffff !important; | |
| color: #000000; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications { | |
| background: #ffffff; | |
| color: #000000; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group { | |
| background: #ffffff; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item { | |
| border-color: #f2f2f2; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a { | |
| background: #f7f7f7; | |
| color: #000000; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a .fa-notification-icon { | |
| background: #ffffff; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a:hover { | |
| background: #fcfcfc; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications .list-group .list-group-item a:hover .fa-notification-icon { | |
| color: #113059; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.dropdown-menu-notifications { | |
| background: #ffffff; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.search-dropdown .btn { | |
| color: #000000; | |
| background: #ffffff; | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu.search-dropdown .btn .fa { | |
| color: #000000; | |
| } | |
| } | |
| body.lp-topmenu header .toolbar-nav .dropdown-menu .btn { | |
| color: #000000; | |
| } | |
| .nav-mobile { | |
| position: absolute; | |
| right: 15px; | |
| top: 15px; | |
| } | |
| /* ---------- HEADER STYLES - END */ | |
| /* ~ */ | |
| /* ~ */ | |
| /* ---------- CONTENT STYLES - START */ | |
| /* ---------- CONTENT STYLES - END */ | |
| /* ~ */ | |
| /* ~ */ | |
| /* ---------- FOOTER STYLES - START */ | |
| .lp-footer { | |
| font-size: .9em; | |
| color: #000000; | |
| background: rgba(0, 0, 0, 0.075); | |
| padding: 16px; | |
| transition: .2s all; | |
| height: 52px; | |
| opacity: .75; | |
| } | |
| .lp-footer a { | |
| color: #000000; | |
| opacity: .6; | |
| } | |
| .lp-footer a.btn-link { | |
| color: #000000; | |
| } | |
| .lp-footer a:hover { | |
| opacity: 1; | |
| text-decoration: none; | |
| } | |
| .lp-footer span.text-muted { | |
| opacity: .15; | |
| } | |
| .stickyFooter { | |
| padding-bottom: 60px; | |
| } | |
| .stickyFooter .lp-footer { | |
| position: fixed; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| top: auto; | |
| z-index: 1; | |
| } | |
| /* ---------- FOOTER STYLES - END */ | |
| /* ~ */ | |
| /* ~ */ | |
| /* ---------- MAIN MENU STYLES - START */ | |
| .lp-opened-sidebar .lp-sidebar, .lp-closed .lp-sidebar { | |
| position: fixed; | |
| width: 264px; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 103; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| background: #ffffff; | |
| background: #ffffff; | |
| box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-opened-sidebar .lp-sidebar, .lp-closed .lp-sidebar { | |
| position: relative; | |
| width: 100%; | |
| top: 60px; | |
| } | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-wrapper, .lp-closed .lp-sidebar .lp-sidebar-wrapper { | |
| position: absolute !important; | |
| left: 0; | |
| top: 54px; | |
| padding: 10px 0px; | |
| width: 100%; | |
| height: calc(100vh - 54px); | |
| overflow-y: auto; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-wrapper, .lp-closed .lp-sidebar .lp-sidebar-wrapper { | |
| position: relative !important; | |
| width: 100%; | |
| top: auto; | |
| bottom: auto; | |
| left: auto; | |
| height: calc(100vh - 60px); | |
| padding: 20px 0; | |
| } | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul, .lp-closed .lp-sidebar .lp-sidebar-navi ul { | |
| padding: 0; | |
| margin: 0; | |
| list-style: none; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li, .lp-closed .lp-sidebar .lp-sidebar-navi ul li { | |
| margin: 5px 10px; | |
| border-radius: 4px; | |
| display: block; | |
| position: relative; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a { | |
| text-decoration: none; | |
| position: relative; | |
| line-height: 44px; | |
| height: 44px; | |
| padding: 0px 15px; | |
| display: table; | |
| white-space: nowrap; | |
| width: 100%; | |
| color: #000000; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a .lp-text, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a .lp-text { | |
| position: relative; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| max-width: 176px; | |
| font-size: .96em; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| opacity: .7; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a > span, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a > span { | |
| display: table-cell; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a > span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a > span.lp-icon { | |
| width: 32px; | |
| height: 32px; | |
| line-height: 1; | |
| vertical-align: middle; | |
| font-size: 16px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| opacity: .35; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a > span.lp-arrow-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a > span.lp-arrow-icon { | |
| width: 14px; | |
| height: 24px; | |
| font-size: .7em; | |
| text-align: center; | |
| line-height: 1; | |
| vertical-align: middle; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| position: relative; | |
| opacity: .2; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a:hover, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a:hover { | |
| opacity: 1; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon { | |
| color: #feba57; | |
| opacity: 1; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-text, .lp-closed .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-text { | |
| opacity: 1; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > a > span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > a > span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > a > span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > a > span.lp-icon { | |
| color: #feba57; | |
| opacity: 1; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > a > span.lp-text, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > a > span.lp-text, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > a > span.lp-text, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > a > span.lp-text { | |
| opacity: 1; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > a > .lp-arrow-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > a > .lp-arrow-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > a > .lp-arrow-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > a > .lp-arrow-icon { | |
| transform: rotate(180deg); | |
| transform-origin: 50% 50%; | |
| opacity: .9; | |
| color: #feba57; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > ul .current > a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > ul .active-page > a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .current > a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .active-page > a, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > ul .current > a, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > ul .active-page > a, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .current > a, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .active-page > a { | |
| opacity: 1; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > ul .current > a:before, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > ul .active-page > a:before, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .current > a:before, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .active-page > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > ul .current > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > ul .active-page > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .current > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .active-page > a:before { | |
| content: ""; | |
| width: 8px; | |
| height: 8px; | |
| border: 2px solid #feba57; | |
| border-radius: 8px; | |
| position: absolute; | |
| top: 11px; | |
| margin-left: -20px; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > ul .current > a:before, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current > ul .active-page > a:before, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .current > a:before, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .active-page > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > ul .current > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current > ul .active-page > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .current > a:before, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page > ul .active-page > a:before { | |
| top: 15px; | |
| } | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.current, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.active-page, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.current, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.active-page { | |
| background: rgba(0, 0, 0, 0.075); | |
| color: #feba57; | |
| box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.current > a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.current > a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a { | |
| /* outer menu selected styles */ | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.current > a > .lp-text, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a > .lp-text, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.current > a > .lp-text, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a > .lp-text { | |
| padding-left: 0px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.current > a > .lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a > .lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.current > a > .lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a > .lp-icon { | |
| opacity: 1; | |
| color: #feba57; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul { | |
| display: none; | |
| font-size: .96em; | |
| padding-bottom: 5px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li { | |
| margin-right: 0 !important; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li a { | |
| line-height: 32px; | |
| height: 32px; | |
| padding-left: 37px; | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li a { | |
| line-height: 40px; | |
| height: 40px; | |
| } | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li ul li a { | |
| padding-left: 47px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li a { | |
| padding-left: 57px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li a { | |
| padding-left: 67px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li ul li a { | |
| padding-left: 77px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li ul li ul li a, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li ul li ul li a { | |
| padding-left: 87px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi > ul ul span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi > ul ul span.lp-icon { | |
| display: none; | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header, .lp-closed .lp-sidebar-header { | |
| width: 264px; | |
| height: 72px; | |
| padding: 24px 15px; | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-opened-sidebar .lp-sidebar-header, .lp-closed .lp-sidebar-header { | |
| display: none; | |
| } | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .navbar-brand, .lp-closed .lp-sidebar-header .navbar-brand { | |
| display: inline-block; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| margin-left: 50px; | |
| margin-right: 0; | |
| font-size: 1.5em; | |
| font-weight: 600; | |
| background-size: cover; | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar, .lp-closed .lp-sidebar-header .lp-toggle-sidebar { | |
| display: inline-block; | |
| cursor: pointer; | |
| z-index: 10; | |
| position: absolute; | |
| top: 0px; | |
| left: 19px; | |
| width: 32px; | |
| height: 60px; | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar i, .lp-closed .lp-sidebar-header .lp-toggle-sidebar i { | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| position: absolute; | |
| top: 25px; | |
| left: 7px; | |
| font-size: 16px; | |
| opacity: .35; | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar .lp-open-icon, .lp-closed .lp-sidebar-header .lp-toggle-sidebar .lp-open-icon { | |
| transform: scale(1); | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar .lp-close-icon, .lp-closed .lp-sidebar-header .lp-toggle-sidebar .lp-close-icon { | |
| transform: scale(0); | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar { | |
| position: fixed; | |
| width: 264px; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 103; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| background: #ffffff; | |
| box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| } | |
| @media only screen and (max-width: 991px) and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar { | |
| position: relative; | |
| width: 100%; | |
| top: auto; | |
| bottom: auto; | |
| left: auto; | |
| transition: none; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper { | |
| position: absolute; | |
| left: 0; | |
| top: 72px; | |
| padding: 10px 0px; | |
| width: 100%; | |
| height: 100%; | |
| overflow-y: auto; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper { | |
| position: relative; | |
| width: 100%; | |
| top: auto; | |
| bottom: auto; | |
| left: auto; | |
| height: calc(100vh - 60px); | |
| padding: 20px 0; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul { | |
| padding: 0; | |
| margin: 0; | |
| list-style: none; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li { | |
| margin: 5px 10px; | |
| border-radius: 4px; | |
| display: block; | |
| position: relative; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a { | |
| text-decoration: none; | |
| position: relative; | |
| line-height: 44px; | |
| height: 44px; | |
| padding: 0px 15px; | |
| display: table; | |
| white-space: nowrap; | |
| width: 100%; | |
| color: #000000; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a .lp-text { | |
| position: relative; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| max-width: 176px; | |
| font-size: .96em; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a > span { | |
| display: table-cell; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a > span.lp-icon { | |
| width: 32px; | |
| height: 32px; | |
| line-height: 1; | |
| vertical-align: middle; | |
| font-size: 16px; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a > span.lp-arrow-icon { | |
| width: 14px; | |
| height: 24px; | |
| font-size: .7em; | |
| text-align: center; | |
| line-height: 1; | |
| vertical-align: middle; | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| position: relative; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a:hover { | |
| opacity: .7; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon { | |
| color: #feba57; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.current > a, .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.active-page > a { | |
| opacity: 1; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.current > a > .lp-arrow-icon, .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.active-page > a > .lp-arrow-icon { | |
| transform: rotate(180deg); | |
| transform-origin: 50% 50%; | |
| opacity: .9; | |
| color: #feba57; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.current > ul > .current > a, .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.current > ul > .active-page > a, .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.active-page > ul > .current > a, .lp-topmenu .lp-sidebar .lp-sidebar-navi ul li.active-page > ul > .active-page > a { | |
| opacity: 1; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.current, .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.active-page { | |
| background: rgba(0, 0, 0, 0.05); | |
| color: #feba57; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.current > a, .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a { | |
| /* outer menu selected styles */ | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.current > a > .lp-text, .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a > .lp-text { | |
| padding-left: 0px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.current > a > .lp-icon, .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul > li.active-page > a > .lp-icon { | |
| opacity: 1; | |
| color: #feba57; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul { | |
| display: none; | |
| font-size: .96em; | |
| padding-bottom: 5px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li { | |
| margin-right: 0 !important; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li a { | |
| line-height: 32px; | |
| height: 32px; | |
| padding-left: 37px; | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li a { | |
| line-height: 40px; | |
| height: 40px; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li ul li a { | |
| padding-left: 47px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li a { | |
| padding-left: 57px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li a { | |
| padding-left: 67px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li ul li a { | |
| padding-left: 77px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul li ul li ul li ul li ul li ul li a { | |
| padding-left: 87px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-navi > ul ul span.lp-icon { | |
| display: none; | |
| } | |
| .lp-topmenu .lp-sidebar-header { | |
| width: 264px; | |
| height: 72px; | |
| padding: 24px 15px; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar-header { | |
| display: none; | |
| } | |
| } | |
| @media only screen and (max-width: 991px) { | |
| .lp-topmenu .lp-sidebar-header .navbar-brand { | |
| display: inline-block; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| margin-left: 50px; | |
| margin-right: 0; | |
| font-size: 1.5em; | |
| font-weight: 600; | |
| background-size: cover; | |
| } | |
| .lp-topmenu .lp-sidebar-header .lp-toggle-sidebar { | |
| display: inline-block; | |
| cursor: pointer; | |
| z-index: 10; | |
| position: absolute; | |
| top: 2px; | |
| left: 23px; | |
| color: #bbb; | |
| width: 36px; | |
| height: 60px; | |
| } | |
| .lp-topmenu .lp-sidebar-header .lp-toggle-sidebar i { | |
| transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
| position: absolute; | |
| top: 25px; | |
| left: 7px; | |
| font-size: 18px; | |
| } | |
| .lp-topmenu .lp-sidebar-header .lp-toggle-sidebar .lp-open-icon { | |
| transform: scale(1); | |
| } | |
| .lp-topmenu .lp-sidebar-header .lp-toggle-sidebar .lp-close-icon { | |
| transform: scale(0); | |
| } | |
| } | |
| .lp-wave-effect { | |
| display: block; | |
| position: absolute; | |
| transform: translateX(-50%) translateY(-50%); | |
| width: 0px; | |
| height: 0px; | |
| background-color: #fff; | |
| border-radius: 5px; | |
| opacity: 0.7; | |
| } | |
| .lp-sidebar-toggle-button { | |
| width: 24px; | |
| height: 24px; | |
| float: right; | |
| margin: 18px; | |
| cursor: pointer; | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar .lp-open-icon { | |
| transform: scale(0); | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar .lp-close-icon { | |
| transform: scale(1); | |
| } | |
| .lp-opened-sidebar .lp-sidebar-header .lp-sidebar { | |
| width: 264px; | |
| } | |
| .lp-topmenu .lp-sidebar-toggle-button, .lp-topmenu .lp-toggle-sidebar { | |
| display: none; | |
| } | |
| /* ~ */ | |
| /* ---------- MAIN MENU STYLES - START */ | |
| .lp-closed .lp-sidebar { | |
| width: 66px; | |
| } | |
| .lp-closed .lp-sidebar .navbar-brand { | |
| opacity: 0; | |
| transition: opacity .1s ease-in-out; | |
| } | |
| .lp-closed .lp-sidebar .lp-sidebar-wrapper { | |
| padding: 10px 0px; | |
| } | |
| .lp-closed .lp-sidebar .lp-sidebar-wrapper .lp-sidebar-navi ul li a span.lp-text, .lp-closed .lp-sidebar .lp-sidebar-wrapper .lp-sidebar-navi ul li a span.lp-arrow-icon { | |
| opacity: 0; | |
| transition: opacity .1s ease-in-out; | |
| } | |
| .lp-closed .lp-sidebar .lp-sidebar-wrapper .lp-sidebar-navi ul li.has-drop.current > ul { | |
| height: 0; | |
| overflow: hidden; | |
| opacity: 0; | |
| } | |
| .lp-closed .lp-sidebar .lp-toggle-sidebar { | |
| transform: scale(1); | |
| } | |
| .lp-closed.lp-extended .lp-sidebar { | |
| width: 264px; | |
| z-index: 105; | |
| } | |
| .lp-closed.lp-extended .lp-sidebar .navbar-brand { | |
| opacity: 1; | |
| transition: opacity .5s ease-in-out; | |
| } | |
| .lp-closed.lp-extended .lp-sidebar .lp-sidebar-navi ul li a span.lp-text, .lp-closed.lp-extended .lp-sidebar .lp-sidebar-navi ul li a span.lp-arrow-icon { | |
| opacity: 1; | |
| transition: opacity .5s ease-in-out; | |
| } | |
| .lp-closed.lp-extended .lp-sidebar .lp-sidebar-navi ul li.has-drop.current > ul { | |
| height: auto; | |
| overflow: inherit; | |
| opacity: 1; | |
| } | |
| .lp-closed.lp-extended .lp-toggle-sidebar { | |
| transform: scale(1); | |
| } | |
| /* ---------- MAIN MENU STYLES - END */ | |
| /* ~ */ | |
| /* ---------- MAIN MENU STYLES - END */ | |
| /* ~ */ | |
| @media only screen and (min-width: 1024px) and (max-width: 1366px) { | |
| .lp-topmenu { | |
| padding-top: 129px !important; | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .lp-topmenu .toolbar-nav { | |
| margin: 9px 0 0; | |
| } | |
| .lp-topmenu .navbar-brand { | |
| top: 19px; | |
| left: 15px; | |
| position: absolute; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-icon { | |
| margin-right: 4px; | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (min-width: 1366px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper { | |
| margin: -51px auto 0; | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav { | |
| text-align: center; | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (min-width: 1366px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav { | |
| text-align: left; | |
| padding-left: 210px; | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav a, .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav li, .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav .lp-icon { | |
| transition: all .3s; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav > ul > li > a { | |
| border-radius: 4px !important; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul { | |
| border-radius: 4px; | |
| list-style: none; | |
| position: relative; | |
| display: inline-table; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li.current > a { | |
| background: rgba(255, 255, 255, 0.1) !important; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li.current > a .lp-icon { | |
| color: #5472d4; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li:last-child { | |
| border-radius: 0 0 4px 4px; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li:first-child { | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul { | |
| display: none !important; | |
| margin: 0; | |
| background: #171d35; | |
| padding: 0; | |
| position: absolute; | |
| top: 100%; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul li { | |
| float: none; | |
| min-width: 240px; | |
| position: relative; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul li.has-drop:before { | |
| content: ""; | |
| position: absolute; | |
| right: 16px; | |
| top: 17px; | |
| border-top: 4px solid transparent; | |
| border-bottom: 4px solid transparent; | |
| border-left: 5px solid #ffffff; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul li a { | |
| padding: 10px 20px; | |
| color: #ffffff; | |
| text-align: left; | |
| font-size: .92em; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul li a:hover { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul li a:hover .lp-icon { | |
| color: #5472d4; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul ul ul { | |
| position: absolute; | |
| left: 100%; | |
| top: 0; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li { | |
| float: left; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li:hover { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li:hover > ul { | |
| display: block !important; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li:hover .lp-icon { | |
| color: #5472d4; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li:hover a { | |
| color: #ffffff; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li a { | |
| color: #ffffff; | |
| display: block; | |
| padding: 15px 10px; | |
| text-decoration: none; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul:after { | |
| content: ""; | |
| clear: both; | |
| display: block; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper ul { | |
| text-align: left; | |
| display: inline; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .lp-topmenu .lp-sidebar .lp-sidebar-wrapper .lp-arrow-icon { | |
| display: none; | |
| } | |
| } | |
| .demo-container { | |
| position: fixed; | |
| top: 40%; | |
| z-index: 10001; | |
| width: 200px; | |
| right: -250px; | |
| transition: all .3s; | |
| margin-left: -150px; | |
| border-radius: 4px; | |
| background: #f2f2f2; | |
| border: 2px solid white; | |
| color: #000000; | |
| font-size: .9em; | |
| padding: 10px 15px; | |
| border-right: 0; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15), 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .demo-container .demo-styles-container { | |
| padding: 6px 10px 8px 10px; | |
| border-radius: 2.66667px; | |
| background: #ffffff; | |
| cursor: pointer; | |
| transition: all .3s; | |
| border: 1px solid #d9d9d9; | |
| margin-bottom: 5px; | |
| } | |
| .demo-container .demo-styles-container:hover { | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border: 1px solid #a6a6a6; | |
| } | |
| .demo-container .demo-layout { | |
| height: 10px; | |
| border-radius: 4px; | |
| overflow: hidden; | |
| width: 100%; | |
| margin-top: 2px; | |
| box-shadow: 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| } | |
| .demo-container .demo-layout > div { | |
| width: 25%; | |
| height: 10px; | |
| float: left; | |
| } | |
| .demo-container .demo-toggler { | |
| width: 40px; | |
| height: 40px; | |
| text-align: center; | |
| line-height: 40px; | |
| position: absolute; | |
| top: 0; | |
| left: -100px; | |
| background: #ffffff; | |
| color: #000000; | |
| box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15), 0px 0px 30px rgba(8, 20, 73, 0.1); | |
| border-radius: 50px; | |
| font-size: 20px; | |
| cursor: pointer; | |
| } | |
| .demo-container .demo-toggler:hover { | |
| background: ligthen(#5472d4, 5); | |
| } | |
| .demo-container .demo-toggler .fa-times { | |
| display: none; | |
| } | |
| .demo-container.demo-open { | |
| right: 20px; | |
| } | |
| .demo-container.demo-open .demo-toggler { | |
| left: -50px; | |
| } | |
| .demo-container.demo-open .fa-times { | |
| display: inline-block; | |
| } | |
| .demo-container.demo-open .fa-cog { | |
| display: none; | |
| } | |
| .menu { | |
| width: 50px; | |
| height: 50px; | |
| background: var(--bg-menu); | |
| } | |
| /* ALL - END */ | |
| .btn-entity-pick { | |
| border-radius: 0 !important; | |
| margin-left: -3px !important; | |
| color: white !important; | |
| border-color: #8191A6 !important; | |
| background-color: #8191A6!important; | |
| } | |
| .btn-entity-pick:hover { | |
| color: white !important; | |
| background-color: #65778f !important; | |
| border-color: #65778f !important; | |
| } | |
| .btn-entity-Clear { | |
| border-radius: 0 !important; | |
| margin-left: -4px !important; | |
| margin-right: -2px !important; | |
| color: #fff; | |
| background-color: #5472d4; | |
| border-color: #5472d4; | |
| } | |
| .btn-entity-Clear:hover { | |
| color: #fff; | |
| background-color: #3154c4 !important; | |
| border-color: #3154c4 !important; | |
| } | |
| .btn-suggestion { | |
| border-top-left-radius: 0 !important; | |
| border-bottom-left-radius: 0 !important; | |
| border-bottom-Right-radius: 0.25rem; | |
| margin-left: -2px !important; | |
| color: #17a2b8 !important; | |
| border-color: #17a2b8 !important; | |
| } | |
| .btn-suggestion:hover { | |
| background-color: #17a2b8 !important; | |
| color: #fff !important; | |
| } | |
| .btn-suggestion-checkbox { | |
| color: #17a2b8 !important; | |
| border-color: #17a2b8 !important; | |
| } | |
| .btn-suggestion-checkbox:hover { | |
| background-color: #17a2b8 !important; | |
| color: #fff !important; | |
| } | |
| .suggestion-active { | |
| margin: 0.5rem 0rem 0rem 0rem; | |
| font-size: .8em; | |
| background: #f7f7f7; | |
| padding: 8px 12px; | |
| display: block; | |
| border: 2px solid #17a2b8; | |
| border-radius: 0.25rem 0.25rem 0.25rem 0.25rem; | |
| line-height: 1.5; | |
| } | |
| .suggestion-active-checkbox { | |
| margin: 0rem 0rem 0rem -1.5rem; | |
| font-size: .8em; | |
| background: #f7f7f7; | |
| padding: 8px 12px; | |
| display: block; | |
| border: 2px solid #17a2b8; | |
| border-radius: 0.25rem 0.25rem 0.25rem 0.25rem; | |
| line-height: 1.5; | |
| } | |
| .btn-suggestion-update { | |
| color: #fff; | |
| background-color: #5472d4; | |
| border-color: #5472d4; | |
| } | |
| .btn-suggestion-update:hover { | |
| color: #fff; | |
| background-color: #3154c4 !important; | |
| border-color: #3154c4 !important; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment