body, pre {  
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.75rem;
}

.alert {
    background-color: #49c5b1;
    color: #ffffff;
}

.footer .copyright {
    font-size: 14px;
}

.main-panel {
    background-image: url('../img/main-background.jpg');
}

.fixed-plugin .badge-black {
    background-color: #000000;
}

.badge-black {
    color: #ffffff;
    background-color: #000000;
}

a.badge-black:hover, a.badge-black:focus {
    color: #ffffff;
    background-color: #000000;
}

a.badge-black:focus, a.badge-black.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(20, 10, 0, 0.5);
}

.fixed-plugin .badge-green {
    background-color: #49C5B1;
}

.badge-green {
    color: #ffffff;
    background-color: #49C5B1;
}

a.badge-green:hover, a.badge-green:focus {
    color: #ffffff;
    background-color: #49C5B1;
}

a.badge-green:focus, a.badge-green.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(20, 10, 0, 0.5);
}

.sidebar[data-color="yellow"] li.active > a,
.sidebar[data-color="yellow"] li.active > a i {
    background-color: #FFDF00;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    color: #000000 !important;
}

.sidebar[data-color="green"] li.active > a,
.sidebar[data-color="green"] li.active > a i {
    background-color: #49C5B1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    color: #ffffff !important;
}

.card .card-header-green .card-icon,
.card .card-header-green .card-text,
.card .card-header-green:not(.card-header-icon):not(.card-header-text),
.card.bg-green,
.card.card-rotate.bg-green .front,
.card.card-rotate.bg-green .back {
    background: linear-gradient(90deg, #49C5B1, #5BCAB8);
}

.card .card-header-green .card-icon,
.card .card-header-green:not(.card-header-icon):not(.card-header-text),
.card .card-header-green .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(73, 197, 177, 0.4);
}

.card .card-header-yellow .card-title a,
.card .card-header-yellow .card-title,
.card .card-header-yellow .icon i,
.card .bg-yellow .card-title a,
.card .bg-yellow .card-title,
.card .bg-yellow .icon i {
    color: #000000;
}

.card .card-header-yellow .card-icon,
.card .card-header-yellow .card-text,
.card .card-header-yellow:not(.card-header-icon):not(.card-header-text),
.card .bg-yellow,
.card .card-rotate .bg-yellow .front,
.card .card-rotate .bg-yellow .back {
    background: linear-gradient(90deg, #FFDF00, #FFE219);
    color: #000000;
}

.card .card-header-yellow .card-icon,
.card .card-header-yellow:not(.card-header-icon):not(.card-header-text),
.card .card-header-yellow .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 223, 0, 0.4);
}

.btn.btn-black,
.btn.btn-black:focus,
.btn.btn-black:hover {
    background-color: #000000;
    color: #ffffff;
}

.btn.btn-black.btn-link {
    color: #000000;
    background: transparent;
    box-shadow: none;
}

.table-heading {
    margin-bottom: 10px;
}

.table thead tr th {
    font-size: 0.9rem;
    font-weight: 600;
}

.table-profile
{
    margin-top: 20px;
}

.table-profile-green {
    background-color: #49C5B1;
    color: #ffffff;
}

.table-profile-yellow {
    background-color: #FFDF00;
    color: #000000;
}

.sidebar .logo .simple-text {
    font-size: 14px;
}

.sidebar .logo a.logo-mini {
    width: 36px;
    margin-right: 12px;
}

.sidebar[data-background-color="green"] {
    background-color: #49C5B1;
}

.sidebar[data-background-color="green"] .nav .nav-item .nav-link {
    color: #fff;
}

.sidebar[data-background-color="green"] .nav .nav-item i {
    color: rgba(255, 255, 255, 0.8);
}

.sidebar[data-background-color="green"] .nav .nav-item.active [data-toggle="collapse"],
.sidebar[data-background-color="green"] .nav .nav-item:hover [data-toggle="collapse"] {
    color: #fff;
}

.sidebar[data-background-color="green"] .nav .nav-item.active [data-toggle="collapse"] i,
.sidebar[data-background-color="green"] .nav .nav-item:hover [data-toggle="collapse"] i {
    color: rgba(255, 255, 255, 0.8);
}

