body {
    margin: 0;
    font-family: Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
}

a {
    color: #009688;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.app-menu, .app-nav, .list-inline, .list-unstyled, .treeview-menu {
    padding-left: 0;
    list-style: none;
}

.breadcrumb-item+.breadcrumb-item:hover::before, 
.btn:focus, .btn:hover, 
.card-link:hover, .nav-link:focus, 
.nav-link:hover, .navbar-brand:focus, 
.navbar-brand:hover, .navbar-toggler:focus, 
.navbar-toggler:hover, a {
    text-decoration: none;
}
.app-sidebar__user-avatar, .rounded-circle {
    border-radius: 50%!important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #009688;
    --bs-btn-border-color: #009688;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #007065;
    --bs-btn-hover-border-color: #00635a;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00635a;
    --bs-btn-active-border-color: #00564e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #009688;
    --bs-btn-disabled-border-color: #009688;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #545b62;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #17a2b8;
    --bs-btn-border-color: #17a2b8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #138496;
    --bs-btn-hover-border-color: #117a8b;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #117a8b;
    --bs-btn-active-border-color: #10707f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #17a2b8;
    --bs-btn-disabled-border-color: #17a2b8;
}


.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c82333;
    --bs-btn-hover-border-color: #bd2130;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bd2130;
    --bs-btn-active-border-color: #b21f2d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #28a745;
    --bs-btn-border-color: #28a745;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #218838;
    --bs-btn-hover-border-color: #1e7e34;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e7e34;
    --bs-btn-active-border-color: #1c7430;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #28a745;
    --bs-btn-disabled-border-color: #28a745;
}

.btn-warning {
    --bs-btn-color: #212529;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e0a800;
    --bs-btn-hover-border-color: #d39e00;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #d39e00;
    --bs-btn-active-border-color: #c69500;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #343a40;
    --bs-btn-border-color: #343a40;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #23272b;
    --bs-btn-hover-border-color: #1d2124;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1d2124;
    --bs-btn-active-border-color: #171a1d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #343a40;
    --bs-btn-disabled-border-color: #343a40;
}


.btn-light {
    --bs-btn-color: #212529;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e2e6ea;
    --bs-btn-hover-border-color: #dae0e5;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #dae0e5;
    --bs-btn-active-border-color: #d3d9df;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}


.btn-link {
    font-weight: 400;
    color: #009688;
    background-color: transparent;
}

.btn-link:hover {
    color: #004a43;
    background-color: transparent;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.text-primary {
    color: #009688!important;
}

.app-notification__meta, 
.text-muted, .text-secondary {
    color: #6c757d!important;
}

.text-info {
    color: #17a2b8!important;
}

.text-white {
    color: #ffffff!important;
}

.text-dark {
    color: #343a40!important;
}

.text-danger {
    color: #dc3545!important;
}

.text-success {
    color: #28a745!important;
}

.text-light {
    color: #f8f9fa!important;
}

.text-warning {
    color: #ffc107!important;
}


.bg-primary {
    background-color: #009688!important;
}

.bg-secondary {
    background-color: #6c757d!important;
}

.bg-info {
    background-color: #17a2b8!important;
}

.bg-white {
    background-color: #ffffff!important;
}

.bg-dark {
    background-color: #343a40!important;
}

.bg-danger {
    background-color: #dc3545!important;
}

.bg-success {
    background-color: #28a745!important;
}

.bg-light {
    background-color: #f8f9fa!important;
}

.bg-warning {
    background-color: #ffc107!important;
}



a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #00635a!important;
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62!important;
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b!important;
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34!important;
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124!important;
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5!important;
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00!important;
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130!important;
}

.table:not(.table-borderless) thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table:not(.table-borderless) td,
.table:not(.table-borderless) th {
    /* padding: .75rem; */
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}



.table-sm td, .table-sm th {
    padding: .3rem;
}

.table-xs td, .table-xs th {
    padding:8px .2rem;
}

.table-xs .input-group>.input-group-text{
    font-size: 12px;
    padding: 5px;
}
.page-link {
    color: #009688;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #009688;
    border-color: #009688;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.close {
    padding: 0;
    border: 0;
    font-size: 1.3125rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    -webkit-appearance: none;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
.badge, .close {
    font-weight: 700;
    line-height: 1;
}

.nav-tabs .nav-link.disabled,
.navbar-toggler, button.close {
    background-color: transparent;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}


.form-group {
    margin-bottom: 1rem;
}


.form-control[readonly],
.form-select[readonly]{
    background-color: #e9e9e9;
}

.form-control:not(:read-only):not(:disabled),
.form-select:not(:read-only):not(:disabled){
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

.form-control:focus,
.form-select:focus {
    color: #495057;
    border-color: #009688;
    outline: 0;
}

.form-group label,
.form-label{margin-bottom: 0.3rem;}

.form-select,
.form-control,
.cke_editor_content,
.form-control:focus,
.form-select:focus,
.cke_editor_content:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}


.input-group>.btn,
.input-group>.form-control,
.input-group>.form-select,
.input-group>.input-group-text{
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}

.form-control {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}

.form-select,
.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
}

.w-10{width:10%!important;}
.w-20{width:20%!important;}
.w-30{width:30%!important;}
.w-40{width:40%!important;}
.w-60{width:60%!important;}
.w-70{width:70%!important;}
.w-80{width:80%!important;}
.w-90{width:90%!important;}

.lh-14{line-height:14px;}

.text-left{text-align: left;}
.text-right{text-align: right;}