C///

\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7\C9n5�\D6?\BD�\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7 \8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh \00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2� \00$\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95 59\A3R:\F3\CE"\B6\80\88\00\00i1u4�\E9\F2�\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9 C/// /* ###### 8.3 Dashboard Three ###### */ .az-content-dashboard-three { position: relative; padding: 0; min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; background-color: #fdfdfd; @include media-breakpoint-up(lg) { border-left: 1px solid $gray-400; margin-left: $az-height-header; } } .az-header-dashboard-three { height: auto; .container-fluid { padding: 15px 20px; } .az-header-left { @include media-breakpoint-up(lg) { display: none; } } .az-header-center { margin-left: 0; } .az-header-right { margin-left: auto; } } .az-content-body-dashboard-three { padding: 0 20px 20px; position: relative; width: 100%; @include media-breakpoint-up(lg) { padding: 5px 20px 20px; } .az-content-title { letter-spacing: -.5px; } } .card-dashboard-nine { border-color: $gray-400; background-color: rgba(#fff, .5); position: relative; padding: 20px 20px 15px; .card-header { position: absolute; top: 20px; left: 20px; right: 20px; padding: 0; background-color: transparent; z-index: 5; h1 { font-size: 32px; font-family: 'Archivo', $font-family-base; margin-bottom: 8px; line-height: 1; letter-spacing: -.5px; color: $gray-900; } } .az-content-label { font-size: 13px; margin-bottom: 10px; color: $body-color; } .card-title { font-weight: 600; } .az-content-text { color: $gray-600; } .bar-chart { position: relative; width: auto; height: 200px; @include media-breakpoint-up(lg) { height: 210px; } } } .card-dashboard-ten { border-width: 0; padding: 20px; @include media-breakpoint-up(sm) { width: calc(50% - 11px); display: inline-block; } @include media-breakpoint-up(lg) { width: auto; display: block; } + .card-dashboard-ten { margin-top: 20px; @include media-breakpoint-up(sm) { margin-top: 0; margin-left: 18px; } @include media-breakpoint-up(lg) { margin-left: 0; margin-top: 20px; } } .az-content-label { font-size: 13px; font-weight: 500; margin-bottom: 15px; line-height: 1.05; color: #fff; } .card-body { padding: 0; display: flex; align-items: center; justify-content: space-between; > div { flex: 1; @include media-breakpoint-up(lg) { flex: none; } @media (min-width: 1360px) { &:first-child { flex-basis: 60%; } &:last-child { flex-basis: 40%; } } label { font-size: 13px; margin-bottom: 0; color: rgba(#fff, .75); } h6 { margin-bottom: 2px; color: #fff; font-size: 32px; font-weight: 600; line-height: .975; font-family: 'Archivo', $font-family-base; @include media-breakpoint-up(lg) { font-size: 24px; } span { font-size: 13px; } .percent { font-size: 20px; } } } } } .card-dashboard-eleven { border-color: $gray-400; position: relative; overflow: hidden; .card-header { padding: 20px; background-color: transparent; position: relative; z-index: 200; } .az-content-label { display: block; font-size: 13px; margin-bottom: 5px; color: $gray-800; line-height: 1.4; }