.sidebar[data-background-color="green"] .user a {
    color: #fff;
}

.sidebar[data-background-color="green"] .simple-text {
    color: #fff;
}

.sidebar[data-background-color="green"] .sidebar-background:after {
    background: #49C5B1;
    opacity: .8;
}

.sidebar[data-background-color="green"] .user:after,
.sidebar[data-background-color="green"] .logo:after,
.sidebar[data-background-color="green"] .nav li.separator:after {
    background-color: rgba(255, 255, 255, 0.3);
}

.sidebar[data-background-color="green"] .nav li:hover:not(.active) > a,
.sidebar[data-background-color="green"] .nav li.active > [data-toggle="collapse"] {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar[data-background-color="yellow"] {
    background-color: #FFDF00;
}

.sidebar[data-background-color="yellow"] .nav .nav-item .nav-link {
    color: #000000;
}

.sidebar[data-background-color="yellow"] .nav .nav-item i {
    color: rgba(255, 255, 255, 0.8);
}

.sidebar[data-background-color="yellow"] .nav .nav-item.active [data-toggle="collapse"],
.sidebar[data-background-color="yellow"] .nav .nav-item:hover [data-toggle="collapse"] {
    color: #000000;
}

.sidebar[data-background-color="yellow"] .nav .nav-item.active [data-toggle="collapse"] i,
.sidebar[data-background-color="yellow"] .nav .nav-item:hover [data-toggle="collapse"] i {
    color: rgba(0, 0, 0, 0.8);
}

.sidebar[data-background-color="yellow"] .user a {
    color: #000000;
}

.sidebar[data-background-color="yellow"] .simple-text {
    color: #000000;
}

.sidebar[data-background-color="yellow"] .sidebar-background:after {
    background: #FFDF00;
    opacity: .8;
}

.sidebar[data-background-color="yellow"] .user:after,
.sidebar[data-background-color="yellow"] .logo:after,
.sidebar[data-background-color="yellow"] .nav li.separator:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.sidebar[data-background-color="yellow"] .nav li:hover:not(.active) > a,
.sidebar[data-background-color="yellow"] .nav li.active > [data-toggle="collapse"] {
    background-color: rgba(0, 0, 0, 0.1);
}

.sidebar[data-background-color="white"] {
    background-color: #ffffff;
}

.sidebar[data-background-color="white"] .nav .nav-item .nav-link {
    color: #000000;
}

.sidebar[data-background-color="white"] .nav .nav-item i {
    color: rgba(0, 0, 0, 0.8);
}

.sidebar[data-background-color="white"] .nav .nav-item.active [data-toggle="collapse"],
.sidebar[data-background-color="white"] .nav .nav-item:hover [data-toggle="collapse"] {
    color: #000000;
}

.sidebar[data-background-color="white"] .nav .nav-item.active [data-toggle="collapse"] i,
.sidebar[data-background-color="white"] .nav .nav-item:hover [data-toggle="collapse"] i {
    color: rgba(0, 0, 0, 0.8);
}

.sidebar[data-background-color="white"] .user a {
    color: #000000;
}

.sidebar[data-background-color="white"] .simple-text {
    color: #000000;
}

.sidebar[data-background-color="white"] .sidebar-background:after {
    background: #ffffff;
    opacity: .8;
}

.sidebar[data-background-color="white"] .user:after,
.sidebar[data-background-color="white"] .logo:after,
.sidebar[data-background-color="white"] .nav li.separator:after {
    background-color: rgba(255, 255, 255, 0.3);
}

.sidebar[data-background-color="white"] .nav li:hover:not(.active) > a,
.sidebar[data-background-color="white"] .nav li.active > [data-toggle="collapse"] {
    background-color: rgba(255, 255, 255, 0.1);
}

.btn-green {
    color: #ffffff;
    background-color: #49C5B1;
    border-color: #49C5B1;
    box-shadow: none;
}

.btn-green:hover {
    color: #ffffff;
    background-color: #49C5B1;
    border-color: #49C5B1;
}

.btn-green:focus,
.btn-green.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
    color: #ffffff;
    background-color: #49C5B1;
    border-color: #49C5B1;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
    color: #ffffff;
    background-color: #49C5B1;
    border-color: #49C5B1;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-yellow {
    color: #000000;
    background-color: #FFDF00;
    border-color: #FFDF00;
    box-shadow: none;
}

