:root {
    --met-main-bg: #f3f6f9;
    --met-text: #181c32;
    --met-text-muted: #b5b5c3;
    --met-orange: #e96630;
    --met-info: #1bb3c1;
    --met-primary: #123960;
    --met-warning: #f7ae11;
    --met-success: #28a745;
    --met-orange-lite: #e966306a;
    --met-info-lite: #1bb3c16a;
    --met-primary-lite: #1239606a;
    --met-warning-lite: #f7ae116a;
    --met-success-lite: #28a7456a;
}

.met-wrapper .content-wrapper {
    background-color: var(--met-main-bg);
}
.met-wrapper .content-wrapper .content {
    padding: 20px 16px !important;
}
.met-wrapper .gutter-b {
    margin-bottom: 20px;
}
.met-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
}
.met-card.gutter-b {
    height: calc(100% - 20px);
}
.met-card-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 60px;
    padding: 0px 20px 0px 20px;
    background-color: transparent;
}
.met-card-header .met-card-title {
    margin: 12px;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.27rem;
    color: var(--met-text);
}
.met-card-body {
    padding: 4px 20px 20px 20px;
}
.met-grey-inputs .form-control {
    background-color: var(--met-main-bg);
    border-color: #eceef2;
}
.met-grey-inputs .form-control:focus {
    background-color: #eceef2;
    outline: none !important;
    box-shadow: none;
}
.met-grey-inputs .select2-container--default .select2-selection--single {
    background-color: var(--met-main-bg);
    outline: none !important;
    box-shadow: none;
    border-color: #eceef2;
    min-height: 38px;
}
.met-grey-inputs .select2-container {
    width: 100% !important;
}
.met-card-padd {
    padding: 20px;
}
.met-wrapper .met-bg-wrap .bg-orange {
    background-color: var(--met-orange) !important;
    color: #fff !important;
}
.met-wrapper .met-bg-wrap .bg-info {
    background-color: var(--met-info) !important;
    color: #fff !important;
}
.met-wrapper .met-bg-wrap .bg-warning {
    background-color: var(--met-warning) !important;
    color: #fff !important;
}
.met-wrapper .met-bg-wrap .bg-success {
    background-color: var(--met-success) !important;
    color: #fff !important;
}
.met-wrapper .met-bg-wrap .bg-primary {
    background-color: var(--met-primary) !important;
    color: #fff !important;
}

.met-wrapper .met-bg-wrap .bg-orange-lite {
    background-color: var(--met-orange-lite);
}
.met-wrapper .met-bg-wrap .bg-info-lite {
    background-color: var(--met-info-lite);
}
.met-wrapper .met-bg-wrap .bg-warning-lite {
    background-color: var(--met-warning-lite);
}
.met-wrapper .met-bg-wrap .bg-success-lite {
    background-color: var(--met-success-lite);
}
.met-wrapper .met-bg-wrap .bg-primary-lite {
    background-color: var(--met-primary-lite);
}
.met-dflex-row {
    display: flex;
    flex-direction: row;
}
.met-flex-one {
    flex: 1;
}
.met-dblock {
    display: block;
}
.met-wid-title {
    font-size: 1.15rem;
    font-weight: 800;
}
.met-wid-subtitle {
    font-size: 1rem;
}
.met-wid-icon {
    margin: auto;
    font-size: 1.6rem;
}
.met-link {
    cursor: pointer;
}
.met-table-wrap {
    display: block;
    width: 100%;
    overflow-x: auto;
}
.met-table {
    width: 100%;
    margin-bottom: 1rem;
    color: #3f4254;
    background-color: transparent;
}
.met-table th,
.met-table td {
    padding: 0.75rem;
}
.met-symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.675rem;
    overflow: hidden;
}
.met-table-text {
    font-size: 1.1rem;
    color: var(--met-text);
    font-weight: 600;
}
.met-table-subtext {
    color: var(--met-text-muted);
    font-weight: 600;
    display: block;
}