@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	font-family: sans-serif;
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

main{margin-top:20px;}

/* -Start COMMON */
*:not(i) {
  font-family: 'Public sans', sans-serif !important;
}
a { color: #2ad1a3; }
a:hover { color: #234886; }
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOutOpacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.bg-default {
  background: url('../images/background-image-client.jpg') no-repeat center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
.dark-bg-block { background-color: rgba(0, 0, 0, 0.5);border-radius: 10px; }
.title-interface { text-transform: uppercase; }
/* -End COMMON */

/* -Start MDB */
@media (min-width: 600px) {

    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%
    }
}

@media (min-width: 992px) {

    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%
    }
}

@media (min-width: 1200px) {

    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%
    }
}
.hr-dark {
	border-color: #dadada;
}
.md-form-list input {
	border-radius:0;
}
.md-form input:focus,
.md-form select:focus,
.md-form-list input:focus,
.md-form textarea:focus {
  border-color: #234886 !important;
  -webkit-box-shadow: 0 1px 0 0 #234886 !important;
  box-shadow: 0 1px 0 0 #234886 !important
}
.md-form-list input:focus {
	border-radius:0;
	border-color: #234886 !important;
  -webkit-box-shadow: 0 1px 0 0 #234886 !important;
  box-shadow: 0 1px 0 0 #234886 !important
}
.md-form input:focus+label,
.md-form .mdb-select.active label,
.md-form select:focus+label,
.md-form textarea:focus+label {
    color: #234886 !important;
}
.md-form .mdb-select ul {
 top:10px !important;
}
.md-form .mdb-select span,
.md-form .mdb-select.active span,
.md-form-list .mdb-select span,
.md-form-list .mdb-select.active span {
  color: #234886;
}
.md-form .alert-danger,
.md-form.alert-danger  {
  background-color: transparent !important;
}
.md-form .alert-danger label,
.md-form.alert-danger label {
  color: #dc3545 !important;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.card,
.badge,
.btn,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
}
.badge {
  cursor: default;
}
/* -End MDB */

/* -Start FOOTER */

footer {
	position:fixed;
	left: 0;
	bottom: 0;
	width:100%;
}
footer.page-footer {
	background-color: transparent !important;
}
footer .footer-copyright {
	background-color: #000 !important;
}
.footer-copyright,
.footer-copyright * {
	font-weight: 200;
	font-size: 12px;
	text-transform: uppercase;
}
/* -End COMMON */

/* -Start LOGIN */
body.login {
  background: linear-gradient(-180deg, #000, #888);
}
body.login .body-bg:after,
body.login .body-bg.mask-strong:after {
    background: rgba(255, 255, 255, 0.3);
}
body.login .body-bg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 15rem;
  background-attachment: fixed;
}

body.login .body-bg:after {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: ""
}

body.login .logo {
    width:50%;
}

/* -End LOGIN */

/* -Start SIDEBAR */
.slim .logo-wrapper a img {
    display:none;
    opacity: 0;
	animation-name: fadeOutOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
}
.slim .logo-wrapper a {
  background: transparent url('../images/logo-dashboard.svg') left top no-repeat;
	background-size: 170%;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
}
.side-nav {
	border-radius: 0 !important;
  background: linear-gradient(-180deg, #000, #888) no-repeat;
}
.side-nav .sidenav-bg:after,
.side-nav .sidenav-bg.mask-strong:after {
    background: rgba(0, 0, 0, 0.8) !important;
}
.side-nav.wide.slim {
  width: 3.75rem !important;
}
.side-nav .collapsible-body {
	background-color:#343434;
}
.side-nav * {
	border-radius: 0 !important;
}
/* -End SIDEBAR */

/* -Start CARD */
main .card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #dadada;
}
main .card .card-header.lightstyle {
	position:relative;
    text-transform:uppercase;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    color: #888;
    font-weight:300;
    overflow:hidden;
}
main .card .card-header.lightstyle.classic-tabs {
    background-color: #f6f6f6;
    padding-bottom:0 !important;
}
main .card .card-header.lightstyle.classic-tabs ul {
    border:none;
}
main .card .card-header.lightstyle.classic-tabs ul li {
    margin:0;
}
main .card .card-header.lightstyle.classic-tabs a {
    background-color: transparent;
    color: #888;
    font-size: 1em;
    border:none;
    border-bottom: 5px solid #f6f6f6;
    margin:0;
    cursor: pointer;
}
main .card .card-header.lightstyle.classic-tabs a:hover,
main .card .card-header.lightstyle.classic-tabs a.active,
main .card .card-header.lightstyle.classic-tabs a.active:hover {
    color:#000;
    cursor: pointer;
}
main .card .card-header.lightstyle.classic-tabs a.active,
main .card .card-header.lightstyle.classic-tabs a.active:hover {
    border-bottom: 5px solid #2ad1a3;
}
main .card .card-header i.fas {
    position:absolute !important;
    right:10px !important;
    top:8px !important;
    font-size:2em;
}
main .card .card-header.lightstyle i.fas {
	color:#dadada;
}
main .card .card-header.tabstyle i.fas {
	color:#fff;
}
main .card p {
    color:#888 !important;
}
main .card .list-group li {
	border:0 !important;
	border-top: 1px solid #dadada !important;
}
main .card .list-group li .subtitle {
	font-size:0.8em;
	font-weight:bold;
}
main .card .list-group li .title {
	font-size:0.9em;
	color:#888;
}
/* -End CARD */

/* -Start LIST */
.dataTables_wrapper {
	overflow:hidden;
}
.table.table-hover tbody tr:hover {
  background-color: #f6f6f6 !important;
}
.table {
  margin:0 !important;
  padding:0 !important;
}
.table th {
	font-weight:600;
}
.table tfoot th {
	font-weight:600;
	border-top-width:2px;
}
.dataTables_length label {
	font-size:0.8em !important;
	text-transform: uppercase;
}
.dataTables_info {
	font-size:0.8em;
}
.dataTables_paginate * {
	font-size:0.9em !important;
}
.dataTables_paginate a {
    margin:0 1px;
	border-radius:15px !important;
}

.dataTables_paginate .active a {
    background-color: #888 !important;
}
/* >= MD devices */
@media (min-width: 991px) {
	.dataTables_length,
	.dataTables_info {
		margin-top:10px;
	}
}

/* -End LIST */