2961 lines
314 KiB
CSS
2961 lines
314 KiB
CSS
|
@charset "UTF-8";
|
|||
|
|
h1, h2, h3,
|
|||
|
|
.h1, .h2, .h3 {
|
|||
|
|
font-weight: 300; }
|
|||
|
|
|
|||
|
|
h4, h5, h6,
|
|||
|
|
.h4, .h5, .h6 {
|
|||
|
|
font-weight: 400; }
|
|||
|
|
|
|||
|
|
small {
|
|||
|
|
font-size: 85%; }
|
|||
|
|
|
|||
|
|
.pos-s {
|
|||
|
|
position: static !important; }
|
|||
|
|
|
|||
|
|
.pos-r {
|
|||
|
|
position: relative !important; }
|
|||
|
|
|
|||
|
|
.badge {
|
|||
|
|
font-size: 10px;
|
|||
|
|
font-weight: 600; }
|
|||
|
|
|
|||
|
|
.badge-circle {
|
|||
|
|
border-radius: 50%; }
|
|||
|
|
|
|||
|
|
.border-radius-0 {
|
|||
|
|
border-radius: 0 !important; }
|
|||
|
|
|
|||
|
|
.border-radius-1 {
|
|||
|
|
border-radius: 0.25rem !important; }
|
|||
|
|
|
|||
|
|
.fz-base {
|
|||
|
|
font-size: 1rem !important; }
|
|||
|
|
|
|||
|
|
.fz-lg {
|
|||
|
|
font-size: 1.25rem !important; }
|
|||
|
|
|
|||
|
|
.fz-sm {
|
|||
|
|
font-size: 0.875rem !important; }
|
|||
|
|
|
|||
|
|
.fz-xs {
|
|||
|
|
font-size: 0.75rem !important; }
|
|||
|
|
|
|||
|
|
.lh-2 {
|
|||
|
|
line-height: 2 !important; }
|
|||
|
|
|
|||
|
|
.font-weight-200 {
|
|||
|
|
font-weight: 200 !important; }
|
|||
|
|
|
|||
|
|
.font-weight-light {
|
|||
|
|
font-weight: 300 !important; }
|
|||
|
|
|
|||
|
|
.border-a-0 {
|
|||
|
|
border: none !important; }
|
|||
|
|
|
|||
|
|
.border-a-1 {
|
|||
|
|
border: 1px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-a-2 {
|
|||
|
|
border: 2px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-t-0 {
|
|||
|
|
border-top: none !important; }
|
|||
|
|
|
|||
|
|
.border-t-1 {
|
|||
|
|
border-top: 1px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-t-2 {
|
|||
|
|
border-top: 2px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-r-0 {
|
|||
|
|
border-right: none !important; }
|
|||
|
|
|
|||
|
|
.border-r-1 {
|
|||
|
|
border-right: 1px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-r-2 {
|
|||
|
|
border-right: 2px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-b-0 {
|
|||
|
|
border-bottom: none !important; }
|
|||
|
|
|
|||
|
|
.border-l-0 {
|
|||
|
|
border-left: none !important; }
|
|||
|
|
|
|||
|
|
.border-b-1 {
|
|||
|
|
border-bottom: 1px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-b-2 {
|
|||
|
|
border-bottom: 2px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-l-1 {
|
|||
|
|
border-left: 1px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-l-2 {
|
|||
|
|
border-left: 2px solid #eceeef !important; }
|
|||
|
|
|
|||
|
|
.border-color-primary {
|
|||
|
|
border-color: #39527b !important; }
|
|||
|
|
|
|||
|
|
.border-color-success {
|
|||
|
|
border-color: #60c84c !important; }
|
|||
|
|
|
|||
|
|
.border-color-warning {
|
|||
|
|
border-color: #ffc952 !important; }
|
|||
|
|
|
|||
|
|
.border-color-danger {
|
|||
|
|
border-color: #ff7473 !important; }
|
|||
|
|
|
|||
|
|
.d-table {
|
|||
|
|
display: table !important; }
|
|||
|
|
.d-table > * {
|
|||
|
|
display: table-cell !important; }
|
|||
|
|
|
|||
|
|
.img-full {
|
|||
|
|
width: 100% !important;
|
|||
|
|
height: auto;
|
|||
|
|
display: block; }
|
|||
|
|
|
|||
|
|
.flip-y {
|
|||
|
|
-webkit-transform: rotateY(180deg);
|
|||
|
|
transform: rotateY(180deg); }
|
|||
|
|
|
|||
|
|
.rotate-90 {
|
|||
|
|
-webkit-transform: rotate(90deg);
|
|||
|
|
-ms-transform: rotate(90deg);
|
|||
|
|
transform: rotate(90deg); }
|
|||
|
|
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.modal-md {
|
|||
|
|
max-width: 700px; } }
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
font-size: 0.875rem;
|
|||
|
|
font-weight: 300;
|
|||
|
|
font-family: 'Roboto';
|
|||
|
|
color: #39527b; }
|
|||
|
|
body.no-padding:not(.menubar-top) .site-content {
|
|||
|
|
padding-right: 0;
|
|||
|
|
padding-left: 0; }
|
|||
|
|
body.no-padding .site-content {
|
|||
|
|
padding-top: 0;
|
|||
|
|
padding-bottom: 0; }
|
|||
|
|
body.site-header-hidden .site-header {
|
|||
|
|
display: none; }
|
|||
|
|
|
|||
|
|
.site-menu, .site-menu ul, .site-menu ol {
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0; }
|
|||
|
|
|
|||
|
|
.site-menu li {
|
|||
|
|
list-style-type: none; }
|
|||
|
|
|
|||
|
|
svg {
|
|||
|
|
vertical-align: middle; }
|
|||
|
|
|
|||
|
|
.scroll-container {
|
|||
|
|
position: relative;
|
|||
|
|
overflow: auto;
|
|||
|
|
height: 100%; }
|
|||
|
|
|
|||
|
|
.ps-scrollbar-y-rail {
|
|||
|
|
width: 4px !important;
|
|||
|
|
background: rgba(0, 0, 0, 0.2); }
|
|||
|
|
|
|||
|
|
.ps-scrollbar-y {
|
|||
|
|
background: #bbb !important;
|
|||
|
|
width: 4px !important; }
|
|||
|
|
|
|||
|
|
.jqstooltip {
|
|||
|
|
box-sizing: content-box; }
|
|||
|
|
|
|||
|
|
.flotTip {
|
|||
|
|
background: #39527b !important;
|
|||
|
|
color: #fff !important;
|
|||
|
|
border: none !important;
|
|||
|
|
padding: .5rem 1rem !important;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
font-family: inherit;
|
|||
|
|
font-size: .875rem !important; }
|
|||
|
|
|
|||
|
|
table.table-noborder td, table.table-noborder th {
|
|||
|
|
border-top: none; }
|
|||
|
|
|
|||
|
|
table.table-noborder tr:nth-child(2) td {
|
|||
|
|
padding-top: 1.5rem; }
|
|||
|
|
|
|||
|
|
td {
|
|||
|
|
font-weight: 300; }
|
|||
|
|
|
|||
|
|
th {
|
|||
|
|
font-weight: 500; }
|
|||
|
|
|
|||
|
|
.thead-success th {
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.form-control {
|
|||
|
|
box-shadow: none;
|
|||
|
|
font-size: 1em; }
|
|||
|
|
|
|||
|
|
.modal-content {
|
|||
|
|
box-shadow: none;
|
|||
|
|
border: none; }
|
|||
|
|
|
|||
|
|
.circle {
|
|||
|
|
width: 2.5rem;
|
|||
|
|
height: 2.5rem;
|
|||
|
|
border-radius: 100%;
|
|||
|
|
display: -webkit-inline-box;
|
|||
|
|
display: -ms-inline-flexbox;
|
|||
|
|
display: inline-flex;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center; }
|
|||
|
|
|
|||
|
|
.circle-xs {
|
|||
|
|
width: 2rem;
|
|||
|
|
height: 2rem; }
|
|||
|
|
|
|||
|
|
.circle-sm {
|
|||
|
|
width: 3rem;
|
|||
|
|
height: 3rem; }
|
|||
|
|
|
|||
|
|
.circle-md {
|
|||
|
|
width: 4rem;
|
|||
|
|
height: 4rem; }
|
|||
|
|
|
|||
|
|
.circle-lg {
|
|||
|
|
width: 5rem;
|
|||
|
|
height: 5rem; }
|
|||
|
|
|
|||
|
|
.card {
|
|||
|
|
margin-bottom: 1.5rem;
|
|||
|
|
border-radius: 0; }
|
|||
|
|
|
|||
|
|
.card-toolbar {
|
|||
|
|
list-style-type: none;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
margin-right: -.75rem; }
|
|||
|
|
.card-toolbar > li > a {
|
|||
|
|
padding: .5rem .75rem;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
|
|||
|
|
.card-header {
|
|||
|
|
padding: .75rem 1rem;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-pack: justify;
|
|||
|
|
-ms-flex-pack: justify;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center; }
|
|||
|
|
.card-header:after {
|
|||
|
|
display: none; }
|
|||
|
|
|
|||
|
|
.card-heading {
|
|||
|
|
margin: 0;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
|
|||
|
|
.card-img-top {
|
|||
|
|
width: 100%;
|
|||
|
|
border-radius: 0;
|
|||
|
|
height: auto;
|
|||
|
|
max-width: 100%; }
|
|||
|
|
|
|||
|
|
.card-img-overlay {
|
|||
|
|
padding: 1.5rem; }
|
|||
|
|
|
|||
|
|
.card .table {
|
|||
|
|
margin: 0; }
|
|||
|
|
.card .table tr:first-child td {
|
|||
|
|
border-top: none; }
|
|||
|
|
.card .table th,
|
|||
|
|
.card .table td {
|
|||
|
|
padding: .875rem 1.5rem; }
|
|||
|
|
|
|||
|
|
.cover {
|
|||
|
|
position: relative; }
|
|||
|
|
|
|||
|
|
.cover-overlay {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
padding: 1.5rem; }
|
|||
|
|
|
|||
|
|
.widget-blog-post .avatar {
|
|||
|
|
position: absolute;
|
|||
|
|
margin: 0;
|
|||
|
|
top: 100%; }
|
|||
|
|
|
|||
|
|
.widget-blog-post .avatar-floating-center {
|
|||
|
|
left: 50%;
|
|||
|
|
-webkit-transform: translate(-50%, -50%);
|
|||
|
|
-ms-transform: translate(-50%, -50%);
|
|||
|
|
transform: translate(-50%, -50%); }
|
|||
|
|
|
|||
|
|
.widget-blog-post .avatar-floating-left {
|
|||
|
|
left: 0;
|
|||
|
|
-webkit-transform: translate(1.5rem, -50%);
|
|||
|
|
-ms-transform: translate(1.5rem, -50%);
|
|||
|
|
transform: translate(1.5rem, -50%); }
|
|||
|
|
|
|||
|
|
.widget-blog-post .avatar-floating-right {
|
|||
|
|
right: 0;
|
|||
|
|
-webkit-transform: translate(-1.5rem, -50%);
|
|||
|
|
-ms-transform: translate(-1.5rem, -50%);
|
|||
|
|
transform: translate(-1.5rem, -50%); }
|
|||
|
|
|
|||
|
|
.widget-blog-post .card-block {
|
|||
|
|
padding-top: 2.5rem; }
|
|||
|
|
|
|||
|
|
.blockquote {
|
|||
|
|
position: relative;
|
|||
|
|
background: #f7f7f9;
|
|||
|
|
border-left: 10px solid #ddd;
|
|||
|
|
padding: 1.25rem;
|
|||
|
|
padding-top: 2rem;
|
|||
|
|
margin-top: .75rem; }
|
|||
|
|
.blockquote::before {
|
|||
|
|
color: #ddd;
|
|||
|
|
content: '\f10d';
|
|||
|
|
font-family: 'fontAwesome';
|
|||
|
|
font-size: 2.5rem;
|
|||
|
|
position: absolute;
|
|||
|
|
top: -1.5rem;
|
|||
|
|
left: 1rem; }
|
|||
|
|
.blockquote p {
|
|||
|
|
font-style: italic;
|
|||
|
|
margin-bottom: 0; }
|
|||
|
|
.blockquote footer {
|
|||
|
|
margin-top: 1rem; }
|
|||
|
|
|
|||
|
|
.media {
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: 0; }
|
|||
|
|
|
|||
|
|
.media small {
|
|||
|
|
color: #636c72;
|
|||
|
|
font-size: 12px; }
|
|||
|
|
|
|||
|
|
.media-heading {
|
|||
|
|
margin-bottom: 2px;
|
|||
|
|
font-size: 0.875rem;
|
|||
|
|
color: #39527b; }
|
|||
|
|
|
|||
|
|
.media-list .media {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: .75rem 1.25rem;
|
|||
|
|
border-bottom: 1px solid #eceeef; }
|
|||
|
|
.media-list .media:last-child {
|
|||
|
|
border-bottom: none; }
|
|||
|
|
|
|||
|
|
.media-list a.media:hover, .media-list a.media:focus {
|
|||
|
|
background-color: #f7f7f7; }
|
|||
|
|
|
|||
|
|
.modal-backdrop.show {
|
|||
|
|
opacity: .8; }
|
|||
|
|
|
|||
|
|
#video-modal {
|
|||
|
|
padding: 0 !important; }
|
|||
|
|
#video-modal .modal-dialog {
|
|||
|
|
width: 460px;
|
|||
|
|
height: 250px;
|
|||
|
|
max-width: 100%;
|
|||
|
|
box-shadow: none;
|
|||
|
|
margin: 60px auto !important;
|
|||
|
|
background: #000; }
|
|||
|
|
#video-modal .modal-content {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #000; }
|
|||
|
|
#video-modal iframe {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border: none;
|
|||
|
|
display: block; }
|
|||
|
|
@media (min-width: 576px) {
|
|||
|
|
#video-modal .modal-dialog {
|
|||
|
|
width: 560px;
|
|||
|
|
height: 315px; } }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
#video-modal .modal-dialog {
|
|||
|
|
width: 660px;
|
|||
|
|
height: 380px; } }
|
|||
|
|
@media (min-width: 992px) {
|
|||
|
|
#video-modal .modal-dialog {
|
|||
|
|
width: 760px;
|
|||
|
|
height: 440px; } }
|
|||
|
|
|
|||
|
|
.accordion-custom .card {
|
|||
|
|
padding: .25rem;
|
|||
|
|
background: #f7f7f9;
|
|||
|
|
border: 1px solid #eceeef;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
margin-bottom: 1rem; }
|
|||
|
|
|
|||
|
|
.accordion-custom .card-header,
|
|||
|
|
.accordion-custom .card-block {
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
border: 1px solid #eceeef; }
|
|||
|
|
|
|||
|
|
.accordion-custom .card-header {
|
|||
|
|
padding: 0; }
|
|||
|
|
|
|||
|
|
.accordion-custom .card-heading {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: .75rem 1rem;
|
|||
|
|
position: relative;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
|
|||
|
|
.accordion-custom .card-block {
|
|||
|
|
padding: 1rem;
|
|||
|
|
font-size: 1rem;
|
|||
|
|
color: #818a91;
|
|||
|
|
line-height: 1.6; }
|
|||
|
|
|
|||
|
|
.accordion-custom .card-heading::after {
|
|||
|
|
content: '\f067';
|
|||
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|||
|
|
width: 2rem;
|
|||
|
|
height: 2rem;
|
|||
|
|
line-height: 2rem;
|
|||
|
|
text-align: center;
|
|||
|
|
display: inline-block;
|
|||
|
|
color: #fff;
|
|||
|
|
background: #60c84c;
|
|||
|
|
position: absolute;
|
|||
|
|
right: .5rem;
|
|||
|
|
top: .5rem;
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
|
|||
|
|
.accordion-custom .card-heading[aria-expanded="true"]::after {
|
|||
|
|
content: '\f068'; }
|
|||
|
|
|
|||
|
|
.alert {
|
|||
|
|
border-radius: 0; }
|
|||
|
|
.alert .close {
|
|||
|
|
opacity: .3; }
|
|||
|
|
|
|||
|
|
.alert-rounded {
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
|
|||
|
|
.alert-outline {
|
|||
|
|
background: none; }
|
|||
|
|
.alert-outline.alert-info {
|
|||
|
|
color: #58d9e1;
|
|||
|
|
border-color: #58d9e1; }
|
|||
|
|
.alert-outline.alert-info .close {
|
|||
|
|
color: #58d9e1; }
|
|||
|
|
.alert-outline.alert-success {
|
|||
|
|
color: #60c84c;
|
|||
|
|
border-color: #60c84c; }
|
|||
|
|
.alert-outline.alert-success .close {
|
|||
|
|
color: #60c84c; }
|
|||
|
|
.alert-outline.alert-warning {
|
|||
|
|
color: #ffc952;
|
|||
|
|
border-color: #ffc952; }
|
|||
|
|
.alert-outline.alert-warning .close {
|
|||
|
|
color: #ffc952; }
|
|||
|
|
.alert-outline.alert-danger {
|
|||
|
|
color: #ff7473;
|
|||
|
|
border-color: #ff7473; }
|
|||
|
|
.alert-outline.alert-danger .close {
|
|||
|
|
color: #ff7473; }
|
|||
|
|
.alert-outline .close {
|
|||
|
|
opacity: 1; }
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
outline: none !important; }
|
|||
|
|
.btn:focus {
|
|||
|
|
outline: none; }
|
|||
|
|
|
|||
|
|
.btn-sm,
|
|||
|
|
.btn-group-sm > .btn {
|
|||
|
|
font-size: .75rem; }
|
|||
|
|
|
|||
|
|
.btn-icon {
|
|||
|
|
padding: 0;
|
|||
|
|
line-height: 2rem;
|
|||
|
|
width: 2rem;
|
|||
|
|
height: 2rem;
|
|||
|
|
border: 1px solid #eceeef;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.btn-icon.btn-sm {
|
|||
|
|
line-height: 1.5rem;
|
|||
|
|
width: 1.5rem;
|
|||
|
|
height: 1.5rem; }
|
|||
|
|
.btn-icon.btn-lg {
|
|||
|
|
line-height: 2.5rem;
|
|||
|
|
width: 2.5rem;
|
|||
|
|
height: 2.5rem; }
|
|||
|
|
|
|||
|
|
.btn-icon-flip {
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden; }
|
|||
|
|
.btn-icon-flip, .btn-icon-flip:focus, .btn-icon-flip:active {
|
|||
|
|
outline: none;
|
|||
|
|
box-shadow: none; }
|
|||
|
|
.btn-icon-flip i {
|
|||
|
|
border-radius: inherit;
|
|||
|
|
-webkit-transition: top .25s;
|
|||
|
|
transition: top .25s;
|
|||
|
|
line-height: inherit;
|
|||
|
|
position: absolute;
|
|||
|
|
display: block;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
top: 0; }
|
|||
|
|
.btn-icon-flip i:last-child {
|
|||
|
|
top: 100%; }
|
|||
|
|
.btn-icon-flip:hover i:first-child {
|
|||
|
|
top: -100%; }
|
|||
|
|
.btn-icon-flip:hover i:last-child {
|
|||
|
|
top: 0; }
|
|||
|
|
|
|||
|
|
.btn-default {
|
|||
|
|
color: #292b2c;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-color: #ccc; }
|
|||
|
|
.btn-default:hover {
|
|||
|
|
color: #292b2c;
|
|||
|
|
background-color: #e6e6e6;
|
|||
|
|
border-color: #adadad; }
|
|||
|
|
.btn-default:focus, .btn-default.focus {
|
|||
|
|
box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
|
|||
|
|
.btn-default.disabled, .btn-default:disabled {
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-color: #ccc; }
|
|||
|
|
.btn-default:active, .btn-default.active,
|
|||
|
|
.show > .btn-default.dropdown-toggle {
|
|||
|
|
color: #292b2c;
|
|||
|
|
background-color: #e6e6e6;
|
|||
|
|
background-image: none;
|
|||
|
|
border-color: #adadad; }
|
|||
|
|
|
|||
|
|
.btn-rounded {
|
|||
|
|
border-radius: 1000px; }
|
|||
|
|
|
|||
|
|
.social-icon {
|
|||
|
|
font-size: 1rem;
|
|||
|
|
margin-right: .25rem;
|
|||
|
|
margin-left: .25rem; }
|
|||
|
|
|
|||
|
|
.progress-xs .progress-bar {
|
|||
|
|
height: .5rem; }
|
|||
|
|
|
|||
|
|
.progress-sm .progress-bar {
|
|||
|
|
height: .75rem; }
|
|||
|
|
|
|||
|
|
.progress-md .progress-bar {
|
|||
|
|
height: 1rem; }
|
|||
|
|
|
|||
|
|
.progress-lg .progress-bar {
|
|||
|
|
height: 1.25rem; }
|
|||
|
|
|
|||
|
|
.progress-xl .progress-bar {
|
|||
|
|
height: 1.5rem; }
|
|||
|
|
|
|||
|
|
.dropdown-toggle::after {
|
|||
|
|
display: none; }
|
|||
|
|
|
|||
|
|
.dropdown-menu {
|
|||
|
|
font-size: 0.875rem;
|
|||
|
|
margin-top: 2px; }
|
|||
|
|
|
|||
|
|
.dropdown-menu.float-right {
|
|||
|
|
right: 0;
|
|||
|
|
left: auto; }
|
|||
|
|
|
|||
|
|
.dropdown-item {
|
|||
|
|
font-weight: 300;
|
|||
|
|
padding: 0.5rem 1rem; }
|
|||
|
|
|
|||
|
|
.dropdown-menu .arrow {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
top: -12px;
|
|||
|
|
left: 50%;
|
|||
|
|
border-right: 12px solid transparent;
|
|||
|
|
border-bottom: 12px solid #fbfbfb;
|
|||
|
|
border-left: 12px solid transparent; }
|
|||
|
|
|
|||
|
|
.dropdown-menu .arrow::before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: '';
|
|||
|
|
top: 0;
|
|||
|
|
left: -14px;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
border-right: 14px solid transparent;
|
|||
|
|
border-bottom: 14px solid #bbb;
|
|||
|
|
border-left: 14px solid transparent;
|
|||
|
|
z-index: -1; }
|
|||
|
|
|
|||
|
|
.dropdown-menu-cap {
|
|||
|
|
border-bottom: 1px solid #f0f0f0;
|
|||
|
|
font-weight: normal; }
|
|||
|
|
.dropdown-menu-cap, .dropdown-menu-cap:hover, .dropdown-menu-cap:focus {
|
|||
|
|
color: #39527b !important;
|
|||
|
|
background-color: #fbfbfb; }
|
|||
|
|
|
|||
|
|
.dropdown-menu .scroll-container {
|
|||
|
|
max-height: 320px;
|
|||
|
|
overflow: auto; }
|
|||
|
|
|
|||
|
|
.mega-dropdown {
|
|||
|
|
position: static; }
|
|||
|
|
|
|||
|
|
.mega-dropdown-menu {
|
|||
|
|
width: 100%; }
|
|||
|
|
@media (min-width: 992px) {
|
|||
|
|
.mega-dropdown-menu {
|
|||
|
|
margin-right: 1rem;
|
|||
|
|
margin-left: 1rem;
|
|||
|
|
width: calc(100% - 2rem) !important; } }
|
|||
|
|
|
|||
|
|
.mega-menu {
|
|||
|
|
width: 100%;
|
|||
|
|
padding: .5rem;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-ms-flex-wrap: wrap;
|
|||
|
|
flex-wrap: wrap; }
|
|||
|
|
.mega-menu .mega-menu-section {
|
|||
|
|
padding: 1rem 1rem; }
|
|||
|
|
.mega-menu .mega-menu-section:nth-child(1) {
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-ms-flex: 1 0 25%;
|
|||
|
|
flex: 1 0 25%; }
|
|||
|
|
.mega-menu .mega-menu-section:nth-child(2) {
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-ms-flex: 1 2 40%;
|
|||
|
|
flex: 1 2 40%; }
|
|||
|
|
.mega-menu .mega-menu-section:nth-child(3) {
|
|||
|
|
-webkit-box-flex: 2;
|
|||
|
|
-ms-flex: 2 0 35%;
|
|||
|
|
flex: 2 0 35%; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.mega-menu {
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: column;
|
|||
|
|
flex-direction: column; }
|
|||
|
|
.mega-menu .mega-menu-section {
|
|||
|
|
flex-base: 100%; } }
|
|||
|
|
.mega-menu .mega-links-list a {
|
|||
|
|
display: block;
|
|||
|
|
padding: .5rem;
|
|||
|
|
-webkit-transition: padding-left .5s;
|
|||
|
|
transition: padding-left .5s;
|
|||
|
|
border-bottom: 1px solid #eceeef; }
|
|||
|
|
.mega-menu .mega-links-list a:last-child {
|
|||
|
|
border-bottom: none; }
|
|||
|
|
.mega-menu .mega-links-list a:hover {
|
|||
|
|
padding-left: 1rem; }
|
|||
|
|
.mega-menu .mega-media-list .media {
|
|||
|
|
border-bottom: 1px solid #eceeef; }
|
|||
|
|
.mega-menu .mega-media-list .media:last-child {
|
|||
|
|
border-bottom: none; }
|
|||
|
|
.mega-menu .mega-media-list .media img {
|
|||
|
|
width: 110px;
|
|||
|
|
height: 75px; }
|
|||
|
|
.mega-menu .mega-media-list .media .media-heading {
|
|||
|
|
font-size: 1rem;
|
|||
|
|
font-weight: 300;
|
|||
|
|
margin-bottom: .25rem; }
|
|||
|
|
.mega-menu .mega-media-list .media span {
|
|||
|
|
display: block;
|
|||
|
|
color: #636c72;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
word-break: ellipsis; }
|
|||
|
|
.mega-menu .g__item .g__overlay {
|
|||
|
|
background: none;
|
|||
|
|
-webkit-transition: opacity 1s, background 1s;
|
|||
|
|
transition: opacity 1s, background 1s; }
|
|||
|
|
.mega-menu .g__item:hover .g__overlay {
|
|||
|
|
background-color: rgba(0, 0, 0, 0.3); }
|
|||
|
|
|
|||
|
|
.avatar {
|
|||
|
|
position: relative;
|
|||
|
|
width: 2.5rem;
|
|||
|
|
height: 2.5rem;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
margin-right: 1rem;
|
|||
|
|
display: -webkit-inline-box;
|
|||
|
|
display: -ms-inline-flexbox;
|
|||
|
|
display: inline-flex;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 1rem;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.avatar img,
|
|||
|
|
.avatar a > img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
max-width: 100%;
|
|||
|
|
max-height: 100%;
|
|||
|
|
display: block;
|
|||
|
|
border-radius: 3px; }
|
|||
|
|
|
|||
|
|
.avatar-circle,
|
|||
|
|
.avatar-circle img {
|
|||
|
|
border-radius: 100% !important; }
|
|||
|
|
|
|||
|
|
.avatar-xs {
|
|||
|
|
width: 2rem;
|
|||
|
|
height: 2rem;
|
|||
|
|
font-size: 0.75rem; }
|
|||
|
|
|
|||
|
|
.avatar-sm {
|
|||
|
|
width: 3rem;
|
|||
|
|
height: 3rem; }
|
|||
|
|
|
|||
|
|
.avatar-md {
|
|||
|
|
width: 4rem;
|
|||
|
|
height: 4rem;
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
font-weight: 600; }
|
|||
|
|
|
|||
|
|
.avatar-lg {
|
|||
|
|
width: 5rem;
|
|||
|
|
height: 5rem;
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
font-weight: 700; }
|
|||
|
|
|
|||
|
|
.avatar-xl {
|
|||
|
|
width: 7rem;
|
|||
|
|
height: 7rem;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
margin-right: 1.5rem; }
|
|||
|
|
.avatar-xl img,
|
|||
|
|
.avatar-xl a > img {
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
|
|||
|
|
.avatar .status {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
border: 1px solid #fff;
|
|||
|
|
margin: 0;
|
|||
|
|
width: 12px;
|
|||
|
|
height: 12px; }
|
|||
|
|
|
|||
|
|
.status {
|
|||
|
|
width: 10px;
|
|||
|
|
height: 10px;
|
|||
|
|
margin-right: .25rem;
|
|||
|
|
display: inline-block;
|
|||
|
|
border-radius: 100%; }
|
|||
|
|
|
|||
|
|
.status-online {
|
|||
|
|
background-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.status-away {
|
|||
|
|
background-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.status-busy {
|
|||
|
|
background-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.status-offline {
|
|||
|
|
background-color: #eceeef; }
|
|||
|
|
|
|||
|
|
.hamburger {
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
padding: 0;
|
|||
|
|
width: 36px;
|
|||
|
|
height: 36px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
-ms-flex-pack: distribute;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
background-color: #31466a; }
|
|||
|
|
.hamburger:focus {
|
|||
|
|
outline: none; }
|
|||
|
|
.hamburger .hamburger-box,
|
|||
|
|
.hamburger .hamburger-inner,
|
|||
|
|
.hamburger .hamburger-inner::after,
|
|||
|
|
.hamburger .hamburger-inner::before {
|
|||
|
|
width: 20px;
|
|||
|
|
margin: 0 auto; }
|
|||
|
|
|
|||
|
|
.g__item {
|
|||
|
|
margin-bottom: 1.5rem;
|
|||
|
|
display: block; }
|
|||
|
|
.g__item .g__figure {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
cursor: pointer;
|
|||
|
|
z-index: 1;
|
|||
|
|
margin: 0; }
|
|||
|
|
.g__item .g__img,
|
|||
|
|
.g__item .g__figure > img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto; }
|
|||
|
|
|
|||
|
|
.g__thumb {
|
|||
|
|
padding: .5rem;
|
|||
|
|
background-color: #f7f7f9;
|
|||
|
|
border: 1px solid #eceeef; }
|
|||
|
|
|
|||
|
|
.g__item.rounded .g__figure, .g__item.rounded img {
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
|
|||
|
|
.g__overlay {
|
|||
|
|
position: absolute;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 1rem;
|
|||
|
|
opacity: 0;
|
|||
|
|
-webkit-transition: opacity 1s;
|
|||
|
|
transition: opacity 1s; }
|
|||
|
|
.g__item:hover .g__overlay {
|
|||
|
|
opacity: 1;
|
|||
|
|
background-color: rgba(255, 255, 255, 0.9); }
|
|||
|
|
|
|||
|
|
.g__overlay-title {
|
|||
|
|
line-height: 1.4;
|
|||
|
|
font-style: italic;
|
|||
|
|
margin-bottom: .5rem; }
|
|||
|
|
|
|||
|
|
.g__overlay-text {
|
|||
|
|
font-style: italic;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
|
|||
|
|
.g__zoom {
|
|||
|
|
-ms-flex-item-align: center;
|
|||
|
|
-ms-grid-row-align: center;
|
|||
|
|
align-self: center;
|
|||
|
|
color: #39527b; }
|
|||
|
|
|
|||
|
|
.img-gallery-zoom-effect .g__item .g__figure > img,
|
|||
|
|
.img-gallery-zoom-effect .g__item .g__img {
|
|||
|
|
-webkit-transition: -webkit-transform 1s;
|
|||
|
|
transition: -webkit-transform 1s;
|
|||
|
|
transition: transform 1s;
|
|||
|
|
transition: transform 1s, -webkit-transform 1s; }
|
|||
|
|
|
|||
|
|
.img-gallery-zoom-effect .g__item:hover .g__figure > img,
|
|||
|
|
.img-gallery-zoom-effect .g__item:hover .g__img {
|
|||
|
|
-webkit-transform: scale(1.3);
|
|||
|
|
-ms-transform: scale(1.3);
|
|||
|
|
transform: scale(1.3); }
|
|||
|
|
|
|||
|
|
.text-white {
|
|||
|
|
color: white !important; }
|
|||
|
|
|
|||
|
|
.text-gray {
|
|||
|
|
color: #aaa !important; }
|
|||
|
|
|
|||
|
|
.text-inverse {
|
|||
|
|
color: #373a3c !important; }
|
|||
|
|
|
|||
|
|
.text-black {
|
|||
|
|
color: #222222 !important; }
|
|||
|
|
|
|||
|
|
.text-facebook,
|
|||
|
|
.text-hv-facebook:hover {
|
|||
|
|
color: #3b5998 !important; }
|
|||
|
|
|
|||
|
|
.text-twitter,
|
|||
|
|
.text-hv-twitter:hover {
|
|||
|
|
color: #1da1f2 !important; }
|
|||
|
|
|
|||
|
|
.text-google-plus,
|
|||
|
|
.text-hv-google-plus:hover {
|
|||
|
|
color: #dd4b39 !important; }
|
|||
|
|
|
|||
|
|
.text-youtube,
|
|||
|
|
.text-hv-youtube:hover {
|
|||
|
|
color: #cd201f !important; }
|
|||
|
|
|
|||
|
|
.text-dribbble,
|
|||
|
|
.text-hv-dribbble:hover {
|
|||
|
|
color: #ea4c89 !important; }
|
|||
|
|
|
|||
|
|
.text-flickr,
|
|||
|
|
.text-hv-flickr:hover {
|
|||
|
|
color: #ff0084 !important; }
|
|||
|
|
|
|||
|
|
.text-linkedin,
|
|||
|
|
.text-hv-linkedin:hover {
|
|||
|
|
color: #0077b5 !important; }
|
|||
|
|
|
|||
|
|
.text-tumblr,
|
|||
|
|
.text-hv-tumblr:hover {
|
|||
|
|
color: #35465c !important; }
|
|||
|
|
|
|||
|
|
.bg-none {
|
|||
|
|
background: none !important; }
|
|||
|
|
|
|||
|
|
.bg-white {
|
|||
|
|
background-color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-black {
|
|||
|
|
background-color: #222222 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-gray {
|
|||
|
|
background-color: #bbb !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-eee {
|
|||
|
|
background: #eee !important; }
|
|||
|
|
|
|||
|
|
.bg-faded {
|
|||
|
|
background: #f7f7f9 !important; }
|
|||
|
|
|
|||
|
|
.bg-facebook,
|
|||
|
|
.bg-hv-facebook:hover {
|
|||
|
|
background-color: #3b5998 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-twitter,
|
|||
|
|
.bg-hv-twitter:hover {
|
|||
|
|
background-color: #1da1f2 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-google-plus,
|
|||
|
|
.bg-hv-google-plus:hover {
|
|||
|
|
background-color: #dd4b39 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-youtube,
|
|||
|
|
.bg-hv-youtube:hover {
|
|||
|
|
background-color: #cd201f !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-linkedin,
|
|||
|
|
.bg-hv-linkedin:hover {
|
|||
|
|
background-color: #0077b5 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-flickr,
|
|||
|
|
.bg-hv-flickr:hover {
|
|||
|
|
background-color: #ff0084 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-tumblr,
|
|||
|
|
.bg-hv-tumblr:hover {
|
|||
|
|
background-color: #35465c !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.bg-dribbble,
|
|||
|
|
.bg-hv-dribbble:hover {
|
|||
|
|
background-color: #ea4c89 !important;
|
|||
|
|
color: #fff !important; }
|
|||
|
|
|
|||
|
|
.poster {
|
|||
|
|
position: relative;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%; }
|
|||
|
|
|
|||
|
|
.poster-bg {
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%; }
|
|||
|
|
|
|||
|
|
.poster-overlay {
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
position: absolute;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0; }
|
|||
|
|
|
|||
|
|
.poster-overlay-icon {
|
|||
|
|
width: 4rem;
|
|||
|
|
height: 4rem;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border-radius: 1000px;
|
|||
|
|
border: 10px solid rgba(0, 0, 0, 0.2);
|
|||
|
|
background: #fff;
|
|||
|
|
color: none; }
|
|||
|
|
|
|||
|
|
.checkbox {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 22px;
|
|||
|
|
display: block;
|
|||
|
|
margin-top: .5rem;
|
|||
|
|
margin-bottom: .5rem; }
|
|||
|
|
.checkbox label {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
margin: 0;
|
|||
|
|
min-height: 22px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.checkbox label:empty {
|
|||
|
|
padding-left: 0; }
|
|||
|
|
.checkbox label::before,
|
|||
|
|
.checkbox label::after,
|
|||
|
|
.checkbox input[type="checkbox"] {
|
|||
|
|
height: 22px;
|
|||
|
|
width: 22px;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0; }
|
|||
|
|
.checkbox label::before,
|
|||
|
|
.checkbox label::after {
|
|||
|
|
content: '';
|
|||
|
|
margin-left: -22px; }
|
|||
|
|
.checkbox label::before {
|
|||
|
|
background: #fff;
|
|||
|
|
border: 1px solid #eceeef;
|
|||
|
|
-webkit-transition: background .15s, border-color .15s;
|
|||
|
|
transition: background .15s, border-color .15s;
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
.checkbox label::after {
|
|||
|
|
line-height: 22px;
|
|||
|
|
color: inherit;
|
|||
|
|
font-family: "FontAwesome";
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: transparent;
|
|||
|
|
font-style: normal;
|
|||
|
|
color: #818a91;
|
|||
|
|
font-size: .875rem; }
|
|||
|
|
.checkbox input[type="checkbox"] {
|
|||
|
|
opacity: 0;
|
|||
|
|
z-index: 1;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.checkbox input[type="checkbox"]:checked + label::after {
|
|||
|
|
content: ""; }
|
|||
|
|
.checkbox input[type="checkbox"]:indeterminate + label::after {
|
|||
|
|
display: block;
|
|||
|
|
content: "";
|
|||
|
|
width: 10px;
|
|||
|
|
height: 3px;
|
|||
|
|
background-color: #555555;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
margin-left: -16.5px;
|
|||
|
|
margin-top: 7px; }
|
|||
|
|
.checkbox input[type="checkbox"]:disabled {
|
|||
|
|
cursor: not-allowed; }
|
|||
|
|
.checkbox input[type="checkbox"]:disabled + label {
|
|||
|
|
opacity: 0.65;
|
|||
|
|
cursor: not-allowed; }
|
|||
|
|
.checkbox input[type="checkbox"]:disabled + label::before {
|
|||
|
|
background-color: #f7f7f9; }
|
|||
|
|
.checkbox.checkbox-circle label::before {
|
|||
|
|
border-radius: 50%; }
|
|||
|
|
.checkbox.checkbox-square label::before {
|
|||
|
|
border-radius: 0; }
|
|||
|
|
.checkbox.checkbox-lg {
|
|||
|
|
padding-left: 26px; }
|
|||
|
|
.checkbox.checkbox-lg label {
|
|||
|
|
padding-left: 12px;
|
|||
|
|
min-height: 26px; }
|
|||
|
|
.checkbox.checkbox-lg label::before,
|
|||
|
|
.checkbox.checkbox-lg label::after,
|
|||
|
|
.checkbox.checkbox-lg input[type="checkbox"] {
|
|||
|
|
width: 26px;
|
|||
|
|
height: 26px; }
|
|||
|
|
.checkbox.checkbox-lg label::before,
|
|||
|
|
.checkbox.checkbox-lg label::after {
|
|||
|
|
margin-left: -26px; }
|
|||
|
|
.checkbox.checkbox-lg label::after {
|
|||
|
|
line-height: 26px;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
.checkbox.checkbox-inline {
|
|||
|
|
display: inline-block; }
|
|||
|
|
|
|||
|
|
.radio {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
display: block;
|
|||
|
|
margin-top: .5rem;
|
|||
|
|
margin-bottom: .5rem; }
|
|||
|
|
.radio label {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: .5rem;
|
|||
|
|
margin: 0;
|
|||
|
|
min-height: 20px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.radio label:empty {
|
|||
|
|
padding-left: 0; }
|
|||
|
|
.radio label::before,
|
|||
|
|
.radio input[type="radio"] {
|
|||
|
|
height: 20px;
|
|||
|
|
width: 20px;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0; }
|
|||
|
|
.radio label::before,
|
|||
|
|
.radio label::after {
|
|||
|
|
content: ' ';
|
|||
|
|
margin-left: -20px; }
|
|||
|
|
.radio label::before {
|
|||
|
|
border: 1px solid #ccc;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #fff;
|
|||
|
|
-webkit-transition: border 0.15s ease-in-out;
|
|||
|
|
transition: border 0.15s ease-in-out; }
|
|||
|
|
.radio label::after {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 12px;
|
|||
|
|
height: 12px;
|
|||
|
|
left: 4px;
|
|||
|
|
top: 4px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #818a91;
|
|||
|
|
-webkit-transform: scale(0, 0);
|
|||
|
|
-ms-transform: scale(0, 0);
|
|||
|
|
transform: scale(0, 0);
|
|||
|
|
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|||
|
|
transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|||
|
|
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|||
|
|
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
|
|||
|
|
.radio input[type="radio"] {
|
|||
|
|
opacity: 0;
|
|||
|
|
z-index: 1;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.radio input[type="radio"]:checked + label::after {
|
|||
|
|
-webkit-transform: scale(1, 1);
|
|||
|
|
-ms-transform: scale(1, 1);
|
|||
|
|
transform: scale(1, 1); }
|
|||
|
|
.radio input[type="radio"]:disabled {
|
|||
|
|
cursor: not-allowed; }
|
|||
|
|
.radio input[type="radio"]:disabled + label {
|
|||
|
|
opacity: 0.65;
|
|||
|
|
cursor: not-allowed; }
|
|||
|
|
.radio input[type="radio"]:disabled + label::before {
|
|||
|
|
cursor: not-allowed; }
|
|||
|
|
.radio.radio-inline {
|
|||
|
|
display: inline-block; }
|
|||
|
|
|
|||
|
|
.checkbox-primary input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-primary input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #39527b;
|
|||
|
|
border-color: #39527b; }
|
|||
|
|
|
|||
|
|
.checkbox-primary input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-primary input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-danger input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-danger input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #ff7473;
|
|||
|
|
border-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.checkbox-danger input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-danger input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-info input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-info input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #58d9e1;
|
|||
|
|
border-color: #58d9e1; }
|
|||
|
|
|
|||
|
|
.checkbox-info input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-info input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-warning input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-warning input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #ffc952;
|
|||
|
|
border-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.checkbox-warning input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-warning input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-success input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-success input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #60c84c;
|
|||
|
|
border-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.checkbox-success input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-success input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-inverse input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-inverse input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #373a3c;
|
|||
|
|
border-color: #373a3c; }
|
|||
|
|
|
|||
|
|
.checkbox-inverse input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-inverse input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-black input[type="checkbox"]:checked + label::before,
|
|||
|
|
.checkbox-black input[type="radio"]:checked + label::before {
|
|||
|
|
background-color: #222222;
|
|||
|
|
border-color: #222222; }
|
|||
|
|
|
|||
|
|
.checkbox-black input[type="checkbox"]:checked + label::after,
|
|||
|
|
.checkbox-black input[type="radio"]:checked + label::after {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-primary input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #39527b;
|
|||
|
|
border-color: #39527b; }
|
|||
|
|
|
|||
|
|
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-primary input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-danger input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #ff7473;
|
|||
|
|
border-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-danger input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-info input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #58d9e1;
|
|||
|
|
border-color: #58d9e1; }
|
|||
|
|
|
|||
|
|
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-info input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-warning input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #ffc952;
|
|||
|
|
border-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-warning input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-success input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #60c84c;
|
|||
|
|
border-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-success input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-inverse input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-inverse input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #373a3c;
|
|||
|
|
border-color: #373a3c; }
|
|||
|
|
|
|||
|
|
.checkbox-inverse input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-inverse input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.checkbox-black input[type="checkbox"]:indeterminate + label::before,
|
|||
|
|
.checkbox-black input[type="radio"]:indeterminate + label::before {
|
|||
|
|
background-color: #222222;
|
|||
|
|
border-color: #222222; }
|
|||
|
|
|
|||
|
|
.checkbox-black input[type="checkbox"]:indeterminate + label::after,
|
|||
|
|
.checkbox-black input[type="radio"]:indeterminate + label::after {
|
|||
|
|
background-color: #fff; }
|
|||
|
|
|
|||
|
|
.radio-primary input[type="radio"] + label::before {
|
|||
|
|
border-color: #39527b; }
|
|||
|
|
|
|||
|
|
.radio-primary input[type="radio"] + label::after {
|
|||
|
|
background-color: #39527b; }
|
|||
|
|
|
|||
|
|
.radio-primary input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #39527b; }
|
|||
|
|
|
|||
|
|
.radio-primary input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #39527b; }
|
|||
|
|
|
|||
|
|
.radio-danger input[type="radio"] + label::before {
|
|||
|
|
border-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.radio-danger input[type="radio"] + label::after {
|
|||
|
|
background-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.radio-danger input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.radio-danger input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #ff7473; }
|
|||
|
|
|
|||
|
|
.radio-info input[type="radio"] + label::before {
|
|||
|
|
border-color: #58d9e1; }
|
|||
|
|
|
|||
|
|
.radio-info input[type="radio"] + label::after {
|
|||
|
|
background-color: #58d9e1; }
|
|||
|
|
|
|||
|
|
.radio-info input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #58d9e1; }
|
|||
|
|
|
|||
|
|
.radio-info input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #58d9e1; }
|
|||
|
|
|
|||
|
|
.radio-warning input[type="radio"] + label::before {
|
|||
|
|
border-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.radio-warning input[type="radio"] + label::after {
|
|||
|
|
background-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.radio-warning input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.radio-warning input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #ffc952; }
|
|||
|
|
|
|||
|
|
.radio-success input[type="radio"] + label::before {
|
|||
|
|
border-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.radio-success input[type="radio"] + label::after {
|
|||
|
|
background-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.radio-success input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.radio-success input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #60c84c; }
|
|||
|
|
|
|||
|
|
.radio-inverse input[type="radio"] + label::before {
|
|||
|
|
border-color: #373a3c; }
|
|||
|
|
|
|||
|
|
.radio-inverse input[type="radio"] + label::after {
|
|||
|
|
background-color: #373a3c; }
|
|||
|
|
|
|||
|
|
.radio-inverse input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #373a3c; }
|
|||
|
|
|
|||
|
|
.radio-inverse input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #373a3c; }
|
|||
|
|
|
|||
|
|
.radio-black input[type="radio"] + label::before {
|
|||
|
|
border-color: #222222; }
|
|||
|
|
|
|||
|
|
.radio-black input[type="radio"] + label::after {
|
|||
|
|
background-color: #222222; }
|
|||
|
|
|
|||
|
|
.radio-black input[type="radio"]:checked + label::before {
|
|||
|
|
border-color: #222222; }
|
|||
|
|
|
|||
|
|
.radio-black input[type="radio"]:checked + label::after {
|
|||
|
|
background-color: #222222; }
|
|||
|
|
|
|||
|
|
.navbar-nav .nav-link {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
position: relative;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
height: 66px;
|
|||
|
|
padding-left: 1rem !important;
|
|||
|
|
padding-right: 1rem !important; }
|
|||
|
|
|
|||
|
|
.navbar-nav .nav-caret {
|
|||
|
|
margin-left: .25rem; }
|
|||
|
|
|
|||
|
|
.navbar-nav .nav-img {
|
|||
|
|
width: 24px;
|
|||
|
|
height: auto;
|
|||
|
|
border-radius: 3px; }
|
|||
|
|
|
|||
|
|
.navbar-nav .dropdown-item-icon {
|
|||
|
|
width: 1.25rem;
|
|||
|
|
height: .875rem; }
|
|||
|
|
|
|||
|
|
.navbar-nav .nav-link > .badge {
|
|||
|
|
font-size: .625rem;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 16px;
|
|||
|
|
right: 14px; }
|
|||
|
|
|
|||
|
|
.navbar-nav .avatar .badge {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
top: calc(50% - 8px);
|
|||
|
|
right: -8px; }
|
|||
|
|
|
|||
|
|
.navbar-nav .dropdown-menu-cap .btn {
|
|||
|
|
padding: .15rem .75rem; }
|
|||
|
|
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.navbar-nav:first-child {
|
|||
|
|
float: left; }
|
|||
|
|
.navbar-nav:last-child {
|
|||
|
|
float: right; }
|
|||
|
|
.navbar-nav .nav-item {
|
|||
|
|
position: static; }
|
|||
|
|
.navbar-nav .arrow {
|
|||
|
|
display: none !important; }
|
|||
|
|
.navbar-nav .nav-item {
|
|||
|
|
border: none; }
|
|||
|
|
.navbar-toggleable-sm .navbar-nav {
|
|||
|
|
-webkit-box-orient: horizontal;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: row;
|
|||
|
|
flex-direction: row; }
|
|||
|
|
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
|
|||
|
|
position: absolute;
|
|||
|
|
border-radius: 0;
|
|||
|
|
margin-top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
top: 100%; } }
|
|||
|
|
|
|||
|
|
.navbar-toggler {
|
|||
|
|
border: none;
|
|||
|
|
outline: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
height: 66px;
|
|||
|
|
padding: 0 .75rem;
|
|||
|
|
font-size: 1rem;
|
|||
|
|
background: none;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.navbar-toggler:focus {
|
|||
|
|
outline: none; }
|
|||
|
|
|
|||
|
|
@media (min-width: 1200px) {
|
|||
|
|
.navbar-search {
|
|||
|
|
position: relative;
|
|||
|
|
margin-right: 1rem;
|
|||
|
|
height: 66px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center; }
|
|||
|
|
body > .navbar-search {
|
|||
|
|
display: none; }
|
|||
|
|
.navbar-search .navbar-search-field {
|
|||
|
|
height: 30px;
|
|||
|
|
width: 160px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
max-width: 100%;
|
|||
|
|
-webkit-transition: width .5s;
|
|||
|
|
transition: width .5s; }
|
|||
|
|
.navbar-search .navbar-search-field:focus {
|
|||
|
|
width: 260px;
|
|||
|
|
box-shadow: none;
|
|||
|
|
border-color: #60c84c; }
|
|||
|
|
.navbar-search .navbar-search-close {
|
|||
|
|
display: none; }
|
|||
|
|
.navbar-search .navbar-search-submit {
|
|||
|
|
position: absolute;
|
|||
|
|
background: none;
|
|||
|
|
outline: none;
|
|||
|
|
border: none;
|
|||
|
|
right: 4px;
|
|||
|
|
top: 20px; } }
|
|||
|
|
|
|||
|
|
@media (max-width: 1199px) {
|
|||
|
|
.navbar-search {
|
|||
|
|
position: fixed;
|
|||
|
|
top: -66px;
|
|||
|
|
right: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 9999;
|
|||
|
|
-webkit-transition: top .5s;
|
|||
|
|
transition: top .5s; }
|
|||
|
|
.navbar .navbar-search {
|
|||
|
|
display: none; }
|
|||
|
|
.navbar-search .navbar-search-form {
|
|||
|
|
height: 66px;
|
|||
|
|
padding: .75rem 2rem;
|
|||
|
|
position: relative;
|
|||
|
|
background: #fff;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 3; }
|
|||
|
|
.navbar-search .navbar-search-close,
|
|||
|
|
.navbar-search .navbar-search-submit {
|
|||
|
|
border: none;
|
|||
|
|
outline: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
-webkit-transform: translateY(-50%);
|
|||
|
|
-ms-transform: translateY(-50%);
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
position: absolute;
|
|||
|
|
background: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
top: 50%; }
|
|||
|
|
.navbar-search .navbar-search-close {
|
|||
|
|
font-size: 1.25rem;
|
|||
|
|
font-weight: 500;
|
|||
|
|
right: 1rem;
|
|||
|
|
color: #bbb; }
|
|||
|
|
.navbar-search .navbar-search-submit {
|
|||
|
|
left: 1rem; }
|
|||
|
|
.navbar-search .navbar-search-field {
|
|||
|
|
border: none;
|
|||
|
|
outline: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
display: block;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%; }
|
|||
|
|
.navbar-search .navbar-search-backdrop {
|
|||
|
|
background: rgba(0, 0, 0, 0.8);
|
|||
|
|
position: fixed;
|
|||
|
|
display: none;
|
|||
|
|
z-index: -1;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0; }
|
|||
|
|
.show .navbar-search .navbar-search-backdrop {
|
|||
|
|
display: block; }
|
|||
|
|
.navbar-search.show {
|
|||
|
|
top: 0; }
|
|||
|
|
.navbar-search.show .navbar-search-backdrop {
|
|||
|
|
display: block; } }
|
|||
|
|
|
|||
|
|
/************************************
|
|||
|
|
* side-panel
|
|||
|
|
*************************************/
|
|||
|
|
.side-panel {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 66px;
|
|||
|
|
right: -310px;
|
|||
|
|
width: 300px;
|
|||
|
|
bottom: 0;
|
|||
|
|
z-index: 999;
|
|||
|
|
-webkit-transition: right .5s;
|
|||
|
|
transition: right .5s;
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: -2px 0 4px rgba(0, 0, 0, 0.08); }
|
|||
|
|
.side-panel.open {
|
|||
|
|
right: 0; }
|
|||
|
|
.side-panel .nav-tabs {
|
|||
|
|
border-bottom: none; }
|
|||
|
|
.side-panel .nav-tabs .nav-item {
|
|||
|
|
margin: 0;
|
|||
|
|
width: 33.33%; }
|
|||
|
|
.side-panel .nav-tabs .nav-link {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 60px;
|
|||
|
|
line-height: 60px;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0;
|
|||
|
|
font-size: 14px;
|
|||
|
|
border-radius: 0;
|
|||
|
|
border: none;
|
|||
|
|
border-bottom-style: solid;
|
|||
|
|
border-bottom-width: 1px; }
|
|||
|
|
.side-panel .nav-tabs .nav-item + .nav-item > .nav-link {
|
|||
|
|
border-left-style: solid;
|
|||
|
|
border-left-width: 1px; }
|
|||
|
|
.side-panel .side-panel-tabs,
|
|||
|
|
.side-panel .tab-pane {
|
|||
|
|
height: 100%; }
|
|||
|
|
.side-panel .tab-content {
|
|||
|
|
height: calc(100% - 60px);
|
|||
|
|
overflow: auto; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.side-panel {
|
|||
|
|
width: 100%;
|
|||
|
|
right: calc(-100% - 10px); }
|
|||
|
|
body.navbar-collapse-in .side-panel {
|
|||
|
|
top: 132px;
|
|||
|
|
height: calc(100% - 132px); } }
|
|||
|
|
|
|||
|
|
.side-panel .nav-tabs .nav-link {
|
|||
|
|
border-left-color: #f0f0f0;
|
|||
|
|
border-bottom-color: #f0f0f0;
|
|||
|
|
background: #fbfbfb; }
|
|||
|
|
.side-panel .nav-tabs .nav-link:focus, .side-panel .nav-tabs .nav-link.active {
|
|||
|
|
border-bottom: none;
|
|||
|
|
border-left-color: #f0f0f0;
|
|||
|
|
background: transparent; }
|
|||
|
|
|
|||
|
|
.svg-arrow-right-icon {
|
|||
|
|
width: 12px;
|
|||
|
|
height: 12px; }
|
|||
|
|
|
|||
|
|
.svg-arrow-up-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-arrows-bold-right-icon {
|
|||
|
|
width: 32px;
|
|||
|
|
height: 32px; }
|
|||
|
|
|
|||
|
|
.svg-arrows-stre-left-icon {
|
|||
|
|
width: 32px;
|
|||
|
|
height: 32px; }
|
|||
|
|
|
|||
|
|
.svg-arrows-stre-right-icon {
|
|||
|
|
width: 32px;
|
|||
|
|
height: 32px; }
|
|||
|
|
|
|||
|
|
.svg-arrows-up-down-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-bell-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-brand-img-icon {
|
|||
|
|
width: 22px;
|
|||
|
|
height: 22px; }
|
|||
|
|
|
|||
|
|
.svg-bug-icon {
|
|||
|
|
width: 120px;
|
|||
|
|
height: 120px; }
|
|||
|
|
|
|||
|
|
.svg-calendar-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-calendar-grid-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-caret-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-chart-icon {
|
|||
|
|
width: 32px;
|
|||
|
|
height: 32px; }
|
|||
|
|
|
|||
|
|
.svg-chat-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-chat-bubble-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-check-circle-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-cog-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-coins-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-comments-icon {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px; }
|
|||
|
|
|
|||
|
|
.svg-email-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-envelope-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-euro-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-eye-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-eye-2-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-files-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-inbox-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-isvg-chat-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-isvg-file-ai-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-isvg-money-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-isvg-package-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-isvg-pin-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-isvg-usd-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-link-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-list-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-logout-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-media-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-monster-icon {
|
|||
|
|
width: 64px;
|
|||
|
|
height: 64px; }
|
|||
|
|
|
|||
|
|
.svg-phone-call-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-pin-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-plus-icon {
|
|||
|
|
width: 22px;
|
|||
|
|
height: 22px; }
|
|||
|
|
|
|||
|
|
.svg-post-editor-btn-camera-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-post-editor-btn-code-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-post-editor-btn-media-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-post-editor-btn-stock-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-refresh-icon {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px; }
|
|||
|
|
|
|||
|
|
.svg-search-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-search-gray-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-send-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-smile-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-sun-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-user-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-user-add-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-user-heart-icon {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px; }
|
|||
|
|
|
|||
|
|
.svg-user-sm-icon {
|
|||
|
|
width: 14px;
|
|||
|
|
height: 14px; }
|
|||
|
|
|
|||
|
|
.svg-video-play-icon {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 48px; }
|
|||
|
|
|
|||
|
|
.svg-views-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-weather-1-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-weather-2-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
.svg-weather-3-icon {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px; }
|
|||
|
|
|
|||
|
|
html {
|
|||
|
|
height: 100%; }
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
position: relative;
|
|||
|
|
min-height: 100%;
|
|||
|
|
padding-top: 66px;
|
|||
|
|
-webkit-transition: padding-top .35s;
|
|||
|
|
transition: padding-top .35s; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
body.menubar-fold .hidden-fold {
|
|||
|
|
display: none; } }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
body.menubar-open {
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden; }
|
|||
|
|
body.navbar-collapse-in {
|
|||
|
|
padding-top: 132px; } }
|
|||
|
|
|
|||
|
|
/* ===================================
|
|||
|
|
site-navbar
|
|||
|
|
=================================== */
|
|||
|
|
.navbar {
|
|||
|
|
padding: 0;
|
|||
|
|
height: 66px; }
|
|||
|
|
|
|||
|
|
.navbar-header {
|
|||
|
|
-webkit-box-flex: 0;
|
|||
|
|
-ms-flex: 0 0 240px;
|
|||
|
|
flex: 0 0 240px;
|
|||
|
|
height: 66px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-pack: justify;
|
|||
|
|
-ms-flex-pack: justify;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
padding-left: 1rem;
|
|||
|
|
padding-right: 1rem; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.navbar-header {
|
|||
|
|
-ms-flex-preferred-size: 100%;
|
|||
|
|
flex-basis: 100%; } }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
body.menubar-fold .navbar-header {
|
|||
|
|
-ms-flex-preferred-size: 64px;
|
|||
|
|
flex-basis: 64px;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center; } }
|
|||
|
|
|
|||
|
|
.navbar-brand {
|
|||
|
|
margin: 0;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center; }
|
|||
|
|
.navbar-brand .brand-name {
|
|||
|
|
font-weight: 400; }
|
|||
|
|
.navbar-brand > img, .navbar-brand > svg {
|
|||
|
|
margin-right: .5rem; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.navbar-brand {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
-webkit-transform: translate(-50%, -50%);
|
|||
|
|
-ms-transform: translate(-50%, -50%);
|
|||
|
|
transform: translate(-50%, -50%); } }
|
|||
|
|
|
|||
|
|
.navbar-collapse {
|
|||
|
|
position: relative;
|
|||
|
|
height: 66px; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.navbar-collapse {
|
|||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
|
|||
|
|
padding-right: .75rem;
|
|||
|
|
padding-left: .75rem;
|
|||
|
|
background: #fff; } }
|
|||
|
|
|
|||
|
|
.site-header {
|
|||
|
|
-webkit-transition: -webkit-transform .2s;
|
|||
|
|
transition: -webkit-transform .2s;
|
|||
|
|
transition: transform .2s;
|
|||
|
|
transition: transform .2s, -webkit-transform .2s; }
|
|||
|
|
.site-header ul, .site-header ol {
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
list-style-type: none; }
|
|||
|
|
.site-header .jumbotron {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
padding: 2rem 1.5rem;
|
|||
|
|
margin: 0; }
|
|||
|
|
.site-header .jumbotron-text {
|
|||
|
|
-webkit-box-flex: 2;
|
|||
|
|
-ms-flex: 2;
|
|||
|
|
flex: 2; }
|
|||
|
|
@media (max-width: 991px) {
|
|||
|
|
.site-header .jumbotron-text {
|
|||
|
|
display: none; } }
|
|||
|
|
.site-header .jumbotron-charts {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex; }
|
|||
|
|
.site-header .jumbotron-charts > .item {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.site-header .jumbotron-charts .item + .item {
|
|||
|
|
margin-left: 2.5rem; } }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.site-header .jumbotron-charts {
|
|||
|
|
-ms-flex-preferred-size: 100%;
|
|||
|
|
flex-basis: 100%;
|
|||
|
|
-webkit-box-pack: justify;
|
|||
|
|
-ms-flex-pack: justify;
|
|||
|
|
justify-content: space-between; } }
|
|||
|
|
@media (max-width: 575px) {
|
|||
|
|
.site-header .jumbotron-charts {
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: column;
|
|||
|
|
flex-direction: column; }
|
|||
|
|
.site-header .jumbotron-charts .item {
|
|||
|
|
-webkit-box-pack: justify;
|
|||
|
|
-ms-flex-pack: justify;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 2rem; }
|
|||
|
|
.site-header .jumbotron-charts .item:last-child {
|
|||
|
|
margin-bottom: 0; } }
|
|||
|
|
.site-header .breadcrumb {
|
|||
|
|
width: 100%;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-ms-flex-wrap: wrap;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
-webkit-box-pack: justify;
|
|||
|
|
-ms-flex-pack: justify;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
padding: 0 1.5rem;
|
|||
|
|
border-top: 1px solid #e6e6e6; }
|
|||
|
|
.site-header .breadcrumb::after {
|
|||
|
|
display: none; }
|
|||
|
|
.site-header .breadcrumb .btn-scondary {
|
|||
|
|
box-shadow: 0 0 1px #ccc;
|
|||
|
|
background: #fff;
|
|||
|
|
color: #6c6a6f; }
|
|||
|
|
.site-header .breadcrumb ul, .site-header .breadcrumb ol {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
margin: .5rem 0; }
|
|||
|
|
.site-header .breadcrumb .breadcrumb-tree {
|
|||
|
|
margin-right: 2.5rem; }
|
|||
|
|
.site-header .breadcrumb ul li {
|
|||
|
|
margin-right: .5rem; }
|
|||
|
|
.site-header .breadcrumb ul li:last-child {
|
|||
|
|
margin-right: 0; }
|
|||
|
|
|
|||
|
|
/************************************
|
|||
|
|
* site-menubar
|
|||
|
|
*************************************/
|
|||
|
|
.site-menubar {
|
|||
|
|
z-index: 998;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
top: 66px;
|
|||
|
|
/* width: 240px; */ }
|
|||
|
|
body:not(.menubar-fold) .site-menubar {
|
|||
|
|
height: calc(100% - 66px) !important; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
body.menubar-fold .site-menubar {
|
|||
|
|
/* -webkit-box-flex: 0;
|
|||
|
|
-ms-flex: 0 0 64px;
|
|||
|
|
flex: 0 0 64px;
|
|||
|
|
width: 64px;*/
|
|||
|
|
position: relative;
|
|||
|
|
min-height: 1300px;
|
|||
|
|
top: 0; }
|
|||
|
|
|
|||
|
|
body.menubar-fold .site-menubar .site-menu{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.site-menubar {
|
|||
|
|
-webkit-transition: left .2s, top .35s, height .35s;
|
|||
|
|
transition: left .2s, top .35s, height .35s;
|
|||
|
|
overflow: auto;
|
|||
|
|
left: -242px; }
|
|||
|
|
body.menubar-open .site-menubar {
|
|||
|
|
left: 0; }
|
|||
|
|
body.navbar-collapse-in .site-menubar {
|
|||
|
|
top: 132px;
|
|||
|
|
height: calc(100% - 132px);
|
|||
|
|
z-index: 999; } }
|
|||
|
|
|
|||
|
|
.slimScrollDiv.disabled {
|
|||
|
|
overflow: inherit !important;
|
|||
|
|
height: 100% !important; }
|
|||
|
|
.slimScrollDiv.disabled .site-menubar-inner {
|
|||
|
|
overflow: inherit !important;
|
|||
|
|
height: 100% !important; }
|
|||
|
|
|
|||
|
|
.site-menu {
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0; }
|
|||
|
|
.site-menu li {
|
|||
|
|
position: relative;
|
|||
|
|
list-style-type: none;
|
|||
|
|
font-size: .875rem; }
|
|||
|
|
.site-menu li.menu-section-heading {
|
|||
|
|
padding: 1rem;
|
|||
|
|
font-weight: 400;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
background: none !important; }
|
|||
|
|
.site-menu li a {
|
|||
|
|
height: 48px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
padding: 0 1rem;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
text-decoration: none; }
|
|||
|
|
.site-menu .menu-icon {
|
|||
|
|
width: 1rem; }
|
|||
|
|
.site-menu .menu-text {
|
|||
|
|
margin-left: 1.5rem;
|
|||
|
|
margin-right: auto; }
|
|||
|
|
.site-menu .menu-icon + .menu-text {
|
|||
|
|
margin-left: .5rem !important; }
|
|||
|
|
.site-menu .menu-caret {
|
|||
|
|
-webkit-transition: -webkit-transform .5s ease-in-out;
|
|||
|
|
transition: -webkit-transform .5s ease-in-out;
|
|||
|
|
transition: transform .5s ease-in-out;
|
|||
|
|
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; }
|
|||
|
|
.site-menu li.open > a .menu-caret {
|
|||
|
|
-webkit-transform: rotate(90deg);
|
|||
|
|
-ms-transform: rotate(90deg);
|
|||
|
|
transform: rotate(90deg); }
|
|||
|
|
.site-menu .submenu {
|
|||
|
|
display: none; }
|
|||
|
|
.site-menu .menu-heading {
|
|||
|
|
background: none !important;
|
|||
|
|
font-size: 1rem;
|
|||
|
|
font-weight: 400;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
display: none; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
body.menubar-fold .site-menu li.menu-heading {
|
|||
|
|
display: block; }
|
|||
|
|
body.menubar-fold .site-menu > li.menu-section-heading {
|
|||
|
|
display: none; }
|
|||
|
|
body.menubar-fold .site-menu > li > a {
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-ms-flex-pack: center;
|
|||
|
|
justify-content: center; }
|
|||
|
|
body.menubar-fold .site-menu > li > a > .menu-text {
|
|||
|
|
display: none; }
|
|||
|
|
body.menubar-fold .site-menu > li > a > .menu-caret {
|
|||
|
|
display: none; }
|
|||
|
|
body.menubar-fold .site-menu .submenu {
|
|||
|
|
width: 240px; }
|
|||
|
|
body.menubar-fold .site-menu .submenu a {
|
|||
|
|
padding-left: 1.5rem; }
|
|||
|
|
body.menubar-fold .site-menu .submenu .menu-text {
|
|||
|
|
margin-left: 0; }
|
|||
|
|
body.menubar-fold .site-menu > li > .submenu {
|
|||
|
|
display: none !important; }
|
|||
|
|
body.menubar-fold .site-menu > li > .submenu {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 100%;
|
|||
|
|
top: 0; }
|
|||
|
|
body.menubar-fold .site-menu > li.open > .submenu {
|
|||
|
|
display: block !important; } }
|
|||
|
|
|
|||
|
|
/* =====================================
|
|||
|
|
* site-main
|
|||
|
|
===================================== */
|
|||
|
|
.site-wrapper {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex; }
|
|||
|
|
|
|||
|
|
.site-main {
|
|||
|
|
-webkit-box-flex: 0;
|
|||
|
|
-ms-flex: 0 1 5000px;
|
|||
|
|
flex: 0 1 5000px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: column;
|
|||
|
|
flex-direction: column; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.site-main {
|
|||
|
|
margin-left: 240px; }
|
|||
|
|
body.menubar-fold .site-main {
|
|||
|
|
margin-left: 0; } }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.site-main {
|
|||
|
|
-webkit-transition: -webkit-transform .2s;
|
|||
|
|
transition: -webkit-transform .2s;
|
|||
|
|
transition: transform .2s;
|
|||
|
|
transition: transform .2s, -webkit-transform .2s; }
|
|||
|
|
body.menubar-open .site-main {
|
|||
|
|
-webkit-transform: translate3d(240px, 0, 0);
|
|||
|
|
transform: translate3d(240px, 0, 0); } }
|
|||
|
|
|
|||
|
|
.site-content {
|
|||
|
|
padding: 1.5rem;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-ms-flex: 1 1 calc(100vh - 301px);
|
|||
|
|
flex: 1 1 calc(100vh - 301px); }
|
|||
|
|
|
|||
|
|
.site-footer {
|
|||
|
|
border-top: 1px solid #edecec;
|
|||
|
|
background: #fdfdfd;
|
|||
|
|
padding: 1.5rem;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-flex: 0;
|
|||
|
|
-ms-flex: 0 0 auto;
|
|||
|
|
flex: 0 0 auto; }
|
|||
|
|
|
|||
|
|
.navbar-light .navbar-nav .nav-link,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link {
|
|||
|
|
color: #39527b; }
|
|||
|
|
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link:hover {
|
|||
|
|
color: #60c84c; }
|
|||
|
|
|
|||
|
|
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
|
|||
|
|
.navbar-light .navbar-nav .active > .nav-link,
|
|||
|
|
.navbar-light .navbar-nav .active > .nav-link:focus,
|
|||
|
|
.navbar-light .navbar-nav .active > .nav-link:hover,
|
|||
|
|
.navbar-light .navbar-nav .nav-link.open,
|
|||
|
|
.navbar-light .navbar-nav .nav-link.open:focus,
|
|||
|
|
.navbar-light .navbar-nav .nav-link.open:hover,
|
|||
|
|
.navbar-light .navbar-nav .nav-link.active,
|
|||
|
|
.navbar-light .navbar-nav .nav-link.active:focus,
|
|||
|
|
.navbar-light .navbar-nav .nav-link.active:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .open > .nav-link,
|
|||
|
|
.navbar-inverse .navbar-nav .open > .nav-link:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .open > .nav-link:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .active > .nav-link,
|
|||
|
|
.navbar-inverse .navbar-nav .active > .nav-link:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .active > .nav-link:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.open,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.open:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.open:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.active,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.active:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.active:hover {
|
|||
|
|
color: #60c84c; }
|
|||
|
|
|
|||
|
|
.navbar-light .navbar-nav .nav-link > .badge-success,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link > .badge-success {
|
|||
|
|
box-shadow: 0 0 12px #60c84c; }
|
|||
|
|
|
|||
|
|
.navbar-light .navbar-nav .nav-link > .badge-danger,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link > .badge-danger {
|
|||
|
|
box-shadow: 0 0 12px #ff7473; }
|
|||
|
|
|
|||
|
|
.navbar-light {
|
|||
|
|
background: #f7f7f9; }
|
|||
|
|
.navbar-light .hamburger {
|
|||
|
|
background: #31466a; }
|
|||
|
|
.navbar-light .navbar-btn {
|
|||
|
|
color: #fff;
|
|||
|
|
background: none; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.navbar-light .navbar-collapse {
|
|||
|
|
border-bottom: 1px solid #e6e6e6; }
|
|||
|
|
.navbar-light.bg-white .navbar-collapse {
|
|||
|
|
border-bottom-color: whitesmoke; } }
|
|||
|
|
.navbar-light .navbar-nav .nav-item {
|
|||
|
|
border-left: 1px solid #e6e6e6; }
|
|||
|
|
.navbar-light .navbar-nav .nav-item:first-child {
|
|||
|
|
border: none; }
|
|||
|
|
.navbar-light.bg-white .navbar-nav .nav-item {
|
|||
|
|
border-left-color: whitesmoke; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.navbar-light {
|
|||
|
|
border-bottom: none !important; }
|
|||
|
|
.navbar-light .navbar-nav .nav-item {
|
|||
|
|
border: none !important; } }
|
|||
|
|
|
|||
|
|
.navbar-inverse .hamburger {
|
|||
|
|
background: none; }
|
|||
|
|
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.navbar-inverse .navbar-nav .site-user img {
|
|||
|
|
border: 1px solid rgba(255, 255, 255, 0.7); }
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link {
|
|||
|
|
color: rgba(255, 255, 255, 0.7);
|
|||
|
|
font-weight: 400; }
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
|
|||
|
|
color: #fff; }
|
|||
|
|
.navbar-inverse .navbar-nav .open > .nav-link, .navbar-inverse .navbar-nav .open > .nav-link:focus, .navbar-inverse .navbar-nav .open > .nav-link:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .active > .nav-link,
|
|||
|
|
.navbar-inverse .navbar-nav .active > .nav-link:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .active > .nav-link:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.open,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.open:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.open:hover,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.active,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.active:focus,
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link.active:hover {
|
|||
|
|
color: #fff; }
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link > .badge-success {
|
|||
|
|
border: 1px solid #fff;
|
|||
|
|
background: #50c03b; }
|
|||
|
|
.navbar-inverse .navbar-nav .nav-link > .badge-danger {
|
|||
|
|
border: 1px solid #fff;
|
|||
|
|
background: #ff5b5a; } }
|
|||
|
|
|
|||
|
|
.navbar-inverse .navbar-search .navbar-search-field {
|
|||
|
|
border: none; }
|
|||
|
|
.navbar-inverse .navbar-search .navbar-search-field:focus {
|
|||
|
|
border: none; }
|
|||
|
|
|
|||
|
|
.navbar-inverse .navbar-header {
|
|||
|
|
background: none; }
|
|||
|
|
.navbar-inverse .navbar-header .navbar-toggler,
|
|||
|
|
.navbar-inverse .navbar-header .navbar-brand, .navbar-inverse .navbar-header a {
|
|||
|
|
color: #fff; }
|
|||
|
|
.navbar-inverse .navbar-header .navbar-toggler:focus, .navbar-inverse .navbar-header .navbar-toggler:hover,
|
|||
|
|
.navbar-inverse .navbar-header .navbar-brand:focus,
|
|||
|
|
.navbar-inverse .navbar-header .navbar-brand:hover, .navbar-inverse .navbar-header a:focus, .navbar-inverse .navbar-header a:hover {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header {
|
|||
|
|
background: #31466a; }
|
|||
|
|
body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header .navbar-brand, body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header a {
|
|||
|
|
color: #fff; }
|
|||
|
|
body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header .navbar-brand:focus, body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header .navbar-brand:hover, body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header a:focus, body.menubar-inverse .navbar:not(.navbar-inverse) .navbar-header a:hover {
|
|||
|
|
color: #fff; }
|
|||
|
|
body.menubar-light .navbar:not(.navbar-inverse) .navbar-header {
|
|||
|
|
background: #fff;
|
|||
|
|
border-right: 1px solid #e6e6e6;
|
|||
|
|
box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.08); }
|
|||
|
|
body.menubar-light .navbar:not(.navbar-inverse) .navbar-header .navbar-brand, body.menubar-light .navbar:not(.navbar-inverse) .navbar-header a {
|
|||
|
|
color: #39527b; }
|
|||
|
|
body.menubar-light .navbar:not(.navbar-inverse) .navbar-header .navbar-brand:focus, body.menubar-light .navbar:not(.navbar-inverse) .navbar-header .navbar-brand:hover, body.menubar-light .navbar:not(.navbar-inverse) .navbar-header a:focus, body.menubar-light .navbar:not(.navbar-inverse) .navbar-header a:hover {
|
|||
|
|
color: #39527b; } }
|
|||
|
|
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.navbar-light .navbar-header {
|
|||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
|
|||
|
|
border-bottom: 1px solid #eceeef; }
|
|||
|
|
.navbar-light .navbar-header .navbar-toggler,
|
|||
|
|
.navbar-light .navbar-header .navbar-brand, .navbar-light .navbar-header a {
|
|||
|
|
color: #39527b; }
|
|||
|
|
.navbar-light .navbar-header .navbar-toggler:focus, .navbar-light .navbar-header .navbar-toggler:hover,
|
|||
|
|
.navbar-light .navbar-header .navbar-brand:focus,
|
|||
|
|
.navbar-light .navbar-header .navbar-brand:hover, .navbar-light .navbar-header a:focus, .navbar-light .navbar-header a:hover {
|
|||
|
|
color: #39527b; } }
|
|||
|
|
|
|||
|
|
.site-header {
|
|||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
|
|||
|
|
.site-header .jumbotron,
|
|||
|
|
.site-header .breadcrumb {
|
|||
|
|
background: #fff; }
|
|||
|
|
.site-header .breadcrumb {
|
|||
|
|
border-top-color: whitesmoke;
|
|||
|
|
border-bottom: 1px solid whitesmoke; }
|
|||
|
|
.site-navbar.bg-faded ~ .site-wrapper .site-main > .site-header {
|
|||
|
|
box-shadow: none; }
|
|||
|
|
.site-navbar.bg-faded ~ .site-wrapper .site-main > .site-header .jumbotron,
|
|||
|
|
.site-navbar.bg-faded ~ .site-wrapper .site-main > .site-header .breadcrumb {
|
|||
|
|
background: #f4f4f7; }
|
|||
|
|
.site-navbar.bg-faded ~ .site-wrapper .site-main > .site-header .breadcrumb {
|
|||
|
|
border-top-color: #e6e6e6; }
|
|||
|
|
|
|||
|
|
.site-menubar {
|
|||
|
|
background: #39527b; }
|
|||
|
|
|
|||
|
|
.site-menu li.menu-section-heading {
|
|||
|
|
color: #6383b7; }
|
|||
|
|
|
|||
|
|
.site-menu li a {
|
|||
|
|
color: #97adcf; }
|
|||
|
|
|
|||
|
|
.site-menu .menu-icon {
|
|||
|
|
color: #7591bf; }
|
|||
|
|
|
|||
|
|
.site-menu li.open,
|
|||
|
|
.site-menu li.active,
|
|||
|
|
.site-menu li:hover {
|
|||
|
|
background-color: rgba(49, 70, 106, 0.5); }
|
|||
|
|
|
|||
|
|
body.menubar-fold .site-menu li.open {
|
|||
|
|
border-bottom-color: #33496d; }
|
|||
|
|
|
|||
|
|
body.menubar-fold .site-menu > li > .submenu {
|
|||
|
|
background: #364d74; }
|
|||
|
|
|
|||
|
|
body.menubar-fold .site-menu > li > .submenu > li {
|
|||
|
|
border-bottom: 1px solid #33496d; }
|
|||
|
|
|
|||
|
|
body.menubar-light .site-menubar {
|
|||
|
|
background: #fff;
|
|||
|
|
border-right: 1px solid #e6e6e6;
|
|||
|
|
box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08); }
|
|||
|
|
|
|||
|
|
body.menubar-light .site-menu li.menu-section-heading {
|
|||
|
|
color: #555; }
|
|||
|
|
|
|||
|
|
body.menubar-light .site-menu li a {
|
|||
|
|
color: #555; }
|
|||
|
|
|
|||
|
|
body.menubar-light .site-menu .menu-icon {
|
|||
|
|
color: #6f6f6f; }
|
|||
|
|
|
|||
|
|
body.menubar-light .site-menu li.open,
|
|||
|
|
body.menubar-light .site-menu li.active,
|
|||
|
|
body.menubar-light .site-menu li:hover {
|
|||
|
|
background-color: rgba(242, 242, 242, 0.5); }
|
|||
|
|
|
|||
|
|
body.menubar-light.menubar-fold .site-menu li.open {
|
|||
|
|
border-bottom-color: whitesmoke; }
|
|||
|
|
|
|||
|
|
body.menubar-light.menubar-fold .site-menu > li.open,
|
|||
|
|
body.menubar-light.menubar-fold .site-menu > li > .submenu {
|
|||
|
|
background: #fafafa; }
|
|||
|
|
|
|||
|
|
body.menubar-light.menubar-fold .site-menu > li > .submenu > li {
|
|||
|
|
border-bottom: 1px solid whitesmoke; }
|
|||
|
|
|
|||
|
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpdGUuY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fdHlwZS5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fdXRpbGl0aWVzLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19zY2FmZm9sZGluZy5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL192YXJpYWJsZXMuc2NzcyIsIi4uLy4uL2Fzc2V0cy92ZW5kb3IvYm93ZXJfY29tcG9uZW50cy9ib290c3RyYXAvc2Nzcy9fdmFyaWFibGVzLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19jaXJjbGVzLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19jYXJkLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL193aWRnZXQuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fcGFydGlhbHMvX21lZGlhLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19tb2RhbC5zY3NzIiwiLi4vLi4vYXNzZXRzL3ZlbmRvci9ib3dlcl9jb21wb25lbnRzL2Jvb3RzdHJhcC9zY3NzL21peGlucy9fYnJlYWtwb2ludHMuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fcGFydGlhbHMvX2FjY29yZGlvbi5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fYWxlcnRzLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19idXR0b25zLnNjc3MiLCIuLi8uLi9hc3NldHMvdmVuZG9yL2Jvd2VyX2NvbXBvbmVudHMvYm9vdHN0cmFwL3Njc3MvbWl4aW5zL19idXR0b25zLnNjc3MiLCIuLi8uLi9hc3NldHMvdmVuZG9yL2Jvd2VyX2NvbXBvbmVudHMvYm9vdHN0cmFwL3Njc3MvbWl4aW5zL19ob3Zlci5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fcHJvZ3Jlc3Muc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fcGFydGlhbHMvX2Ryb3Bkb3duLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19tZWdhLW1lbnUuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fcGFydGlhbHMvX2F2YXRhcnMuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fbWl4aW5zL19zdGF0dXMtdmFyaWFudC5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9faGFtYnVyZ2VyLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19pbWctZ2FsbGVyeS5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fdGV4dC5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fYmFja2dyb3VuZC5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19wYXJ0aWFscy9fcG9zdGVyLnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3BhcnRpYWxzL19jdXN0b20tZm9ybS1lbGVtZW50cy5zY3NzIiwiLi4vLi4vYXNzZXRzL2dsb2JhbC9zY3NzL19taXhpbnMvX2NoZWNrYm94LXZhcmlhbnQuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fbWl4aW5zL19yYWRpby12YXJpYW50LnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX3NoYXJlZC1jb21wb25lbnRzL19uYXZiYXItbmF2LnNjc3MiLCIuLi8uLi9hc3NldHMvZ2xvYmFsL3Njc3MvX21peGlucy9fcmVzZXQtaW5wdXQuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fc2hhcmVkLWNvbXBvbmVudHMvX25hdmJhci1zZWFyY2guc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc2Nzcy9fc2hhcmVkLWNvbXBvbmVudHMvX3NpZGUtcGFuZWwuc2NzcyIsIi4uLy4uL2Fzc2V0cy9nbG9iYWwvc3ZnLXNwcml0ZS9zcHJpdGUuc2NzcyIsInNlY3Rpb25zL19ib2R5LnNjc3MiLCJzZWN0aW9ucy9fc2l0ZS1uYXZiYXIuc2NzcyIsInNlY3Rpb25zL19zaXRlLWhlYWRlci5zY3NzIiwic2VjdGlvbnMvX3NpdGUtbWVudWJhci5zY3NzIiwic2VjdGlvbnMvX3NpdGUtbWFpbi5zY3NzIiwidGhlbWVzL19zaXRlLW5hdmJhci5zY3NzIiwidGhlbWVzL19zaXRlLWhlYWRlci5zY3NzIiwidGhlbWVzL19zaXRlLW1lbnViYXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNBakI7O0VBRUUsaUJBQWdCLEVBQ2pCOztBQUVEOztFQUVFLGlCQUFnQixFQUNqQjs7QUFHRDtFQUNFLGVBQWMsRUFDZjs7QUNYRDtFQUNDLDRCQUEyQixFQUMzQjs7QUFFRDtFQUNDLDhCQUE2QixFQUM3Qjs7QUFFRDtFQUNFLGdCQUFlO0VBQ2YsaUJBQWdCLEVBQ2pCOztBQUVEO0VBQ0UsbUJBQWtCLEVBQ25COztBQUdEO0VBQ0UsNEJBQTJCLEVBQzVCOztBQUVEO0VBQ0Usa0NBQXdDLEVBQ3pDOztBQUdEO0VBQ0UsMkJBQXFDLEVBQ3RDOztBQUVEO0VBQ0UsOEJBQW1DLEVBQ3BDOztBQUVEO0VBQ0UsK0JBQW1DLEVBQ3BDOztBQUVEO0VBQ0UsOEJBQW1DLEVBQ3BDOztBQUlEO0VBQ0UsMEJBQXlCLEVBQzFCOztBQUlEO0VBQ0UsNEJBQTJCLEVBQzVCOztBQUVEO0VBQ0UsNEJBQTJCLEVBQzVCOztBQUlEO0VBQ0Usd0JBQXVCLEVBQ3hCOztBQUVEO0VBQ0UscUNBQWtELEVBQ25EOztBQUVEO0VBQ0UscUNBQWtELEVBQ25EOztBQUVEO0VBQ0UsNEJBQTJCLEVBQzVCOztBQUVEO0VBQ0UseUNBQXNELEVBQ3ZEOztBQUVEO0VBQ0UseUNBQXNELEVBQ3ZEOztBQUVEO0VBQ0UsOEJBQTZCLEVBQzlCOztBQUVEO0VBQ0UsMkNBQXdELEVBQ3pEOztBQUVEO0VBQ0UsMkNBQXdELEVBQ3pEOztBQUVEO0VBQ0UsK0JBQThCLEVBQy9COztBQUVEO0VBQ0UsNkJBQTRCLEVBQzdCOztBQUVEO0VBQ0UsNENBQXlELEVBQzFEOztBQUVEO0VBQ0UsNENBQXlELEVBQzFEOztBQUVEO0VBQ0UsMENBQXVELEVBQ3hEOztBQUVEO0VBQ0UsMENBQXVELEVBQ3hEOztBQUVEO0VBQ0UsaUNBQXVDLEVBQ3hDOztBQUVEO0VBQ0UsaUNBQXVDLEVBQ3hDOztBQUVEO0VBQ0UsaUNBQXVDLEVBQ3hDOztBQUVEO0VBQ0UsaUNBQXNDLEVB
|
|||
|
|
.custom-icon{width:24px;}
|
|||
|
|
|
|||
|
|
.block,.clearfix{display:block}.col4,.col5,.col8{float:left}.button,.dark{color:#FFF}.button,.row1{height:40px}.button,.truncate{white-space:nowrap;text-overflow:ellipsis}.module:target{z-index:1001;opacity:1}.module{z-index:-1;position:absolute;top:10px;left:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app{z-index:1}.col5{width:41.6666%;max-width:500px}.col8{width:66.6666%;max-width:800px}.draw-controls{z-index:2}.contain{position:relative}.fill-blue{background:#3887BE}.pin-top{top:0;right:0;left:0}.pin-bottom,.pin-bottomleft,.pin-bottomright,.pin-left,.pin-right,.pin-top,.pin-topleft,.pin-topright{position:absolute}.prose.small,.small,small{font-size:12px;line-height:20px;letter-spacing:0}.truncate{overflow:hidden}.button,.icon:before,.rcon:after{display:inline-block;-webkit-font-smoothing:antialiased}.pad1x{padding-left:10px}.pill.unround .unround,.unround{border-radius:0}.keyline-left{border-left:1px solid rgba(0,0,0,.1)}.col4{width:33.3333%;max-width:400px}.button{background-color:#3887BE;text-align:center;margin:0;padding:10px;position:relative;border:none;cursor:pointer;font-family:'Open Sans Bold',sans-serif;line-height:20px;font-size:12px;-webkit-appearance:none}#control-tip-buttons .button:hover{opacity:.6}a,a>code{color:#3887BE;text-decoration:none}.icon:not(.big):before{margin-right:5px}.icon:before,.rcon:after{font-family:icon;content:'';height:20px;font-size:20px;color:inherit;vertical-align:top;-webkit-background-size:4320px 60px;background-size:4320px 60px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-moz-osx-font-smoothing:grayscale}.button:hover,.dark .button,.dark .button:hover,.dark .quiet.button,.dark .quiet.button:hover,.dark [type=button]:hover,.dark [type=submit]:hover,.dark a.active,.dark a:hover,.dark a:hover>code,a.dark.active,a.dark:hover{color:#FFF}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#marker-help.active,#marker-help.active+#marker-pane{top:40px}#marker-help{z-index:1}.module:target>:not(script){display:block}.animate{-webkit-transition:all .125s;-moz-transition:all .125s;-ms-transition:all .125s;transition:all .125s}.fill-white{background:#fff}.dark a:focus{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.dark .keyline-left{border-left:1px solid rgba(255,255,255,.25)}.button.active,.button:hover{background-color:#3BB2D0}.button:focus{box-shadow:inset 0 0 0 3px rgba(0,0,0,.1)}.dark a,.dark a>code,a.dark{color:rgba(255,255,255,.5)}a:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}a.active,a:hover,a:hover>code{color:#63B6E5}.inline,img.inline{display:inline-block}.pad1y{padding-top:10px;padding-bottom:10px}.quiet{color:#7F7F7F;color:rgba(0,0,0,.5)}.button.quiet,.quiet[type=button],.quiet[type=submit]{background-color:rgba(0,0,0,1);color:#FFF;opacity:.5}a.quiet,a.quiet>code{color:rgba(0,0,0,.5)}.module.app.animate.row1{width:80%!important;opacity:.9}.draw-controls>a{width:20%!important;text-decoration:none}.button.icon.delete,.button.icon.edit,.button.icon.setting{width:33%!important}.button.icon.delete:before,.button.icon.edit:before,.button.icon.setting:before{width:auto!important;height:auto!important}
|
|||
|
|
.leaflet-top{position: absolute; top:100px;}
|
|||
|
|
.leaflet-control-layers{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.user_farm .site-content{
|
|||
|
|
padding:0px !important;
|
|||
|
|
}
|
|||
|
|
.user_farm .site-menubar{
|
|||
|
|
z-index: 99999;
|
|||
|
|
}
|
|||
|
|
.mapfig-legend{background:rgba(255,255,255,0.5); padding:10px; border-radius:5px; border:1px solid #CCC}
|
|||
|
|
.map-legend{margin-bottom:10px;}
|
|||
|
|
.map-legend .fa{display:inline-block; margin-right:10px; font-size:20px;}
|
|||
|
|
.map-legend .legend-text{display:inline-block; white-space:nowrap; font-size:12px; color:#666; font-weight:600}
|
|||
|
|
.awesome-marker-icon-yellow{background-position:-1207px 0}
|
|||
|
|
.user_farm .side-panel.open{
|
|||
|
|
width: 500px;
|
|||
|
|
right:0;
|
|||
|
|
}
|
|||
|
|
.user_farm .side-panel{
|
|||
|
|
right: -520px;
|
|||
|
|
}
|
|||
|
|
#side-panel{
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.download-imaginary-main.mr-3.checkbox{position: relative; box-sizing: border-box; margin: 0; padding-right: 20px; width: 100%;}
|
|||
|
|
.download-imaginary-main.checkbox .download-imginary{position: absolute; top: -12px;
|
|||
|
|
margin-right: 0;
|
|||
|
|
right: 0;
|
|||
|
|
padding-right:0}
|
|||
|
|
|
|||
|
|
.center-main-box{margin: 0 auto;
|
|||
|
|
text-align: center;}
|
|||
|
|
.center-main-box .col-sm-6.col-md-2.col-md-offset-2{display: -webkit-inline-box;}
|
|||
|
|
div.juxtapose {
|
|||
|
|
width: 100%;
|
|||
|
|
font-family: Helvetica, Arial, sans-serif;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-slider {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
div.jx-handle {
|
|||
|
|
position: absolute;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 40px;
|
|||
|
|
cursor: col-resize;
|
|||
|
|
z-index: 15;
|
|||
|
|
margin-left: -20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.vertical div.jx-handle {
|
|||
|
|
height: 40px;
|
|||
|
|
width: 100%;
|
|||
|
|
cursor: row-resize;
|
|||
|
|
margin-top: -20px;
|
|||
|
|
margin-left: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-control {
|
|||
|
|
height: 100%;
|
|||
|
|
margin-right: auto;
|
|||
|
|
margin-left: auto;
|
|||
|
|
width: 3px;
|
|||
|
|
background-color: #f3f3f3;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-control {
|
|||
|
|
height: 3px;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: #f3f3f3;
|
|||
|
|
position: relative;
|
|||
|
|
top: 50%;
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-controller {
|
|||
|
|
position: absolute;
|
|||
|
|
margin: auto;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
height: 60px;
|
|||
|
|
width: 9px;
|
|||
|
|
margin-left: -3px;
|
|||
|
|
background-color: #f3f3f3;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-controller {
|
|||
|
|
height: 9px;
|
|||
|
|
width: 100px;
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
top: -3px;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-arrow {
|
|||
|
|
position: absolute;
|
|||
|
|
margin: auto;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
transition: all .2s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-arrow {
|
|||
|
|
position: absolute;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
transition: all .2s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
div.jx-arrow.jx-left {
|
|||
|
|
left: 2px;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 8px 8px 8px 0;
|
|||
|
|
border-color: transparent #f3f3f3 transparent transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-arrow.jx-right {
|
|||
|
|
right: 2px;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 8px 0 8px 8px;
|
|||
|
|
border-color: transparent transparent transparent #f3f3f3;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-arrow.jx-left {
|
|||
|
|
left: 0px;
|
|||
|
|
top: 2px;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 0px 8px 8px 8px;
|
|||
|
|
border-color: transparent transparent #f3f3f3 transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-arrow.jx-right {
|
|||
|
|
right: 0px;
|
|||
|
|
top: initial;
|
|||
|
|
bottom: 2px;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 8px 8px 0 8px;
|
|||
|
|
border-color: #f3f3f3 transparent transparent transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-handle:hover div.jx-arrow.jx-left,
|
|||
|
|
div.jx-handle:active div.jx-arrow.jx-left {
|
|||
|
|
left: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-handle:hover div.jx-arrow.jx-right,
|
|||
|
|
div.jx-handle:active div.jx-arrow.jx-right {
|
|||
|
|
right: -1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-handle:hover div.jx-arrow.jx-left,
|
|||
|
|
.vertical div.jx-handle:active div.jx-arrow.jx-left {
|
|||
|
|
left: 0px;
|
|||
|
|
top: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-handle:hover div.jx-arrow.jx-right,
|
|||
|
|
.vertical div.jx-handle:active div.jx-arrow.jx-right {
|
|||
|
|
right: 0px;
|
|||
|
|
bottom: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
div.jx-image {
|
|||
|
|
position: absolute;
|
|||
|
|
height: 100%;
|
|||
|
|
display: inline-block;
|
|||
|
|
top: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-backface-visibility: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-image {
|
|||
|
|
width: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
top: initial;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image img {
|
|||
|
|
height: 100%;
|
|||
|
|
z-index: 5;
|
|||
|
|
position: absolute;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
|
|||
|
|
max-height: none;
|
|||
|
|
max-width: none;
|
|||
|
|
max-height: initial;
|
|||
|
|
max-width: initial;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-image img {
|
|||
|
|
height: initial;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image.jx-left {
|
|||
|
|
left: 0;
|
|||
|
|
background-position: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image.jx-left img {
|
|||
|
|
left: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image.jx-right {
|
|||
|
|
right: 0;
|
|||
|
|
background-position: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image.jx-right img {
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.veritcal div.jx-image.jx-left {
|
|||
|
|
top: 0;
|
|||
|
|
background-position: top;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.veritcal div.jx-image.jx-left img {
|
|||
|
|
top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-image.jx-right {
|
|||
|
|
bottom: 0;
|
|||
|
|
background-position: bottom;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.veritcal div.jx-image.jx-right img {
|
|||
|
|
bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
div.jx-image div.jx-label {
|
|||
|
|
font-size: 1em;
|
|||
|
|
padding: .25em .75em;
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
top: 0;
|
|||
|
|
background-color: #000; /* IE 8 */
|
|||
|
|
background-color: rgba(0,0,0,.7);
|
|||
|
|
color: white;
|
|||
|
|
z-index: 10;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
line-height: 18px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image.jx-left div.jx-label {
|
|||
|
|
float: left;
|
|||
|
|
left: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-image.jx-right div.jx-label {
|
|||
|
|
float: right;
|
|||
|
|
right: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-image div.jx-label {
|
|||
|
|
display: table;
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vertical div.jx-image.jx-right div.jx-label {
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
top: initial;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-credit {
|
|||
|
|
line-height: 1.1;
|
|||
|
|
font-size: 0.75em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-credit em {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Animation */
|
|||
|
|
|
|||
|
|
div.jx-image.transition {
|
|||
|
|
transition: width .5s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div.jx-handle.transition {
|
|||
|
|
transition: left .5s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hide{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.pac-container {
|
|||
|
|
z-index: 9999999 !important;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.modal{
|
|||
|
|
z-index: 20;
|
|||
|
|
}
|
|||
|
|
.modal-backdrop{
|
|||
|
|
z-index: 10;
|
|||
|
|
}
|
|||
|
|
.input-daterange input{
|
|||
|
|
text-align: left !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modal-open .modal{
|
|||
|
|
z-index: 99999;
|
|||
|
|
}
|
|||
|
|
.max-width{max-width: 700px}
|
|||
|
|
|
|||
|
|
.thumb-box{float: left}
|
|||
|
|
.thumb-box .g__thumb{ border: 0}
|
|||
|
|
.greenbg-text{text-align: center; padding:7px 10px; margin: 0 0 50px 0; background: #005826; color: #fff; font-size: 28px}
|
|||
|
|
.map-legend-title{
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.checkbox label::before{border: 1px solid #838383 !important; }
|
|||
|
|
.checkbox label::after{color:#838383 !important }
|
|||
|
|
|
|||
|
|
#current-active-layer{
|
|||
|
|
position: absolute;
|
|||
|
|
top: 76px;
|
|||
|
|
right: 20px;
|
|||
|
|
background-color: rgba(255,255,255,0.5);
|
|||
|
|
padding: 7px 15px;
|
|||
|
|
border-radius: 5px; border: 1px solid #CCC; color: #000;
|
|||
|
|
}
|
|||
|
|
#current-active-layer label{margin-bottom: 0}
|
|||
|
|
|
|||
|
|
@media only screen and (max-width: 1000px) {
|
|||
|
|
.draw-controls>a{ font-size: 0; width: 40px !important}
|
|||
|
|
.draw-controls>a i{font-size: 14px;}
|
|||
|
|
.draw-controls.js-tabs.row1.block.contain.dark.fill-blue.pull-left{width: 200px !important;}
|
|||
|
|
.module.app.animate.row1{width: 90% !important; left: 5% !important}
|
|||
|
|
.draw-controls.js-tabs.row1.block.contain.dark.fill-blue.pull-right{width: 80px !important}
|
|||
|
|
a#edit-edit, a#edit-remove{width: 35px !important;}
|
|||
|
|
#theme-customizer-toggler{ width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
position: absolute;
|
|||
|
|
left: -30px;
|
|||
|
|
top: 45%;}
|
|||
|
|
#theme-customizer-toggler .fa-2x {
|
|||
|
|
font-size: 1em;
|
|||
|
|
}
|
|||
|
|
.navbar-brand img{height: 50px;}
|
|||
|
|
#current-active-layer{padding: 5px}
|
|||
|
|
#current-active-layer h6, #current-active-layer label{margin: 0; padding: 0; font-size: 12px;}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.daterangepicker.dropdown-menu {
|
|||
|
|
z-index: 99999 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.menubar-fold) .site-menubar {
|
|||
|
|
width: 240px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.app-wrapper {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
font-family: 'Raleway', sans-serif;
|
|||
|
|
width: 100%;
|
|||
|
|
border: 1px solid #eceeef;
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
|
|||
|
|
.app-main {
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-ms-flex: 1 1 0%;
|
|||
|
|
flex: 1 1 0%;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
border-left: 1px solid #eceeef;
|
|||
|
|
background: #f7f7f9; }
|
|||
|
|
|
|||
|
|
.app-main-header {
|
|||
|
|
height: 90px;
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 1.5rem;
|
|||
|
|
border-bottom: 1px solid #eceeef; }
|
|||
|
|
|
|||
|
|
.app-main-heading {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
line-height: 40px; }
|
|||
|
|
|
|||
|
|
.app-main-content {
|
|||
|
|
-webkit-box-flex: 2;
|
|||
|
|
-ms-flex: 2 2 0%;
|
|||
|
|
flex: 2 2 0%; }
|
|||
|
|
|
|||
|
|
.app-panel {
|
|||
|
|
height: calc(100% - 66px);
|
|||
|
|
top: 66px;
|
|||
|
|
position: fixed;
|
|||
|
|
width: 340px;
|
|||
|
|
left: -340px;
|
|||
|
|
right: auto;
|
|||
|
|
z-index: 997;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-ms-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
background: #fff;
|
|||
|
|
-webkit-transition: left .5s, top .5s;
|
|||
|
|
transition: left .5s, top .5s;
|
|||
|
|
-webkit-box-flex: 0;
|
|||
|
|
-ms-flex: 0 0 340px;
|
|||
|
|
flex: 0 0 340px;
|
|||
|
|
box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08); }
|
|||
|
|
.app-panel.show {
|
|||
|
|
left: 0; }
|
|||
|
|
body.navbar-collapse-in .app-panel {
|
|||
|
|
top: 132px; }
|
|||
|
|
body.menubar-open .app-panel {
|
|||
|
|
left: -340px; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.app-panel {
|
|||
|
|
position: static;
|
|||
|
|
height: auto;
|
|||
|
|
box-shadow: none; } }
|
|||
|
|
|
|||
|
|
.app-panel-inner {
|
|||
|
|
height: auto; }
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
.app-panel-inner {
|
|||
|
|
height: calc(100% - 90px);
|
|||
|
|
overflow: hidden; } }
|
|||
|
|
|
|||
|
|
.app-panel-toggle {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 25%;
|
|||
|
|
right: -30px;
|
|||
|
|
display: block;
|
|||
|
|
width: 30px;
|
|||
|
|
height: 50px;
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08); }
|
|||
|
|
.app-panel-toggle .fa {
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 50px;
|
|||
|
|
width: 25px;
|
|||
|
|
font-size: 1.13rem; }
|
|||
|
|
.app-panel-toggle .fa-chevron-left {
|
|||
|
|
display: none; }
|
|||
|
|
.show .app-panel-toggle .fa-chevron-left {
|
|||
|
|
display: block; }
|
|||
|
|
.show .app-panel-toggle .fa-chevron-right {
|
|||
|
|
display: none; }
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.app-panel-toggle {
|
|||
|
|
display: none; } }
|
|||
|
|
|
|||
|
|
.panel-item {
|
|||
|
|
border: 1px solid #eceeef;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
margin-bottom: .5rem;
|
|||
|
|
padding: .75rem; }
|
|||
|
|
.panel-item:last-child {
|
|||
|
|
margin-bottom: 0; }
|
|||
|
|
|
|||
|
|
a.panel-item {
|
|||
|
|
display: block; }
|
|||
|
|
|
|||
|
|
.app-search {
|
|||
|
|
position: relative;
|
|||
|
|
height: 90px;
|
|||
|
|
padding: 1.5rem;
|
|||
|
|
border-bottom: 1px solid #eceeef; }
|
|||
|
|
.app-search .search-field {
|
|||
|
|
border: none;
|
|||
|
|
outline: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 40px;
|
|||
|
|
padding: .75rem;
|
|||
|
|
border-radius: 500px;
|
|||
|
|
border: 1px solid #eceeef; }
|
|||
|
|
.app-search .search-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 2.25rem;
|
|||
|
|
right: 2.25rem; }
|
|||
|
|
|
|||
|
|
.inbox-cat-list .panel-item.active, .inbox-cat-list .panel-item:focus, .inbox-cat-list .panel-item:hover {
|
|||
|
|
color: #fff;
|
|||
|
|
border-color: #60c84c;
|
|||
|
|
background: #60c84c; }
|
|||
|
|
.inbox-cat-list .panel-item.active *, .inbox-cat-list .panel-item:focus *, .inbox-cat-list .panel-item:hover * {
|
|||
|
|
color: #fff; }
|
|||
|
|
|
|||
|
|
.mail-cat-name {
|
|||
|
|
margin: 0;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
.mail-cat-name small {
|
|||
|
|
color: #60c84c;
|
|||
|
|
font-size: .75rem; }
|
|||
|
|
|
|||
|
|
.mail-item {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -ms-flexbox;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-ms-flex-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
border: 1px solid #eceeef;
|
|||
|
|
padding: .75rem;
|
|||
|
|
margin-bottom: .5rem;
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 0.25rem; }
|
|||
|
|
.mail-item:last-child {
|
|||
|
|
margin-bottom: 0; }
|
|||
|
|
.mail-item .mail-item-check,
|
|||
|
|
.mail-item .mail-item-star {
|
|||
|
|
margin-right: 1rem; }
|
|||
|
|
.mail-item .mail-item-star {
|
|||
|
|
color: #eceeef;
|
|||
|
|
font-size: 1rem;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
.mail-item .mail-item-star.checked, .mail-item .mail-item-star:hover {
|
|||
|
|
color: #60c84c; }
|
|||
|
|
.mail-item .mail-item-title {
|
|||
|
|
margin: 0 0 auto 0;
|
|||
|
|
font-size: 1rem; }
|
|||
|
|
|
|||
|
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluYm94LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsbUNBQW1DO0VBQ25DLFlBQVk7RUFDWiwwQkFBMEI7RUFDMUIsdUJBQXVCLEVBQUU7O0FBRTNCO0VBQ0Usb0JBQWE7TUFBYixpQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLDZCQUF1QjtFQUF2Qiw4QkFBdUI7TUFBdkIsMkJBQXVCO1VBQXZCLHVCQUF1QjtFQUN2QiwrQkFBK0I7RUFDL0Isb0JBQW9CLEVBQUU7O0FBRXhCO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsaUNBQWlDLEVBQUU7O0FBRXJDO0VBQ0UsaUJBQWlCO0VBQ2pCLGtCQUFrQixFQUFFOztBQUV0QjtFQUNFLG9CQUFhO01BQWIsaUJBQWE7VUFBYixhQUFhLEVBQUU7O0FBRWpCO0VBQ0UsMEJBQTBCO0VBQzFCLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsYUFBYTtFQUNiLGFBQWE7RUFDYixZQUFZO0VBQ1osYUFBYTtFQUNiLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsNkJBQXVCO0VBQXZCLDhCQUF1QjtNQUF2QiwyQkFBdUI7VUFBdkIsdUJBQXVCO0VBQ3ZCLGlCQUFpQjtFQUNqQixzQ0FBOEI7RUFBOUIsOEJBQThCO0VBQzlCLG9CQUFnQjtNQUFoQixvQkFBZ0I7VUFBaEIsZ0JBQWdCO0VBQ2hCLDBDQUEwQyxFQUFFO0VBQzVDO0lBQ0UsUUFBUSxFQUFFO0VBQ1o7SUFDRSxXQUFXLEVBQUU7RUFDZjtJQUNFLGFBQWEsRUFBRTtFQUNqQjtJQUNFO01BQ0UsaUJBQWlCO01BQ2pCLGFBQWE7TUFDYixpQkFBaUIsRUFBRSxFQUFFOztBQUUzQjtFQUNFLGFBQWEsRUFBRTtFQUNmO0lBQ0U7TUFDRSwwQkFBMEI7TUFDMUIsaUJBQWlCLEVBQUUsRUFBRTs7QUFFM0I7RUFDRSxtQkFBbUI7RUFDbkIsU0FBUztFQUNULGFBQWE7RUFDYixlQUFlO0VBQ2YsWUFBWTtFQUNaLGFBQWE7RUFDYixpQkFBaUI7RUFDakIsNENBQTRDLEVBQUU7RUFDOUM7SUFDRSxtQkFBbUI7SUFDbkIsa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixtQkFBbUIsRUFBRTtFQUN2QjtJQUNFLGNBQWMsRUFBRTtFQUNsQjtJQUNFLGVBQWUsRUFBRTtFQUNuQjtJQUNFLGNBQWMsRUFBRTtFQUNsQjtJQUNFO01BQ0UsY0FBYyxFQUFFLEVBQUU7O0FBRXhCO0VBQ0UsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QixxQkFBcUI7RUFDckIsZ0JBQWdCLEVBQUU7RUFDbEI7SUFDRSxpQkFBaUIsRUFBRTs7QUFFdkI7RUFDRSxlQUFlLEVBQUU7O0FBRW5CO0VBQ0UsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYixnQkFBZ0I7RUFDaEIsaUNBQWlDLEVBQUU7RUFDbkM7SUFDRSxhQUFhO0lBQ2IsY0FBYztJQUNkLGlCQUFpQjtJQUNqQixZQUFZO0lBQ1osYUFBYTtJQUNiLGdCQUFnQjtJQUNoQixxQkFBcUI7SUFDckIsMEJBQTBCLEVBQUU7RUFDOUI7SUFDRSxtQkFBbUI7SUFDbkIsYUFBYTtJQUNiLGVBQWUsRUFBRTs7QUFFckI7RUFDRSxZQUFZO0VBQ1osc0JBQXNCO0VBQ3RCLG9CQUFvQixFQUFFO0VBQ3RCO0lBQ0UsWUFBWSxFQUFFOztBQUVsQjtFQUNFLFVBQVU7RUFDVixnQkFBZ0IsRUFBRTtFQUNsQjtJQUNFLGVBQWU7SUFDZixrQkFBa0IsRUFBRTs7QUFFeEI7RUFDRSxxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLDBCQUEwQjtFQUMxQixnQkFBZ0I7RUFDaEIscUJBQXFCO0VBQ3JCLGlCQUFpQjtFQUNqQix1QkFBdUIsRUFBRTtFQUN6QjtJQUNFLGlCQUFpQixFQUFFO0VBQ3JCOztJQUVFLG1CQUFtQixFQUFFO0VBQ3ZCO0lBQ0UsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixnQkFBZ0IsRUFBRTtJQUNsQjtNQUNFLGVBQWUsRUFBRTtFQUNyQjtJQUNFLG1CQUFtQjtJQUNuQixnQkFBZ0IsRUFBRSIsImZpbGUiOiJhcHBzL2luYm94LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hcHAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtZmFtaWx5OiAnUmFsZXdheScsIHNhbnMtc2VyaWY7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtOyB9XG5cbi5hcHAtbWFpbiB7XG4gIGZsZXg6IDEgMSAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBiYWNrZ3JvdW5kOiAjZjdmN2Y5OyB9XG5cbi5hcHAtbWFpbi1oZWFkZXIge1xuICBoZWlnaHQ6IDkwcHg7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlY2VlZWY7IH1cblxuLmFwcC1tYWluLWhlYWRpbmcge1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBsaW5lLWhlaWdodDogNDBweDsgfVxuXG4uYXBwLW1haW4tY29udGVudCB7XG4gIGZsZXg6IDIgMiAwJTsgfVxuXG4uYXBwLXBhbmVsIHtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA2NnB4KTtcbiAgdG9wOiA2NnB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAzNDBweDtcbiAgbGVmdDogLTM0MHB4O1xuICByaWdodDogYXV0bztcbiAgei1pbmRleDogOTk3O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB0cmFuc2l0aW9uOiBsZWZ0IC41cywgdG9wIC41cztcbiAgZmxleDogMCAwIDM0MHB4O1xuICBib3gtc2hhZG93OiAycHggMCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTsgfVxuICAuYXBwLXBhbmVsLnNob3cge1xuICAgIGxlZnQ6IDA7IH1cbiAgYm9keS5uYXZiYXItY29sbGFwc2UtaW4gLmFwcC1wYW5lbCB7XG4gICAgdG9wOiAxMzJweDsgfVxuICBib2R5Lm1lbnViYXItb3BlbiAuYXBwLXBhbmVsIHtcbiAgICBsZWZ0OiAtMzQwcHg7IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgLmFwcC1wYW5lbCB7XG4gICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgYm94LXNoYWRv
|
|||
|
|
|