.btn-yellow:hover {
    color: #000000;
    background-color: #FFDF00;
    border-color: #FFDF00;
}

.btn-yellow:focus,
.btn-yellow.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-yellow.disabled,
.btn-yellow:disabled {
    color: #000000;
    background-color: #FFDF00;
    border-color: #FFDF00;
}

.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
    color: #000000;
    background-color: #FFDF00;
    border-color: #FFDF00;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-grey {
    color: #000000;
    background-color: #fbfbfb;
    background-color: #fbfbfb;
    box-shadow: none;
}

.btn-grey:hover {
    color: #000000;
    background-color: #fbfbfb;
    background-color: #fbfbfb;
}

.btn-grey:focus,
.btn-grey.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-grey.disabled,
.btn-grey:disabled {
    color: #000000;
    background-color: #fbfbfb;
    background-color: #fbfbfb;
}

.btn-grey:not(:disabled):not(.disabled):active,
.btn-grey:not(:disabled):not(.disabled).active,
.show > .btn-grey.dropdown-toggle {
    color: #000000;
    background-color: #fbfbfb;
    background-color: #fbfbfb;
}

.btn-grey:not(:disabled):not(.disabled):active:focus,
.btn-grey:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.info {
    padding: 10px 0px;
}

.info .info-title {
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
}

.card-wizard[data-color="green"] .moving-tab {
    background-color: #49C5B1;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 150, 243, 0.4);
}

.card-wizard[data-color="green"] .picture:hover {
    border-color: #49C5B1;
}

.card-wizard[data-color="green"] .choice:hover .icon,
.card-wizard[data-color="green"] .choice.active .icon {
    border-color: #49C5B1;
    color: #ffffff;
}

.card-wizard[data-color="green"] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background-color: #49C5B1;
}

.card-wizard[data-color="green"] .radio input[type=radio]:checked ~ .check {
    background-color: #49C5B1;
}

.card-wizard[data-color="green"] .radio input[type=radio]:checked ~ .circle {
    border-color: #49C5B1;
}

.card-wizard .card-description {
    color: red;
}

#measurement .input-group .bmd-form-group:last-child {
    margin-bottom: 24px;
}

form .form-group .error {
    float: right;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item.active {
    background: #49C5B1;
    color: #fff;
}

.sidebar .nav li form {
    margin-left: 30px;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu li > a:hover {
    background: #49C5B1;
    color: #fff;
}

.card [class*="card-header-"] .card-user {
    color: #999999
}

.form-control, .is-focused .form-control {
    background-image: linear-gradient(to top, #49C5B1 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.pagination > .page-item.active > a,
.pagination > .page-item.active > a:focus,
.pagination > .page-item.active > a:hover,
.pagination > .page-item.active > span,
.pagination > .page-item.active > span:focus,
.pagination > .page-item.active > span:hover {
    background-color: #49C5B1;
    border-color: #49C5B1;
}

.card-pricing .card-icon.icon-green i {
    color: #49C5B1;
}

.icon.icon-green {
    color: #49C5B1;
}

.main-raised {
    margin: -60px 30px 0;
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}

.main {
    background: #fff;
    position: relative;
    z-index: 3;
}

[class*="features-"], [class*="contactus-"] {
    padding: 40px 0 20px 0;
}

[class*="legal-"] {
    padding: 40px 0;
}

[class*="testimonials-"] {
    padding: 10px 0 20px 0;
}

.footer-big .gallery-feed img {
    width: 10%;
}

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0,0,0,0.2)
}

.btn-microsoft:focus, .btn-microsoft.focus {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0,0,0,0.2)
}

.btn-microsoft:hover {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0,0,0,0.2)
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0,0,0,0.2)
}

.btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus {
    color: #fff;
    background-color: #0f4bac;
    border-color: rgba(0,0,0,0.2)
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
    background-image: none
}

.btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus {
    background-color: #2672ec;
    border-color: rgba(0,0,0,0.2)
}

.btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff
}

.signup-page .card-signup form .form-check {
    padding-top: 27px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.sidebar .user {
    padding-bottom: 10px !important;
}

.iti__flag {
    background-image: url('../lib/intl-tel-input/img/flags.png');
}

.twitter-typeahead {
    width: 100%;
}

.nav-pills {
    padding-left: 0;
}

.nav-pills.nav-pills-green .nav-item .nav-link.active,
.nav-pills.nav-pills-green .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-green .nav-item .nav-link.active:hover {
    background-color: #49C5B1;
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6);
    color: #ffffff;
}

.nav-pills.nav-pills-white .nav-item .nav-link
{
    color: #ffffff;
}

.nav-pills.nav-pills-white .nav-item .nav-link.active,
.nav-pills.nav-pills-white .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-white .nav-item .nav-link.active:hover {
    background-color: #ffffff;
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6);
    color: #000000;
}

.card-wizard .tab-content {
    min-height: 240px;
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    text-transform: capitalize;
}

.material-datatables .table thead tr th,
.material-tables .table thead tr th,
.material-datatables .table thead tr th a i,
.material-tables .table thead tr th a i,
.material-datatables .table tbody tr.main-header th,
.material-tables .table tbody tr.main-header th {
    background-color: #49C5B1;
    color: #ffffff;
}

.material-datatables .table thead tr.sub-header th,
.material-tables .table thead tr.sub-header th,
.material-datatables .table thead tr.sub-header th a i,
.material-tables .table thead tr th.sub-header a i,
.material-datatables .table tbody tr.sub-header th,
.material-tables .table tbody tr.sub-header th {
    background-color: #000000;
    color: #ffffff;
}

.material-tables .table tbody tr.header th,
.material-tables .table tbody tr.foot th,
.material-tables .table tfoot tr.header th {
    background-color: #fbfbfb;
}

.material-tables .table tfoot tr.total th {
    background-color: #000000;
    color: #ffffff;
}

.material-datatables .table thead tr th a i,
.material-tables .table thead tr th a i {
    font-size: 28px !important;
}

.hide_column {
    display: none;
}

table > thead > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tfoot > tr > td {
    padding: 12px 4px !important;
}

table > tbody > tr > th,
table > tbody > tr > td,
table > tbody > tr > td input,
table > tbody > tr > td textarea {
    padding: 6px 4px !important;
}

.table-bordered > thead > tr,
.table-bordered > tbody > tr.main-header {
    height: 60px;
    min-height: 60px;
}

@media only screen and (max-device-width: 767px) and (orientation: portrait) {

    .table-bordered > thead > tr,
    .table-bordered > tbody > tr.main-header {
        height: 24px;
        min-height: 24px;
    }

}

.table-compressed > thead > tr > th,
.table-compressed > tfoot > tr > th,
.table-compressed > thead > tr > td,
.table-compressed > tfoot > tr > td,
.table-compressed > tbody > tr > th,
.table-compressed > tbody > tr > td,
.table-compressed > tbody > tr > td input {
    font-size: 0.75rem;
}

.sidebar .nav i.glyphter {
    font-size: 28px; 
}

.nav-pills .nav-item i.glyphter {
    font-size: 36px;
} 

.card .card-header .card-icon i.glyphter {
    font-size: 1.5em;
}

.btn-link i.glyphter {
    font-size: 1em;
}

.card-login .card-header {
    padding: 20px 0 24px 0;
}

textarea {
    font: inherit;
    font-size: 0.85em !important;
    line-height: 2 !important;
    min-height: 100px;
    white-space: pre-wrap
}

.min-xs {
    min-height: 60px;
}

.min-sm {
    min-height: 80px;
}

.min-lg {
    min-height: 124px;
}

.min-xl {
    min-height: 148px;
}

.min-xxl {
    min-height: 220px;
}

.text-bold {
    font-weight: 400 !important;
}

.card-subtitle .text-muted {
    font-size: 0.8rem;
}

.bg-highlight-success {
    background-color: #55b559;
    color: #ffffff;
}

