/*!
 * Light Bootstrap Dashboard
 * Version: 2.0.1
 * Copyright: Creative Tim (https://www.creative-tim.com)
 * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard/blob/master/LICENSE.md)
 */

 @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,200");

 /* Variables */
 :root {
   --blue: #1D62F0;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #FF0000;
   --orange: #fd7e14;
   --yellow: #FFA534;
   --green: #87CB16;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #6c757d;
   --primary: #1D62F0;
   --secondary: #6c757d;
   --success: #87CB16;
   --info: #1DC7EA;
   --warning: #FFA534;
   --danger: #FF4A55;
   --light: #f8f9fa;
   --dark: #343a40;
 }
 
 /* General Styles */
 body, html {
   font-family: 'Montserrat', "Helvetica Neue", Arial, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   color: #2c2c2c;
   height: 100%;
   background-color: #f5f5f5;
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   margin: 0;
 }
 
 a {
   color: var(--primary);
   text-decoration: none;
 }
 
 a:hover, a:focus {
   color: #1657af;
   text-decoration: none;
 }
 
 /* Wrapper */
 .wrapper {
   position: relative;
   top: 0;
   height: 100vh;
 }
 
 /* Sidebar */
 .sidebar {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   width: 260px;
   display: block;
   z-index: 1;
   color: #fff;
   font-weight: 200;
   background-size: cover;
   background-position: center center;
 }
 
 .sidebar .sidebar-wrapper {
   position: relative;
   height: calc(100vh - 75px);
   overflow: auto;
   width: 260px;
   z-index: 4;
   padding-bottom: 30px;
 }
 
 .sidebar .logo {
   padding: 10px 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .sidebar .logo p {
   float: left;
   font-size: 20px;
   margin: 10px 10px;
   color: #FFFFFF;
   line-height: 20px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .sidebar .logo .simple-text {
   text-transform: uppercase;
   padding: 5px 0px;
   display: block;
   font-size: 18px;
   color: #FFFFFF;
   text-align: center;
   font-weight: 400;
   line-height: 30px;
 }
 
 .sidebar .nav {
   margin-top: 20px;
   float: none;
 }
 
 .sidebar .nav li > a {
   color: rgba(255, 255, 255, 0.8);
   margin: 5px 15px;
   opacity: .86;
   border-radius: 4px;
   display: block;
   padding: 10px 15px;
 }
 
 .sidebar .nav li:hover > a {
   background: rgba(255, 255, 255, 0.13);
   opacity: 1;
   color: #FFFFFF;
 }
 
 .sidebar .nav li.active > a {
   color: #FFFFFF;
   opacity: 1;
   background: rgba(255, 255, 255, 0.23);
 }
 
 .sidebar .nav i {
   font-size: 28px;
   float: left;
   margin-right: 15px;
   line-height: 30px;
   width: 30px;
   text-align: center;
 }
 
 .sidebar .nav p {
   margin: 0;
   line-height: 30px;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   white-space: nowrap;
   position: relative;
 }
 
 .sidebar:after, .sidebar:before {
   display: block;
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 2;
 }
 
 .sidebar:before {
   opacity: .33;
   background: #000000;
 }
 
 .sidebar:after {
   
   z-index: 3;
   opacity: 1;
 }
 
 .sidebar[data-image]:after, .sidebar.has-image:after {
   opacity: .77;
 }
 
 .sidebar[data-color="black"]:after {
   background: #777777;
   background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#000000));
   background: linear-gradient(to bottom, #777777 0%, #000000 100%);
 }
 
 .sidebar[data-color="blue"]:after {
   background: #1F77D0;
   background: -webkit-gradient(linear, left top, left bottom, from(#1F77D0), to(#533ce1));
   background: linear-gradient(to bottom, #1F77D0 0%, #533ce1 100%);
 }
 
 .sidebar[data-color="azure"]:after {
   background: #1DC7EA;
   background: -webkit-gradient(linear, left top, left bottom, from(#1DC7EA), to(#4091ff));
   background: linear-gradient(to bottom, #1DC7EA 0%, #4091ff 100%);
 }
 
 .sidebar[data-color="green"]:after {
   background: #87CB16;
   background: -webkit-gradient(linear, left top, left bottom, from(#87CB16), to(#6dc030));
   background: linear-gradient(to bottom, #87CB16 0%, #6dc030 100%);
 }
 
 .sidebar[data-color="orange"]:after {
   background: #FFA534;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFA534), to(#ff5221));
   background: linear-gradient(to bottom, #FFA534 0%, #ff5221 100%);
 }
 
 .sidebar[data-color="red"]:after {
   background: #FB404B;
   background: -webkit-gradient(linear, left top, left bottom, from(#FB404B), to(#bb0502));
   background: linear-gradient(to bottom, #FB404B 0%, #bb0502 100%);
 }
 
 .sidebar[data-color="purple"]:after {
   background: #9368E9;
   background: -webkit-gradient(linear, left top, left bottom, from(#9368E9), to(#943bea));
   background: linear-gradient(to bottom, #9368E9 0%, #943bea 100%);
 }
 
 /* Main Panel */
 .main-panel {
   position: relative;
   float: right;
   width: calc(100% - 260px);
   min-height: 100%;
   background-color: #f5f5f5;
   -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
   transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
 }
 
 /* Navbar */
 .navbar {
   padding: 10px 30px;
   margin-bottom: 20px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   background-color: #fff;
   border-radius: 0;
 }
 
 .navbar .navbar-brand {
   font-weight: 400;
   margin: 5px 0px;
   font-size: 20px;
   color: #484848;
 }
 
 .navbar .navbar-toggler {
   width: 37px;
   height: 27px;
   vertical-align: middle;
   outline: 0;
   cursor: pointer;
 }
 
 .navbar .navbar-toggler .navbar-toggler-bar {
   width: 3px;
   height: 3px;
   border-radius: 50%;
   margin: 0 auto;
   display: block;
   background: #555555;
 }
 
 .navbar .navbar-toggler .navbar-toggler-bar + .navbar-toggler-bar {
   margin-top: 4px;
 }
 
 .navbar .navbar-toggler:hover .navbar-toggler-bar {
   background: #333333;
 }
 
 .navbar .navbar-nav .nav-item .nav-link {
   padding: 10px 15px;
   margin: 0 5px;
   position: relative;
   color: inherit;
 }
 
 .navbar .navbar-nav .nav-item .nav-link i.fa {
   font-size: 18px;
   position: relative;
   top: 1px;
   text-align: center;
   width: 21px;
 }
 
 .navbar .navbar-nav .nav-item .nav-link p {
   margin: 0;
   line-height: 21px;
 }
 
 .navbar .navbar-nav .nav-item .nav-link .badge {
   position: absolute;
   top: 5px;
   right: 0px;
   font-size: 9px;
   padding: 0px 5px;
 }
 
 .navbar .navbar-nav .dropdown.show .nav-link {
   border-radius: 10px;
   background-color: rgba(222, 222, 222, 0.5);
 }
 
 .navbar .navbar-nav .dropdown.show .dropdown-menu {
   border-radius: 10px;
   margin-top: 0;
 }
 
 .navbar .navbar-nav .dropdown .dropdown-menu {
   border-radius: 10px;
   margin-top: 0;
 }
 
 .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item {
   border-radius: 4px;
   color: #333333;
   font-size: 14px;
   padding: 5px 15px;
   -webkit-transition: all 150ms linear;
   transition: all 150ms linear;
 }
 
 .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover, .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus {
   background-color: rgba(222, 222, 222, 0.3);
   color: #333333;
 }
 
 .navbar .navbar-nav .dropdown .dropdown-menu i {
   margin-right: 5px;
 }
 
 .navbar .navbar-nav .dropdown .dropdown-menu .divider {
   background-color: rgba(222, 222, 222, 0.5);
   margin: 5px 0;
 }
 
 /* Content */
 .content {
   padding: 15px 30px;
 }
 
 .container-fluid {
   padding-right: 15px;
   padding-left: 15px;
 }
 
 /* Cards */
 .card {
   border-radius: 4px;
   background-color: #FFFFFF;
   margin-bottom: 30px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
 }
 
 .card .card-header {
   background-color: transparent;
   border-bottom: none;
   padding: 15px 15px 0;
 }
 
 .card .card-header:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
   border-radius: 3px;
   margin-top: -20px;
   padding: 15px;
 }
 
 .card .card-header .card-title {
   margin-bottom: 5px;
   font-weight: 600;
 }
 
 .card .card-header .card-category {
   margin: 0;
   font-size: 14px;
   color: #9A9A9A;
 }
 
 .card .card-body {
   padding: 15px;
 }
 
 .card .card-footer {
   padding: 15px;
   border-top: 1px solid #eee;
   background-color: transparent;
 }
 
 /* Alerts */
 .alert {
   border: 0;
   border-radius: 0;
   padding: 20px 15px;
   line-height: 20px;
 }
 
 .alert button.close {
   font-size: 20px;
   color: #FFFFFF;
   opacity: 0.9;
   text-shadow: none;
   line-height: 20px;
   outline: none;
 }
 
 .alert .alert-icon {
   display: block;
   float: left;
   margin-right: 15px;
   margin-top: -1px;
 }
 
 .alert .alert-text {
   display: block;
   max-width: 89%;
 }
 
 .alert[data-notify="container"] {
   border-radius: 4px !important;
 }
 
 .alert.alert-info {
   background-color: #63d8f1;
   color: #FFFFFF;
 }
 
 .alert.alert-success {
   background-color: #a1e82c;
   color: #FFFFFF;
 }
 
 .alert.alert-warning {
   background-color: #ffbc67;
   color: #FFFFFF;
 }
 
 .alert.alert-danger {
   background-color: #fc727a;
   color: #FFFFFF;
 }
 
 .alert.alert-primary {
   background-color: #4091e2;
   color: #FFFFFF;
 }
 
 /* Tables */
 .table {
   margin-bottom: 0;
 }
 
 .table > thead > tr > th {
   border-bottom-width: 1px;
   font-size: 14px;
   font-weight: 600;
   padding: 12px 8px;
   vertical-align: middle;
 }
 
 .table > thead > tr > th:last-child {
   padding-right: 12px;
 }
 
 .table > tbody > tr > td {
   color: #9A9A9A;
   font-size: 14px;
   padding: 12px 8px;
   vertical-align: middle;
 }
 
 .table > tbody > tr > td:last-child {
   padding-right: 12px;
 }
 
 .table-hover tbody tr:hover {
   background-color: rgba(0, 0, 0, 0.02);
 }
 
 .table-striped > tbody > tr:nth-of-type(odd) {
   background-color: rgba(0, 0, 0, 0.02);
 }
 
 .table-bordered > thead > tr > th,
 .table-bordered > tbody > tr > td,
 .table-bordered > tfoot > tr > th,
 .table-bordered > tfoot > tr > td {
   border: 1px solid rgba(0, 0, 0, 0.06);
 }
 
 /* Footer */
 .footer {
   background-color: #FFFFFF;
   line-height: 30px;
   padding: 10px 30px;
   border-top: 1px solid #e7e7e7;
 }
 
 .footer nav > ul {
   list-style: none;
   margin: 0;
   padding: 0;
   font-weight: normal;
 }
 
 .footer nav > ul > li {
   display: inline-block;
   margin: 0 10px;
 }
 
 .footer nav > ul > li > a {
   color: #9A9A9A;
   text-transform: uppercase;
   text-decoration: none;
 }
 
 .footer nav > ul > li > a:hover {
   color: #777777;
 }
 
 .footer .copyright {
   font-size: 12px;
   margin: 0;
 }
 
 /* Badges */
 .badge {
   display: inline-block;
   padding: .35em .6em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25rem;
 }
 
 .badge-primary {
   background-color: var(--primary);
   color: white;
 }
 
 .badge-success {
   background-color: var(--success);
   color: white;
 }
 
 .badge-info {
   background-color: var(--info);
   color: white;
 }
 
 .badge-warning {
   background-color: var(--warning);
   color: white;
 }
 
 .badge-danger {
   background-color: var(--danger);
   color: white;
 }
 
 .badge-secondary {
   background-color: var(--secondary);
   color: white;
 }
 
 /* Form Elements */
 .form-control {
   background-color: #FFFFFF;
   border: 1px solid #E3E3E3;
   border-radius: 4px;
   color: #565656;
   padding: 8px 12px;
   height: 40px;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .form-control:focus {
   background-color: #FFFFFF;
   border: 1px solid #aaaaaa;
   box-shadow: none;
   outline: 0 !important;
 }
 
 .form-group.no-border .form-control,
 .form-control.no-border {
   border: 0 none !important;
 }
 
 .form-group.no-border .form-control + .input-group-append,
 .form-control.no-border + .input-group-append {
   margin-left: 0;
 }
 
 textarea.form-control {
   height: auto;
 }
 
 /* Buttons */
 .btn {
   display: inline-block;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
   border: 1px solid transparent;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: .25rem;
   transition: all .15s ease-in-out;
 }
 
 .btn:hover {
   cursor: pointer;
 }
 
 .btn:focus, .btn:hover {
   text-decoration: none;
 }
 
 .btn-primary {
   background-color: var(--primary);
   border-color: var(--primary);
   color: white;
 }
 
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
   background-color: #1657af;
   border-color: #1657af;
   color: white;
 }
 
 .btn-secondary {
   background-color: var(--secondary);
   border-color: var(--secondary);
   color: white;
 }
 
 .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
   background-color: #5a6268;
   border-color: #545b62;
   color: white;
 }
 
 .btn-success {
   background-color: var(--success);
   border-color: var(--success);
   color: white;
 }
 
 .btn-success:hover, .btn-success:focus, .btn-success:active {
   background-color: #78b10c;
   border-color: #70a60c;
   color: white;
 }
 
 .btn-info {
   background-color: var(--info);
   border-color: var(--info);
   color: white;
 }
 
 .btn-info:hover, .btn-info:focus, .btn-info:active {
   background-color: #15b3d3;
   border-color: #14a9c7;
   color: white;
 }
 
 .btn-warning {
   background-color: var(--warning);
   border-color: var(--warning);
   color: white;
 }
 
 .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
   background-color: #ff951a;
   border-color: #ff8f0a;
   color: white;
 }
 
 .btn-danger {
   background-color: var(--danger);
   border-color: var(--danger);
   color: white;
 }
 
 .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
   background-color: #ff313e;
   border-color: #ff1d2c;
   color: white;
 }
 
 .btn-fill {
   color: white;
 }
 
 .btn-fill:hover, .btn-fill:focus, .btn-fill:active {
   color: white;
 }
 
 .btn-default {
   background-color: #f5f5f5;
   border-color: #e3e3e3;
   color: #666666;
 }
 
 .btn-default:hover, .btn-default:focus, .btn-default:active {
   background-color: #e3e3e3;
   border-color: #d1d1d1;
   color: #444444;
 }
 
 .btn-link {
   color: var(--primary);
   background-color: transparent;
 }
 
 .btn-link:hover, .btn-link:focus, .btn-link:active {
   color: #1657af;
   text-decoration: none;
 }
 
 .btn-sm {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem;
 }
 
 /* Responsive Styles */
 @media (max-width: 991px) {
   .sidebar {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     width: 260px;
     display: block;
     z-index: 1030;
     box-shadow: none;
     -webkit-transform: translate3d(-260px, 0, 0);
     transform: translate3d(-260px, 0, 0);
     -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
     transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
   }
 
   .main-panel {
     width: 100%;
   }
 
   .nav-open .sidebar {
     -webkit-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
   }
 
   .nav-open .main-panel {
     right: 0;
     -webkit-transform: translate3d(260px, 0, 0);
     transform: translate3d(260px, 0, 0);
   }
 
   .close-layer {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.35);
     z-index: 1029;
     display: none;
   }
 
   .nav-open .close-layer {
     display: block;
   }
 }
 
 @media print {
   .sidebar {
     display: none !important;
   }
 
   .main-panel {
     width: 100% !important;
     margin: 0 !important;
   }
   
   .navbar, .footer {
     display: none !important;
   }
 }
 
 /* NC Icons */
 .nc-icon {
   display: inline-block;
   font: normal normal normal 14px/1 'nuclear-icons';
   font-size: inherit;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 /* Simulated NC Icons (Font Awesome alternatives) */
 .nc-icon.nc-chart-pie-35:before {
   content: "\f200"; /* fa-pie-chart */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-single-02:before {
   content: "\f007"; /* fa-user */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-grid-45:before {
   content: "\f00a"; /* fa-th */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-settings-gear-64:before {
   content: "\f013"; /* fa-cog */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-bullet-list-67:before {
   content: "\f0ca"; /* fa-list-ul */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-notes:before {
   content: "\f0f6"; /* fa-file-text-o */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-chart-bar-32:before {
   content: "\f080"; /* fa-bar-chart */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-simple-add:before {
   content: "\f067"; /* fa-plus */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-simple-remove:before {
   content: "\f00d"; /* fa-times */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-check-2:before {
   content: "\f00c"; /* fa-check */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-paper-2:before {
   content: "\f15c"; /* fa-file-text */
   font-family: 'FontAwesome';
 }
 
 .nc-icon.nc-print:before {
   content: "\f02f"; /* fa-print */
   font-family: 'FontAwesome';
 }
 
 /* Utilities */
 .text-center {
   text-align: center !important;
 }
 
 .text-right {
   text-align: right !important;
 }
 
 .text-left {
   text-align: left !important;
 }
 
 .text-warning {
   color: var(--warning) !important;
 }
 
 .text-success {
   color: var(--success) !important;
 }
 
 .text-danger {
   color: var(--danger) !important;
 }
 
 .ml-4 {
   margin-left: 1.5rem !important;
 }
 
 .mt-4 {
   margin-top: 1.5rem !important;
 }
 
 .mb-4 {
   margin-bottom: 1.5rem !important;
 }
 
 .d-flex {
   display: flex !important;
 }
 
 .align-items-center {
   align-items: center !important;
 }
 
 .justify-content-center {
   justify-content: center !important;
 }