.bg-highlight-danger {
    background-color: #f55145;
    color: #ffffff;
}

.bg-highlight-warning {
    background-color: #ff9e0f;
    color: #ffffff;
}

.btn.btn-black.btn-link {
    background-color: transparent;
    color: #000000;
    box-shadow: none;
}

.btn.btn-black.btn-link:hover,
.btn.btn-black.btn-link:focus,
.btn.btn-black.btn-link:active {
    background-color: transparent;
    color: #000000;
}

.btn.btn-white.btn-link {
    background-color: transparent;
    color: #ffffff;
    box-shadow: none;
}

.btn.btn-white.btn-link:hover,
.btn.btn-white.btn-link:focus,
.btn.btn-white.btn-link:active {
    background-color: transparent;
    color: #ffffff;
}

.bootstrap-switch {
    margin-top: 0.5rem;
}

.condensed .bootstrap-switch {
    margin-top: 0;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #49C5B1;
}

.bmd-label-static {
    font-size: 0.75rem !important;
    top: -15px !important;
}

@media only screen and (max-width: 600px) {

    .bmd-label-static {
        top: -20px !important;
    }

}

.table-header-button,
.table-button {
    padding: 6px 10px !important;
}

.table-header-button:hover
.table-button:hover {
    background-color: unset !important;
    color: unset !important;
    box-shadow: none;
}

.table-button > i,
.table-header-button > i {
    font-size: 20px !important;
}

.table-button.small > i,
.table-header-button.small > i {
    font-size: 14px !important;
}

.btn.btn-default.btn-link, .btn.btn-link {
    color: #000000;
}

.modal-dialog .modal-body
{
    padding: 12px 24px;
}

.border-radius-none {
    border-radius: 0;
}

.sidebar .user .photo {
    box-shadow: none;
    height: 40px;
    width: 40px;
}

.sidebar .user .photo img {
    filter: brightness(1.2);
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: none;
    padding-top: 6px !important;
}

.page-header.header-medium {
    height: 85vh;
    min-height: 85vh;
}

.page-header.header-small {
    height: 50vh;
    min-height: 50vh;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .page-header.header-medium {
        height: 80vh;
        min-height: 80vh;
    }

    .page-header.header-small {
        height: 60vh;
        min-height: 60vh;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation: landscape) {

    .page-header.header-medium {
        height: 100vh;
        min-height: 100vh;
    }

    .page-header.header-small {
        height: 80vh;
        min-height: 80vh;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .page-header.header-medium {
        height: 55vh;
        min-height: 55vh;
    }

    .page-header.header-small {
        height: 45vh;
        min-height: 45vh;
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {

    .page-header.header-medium {
        height: 100vh;
        min-height: 100vh;
    } 

    .page-header.header-small {
        height: 80vh;
        min-height: 80vh;
    }

}

@media only screen and (max-device-width: 767px) and (orientation: portrait) {

    .page-header.header-medium {
        height: 70vh;
        min-height: 70vh;
    }

    .page-header.header-small {
        height: 45vh;
        min-height: 45vh;
    }

}

.footer-big {
    padding: 1.875rem 0 0.375rem 0;
}

.header-filter::before {
    background: rgba(0, 0, 0, 0.25);
}

.very-easy {
    background-color: #E4EEFF;
    color: #000000;
}

.easy {
    background-color: #00BFFF;
    color: #ffffff;
}

.moderate {
    background-color: #00B800;
    color: #ffffff;
}

.hard {
    background-color: #FFFF33;
    color: #000000;
}

.very-hard {
    background-color: #FFA500;
    color: #ffffff;
}

.max {
    background-color: #FF0000;
    color: #ffffff;
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: #49C5B1;
}

.search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: .75rem;
}

.search::-moz-placeholder { /* Firefox 19+ */
    font-size: .75rem;
}

.search:-ms-input-placeholder { /* IE 10+ */
    font-size: .75rem;
}

.search:-moz-placeholder { /* Firefox 18- */
    font-size: .75rem;
}

@media (min-width: 1600px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xxl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 1600px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 1rem !important;
    }

    .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .gap-xxl-5 {
        gap: 3rem !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}